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 = '') {
            if (theme === '') {
                theme.value = 'orange'
            } else {
                theme.value = stheme
            }
        }

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

export default useSysStore