ログイン後、ログアウト後にルートページを表示する #17

Author: sinproject-iwasaki

src/routes/+layout.svelte

@@ -1,14 +1,16 @@
+<!-- 
 <script lang="ts">
 	import { page } from '$app/stores'
 </script>
+ -->
 
 <svelte:head>
 	<title> SvelteKit Authentication</title>
 </svelte:head>
 
-<nav>
+<!-- <nav>
 	{#if $page.data.user}
-	  <!-- <a href="/admin">Admin</a> -->
+	  <a href="/main">Main</a>
 
 		<form action="/logout" method="POST">
 			<button type="submit">Log out</button>
@@ -17,7 +19,7 @@
 		<a href="/login">Log in</a>
 		<a href="/register">Register</a>
 	{/if}
-</nav>
+</nav> -->
 
 <main>
 	<slot />

src/routes/+page.svelte

@@ -1,3 +1,24 @@
+<script lang="ts">
+	import { page } from '$app/stores'
+</script>
+
+<svelte:head>
+	<title>SvelteKit Authentication</title>
+</svelte:head>
+
 <h1>Welcome to SvelteKit Authentication</h1>
-<p>Visit <a href="https://github.com/sinProject-Inc/sveltekit_authentication">GitHub Repository</a> to read the documentation</p>
+<p>
+	Visit <a href="https://github.com/sinProject-Inc/sveltekit_authentication">GitHub Repository</a> to
+	read the documentation
+</p>
+
+{#if $page.data.user}
+	<a href="/main">Main</a>
 
+	<form action="/logout" method="POST">
+		<button type="submit">Log out</button>
+	</form>
+{:else}
+	<a href="/login">Log in</a>
+	<a href="/register">Register</a>
+{/if}

src/routes/logout/+page.server.ts

@@ -12,6 +12,6 @@ export const actions: Actions = {
 			expires: new Date(0),
 		})
 
-		throw redirect(302, '/login')
+		throw redirect(302, '/')
 	}
 }

src/routes/main/+page.server.ts

@@ -2,5 +2,5 @@ import { redirect } from "@sveltejs/kit";
 import type { PageServerLoad } from "./$types";
 
 export const load: PageServerLoad = async ({ locals }) => {
-	if (!locals.user) throw redirect(302, '/login')
+	if (!locals.user) throw redirect(302, '/')
 }

src/routes/register/+page.server.ts

@@ -35,8 +35,6 @@ export const actions: Actions = {
 			return invalid(400, { user_exists: true })
 		}
 
-		console.log('aaa')
-
 		throw redirect(303, '/login')
 	},
 }