web1/src/composables/useAppDark.js

@@ -1,14 +0,0 @@
-import { useDark } from '@vueuse/core'
-
-const darkOptions = {
-  selector: 'html',
-  attribute: 'class',
-  valueDark: 'dark',
-  valueLight: '',
-  storageKey: 'guzhi-color-scheme',
-  initialValue: 'light',
-}
-
-export function useAppDark() {
-  return useDark(darkOptions)
-}

web1/src/layout/components/header/components/ThemeMode.vue

@@ -1,10 +1,9 @@
 <script setup>
 import { useAppStore } from '@/store'
-import { useToggle } from '@vueuse/core'
+import { useDark, useToggle } from '@vueuse/core'
-import { useAppDark } from '@/composables/useAppDark'
 
 const appStore = useAppStore()
-const isDark = useAppDark()
+const isDark = useDark()
 const toggleDark = () => {
   appStore.toggleDark()
   useToggle(isDark)()

web1/src/store/modules/app/index.js

@@ -1,12 +1,12 @@
 import { defineStore } from 'pinia'
+import { useDark } from '@vueuse/core'
 import { lStorage } from '@/utils'
 import i18n from '~/i18n'
-import { useAppDark } from '@/composables/useAppDark'
 
 const currentLocale = lStorage.get('locale')
 const { locale } = i18n.global
 
-const isDark = useAppDark()
+const isDark = useDark()
 export const useAppStore = defineStore('app', {
   state() {
     return {