[feat] better store operation

src/app/prepare/page.tsx

@@ -1,18 +1,16 @@
 "use client"
 
-import { currentUser, setCsDir, setDir, steamStore } from "@/store/steam"
+import { useSteamStore } from "@/store/steam"
 import { useEffect, useState } from "react"
-import { useSnapshot } from "valtio"
 export default function Page() {
-  void steamStore.start()
-  const steam = useSnapshot(steamStore.state)
-  const [steamDir, setSteamDir] = useState(steam.dir)
-  const [cs2Dir, setCs2Dir] = useState(steam.csDir)
+  const steam = useSteamStore()
+  const [steamDir, setSteamDir] = useState(steam.state.dir)
+  const [cs2Dir, setCs2Dir] = useState(steam.state.csDir)
 
   useEffect(() => {
-    setSteamDir(steam.dir)
-    setCs2Dir(steam.csDir)
-  }, [steam.dir, steam.csDir])
+    setSteamDir(steam.state.dir)
+    setCs2Dir(steam.state.csDir)
+  }, [steam.state.dir, steam.state.csDir])
 
   return (
     <div
@@ -29,7 +27,7 @@ export default function Page() {
           value={steamDir}
           onChange={(e) => {
             setSteamDir(e.target.value)
-            setDir(e.target.value)
+            steam.setDir(e.target.value)
           }}
         />
         <p>CS2所在文件夹</p>
@@ -38,10 +36,10 @@ export default function Page() {
           value={cs2Dir}
           onChange={(e) => {
             setCs2Dir(e.target.value)
-            setCsDir(e.target.value)
+            steam.setCsDir(e.target.value)
           }}
         />
-        <p>当前用户64位SteamID：{currentUser().steamID64}</p>
+        <p>当前用户64位SteamID：{steam.currentUser().steamID64}</p>
       </div>
     </div>
   )