feat(theme): App 初始化时设置 data-theme 属性,首次渲染即为主题

This commit is contained in:
2026-05-24 21:09:23 +08:00
parent dab9bc9750
commit 323472ab2b
+6
View File
@@ -2,14 +2,20 @@ import { useEffect } from 'react'
import { RouterProvider } from 'react-router-dom'
import { router } from './router'
import { useAuthStore } from './stores/auth'
import { useThemeStore } from './stores/theme'
import './styles/global.css'
export default function App() {
const loadFromStorage = useAuthStore(s => s.loadFromStorage)
const theme = useThemeStore(s => s.theme)
useEffect(() => {
loadFromStorage()
}, [loadFromStorage])
useEffect(() => {
document.documentElement.setAttribute('data-theme', theme)
}, [theme])
return <RouterProvider router={router} />
}