logout

public/api/index.js

@@ -1,5 +1,5 @@
 
-import express from 'express';
+var express = require('express');
 const router = express.Router();
 
 // Transform req & res to have the same API as express
@@ -27,7 +27,7 @@ router.post('/logout', (req, res) => {
     res.json({ ok: true });
 });
 //Export the server middleware
-export default {
+return {
     path: '/api',
     handler: router
 };

public/pages/login.vue

@@ -20,6 +20,7 @@
                 <p>
                     <i>You can also refresh this page, you'll still be connected!</i>
                 </p>
+                <button @click="logout">LOGOUT</button>
             </div>
         </div>
     </div>
@@ -44,6 +45,14 @@ export default {
                 console.log('e', e);
                 this.formError = e.message;
             }
+        },
+        async logout() {
+            try {
+                await this.$store.dispatch('logout');
+            } catch (e) {
+                console.log('e', e);
+                this.formError = e.message;
+            }
         }
 
     },

public/store/index.js

@@ -34,6 +34,10 @@ const store = () => {
                 const { data } = await axios.post('/api/login', { username, password });
                 console.log(data);
                 commit('SET_USER', data);
+            },
+            async logout({commit}){
+                await axios.post('/api/logout');
+                commit('SET_USER', null);
             }
         }
     });