From 2ec91a6085a7df2432bbe2d242daa2d018c1c64c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wei=5F=E4=BD=B3?= <weijia.svip@gmail.com>
Date: Tue, 18 Nov 2025 15:17:55 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BD=BF=E7=94=A8=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89useAppDark=E6=9B=BF=E4=BB=A3vueuse=E7=9A=84us?=
 =?UTF-8?q?eDark?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将ThemeMode组件和app store中的useDark替换为自定义的useAppDark composable,统一暗色模式管理逻辑
---
 web1/src/composables/useAppDark.js                 | 14 ++++++++++++++
 .../components/header/components/ThemeMode.vue     |  5 +++--
 web1/src/store/modules/app/index.js                |  4 ++--
 3 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 web1/src/composables/useAppDark.js

diff --git a/web1/src/composables/useAppDark.js b/web1/src/composables/useAppDark.js
new file mode 100644
index 0000000..86b6766
--- /dev/null
+++ b/web1/src/composables/useAppDark.js
@@ -0,0 +1,14 @@
+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)
+}
diff --git a/web1/src/layout/components/header/components/ThemeMode.vue b/web1/src/layout/components/header/components/ThemeMode.vue
index 01ce41e..1c1ffcb 100644
--- a/web1/src/layout/components/header/components/ThemeMode.vue
+++ b/web1/src/layout/components/header/components/ThemeMode.vue
@@ -1,9 +1,10 @@
 <script setup>
 import { useAppStore } from '@/store'
-import { useDark, useToggle } from '@vueuse/core'
+import { useToggle } from '@vueuse/core'
+import { useAppDark } from '@/composables/useAppDark'
 
 const appStore = useAppStore()
-const isDark = useDark()
+const isDark = useAppDark()
 const toggleDark = () => {
   appStore.toggleDark()
   useToggle(isDark)()
diff --git a/web1/src/store/modules/app/index.js b/web1/src/store/modules/app/index.js
index 02dfecd..b0beded 100644
--- a/web1/src/store/modules/app/index.js
+++ b/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 = useDark()
+const isDark = useAppDark()
 export const useAppStore = defineStore('app', {
   state() {
     return {