import { Head, useForm, usePage } from "@inertiajs/react"; import { PageProps } from "@/types/global"; import { FormEventHandler, useEffect } from "react"; import { cn } from "@/lib/utils"; import { Button } from "@/Components/ui/button"; import { Input } from "@/Components/ui/input"; import { Label } from "@/Components/ui/label"; import InputError from "../../Components/InputError"; import ApplicationLogo from "../../Components/ApplicationLogo"; export default function Login() { const { props } = usePage(); const { data, setData, post, processing, errors, reset } = useForm({ username: localStorage.getItem("saved_username") || "", password: "", remember: false, rememberUsername: localStorage.getItem("remember_username") === "true", }); useEffect(() => { return () => { reset("password"); }; }, []); const submit: FormEventHandler = (e) => { e.preventDefault(); // 處理記住帳號邏輯 if (data.rememberUsername) { localStorage.setItem("saved_username", data.username); localStorage.setItem("remember_username", "true"); } else { localStorage.removeItem("saved_username"); localStorage.setItem("remember_username", "false"); } post(route("login"), { onFinish: () => reset("password"), }); }; return (

{/* 動態背景裝飾 */}

帳號 setData("username", e.target.value)} required autoFocus />

密碼 setData("password", e.target.value)} required />

setData("rememberUsername", e.target.checked)} />

記住帳號保持登入

setData("remember", e.target.checked)} />

); }