refactor: 重构暗黑模式

src/store/modules/app/index.js

@@ -1,5 +1,7 @@
 import { defineStore } from 'pinia'
+import { useDark } from '@vueuse/core'
 
+const isDark = useDark()
 export const useAppStore = defineStore('app', {
   state() {
     return {
@@ -7,7 +9,7 @@ export const useAppStore = defineStore('app', {
       collapsed: false,
       /** keepAlive路由的key，重新赋值可重置keepAlive */
       aliveKeys: {},
-      darkMode: false,
+      isDark,
     }
   },
   actions: {
@@ -32,12 +34,12 @@ export const useAppStore = defineStore('app', {
       this.aliveKeys[key] = val
     },
     /** 设置暗黑模式 */
-    setDarkMode(darkMode) {
-      this.darkMode = darkMode
+    setDark(isDark) {
+      this.isDark = isDark
     },
     /** 切换/关闭 暗黑模式 */
-    toggleDarkMode() {
-      this.darkMode = !this.darkMode
+    toggleDark() {
+      this.isDark = !this.isDark
     },
   },
 })