Add vuex-persistedstate package to save user data to local storage permanently

Author: lulunac27a

package.json

@@ -11,7 +11,8 @@
     "core-js": "^3.8.3",
     "vue": "^3.4.15",
     "vue-ellipse-progress": "^2.1.2",
-    "vuex": "^4.1.0"
+    "vuex": "^4.1.0",
+    "vuex-persistedstate": "^4.1.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.4.0",

src/store/index.ts

@@ -1,4 +1,5 @@
 import { createStore } from "vuex";
+import createPersistedState from "vuex-persistedstate";
 
 export default createStore({
   state: {
@@ -275,4 +276,5 @@ export default createStore({
     },
   },
   modules: {},
+  plugins: [createPersistedState()], //create persisted state and save the data to local storage
 });