From dd160cab177e3da70046820d2b64c534ac50dd21 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sun, 23 Jan 2022 22:37:56 +0000
Subject: [PATCH] Convert logout link to method

---
 web/src/App.vue          | 7 ++++++-
 web/src/router/routes.js | 1 -
 2 files changed, 6 insertions(+), 2 deletions(-)

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 },
 ]