add and configure vuex-persist as a plugin

package.json

@@ -18,6 +18,7 @@
     "vue": "^2.6.10",
     "vuetify": "^2.1.0",
     "vuex": "^3.1.2",
+    "vuex-persist": "^2.2.0",
     "xml2js": "^0.4.23"
   },
   "devDependencies": {
@@ -48,7 +49,12 @@
       "airbnb-base"
     ],
     "rules": {
-      "no-param-reassign": ["error", { "props": false }]
+      "no-param-reassign": [
+        "error",
+        {
+          "props": false
+        }
+      ]
     },
     "parserOptions": {
       "parser": "babel-eslint"

src/store/index.js

@@ -4,11 +4,13 @@ import Vuex from 'vuex';
 import actions from './actions';
 import mutations from './mutations';
 import state from './state';
+import persistence from './persistence';
 
 Vue.use(Vuex);
 
 export default new Vuex.Store({
   state,
   mutations,
   actions,
+  plugins: [persistence.plugin],
 });

src/store/persistence.js

@@ -0,0 +1,15 @@
+import VuexPersistence from 'vuex-persist';
+
+const ALLOWED_MUTATIONS = [
+  'TOGGLE_DRAWER',
+  'SELECT_CHANNEL',
+];
+
+export default new VuexPersistence({
+  storage: window.localStorage,
+  reducer: (state) => ({
+    drawer: state.drawer,
+    selectedChannel: state.selectedChannel,
+  }),
+  filter: (mutation) => ALLOWED_MUTATIONS.includes(mutation.type),
+});

vue.config.js

@@ -1,6 +1,7 @@
 module.exports = {
   transpileDependencies: [
     'vuetify',
+    'vuex-persist',
   ],
   pwa: {
     name: 'videoline',