diff --git a/web/src/App.vue b/web/src/App.vue
index d5c9bdb..9f7b9eb 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -7,6 +7,11 @@ export default {
       return this.$store.state.Session.Token;
     }
   },
+  methods: {
+    logout () {
+      this.$store.dispatch("logout");
+    }
+  },
   beforeCreate () {
     this.$store.commit("initializeStore");
   }
@@ -16,7 +21,7 @@ export default {
 <template>
   <ul>
     <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li>
-    <li v-if="loggedIn"><router-link to="/logout">Logout</router-link></li>
+    <li v-if="loggedIn"><a @click="logout">Logout</a></li>
     <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li>
   </ul>
   
diff --git a/web/src/router/routes.js b/web/src/router/routes.js
index af6205d..932a57a 100644
--- a/web/src/router/routes.js
+++ b/web/src/router/routes.js
@@ -6,7 +6,6 @@ import Login from '../pages/Login.vue';
 const routes = [
   { path: '/', name: 'Index', component: Dashboard },
   { path: '/login', name: 'Login', component: Login },
-  { path: '/logout', name: 'Logout', component: null },
   { path: '/budget/:budgetid',  name: 'Budget', component: Budget },
 ]