:sparkles: Implemented logout

frontend/src/components/MainNav.vue

@@ -19,6 +19,8 @@ w-toolbar.mt6.py1(bottom fixed)
         w-button.pa8(disabled)
             w-icon.mr1.icon-cog(xl :class="{ 'icon-selected': $route.path === '/settings' }")
             //- p.text-upper settings
+    w-button.pa4(v-if="!$route.params.pid" bg-color='transparent' @click="$emit('log-out')")
+            w-icon.mr1.icon-lock(xl)
 </template>
 
 <script>
@@ -40,11 +42,10 @@ export default {
 
     .w-button
         background-color: $dark-grey
-    
+
     .icon-selected
         color: $light-green
-    
+
     a
         color:$light-grey
 </style>
-

frontend/src/services/login.service.js

@@ -114,13 +114,22 @@ class Login {
     }
     logout() {
         console.warn('[Login Service warn]: Logging out:', this.id.value)
+        this._loading.value = true
+        this._profile = null
         this.id.value = null
+        this.groupings = []
+        this.queue = []
+        this.responses = []
+        this.tags = []
         if (this.toaster) {
             this.toaster.stop()
         }
         if (this.chatter) {
             this.chatter.stop()
         }
+        this.toaster = null
+        this.chatter = null
+        this._loading.value = false
     }
 
     async getTags() {

frontend/src/views/HomeView.vue

@@ -10,7 +10,7 @@ main.view--home
 
         template(v-else-if='cards.length === 0')
             p No profiles in match_queue.
-    MainNav
+    MainNav(@log-out='logout')
 </template>
 
 <script>
@@ -91,6 +91,13 @@ export default {
             )
             this.fetchedCards.push(...newQueue) // update fetchedCards => recalculate cards
         },
+        async logout() {
+            if (currentProfile.isLoggedIn) {
+                currentProfile.logout()
+            }
+            document.cookie = `siimee_access=''; max-age=600; path=/; secure`
+            this.$router.push('/onboarding')
+        },
         // this can be placed in utils/notification.js
         notify(payload) {
             notificationOpts.message = payload