From 4e8176a88503432bff55c5de6117e316d41bbae1 Mon Sep 17 00:00:00 2001
From: a-leaf <hey49@qq.com>
Date: Fri, 21 Oct 2022 11:12:28 +0800
Subject: [PATCH] fix: useTheme use single ref

---
 src/hooks/useTheme.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 90154bdf..b46b14bd 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -9,6 +9,9 @@ interface IThemeList {
 /** 注册的主题名称, 其中 normal 是必填的 */
 export type ThemeName = "normal" | "dark"
 
+/** 正在应用的主题名称 */
+const activeThemeName = ref<ThemeName>(getActiveThemeName() || "normal")
+
 /** 主题 hook */
 export function useTheme() {
   /** 主题列表 */
@@ -22,8 +25,6 @@ export function useTheme() {
       name: "dark"
     }
   ]
-  /** 正在应用的主题名称 */
-  const activeThemeName = ref<ThemeName>(getActiveThemeName() || "normal")
 
   const initTheme = () => {
     setHtmlClassName(activeThemeName.value)