diff --git a/package.json b/package.json
index ec9facc431..b25c868a95 100644
--- a/package.json
+++ b/package.json
@@ -16,8 +16,8 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vueuse/components": "^10.11.1",
-    "@vueuse/core": "^10.11.1",
+    "@vueuse/components": "^12.3.0",
+    "@vueuse/core": "^12.3.0",
     "axios": "^1.7.9",
     "hoci": "^0.6.0",
     "pinia": "^2.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8f9ffd8919..0529079097 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,17 +13,17 @@ importers:
   .:
     dependencies:
       '@vueuse/components':
-        specifier: ^10.11.1
-        version: 10.11.1(vue@3.5.13(typescript@5.7.3))
+        specifier: ^12.3.0
+        version: 12.3.0(typescript@5.7.3)
       '@vueuse/core':
-        specifier: ^10.11.1
-        version: 10.11.1(vue@3.5.13(typescript@5.7.3))
+        specifier: ^12.3.0
+        version: 12.3.0(typescript@5.7.3)
       axios:
         specifier: ^1.7.9
         version: 1.7.9
       hoci:
         specifier: ^0.6.0
-        version: 0.6.0(@babel/parser@7.26.2)(@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3)))(rollup@2.79.1)(vue@3.5.13(typescript@5.7.3))
+        version: 0.6.0(@babel/parser@7.26.2)(@vueuse/core@12.3.0(typescript@5.7.3))(rollup@2.79.1)(vue@3.5.13(typescript@5.7.3))
       pinia:
         specifier: ^2.3.0
         version: 2.3.0(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3))
@@ -1920,23 +1920,23 @@ packages:
   '@vue/shared@3.5.13':
     resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
 
-  '@vueuse/components@10.11.1':
-    resolution: {integrity: sha512-ThcreQCX/eq61sLkLKjigD4PQvs3Wy4zglICvQH9tP6xl87y5KsQEoizn6OI+R3hrOgwQHLJe7Y0wLLh3fBKcg==}
+  '@vueuse/components@12.3.0':
+    resolution: {integrity: sha512-Y9/gNLKBrHxS7S4xll70mee/1QiY5GTohZQ4/rjXK050tKalNHttvd9CBuA49v0jn8i348k72znd03Bnz9xq7g==}
 
-  '@vueuse/core@10.11.1':
-    resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
+  '@vueuse/core@12.3.0':
+    resolution: {integrity: sha512-cnV8QDKZrsyKC7tWjPbeEUz2cD9sa9faxF2YkR8QqNwfofgbOhmfIgvSYmkp+ttSvfOw4E6hLcQx15mRPr0yBA==}
 
   '@vueuse/core@9.0.0':
     resolution: {integrity: sha512-hMMc2ajuVknkL7Z39JdP9gFFND2OgnDTSS5mmuinWGAE1Vxy1AwDvTHm3+juyk+GzJjYRAktnBIPy7Fq53iOnw==}
 
-  '@vueuse/metadata@10.11.1':
-    resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
+  '@vueuse/metadata@12.3.0':
+    resolution: {integrity: sha512-M/iQHHjMffOv2npsw2ihlUx1CTiBwPEgb7DzByLq7zpg1+Ke8r7s9p5ybUWc5OIeGewtpY4Xy0R2cKqFqM8hFg==}
 
   '@vueuse/metadata@9.0.0':
     resolution: {integrity: sha512-79YVIsAP1bbWm5GdQuG7jDVF/9uuExzhkO0Sd4/TLuSfzH2uZOrHvGwy+ZNJHjbyRn3uf56rKINWLJdBuTLSqQ==}
 
-  '@vueuse/shared@10.11.1':
-    resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
+  '@vueuse/shared@12.3.0':
+    resolution: {integrity: sha512-X3YD35GUeW0d5Gajcwv9jdLAJTV2Jdb/Ll6Ii2JIYcKLYZqv5wxyLeKtiQkqWmHg3v0J0ZWjDUMVOw2E7RCXfA==}
 
   '@vueuse/shared@9.0.0':
     resolution: {integrity: sha512-WRCyr/wIz5e/2gR/+qFucbCUcGMyJKkQZAzlECl3e71ebQQ9X/w3aBWT9FbnogJX+DNZ/t3Pj+TqPbC7TH1Yog==}
@@ -5369,11 +5369,11 @@ snapshots:
     transitivePeerDependencies:
       - babel-plugin-macros
 
-  '@hoci/components@0.6.0(@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
+  '@hoci/components@0.6.0(@vueuse/core@12.3.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@hoci/core': 0.6.0(vue@3.5.13(typescript@5.7.3))
-      '@hoci/shared': 0.6.0(@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
-      '@vueuse/core': 10.11.1(vue@3.5.13(typescript@5.7.3))
+      '@hoci/shared': 0.6.0(@vueuse/core@12.3.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))
+      '@vueuse/core': 12.3.0(typescript@5.7.3)
       maybe-types: 0.2.0
       tslx: 0.1.1
       vue: 3.5.13(typescript@5.7.3)
@@ -5390,9 +5390,9 @@ snapshots:
     transitivePeerDependencies:
       - '@vue/composition-api'
 
-  '@hoci/shared@0.6.0(@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))':
+  '@hoci/shared@0.6.0(@vueuse/core@12.3.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))':
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.13(typescript@5.7.3))
+      '@vueuse/core': 12.3.0(typescript@5.7.3)
       defu: 6.1.4
       maybe-types: 0.2.0
       type-fest: 4.23.0
@@ -6162,24 +6162,22 @@ snapshots:
 
   '@vue/shared@3.5.13': {}
 
-  '@vueuse/components@10.11.1(vue@3.5.13(typescript@5.7.3))':
+  '@vueuse/components@12.3.0(typescript@5.7.3)':
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.13(typescript@5.7.3))
-      '@vueuse/shared': 10.11.1(vue@3.5.13(typescript@5.7.3))
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.3))
+      '@vueuse/core': 12.3.0(typescript@5.7.3)
+      '@vueuse/shared': 12.3.0(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
-  '@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3))':
+  '@vueuse/core@12.3.0(typescript@5.7.3)':
     dependencies:
       '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 10.11.1
-      '@vueuse/shared': 10.11.1(vue@3.5.13(typescript@5.7.3))
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.3))
+      '@vueuse/metadata': 12.3.0
+      '@vueuse/shared': 12.3.0(typescript@5.7.3)
+      vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
   '@vueuse/core@9.0.0(vue@3.5.13(typescript@5.7.3))':
     dependencies:
@@ -6191,16 +6189,15 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/metadata@10.11.1': {}
+  '@vueuse/metadata@12.3.0': {}
 
   '@vueuse/metadata@9.0.0': {}
 
-  '@vueuse/shared@10.11.1(vue@3.5.13(typescript@5.7.3))':
+  '@vueuse/shared@12.3.0(typescript@5.7.3)':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.3))
+      vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
   '@vueuse/shared@9.0.0(vue@3.5.13(typescript@5.7.3))':
     dependencies:
@@ -7131,9 +7128,9 @@ snapshots:
 
   he@1.2.0: {}
 
-  hoci@0.6.0(@babel/parser@7.26.2)(@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3)))(rollup@2.79.1)(vue@3.5.13(typescript@5.7.3)):
+  hoci@0.6.0(@babel/parser@7.26.2)(@vueuse/core@12.3.0(typescript@5.7.3))(rollup@2.79.1)(vue@3.5.13(typescript@5.7.3)):
     dependencies:
-      '@hoci/components': 0.6.0(@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.3)))(vue@3.5.13(typescript@5.7.3))
+      '@hoci/components': 0.6.0(@vueuse/core@12.3.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))
       '@hoci/core': 0.6.0(vue@3.5.13(typescript@5.7.3))
       vue: 3.5.13(typescript@5.7.3)
     optionalDependencies: