sign in/out with correct redirect

resources/js/app.js

@@ -31,10 +31,6 @@ const router = new VueRouter({
             name: 'login',
             component: Login,
         },
-        {
-            path: '/logout',
-            name: 'logout',
-        },
         {
             path: '/register',
             name: 'register',

resources/js/views/App.vue

@@ -18,9 +18,9 @@
                     </router-link>
                 </p>
                 <p class="level-item" v-if="isLoggedIn">
-                    <router-link :to="{ name: 'sign out' }" class="button is-black">
+                    <a class="button is-black" @click="logout">
                         Sign out
-                    </router-link>
+                    </a>
                 </p>
                 <p class="level-item" v-if="!isLoggedIn">
                     <router-link :to="{ name: 'register' }" class="button is-black">
@@ -51,6 +51,26 @@
         mounted(){
             this.isLoggedIn = localStorage.getItem('jwt')
             this.username = localStorage.getItem('user')
+        },
+
+        methods: {
+            logout(evt) {
+                if(confirm("Are you sure you want to log out?")) {
+                    axios.post('api/logout').then(response => {
+
+                        localStorage.removeItem('jwt');
+                        delete axios.defaults.headers.common['Authorization'];
+
+                        this.$router.go('/login');
+                    })
+                    .catch(error => {
+                        localStorage.removeItem('jwt');
+                        delete axios.defaults.headers.common['Authorization'];
+
+                        this.$router.go('/login');
+                    });       
+                }
+            }
         }
     }
 </script>

resources/js/views/Login.vue

@@ -62,7 +62,7 @@
                         localStorage.setItem('jwt',response.data.success.token)
 
                         if (localStorage.getItem('jwt') != null){
-                            this.$router.push({name: 'accounts'});
+                            this.$router.go('/');
                         }
                       })
                       .catch(e => {
@@ -80,7 +80,7 @@
         },
         beforeRouteEnter (to, from, next) {
             if (localStorage.getItem('jwt')) {
-                return next('accounts');
+                return next('/');
             }
 
             next();

resources/js/views/Register.vue

@@ -88,7 +88,7 @@
                         localStorage.setItem('jwt',response.data.success.token)
 
                         if (localStorage.getItem('jwt') != null){
-                            this.$router.push({name: 'accounts'});
+                            this.$router.go('/');
                         }
                       })
                       .catch(error => {
@@ -103,7 +103,7 @@
         },
         beforeRouteEnter (to, from, next) {
             if (localStorage.getItem('jwt')) {
-                return next('accounts');
+                return next('/');
             }
 
             next();