From f5ec50156a7cab8da1e7a733f1942822dde6146b Mon Sep 17 00:00:00 2001
From: Xwite <1797350009@qq.com>
Date: Wed, 2 Oct 2024 21:12:23 +0800
Subject: [PATCH] fix(modules/web): fix ElemetPlus theme not respect  Reader
 theme

---
 modules/web/package.json |  1 -
 modules/web/src/main.js  | 13 +++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/modules/web/package.json b/modules/web/package.json
index af92e93e1..fdc1ad402 100644
--- a/modules/web/package.json
+++ b/modules/web/package.json
@@ -16,7 +16,6 @@
   "dependencies": {
     "@element-plus/icons-svg": "^2.3.1",
     "@element-plus/icons-vue": "^2.3.1",
-    "@vueuse/core": "^11.1.0",
     "@vueuse/shared": "^10.11.1",
     "axios": "^1.7.7",
     "element-plus": "^2.8.4",
diff --git a/modules/web/src/main.js b/modules/web/src/main.js
index 3ad95881d..68b4ccfda 100644
--- a/modules/web/src/main.js
+++ b/modules/web/src/main.js
@@ -2,5 +2,18 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import router from "@/router";
 import store from "@/store";
+import "element-plus/theme-chalk/dark/css-vars.css"
 
 createApp(App).use(store).use(router).mount("#app");
+
+// 同步Element PLUS 夜间模式
+watch(
+    () => useBookStore().isNight,
+    (isNight) => {
+        if (isNight) {
+            document.documentElement.classList.add("dark");
+        } else {
+            document.documentElement.classList.remove("dark");
+        }
+    }
+)
\ No newline at end of file