"use client"
import { currentUser, steamStore } from "@/store/steam"
import { useEffect } from "react"
import { useSnapshot } from "valtio"

export default function Page() {
  useEffect(() => {
    ;async () => {
      steamStore.start()
    }
  }, [])
  const steam = useSnapshot(steamStore.state)

  return (
    <div className="flex flex-col items-start gap-3 pt-2 pb-1">
      <p>Steam路径：{steam.dir}</p>
      <p>游戏路径：{steam.csDir}</p>
      <p>Steam路径有效：{steam.isDirValid ? "是" : "否"}</p>
      <p>游戏路径有效：{steam.isCsDirValid ? "是" : "否"}</p>
      <p>Steam账号：{currentUser().accountName}</p>
    </div>
  )
}