fix: 修复主题无法保存的问题

This commit is contained in:
2025-08-11 16:21:25 +08:00
parent ed9eacf33f
commit b09961473e

View File

@@ -4,13 +4,13 @@ import Dialog from "./components/Dialog.vue";
import { Alert, useAlertProvider } from "./components/Alert"; import { Alert, useAlertProvider } from "./components/Alert";
import { ref, provide, computed, onMounted } from "vue"; import { ref, provide, computed, onMounted } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { useThemeStore } from "./stores/theme";
const router = useRouter(); const router = useRouter();
const theme = useThemeStore();
// 主题切换状态管理 // 主题切换状态管理
const isDarkMode = ref( const isDarkMode = ref(theme.isDarkTheme());
window.matchMedia("(prefers-color-scheme: dark)").matches,
);
// Navbar显示状态管理 // Navbar显示状态管理
const showNavbar = ref(true); const showNavbar = ref(true);
@@ -46,6 +46,7 @@ const applyTheme = () => {
// 切换主题 // 切换主题
const toggleTheme = () => { const toggleTheme = () => {
isDarkMode.value = !isDarkMode.value; isDarkMode.value = !isDarkMode.value;
theme.toggleTheme();
applyTheme(); applyTheme();
}; };