Convert logout link to method

This commit is contained in:
Jan Bader 2022-01-23 22:37:56 +00:00
parent 0e3ece9830
commit dd160cab17
2 changed files with 6 additions and 2 deletions

View File

@ -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>

View File

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