Convert frontend to Vue #3
| @@ -7,6 +7,11 @@ export default { | |||||||
|       return this.$store.state.Session.Token; |       return this.$store.state.Session.Token; | ||||||
|     } |     } | ||||||
|   }, |   }, | ||||||
|  |   methods: { | ||||||
|  |     logout () { | ||||||
|  |       this.$store.dispatch("logout"); | ||||||
|  |     } | ||||||
|  |   }, | ||||||
|   beforeCreate () { |   beforeCreate () { | ||||||
|     this.$store.commit("initializeStore"); |     this.$store.commit("initializeStore"); | ||||||
|   } |   } | ||||||
| @@ -16,7 +21,7 @@ export default { | |||||||
| <template> | <template> | ||||||
|   <ul> |   <ul> | ||||||
|     <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li> |     <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> |     <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li> | ||||||
|   </ul> |   </ul> | ||||||
|    |    | ||||||
|   | |||||||
| @@ -6,7 +6,6 @@ import Login from '../pages/Login.vue'; | |||||||
| const routes = [ | const routes = [ | ||||||
|   { path: '/', name: 'Index', component: Dashboard }, |   { path: '/', name: 'Index', component: Dashboard }, | ||||||
|   { path: '/login', name: 'Login', component: Login }, |   { path: '/login', name: 'Login', component: Login }, | ||||||
|   { path: '/logout', name: 'Logout', component: null }, |  | ||||||
|   { path: '/budget/:budgetid',  name: 'Budget', component: Budget }, |   { path: '/budget/:budgetid',  name: 'Budget', component: Budget }, | ||||||
| ] | ] | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user