src/routes/routes.ts

import { createBrowserRouter } from "react-router";
import Home from "../feature/Home";
import AuthLayout from "../feature/auth/AuthLayout";
import Login from "../feature/auth/Login";
import Register from "../feature/auth/Register";
import Forget from "../feature/auth/Forget";
import AppLayout from "../AppLayout";
import withProtect from "./withProtect";

export default createBrowserRouter([
  {
    Component: AppLayout,
    children: [
      {
        path: "/",
        // 使用 ProtectedRoute 来包裹需要保护的页面
        element: withProtect(Home),
      },
      {
        Component: AuthLayout,
        children: [
          { path: "login", Component: Login },
          { path: "register", Component: Register },
          { path: "forget", Component: Forget },
        ],
      },
    ],
  },
]);