import { defineStore } from "pinia"; import { ref } from "vue"; export const useSettings = defineStore("settings", () => { const settings = ref({ resolution: { width: 1920, height: 1080, }, carousel: false, carouselTime: 1000, // s fullscreen: false, eqStatus: false, }); function rewriteSettings(payload) { settings.value = payload; } function updateSettings({ type, value }) { switch (type) { case "carousel": settings.value.carousel = !settings.value.carousel; break; case "fullscreen": settings.value.fullscreen = !settings.value.fullscreen; break; case "eq": settings.value.eqStatus = !settings.value.eqStatus; break; case "resolution": settings.value.resolution.height = value.height; settings.value.resolution.width = value.width; break; } } return { settings, updateSettings, rewriteSettings }; });