diff --git a/package-lock.json b/package-lock.json
index eafddf92..f807d4c7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -41,6 +41,7 @@
         "@vue/eslint-config-typescript": "^11.0.0",
         "@vue/test-utils": "^2.2.6",
         "@vue/tsconfig": "^0.1.3",
+        "@vueuse/core": "^9.6.0",
         "cypress": "^12.0.2",
         "eslint": "^8.22.0",
         "eslint-plugin-cypress": "^2.12.1",
@@ -2601,9 +2602,7 @@
       "version": "0.0.16",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
       "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/@types/yauzl": {
       "version": "2.10.0",
@@ -3208,8 +3207,6 @@
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.6.0.tgz",
       "integrity": "sha512-qGUcjKQXHgN+jqXEgpeZGoxdCbIDCdVPz3QiF1uyecVGbMuM63o96I1GjYx5zskKgRI0FKSNsVWM7rwrRMTf6A==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "@types/web-bluetooth": "^0.0.16",
         "@vueuse/metadata": "9.6.0",
@@ -3226,8 +3223,6 @@
       "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
       "dev": true,
       "hasInstallScript": true,
-      "optional": true,
-      "peer": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -3253,8 +3248,6 @@
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.6.0.tgz",
       "integrity": "sha512-sIC8R+kWkIdpi5X2z2Gk8TRYzmczDwHRhEFfCu2P+XW2JdPoXrziqsGpDDsN7ykBx4ilwieS7JUIweVGhvZ93w==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -3264,8 +3257,6 @@
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.6.0.tgz",
       "integrity": "sha512-/eDchxYYhkHnFyrb00t90UfjCx94kRHxc7J1GtBCqCG4HyPMX+krV9XJgVtWIsAMaxKVU4fC8NSUviG1JkwhUQ==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "dependencies": {
         "vue-demi": "*"
       },
@@ -3279,8 +3270,6 @@
       "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
       "dev": true,
       "hasInstallScript": true,
-      "optional": true,
-      "peer": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -18066,9 +18055,7 @@
       "version": "0.0.16",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
       "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "dev": true
     },
     "@types/yauzl": {
       "version": "2.10.0",
@@ -18524,8 +18511,6 @@
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.6.0.tgz",
       "integrity": "sha512-qGUcjKQXHgN+jqXEgpeZGoxdCbIDCdVPz3QiF1uyecVGbMuM63o96I1GjYx5zskKgRI0FKSNsVWM7rwrRMTf6A==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "requires": {
         "@types/web-bluetooth": "^0.0.16",
         "@vueuse/metadata": "9.6.0",
@@ -18538,8 +18523,6 @@
           "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
           "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
           "dev": true,
-          "optional": true,
-          "peer": true,
           "requires": {}
         }
       }
@@ -18548,17 +18531,13 @@
       "version": "9.6.0",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.6.0.tgz",
       "integrity": "sha512-sIC8R+kWkIdpi5X2z2Gk8TRYzmczDwHRhEFfCu2P+XW2JdPoXrziqsGpDDsN7ykBx4ilwieS7JUIweVGhvZ93w==",
-      "dev": true,
-      "optional": true,
-      "peer": true
+      "dev": true
     },
     "@vueuse/shared": {
       "version": "9.6.0",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.6.0.tgz",
       "integrity": "sha512-/eDchxYYhkHnFyrb00t90UfjCx94kRHxc7J1GtBCqCG4HyPMX+krV9XJgVtWIsAMaxKVU4fC8NSUviG1JkwhUQ==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "requires": {
         "vue-demi": "*"
       },
@@ -18568,8 +18547,6 @@
           "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
           "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
           "dev": true,
-          "optional": true,
-          "peer": true,
           "requires": {}
         }
       }
diff --git a/package.json b/package.json
index 438cb2eb..a84b375e 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
     "@vue/eslint-config-typescript": "^11.0.0",
     "@vue/test-utils": "^2.2.6",
     "@vue/tsconfig": "^0.1.3",
+    "@vueuse/core": "^9.6.0",
     "cypress": "^12.0.2",
     "eslint": "^8.22.0",
     "eslint-plugin-cypress": "^2.12.1",
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index fa07aadd..05ec63bd 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -22,6 +22,7 @@ declare module '@vue/runtime-core' {
     ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']