add a logout button

src/components/layout/TheHeader.vue

@@ -12,6 +12,9 @@
         <li v-else>
           <router-link to="/auth">Login</router-link>
         </li>
+        <li v-if="isLoggedIn">
+          <base-button @click="logout">Logout</base-button>
+        </li>
       </ul>
     </nav>
   </header>
@@ -20,9 +23,14 @@
 <script>
 export default {
   computed: {
-    isLogggedIn() {
+    isLoggedIn() {
       return this.$store.getters.isAuthenticated;
     }
+  },
+  methods: {
+    logout() {
+      this.$store.dispatch('logout');
+    }
   }
 };
 </script>

src/store/modules/auth/actions.js

@@ -36,5 +36,12 @@ export default {
       const error = new Error(err.message);
       throw error;
     }
+  },
+  logout(context) {
+    context.commit('setUser', {
+      token: null,
+      userId: null,
+      tokenExpiration: null
+    });
   }
 };