From 5faccae5e06fdcc0e1a0fe7452a05d10d8ebccc3 Mon Sep 17 00:00:00 2001
From: Palash Mondal <palashm@live.in>
Date: Thu, 28 May 2020 17:08:01 +0530
Subject: [PATCH] Logging user out

---
 components/Navbar.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/Navbar.vue b/components/Navbar.vue
index 3a70880..7012a1f 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -22,7 +22,7 @@
                 My Profile
               </nuxt-link>
               <hr class="navbar-divider">
-              <a class="navbar-item">Logout</a>
+              <a class="navbar-item" @click="logout">Logout</a>
             </div>
           </div>
           <template v-else>
@@ -45,6 +45,15 @@ import { mapGetters } from 'vuex'
 export default {
   computed: {
     ...mapGetters(['isAuthenticated', 'loggedInUser'])
+  },
+
+  methods: {
+    async logout () {
+      // We call the logout() of the Auth module.
+      // This will simply delete the user’s token from localstorage
+      // and redirect the user to the homepage.
+      await this.$auth.logout()
+    }
   }
 }
 </script>