store logged in user in vuex persisted in localstorage

Author: supalarry

frontend/src/store/index.js

@@ -1,15 +1,32 @@
 import Vue from 'vue';
 import Vuex from 'vuex';
+import createPersistedState from 'vuex-persistedstate';
+import SecureLS from 'secure-ls';
+import user from './modules/user';
+
+const ls = new SecureLS({ isCompression: false });
 
 Vue.use(Vuex);
 
 export default new Vuex.Store({
+  strict: true,
   state: {
   },
   mutations: {
   },
   actions: {
   },
   modules: {
+    user,
   },
+  plugins: [
+    createPersistedState({
+      paths: ['user'],
+      storage: {
+        getItem: (key) => ls.get(key),
+        setItem: (key, value) => ls.set(key, value),
+        removeItem: (key) => ls.remove(key),
+      },
+    }),
+  ],
 });

frontend/src/store/modules/user.js

@@ -0,0 +1,36 @@
+/* eslint-disable no-shadow */
+
+const state = {
+  user: null,
+};
+
+const getters = {
+  getLoggedInUser(state) {
+    return state.user;
+  },
+};
+
+const mutations = {
+  login(state, user) {
+    state.user = user;
+  },
+  logout(state) {
+    state.user = null;
+  },
+};
+
+const actions = {
+  login(state, user) {
+    state.commit('login', user);
+  },
+  logout(state) {
+    state.commit('logout');
+  },
+};
+
+export default {
+  state,
+  getters,
+  mutations,
+  actions,
+};