From 1363ad489e74645232e6803779ddad85f6bfd82d Mon Sep 17 00:00:00 2001
From: Hubert Van De Walle <hubv@protonmail.com>
Date: Sun, 12 Apr 2020 17:33:03 +0200
Subject: [PATCH] Add setToken in VueX and call it from SigninForm

---
 web/src/components/SigninForm.vue |  8 +++++++-
 web/src/store/index.js            | 17 +++++++++--------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/web/src/components/SigninForm.vue b/web/src/components/SigninForm.vue
index 395591d..61d9b96 100644
--- a/web/src/components/SigninForm.vue
+++ b/web/src/components/SigninForm.vue
@@ -38,6 +38,7 @@
 
 <script>
     import Api from '@/api'
+    import {mapMutations} from "vuex";
 
     export default {
         name: "SignupForm",
@@ -52,6 +53,8 @@
             }
         },
         methods: {
+            ...mapMutations(['setToken']),
+
             signin() {
                 this.error = false
                 this.invalid = false
@@ -60,8 +63,11 @@
                     username: this.form.username,
                     password: this.form.password
                 })
-                    .then(response => console.log(response.data))
+                    .then(response => {
+                        this.setToken({token: response.data.token})
+                    })
                     .catch(error => {
+                        console.log(error)
                         if (error.response && error.response.status === 401)
                             this.invalid = true
                         else
diff --git a/web/src/store/index.js b/web/src/store/index.js
index 332b916..387862b 100644
--- a/web/src/store/index.js
+++ b/web/src/store/index.js
@@ -4,12 +4,13 @@ import Vuex from 'vuex'
 Vue.use(Vuex)
 
 export default new Vuex.Store({
-  state: {
-  },
-  mutations: {
-  },
-  actions: {
-  },
-  modules: {
-  }
+    state: {
+        token: ''
+    },
+    mutations: {
+        setToken: (state, {token}) => {
+            state.token = token;
+        }
+    },
+    actions: {}
 })