主题初始调整

lib/global.js

@@ -6,7 +6,6 @@ import { initDarkMode, initTheme, saveThemeToCookies } from '@/lib/theme'
 import { ALL_THEME } from '@/themes'
 
 const GlobalContext = createContext()
-let hasInit = false
 
 /**
  * 全局变量Provider，包括语言本地化、样式主题、搜索词
@@ -14,7 +13,7 @@ let hasInit = false
  * @returns {JSX.Element}
  * @constructor
  */
-export function GlobalContextProvider ({ children }) {
+export function GlobalContextProvider({ children }) {
   const [locale, updateLocale] = useState(generateLocaleDict('en-US'))
   const [isDarkMode, updateDarkMode] = useState(false)
   const [onLoading, changeLoadingState] = useState(false)
@@ -27,13 +26,13 @@ export function GlobalContextProvider ({ children }) {
     changeLoadingState(false)
   })
 
-  function switchTheme () {
+  function switchTheme() {
     const currentIndex = ALL_THEME.indexOf(theme)
     const newIndex = currentIndex < ALL_THEME.length - 1 ? currentIndex + 1 : 0
     changeTheme(ALL_THEME[newIndex])
   }
 
-  function changeTheme (theme) {
+  function changeTheme(theme) {
     Router.query.theme = ''
     if (ALL_THEME.indexOf(theme) > -1) {
       setTheme(theme)
@@ -44,13 +43,10 @@ export function GlobalContextProvider ({ children }) {
   }
 
   useEffect(() => {
-    if (!hasInit) {
-      initLocale(locale, updateLocale)
-      initDarkMode(isDarkMode, updateDarkMode)
-      initTheme(theme, changeTheme)
-      hasInit = true
-    }
-  })
+    initLocale(locale, updateLocale)
+    initDarkMode(isDarkMode, updateDarkMode)
+    initTheme(theme, changeTheme)
+  }, [])
 
   return (
     <GlobalContext.Provider value={{ onLoading, locale, updateLocale, isDarkMode, updateDarkMode, theme, setTheme, switchTheme, changeTheme }}>