chore(web): sync readconfig only when readSetting unvisible

gedoor · Oct 5, 2024 · 28f11e1 · 28f11e1
1 parent b80e549
commit 28f11e1
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/modules/web/src/components/ReadSettings.vue b/modules/web/src/components/ReadSettings.vue
@@ -192,16 +192,25 @@ import API from "@api";
 const store = useBookStore();
 
 //阅读界面设置改变时保存同步配置
+let configChanged = false;
 watch(
   () => store.config,
   (newValue) => {
     localStorage.setItem("config", JSON.stringify(newValue));
-    API.saveReadConfig(newValue);
+    configChanged = true;
   },
   {
     deep: 2, //深度为2
   },
 );
+// 设置页面关闭时同步设置到阅读APP
+watch(
+  () => store.readSettingsVisible,
+  (visbile) => {
+    if (!visbile && configChanged)
+      API.saveReadConfig(store.config).then(() => (configChanged = false));
+  },
+);
 
 //主题颜色
 const theme = computed(() => store.theme);