diff --git a/packages/web/package.json b/packages/web/package.json
index fa04b1e9..3b879c12 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -19,7 +19,7 @@
     "@vueuse/gesture": "2.0.0-beta.1",
     "@vueuse/head": "1.1.26",
     "@vueuse/integrations": "9.13.0",
-    "@vueuse/math": "9.13.0",
+    "@vueuse/math": "10.5.0",
     "@vueuse/router": "^9.4.0",
     "color-hash": "2.0.2",
     "del-cli": "^5.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6d65f885..496be58e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,7 +34,7 @@ importers:
       '@vueuse/gesture': 2.0.0-beta.1
       '@vueuse/head': 1.1.26
       '@vueuse/integrations': 9.13.0
-      '@vueuse/math': 9.13.0
+      '@vueuse/math': 10.5.0
       '@vueuse/router': ^9.4.0
       color-hash: 2.0.2
       critters: 0.0.20
@@ -77,7 +77,7 @@ importers:
       '@vueuse/gesture': 2.0.0-beta.1_vue@3.3.7
       '@vueuse/head': 1.1.26_vue@3.3.7
       '@vueuse/integrations': 9.13.0_focus-trap@7.4.3+vue@3.3.7
-      '@vueuse/math': 9.13.0_vue@3.3.7
+      '@vueuse/math': 10.5.0_vue@3.3.7
       '@vueuse/router': 9.4.0_vue-router@4.1.6+vue@3.3.7
       color-hash: 2.0.2
       del-cli: 5.0.0
@@ -2965,7 +2965,7 @@ packages:
     dependencies:
       '@volar/language-core': 1.4.1
       '@volar/source-map': 1.4.1
-      '@vue/compiler-dom': 3.3.6
+      '@vue/compiler-dom': 3.3.7
       '@vue/compiler-sfc': 3.3.4
       '@vue/reactivity': 3.3.4
       '@vue/shared': 3.3.4
@@ -3002,15 +3002,6 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /@vue/compiler-core/3.3.6:
-    resolution: {integrity: sha512-2JNjemwaNwf+MkkatATVZi7oAH1Hx0B04DdPH3ZoZ8vKC1xZVP7nl4HIsk8XYd3r+/52sqqoz9TWzYc3yE9dqA==}
-    dependencies:
-      '@babel/parser': 7.23.0
-      '@vue/shared': 3.3.6
-      estree-walker: 2.0.2
-      source-map-js: 1.0.2
-    dev: true
-
   /@vue/compiler-core/3.3.7:
     resolution: {integrity: sha512-pACdY6YnTNVLXsB86YD8OF9ihwpolzhhtdLVHhBL6do/ykr6kKXNYABRtNMGrsQXpEXXyAdwvWWkuTbs4MFtPQ==}
     dependencies:
@@ -3033,13 +3024,6 @@ packages:
       '@vue/shared': 3.3.4
     dev: true
 
-  /@vue/compiler-dom/3.3.6:
-    resolution: {integrity: sha512-1MxXcJYMHiTPexjLAJUkNs/Tw2eDf2tY3a0rL+LfuWyiKN2s6jvSwywH3PWD8bKICjfebX3GWx2Os8jkRDq3Ng==}
-    dependencies:
-      '@vue/compiler-core': 3.3.6
-      '@vue/shared': 3.3.6
-    dev: true
-
   /@vue/compiler-dom/3.3.7:
     resolution: {integrity: sha512-0LwkyJjnUPssXv/d1vNJ0PKfBlDoQs7n81CbO6Q0zdL7H1EzqYRrTVXDqdBVqro0aJjo/FOa1qBAPVI4PGSHBw==}
     dependencies:
@@ -3104,14 +3088,6 @@ packages:
       '@vue/shared': 3.3.4
     dev: true
 
-  /@vue/compiler-ssr/3.3.6:
-    resolution: {integrity: sha512-QTIHAfDCHhjXlYGkUg5KH7YwYtdUM1vcFl/FxFDlD6d0nXAmnjizka3HITp8DGudzHndv2PjKVS44vqqy0vP4w==}
-    dependencies:
-      '@vue/compiler-dom': 3.3.6
-      '@vue/shared': 3.3.6
-    dev: true
-    optional: true
-
   /@vue/compiler-ssr/3.3.7:
     resolution: {integrity: sha512-TxOfNVVeH3zgBc82kcUv+emNHo+vKnlRrkv8YvQU5+Y5LJGJwSNzcmLUoxD/dNzv0bhQ/F0s+InlgV0NrApJZg==}
     dependencies:
@@ -3174,20 +3150,9 @@ packages:
       '@vue/shared': 3.3.7
       csstype: 3.1.2
 
-  /@vue/server-renderer/3.3.6_vue@3.3.7:
-    resolution: {integrity: sha512-kgLoN43W4ERdZ6dpyy+gnk2ZHtcOaIr5Uc/WUP5DRwutgvluzu2pudsZGoD2b7AEJHByUVMa9k6Sho5lLRCykw==}
-    requiresBuild: true
-    peerDependencies:
-      vue: 3.3.6
-    dependencies:
-      '@vue/compiler-ssr': 3.3.6
-      '@vue/shared': 3.3.6
-      vue: 3.3.7_typescript@5.1.6
-    dev: true
-    optional: true
-
   /@vue/server-renderer/3.3.7_vue@3.3.7:
     resolution: {integrity: sha512-UlpKDInd1hIZiNuVVVvLgxpfnSouxKQOSE2bOfQpBuGwxRV/JqqTCyyjXUWiwtVMyeRaZhOYYqntxElk8FhBhw==}
+    requiresBuild: true
     peerDependencies:
       vue: 3.3.7
     dependencies:
@@ -3203,10 +3168,6 @@ packages:
     resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
     dev: true
 
-  /@vue/shared/3.3.6:
-    resolution: {integrity: sha512-Xno5pEqg8SVhomD0kTSmfh30ZEmV/+jZtyh39q6QflrjdJCXah5lrnOLi9KB6a5k5aAHXMXjoMnxlzUkCNfWLQ==}
-    dev: true
-
   /@vue/shared/3.3.7:
     resolution: {integrity: sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg==}
 
@@ -3218,8 +3179,8 @@ packages:
       js-beautify: 1.14.6
       vue: 3.3.7_typescript@5.1.6
     optionalDependencies:
-      '@vue/compiler-dom': 3.3.6
-      '@vue/server-renderer': 3.3.6_vue@3.3.7
+      '@vue/compiler-dom': 3.3.7
+      '@vue/server-renderer': 3.3.7_vue@3.3.7
     dev: true
 
   /@vueuse/core/9.13.0_vue@3.3.7:
@@ -3307,10 +3268,10 @@ packages:
       - vue
     dev: false
 
-  /@vueuse/math/9.13.0_vue@3.3.7:
-    resolution: {integrity: sha512-FE2n8J1AfBb4dNvNyE6wS+l87XDcC/y3/037AmrwonsGD5QwJJl6rGr57idszs3PXTuEYcEkDysHLxstSxbQEg==}
+  /@vueuse/math/10.5.0_vue@3.3.7:
+    resolution: {integrity: sha512-fPCte2DbMI+JCEjG6gj35RmNZ7HjYRMHXfLJ9CjdGli0PtbmZ2WTXqJiaRSEgaeM1uN1QL/l0gXixRvRf85tQQ==}
     dependencies:
-      '@vueuse/shared': 9.13.0_vue@3.3.7
+      '@vueuse/shared': 10.5.0_vue@3.3.7
       vue-demi: 0.14.6_vue@3.3.7
     transitivePeerDependencies:
       - '@vue/composition-api'
@@ -3333,6 +3294,15 @@ packages:
       - vue
     dev: false
 
+  /@vueuse/shared/10.5.0_vue@3.3.7:
+    resolution: {integrity: sha512-18iyxbbHYLst9MqU1X1QNdMHIjks6wC7XTVf0KNOv5es/Ms6gjVFCAAWTVP2JStuGqydg3DT+ExpFORUEi9yhg==}
+    dependencies:
+      vue-demi: 0.14.6_vue@3.3.7
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
   /@vueuse/shared/9.13.0_vue@3.3.7:
     resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}
     dependencies: