From 2bad667d024aa522758341e698a41c4d066676dc Mon Sep 17 00:00:00 2001
From: Leon Xu <dcwinfield362@gmail.com>
Date: Sat, 1 Jan 2022 12:50:50 -0800
Subject: [PATCH] doc: add route guard along with authentication

---
 src/router/index.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/router/index.js b/src/router/index.js
index 40f9510..b0ab4ab 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
+import { supabase } from "../supabase/init";
 import Home from "../views/Home.vue";
 import Login from "../views/Login";
 import Register from "../views/Register";
@@ -12,6 +13,7 @@ const routes = [
     component: Home,
     meta: {
       title: "Home",
+      auth: false,
     },
   },
   {
@@ -20,6 +22,7 @@ const routes = [
     component: Login,
     meta: {
       title: "Login",
+      auth: false,
     },
   },
   {
@@ -28,6 +31,7 @@ const routes = [
     component: Register,
     meta: {
       title: "Register",
+      auth: false,
     },
   },
   {
@@ -36,6 +40,7 @@ const routes = [
     component: Create,
     meta: {
       title: "Create",
+      auth: true,
     },
   },
   {
@@ -44,6 +49,7 @@ const routes = [
     component: ViewWorkout,
     meta: {
       title: "View Workout",
+      auth: false,
     },
   },
 ];
@@ -60,5 +66,17 @@ router.beforeEach((to, from, next) => {
 });
 
 // Route guard for auth routes
+router.beforeEach((to, from, next) => {
+  const user = supabase.auth.user();
+  if (to.matched.some((res) => res.meta.auth)) {
+    if (user) {
+      next();
+      return;
+    }
+    next({ name: "Login" });
+    return;
+  }
+  next();
+});
 
 export default router;