From f77950b5bee8eace5b9c041e9d653165245105b3 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Tue, 14 May 2024 12:07:05 +0200
Subject: [PATCH] Added auth guard middleware

---
 middleware/authGuard.ts |  7 +++++++
 pages/profile.vue       | 12 ++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 middleware/authGuard.ts

diff --git a/middleware/authGuard.ts b/middleware/authGuard.ts
new file mode 100644
index 0000000..b813363
--- /dev/null
+++ b/middleware/authGuard.ts
@@ -0,0 +1,7 @@
+export default defineNuxtRouteMiddleware(() => {
+  const user = useSupabaseUser()
+
+  if (!user.value) {
+    return abortNavigation()
+  }
+})
diff --git a/pages/profile.vue b/pages/profile.vue
index 54b45e8..8f95e87 100644
--- a/pages/profile.vue
+++ b/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>