修复夜间模式刷新问题

Author: hanxi

front/src/components/NavHeader.vue

@@ -101,6 +101,8 @@ import { useThemeStore } from '@/stores/themeStore'
 import { useMainStore } from '@/stores'
 
 const themeStore = useThemeStore()
+themeStore.applyTheme()
+
 const store = useMainStore()
 
 const props = defineProps<{

front/src/stores/themeStore.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 
 export const useThemeStore = defineStore('theme', () => {
   const isDarkTheme = ref(false)
@@ -9,9 +9,19 @@ export const useThemeStore = defineStore('theme', () => {
     document.documentElement.classList.toggle('dark', isDarkTheme.value)
   }
 
+  const applyTheme = () => {
+    document.documentElement.classList.toggle('dark', isDarkTheme.value)
+  }
+
+  // Check the saved theme when the store is created
+  onMounted(() => {
+    applyTheme()
+  })
+
   return {
     isDarkTheme,
     toggleTheme,
+    applyTheme
   }
 }, {
   persist: true

front/src/views/Login.vue

@@ -43,6 +43,8 @@ import AppLayout from '@/components/AppLayout.vue'
 import { api } from '@/api'
 
 const themeStore = useThemeStore()
+themeStore.applyTheme()
+
 const router = useRouter()
 const store = useMainStore()
 const loading = ref(false)