Used Pinia instead of vuex

ui/package-lock.json

@@ -11,10 +11,10 @@
         "axios": "^1.4.0",
         "element-plus": "^2.3.4",
         "lodash": "^4.17.21",
+        "pinia": "^2.0.36",
         "vite-plugin-inspect": "^0.7.24",
         "vue": "^3.2.47",
-        "vue-router": "^4.1.6",
-        "vuex": "^4.0.2"
+        "vue-router": "^4.1.6"
       },
       "devDependencies": {
         "@iconify-json/ep": "^1.1.10",
@@ -4948,6 +4948,50 @@
         "node": ">=4"
       }
     },
+    "node_modules/pinia": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.0.36.tgz",
+      "integrity": "sha512-4UKApwjlmJH+VuHKgA+zQMddcCb3ezYnyewQ9NVrsDqZ/j9dMv5+rh+1r48whKNdpFkZAWVxhBp5ewYaYX9JcQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.1.tgz",
+      "integrity": "sha512-rt+yuCtXvscYot9SQQj3WKZJVSriPNqVkpVBNEHPzSgBv7QIYzsS410VqVgvx8f9AAPgjg+XPKvmV3vOqqkJQQ==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/pkg-types": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.2.tgz",
@@ -6117,7 +6161,7 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.0.4.tgz",
       "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -6636,17 +6680,6 @@
         "typescript": "*"
       }
     },
-    "node_modules/vuex": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
-      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
-      "dependencies": {
-        "@vue/devtools-api": "^6.0.0-beta.11"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.2"
-      }
-    },
     "node_modules/w3c-xmlserializer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
@@ -10670,6 +10703,23 @@
       "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
       "dev": true
     },
+    "pinia": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.0.36.tgz",
+      "integrity": "sha512-4UKApwjlmJH+VuHKgA+zQMddcCb3ezYnyewQ9NVrsDqZ/j9dMv5+rh+1r48whKNdpFkZAWVxhBp5ewYaYX9JcQ==",
+      "requires": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.14.1",
+          "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.1.tgz",
+          "integrity": "sha512-rt+yuCtXvscYot9SQQj3WKZJVSriPNqVkpVBNEHPzSgBv7QIYzsS410VqVgvx8f9AAPgjg+XPKvmV3vOqqkJQQ==",
+          "requires": {}
+        }
+      }
+    },
     "pkg-types": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.2.tgz",
@@ -11623,7 +11673,7 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.0.4.tgz",
       "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
-      "dev": true
+      "devOptional": true
     },
     "ufo": {
       "version": "1.1.1",
@@ -11969,14 +12019,6 @@
         "semver": "^7.3.8"
       }
     },
-    "vuex": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.0.2.tgz",
-      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
-      "requires": {
-        "@vue/devtools-api": "^6.0.0-beta.11"
-      }
-    },
     "w3c-xmlserializer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",

ui/package.json

@@ -18,10 +18,10 @@
     "axios": "^1.4.0",
     "element-plus": "^2.3.4",
     "lodash": "^4.17.21",
+    "pinia": "^2.0.36",
     "vite-plugin-inspect": "^0.7.24",
     "vue": "^3.2.47",
-    "vue-router": "^4.1.6",
-    "vuex": "^4.0.2"
+    "vue-router": "^4.1.6"
   },
   "devDependencies": {
     "@iconify-json/ep": "^1.1.10",

ui/src/main.ts

@@ -6,7 +6,9 @@ import '@/assets/css/base.css'
 import '@/assets/css/common.css'
 
 import 'element-plus/theme-chalk/el-message.css'
+import { createPinia } from 'pinia'
 
 const app = createApp(App)
+const pinia = createPinia()
 
-app.use(router).mount('#app')
+app.use(router).use(pinia).mount('#app')