feat: init

projects/translate-h5/src/route/routes.tsx

@@ -1,19 +1,35 @@
-import React from "react";
-import Home from "@/view/home";
-import TranslateDetail from "@/view/home/detail";
-import Setting from "@/view/setting";
-import Page404 from "@/view/error/page404";
+import { Navigate } from "react-router-dom";
+import { lazy } from "react";
+
 export interface AppRoute {
   path: string;
   element: React.ReactNode;
   auth?: boolean;
   children?: AppRoute[];
+  meta?: {
+    title: string;
+  };
 }
-
+const Home = lazy(() => import("@/view/home"));
+const Page404 = lazy(() => import("@/view/error/page404"));
+const TranslateDetail = lazy(() => import("@/view/home/detail"));
 export const routes: AppRoute[] = [
-  { path: "/", element: <Home />, auth: false },
-  { path: "/set", element: <Setting />, auth: false },
-  { path: "/detail", element: <TranslateDetail />, auth: false },
-  { path: "/mood", element: <Setting />, auth: false },
+  {
+    path: "/",
+    element: <Navigate to="/translate" replace />,
+    auth: false,
+    meta: {
+      title: "宠物翻译",
+    },
+  },
+  {
+    path: "/translate",
+    element: <Home />,
+    auth: false,
+    meta: {
+      title: "宠物翻译",
+    },
+  },
+  { path: "/translate/detail", element: <TranslateDetail />, auth: false },
   { path: "*", element: <Page404 />, auth: false },
 ];