import { ref } from "vue";
import { defineStore } from "pinia";

const useSysStore = defineStore(
  "sys",
  () => {
    const theme = ref("");
    const mode = ref("light");
    const modeAuto = ref(false);
    const fontSize = ref(1);

    function setTheme(stheme = "") {
      console.log("setTheme", stheme);
      theme.value = stheme ? stheme : "orange";
    }

    return {
      theme,
      mode,
      modeAuto,
      fontSize,
      setTheme,
    };
  },
  {
    persist: {
      enabled: true,
      strategies: [{ key: "sys-store" }],
    },
  }
);

export default useSysStore;