@twotwoba/vv-cli/template-vue-mobile/src/store/modules/theme-store.ts

Easily create Vite + React/Vue3 project with TailwindCSS and other useful libraries. Also support Chrome extension.

import { useDark, useToggle } from '@vueuse/core'

export const useThemeStore = defineStore(
    'theme',
    () => {
        const isDark = useDark()
        const toggle = useToggle(isDark)

        return { isDark, toggle }
    },
    {
        persist: {
            storage: localStorage,
            key: 'theme',
            pick: ['isDark']
        }
    }
)