optimize debounce form & sync data

src/views/Options/index.js

@@ -10,31 +10,34 @@ import { useEffect, useState } from "react";
 import { isGm } from "../../libs/browser";
 import { sleep } from "../../libs/utils";
 import CircularProgress from "@mui/material/CircularProgress";
+import { syncAll } from "../../libs/sync";
 
 export default function Options() {
   const [error, setError] = useState(false);
   const [ready, setReady] = useState(false);
 
   useEffect(() => {
-    if (!isGm) {
-      return;
-    }
-
     (async () => {
-      let i = 0;
-      for (;;) {
-        if (window.APP_NAME === process.env.REACT_APP_NAME) {
-          setReady(true);
-          break;
-        }
+      if (isGm) {
+        // 等待GM注入
+        let i = 0;
+        for (;;) {
+          if (window.APP_NAME === process.env.REACT_APP_NAME) {
+            setReady(true);
+            break;
+          }
 
-        if (++i > 8) {
-          setError(true);
-          break;
-        }
+          if (++i > 8) {
+            setError(true);
+            break;
+          }
 
-        await sleep(1000);
+          await sleep(1000);
+        }
       }
+
+      // 同步数据
+      syncAll();
     })();
   }, []);