diff options
Diffstat (limited to 'src/views/Home.vue')
-rw-r--r-- | src/views/Home.vue | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/views/Home.vue b/src/views/Home.vue new file mode 100644 index 0000000..e5b446b --- /dev/null +++ b/src/views/Home.vue | |||
@@ -0,0 +1,30 @@ | |||
1 | <template> | ||
2 | <div class="home"> | ||
3 | Hi {{get_username}}! | ||
4 | <input type="button" value="Logout!" @click="logout"> | ||
5 | </div> | ||
6 | </template> | ||
7 | |||
8 | <script> | ||
9 | export default { | ||
10 | methods: { | ||
11 | logout() { | ||
12 | this.$store.dispatch('logout') | ||
13 | this.$router.push('/login') | ||
14 | } | ||
15 | }, | ||
16 | |||
17 | computed: { | ||
18 | get_username() { | ||
19 | return this.$store.getters.get_user.username | ||
20 | } | ||
21 | }, | ||
22 | |||
23 | created() { | ||
24 | if(!this.$store.getters['is_logged_in']) { | ||
25 | this.$router.push('/login') | ||
26 | } | ||
27 | } | ||
28 | |||
29 | } | ||
30 | </script> | ||