Edit 4

resources/js/vue/components/core/Drawer.vue

@@ -116,16 +116,6 @@ export default {
         icon: 'done',
         text: 'Submit Test Result'
       },
-      {
-        to: '/login',
-        icon: 'input',
-        text: 'Login'
-      },
-      {
-        to: '/register',
-        icon: 'fas fa-plus',
-        text: 'Register'
-      },
     ],
     responsive: false
   }),

resources/js/vue/components/core/Toolbar.vue

@@ -37,13 +37,7 @@
           hide-details
           color="purple"
         />
-        <router-link
-          v-ripple
-          class="toolbar-items"
-          to="/"
-        >
-          <v-icon color="tertiary">mdi-view-dashboard</v-icon>
-        </router-link>
+
         <v-menu
           bottom
           left
@@ -87,6 +81,9 @@
         >
           <v-icon color="tertiary">mdi-account</v-icon>
         </router-link>
+        <v-badge v-ripple class="toolbar-items Pointer" @click.native="submitLogout" >
+          <v-icon color="tertiary">input</v-icon>
+        </v-badge>
       </v-flex>
     </v-toolbar-items>
   </v-toolbar>
@@ -95,7 +92,7 @@
 <script>
 
 import {
-  mapMutations
+  mapMutations, mapActions
 } from 'vuex'
 
 export default {
@@ -128,9 +125,13 @@ export default {
 
   methods: {
     ...mapMutations('app', ['setDrawer', 'toggleDrawer']),
+    ...mapActions('auth', ['logout']),
     onClickBtn () {
       this.setDrawer(!this.$store.state.app.drawer)
     },
+    submitLogout () {
+      this.logout();
+    },
     onClick () {
       //
     },
@@ -151,4 +152,7 @@ export default {
   #core-toolbar a {
     text-decoration: none;
   }
+  .Pointer {
+      cursor: pointer;
+  }
 </style>