login/logout routing

frontend/src/components/forms/Login.vue

@@ -56,6 +56,7 @@ export default {
           if (response.data.success) {
             Cookies.set('session', response.data.message, { expires: 30 })
             console.log('cookie', Cookies.get())
+            this.$router.push('about')
           }
         })
     }

frontend/src/views/About.vue

@@ -23,6 +23,11 @@ export default {
   }),
 
   methods: {
+    goHome() {
+      Cookies.remove('session')
+      this.$router.push({ name: 'home' })
+    },
+
     logout() {
       axios
         .post('/user/logout', {
@@ -30,8 +35,7 @@ export default {
         })
         .then(response => {
           if (response.data.success) {
-            Cookies.remove('session')
+            this.goHome()
-            this.$router.push({name: 'home'})
           }
         })
     }
@@ -43,7 +47,11 @@ export default {
         session: Cookies.get('session')
       })
       .then(response => {
+        if (response.data.success) {
           this.sessionID = response.data.message
+        } else {
+          this.goHome()
+        }
       })
   }
 }

frontend/src/views/Home.vue

@@ -15,19 +15,38 @@
 </template>
 
 <script>
+import * as Cookies from 'js-cookie'
+import axios from '@/plugins/axios'
+
 import LoginForm from '@/components/forms/Login.vue'
 import RegisterForm from '@/components/forms/Register.vue'
 
 export default {
   name: 'Home',
+
   data() {
     return {
       dialog: false
     }
   },
+
   components: {
     LoginForm,
     RegisterForm
+  },
+
+  mounted() {
+    if (Cookies.get('session')) {
+      axios
+        .post('/user/login', {
+          session: Cookies.get('session')
+        })
+        .then(response => {
+          if (response.data.success) {
+            this.$router.push({ name: 'about' })
+          }
+        })
+    }
   }
 }
 </script>