Add VueX-persist to the web interface

web/package.json

@@ -10,7 +10,8 @@
   "dependencies": {
     "core-js": "^3.6.5",
     "vue": "^2.6.11",
-    "vuex": "^3.4.0"
+    "vuex": "^3.4.0",
+    "vuex-persist": "^3.1.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",

web/pnpm-lock.yaml

@@ -2,6 +2,7 @@ dependencies:
   core-js: 3.8.1
   vue: 2.6.12
   vuex: 3.6.0_vue@2.6.12
+  vuex-persist: 3.1.3_vuex@3.6.0
 devDependencies:
   '@vue/cli-plugin-babel': 4.5.9_8ae91920fb9b3c76895c2e8acb765728
   '@vue/cli-plugin-eslint': 4.5.9_6778c0324b153720448c6ab0d5359212
@@ -1447,7 +1448,7 @@ packages:
       node: '>=8'
     hasBin: true
     optionalDependencies:
-      vue-loader-v16: /vue-loader/16.1.1
+      vue-loader-v16: /vue-loader/16.1.2
     peerDependencies:
       '@vue/compiler-sfc': ^3.0.0-beta.14
       less-loader: '*'
@@ -3203,6 +3204,12 @@ packages:
       node: '>=0.10.0'
     resolution:
       integrity: sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
+  /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
@@ -4122,6 +4129,10 @@ packages:
     dev: true
     resolution:
       integrity: sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
+  /flatted/3.1.0:
+    dev: false
+    resolution:
+      integrity: sha512-tW+UkmtNg/jv9CSofAKvgVcO7c2URjhTdW1ZTkcAritblu8tajiYy7YisnIflEwtKssCtOxpnBRoCB7iap0/TA==
   /flush-write-stream/1.1.1:
     dependencies:
       inherits: 2.0.4
@@ -8569,7 +8580,7 @@ packages:
         optional: true
     resolution:
       integrity: sha512-oeMOs2b5o5gRqkxfds10bCx6JeXYTwivRgbb8hzOrcThD2z1+GqEKE3EX9A2SGbsYDf4rXwRg6D5n1w0jO5SwA==
-  /vue-loader/16.1.1:
+  /vue-loader/16.1.2:
     dependencies:
       chalk: 4.1.0
       hash-sum: 2.0.0
@@ -8577,7 +8588,7 @@ packages:
     dev: true
     optional: true
     resolution:
-      integrity: sha512-wz/+HFg/3SBayHWAlZXARcnDTl3VOChrfW9YnxvAweiuyKX/7IGx1ad/4yJHmwhgWlOVYMAbTiI7GV8G33PfGQ==
+      integrity: sha512-8QTxh+Fd+HB6fiL52iEVLKqE9N1JSlMXLR92Ijm6g8PZrwIxckgpqjPDWRP5TWxdiPaHR+alUWsnu1ShQOwt+Q==
   /vue-style-loader/4.1.2:
     dependencies:
       hash-sum: 1.0.2
@@ -8600,6 +8611,16 @@ packages:
     dev: false
     resolution:
       integrity: sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg==
+  /vuex-persist/3.1.3_vuex@3.6.0:
+    dependencies:
+      deepmerge: 4.2.2
+      flatted: 3.1.0
+      vuex: 3.6.0_vue@2.6.12
+    dev: false
+    peerDependencies:
+      vuex: '>=2.5'
+    resolution:
+      integrity: sha512-QWOpP4SxmJDC5Y1+0+Yl/F4n7z27syd1St/oP+IYCGe0X0GFio0Zan6kngZFufdIhJm+5dFGDo3VG5kdkCGeRQ==
   /vuex/3.6.0_vue@2.6.12:
     dependencies:
       vue: 2.6.12
@@ -8980,3 +9001,4 @@ specifiers:
   vue: ^2.6.11
   vue-template-compiler: ^2.6.11
   vuex: ^3.4.0
+  vuex-persist: ^3.1.3

web/src/components/Attributions.vue

@@ -42,6 +42,7 @@ export default {
 		modal: false,
 		tooling: {
 			"Vue.JS (With VueX)": "https://vuejs.org",
+			"VueX-Persist": "https://www.npmjs.com/package/vuex-persist",
 			"Vue-Socket.io": "https://github.com/MetinSeylan/Vue-Socket.io",
 		}
 	}},