fix: 🐛 刷新导致暗黑模式失效问题修复

Former-commit-id: 720471aaee612caf2aaea4969c381f3ba4108e9f

src/layout/components/Settings/index.vue

@@ -81,7 +81,12 @@ onMounted(() => {
   window.document.body.setAttribute("layout", settingsStore.layout);
   const theme =
     localStorage.getItem("vueuse-color-scheme") || defaultSettings.theme;
-  localStorage.setItem("vueuse-color-scheme", theme);
+  settingsStore.changeSetting({ key: "theme", value: theme });
+
+  if (theme != "light") {
+    document.documentElement.classList.add("dark");
+  }
+
   document.documentElement.style.setProperty(
     "--el-color-primary",
     settingsStore.themeColor

src/store/modules/settings.ts

@@ -45,6 +45,9 @@ export const useSettingsStore = defineStore("setting", () => {
       case "themeColor":
         themeColor.value = value;
         break;
+      case "theme":
+        theme.value = value;
+        break;
     }
   }
 
@@ -56,5 +59,6 @@ export const useSettingsStore = defineStore("setting", () => {
     layout,
     themeColor,
     changeSetting,
+    theme,
   };
 });