Fix: ルート構成をいじいじ

frontend/src/routes/__root.tsx

@@ -12,9 +12,10 @@ export const Route = createRootRoute({
     </>
   ),
   staticData: {
+    // RootRouteのOGP情報は使用しないが型定義上何かしら入れる必要がある
     ogp: {
-      title: "",
-      description: "",
+      title: "NO_USE",
+      description: "NO_USE",
     },
   },
 });

frontend/src/routes/login/route.lazy.tsx

@@ -1,17 +1,7 @@
-import { Button } from "@mantine/core";
-import { Link, createLazyFileRoute } from "@tanstack/react-router";
+import { createLazyFileRoute } from "@tanstack/react-router";
+
+import { Login } from "./route";
 
 export const Route = createLazyFileRoute("/login")({
   component: Login,
 });
-
-function Login() {
-  return (
-    <>
-      <p>Login Page</p>
-      <Link to="/">
-        <Button>Top</Button>
-      </Link>
-    </>
-  );
-}

frontend/src/routes/login/route.tsx

@@ -0,0 +1,23 @@
+import { Button } from "@mantine/core";
+import { Link, createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/login")({
+  component: Login,
+  staticData: {
+    ogp: {
+      title: "Frost | Login",
+      description: "Login",
+    },
+  },
+});
+
+export function Login() {
+  return (
+    <>
+      <p>Login Page</p>
+      <Link to="/">
+        <Button>Top</Button>
+      </Link>
+    </>
+  );
+}