From 22e20b5c827c352e055d0241a4df5ebafa103e19 Mon Sep 17 00:00:00 2001
From: ThinaticSystem <git@thinaticsystem.com>
Date: Tue, 2 Jul 2024 17:45:29 +0000
Subject: [PATCH] =?UTF-8?q?Fix:=20=E3=83=AB=E3=83=BC=E3=83=88=E6=A7=8B?=
 =?UTF-8?q?=E6=88=90=E3=82=92=E3=81=84=E3=81=98=E3=81=84=E3=81=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/routes/__root.tsx           |  5 +++--
 frontend/src/routes/login/route.lazy.tsx | 16 +++-------------
 frontend/src/routes/login/route.tsx      | 23 +++++++++++++++++++++++
 3 files changed, 29 insertions(+), 15 deletions(-)
 create mode 100644 frontend/src/routes/login/route.tsx

diff --git a/frontend/src/routes/__root.tsx b/frontend/src/routes/__root.tsx
index b85b12d3..b297cc28 100644
--- a/frontend/src/routes/__root.tsx
+++ b/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",
     },
   },
 });
diff --git a/frontend/src/routes/login/route.lazy.tsx b/frontend/src/routes/login/route.lazy.tsx
index 71a3171f..e5afa64b 100644
--- a/frontend/src/routes/login/route.lazy.tsx
+++ b/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>
-    </>
-  );
-}
diff --git a/frontend/src/routes/login/route.tsx b/frontend/src/routes/login/route.tsx
new file mode 100644
index 00000000..3ac950f9
--- /dev/null
+++ b/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>
+    </>
+  );
+}