auth middlewares

frontend/middleware/authenticated.ts

@@ -0,0 +1,13 @@
+export default defineNuxtRouteMiddleware((to, _from) => {
+    if (
+        useAuthSession().value != null ||
+        to.name === 'signin' ||
+        to.name === 'signup'
+    ) {
+        return;
+    }
+
+    return navigateTo({
+        path: '/signin',
+    });
+});

frontend/middleware/not-authenticated.ts

@@ -0,0 +1,9 @@
+export default defineNuxtRouteMiddleware((to, _from) => {
+    if (useAuthSession().value == null && to.name !== 'index') {
+        return;
+    }
+
+    return navigateTo({
+        path: '/',
+    });
+});

frontend/pages/about.vue

@@ -1,5 +0,0 @@
-<template>
-    <section>
-        <h1>/about</h1>
-    </section>
-</template>

frontend/pages/index.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+definePageMeta({
+    middleware: ['authenticated'],
+});
+</script>
+
 <template>
     <p>/</p>
 </template>

frontend/pages/signin.vue

@@ -11,6 +11,7 @@ import { loginUser } from '~/lib/api/auth/login';
 
 definePageMeta({
     layout: 'auth',
+    middleware: ['not-authenticated'],
 });
 
 // TODO: Get this from the backend
@@ -86,7 +87,7 @@ function onKeyDown(e: KeyboardEvent) {
             <Button class="w-full" variant="outline" :disabled="!OPEN_ID"
                 >OpenID Connect</Button
             >
-            <NuxtLink to="/register" class="w-full">
+            <NuxtLink to="/signup" class="w-full">
                 <Button class="w-full" variant="ghost">Sign up instead</Button>
             </NuxtLink>
         </CardFooter>

frontend/pages/signup.vue

@@ -11,6 +11,7 @@ import { registerUser } from '~/lib/api/auth/register';
 
 definePageMeta({
     layout: 'auth',
+    middleware: ['not-authenticated'],
 });
 
 const registering = ref(false);
@@ -35,7 +36,7 @@ async function submit() {
     );
 
     if (success) {
-        await navigateTo({ path: '/login' });
+        await navigateTo({ path: '/signin' });
         return;
     }
 
@@ -90,7 +91,7 @@ async function submit() {
                 @click="submit"
                 >Sign up</Button
             >
-            <NuxtLink to="/login" class="w-full">
+            <NuxtLink to="/signin" class="w-full">
                 <Button class="w-full" variant="ghost">Sign in instead</Button>
             </NuxtLink>
         </CardFooter>

frontend/pages/warrens/[...path].vue

@@ -3,6 +3,10 @@ import DirectoryListContextMenu from '~/components/DirectoryListContextMenu.vue'
 import RenameEntryDialog from '~/components/actions/RenameEntryDialog.vue';
 import { getWarrenDirectory } from '~/lib/api/warrens';
 
+definePageMeta({
+    middleware: ['authenticated'],
+});
+
 const entries = useAsyncData('current-directory', () =>
     getWarrenDirectory(useWarrenRoute().value)
 ).data;

frontend/pages/warrens/index.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { ScrollArea } from '@/components/ui/scroll-area';
 
+definePageMeta({
+    middleware: ['authenticated'],
+});
+
 const store = useWarrenStore();
 </script>