Add login system

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 @@
+<template>
+  <div class="home">
+    Hi {{get_username}}!
+    <input type="button" value="Logout!" @click="logout">
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    logout() {
+      this.$store.dispatch('logout')
+      this.$router.push('/login')
+    }
+  },
+
+  computed: {
+    get_username() {
+      return this.$store.getters.get_user.username
+    }
+  },
+
+  created() {
+    if(!this.$store.getters['is_logged_in']) {
+      this.$router.push('/login')
+    }
+  }
+  
+}
+</script>