fix: 🐛 登录页设置的主题进入系统后不一致问题修复

src/layout/components/Settings/index.vue

@@ -79,11 +79,8 @@ const currentThemeColor = computed(() => {
 });
 onMounted(() => {
   window.document.body.setAttribute("layout", settingsStore.layout);
-  const theme =
-    localStorage.getItem("vueuse-color-scheme") || defaultSettings.theme;
-  settingsStore.changeSetting({ key: "theme", value: theme });
-
-  if (theme != "light") {
+  const theme = settingsStore.theme;
+  if (theme == "dark") {
     document.documentElement.classList.add("dark");
   }
 

src/layout/components/Sidebar/Logo.vue

@@ -10,8 +10,6 @@ defineProps({
   },
 });
 
-const layout = computed(() => settingsStore.layout);
-
 const logo = ref(new URL(`../../../assets/logo.png`, import.meta.url).href);
 </script>
 
@@ -36,8 +34,8 @@ const logo = ref(new URL(`../../../assets/logo.png`, import.meta.url).href);
         to="/"
       >
         <img v-if="settingsStore.sidebarLogo" :src="logo" class="w-5 h-5" />
-        <span class="ml-3 text-white text-sm font-bold"
-          >vue3-element-admin</span
+        <span class="ml-3 text-white text-sm font-bold">
+          {{ $t("login.title") }}</span
         >
       </router-link>
     </transition>

src/store/modules/settings.ts

@@ -20,9 +20,7 @@ export const useSettingsStore = defineStore("setting", () => {
   );
 
   const theme = useStorage<string>("theme", defaultSettings.theme);
-  if (theme.value == "light") {
-    document.body.classList.remove("dark");
-  }
+
   // actions
   function changeSetting(param: { key: string; value: any }) {
     const { key, value } = param;
@@ -47,6 +45,9 @@ export const useSettingsStore = defineStore("setting", () => {
         break;
       case "theme":
         theme.value = value;
+        if (theme.value !== "dark") {
+          document.documentElement.classList.remove("dark");
+        }
         break;
     }
   }