Added auth guard middleware

middleware/authGuard.ts

@@ -0,0 +1,7 @@
+export default defineNuxtRouteMiddleware(() => {
+  const user = useSupabaseUser()
+
+  if (!user.value) {
+    return abortNavigation()
+  }
+})

pages/profile.vue

@@ -1,10 +1,22 @@
 <script lang="ts" setup>
 import type { MenuItem } from '~/components/global/SidebarProps';
 
+const user = useSupabaseUser()
+
 useHead({
   title: 'Profil'
 })
 
+definePageMeta({
+  middleware: ['auth-guard']
+})
+
+// Redirect user back home when they log out on the page
+watch(user, (n, _o) => {
+  if (!n) {
+    navigateTo('/')
+  }
+})
 const sidebarMenu: MenuItem[] = []
 </script>