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 };
});