persistir partes del store para acelerar la carga de la página

package.json

@@ -17,7 +17,8 @@
     "serviceworker-webpack-plugin": "^1.0.1",
     "vue": "2.6.11",
     "vue-router": "^3.1.5",
-    "vuex": "^3.1.2"
+    "vuex": "^3.1.2",
+    "vuex-persistedstate": "^3.0.1"
   },
   "devDependencies": {
     "brotli-webpack-plugin": "^1.1.0",

pnpm-lock.yaml

@@ -7,6 +7,7 @@ dependencies:
   vue: 2.6.11
   vue-router: 3.1.5
   vuex: 3.1.2
+  vuex-persistedstate: 3.0.1_vue@2.6.11+vuex@3.1.2
 devDependencies:
   brotli-webpack-plugin: 1.1.0
   buble: 0.19.8
@@ -1446,6 +1447,12 @@ packages:
     optional: true
     resolution:
       integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
+  /deepmerge/4.2.2:
+    dev: false
+    engines:
+      node: '>=0.10.0'
+    resolution:
+      integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
   /default-gateway/4.2.0:
     dependencies:
       execa: 1.0.0
@@ -5049,6 +5056,10 @@ packages:
       node: '>=8'
     resolution:
       integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+  /shvl/2.0.0:
+    dev: false
+    resolution:
+      integrity: sha512-WbpzSvI5XgVGJ3A4ySGe8hBxj0JgJktfnoLhhJmvITDdK21WPVWwgG8GPlYEh4xqdti3Ff7PJ5G0QrRAjNS0Ig==
   /signal-exit/3.0.2:
     dev: true
     resolution:
@@ -5902,6 +5913,18 @@ packages:
     dev: false
     resolution:
       integrity: sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
+  /vuex-persistedstate/3.0.1_vue@2.6.11+vuex@3.1.2:
+    dependencies:
+      deepmerge: 4.2.2
+      shvl: 2.0.0
+      vue: 2.6.11
+      vuex: 3.1.2
+    dev: false
+    peerDependencies:
+      vue: ^2.0.0
+      vuex: ^2.0.0 || ^3.0.0
+    resolution:
+      integrity: sha512-2dH77+fIecAXO8GeJEXiYnC++gx48PFGUayB5d7rWrN3fblRCOHQoVnmu/VV9DXbHHJcJth/0W/ofl8vw12j1A==
   /vuex/3.1.2:
     dev: false
     resolution:
@@ -6265,6 +6288,7 @@ specifiers:
   vue-svg-loader: ^0.12.0
   vue-template-compiler: 2.6.11
   vuex: ^3.1.2
+  vuex-persistedstate: ^3.0.1
   webpack: ^4.41.6
   webpack-cli: ^3.3.11
   webpack-dev-server: ^3.10.3

src/store.js

 import Vue from 'vue'
 import Vuex from 'vuex'
+import createPersistedState from 'vuex-persistedstate'
 
 import { registerWebpush } from './sjwManager'
 
@@ -73,6 +74,11 @@ export const request = async (path, settings = {}) => {
 }
 
 const store = new Vuex.Store({
+  plugins: [
+    createPersistedState({
+      paths: ['consensos', 'barcas'],
+    }),
+  ],
   state: {
     loggingIn: true,
     initialLoadDone: false,