()
| 50 | |
| 51 | // 监听系统主题变化 |
| 52 | const watchSystemTheme = () => { |
| 53 | if (typeof window === "undefined") return; |
| 54 | |
| 55 | const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)"); |
| 56 | const handler = () => { |
| 57 | if (theme.value === "auto") { |
| 58 | applyTheme("auto"); |
| 59 | } |
| 60 | }; |
| 61 | |
| 62 | mediaQuery.addEventListener("change", handler); |
| 63 | return () => mediaQuery.removeEventListener("change", handler); |
| 64 | }; |
| 65 | |
| 66 | // 初始化 |
| 67 | onMounted(() => { |