Split store

web/src/store/getters.js

@@ -0,0 +1,5 @@
+export default {
+    isLoggedIn: state => {
+        return state.token !== null;
+    }
+}

web/src/store/index.js

@@ -1,27 +1,14 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
-import {setToken, getToken, clearToken} from '@/jwt'
+
+import state from './state'
+import mutations from './mutations'
+import getters from './getters'
 
 Vue.use(Vuex)
 
 export default new Vuex.Store({
-    state: {
+    state,
-        token: getToken()
+    mutations,
-    },
+    getters
-    mutations: {
-        setToken: (state, {token}) => {
-            state.token = token
-            setToken(token)
-        },
-        clearToken(state) {
-            state.token = null
-            clearToken()
-        }
-    },
-    actions: {},
-    getters: {
-        isLoggedIn(state) {
-            return state.token !== null;
-        }
-    }
 })

web/src/store/mutations.js

@@ -0,0 +1,12 @@
+import {setToken, clearToken} from '@/jwt'
+
+export default {
+    setToken: (state, {token}) => {
+        state.token = token
+        setToken(token)
+    },
+    clearToken: state => {
+        state.token = null
+        clearToken()
+    }
+}

web/src/store/state.js

@@ -0,0 +1,5 @@
+import {getToken} from '@/jwt'
+
+export default {
+    token: getToken()
+}