feat: add per component authorization handling

nextauthjs · Nov 23, 2024 · 692f026 · 692f026
1 parent 3134e28
commit 692f026
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/apps/dev/sveltekit/src/components/header.svelte b/apps/dev/sveltekit/src/components/header.svelte
@@ -35,6 +35,7 @@
   <div class="links">
     <a class="linkItem" href="/">Home</a>
     <a class="linkItem" href="/protected">Protected</a>
+    <a class="linkItem" href="/client-protected">Client Protected</a>
     <a class="linkItem" href="/users">Admin</a>
   </div>
 </header>
diff --git a/apps/dev/sveltekit/src/routes/(client-protected)/client-protected/+page.svelte b/apps/dev/sveltekit/src/routes/(client-protected)/client-protected/+page.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { page } from "$app/stores"
+</script>
+
+{#if $page.data.session}
+  <h1>Protected without hooks.server.ts</h1>
+  <p>This page is protected and can only be accessed by authenticated users.</p>
+{:else}
+  <h1>Access Denied</h1>
+{/if}