diff --git a/web-app/.prettierrc.json b/web-app/.prettierrc.json
index 29a2402..2ebbccc 100644
--- a/web-app/.prettierrc.json
+++ b/web-app/.prettierrc.json
@@ -2,5 +2,6 @@
   "$schema": "https://json.schemastore.org/prettierrc",
   "semi": false,
   "singleQuote": true,
-  "printWidth": 100
+  "printWidth": 100,
+  "singleAttributePerLine": true
 }
diff --git a/web-app/package-lock.json b/web-app/package-lock.json
index 3b796e3..103ee47 100644
--- a/web-app/package-lock.json
+++ b/web-app/package-lock.json
@@ -8,49 +8,36 @@
       "name": "web-app",
       "version": "0.0.0",
       "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^7.0.0",
-        "@fortawesome/free-regular-svg-icons": "^7.0.0",
-        "@fortawesome/free-solid-svg-icons": "^7.0.0",
-        "@fortawesome/vue-fontawesome": "^3.1.1",
+        "@fortawesome/fontawesome-svg-core": "^7.0.1",
+        "@fortawesome/free-regular-svg-icons": "^7.0.1",
+        "@fortawesome/free-solid-svg-icons": "^7.0.1",
+        "@fortawesome/vue-fontawesome": "^3.1.2",
         "pinia": "^3.0.3",
         "vue": "^3.5.18",
-        "vue-router": "^4.5.1"
+        "vue-router": "^4.5.1",
+        "vue3-select-component": "^0.12.1"
       },
       "devDependencies": {
         "@tsconfig/node22": "^22.0.2",
-        "@types/node": "^22.16.5",
+        "@types/node": "^22.18.6",
         "@vitejs/plugin-vue": "^6.0.1",
         "@vue/eslint-config-prettier": "^10.2.0",
         "@vue/eslint-config-typescript": "^14.6.0",
         "@vue/tsconfig": "^0.7.0",
-        "eslint": "^9.31.0",
+        "eslint": "^9.36.0",
         "eslint-plugin-vue": "~10.3.0",
-        "jiti": "^2.4.2",
+        "jiti": "^2.5.1",
         "npm-run-all2": "^8.0.4",
         "prettier": "3.6.2",
         "typescript": "~5.8.0",
-        "vite": "^7.0.6",
-        "vite-plugin-vue-devtools": "^8.0.0",
-        "vue-tsc": "^3.0.4"
+        "vite": "^7.1.6",
+        "vite-plugin-vue-devtools": "^8.0.2",
+        "vue-tsc": "^3.0.7"
       },
       "engines": {
         "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
-      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
@@ -67,9 +54,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
-      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.4.tgz",
+      "integrity": "sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -77,22 +64,22 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.0.tgz",
-      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.4.tgz",
+      "integrity": "sha512-2BCOP7TN8M+gVDj7/ht3hsaO/B/n5oDbiAyyvnRlNOs+u1o+JWNYTQrmpuNp1/Wq2gcFrI01JAW+paEKDMx/CA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.0",
+        "@babel/generator": "^7.28.3",
         "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-module-transforms": "^7.27.3",
-        "@babel/helpers": "^7.27.6",
-        "@babel/parser": "^7.28.0",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.4",
         "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.0",
-        "@babel/types": "^7.28.0",
+        "@babel/traverse": "^7.28.4",
+        "@babel/types": "^7.28.4",
+        "@jridgewell/remapping": "^2.3.5",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -118,14 +105,14 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
-      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
+      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.0",
-        "@babel/types": "^7.28.0",
+        "@babel/parser": "^7.28.3",
+        "@babel/types": "^7.28.2",
         "@jridgewell/gen-mapping": "^0.3.12",
         "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
@@ -175,18 +162,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
-      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.3.tgz",
+      "integrity": "sha512-V9f6ZFIYSLNEbuGA/92uOvYsGCJNsuA8ESZ4ldc09bWk/j8H8TKiPw8Mk1eG6olpnO0ALHJmYfZvF4MEE4gajg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-annotate-as-pure": "^7.27.3",
         "@babel/helper-member-expression-to-functions": "^7.27.1",
         "@babel/helper-optimise-call-expression": "^7.27.1",
         "@babel/helper-replace-supers": "^7.27.1",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.27.1",
+        "@babel/traverse": "^7.28.3",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -245,15 +232,15 @@
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
-      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.27.1",
         "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.27.3"
+        "@babel/traverse": "^7.28.3"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -346,26 +333,26 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.28.2",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.2.tgz",
-      "integrity": "sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.2"
+        "@babel/types": "^7.28.4"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
-      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
+      "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.28.0"
+        "@babel/types": "^7.28.4"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -505,18 +492,18 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.28.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
-      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz",
+      "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.0",
+        "@babel/generator": "^7.28.3",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.28.0",
+        "@babel/parser": "^7.28.4",
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.0",
+        "@babel/types": "^7.28.4",
         "debug": "^4.3.1"
       },
       "engines": {
@@ -524,9 +511,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.28.2",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.2.tgz",
-      "integrity": "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==",
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
+      "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -537,9 +524,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.8.tgz",
-      "integrity": "sha512-urAvrUedIqEiFR3FYSLTWQgLu5tb+m0qZw0NBEasUeo6wuqatkMDaRT+1uABiGXEu5vqgPd7FGE1BhsAIy9QVA==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.10.tgz",
+      "integrity": "sha512-0NFWnA+7l41irNuaSVlLfgNT12caWJVLzp5eAVhZ0z1qpxbockccEt3s+149rE64VUI3Ml2zt8Nv5JVc4QXTsw==",
       "cpu": [
         "ppc64"
       ],
@@ -554,9 +541,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.8.tgz",
-      "integrity": "sha512-RONsAvGCz5oWyePVnLdZY/HHwA++nxYWIX1atInlaW6SEkwq6XkP3+cb825EUcRs5Vss/lGh/2YxAb5xqc07Uw==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.10.tgz",
+      "integrity": "sha512-dQAxF1dW1C3zpeCDc5KqIYuZ1tgAdRXNoZP7vkBIRtKZPYe2xVr/d3SkirklCHudW1B45tGiUlz2pUWDfbDD4w==",
       "cpu": [
         "arm"
       ],
@@ -571,9 +558,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.8.tgz",
-      "integrity": "sha512-OD3p7LYzWpLhZEyATcTSJ67qB5D+20vbtr6vHlHWSQYhKtzUYrETuWThmzFpZtFsBIxRvhO07+UgVA9m0i/O1w==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.10.tgz",
+      "integrity": "sha512-LSQa7eDahypv/VO6WKohZGPSJDq5OVOo3UoFR1E4t4Gj1W7zEQMUhI+lo81H+DtB+kP+tDgBp+M4oNCwp6kffg==",
       "cpu": [
         "arm64"
       ],
@@ -588,9 +575,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.8.tgz",
-      "integrity": "sha512-yJAVPklM5+4+9dTeKwHOaA+LQkmrKFX96BM0A/2zQrbS6ENCmxc4OVoBs5dPkCCak2roAD+jKCdnmOqKszPkjA==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.10.tgz",
+      "integrity": "sha512-MiC9CWdPrfhibcXwr39p9ha1x0lZJ9KaVfvzA0Wxwz9ETX4v5CHfF09bx935nHlhi+MxhA63dKRRQLiVgSUtEg==",
       "cpu": [
         "x64"
       ],
@@ -605,9 +592,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.8.tgz",
-      "integrity": "sha512-Jw0mxgIaYX6R8ODrdkLLPwBqHTtYHJSmzzd+QeytSugzQ0Vg4c5rDky5VgkoowbZQahCbsv1rT1KW72MPIkevw==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.10.tgz",
+      "integrity": "sha512-JC74bdXcQEpW9KkV326WpZZjLguSZ3DfS8wrrvPMHgQOIEIG/sPXEN/V8IssoJhbefLRcRqw6RQH2NnpdprtMA==",
       "cpu": [
         "arm64"
       ],
@@ -622,9 +609,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.8.tgz",
-      "integrity": "sha512-Vh2gLxxHnuoQ+GjPNvDSDRpoBCUzY4Pu0kBqMBDlK4fuWbKgGtmDIeEC081xi26PPjn+1tct+Bh8FjyLlw1Zlg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.10.tgz",
+      "integrity": "sha512-tguWg1olF6DGqzws97pKZ8G2L7Ig1vjDmGTwcTuYHbuU6TTjJe5FXbgs5C1BBzHbJ2bo1m3WkQDbWO2PvamRcg==",
       "cpu": [
         "x64"
       ],
@@ -639,9 +626,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.8.tgz",
-      "integrity": "sha512-YPJ7hDQ9DnNe5vxOm6jaie9QsTwcKedPvizTVlqWG9GBSq+BuyWEDazlGaDTC5NGU4QJd666V0yqCBL2oWKPfA==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.10.tgz",
+      "integrity": "sha512-3ZioSQSg1HT2N05YxeJWYR+Libe3bREVSdWhEEgExWaDtyFbbXWb49QgPvFH8u03vUPX10JhJPcz7s9t9+boWg==",
       "cpu": [
         "arm64"
       ],
@@ -656,9 +643,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.8.tgz",
-      "integrity": "sha512-MmaEXxQRdXNFsRN/KcIimLnSJrk2r5H8v+WVafRWz5xdSVmWLoITZQXcgehI2ZE6gioE6HirAEToM/RvFBeuhw==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.10.tgz",
+      "integrity": "sha512-LLgJfHJk014Aa4anGDbh8bmI5Lk+QidDmGzuC2D+vP7mv/GeSN+H39zOf7pN5N8p059FcOfs2bVlrRr4SK9WxA==",
       "cpu": [
         "x64"
       ],
@@ -673,9 +660,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.8.tgz",
-      "integrity": "sha512-FuzEP9BixzZohl1kLf76KEVOsxtIBFwCaLupVuk4eFVnOZfU+Wsn+x5Ryam7nILV2pkq2TqQM9EZPsOBuMC+kg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.10.tgz",
+      "integrity": "sha512-oR31GtBTFYCqEBALI9r6WxoU/ZofZl962pouZRTEYECvNF/dtXKku8YXcJkhgK/beU+zedXfIzHijSRapJY3vg==",
       "cpu": [
         "arm"
       ],
@@ -690,9 +677,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.8.tgz",
-      "integrity": "sha512-WIgg00ARWv/uYLU7lsuDK00d/hHSfES5BzdWAdAig1ioV5kaFNrtK8EqGcUBJhYqotlUByUKz5Qo6u8tt7iD/w==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.10.tgz",
+      "integrity": "sha512-5luJWN6YKBsawd5f9i4+c+geYiVEw20FVW5x0v1kEMWNq8UctFjDiMATBxLvmmHA4bf7F6hTRaJgtghFr9iziQ==",
       "cpu": [
         "arm64"
       ],
@@ -707,9 +694,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.8.tgz",
-      "integrity": "sha512-A1D9YzRX1i+1AJZuFFUMP1E9fMaYY+GnSQil9Tlw05utlE86EKTUA7RjwHDkEitmLYiFsRd9HwKBPEftNdBfjg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.10.tgz",
+      "integrity": "sha512-NrSCx2Kim3EnnWgS4Txn0QGt0Xipoumb6z6sUtl5bOEZIVKhzfyp/Lyw4C1DIYvzeW/5mWYPBFJU3a/8Yr75DQ==",
       "cpu": [
         "ia32"
       ],
@@ -724,9 +711,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.8.tgz",
-      "integrity": "sha512-O7k1J/dwHkY1RMVvglFHl1HzutGEFFZ3kNiDMSOyUrB7WcoHGf96Sh+64nTRT26l3GMbCW01Ekh/ThKM5iI7hQ==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.10.tgz",
+      "integrity": "sha512-xoSphrd4AZda8+rUDDfD9J6FUMjrkTz8itpTITM4/xgerAZZcFW7Dv+sun7333IfKxGG8gAq+3NbfEMJfiY+Eg==",
       "cpu": [
         "loong64"
       ],
@@ -741,9 +728,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.8.tgz",
-      "integrity": "sha512-uv+dqfRazte3BzfMp8PAQXmdGHQt2oC/y2ovwpTteqrMx2lwaksiFZ/bdkXJC19ttTvNXBuWH53zy/aTj1FgGw==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.10.tgz",
+      "integrity": "sha512-ab6eiuCwoMmYDyTnyptoKkVS3k8fy/1Uvq7Dj5czXI6DF2GqD2ToInBI0SHOp5/X1BdZ26RKc5+qjQNGRBelRA==",
       "cpu": [
         "mips64el"
       ],
@@ -758,9 +745,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.8.tgz",
-      "integrity": "sha512-GyG0KcMi1GBavP5JgAkkstMGyMholMDybAf8wF5A70CALlDM2p/f7YFE7H92eDeH/VBtFJA5MT4nRPDGg4JuzQ==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.10.tgz",
+      "integrity": "sha512-NLinzzOgZQsGpsTkEbdJTCanwA5/wozN9dSgEl12haXJBzMTpssebuXR42bthOF3z7zXFWH1AmvWunUCkBE4EA==",
       "cpu": [
         "ppc64"
       ],
@@ -775,9 +762,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.8.tgz",
-      "integrity": "sha512-rAqDYFv3yzMrq7GIcen3XP7TUEG/4LK86LUPMIz6RT8A6pRIDn0sDcvjudVZBiiTcZCY9y2SgYX2lgK3AF+1eg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.10.tgz",
+      "integrity": "sha512-FE557XdZDrtX8NMIeA8LBJX3dC2M8VGXwfrQWU7LB5SLOajfJIxmSdyL/gU1m64Zs9CBKvm4UAuBp5aJ8OgnrA==",
       "cpu": [
         "riscv64"
       ],
@@ -792,9 +779,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.8.tgz",
-      "integrity": "sha512-Xutvh6VjlbcHpsIIbwY8GVRbwoviWT19tFhgdA7DlenLGC/mbc3lBoVb7jxj9Z+eyGqvcnSyIltYUrkKzWqSvg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.10.tgz",
+      "integrity": "sha512-3BBSbgzuB9ajLoVZk0mGu+EHlBwkusRmeNYdqmznmMc9zGASFjSsxgkNsqmXugpPk00gJ0JNKh/97nxmjctdew==",
       "cpu": [
         "s390x"
       ],
@@ -809,9 +796,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.8.tgz",
-      "integrity": "sha512-ASFQhgY4ElXh3nDcOMTkQero4b1lgubskNlhIfJrsH5OKZXDpUAKBlNS0Kx81jwOBp+HCeZqmoJuihTv57/jvQ==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.10.tgz",
+      "integrity": "sha512-QSX81KhFoZGwenVyPoberggdW1nrQZSvfVDAIUXr3WqLRZGZqWk/P4T8p2SP+de2Sr5HPcvjhcJzEiulKgnxtA==",
       "cpu": [
         "x64"
       ],
@@ -826,9 +813,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.8.tgz",
-      "integrity": "sha512-d1KfruIeohqAi6SA+gENMuObDbEjn22olAR7egqnkCD9DGBG0wsEARotkLgXDu6c4ncgWTZJtN5vcgxzWRMzcw==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.10.tgz",
+      "integrity": "sha512-AKQM3gfYfSW8XRk8DdMCzaLUFB15dTrZfnX8WXQoOUpUBQ+NaAFCP1kPS/ykbbGYz7rxn0WS48/81l9hFl3u4A==",
       "cpu": [
         "arm64"
       ],
@@ -843,9 +830,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.8.tgz",
-      "integrity": "sha512-nVDCkrvx2ua+XQNyfrujIG38+YGyuy2Ru9kKVNyh5jAys6n+l44tTtToqHjino2My8VAY6Lw9H7RI73XFi66Cg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.10.tgz",
+      "integrity": "sha512-7RTytDPGU6fek/hWuN9qQpeGPBZFfB4zZgcz2VK2Z5VpdUxEI8JKYsg3JfO0n/Z1E/6l05n0unDCNc4HnhQGig==",
       "cpu": [
         "x64"
       ],
@@ -860,9 +847,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.8.tgz",
-      "integrity": "sha512-j8HgrDuSJFAujkivSMSfPQSAa5Fxbvk4rgNAS5i3K+r8s1X0p1uOO2Hl2xNsGFppOeHOLAVgYwDVlmxhq5h+SQ==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.10.tgz",
+      "integrity": "sha512-5Se0VM9Wtq797YFn+dLimf2Zx6McttsH2olUBsDml+lm0GOCRVebRWUvDtkY4BWYv/3NgzS8b/UM3jQNh5hYyw==",
       "cpu": [
         "arm64"
       ],
@@ -877,9 +864,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.8.tgz",
-      "integrity": "sha512-1h8MUAwa0VhNCDp6Af0HToI2TJFAn1uqT9Al6DJVzdIBAd21m/G0Yfc77KDM3uF3T/YaOgQq3qTJHPbTOInaIQ==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.10.tgz",
+      "integrity": "sha512-XkA4frq1TLj4bEMB+2HnI0+4RnjbuGZfet2gs/LNs5Hc7D89ZQBHQ0gL2ND6Lzu1+QVkjp3x1gIcPKzRNP8bXw==",
       "cpu": [
         "x64"
       ],
@@ -894,9 +881,9 @@
       }
     },
     "node_modules/@esbuild/openharmony-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.8.tgz",
-      "integrity": "sha512-r2nVa5SIK9tSWd0kJd9HCffnDHKchTGikb//9c7HX+r+wHYCpQrSgxhlY6KWV1nFo1l4KFbsMlHk+L6fekLsUg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.10.tgz",
+      "integrity": "sha512-AVTSBhTX8Y/Fz6OmIVBip9tJzZEUcY8WLh7I59+upa5/GPhh2/aM6bvOMQySspnCCHvFi79kMtdJS1w0DXAeag==",
       "cpu": [
         "arm64"
       ],
@@ -911,9 +898,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.8.tgz",
-      "integrity": "sha512-zUlaP2S12YhQ2UzUfcCuMDHQFJyKABkAjvO5YSndMiIkMimPmxA+BYSBikWgsRpvyxuRnow4nS5NPnf9fpv41w==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.10.tgz",
+      "integrity": "sha512-fswk3XT0Uf2pGJmOpDB7yknqhVkJQkAQOcW/ccVOtfx05LkbWOaRAtn5SaqXypeKQra1QaEa841PgrSL9ubSPQ==",
       "cpu": [
         "x64"
       ],
@@ -928,9 +915,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.8.tgz",
-      "integrity": "sha512-YEGFFWESlPva8hGL+zvj2z/SaK+pH0SwOM0Nc/d+rVnW7GSTFlLBGzZkuSU9kFIGIo8q9X3ucpZhu8PDN5A2sQ==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.10.tgz",
+      "integrity": "sha512-ah+9b59KDTSfpaCg6VdJoOQvKjI33nTaQr4UluQwW7aEwZQsbMCfTmfEO4VyewOxx4RaDT/xCy9ra2GPWmO7Kw==",
       "cpu": [
         "arm64"
       ],
@@ -945,9 +932,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.8.tgz",
-      "integrity": "sha512-hiGgGC6KZ5LZz58OL/+qVVoZiuZlUYlYHNAmczOm7bs2oE1XriPFi5ZHHrS8ACpV5EjySrnoCKmcbQMN+ojnHg==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.10.tgz",
+      "integrity": "sha512-QHPDbKkrGO8/cz9LKVnJU22HOi4pxZnZhhA2HYHez5Pz4JeffhDjf85E57Oyco163GnzNCVkZK0b/n4Y0UHcSw==",
       "cpu": [
         "ia32"
       ],
@@ -962,9 +949,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.8.tgz",
-      "integrity": "sha512-cn3Yr7+OaaZq1c+2pe+8yxC8E144SReCQjN6/2ynubzYjvyqZjTXfQJpAcQpsdJq3My7XADANiYGHoFC69pLQw==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.10.tgz",
+      "integrity": "sha512-9KpxSVFCu0iK1owoez6aC/s/EdUQLDN3adTxGCqxMVhrPDj6bt5dbrHDXUuq+Bs2vATFBBrQS5vdQ/Ed2P+nbw==",
       "cpu": [
         "x64"
       ],
@@ -979,9 +966,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
-      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1047,9 +1034,9 @@
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.0.tgz",
-      "integrity": "sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
+      "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -1057,9 +1044,9 @@
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.15.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.1.tgz",
-      "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
+      "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -1118,9 +1105,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.32.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.32.0.tgz",
-      "integrity": "sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==",
+      "version": "9.36.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.36.0.tgz",
+      "integrity": "sha512-uhCbYtYynH30iZErszX78U+nR3pJU3RHGQ57NXy5QupD4SBVwDeU8TNBy+MjMngc1UyIW9noKqsRqfjQTBU2dw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1141,13 +1128,13 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.4.tgz",
-      "integrity": "sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
+      "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.15.1",
+        "@eslint/core": "^0.15.2",
         "levn": "^0.4.1"
       },
       "engines": {
@@ -1155,54 +1142,54 @@
       }
     },
     "node_modules/@fortawesome/fontawesome-common-types": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.0.0.tgz",
-      "integrity": "sha512-PGMrIYXLGA5K8RWy8zwBkd4vFi4z7ubxtet6Yn13Plf6krRTwPbdlCwlcfmoX0R7B4Z643QvrtHmdQ5fNtfFCg==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-7.0.1.tgz",
+      "integrity": "sha512-0VpNtO5cNe1/HQWMkl4OdncYK/mv9hnBte0Ew0n6DMzmo3Q3WzDFABHm6LeNTipt5zAyhQ6Ugjiu8aLaEjh1gg==",
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/fontawesome-svg-core": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.0.0.tgz",
-      "integrity": "sha512-obBEF+zd98r/KtKVW6A+8UGWeaOoyMpl6Q9P3FzHsOnsg742aXsl8v+H/zp09qSSu/a/Hxe9LNKzbBaQq1CEbA==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-7.0.1.tgz",
+      "integrity": "sha512-x0cR55ILVqFpUioSMf6ebpRCMXMcheGN743P05W2RB5uCNpJUqWIqW66Lap8PfL/lngvjTbZj0BNSUweIr/fHQ==",
       "license": "MIT",
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "7.0.0"
+        "@fortawesome/fontawesome-common-types": "7.0.1"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-regular-svg-icons": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-7.0.0.tgz",
-      "integrity": "sha512-qAh0mTaCY22sQzMK2lKBrtn/aR4keUu5XmtdYR7d702laMe0h+Ab4Kj2pExR9HZkKhjKoq8pbwt8Td+mjW/ipQ==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-7.0.1.tgz",
+      "integrity": "sha512-4V9fHbHjcx9Qu4O99AM5B4zuEDfB4zajk1I77hEzOxPN00f8g3484Aeq6WpfFcmookvjLE3Pr71Dhf/lqw7tbA==",
       "license": "(CC-BY-4.0 AND MIT)",
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "7.0.0"
+        "@fortawesome/fontawesome-common-types": "7.0.1"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/free-solid-svg-icons": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.0.0.tgz",
-      "integrity": "sha512-njSLAllkOddYDCXgTFboXn54Oe5FcvpkWq+FoetOHR64PbN0608kM02Lze0xtISGpXgP+i26VyXRQA0Irh3Obw==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-7.0.1.tgz",
+      "integrity": "sha512-esKuSrl1WMOTMDLNt38i16VfLe/gRZt2ZAJ3Yw7slfs7sj583MKqNFqO57zmhknk1Sya6f9Wys89aCzIJkcqlg==",
       "license": "(CC-BY-4.0 AND MIT)",
       "dependencies": {
-        "@fortawesome/fontawesome-common-types": "7.0.0"
+        "@fortawesome/fontawesome-common-types": "7.0.1"
       },
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/@fortawesome/vue-fontawesome": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.1.tgz",
-      "integrity": "sha512-U5azn4mcUVpjHe4JO0Wbe7Ih8e3VbN83EH7OTBtA5/QGw9qcPGffqcmwsLyZYgEkpVkYbq/6dX1Iyl5KUGMp6Q==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.1.2.tgz",
+      "integrity": "sha512-mhYnBIuuW8OIMHf31kOjaBmyE7BMrwBorhrOHVud6vTTu+7IPQNWB+DWaHoE75v10dRF5s/dFtcrgE7vKSEWwQ==",
       "license": "MIT",
       "peerDependencies": {
         "@fortawesome/fontawesome-svg-core": "~1 || ~6 || ~7",
@@ -1220,33 +1207,19 @@
       }
     },
     "node_modules/@humanfs/node": {
-      "version": "0.16.6",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
-      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.3.0"
+        "@humanwhocodes/retry": "^0.4.0"
       },
       "engines": {
         "node": ">=18.18.0"
       }
     },
-    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
-      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -1276,9 +1249,9 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.12",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
-      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1286,6 +1259,17 @@
         "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
     "node_modules/@jridgewell/resolve-uri": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
@@ -1297,15 +1281,15 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz",
-      "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==",
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.29",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
-      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1379,9 +1363,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.46.2.tgz",
-      "integrity": "sha512-Zj3Hl6sN34xJtMv7Anwb5Gu01yujyE/cLBDB2gnHTAHaWS1Z38L7kuSG+oAh0giZMqG060f/YBStXtMH6FvPMA==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.0.tgz",
+      "integrity": "sha512-VxDYCDqOaR7NXzAtvRx7G1u54d2kEHopb28YH/pKzY6y0qmogP3gG7CSiWsq9WvDFxOQMpNEyjVAHZFXfH3o/A==",
       "cpu": [
         "arm"
       ],
@@ -1393,9 +1377,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.46.2.tgz",
-      "integrity": "sha512-nTeCWY83kN64oQ5MGz3CgtPx8NSOhC5lWtsjTs+8JAJNLcP3QbLCtDDgUKQc/Ro/frpMq4SHUaHN6AMltcEoLQ==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.0.tgz",
+      "integrity": "sha512-pqDirm8koABIKvzL59YI9W9DWbRlTX7RWhN+auR8HXJxo89m4mjqbah7nJZjeKNTNYopqL+yGg+0mhCpf3xZtQ==",
       "cpu": [
         "arm64"
       ],
@@ -1407,9 +1391,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.46.2.tgz",
-      "integrity": "sha512-HV7bW2Fb/F5KPdM/9bApunQh68YVDU8sO8BvcW9OngQVN3HHHkw99wFupuUJfGR9pYLLAjcAOA6iO+evsbBaPQ==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.0.tgz",
+      "integrity": "sha512-YCdWlY/8ltN6H78HnMsRHYlPiKvqKagBP1r+D7SSylxX+HnsgXGCmLiV3Y4nSyY9hW8qr8U9LDUx/Lo7M6MfmQ==",
       "cpu": [
         "arm64"
       ],
@@ -1421,9 +1405,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.46.2.tgz",
-      "integrity": "sha512-SSj8TlYV5nJixSsm/y3QXfhspSiLYP11zpfwp6G/YDXctf3Xkdnk4woJIF5VQe0of2OjzTt8EsxnJDCdHd2xMA==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.0.tgz",
+      "integrity": "sha512-z4nw6y1j+OOSGzuVbSWdIp1IUks9qNw4dc7z7lWuWDKojY38VMWBlEN7F9jk5UXOkUcp97vA1N213DF+Lz8BRg==",
       "cpu": [
         "x64"
       ],
@@ -1435,9 +1419,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.46.2.tgz",
-      "integrity": "sha512-ZyrsG4TIT9xnOlLsSSi9w/X29tCbK1yegE49RYm3tu3wF1L/B6LVMqnEWyDB26d9Ecx9zrmXCiPmIabVuLmNSg==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.0.tgz",
+      "integrity": "sha512-Q/dv9Yvyr5rKlK8WQJZVrp5g2SOYeZUs9u/t2f9cQ2E0gJjYB/BWoedXfUT0EcDJefi2zzVfhcOj8drWCzTviw==",
       "cpu": [
         "arm64"
       ],
@@ -1449,9 +1433,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.46.2.tgz",
-      "integrity": "sha512-pCgHFoOECwVCJ5GFq8+gR8SBKnMO+xe5UEqbemxBpCKYQddRQMgomv1104RnLSg7nNvgKy05sLsY51+OVRyiVw==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.0.tgz",
+      "integrity": "sha512-kdBsLs4Uile/fbjZVvCRcKB4q64R+1mUq0Yd7oU1CMm1Av336ajIFqNFovByipciuUQjBCPMxwJhCgfG2re3rg==",
       "cpu": [
         "x64"
       ],
@@ -1463,9 +1447,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.46.2.tgz",
-      "integrity": "sha512-EtP8aquZ0xQg0ETFcxUbU71MZlHaw9MChwrQzatiE8U/bvi5uv/oChExXC4mWhjiqK7azGJBqU0tt5H123SzVA==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.0.tgz",
+      "integrity": "sha512-aL6hRwu0k7MTUESgkg7QHY6CoqPgr6gdQXRJI1/VbFlUMwsSzPGSR7sG5d+MCbYnJmJwThc2ol3nixj1fvI/zQ==",
       "cpu": [
         "arm"
       ],
@@ -1477,9 +1461,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.46.2.tgz",
-      "integrity": "sha512-qO7F7U3u1nfxYRPM8HqFtLd+raev2K137dsV08q/LRKRLEc7RsiDWihUnrINdsWQxPR9jqZ8DIIZ1zJJAm5PjQ==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.0.tgz",
+      "integrity": "sha512-BTs0M5s1EJejgIBJhCeiFo7GZZ2IXWkFGcyZhxX4+8usnIo5Mti57108vjXFIQmmJaRyDwmV59Tw64Ap1dkwMw==",
       "cpu": [
         "arm"
       ],
@@ -1491,9 +1475,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.46.2.tgz",
-      "integrity": "sha512-3dRaqLfcOXYsfvw5xMrxAk9Lb1f395gkoBYzSFcc/scgRFptRXL9DOaDpMiehf9CO8ZDRJW2z45b6fpU5nwjng==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.0.tgz",
+      "integrity": "sha512-uj672IVOU9m08DBGvoPKPi/J8jlVgjh12C9GmjjBxCTQc3XtVmRkRKyeHSmIKQpvJ7fIm1EJieBUcnGSzDVFyw==",
       "cpu": [
         "arm64"
       ],
@@ -1505,9 +1489,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.46.2.tgz",
-      "integrity": "sha512-fhHFTutA7SM+IrR6lIfiHskxmpmPTJUXpWIsBXpeEwNgZzZZSg/q4i6FU4J8qOGyJ0TR+wXBwx/L7Ho9z0+uDg==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.0.tgz",
+      "integrity": "sha512-/+IVbeDMDCtB/HP/wiWsSzduD10SEGzIZX2945KSgZRNi4TSkjHqRJtNTVtVb8IRwhJ65ssI56krlLik+zFWkw==",
       "cpu": [
         "arm64"
       ],
@@ -1518,10 +1502,10 @@
         "linux"
       ]
     },
-    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.46.2.tgz",
-      "integrity": "sha512-i7wfGFXu8x4+FRqPymzjD+Hyav8l95UIZ773j7J7zRYc3Xsxy2wIn4x+llpunexXe6laaO72iEjeeGyUFmjKeA==",
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.0.tgz",
+      "integrity": "sha512-U1vVzvSWtSMWKKrGoROPBXMh3Vwn93TA9V35PldokHGqiUbF6erSzox/5qrSMKp6SzakvyjcPiVF8yB1xKr9Pg==",
       "cpu": [
         "loong64"
       ],
@@ -1533,9 +1517,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.46.2.tgz",
-      "integrity": "sha512-B/l0dFcHVUnqcGZWKcWBSV2PF01YUt0Rvlurci5P+neqY/yMKchGU8ullZvIv5e8Y1C6wOn+U03mrDylP5q9Yw==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.0.tgz",
+      "integrity": "sha512-X/4WfuBAdQRH8cK3DYl8zC00XEE6aM472W+QCycpQJeLWVnHfkv7RyBFVaTqNUMsTgIX8ihMjCvFF9OUgeABzw==",
       "cpu": [
         "ppc64"
       ],
@@ -1547,9 +1531,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.46.2.tgz",
-      "integrity": "sha512-32k4ENb5ygtkMwPMucAb8MtV8olkPT03oiTxJbgkJa7lJ7dZMr0GCFJlyvy+K8iq7F/iuOr41ZdUHaOiqyR3iQ==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.0.tgz",
+      "integrity": "sha512-xIRYc58HfWDBZoLmWfWXg2Sq8VCa2iJ32B7mqfWnkx5mekekl0tMe7FHpY8I72RXEcUkaWawRvl3qA55og+cwQ==",
       "cpu": [
         "riscv64"
       ],
@@ -1561,9 +1545,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.46.2.tgz",
-      "integrity": "sha512-t5B2loThlFEauloaQkZg9gxV05BYeITLvLkWOkRXogP4qHXLkWSbSHKM9S6H1schf/0YGP/qNKtiISlxvfmmZw==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.0.tgz",
+      "integrity": "sha512-mbsoUey05WJIOz8U1WzNdf+6UMYGwE3fZZnQqsM22FZ3wh1N887HT6jAOjXs6CNEK3Ntu2OBsyQDXfIjouI4dw==",
       "cpu": [
         "riscv64"
       ],
@@ -1575,9 +1559,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.46.2.tgz",
-      "integrity": "sha512-YKjekwTEKgbB7n17gmODSmJVUIvj8CX7q5442/CK80L8nqOUbMtf8b01QkG3jOqyr1rotrAnW6B/qiHwfcuWQA==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.0.tgz",
+      "integrity": "sha512-qP6aP970bucEi5KKKR4AuPFd8aTx9EF6BvutvYxmZuWLJHmnq4LvBfp0U+yFDMGwJ+AIJEH5sIP+SNypauMWzg==",
       "cpu": [
         "s390x"
       ],
@@ -1589,9 +1573,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.46.2.tgz",
-      "integrity": "sha512-Jj5a9RUoe5ra+MEyERkDKLwTXVu6s3aACP51nkfnK9wJTraCC8IMe3snOfALkrjTYd2G1ViE1hICj0fZ7ALBPA==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.0.tgz",
+      "integrity": "sha512-nmSVN+F2i1yKZ7rJNKO3G7ZzmxJgoQBQZ/6c4MuS553Grmr7WqR7LLDcYG53Z2m9409z3JLt4sCOhLdbKQ3HmA==",
       "cpu": [
         "x64"
       ],
@@ -1603,9 +1587,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.46.2.tgz",
-      "integrity": "sha512-7kX69DIrBeD7yNp4A5b81izs8BqoZkCIaxQaOpumcJ1S/kmqNFjPhDu1LHeVXv0SexfHQv5cqHsxLOjETuqDuA==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.0.tgz",
+      "integrity": "sha512-2d0qRo33G6TfQVjaMR71P+yJVGODrt5V6+T0BDYH4EMfGgdC/2HWDVjSSFw888GSzAZUwuska3+zxNUCDco6rQ==",
       "cpu": [
         "x64"
       ],
@@ -1616,10 +1600,24 @@
         "linux"
       ]
     },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.0.tgz",
+      "integrity": "sha512-A1JalX4MOaFAAyGgpO7XP5khquv/7xKzLIyLmhNrbiCxWpMlnsTYr8dnsWM7sEeotNmxvSOEL7F65j0HXFcFsw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.46.2.tgz",
-      "integrity": "sha512-wiJWMIpeaak/jsbaq2HMh/rzZxHVW1rU6coyeNNpMwk5isiPjSTx0a4YLSlYDwBH/WBvLz+EtsNqQScZTLJy3g==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.0.tgz",
+      "integrity": "sha512-YQugafP/rH0eOOHGjmNgDURrpYHrIX0yuojOI8bwCyXwxC9ZdTd3vYkmddPX0oHONLXu9Rb1dDmT0VNpjkzGGw==",
       "cpu": [
         "arm64"
       ],
@@ -1631,9 +1629,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.46.2.tgz",
-      "integrity": "sha512-gBgaUDESVzMgWZhcyjfs9QFK16D8K6QZpwAaVNJxYDLHWayOta4ZMjGm/vsAEy3hvlS2GosVFlBlP9/Wb85DqQ==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.0.tgz",
+      "integrity": "sha512-zYdUYhi3Qe2fndujBqL5FjAFzvNeLxtIqfzNEVKD1I7C37/chv1VxhscWSQHTNfjPCrBFQMnynwA3kpZpZ8w4A==",
       "cpu": [
         "ia32"
       ],
@@ -1644,10 +1642,24 @@
         "win32"
       ]
     },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.0.tgz",
+      "integrity": "sha512-fGk03kQylNaCOQ96HDMeT7E2n91EqvCDd3RwvT5k+xNdFCeMGnj5b5hEgTGrQuyidqSsD3zJDQ21QIaxXqTBJw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.46.2.tgz",
-      "integrity": "sha512-CvUo2ixeIQGtF6WvuB87XWqPQkoFAFqW+HUo/WzHwuHDvIwZCtjdWXoYCcr06iKGydiqTclC4jU/TNObC/xKZg==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.0.tgz",
+      "integrity": "sha512-6iKDCVSIUQ8jPMoIV0OytRKniaYyy5EbY/RRydmLW8ZR3cEBhxbWl5ro0rkUNe0ef6sScvhbY79HrjRm8i3vDQ==",
       "cpu": [
         "x64"
       ],
@@ -1700,9 +1712,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "22.17.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.17.0.tgz",
-      "integrity": "sha512-bbAKTCqX5aNVryi7qXVMi+OkB3w/OyblodicMbvE38blyAz7GxXf6XYhklokijuPwwVg9sDLKRxt0ZHXQwZVfQ==",
+      "version": "22.18.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.18.6.tgz",
+      "integrity": "sha512-r8uszLPpeIWbNKtvWRt/DbVi5zbqZyj1PTmhRMqBMvDnaz1QpmSKujUtJLrqGZeoM8v72MfYggDceY4K1itzWQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1710,17 +1722,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.38.0.tgz",
-      "integrity": "sha512-CPoznzpuAnIOl4nhj4tRr4gIPj5AfKgkiJmGQDaq+fQnRJTYlcBjbX3wbciGmpoPf8DREufuPRe1tNMZnGdanA==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.44.0.tgz",
+      "integrity": "sha512-EGDAOGX+uwwekcS0iyxVDmRV9HX6FLSM5kzrAToLTsr9OWCIKG/y3lQheCq18yZ5Xh78rRKJiEpP0ZaCs4ryOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.38.0",
-        "@typescript-eslint/type-utils": "8.38.0",
-        "@typescript-eslint/utils": "8.38.0",
-        "@typescript-eslint/visitor-keys": "8.38.0",
+        "@typescript-eslint/scope-manager": "8.44.0",
+        "@typescript-eslint/type-utils": "8.44.0",
+        "@typescript-eslint/utils": "8.44.0",
+        "@typescript-eslint/visitor-keys": "8.44.0",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -1734,9 +1746,9 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.38.0",
+        "@typescript-eslint/parser": "^8.44.0",
         "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
@@ -1750,16 +1762,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.38.0.tgz",
-      "integrity": "sha512-Zhy8HCvBUEfBECzIl1PKqF4p11+d0aUJS1GeUiuqK9WmOug8YCmC4h4bjyBvMyAMI9sbRczmrYL5lKg/YMbrcQ==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.44.0.tgz",
+      "integrity": "sha512-VGMpFQGUQWYT9LfnPcX8ouFojyrZ/2w3K5BucvxL/spdNehccKhB4jUyB1yBCXpr2XFm0jkECxgrpXBW2ipoAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.38.0",
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/typescript-estree": "8.38.0",
-        "@typescript-eslint/visitor-keys": "8.38.0",
+        "@typescript-eslint/scope-manager": "8.44.0",
+        "@typescript-eslint/types": "8.44.0",
+        "@typescript-eslint/typescript-estree": "8.44.0",
+        "@typescript-eslint/visitor-keys": "8.44.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1771,18 +1783,18 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.38.0.tgz",
-      "integrity": "sha512-dbK7Jvqcb8c9QfH01YB6pORpqX1mn5gDZc9n63Ak/+jD67oWXn3Gs0M6vddAN+eDXBCS5EmNWzbSxsn9SzFWWg==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.44.0.tgz",
+      "integrity": "sha512-ZeaGNraRsq10GuEohKTo4295Z/SuGcSq2LzfGlqiuEvfArzo/VRrT0ZaJsVPuKZ55lVbNk8U6FcL+ZMH8CoyVA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.38.0",
-        "@typescript-eslint/types": "^8.38.0",
+        "@typescript-eslint/tsconfig-utils": "^8.44.0",
+        "@typescript-eslint/types": "^8.44.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1793,18 +1805,18 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.38.0.tgz",
-      "integrity": "sha512-WJw3AVlFFcdT9Ri1xs/lg8LwDqgekWXWhH3iAF+1ZM+QPd7oxQ6jvtW/JPwzAScxitILUIFs0/AnQ/UWHzbATQ==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.44.0.tgz",
+      "integrity": "sha512-87Jv3E+al8wpD+rIdVJm/ItDBe/Im09zXIjFoipOjr5gHUhJmTzfFLuTJ/nPTMc2Srsroy4IBXwcTCHyRR7KzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/visitor-keys": "8.38.0"
+        "@typescript-eslint/types": "8.44.0",
+        "@typescript-eslint/visitor-keys": "8.44.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1815,9 +1827,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.38.0.tgz",
-      "integrity": "sha512-Lum9RtSE3EroKk/bYns+sPOodqb2Fv50XOl/gMviMKNvanETUuUcC9ObRbzrJ4VSd2JalPqgSAavwrPiPvnAiQ==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.44.0.tgz",
+      "integrity": "sha512-x5Y0+AuEPqAInc6yd0n5DAcvtoQ/vyaGwuX5HE9n6qAefk1GaedqrLQF8kQGylLUb9pnZyLf+iEiL9fr8APDtQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1828,19 +1840,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.38.0.tgz",
-      "integrity": "sha512-c7jAvGEZVf0ao2z+nnz8BUaHZD09Agbh+DY7qvBQqLiz8uJzRgVPj5YvOh8I8uEiH8oIUGIfHzMwUcGVco/SJg==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.44.0.tgz",
+      "integrity": "sha512-9cwsoSxJ8Sak67Be/hD2RNt/fsqmWnNE1iHohG8lxqLSNY8xNfyY7wloo5zpW3Nu9hxVgURevqfcH6vvKCt6yg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/typescript-estree": "8.38.0",
-        "@typescript-eslint/utils": "8.38.0",
+        "@typescript-eslint/types": "8.44.0",
+        "@typescript-eslint/typescript-estree": "8.44.0",
+        "@typescript-eslint/utils": "8.44.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -1853,13 +1865,13 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
-      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.44.0.tgz",
+      "integrity": "sha512-ZSl2efn44VsYM0MfDQe68RKzBz75NPgLQXuGypmym6QVOWL5kegTZuZ02xRAT9T+onqvM6T8CdQk0OwYMB6ZvA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1871,16 +1883,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.38.0.tgz",
-      "integrity": "sha512-fooELKcAKzxux6fA6pxOflpNS0jc+nOQEEOipXFNjSlBS6fqrJOVY/whSn70SScHrcJ2LDsxWrneFoWYSVfqhQ==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.44.0.tgz",
+      "integrity": "sha512-lqNj6SgnGcQZwL4/SBJ3xdPEfcBuhCG8zdcwCPgYcmiPLgokiNDKlbPzCwEwu7m279J/lBYWtDYL+87OEfn8Jw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.38.0",
-        "@typescript-eslint/tsconfig-utils": "8.38.0",
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/visitor-keys": "8.38.0",
+        "@typescript-eslint/project-service": "8.44.0",
+        "@typescript-eslint/tsconfig-utils": "8.44.0",
+        "@typescript-eslint/types": "8.44.0",
+        "@typescript-eslint/visitor-keys": "8.44.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -1896,20 +1908,20 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.38.0.tgz",
-      "integrity": "sha512-hHcMA86Hgt+ijJlrD8fX0j1j8w4C92zue/8LOPAFioIno+W0+L7KqE8QZKCcPGc/92Vs9x36w/4MPTJhqXdyvg==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.44.0.tgz",
+      "integrity": "sha512-nktOlVcg3ALo0mYlV+L7sWUD58KG4CMj1rb2HUVOO4aL3K/6wcD+NERqd0rrA5Vg06b42YhF6cFxeixsp9Riqg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.38.0",
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/typescript-estree": "8.38.0"
+        "@typescript-eslint/scope-manager": "8.44.0",
+        "@typescript-eslint/types": "8.44.0",
+        "@typescript-eslint/typescript-estree": "8.44.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1920,17 +1932,17 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
-      "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.44.0.tgz",
+      "integrity": "sha512-zaz9u8EJ4GBmnehlrpoKvj/E3dNbuQ7q0ucyZImm3cLqJ8INTc970B1qEqDX/Rzq65r3TvVTN7kHWPBoyW7DWw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
+        "@typescript-eslint/types": "8.44.0",
         "eslint-visitor-keys": "^4.2.1"
       },
       "engines": {
@@ -1972,57 +1984,57 @@
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "2.4.22",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.22.tgz",
-      "integrity": "sha512-gp4M7Di5KgNyIyO903wTClYBavRt6UyFNpc5LWfyZr1lBsTUY+QrVZfmbNF2aCyfklBOVk9YC4p+zkwoyT7ECg==",
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.23.tgz",
+      "integrity": "sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/source-map": "2.4.22"
+        "@volar/source-map": "2.4.23"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "2.4.22",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.22.tgz",
-      "integrity": "sha512-L2nVr/1vei0xKRgO2tYVXtJYd09HTRjaZi418e85Q+QdbbqA8h7bBjfNyPPSsjnrOO4l4kaAo78c8SQUAdHvgA==",
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.23.tgz",
+      "integrity": "sha512-Z1Uc8IB57Lm6k7q6KIDu/p+JWtf3xsXJqAX/5r18hYOTpJyBn0KXUR8oTJ4WFYOcDzWC9n3IflGgHowx6U6z9Q==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@volar/typescript": {
-      "version": "2.4.22",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.22.tgz",
-      "integrity": "sha512-6ZczlJW1/GWTrNnkmZxJp4qyBt/SGVlcTuCWpI5zLrdPdCZsj66Aff9ZsfFaT3TyjG8zVYgBMYPuCm/eRkpcpQ==",
+      "version": "2.4.23",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.23.tgz",
+      "integrity": "sha512-lAB5zJghWxVPqfcStmAP1ZqQacMpe90UrP5RJ3arDyrhy4aCUQqmxPPLB2PWDKugvylmO41ljK7vZ+t6INMTag==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "2.4.22",
+        "@volar/language-core": "2.4.23",
         "path-browserify": "^1.0.1",
         "vscode-uri": "^3.0.8"
       }
     },
     "node_modules/@vue/babel-helper-vue-transform-on": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz",
-      "integrity": "sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz",
+      "integrity": "sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@vue/babel-plugin-jsx": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz",
-      "integrity": "sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.5.0.tgz",
+      "integrity": "sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/plugin-syntax-jsx": "^7.25.9",
-        "@babel/template": "^7.26.9",
-        "@babel/traverse": "^7.26.9",
-        "@babel/types": "^7.26.9",
-        "@vue/babel-helper-vue-transform-on": "1.4.0",
-        "@vue/babel-plugin-resolve-type": "1.4.0",
-        "@vue/shared": "^3.5.13"
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.2",
+        "@vue/babel-helper-vue-transform-on": "1.5.0",
+        "@vue/babel-plugin-resolve-type": "1.5.0",
+        "@vue/shared": "^3.5.18"
       },
       "peerDependencies": {
         "@babel/core": "^7.0.0-0"
@@ -2034,17 +2046,17 @@
       }
     },
     "node_modules/@vue/babel-plugin-resolve-type": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz",
-      "integrity": "sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.5.0.tgz",
+      "integrity": "sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.26.5",
-        "@babel/parser": "^7.26.9",
-        "@vue/compiler-sfc": "^3.5.13"
+        "@babel/code-frame": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/parser": "^7.28.0",
+        "@vue/compiler-sfc": "^3.5.18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sxzz"
@@ -2054,53 +2066,53 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.18.tgz",
-      "integrity": "sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.21.tgz",
+      "integrity": "sha512-8i+LZ0vf6ZgII5Z9XmUvrCyEzocvWT+TeR2VBUVlzIH6Tyv57E20mPZ1bCS+tbejgUgmjrEh7q/0F0bibskAmw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.0",
-        "@vue/shared": "3.5.18",
+        "@babel/parser": "^7.28.3",
+        "@vue/shared": "3.5.21",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.18.tgz",
-      "integrity": "sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.21.tgz",
+      "integrity": "sha512-jNtbu/u97wiyEBJlJ9kmdw7tAr5Vy0Aj5CgQmo+6pxWNQhXZDPsRr1UWPN4v3Zf82s2H3kF51IbzZ4jMWAgPlQ==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.18",
-        "@vue/shared": "3.5.18"
+        "@vue/compiler-core": "3.5.21",
+        "@vue/shared": "3.5.21"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz",
-      "integrity": "sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.21.tgz",
+      "integrity": "sha512-SXlyk6I5eUGBd2v8Ie7tF6ADHE9kCR6mBEuPyH1nUZ0h6Xx6nZI29i12sJKQmzbDyr2tUHMhhTt51Z6blbkTTQ==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.0",
-        "@vue/compiler-core": "3.5.18",
-        "@vue/compiler-dom": "3.5.18",
-        "@vue/compiler-ssr": "3.5.18",
-        "@vue/shared": "3.5.18",
+        "@babel/parser": "^7.28.3",
+        "@vue/compiler-core": "3.5.21",
+        "@vue/compiler-dom": "3.5.21",
+        "@vue/compiler-ssr": "3.5.21",
+        "@vue/shared": "3.5.21",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.17",
+        "magic-string": "^0.30.18",
         "postcss": "^8.5.6",
         "source-map-js": "^1.2.1"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.18.tgz",
-      "integrity": "sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.21.tgz",
+      "integrity": "sha512-vKQ5olH5edFZdf5ZrlEgSO1j1DMA4u23TVK5XR1uMhvwnYvVdDF0nHXJUblL/GvzlShQbjhZZ2uvYmDlAbgo9w==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.18",
-        "@vue/shared": "3.5.18"
+        "@vue/compiler-dom": "3.5.21",
+        "@vue/shared": "3.5.21"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -2124,14 +2136,14 @@
       }
     },
     "node_modules/@vue/devtools-core": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-8.0.0.tgz",
-      "integrity": "sha512-5bPtF0jAFnaGs4C/4+3vGRR5U+cf6Y8UWK0nJflutEDGepHxl5L9JRaPdHQYCUgrzUaf4cY4waNBEEGXrfcs3A==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-core/-/devtools-core-8.0.2.tgz",
+      "integrity": "sha512-V7eKTTHoS6KfK8PSGMLZMhGv/9yNDrmv6Qc3r71QILulnzPnqK2frsTyx3e2MrhdUZnENPEm6hcb4z0GZOqNhw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/devtools-kit": "^8.0.0",
-        "@vue/devtools-shared": "^8.0.0",
+        "@vue/devtools-kit": "^8.0.2",
+        "@vue/devtools-shared": "^8.0.2",
         "mitt": "^3.0.1",
         "nanoid": "^5.1.5",
         "pathe": "^2.0.3",
@@ -2142,25 +2154,25 @@
       }
     },
     "node_modules/@vue/devtools-core/node_modules/@vue/devtools-kit": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.0.0.tgz",
-      "integrity": "sha512-b11OeQODkE0bctdT0RhL684pEV2DPXJ80bjpywVCbFn1PxuL3bmMPDoJKjbMnnoWbrnUYXYzFfmMWBZAMhORkQ==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.0.2.tgz",
+      "integrity": "sha512-yjZKdEmhJzQqbOh4KFBfTOQjDPMrjjBNCnHBvnTGJX+YLAqoUtY2J+cg7BE+EA8KUv8LprECq04ts75wCoIGWA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/devtools-shared": "^8.0.0",
+        "@vue/devtools-shared": "^8.0.2",
         "birpc": "^2.5.0",
         "hookable": "^5.5.3",
         "mitt": "^3.0.1",
-        "perfect-debounce": "^1.0.0",
+        "perfect-debounce": "^2.0.0",
         "speakingurl": "^14.0.1",
         "superjson": "^2.2.2"
       }
     },
     "node_modules/@vue/devtools-core/node_modules/@vue/devtools-shared": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.0.0.tgz",
-      "integrity": "sha512-jrKnbjshQCiOAJanoeJjTU7WaCg0Dz2BUal6SaR6VM/P3hiFdX5Q6Pxl73ZMnrhCxNK9nAg5hvvRGqs+6dtU1g==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.0.2.tgz",
+      "integrity": "sha512-mLU0QVdy5Lp40PMGSixDw/Kbd6v5dkQXltd2r+mdVQV7iUog2NlZuLxFZApFZ/mObUBDhoCpf0T3zF2FWWdeHw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2186,6 +2198,13 @@
         "node": "^18 || >=20"
       }
     },
+    "node_modules/@vue/devtools-core/node_modules/perfect-debounce": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.0.0.tgz",
+      "integrity": "sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@vue/devtools-kit": {
       "version": "7.7.7",
       "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz",
@@ -2252,13 +2271,13 @@
       }
     },
     "node_modules/@vue/language-core": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.0.5.tgz",
-      "integrity": "sha512-gCEjn9Ik7I/seHVNIEipOm8W+f3/kg60e8s1IgIkMYma2wu9ZGUTMv3mSL2bX+Md2L8fslceJ4SU8j1fgSRoiw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.0.7.tgz",
+      "integrity": "sha512-0sqqyqJ0Gn33JH3TdIsZLCZZ8Gr4kwlg8iYOnOrDDkJKSjFurlQY/bEFQx5zs7SX2C/bjMkmPYq/NiyY1fTOkw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "2.4.22",
+        "@volar/language-core": "2.4.23",
         "@vue/compiler-dom": "^3.5.0",
         "@vue/compiler-vue2": "^2.7.16",
         "@vue/shared": "^3.5.0",
@@ -2290,53 +2309,53 @@
       }
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.18.tgz",
-      "integrity": "sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.21.tgz",
+      "integrity": "sha512-3ah7sa+Cwr9iiYEERt9JfZKPw4A2UlbY8RbbnH2mGCE8NwHkhmlZt2VsH0oDA3P08X3jJd29ohBDtX+TbD9AsA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.5.18"
+        "@vue/shared": "3.5.21"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.18.tgz",
-      "integrity": "sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.21.tgz",
+      "integrity": "sha512-+DplQlRS4MXfIf9gfD1BOJpk5RSyGgGXD/R+cumhe8jdjUcq/qlxDawQlSI8hCKupBlvM+3eS1se5xW+SuNAwA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.18",
-        "@vue/shared": "3.5.18"
+        "@vue/reactivity": "3.5.21",
+        "@vue/shared": "3.5.21"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz",
-      "integrity": "sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.21.tgz",
+      "integrity": "sha512-3M2DZsOFwM5qI15wrMmNF5RJe1+ARijt2HM3TbzBbPSuBHOQpoidE+Pa+XEaVN+czbHf81ETRoG1ltztP2em8w==",
       "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.5.18",
-        "@vue/runtime-core": "3.5.18",
-        "@vue/shared": "3.5.18",
+        "@vue/reactivity": "3.5.21",
+        "@vue/runtime-core": "3.5.21",
+        "@vue/shared": "3.5.21",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.18.tgz",
-      "integrity": "sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.21.tgz",
+      "integrity": "sha512-qr8AqgD3DJPJcGvLcJKQo2tAc8OnXRcfxhOJCPF+fcfn5bBGz7VCcO7t+qETOPxpWK1mgysXvVT/j+xWaHeMWA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-ssr": "3.5.18",
-        "@vue/shared": "3.5.18"
+        "@vue/compiler-ssr": "3.5.21",
+        "@vue/shared": "3.5.21"
       },
       "peerDependencies": {
-        "vue": "3.5.18"
+        "vue": "3.5.21"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.18.tgz",
-      "integrity": "sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.21.tgz",
+      "integrity": "sha512-+2k1EQpnYuVuu3N7atWyG3/xoFWIVJZq4Mz8XNOdScFI0etES75fbny/oU4lKWk/577P1zmg0ioYvpGEDZ3DLw==",
       "license": "MIT"
     },
     "node_modules/@vue/tsconfig": {
@@ -2399,9 +2418,9 @@
       }
     },
     "node_modules/alien-signals": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-2.0.5.tgz",
-      "integrity": "sha512-PdJB6+06nUNAClInE3Dweq7/2xVAYM64vvvS1IHVHSJmgeOtEdrAGyp7Z2oJtYm0B342/Exd2NT0uMJaThcjLQ==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-2.0.7.tgz",
+      "integrity": "sha512-wE7y3jmYeb0+h6mr5BOovuqhFv22O/MV9j5p0ndJsa7z1zJNPGQ4ph5pQk/kTTCWRC3xsA4SmtwmkzQO+7NCNg==",
       "dev": true,
       "license": "MIT"
     },
@@ -2445,6 +2464,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.6",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.6.tgz",
+      "integrity": "sha512-wrH5NNqren/QMtKUEEJf7z86YjfqW/2uw3IL3/xpqZUC95SSVIFXYQeeGjL6FT/X68IROu6RMehZQS5foy2BXw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
     "node_modules/birpc": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.5.0.tgz",
@@ -2485,9 +2514,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.25.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
-      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "version": "4.26.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.26.2.tgz",
+      "integrity": "sha512-ECFzp6uFOSB+dcZ5BK/IBaGWssbSYBHvuMeMt3MMFyhI0Z8SqGgEkBLARgpRH3hutIgPVsALcMwbDrJqPxQ65A==",
       "dev": true,
       "funding": [
         {
@@ -2505,9 +2534,10 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001726",
-        "electron-to-chromium": "^1.5.173",
-        "node-releases": "^2.0.19",
+        "baseline-browser-mapping": "^2.8.3",
+        "caniuse-lite": "^1.0.30001741",
+        "electron-to-chromium": "^1.5.218",
+        "node-releases": "^2.0.21",
         "update-browserslist-db": "^1.1.3"
       },
       "bin": {
@@ -2544,9 +2574,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001731",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz",
-      "integrity": "sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==",
+      "version": "1.0.30001743",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001743.tgz",
+      "integrity": "sha512-e6Ojr7RV14Un7dz6ASD0aZDmQPT/A+eZU+nuTNfjqmRrmkmQlnTNWH0SKmqagx9PeW87UVqapSurtAXifmtdmw==",
       "dev": true,
       "funding": [
         {
@@ -2672,9 +2702,9 @@
       "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
-      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2740,9 +2770,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.194",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.194.tgz",
-      "integrity": "sha512-SdnWJwSUot04UR51I2oPD8kuP2VI37/CADR1OHsFOUzZIvfWJBO6q11k5P/uKNyTT3cdOsnyjkrZ+DDShqYqJA==",
+      "version": "1.5.222",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.222.tgz",
+      "integrity": "sha512-gA7psSwSwQRE60CEoLz6JBCQPIxNeuzB2nL8vE03GK/OHxlvykbLyeiumQy1iH5C2f3YbRAZpGCMT12a/9ih9w==",
       "dev": true,
       "license": "ISC"
     },
@@ -2769,9 +2799,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.25.8",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.8.tgz",
-      "integrity": "sha512-vVC0USHGtMi8+R4Kz8rt6JhEWLxsv9Rnu/lGYbPR8u47B+DCBksq9JarW0zOO7bs37hyOK1l2/oqtbciutL5+Q==",
+      "version": "0.25.10",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.10.tgz",
+      "integrity": "sha512-9RiGKvCwaqxO2owP61uQ4BgNborAQskMR6QusfWzQqv7AZOg5oGehdY2pRJMTKuwxd1IDBP4rSbI5lHzU7SMsQ==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -2782,32 +2812,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.8",
-        "@esbuild/android-arm": "0.25.8",
-        "@esbuild/android-arm64": "0.25.8",
-        "@esbuild/android-x64": "0.25.8",
-        "@esbuild/darwin-arm64": "0.25.8",
-        "@esbuild/darwin-x64": "0.25.8",
-        "@esbuild/freebsd-arm64": "0.25.8",
-        "@esbuild/freebsd-x64": "0.25.8",
-        "@esbuild/linux-arm": "0.25.8",
-        "@esbuild/linux-arm64": "0.25.8",
-        "@esbuild/linux-ia32": "0.25.8",
-        "@esbuild/linux-loong64": "0.25.8",
-        "@esbuild/linux-mips64el": "0.25.8",
-        "@esbuild/linux-ppc64": "0.25.8",
-        "@esbuild/linux-riscv64": "0.25.8",
-        "@esbuild/linux-s390x": "0.25.8",
-        "@esbuild/linux-x64": "0.25.8",
-        "@esbuild/netbsd-arm64": "0.25.8",
-        "@esbuild/netbsd-x64": "0.25.8",
-        "@esbuild/openbsd-arm64": "0.25.8",
-        "@esbuild/openbsd-x64": "0.25.8",
-        "@esbuild/openharmony-arm64": "0.25.8",
-        "@esbuild/sunos-x64": "0.25.8",
-        "@esbuild/win32-arm64": "0.25.8",
-        "@esbuild/win32-ia32": "0.25.8",
-        "@esbuild/win32-x64": "0.25.8"
+        "@esbuild/aix-ppc64": "0.25.10",
+        "@esbuild/android-arm": "0.25.10",
+        "@esbuild/android-arm64": "0.25.10",
+        "@esbuild/android-x64": "0.25.10",
+        "@esbuild/darwin-arm64": "0.25.10",
+        "@esbuild/darwin-x64": "0.25.10",
+        "@esbuild/freebsd-arm64": "0.25.10",
+        "@esbuild/freebsd-x64": "0.25.10",
+        "@esbuild/linux-arm": "0.25.10",
+        "@esbuild/linux-arm64": "0.25.10",
+        "@esbuild/linux-ia32": "0.25.10",
+        "@esbuild/linux-loong64": "0.25.10",
+        "@esbuild/linux-mips64el": "0.25.10",
+        "@esbuild/linux-ppc64": "0.25.10",
+        "@esbuild/linux-riscv64": "0.25.10",
+        "@esbuild/linux-s390x": "0.25.10",
+        "@esbuild/linux-x64": "0.25.10",
+        "@esbuild/netbsd-arm64": "0.25.10",
+        "@esbuild/netbsd-x64": "0.25.10",
+        "@esbuild/openbsd-arm64": "0.25.10",
+        "@esbuild/openbsd-x64": "0.25.10",
+        "@esbuild/openharmony-arm64": "0.25.10",
+        "@esbuild/sunos-x64": "0.25.10",
+        "@esbuild/win32-arm64": "0.25.10",
+        "@esbuild/win32-ia32": "0.25.10",
+        "@esbuild/win32-x64": "0.25.10"
       }
     },
     "node_modules/escalade": {
@@ -2834,20 +2864,20 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.32.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.32.0.tgz",
-      "integrity": "sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==",
+      "version": "9.36.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.36.0.tgz",
+      "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
         "@eslint/config-array": "^0.21.0",
-        "@eslint/config-helpers": "^0.3.0",
-        "@eslint/core": "^0.15.0",
+        "@eslint/config-helpers": "^0.3.1",
+        "@eslint/core": "^0.15.2",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.32.0",
-        "@eslint/plugin-kit": "^0.3.4",
+        "@eslint/js": "9.36.0",
+        "@eslint/plugin-kit": "^0.3.5",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
@@ -2911,9 +2941,9 @@
       }
     },
     "node_modules/eslint-plugin-prettier": {
-      "version": "5.5.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.3.tgz",
-      "integrity": "sha512-NAdMYww51ehKfDyDhv59/eIItUVzU0Io9H2E8nHNGKEeeqlnci+1gCvrHib6EmZdf6GxF+LCV5K7UC65Ezvw7w==",
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.4.tgz",
+      "integrity": "sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3736,12 +3766,12 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.17",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "version": "0.30.19",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
+      "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/memorystream": {
@@ -3849,9 +3879,9 @@
       "license": "MIT"
     },
     "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "version": "2.0.21",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.21.tgz",
+      "integrity": "sha512-5b0pgg78U3hwXkCM8Z9b2FJdPZlr9Psr9V2gQPESdGHqbntyFJKFW4r5TeWGFzafGY3hzs1JC62VEQMbl1JFkw==",
       "dev": true,
       "license": "MIT"
     },
@@ -3893,9 +3923,9 @@
       }
     },
     "node_modules/npm-run-all2/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4264,9 +4294,9 @@
       }
     },
     "node_modules/pretty-ms": {
-      "version": "9.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
-      "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.3.0.tgz",
+      "integrity": "sha512-gjVS5hOP+M3wMm5nmNOucbIrqudzs9v/57bWRHQWLYklXqoXKrVfYW2W9+glfGsqtPgpiz5WwyEEB+ksXIx3gQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4352,9 +4382,9 @@
       "license": "MIT"
     },
     "node_modules/rollup": {
-      "version": "4.46.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.46.2.tgz",
-      "integrity": "sha512-WMmLFI+Boh6xbop+OAGo9cQ3OgX9MIg7xOQjn+pTCwOkk+FNDAeAemXkJ3HzDJrVXleLOFVa1ipuc1AmEx1Dwg==",
+      "version": "4.52.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.0.tgz",
+      "integrity": "sha512-+IuescNkTJQgX7AkIDtITipZdIGcWF0pnVvZTWStiazUmcGA2ag8dfg0urest2XlXUi9kuhfQ+qmdc5Stc3z7g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4368,33 +4398,35 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.46.2",
-        "@rollup/rollup-android-arm64": "4.46.2",
-        "@rollup/rollup-darwin-arm64": "4.46.2",
-        "@rollup/rollup-darwin-x64": "4.46.2",
-        "@rollup/rollup-freebsd-arm64": "4.46.2",
-        "@rollup/rollup-freebsd-x64": "4.46.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.46.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.46.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.46.2",
-        "@rollup/rollup-linux-arm64-musl": "4.46.2",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.46.2",
-        "@rollup/rollup-linux-ppc64-gnu": "4.46.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.46.2",
-        "@rollup/rollup-linux-riscv64-musl": "4.46.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.46.2",
-        "@rollup/rollup-linux-x64-gnu": "4.46.2",
-        "@rollup/rollup-linux-x64-musl": "4.46.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.46.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.46.2",
-        "@rollup/rollup-win32-x64-msvc": "4.46.2",
+        "@rollup/rollup-android-arm-eabi": "4.52.0",
+        "@rollup/rollup-android-arm64": "4.52.0",
+        "@rollup/rollup-darwin-arm64": "4.52.0",
+        "@rollup/rollup-darwin-x64": "4.52.0",
+        "@rollup/rollup-freebsd-arm64": "4.52.0",
+        "@rollup/rollup-freebsd-x64": "4.52.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.52.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.52.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.52.0",
+        "@rollup/rollup-linux-arm64-musl": "4.52.0",
+        "@rollup/rollup-linux-loong64-gnu": "4.52.0",
+        "@rollup/rollup-linux-ppc64-gnu": "4.52.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.52.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.52.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.52.0",
+        "@rollup/rollup-linux-x64-gnu": "4.52.0",
+        "@rollup/rollup-linux-x64-musl": "4.52.0",
+        "@rollup/rollup-openharmony-arm64": "4.52.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.52.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.52.0",
+        "@rollup/rollup-win32-x64-gnu": "4.52.0",
+        "@rollup/rollup-win32-x64-msvc": "4.52.0",
         "fsevents": "~2.3.2"
       }
     },
     "node_modules/run-applescript": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
-      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.1.0.tgz",
+      "integrity": "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4491,9 +4523,9 @@
       }
     },
     "node_modules/sirv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.1.tgz",
-      "integrity": "sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4591,14 +4623,14 @@
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.14",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
-      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fdir": "^6.4.4",
-        "picomatch": "^4.0.2"
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -4608,11 +4640,14 @@
       }
     },
     "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.4.6",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
-      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -4699,16 +4734,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.38.0.tgz",
-      "integrity": "sha512-FsZlrYK6bPDGoLeZRuvx2v6qrM03I0U0SnfCLPs/XCCPCFD80xU9Pg09H/K+XFa68uJuZo7l/Xhs+eDRg2l3hg==",
+      "version": "8.44.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.44.0.tgz",
+      "integrity": "sha512-ib7mCkYuIzYonCq9XWF5XNw+fkj2zg629PSa9KNIQ47RXFF763S5BIX4wqz1+FLPogTZoiw8KmCiRPRa8bL3qw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.38.0",
-        "@typescript-eslint/parser": "8.38.0",
-        "@typescript-eslint/typescript-estree": "8.38.0",
-        "@typescript-eslint/utils": "8.38.0"
+        "@typescript-eslint/eslint-plugin": "8.44.0",
+        "@typescript-eslint/parser": "8.44.0",
+        "@typescript-eslint/typescript-estree": "8.44.0",
+        "@typescript-eslint/utils": "8.44.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4719,7 +4754,7 @@
       },
       "peerDependencies": {
         "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/undici-types": {
@@ -4743,17 +4778,17 @@
       }
     },
     "node_modules/unplugin-utils": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.2.4.tgz",
-      "integrity": "sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==",
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.0.tgz",
+      "integrity": "sha512-JLoggz+PvLVMJo+jZt97hdIIIZ2yTzGgft9e9q8iMrC4ewufl62ekeW7mixBghonn2gVb/ICjyvlmOCUBnJLQg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "pathe": "^2.0.2",
-        "picomatch": "^4.0.2"
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3"
       },
       "engines": {
-        "node": ">=18.12.0"
+        "node": ">=20.19.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/sxzz"
@@ -4821,18 +4856,18 @@
       "license": "MIT"
     },
     "node_modules/vite": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.6.tgz",
-      "integrity": "sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==",
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.6.tgz",
+      "integrity": "sha512-SRYIB8t/isTwNn8vMB3MR6E+EQZM/WG1aKmmIUCfDXfVvKfc20ZpamngWHKzAmmu9ppsgxsg4b2I7c90JZudIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
-        "fdir": "^6.4.6",
+        "fdir": "^6.5.0",
         "picomatch": "^4.0.3",
         "postcss": "^8.5.6",
-        "rollup": "^4.40.0",
-        "tinyglobby": "^0.2.14"
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -4926,9 +4961,9 @@
       }
     },
     "node_modules/vite-plugin-inspect": {
-      "version": "11.3.2",
-      "resolved": "https://registry.npmjs.org/vite-plugin-inspect/-/vite-plugin-inspect-11.3.2.tgz",
-      "integrity": "sha512-nzwvyFQg58XSMAmKVLr2uekAxNYvAbz1lyPmCAFVIBncCgN9S/HPM+2UM9Q9cvc4JEbC5ZBgwLAdaE2onmQuKg==",
+      "version": "11.3.3",
+      "resolved": "https://registry.npmjs.org/vite-plugin-inspect/-/vite-plugin-inspect-11.3.3.tgz",
+      "integrity": "sha512-u2eV5La99oHoYPHE6UvbwgEqKKOQGz86wMg40CCosP6q8BkB6e5xPneZfYagK4ojPJSj5anHCrnvC20DpwVdRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4937,9 +4972,9 @@
         "error-stack-parser-es": "^1.0.5",
         "ohash": "^2.0.11",
         "open": "^10.2.0",
-        "perfect-debounce": "^1.0.0",
+        "perfect-debounce": "^2.0.0",
         "sirv": "^3.0.1",
-        "unplugin-utils": "^0.2.4",
+        "unplugin-utils": "^0.3.0",
         "vite-dev-rpc": "^1.1.0"
       },
       "engines": {
@@ -4957,19 +4992,26 @@
         }
       }
     },
+    "node_modules/vite-plugin-inspect/node_modules/perfect-debounce": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.0.0.tgz",
+      "integrity": "sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite-plugin-vue-devtools": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-8.0.0.tgz",
-      "integrity": "sha512-9bWQig8UMu3nPbxX86NJv56aelpFYoBHxB5+pxuQz3pa3Tajc1ezRidj/0dnADA4/UHuVIfwIVYHOvMXYcPshg==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-8.0.2.tgz",
+      "integrity": "sha512-1069qvMBcyAu3yXQlvYrkwoyLOk0lSSR/gTKy/vy+Det7TXnouGei6ZcKwr5TIe938v/14oLlp0ow6FSJkkORA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/devtools-core": "^8.0.0",
-        "@vue/devtools-kit": "^8.0.0",
-        "@vue/devtools-shared": "^8.0.0",
+        "@vue/devtools-core": "^8.0.2",
+        "@vue/devtools-kit": "^8.0.2",
+        "@vue/devtools-shared": "^8.0.2",
         "execa": "^9.6.0",
-        "sirv": "^3.0.1",
-        "vite-plugin-inspect": "^11.3.0",
+        "sirv": "^3.0.2",
+        "vite-plugin-inspect": "^11.3.3",
         "vite-plugin-vue-inspector": "^5.3.2"
       },
       "engines": {
@@ -4980,31 +5022,38 @@
       }
     },
     "node_modules/vite-plugin-vue-devtools/node_modules/@vue/devtools-kit": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.0.0.tgz",
-      "integrity": "sha512-b11OeQODkE0bctdT0RhL684pEV2DPXJ80bjpywVCbFn1PxuL3bmMPDoJKjbMnnoWbrnUYXYzFfmMWBZAMhORkQ==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.0.2.tgz",
+      "integrity": "sha512-yjZKdEmhJzQqbOh4KFBfTOQjDPMrjjBNCnHBvnTGJX+YLAqoUtY2J+cg7BE+EA8KUv8LprECq04ts75wCoIGWA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/devtools-shared": "^8.0.0",
+        "@vue/devtools-shared": "^8.0.2",
         "birpc": "^2.5.0",
         "hookable": "^5.5.3",
         "mitt": "^3.0.1",
-        "perfect-debounce": "^1.0.0",
+        "perfect-debounce": "^2.0.0",
         "speakingurl": "^14.0.1",
         "superjson": "^2.2.2"
       }
     },
     "node_modules/vite-plugin-vue-devtools/node_modules/@vue/devtools-shared": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.0.0.tgz",
-      "integrity": "sha512-jrKnbjshQCiOAJanoeJjTU7WaCg0Dz2BUal6SaR6VM/P3hiFdX5Q6Pxl73ZMnrhCxNK9nAg5hvvRGqs+6dtU1g==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.0.2.tgz",
+      "integrity": "sha512-mLU0QVdy5Lp40PMGSixDw/Kbd6v5dkQXltd2r+mdVQV7iUog2NlZuLxFZApFZ/mObUBDhoCpf0T3zF2FWWdeHw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "rfdc": "^1.4.1"
       }
     },
+    "node_modules/vite-plugin-vue-devtools/node_modules/perfect-debounce": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.0.0.tgz",
+      "integrity": "sha512-fkEH/OBiKrqqI/yIgjR92lMfs2K8105zt/VT6+7eTjNwisrsh47CeIED9z58zI7DfKdH3uHAn25ziRZn3kgAow==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite-plugin-vue-inspector": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/vite-plugin-vue-inspector/-/vite-plugin-vue-inspector-5.3.2.tgz",
@@ -5027,11 +5076,14 @@
       }
     },
     "node_modules/vite/node_modules/fdir": {
-      "version": "6.4.6",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
-      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -5062,16 +5114,16 @@
       "license": "MIT"
     },
     "node_modules/vue": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.18.tgz",
-      "integrity": "sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.21.tgz",
+      "integrity": "sha512-xxf9rum9KtOdwdRkiApWL+9hZEMWE90FHh8yS1+KJAiWYh+iGWV1FquPjoO9VUHQ+VIhsCXNNyZ5Sf4++RVZBA==",
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.5.18",
-        "@vue/compiler-sfc": "3.5.18",
-        "@vue/runtime-dom": "3.5.18",
-        "@vue/server-renderer": "3.5.18",
-        "@vue/shared": "3.5.18"
+        "@vue/compiler-dom": "3.5.21",
+        "@vue/compiler-sfc": "3.5.21",
+        "@vue/runtime-dom": "3.5.21",
+        "@vue/server-renderer": "3.5.21",
+        "@vue/shared": "3.5.21"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -5141,14 +5193,14 @@
       "license": "MIT"
     },
     "node_modules/vue-tsc": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.0.5.tgz",
-      "integrity": "sha512-PsTFN9lo1HJCrZw9NoqjYcAbYDXY0cOKyuW2E7naX5jcaVyWpqEsZOHN9Dws5890E8e5SDAD4L4Zam3dxG3/Cw==",
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.0.7.tgz",
+      "integrity": "sha512-BSMmW8GGEgHykrv7mRk6zfTdK+tw4MBZY/x6fFa7IkdXK3s/8hQRacPjG9/8YKFDIWGhBocwi6PlkQQ/93OgIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/typescript": "2.4.22",
-        "@vue/language-core": "3.0.5"
+        "@volar/typescript": "2.4.23",
+        "@vue/language-core": "3.0.7"
       },
       "bin": {
         "vue-tsc": "bin/vue-tsc.js"
@@ -5157,6 +5209,31 @@
         "typescript": ">=5.0.0"
       }
     },
+    "node_modules/vue3-select-component": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/vue3-select-component/-/vue3-select-component-0.12.1.tgz",
+      "integrity": "sha512-r1uhSxcjdq/UJgi4+rWEuXoUMSCjfBlqLStBmEV0nobarT5Xf3FLYhgrDsrnAuqyPIbD3sCXsIJ3PWXPzx622A==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "@rollup/rollup-linux-x64-gnu": "4.44.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/vue3-select-component/node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.44.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.0.tgz",
+      "integrity": "sha512-iUVJc3c0o8l9Sa/qlDL2Z9UP92UZZW1+EmQ4xfjTc1akr0iUFZNfxrXJ/R1T90h/ILm9iXEY6+iPrmYB3pXKjw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -5230,9 +5307,9 @@
       }
     },
     "node_modules/yoctocolors": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.1.tgz",
-      "integrity": "sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz",
+      "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==",
       "dev": true,
       "license": "MIT",
       "engines": {
diff --git a/web-app/package.json b/web-app/package.json
index ec5fc5c..b8aadc4 100644
--- a/web-app/package.json
+++ b/web-app/package.json
@@ -16,29 +16,30 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^7.0.0",
-    "@fortawesome/free-regular-svg-icons": "^7.0.0",
-    "@fortawesome/free-solid-svg-icons": "^7.0.0",
-    "@fortawesome/vue-fontawesome": "^3.1.1",
+    "@fortawesome/fontawesome-svg-core": "^7.0.1",
+    "@fortawesome/free-regular-svg-icons": "^7.0.1",
+    "@fortawesome/free-solid-svg-icons": "^7.0.1",
+    "@fortawesome/vue-fontawesome": "^3.1.2",
     "pinia": "^3.0.3",
     "vue": "^3.5.18",
-    "vue-router": "^4.5.1"
+    "vue-router": "^4.5.1",
+    "vue3-select-component": "^0.12.1"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.2",
-    "@types/node": "^22.16.5",
+    "@types/node": "^22.18.6",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/tsconfig": "^0.7.0",
-    "eslint": "^9.31.0",
+    "eslint": "^9.36.0",
     "eslint-plugin-vue": "~10.3.0",
-    "jiti": "^2.4.2",
+    "jiti": "^2.5.1",
     "npm-run-all2": "^8.0.4",
     "prettier": "3.6.2",
     "typescript": "~5.8.0",
-    "vite": "^7.0.6",
-    "vite-plugin-vue-devtools": "^8.0.0",
-    "vue-tsc": "^3.0.4"
+    "vite": "^7.1.6",
+    "vite-plugin-vue-devtools": "^8.0.2",
+    "vue-tsc": "^3.0.7"
   }
 }
diff --git a/web-app/src/App.vue b/web-app/src/App.vue
index d4b3de1..021fde5 100644
--- a/web-app/src/App.vue
+++ b/web-app/src/App.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import GlobalAlertModal from './components/GlobalAlertModal.vue';
-import GlobalLoadingOverlay from './components/GlobalLoadingOverlay.vue';
+import GlobalAlertModal from './components/GlobalAlertModal.vue'
+import GlobalLoadingOverlay from './components/GlobalLoadingOverlay.vue'
 </script>
 <template>
   <RouterView></RouterView>
diff --git a/web-app/src/api/transaction.ts b/web-app/src/api/transaction.ts
index 748d4ff..d380cc5 100644
--- a/web-app/src/api/transaction.ts
+++ b/web-app/src/api/transaction.ts
@@ -6,12 +6,12 @@ import { type Page, type PageRequest } from './pagination'
 export interface TransactionVendor {
   id: number
   name: string
-  description: string
+  description: string | null
 }
 
 export interface TransactionVendorPayload {
   name: string
-  description: string
+  description: string | null
 }
 
 export interface TransactionCategory {
diff --git a/web-app/src/components/AccountCard.vue b/web-app/src/components/AccountCard.vue
index 6e99d4e..2b3334a 100644
--- a/web-app/src/components/AccountCard.vue
+++ b/web-app/src/components/AccountCard.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { AccountTypes, type Account } from '@/api/account';
-import { formatMoney } from '@/api/data';
-import { getSelectedProfile } from '@/api/profile';
-import { computed } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import AppBadge from './common/AppBadge.vue';
+import { AccountTypes, type Account } from '@/api/account'
+import { formatMoney } from '@/api/data'
+import { getSelectedProfile } from '@/api/profile'
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import AppBadge from './common/AppBadge.vue'
 
 const router = useRouter()
 const route = useRoute()
@@ -12,17 +12,19 @@ const route = useRoute()
 const props = defineProps<{ account: Account }>()
 const accountType = computed(() => AccountTypes.of(props.account.type))
 const isBalancePositive = computed(() => {
-  return props.account.currentBalance !== null && (
-    accountType.value.debitsPositive
+  return (
+    props.account.currentBalance !== null &&
+    (accountType.value.debitsPositive
       ? props.account.currentBalance > 0
-      : props.account.currentBalance < 0
+      : props.account.currentBalance < 0)
   )
 })
 const isBalanceNegative = computed(() => {
-  return props.account.currentBalance !== null && (
-    accountType.value.debitsPositive
+  return (
+    props.account.currentBalance !== null &&
+    (accountType.value.debitsPositive
       ? props.account.currentBalance < 0
-      : props.account.currentBalance > 0
+      : props.account.currentBalance > 0)
   )
 })
 
@@ -32,18 +34,28 @@ function goToAccount() {
 }
 </script>
 <template>
-  <div class="account-card" @click="goToAccount()">
+  <div
+    class="account-card"
+    @click="goToAccount()"
+  >
     <!-- A top row for the name on the left, and balance on the right. -->
     <div class="account-card-top-row">
       <div>
-        <span class="font-bold" style="margin-right: 0.5rem">{{ account.name }}</span>
+        <span
+          class="font-bold"
+          style="margin-right: 0.5rem"
+          >{{ account.name }}</span
+        >
         <span class="font-mono font-size-xsmall">#{{ account.numberSuffix }}</span>
       </div>
 
-      <div class="font-mono font-size-small" :class="{
-        'text-positive': isBalancePositive,
-        'text-negative': isBalanceNegative
-      }">
+      <div
+        class="font-mono font-size-small"
+        :class="{
+          'text-positive': isBalancePositive,
+          'text-negative': isBalanceNegative,
+        }"
+      >
         <span v-if="account.currentBalance !== null">
           {{ formatMoney(account.currentBalance, account.currency) }}
         </span>
diff --git a/web-app/src/components/AddValueRecordModal.vue b/web-app/src/components/AddValueRecordModal.vue
index 6347cca..49c1960 100644
--- a/web-app/src/components/AddValueRecordModal.vue
+++ b/web-app/src/components/AddValueRecordModal.vue
@@ -1,15 +1,21 @@
 <script setup lang="ts">
-import { ref, useTemplateRef, type Ref } from 'vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import { AccountApiClient, AccountValueRecordType, type Account, type AccountValueRecord, type AccountValueRecordCreationPayload } from '@/api/account';
-import { datetimeLocalToISO, getDatetimeLocalValueForNow } from '@/util/time';
-import FileSelector from '@/components/common/FileSelector.vue';
-import { useRoute } from 'vue-router';
-import { showConfirm } from '@/util/alert';
+import { ref, useTemplateRef, type Ref } from 'vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import AppButton from '@/components/common/AppButton.vue'
+import {
+  AccountApiClient,
+  AccountValueRecordType,
+  type Account,
+  type AccountValueRecord,
+  type AccountValueRecordCreationPayload,
+} from '@/api/account'
+import { datetimeLocalToISO, getDatetimeLocalValueForNow } from '@/util/time'
+import FileSelector from '@/components/common/FileSelector.vue'
+import { useRoute } from 'vue-router'
+import { showConfirm } from '@/util/alert'
 
 const route = useRoute()
 const props = defineProps<{ account: Account }>()
@@ -25,7 +31,8 @@ async function show(): Promise<AccountValueRecord | undefined> {
   if (!modal.value) return Promise.resolve(undefined)
   timestamp.value = getDatetimeLocalValueForNow()
   if (props.account.currentBalance !== null) {
-    amount.value = props.account.currentBalance / Math.pow(10, props.account.currency.fractionalDigits)
+    amount.value =
+      props.account.currentBalance / Math.pow(10, props.account.currency.fractionalDigits)
   } else {
     amount.value = 0
   }
@@ -41,16 +48,22 @@ async function addValueRecord() {
   const payload: AccountValueRecordCreationPayload = {
     timestamp: datetimeLocalToISO(timestamp.value),
     type: AccountValueRecordType.BALANCE,
-    value: Math.round(amount.value * Math.pow(10, props.account.currency.fractionalDigits))
+    value: Math.round(amount.value * Math.pow(10, props.account.currency.fractionalDigits)),
   }
   // Check and confirm with the user if the value they entered doesn't match the expected balance of the account.
   if (props.account.currentBalance !== null && payload.value !== props.account.currentBalance) {
-    const result = await showConfirm("The balance you entered doesn't match the expected current balance for this account. Proceeding to add this value record will result in an incomplete account history and possible reconciliation errors. Are you sure you want to proceed?")
+    const result = await showConfirm(
+      "The balance you entered doesn't match the expected current balance for this account. Proceeding to add this value record will result in an incomplete account history and possible reconciliation errors. Are you sure you want to proceed?",
+    )
     if (!result) return
   }
   const api = new AccountApiClient(route)
   try {
-    savedValueRecord.value = await api.createValueRecord(props.account.id, payload, attachments.value)
+    savedValueRecord.value = await api.createValueRecord(
+      props.account.id,
+      payload,
+      attachments.value,
+    )
     modal.value?.close('saved')
   } catch (err) {
     console.error(err)
@@ -65,16 +78,25 @@ defineExpose({ show })
     <template v-slot:default>
       <h2>Add Value Record</h2>
       <p>
-        Record the current value of this account, to act as a keyframe from
-        which the account's balance can be derived.
+        Record the current value of this account, to act as a keyframe from which the account's
+        balance can be derived.
       </p>
       <AppForm>
         <FormGroup>
           <FormControl label="Timestamp">
-            <input type="datetime-local" v-model="timestamp" step="1" style="min-width: 250px;" />
+            <input
+              type="datetime-local"
+              v-model="timestamp"
+              step="1"
+              style="min-width: 250px"
+            />
           </FormControl>
           <FormControl label="Value">
-            <input type="number" v-model="amount" step="0.01" />
+            <input
+              type="number"
+              v-model="amount"
+              step="0.01"
+            />
           </FormControl>
         </FormGroup>
         <FormGroup>
@@ -85,7 +107,11 @@ defineExpose({ show })
     </template>
     <template v-slot:buttons>
       <AppButton @click="addValueRecord()">Add</AppButton>
-      <AppButton button-style="secondary" @click="modal?.close()">Cancel</AppButton>
+      <AppButton
+        button-style="secondary"
+        @click="modal?.close()"
+        >Cancel</AppButton
+      >
     </template>
   </ModalWrapper>
 </template>
diff --git a/web-app/src/components/CategoryDisplayItem.vue b/web-app/src/components/CategoryDisplayItem.vue
index a6f9ffd..9e3065d 100644
--- a/web-app/src/components/CategoryDisplayItem.vue
+++ b/web-app/src/components/CategoryDisplayItem.vue
@@ -1,41 +1,73 @@
 <script setup lang="ts">
-import type { TransactionCategoryTree } from '@/api/transaction';
-import AppButton from './common/AppButton.vue';
-import { computed, ref } from 'vue';
+import type { TransactionCategoryTree } from '@/api/transaction'
+import AppButton from './common/AppButton.vue'
+import { computed, ref } from 'vue'
 
 const props = defineProps<{
   category: TransactionCategoryTree
   editable: boolean
 }>()
 defineEmits<{
-  'edited': [number]
-  'deleted': [number]
+  edited: [number]
+  deleted: [number]
 }>()
 const expanded = ref(false)
 const canExpand = computed(() => props.category.children.length > 0)
 </script>
 <template>
-  <div class="category-display-item" :class="{
-    'category-display-item-bg-1': category.depth % 2 === 0,
-    'category-display-item-bg-2': category.depth % 2 === 1
-  }">
+  <div
+    class="category-display-item"
+    :class="{
+      'category-display-item-bg-1': category.depth % 2 === 0,
+      'category-display-item-bg-2': category.depth % 2 === 1,
+    }"
+  >
     <div class="category-display-item-content">
       <div>
         <h4 class="category-display-item-title">{{ category.name }}</h4>
         <p class="category-display-item-description">{{ category.description }}</p>
       </div>
-      <div class="category-display-item-color-indicator" :style="{ 'background-color': '#' + category.color }"></div>
+      <div
+        class="category-display-item-color-indicator"
+        :style="{ 'background-color': '#' + category.color }"
+      ></div>
     </div>
-    <div v-if="editable" style="text-align: right;">
-      <AppButton icon="chevron-down" v-if="canExpand && !expanded" @click="expanded = true" />
-      <AppButton icon="chevron-up" v-if="canExpand && expanded" @click="expanded = false" />
-      <AppButton icon="wrench" @click="$emit('edited', category.id)" />
-      <AppButton icon="trash" @click="$emit('deleted', category.id)" />
+    <div
+      v-if="editable"
+      style="text-align: right"
+    >
+      <AppButton
+        icon="chevron-down"
+        v-if="canExpand && !expanded"
+        @click="expanded = true"
+      />
+      <AppButton
+        icon="chevron-up"
+        v-if="canExpand && expanded"
+        @click="expanded = false"
+      />
+      <AppButton
+        icon="wrench"
+        @click="$emit('edited', category.id)"
+      />
+      <AppButton
+        icon="trash"
+        @click="$emit('deleted', category.id)"
+      />
     </div>
     <!-- Nested display item for each child: -->
-    <div style="margin-left: 1rem;" v-if="canExpand && expanded">
-      <CategoryDisplayItem v-for="child in category.children" :key="child.id" :category="child" :editable="editable"
-        @edited="c => $emit('edited', c)" @deleted="c => $emit('deleted', c)" />
+    <div
+      style="margin-left: 1rem"
+      v-if="canExpand && expanded"
+    >
+      <CategoryDisplayItem
+        v-for="child in category.children"
+        :key="child.id"
+        :category="child"
+        :editable="editable"
+        @edited="(c) => $emit('edited', c)"
+        @deleted="(c) => $emit('deleted', c)"
+      />
     </div>
   </div>
 </template>
diff --git a/web-app/src/components/CategoryLabel.vue b/web-app/src/components/CategoryLabel.vue
index f4d4dc8..705fa5b 100644
--- a/web-app/src/components/CategoryLabel.vue
+++ b/web-app/src/components/CategoryLabel.vue
@@ -1,17 +1,16 @@
 <script setup lang="ts">
-import { getSelectedProfile } from '@/api/profile';
-import { useRoute, useRouter } from 'vue-router';
-import AppBadge from './common/AppBadge.vue';
+import { getSelectedProfile } from '@/api/profile'
+import { useRoute, useRouter } from 'vue-router'
+import AppBadge from './common/AppBadge.vue'
 
 interface CategoryInfo {
   name: string
   color: string
 }
 
-
 const route = useRoute()
 const router = useRouter()
-const props = defineProps<{ category: CategoryInfo, clickable?: boolean }>()
+const props = defineProps<{ category: CategoryInfo; clickable?: boolean }>()
 
 function onClicked() {
   if (props.clickable) {
@@ -20,8 +19,14 @@ function onClicked() {
 }
 </script>
 <template>
-  <AppBadge @click="onClicked()" :style="{ 'cursor': clickable ? 'pointer' : 'inherit' }">
-    <div class="category-label-color" :style="{ 'background-color': '#' + category.color }"></div>
+  <AppBadge
+    @click="onClicked()"
+    :style="{ cursor: clickable ? 'pointer' : 'inherit' }"
+  >
+    <div
+      class="category-label-color"
+      :style="{ 'background-color': '#' + category.color }"
+    ></div>
     {{ category.name }}
   </AppBadge>
 </template>
diff --git a/web-app/src/components/CategorySelect.vue b/web-app/src/components/CategorySelect.vue
index a4faa24..5417a1f 100644
--- a/web-app/src/components/CategorySelect.vue
+++ b/web-app/src/components/CategorySelect.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { getSelectedProfile } from '@/api/profile';
-import { TransactionApiClient, type TransactionCategoryTree } from '@/api/transaction';
-import { onMounted, ref, type Ref } from 'vue';
-import { useRoute } from 'vue-router';
+import { getSelectedProfile } from '@/api/profile'
+import { TransactionApiClient, type TransactionCategoryTree } from '@/api/transaction'
+import { onMounted, ref, type Ref } from 'vue'
+import { useRoute } from 'vue-router'
 
 const route = useRoute()
 const model = defineModel<number | null>({ required: true })
@@ -12,8 +12,7 @@ const categories: Ref<TransactionCategoryTree[]> = ref([])
 
 onMounted(() => {
   const api = new TransactionApiClient(getSelectedProfile(route))
-  api.getCategoriesFlattened()
-    .then(c => categories.value = c)
+  api.getCategoriesFlattened().then((c) => (categories.value = c))
 })
 
 function getCategoryById(id: number): TransactionCategoryTree | null {
@@ -24,10 +23,23 @@ function getCategoryById(id: number): TransactionCategoryTree | null {
 }
 </script>
 <template>
-  <select v-model="model" @change="$emit('categorySelected', model === null ? null : getCategoryById(model))">
-    <option v-for="category in categories" :key="category.id" :value="category.id">
-      {{ "&nbsp;".repeat(4 * category.depth) + category.name }}
+  <select
+    v-model="model"
+    @change="$emit('categorySelected', model === null ? null : getCategoryById(model))"
+  >
+    <option
+      v-for="category in categories"
+      :key="category.id"
+      :value="category.id"
+    >
+      {{ '&nbsp;'.repeat(4 * category.depth) + category.name }}
+    </option>
+    <option
+      v-if="required !== true"
+      :value="null"
+      :selected="model === null"
+    >
+      None
     </option>
-    <option v-if="required !== true" :value="null" :selected="model === null">None</option>
   </select>
 </template>
diff --git a/web-app/src/components/EditCategoryModal.vue b/web-app/src/components/EditCategoryModal.vue
index 7c725bc..7273a0b 100644
--- a/web-app/src/components/EditCategoryModal.vue
+++ b/web-app/src/components/EditCategoryModal.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { TransactionApiClient, type TransactionCategory } from '@/api/transaction';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import { ref, useTemplateRef, type Ref } from 'vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import CategorySelect from './CategorySelect.vue';
-import { useRoute } from 'vue-router';
-import { getSelectedProfile } from '@/api/profile';
+import { TransactionApiClient, type TransactionCategory } from '@/api/transaction'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import { ref, useTemplateRef, type Ref } from 'vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import AppButton from '@/components/common/AppButton.vue'
+import CategorySelect from './CategorySelect.vue'
+import { useRoute } from 'vue-router'
+import { getSelectedProfile } from '@/api/profile'
 
 const route = useRoute()
 const props = defineProps<{
@@ -29,7 +29,7 @@ function show(): Promise<string | undefined> {
   description.value = props.category?.description ?? ''
   if (props.category) {
     name.value = props.category.name
-    description.value = props.category.description ?? ""
+    description.value = props.category.description ?? ''
     color.value = '#' + props.category.color
     parentId.value = props.category.parentId
   } else {
@@ -42,17 +42,19 @@ function show(): Promise<string | undefined> {
 }
 
 function canSave() {
-  const inputValid = name.value.trim().length > 0 &&
-    color.value.match('^#(([0-9a-fA-F]{2}){3}|([0-9a-fA-F]){3})$')
+  const inputValid =
+    name.value.trim().length > 0 && color.value.match('^#(([0-9a-fA-F]{2}){3}|([0-9a-fA-F]){3})$')
   if (!inputValid) return false
   if (props.category) {
-    const prevDescription = props.category.description?.trim() ?? ""
+    const prevDescription = props.category.description?.trim() ?? ''
     const currentDescription = description.value.trim()
     const descriptionChanged = prevDescription !== currentDescription
-    return props.category.name.trim() !== name.value.trim() ||
+    return (
+      props.category.name.trim() !== name.value.trim() ||
       descriptionChanged ||
       props.category.color.trim().toLowerCase() !== color.value.trim().toLowerCase() ||
       props.category.parentId !== parentId.value
+    )
   }
   return true
 }
@@ -67,7 +69,7 @@ async function doSave() {
     name: name.value.trim(),
     description: desc,
     color: color.value.trim().substring(1),
-    parentId: parentId.value
+    parentId: parentId.value,
   }
   try {
     let savedCategory = null
@@ -93,12 +95,21 @@ defineExpose({ show })
       <AppForm>
         <FormGroup>
           <FormControl label="Name">
-            <input type="text" v-model="name" />
+            <input
+              type="text"
+              v-model="name"
+            />
           </FormControl>
           <FormControl label="Color">
-            <input type="color" v-model="color" />
+            <input
+              type="color"
+              v-model="color"
+            />
           </FormControl>
-          <FormControl label="Description" style="min-width: 300px;">
+          <FormControl
+            label="Description"
+            style="min-width: 300px"
+          >
             <textarea v-model="description"></textarea>
           </FormControl>
           <FormControl label="Parent Category">
@@ -108,8 +119,16 @@ defineExpose({ show })
       </AppForm>
     </template>
     <template v-slot:buttons>
-      <AppButton :disabled="!canSave()" @click="doSave()">Save</AppButton>
-      <AppButton button-style="secondary" @click="modal?.close()">Cancel</AppButton>
+      <AppButton
+        :disabled="!canSave()"
+        @click="doSave()"
+        >Save</AppButton
+      >
+      <AppButton
+        button-style="secondary"
+        @click="modal?.close()"
+        >Cancel</AppButton
+      >
     </template>
   </ModalWrapper>
 </template>
diff --git a/web-app/src/components/EditVendorModal.vue b/web-app/src/components/EditVendorModal.vue
index d5344f5..7bb4916 100644
--- a/web-app/src/components/EditVendorModal.vue
+++ b/web-app/src/components/EditVendorModal.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { ref, useTemplateRef } from 'vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import { TransactionApiClient, type TransactionVendor } from '@/api/transaction';
-import AppButton from './common/AppButton.vue';
-import { useRoute } from 'vue-router';
-import { getSelectedProfile } from '@/api/profile';
+import { ref, useTemplateRef } from 'vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import { TransactionApiClient, type TransactionVendor } from '@/api/transaction'
+import AppButton from './common/AppButton.vue'
+import { useRoute } from 'vue-router'
+import { getSelectedProfile } from '@/api/profile'
 
 const route = useRoute()
 const props = defineProps<{
@@ -31,8 +31,10 @@ function canSave() {
   const inputValid = name.value.trim().length > 0
   if (!inputValid) return false
   if (props.vendor) {
-    return props.vendor.name.trim() !== name.value.trim() ||
+    return (
+      props.vendor.name.trim() !== name.value.trim() ||
       props.vendor.description.trim() !== description.value.trim()
+    )
   }
   return true
 }
@@ -41,7 +43,7 @@ async function doSave() {
   const api = new TransactionApiClient(getSelectedProfile(route))
   const payload = {
     name: name.value.trim(),
-    description: description.value.trim()
+    description: description.value.trim(),
   }
   try {
     let savedVendor = null
@@ -67,17 +69,31 @@ defineExpose({ show })
       <AppForm>
         <FormGroup>
           <FormControl label="Name">
-            <input type="text" v-model="name" />
+            <input
+              type="text"
+              v-model="name"
+            />
           </FormControl>
-          <FormControl label="Description" style="min-width: 300px;">
+          <FormControl
+            label="Description"
+            style="min-width: 300px"
+          >
             <textarea v-model="description"></textarea>
           </FormControl>
         </FormGroup>
       </AppForm>
     </template>
     <template v-slot:buttons>
-      <AppButton :disabled="!canSave()" @click="doSave()">Save</AppButton>
-      <AppButton button-style="secondary" @click="modal?.close()">Cancel</AppButton>
+      <AppButton
+        :disabled="!canSave()"
+        @click="doSave()"
+        >Save</AppButton
+      >
+      <AppButton
+        button-style="secondary"
+        @click="modal?.close()"
+        >Cancel</AppButton
+      >
     </template>
   </ModalWrapper>
 </template>
diff --git a/web-app/src/components/GlobalAlertModal.vue b/web-app/src/components/GlobalAlertModal.vue
index 9a83d1e..0319b4b 100644
--- a/web-app/src/components/GlobalAlertModal.vue
+++ b/web-app/src/components/GlobalAlertModal.vue
@@ -1,21 +1,36 @@
 <script setup lang="ts">
-import { useTemplateRef } from 'vue';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import AppButton from '@/components/common/AppButton.vue';
+import { useTemplateRef } from 'vue'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import AppButton from '@/components/common/AppButton.vue'
 
 const globalAlertModal = useTemplateRef('global-alert-modal')
 </script>
 <template>
-  <ModalWrapper id="global-alert-modal" ref="global-alert-modal">
+  <ModalWrapper
+    id="global-alert-modal"
+    ref="global-alert-modal"
+  >
     <template v-slot:default>
       <p id="global-alert-modal-text">This is an alert!</p>
     </template>
     <template v-slot:buttons>
-      <AppButton id="global-alert-modal-ok-button" @click="globalAlertModal?.close('ok')">Ok</AppButton>
-      <AppButton id="global-alert-modal-close-button" button-style="secondary"
-        @click="globalAlertModal?.close('close')">Close</AppButton>
-      <AppButton id="global-alert-modal-cancel-button" button-style="secondary"
-        @click="globalAlertModal?.close('cancel')">Cancel</AppButton>
+      <AppButton
+        id="global-alert-modal-ok-button"
+        @click="globalAlertModal?.close('ok')"
+        >Ok</AppButton
+      >
+      <AppButton
+        id="global-alert-modal-close-button"
+        button-style="secondary"
+        @click="globalAlertModal?.close('close')"
+        >Close</AppButton
+      >
+      <AppButton
+        id="global-alert-modal-cancel-button"
+        button-style="secondary"
+        @click="globalAlertModal?.close('cancel')"
+        >Cancel</AppButton
+      >
     </template>
   </ModalWrapper>
 </template>
diff --git a/web-app/src/components/GlobalLoadingOverlay.vue b/web-app/src/components/GlobalLoadingOverlay.vue
index b4c5065..7127fd1 100644
--- a/web-app/src/components/GlobalLoadingOverlay.vue
+++ b/web-app/src/components/GlobalLoadingOverlay.vue
@@ -1,6 +1,5 @@
 <!-- A globally-mounted loading overlay controlled by util/loader.ts. -->
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 <template>
   <div class="loading-overlay">
     <div class="loader-indicator"></div>
diff --git a/web-app/src/components/HomeModule.vue b/web-app/src/components/HomeModule.vue
index 77ca272..7c80814 100644
--- a/web-app/src/components/HomeModule.vue
+++ b/web-app/src/components/HomeModule.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import ButtonBar from '@/components/common/ButtonBar.vue';
-
+import ButtonBar from '@/components/common/ButtonBar.vue'
 
 defineProps<{ title: string }>()
 </script>
diff --git a/web-app/src/components/LineItemCard.vue b/web-app/src/components/LineItemCard.vue
index d366835..b4101ea 100644
--- a/web-app/src/components/LineItemCard.vue
+++ b/web-app/src/components/LineItemCard.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { TransactionDetailLineItem } from '@/api/transaction';
-import AppButton from './common/AppButton.vue';
-import { formatMoney, type Currency } from '@/api/data';
+import type { TransactionDetailLineItem } from '@/api/transaction'
+import AppButton from './common/AppButton.vue'
+import { formatMoney, type Currency } from '@/api/data'
 
 defineProps<{
   lineItem: TransactionDetailLineItem
@@ -11,11 +11,10 @@ defineProps<{
 }>()
 
 defineEmits<{
-  'deleted': void,
-  'movedUp': void,
-  'movedDown': void
+  deleted: void
+  movedUp: void
+  movedDown: void
 }>()
-
 </script>
 <template>
   <div class="line-item-card">
@@ -29,10 +28,24 @@ defineEmits<{
       <span class="font-mono font-size-small">
         {{ formatMoney(lineItem.valuePerItem, currency) }}
       </span>
-      <AppButton icon="arrow-up" v-if="editable && lineItem.idx > 0" size="sm" @click="$emit('movedUp')" />
-      <AppButton icon="arrow-down" v-if="editable && totalCount !== undefined && lineItem.idx < totalCount - 1"
-        size="sm" @click="$emit('movedDown')" />
-      <AppButton icon="trash" size="sm" v-if="editable" @click="$emit('deleted')" />
+      <AppButton
+        icon="arrow-up"
+        v-if="editable && lineItem.idx > 0"
+        size="sm"
+        @click="$emit('movedUp')"
+      />
+      <AppButton
+        icon="arrow-down"
+        v-if="editable && totalCount !== undefined && lineItem.idx < totalCount - 1"
+        size="sm"
+        @click="$emit('movedDown')"
+      />
+      <AppButton
+        icon="trash"
+        size="sm"
+        v-if="editable"
+        @click="$emit('deleted')"
+      />
     </div>
   </div>
 </template>
diff --git a/web-app/src/components/LineItemsEditor.vue b/web-app/src/components/LineItemsEditor.vue
index fbd86c3..4a09382 100644
--- a/web-app/src/components/LineItemsEditor.vue
+++ b/web-app/src/components/LineItemsEditor.vue
@@ -4,16 +4,16 @@ transaction. This editor shows a table of current line items, and includes a
 modal for adding a new one.
 -->
 <script setup lang="ts">
-import { type TransactionCategoryTree, type TransactionDetailLineItem } from '@/api/transaction';
-import AppButton from '@/components/common/AppButton.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import { floatMoneyToInteger, formatMoney, type Currency } from '@/api/data';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import { computed, ref, type Ref, useTemplateRef } from 'vue';
-import CategorySelect from './CategorySelect.vue';
-import LineItemCard from './LineItemCard.vue';
-import AppBadge from './common/AppBadge.vue';
+import { type TransactionCategoryTree, type TransactionDetailLineItem } from '@/api/transaction'
+import AppButton from '@/components/common/AppButton.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import { floatMoneyToInteger, formatMoney, type Currency } from '@/api/data'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import { computed, ref, type Ref, useTemplateRef } from 'vue'
+import CategorySelect from './CategorySelect.vue'
+import LineItemCard from './LineItemCard.vue'
+import AppBadge from './common/AppBadge.vue'
 
 const model = defineModel<TransactionDetailLineItem[]>({ required: true })
 const props = defineProps<{
@@ -37,34 +37,31 @@ const selectedCategory: Ref<TransactionCategoryTree | null> = ref(null)
 const addLineItemModal = useTemplateRef('addLineItemModal')
 
 function canAddLineItem() {
-  return addLineItemDescription.value.length > 0 &&
-    addLineItemQuantity.value > 0
+  return addLineItemDescription.value.length > 0 && addLineItemQuantity.value > 0
 }
 
 function showAddLineItemModal() {
   addLineItemDescription.value = ''
-  addLineItemValuePerItem.value = 1.00
+  addLineItemValuePerItem.value = 1.0
   addLineItemQuantity.value = 1
   addLineItemCategoryId.value = null
   addLineItemModal.value?.show()
 }
 
 async function addLineItem() {
-  const newIdx = model.value.length === 0
-    ? 0
-    : Math.max(...model.value.map(i => i.idx)) + 1
+  const newIdx = model.value.length === 0 ? 0 : Math.max(...model.value.map((i) => i.idx)) + 1
   model.value.push({
     idx: newIdx,
     description: addLineItemDescription.value,
     quantity: addLineItemQuantity.value,
     valuePerItem: floatMoneyToInteger(addLineItemValuePerItem.value, props.currency),
-    category: selectedCategory.value
+    category: selectedCategory.value,
   })
   addLineItemModal.value?.close()
 }
 
 function removeLineItem(idx: number) {
-  model.value = model.value.filter(i => i.idx !== idx)
+  model.value = model.value.filter((i) => i.idx !== idx)
   for (let i = 0; i < model.value.length; i++) {
     model.value[i].idx = i
   }
@@ -92,15 +89,30 @@ function moveItemDown(idx: number) {
 </script>
 <template>
   <div>
-    <LineItemCard v-for="item in model" :key="item.idx" :line-item="item" :currency="currency"
-      :total-count="model.length" editable @deleted="removeLineItem(item.idx)" @moved-up="moveItemUp(item.idx)"
-      @moved-down="moveItemDown(item.idx)" />
+    <LineItemCard
+      v-for="item in model"
+      :key="item.idx"
+      :line-item="item"
+      :currency="currency"
+      :total-count="model.length"
+      editable
+      @deleted="removeLineItem(item.idx)"
+      @moved-up="moveItemUp(item.idx)"
+      @moved-down="moveItemDown(item.idx)"
+    />
     <div>
-      <AppButton icon="plus" @click="showAddLineItemModal()">Add Line Item</AppButton>
-      <AppBadge v-if="model.length > 0" :class="{
-        'text-positive': computedTotal === transactionAmount,
-        'text-negative': computedTotal !== transactionAmount
-      }">
+      <AppButton
+        icon="plus"
+        @click="showAddLineItemModal()"
+        >Add Line Item</AppButton
+      >
+      <AppBadge
+        v-if="model.length > 0"
+        :class="{
+          'text-positive': computedTotal === transactionAmount,
+          'text-negative': computedTotal !== transactionAmount,
+        }"
+      >
         Items Total: {{ formatMoney(computedTotal, currency) }}
       </AppBadge>
     </div>
@@ -114,19 +126,39 @@ function moveItemDown(idx: number) {
             <textarea v-model="addLineItemDescription"></textarea>
           </FormControl>
           <FormControl label="Value Per Item">
-            <input type="number" step="0.01" v-model="addLineItemValuePerItem" />
+            <input
+              type="number"
+              step="0.01"
+              v-model="addLineItemValuePerItem"
+            />
           </FormControl>
           <FormControl label="Quantity">
-            <input type="number" step="1" min="1" v-model="addLineItemQuantity" />
+            <input
+              type="number"
+              step="1"
+              min="1"
+              v-model="addLineItemQuantity"
+            />
           </FormControl>
           <FormControl label="Category">
-            <CategorySelect v-model="addLineItemCategoryId" @category-selected="c => selectedCategory = c" />
+            <CategorySelect
+              v-model="addLineItemCategoryId"
+              @category-selected="(c) => (selectedCategory = c)"
+            />
           </FormControl>
         </FormGroup>
       </template>
       <template v-slot:buttons>
-        <AppButton @click="addLineItem()" :disabled="!canAddLineItem()">Add</AppButton>
-        <AppButton button-style="secondary" @click="addLineItemModal?.close()">Cancel</AppButton>
+        <AppButton
+          @click="addLineItem()"
+          :disabled="!canAddLineItem()"
+          >Add</AppButton
+        >
+        <AppButton
+          button-style="secondary"
+          @click="addLineItemModal?.close()"
+          >Cancel</AppButton
+        >
       </template>
     </ModalWrapper>
   </div>
diff --git a/web-app/src/components/PropertiesTable.vue b/web-app/src/components/PropertiesTable.vue
index 539a7c7..132caa1 100644
--- a/web-app/src/components/PropertiesTable.vue
+++ b/web-app/src/components/PropertiesTable.vue
@@ -1,5 +1,4 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 <template>
   <table class="app-properties-table">
     <tbody>
diff --git a/web-app/src/components/TagLabel.vue b/web-app/src/components/TagLabel.vue
index 2280902..c39567c 100644
--- a/web-app/src/components/TagLabel.vue
+++ b/web-app/src/components/TagLabel.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
-import AppBadge from './common/AppBadge.vue';
+import AppBadge from './common/AppBadge.vue'
 
-defineProps<{ tag: string, deletable?: boolean }>()
+defineProps<{ tag: string; deletable?: boolean }>()
 defineEmits<{ deleted: void }>()
 </script>
 <template>
   <AppBadge>
     <span class="tag-label-hashtag">#</span>
     {{ tag }}
-    <font-awesome-icon v-if="deletable" icon="fa-x" class="tag-label-delete"
-      @click="$emit('deleted')"></font-awesome-icon>
+    <font-awesome-icon
+      v-if="deletable"
+      icon="fa-x"
+      class="tag-label-delete"
+      @click="$emit('deleted')"
+    ></font-awesome-icon>
   </AppBadge>
 </template>
 <style lang="css">
diff --git a/web-app/src/components/TransactionCard.vue b/web-app/src/components/TransactionCard.vue
index 9e28408..41bd69f 100644
--- a/web-app/src/components/TransactionCard.vue
+++ b/web-app/src/components/TransactionCard.vue
@@ -1,26 +1,26 @@
 <script setup lang="ts">
-import { formatMoney } from '@/api/data';
-import { getSelectedProfile } from '@/api/profile';
-import type { TransactionsListItem } from '@/api/transaction';
-import { useRoute, useRouter } from 'vue-router';
-import CategoryLabel from './CategoryLabel.vue';
-import { computed, type Ref } from 'vue';
-import AppBadge from './common/AppBadge.vue';
+import { formatMoney } from '@/api/data'
+import { getSelectedProfile } from '@/api/profile'
+import type { TransactionsListItem } from '@/api/transaction'
+import { useRoute, useRouter } from 'vue-router'
+import CategoryLabel from './CategoryLabel.vue'
+import { computed, type Ref } from 'vue'
+import AppBadge from './common/AppBadge.vue'
 
 const router = useRouter()
 const route = useRoute()
 
-type MoneyStyle = "positive" | "negative" | "neutral"
+type MoneyStyle = 'positive' | 'negative' | 'neutral'
 
 const props = defineProps<{ tx: TransactionsListItem }>()
 // Defines the style to use for money based on which accounts are involved.
 const moneyStyle: Ref<MoneyStyle> = computed(() => {
   if (props.tx.debitedAccount !== null && props.tx.creditedAccount === null) {
-    return "positive"
+    return 'positive'
   } else if (props.tx.creditedAccount !== null && props.tx.debitedAccount === null) {
-    return "negative"
+    return 'negative'
   }
-  return "neutral"
+  return 'neutral'
 })
 
 function goToTransaction() {
@@ -29,7 +29,10 @@ function goToTransaction() {
 }
 </script>
 <template>
-  <div class="transaction-card" @click="goToTransaction()">
+  <div
+    class="transaction-card"
+    @click="goToTransaction()"
+  >
     <!-- Top row contains timestamp and amount. -->
     <div class="transaction-card-top-row">
       <div>
@@ -39,16 +42,25 @@ function goToTransaction() {
         </div>
       </div>
       <div>
-        <div class="font-mono align-right font-size-small" :class="{
-          'text-positive': moneyStyle === 'positive',
-          'text-negative': moneyStyle === 'negative'
-        }">
+        <div
+          class="font-mono align-right font-size-small"
+          :class="{
+            'text-positive': moneyStyle === 'positive',
+            'text-negative': moneyStyle === 'negative',
+          }"
+        >
           {{ formatMoney(tx.amount, tx.currency) }}
         </div>
-        <div v-if="tx.creditedAccount !== null" class="font-size-small text-muted">
+        <div
+          v-if="tx.creditedAccount !== null"
+          class="font-size-small text-muted"
+        >
           Credited to <span class="text-normal font-bold">{{ tx.creditedAccount.name }}</span>
         </div>
-        <div v-if="tx.debitedAccount !== null" class="font-size-small text-muted">
+        <div
+          v-if="tx.debitedAccount !== null"
+          class="font-size-small text-muted"
+        >
           Debited to <span class="text-normal font-bold">{{ tx.debitedAccount.name }}</span>
         </div>
       </div>
@@ -61,7 +73,11 @@ function goToTransaction() {
 
     <!-- Bottom row contains other links. -->
     <div>
-      <CategoryLabel :category="tx.category" v-if="tx.category" style="margin-left: 0" />
+      <CategoryLabel
+        :category="tx.category"
+        v-if="tx.category"
+        style="margin-left: 0"
+      />
       <AppBadge v-if="tx.vendor">{{ tx.vendor.name }}</AppBadge>
     </div>
   </div>
diff --git a/web-app/src/components/VendorSelect.vue b/web-app/src/components/VendorSelect.vue
new file mode 100644
index 0000000..0491484
--- /dev/null
+++ b/web-app/src/components/VendorSelect.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import { getSelectedProfile } from '@/api/profile'
+import { TransactionApiClient, type TransactionVendor } from '@/api/transaction'
+import { onMounted, ref, watch, type Ref } from 'vue'
+import { useRoute } from 'vue-router'
+import VueSelect, { type Option } from 'vue3-select-component'
+
+const model = defineModel<TransactionVendor | null>({ required: true })
+
+const route = useRoute()
+const options: Ref<Option<string>[]> = ref([])
+const existingVendors: Ref<TransactionVendor[]> = ref([])
+const selectedVendorName: Ref<string | null> = ref(null)
+
+watch(model, (newValue) => {
+  if (newValue === null) {
+    selectedVendorName.value = null
+  } else {
+    selectedVendorName.value = newValue.name
+  }
+})
+
+onMounted(() => {
+  const api = new TransactionApiClient(getSelectedProfile(route))
+  if (model.value !== null) {
+    selectedVendorName.value = model.value?.name
+  }
+  api.getVendors().then((vendors) => {
+    existingVendors.value = vendors
+    options.value = vendors.map((v) => {
+      return { label: v.name, value: v.name }
+    })
+  })
+})
+
+function onOptionCreated(value: string) {
+  const existingVendor = existingVendors.value.find((obj) => obj.name === value)
+  if (existingVendor) {
+    selectedVendorName.value = existingVendor.name
+    model.value = existingVendor
+    return
+  }
+  // Clear out any previously-added custom value from the list of options.
+  options.value = options.value.filter((opt) =>
+    existingVendors.value.some((v) => v.name === opt.value),
+  )
+  // Then add the new custom value, select it, and set the model.
+  options.value.push({ label: value, value: value })
+  selectedVendorName.value = value
+  model.value = { id: -1, name: value, description: null }
+}
+
+function onOptionSelected() {
+  model.value = existingVendors.value.find((v) => v.name === selectedVendorName.value) ?? null
+}
+
+function onOptionDeselected() {
+  model.value = null
+}
+</script>
+<template>
+  <VueSelect
+    class="vendor-select"
+    v-model="selectedVendorName"
+    :options="options"
+    placeholder="Select a vendor"
+    is-taggable
+    @option-created="onOptionCreated"
+    @option-selected="onOptionSelected"
+    @option-deselected="onOptionDeselected"
+  >
+    <template #taggable-no-options> Add a new vendor. </template>
+  </VueSelect>
+</template>
+<style lang="css">
+.vendor-select {
+  --vs-line-height: 1;
+}
+</style>
diff --git a/web-app/src/components/common/AppBadge.vue b/web-app/src/components/common/AppBadge.vue
index c198b91..d96e5f2 100644
--- a/web-app/src/components/common/AppBadge.vue
+++ b/web-app/src/components/common/AppBadge.vue
@@ -1,14 +1,17 @@
 <script setup lang="ts">
-type BadgeSize = "sm" | "md" | "lg";
-type BadgeStyle = "normal" | "positive" | "warning" | "negative"
+type BadgeSize = 'sm' | 'md' | 'lg'
+type BadgeStyle = 'normal' | 'positive' | 'warning' | 'negative'
 
-defineProps<{ size?: BadgeSize, color?: BadgeStyle }>()
+defineProps<{ size?: BadgeSize; color?: BadgeStyle }>()
 </script>
 <template>
-  <span class="app-badge" :class="{
-    'app-badge-sm': size === 'sm',
-    'app-badge-lg': size === 'lg'
-  }">
+  <span
+    class="app-badge"
+    :class="{
+      'app-badge-sm': size === 'sm',
+      'app-badge-lg': size === 'lg',
+    }"
+  >
     <slot></slot>
   </span>
 </template>
@@ -22,7 +25,7 @@ defineProps<{ size?: BadgeSize, color?: BadgeStyle }>()
   display: inline-block;
 }
 
-.app-badge+.app-badge {
+.app-badge + .app-badge {
   margin-left: 0.25rem;
 }
 
diff --git a/web-app/src/components/common/AppButton.vue b/web-app/src/components/common/AppButton.vue
index f5628a3..9151c46 100644
--- a/web-app/src/components/common/AppButton.vue
+++ b/web-app/src/components/common/AppButton.vue
@@ -1,38 +1,48 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed } from 'vue'
 
-
-export type ButtonTheme = "primary" | "secondary"
-export type ButtonType = "button" | "submit" | "reset"
-export type ButtonSize = "sm" | "md" | "lg"
+export type ButtonTheme = 'primary' | 'secondary'
+export type ButtonType = 'button' | 'submit' | 'reset'
+export type ButtonSize = 'sm' | 'md' | 'lg'
 
 interface Props {
-  theme?: ButtonTheme,
-  size?: ButtonSize,
-  icon?: string,
-  type?: ButtonType,
+  theme?: ButtonTheme
+  size?: ButtonSize
+  icon?: string
+  type?: ButtonType
   disabled?: boolean
 }
 const props = withDefaults(defineProps<Props>(), {
-  buttonStyle: "primary",
-  buttonType: "button",
-  size: "md",
-  disabled: false
+  buttonStyle: 'primary',
+  buttonType: 'button',
+  size: 'md',
+  disabled: false,
 })
 defineEmits(['click'])
 
 const buttonStyle = computed(() => ({
-  'app-button-theme-secondary': props.theme === "secondary",
+  'app-button-theme-secondary': props.theme === 'secondary',
   'app-button-disabled': props.disabled,
-  'app-button-size-sm': props.size === "sm",
-  'app-button-size-lg': props.size === "lg"
+  'app-button-size-sm': props.size === 'sm',
+  'app-button-size-lg': props.size === 'lg',
 }))
 </script>
 <template>
-  <button class="app-button" :class="buttonStyle" :type="type ?? 'button'" :disabled="disabled" @click="$emit('click')">
+  <button
+    class="app-button"
+    :class="buttonStyle"
+    :type="type ?? 'button'"
+    :disabled="disabled"
+    @click="$emit('click')"
+  >
     <span v-if="icon">
-      <font-awesome-icon :icon="'fa-' + icon"
-        :class="{ 'app-button-icon-with-text': $slots.default !== undefined, 'app-button-icon-without-text': $slots.default === undefined }"></font-awesome-icon>
+      <font-awesome-icon
+        :icon="'fa-' + icon"
+        :class="{
+          'app-button-icon-with-text': $slots.default !== undefined,
+          'app-button-icon-without-text': $slots.default === undefined,
+        }"
+      ></font-awesome-icon>
     </span>
     <slot></slot>
   </button>
@@ -41,22 +51,22 @@ const buttonStyle = computed(() => ({
 .app-button {
   background-color: #111827;
   border: 1px solid transparent;
-  border-radius: .75rem;
+  border-radius: 0.75rem;
   box-sizing: border-box;
-  color: #FFFFFF;
+  color: #ffffff;
   cursor: pointer;
   flex: 0 0 auto;
-  font-family: "OpenSans", sans-serif;
+  font-family: 'OpenSans', sans-serif;
   font-size: 1rem;
   font-weight: 600;
   line-height: 1rem;
-  padding: .75rem 1.5rem;
+  padding: 0.75rem 1.5rem;
   text-align: center;
-  text-decoration: none #6B7280 solid;
+  text-decoration: none #6b7280 solid;
   text-decoration-thickness: auto;
-  transition-duration: .2s;
+  transition-duration: 0.2s;
   transition-property: background-color, border-color, color, fill, stroke;
-  transition-timing-function: cubic-bezier(.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
diff --git a/web-app/src/components/common/AttachmentRow.vue b/web-app/src/components/common/AttachmentRow.vue
index b716b85..1748a06 100644
--- a/web-app/src/components/common/AttachmentRow.vue
+++ b/web-app/src/components/common/AttachmentRow.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
-import { AttachmentApiClient } from '@/api/attachment';
-import { useAuthStore } from '@/stores/auth-store';
-import { useRoute } from 'vue-router';
-import AppButton from './AppButton.vue';
-
+import { AttachmentApiClient } from '@/api/attachment'
+import { useAuthStore } from '@/stores/auth-store'
+import { useRoute } from 'vue-router'
+import AppButton from './AppButton.vue'
 
 interface AttachmentInfo {
   filename: string
@@ -14,8 +13,8 @@ interface AttachmentInfo {
 
 const route = useRoute()
 const authStore = useAuthStore()
-const props = defineProps<{ attachment: AttachmentInfo, disabled?: boolean }>()
-defineEmits<{ "deleted": void }>()
+const props = defineProps<{ attachment: AttachmentInfo; disabled?: boolean }>()
+defineEmits<{ deleted: void }>()
 
 function downloadFile() {
   const api = new AttachmentApiClient(route)
@@ -25,15 +24,25 @@ function downloadFile() {
 </script>
 <template>
   <div class="attachment-row">
-    <div style="display: flex; align-items: center; margin-left: 1rem;">
+    <div style="display: flex; align-items: center; margin-left: 1rem">
       <div>
         <div>{{ attachment.filename }}</div>
-        <div style="font-size: 0.75rem;">{{ attachment.contentType }}</div>
+        <div style="font-size: 0.75rem">{{ attachment.contentType }}</div>
       </div>
     </div>
     <div>
-      <AppButton icon="download" type="button" @click="downloadFile()" v-if="attachment.id !== undefined" />
-      <AppButton v-if="!disabled" type="button" icon="trash" @click="$emit('deleted')" />
+      <AppButton
+        icon="download"
+        type="button"
+        @click="downloadFile()"
+        v-if="attachment.id !== undefined"
+      />
+      <AppButton
+        v-if="!disabled"
+        type="button"
+        icon="trash"
+        @click="$emit('deleted')"
+      />
     </div>
   </div>
 </template>
diff --git a/web-app/src/components/common/ButtonBar.vue b/web-app/src/components/common/ButtonBar.vue
index 7adb14c..ed22e3e 100644
--- a/web-app/src/components/common/ButtonBar.vue
+++ b/web-app/src/components/common/ButtonBar.vue
@@ -1,5 +1,4 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 <template>
   <div class="button-bar">
     <slot></slot>
diff --git a/web-app/src/components/common/ConfirmModal.vue b/web-app/src/components/common/ConfirmModal.vue
index 2e06477..b87431b 100644
--- a/web-app/src/components/common/ConfirmModal.vue
+++ b/web-app/src/components/common/ConfirmModal.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useTemplateRef } from 'vue';
-import AppButton from '@/components/common/AppButton.vue';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
+import { useTemplateRef } from 'vue'
+import AppButton from '@/components/common/AppButton.vue'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
 
 const modal = useTemplateRef('modal')
 
@@ -22,7 +22,11 @@ defineExpose({ confirm })
     </template>
     <template v-slot:buttons>
       <AppButton @click="modal?.close('confirm')">Ok</AppButton>
-      <AppButton button-style="secondary" @click="modal?.close()">Cancel</AppButton>
+      <AppButton
+        button-style="secondary"
+        @click="modal?.close()"
+        >Cancel</AppButton
+      >
     </template>
   </ModalWrapper>
 </template>
diff --git a/web-app/src/components/common/FileSelector.vue b/web-app/src/components/common/FileSelector.vue
index 8ac36fd..9985d21 100644
--- a/web-app/src/components/common/FileSelector.vue
+++ b/web-app/src/components/common/FileSelector.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { onMounted, ref, useTemplateRef, watch, type Ref } from 'vue';
-import AppButton from '@/components/common/AppButton.vue';
-import AttachmentRow from './AttachmentRow.vue';
+import { onMounted, ref, useTemplateRef, watch, type Ref } from 'vue'
+import AppButton from '@/components/common/AppButton.vue'
+import AttachmentRow from './AttachmentRow.vue'
 
 interface ExistingFile {
   id: number
@@ -14,8 +14,8 @@ abstract class FileListItem {
   constructor(
     public readonly filename: string,
     public readonly contentType: string,
-    public readonly size: number
-  ) { }
+    public readonly size: number,
+  ) {}
 }
 
 class ExistingFileListItem extends FileListItem {
@@ -35,13 +35,13 @@ class NewFileListItem extends FileListItem {
 }
 
 interface Props {
-  disabled?: boolean,
+  disabled?: boolean
   initialFiles?: ExistingFile[]
 }
 
 const props = withDefaults(defineProps<Props>(), {
   disabled: false,
-  initialFiles: () => []
+  initialFiles: () => [],
 })
 const previousInitialFiles: Ref<ExistingFile[]> = ref([])
 const fileInput = useTemplateRef('fileInput')
@@ -53,27 +53,36 @@ const removedFiles = defineModel<number[]>('removed-files', { default: [] })
 const files: Ref<FileListItem[]> = ref([])
 
 onMounted(() => {
-  files.value = props.initialFiles.map(f => new ExistingFileListItem(f))
+  files.value = props.initialFiles.map((f) => new ExistingFileListItem(f))
   previousInitialFiles.value = [...props.initialFiles]
   // If input initial files change, reset the file selector to just those.
-  watch(() => props.initialFiles, () => {
-    if (previousInitialFiles.value !== props.initialFiles) {
-      files.value = props.initialFiles.map(f => new ExistingFileListItem(f))
-      previousInitialFiles.value = [...props.initialFiles]
-    }
-  })
+  watch(
+    () => props.initialFiles,
+    () => {
+      if (previousInitialFiles.value !== props.initialFiles) {
+        files.value = props.initialFiles.map((f) => new ExistingFileListItem(f))
+        previousInitialFiles.value = [...props.initialFiles]
+      }
+    },
+  )
   // When our internal model changes, update the defined uploaded/removed files models.
-  watch(() => files, () => {
-    // Compute the set of uploaded files as just any newly uploaded file list item.
-    uploadedFiles.value = files.value.filter(f => f instanceof NewFileListItem).map(f => f.file)
-    // Compute the set of removed files as those from the set of initial files whose ID is no longer present.
-    const retainedExistingFileIds = files.value
-      .filter(f => f instanceof ExistingFileListItem)
-      .map(f => f.id)
-    removedFiles.value = props.initialFiles
-      .filter(f => !retainedExistingFileIds.includes(f.id))
-      .map(f => f.id)
-  }, { deep: true })
+  watch(
+    () => files,
+    () => {
+      // Compute the set of uploaded files as just any newly uploaded file list item.
+      uploadedFiles.value = files.value
+        .filter((f) => f instanceof NewFileListItem)
+        .map((f) => f.file)
+      // Compute the set of removed files as those from the set of initial files whose ID is no longer present.
+      const retainedExistingFileIds = files.value
+        .filter((f) => f instanceof ExistingFileListItem)
+        .map((f) => f.id)
+      removedFiles.value = props.initialFiles
+        .filter((f) => !retainedExistingFileIds.includes(f.id))
+        .map((f) => f.id)
+    },
+    { deep: true },
+  )
 })
 
 function onFileInputChanged(e: Event) {
@@ -105,14 +114,32 @@ function onFileDeleteClicked(idx: number) {
 <template>
   <div class="file-selector">
     <div @click.prevent="">
-      <AttachmentRow v-for="file, idx in files" :key="idx" :attachment="file" @deleted="onFileDeleteClicked(idx)" />
+      <AttachmentRow
+        v-for="(file, idx) in files"
+        :key="idx"
+        :attachment="file"
+        @deleted="onFileDeleteClicked(idx)"
+      />
     </div>
 
     <div>
-      <input id="fileInput" type="file" capture="environment" multiple @change="onFileInputChanged"
-        style="display: none;" ref="fileInput" :disabled="disabled" />
+      <input
+        id="fileInput"
+        type="file"
+        capture="environment"
+        multiple
+        @change="onFileInputChanged"
+        style="display: none"
+        ref="fileInput"
+        :disabled="disabled"
+      />
       <label for="fileInput">
-        <AppButton icon="upload" type="button" @click="fileInput?.click()" :disabled="disabled">Select a File
+        <AppButton
+          icon="upload"
+          type="button"
+          @click="fileInput?.click()"
+          :disabled="disabled"
+          >Select a File
         </AppButton>
       </label>
     </div>
diff --git a/web-app/src/components/common/ModalWrapper.vue b/web-app/src/components/common/ModalWrapper.vue
index a9cfb2f..0083cde 100644
--- a/web-app/src/components/common/ModalWrapper.vue
+++ b/web-app/src/components/common/ModalWrapper.vue
@@ -1,17 +1,21 @@
 <script setup lang="ts">
-import { ref, type Ref } from 'vue';
-import AppButton from '@/components/common/AppButton.vue';
+import { ref, type Ref } from 'vue'
+import AppButton from '@/components/common/AppButton.vue'
 
 defineProps<{ id?: string }>()
 
 const dialog: Ref<HTMLDialogElement | null> = ref(null)
 
 function show(): Promise<string | undefined> {
-  return new Promise(resolve => {
+  return new Promise((resolve) => {
     dialog.value?.showModal()
-    dialog.value?.addEventListener('close', () => {
-      resolve(dialog.value?.returnValue)
-    }, { once: true })
+    dialog.value?.addEventListener(
+      'close',
+      () => {
+        resolve(dialog.value?.returnValue)
+      },
+      { once: true },
+    )
   })
 }
 
@@ -23,13 +27,20 @@ defineExpose({ show, close })
 </script>
 <template>
   <Teleport to="body">
-    <dialog ref="dialog" class="app-modal-dialog" :id="id">
-
+    <dialog
+      ref="dialog"
+      class="app-modal-dialog"
+      :id="id"
+    >
       <slot></slot>
 
       <div class="app-modal-dialog-actions">
         <slot name="buttons">
-          <AppButton button-style="secondary" @click="close()">Close</AppButton>
+          <AppButton
+            button-style="secondary"
+            @click="close()"
+            >Close</AppButton
+          >
         </slot>
       </div>
     </dialog>
diff --git a/web-app/src/components/common/PaginationControls.vue b/web-app/src/components/common/PaginationControls.vue
index cad883c..3a49b5e 100644
--- a/web-app/src/components/common/PaginationControls.vue
+++ b/web-app/src/components/common/PaginationControls.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import type { Page, PageRequest } from '@/api/pagination';
-import AppButton from '@/components/common/AppButton.vue';
-
+import type { Page, PageRequest } from '@/api/pagination'
+import AppButton from '@/components/common/AppButton.vue'
 
 const props = defineProps<{ page?: Page<unknown> }>()
 const emit = defineEmits<{
@@ -13,7 +12,7 @@ function updatePage(newPage: number) {
   emit('update', {
     page: newPage,
     size: props.page.pageRequest.size,
-    sorts: props.page.pageRequest.sorts
+    sorts: props.page.pageRequest.sorts,
   })
 }
 
@@ -22,28 +21,44 @@ function incrementPage(step: number) {
   emit('update', {
     page: props.page.pageRequest.page + step,
     size: props.page.pageRequest.size,
-    sorts: props.page.pageRequest.sorts
+    sorts: props.page.pageRequest.sorts,
   })
 }
 </script>
 <template>
   <div>
     <div v-if="page && page.totalElements > 0">
-      <AppButton size="sm" :disabled="!page || page.isFirst" @click="updatePage(1)">
+      <AppButton
+        size="sm"
+        :disabled="!page || page.isFirst"
+        @click="updatePage(1)"
+      >
         First Page
       </AppButton>
 
-      <AppButton size="sm" :disabled="!page || page.isFirst" @click="incrementPage(-1)">
+      <AppButton
+        size="sm"
+        :disabled="!page || page.isFirst"
+        @click="incrementPage(-1)"
+      >
         Previous Page
       </AppButton>
 
       <span>Page {{ page?.pageRequest.page }} / {{ page?.totalPages }}</span>
 
-      <AppButton size="sm" :disabled="!page || page.isLast" @click="incrementPage(1)">
+      <AppButton
+        size="sm"
+        :disabled="!page || page.isLast"
+        @click="incrementPage(1)"
+      >
         Next Page
       </AppButton>
 
-      <AppButton size="sm" :disabled="!page || page.isLast" @click="updatePage(page?.totalPages ?? 0)">
+      <AppButton
+        size="sm"
+        :disabled="!page || page.isLast"
+        @click="updatePage(page?.totalPages ?? 0)"
+      >
         Last Page
       </AppButton>
     </div>
diff --git a/web-app/src/components/common/form/AppForm.vue b/web-app/src/components/common/form/AppForm.vue
index d3e60ec..551fa9b 100644
--- a/web-app/src/components/common/form/AppForm.vue
+++ b/web-app/src/components/common/form/AppForm.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-defineEmits<{ 'submit': void }>()
+defineEmits<{ submit: void }>()
 </script>
 <template>
-  <form @submit.prevent="e => $emit('submit')">
+  <form @submit.prevent="(e) => $emit('submit')">
     <slot></slot>
   </form>
 </template>
diff --git a/web-app/src/components/common/form/FormActions.vue b/web-app/src/components/common/form/FormActions.vue
index 8e54b85..3fc1640 100644
--- a/web-app/src/components/common/form/FormActions.vue
+++ b/web-app/src/components/common/form/FormActions.vue
@@ -1,14 +1,21 @@
 <script setup lang="ts">
-import AppButton from '../AppButton.vue';
+import AppButton from '../AppButton.vue'
 
-defineEmits<{ 'cancel': void }>()
-defineProps<{ submitText?: string, cancelText?: string, disabled?: boolean }>()
+defineEmits<{ cancel: void }>()
+defineProps<{ submitText?: string; cancelText?: string; disabled?: boolean }>()
 </script>
 <template>
   <div class="app-form-actions">
-    <AppButton type="submit" :disabled="disabled ?? false">{{ submitText ?? 'Submit' }}</AppButton>
-    <AppButton theme="secondary" @click="$emit('cancel')">{{ cancelText ?? 'Cancel'
-      }}</AppButton>
+    <AppButton
+      type="submit"
+      :disabled="disabled ?? false"
+      >{{ submitText ?? 'Submit' }}</AppButton
+    >
+    <AppButton
+      theme="secondary"
+      @click="$emit('cancel')"
+      >{{ cancelText ?? 'Cancel' }}</AppButton
+    >
   </div>
 </template>
 <style lang="css">
diff --git a/web-app/src/components/common/form/FormControl.vue b/web-app/src/components/common/form/FormControl.vue
index 02bcafd..7a75bd5 100644
--- a/web-app/src/components/common/form/FormControl.vue
+++ b/web-app/src/components/common/form/FormControl.vue
@@ -17,7 +17,7 @@ defineProps<{
   margin: 0.5rem;
 }
 
-.app-form-control>label {
+.app-form-control > label {
   display: flex;
   flex-direction: column;
   font-size: 0.9rem;
@@ -26,19 +26,19 @@ defineProps<{
 
 /* Styles for different form controls under here: */
 
-.app-form-control>label>input {
+.app-form-control > label > input {
   font-size: 16px;
   font-family: 'OpenSans', sans-serif;
   padding: 0.25rem 0.5rem;
 }
 
-.app-form-control>label>textarea {
+.app-form-control > label > textarea {
   font-size: 16px;
   font-family: 'OpenSans', sans-serif;
   padding: 0.25rem 0.5rem;
 }
 
-.app-form-control>label>select {
+.app-form-control > label > select {
   font-size: 16px;
   font-family: 'OpenSans', sans-serif;
   padding: 0.25rem 0.5rem;
diff --git a/web-app/src/components/common/form/FormGroup.vue b/web-app/src/components/common/form/FormGroup.vue
index 3a0102a..de4b362 100644
--- a/web-app/src/components/common/form/FormGroup.vue
+++ b/web-app/src/components/common/form/FormGroup.vue
@@ -1,5 +1,4 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 <template>
   <div class="app-form-group">
     <slot></slot>
diff --git a/web-app/src/components/history/AccountHistory.vue b/web-app/src/components/history/AccountHistory.vue
index a947008..9c92b5f 100644
--- a/web-app/src/components/history/AccountHistory.vue
+++ b/web-app/src/components/history/AccountHistory.vue
@@ -1,21 +1,32 @@
 <script setup lang="ts">
-import { AccountApiClient, AccountHistoryItemType, type Account, type AccountHistoryItem, type AccountHistoryJournalEntryItem, type AccountHistoryValueRecordItem } from '@/api/account';
-import type { PageRequest } from '@/api/pagination';
-import { onMounted, ref, type Ref } from 'vue';
-import ValueRecordHistoryItem from './ValueRecordHistoryItem.vue';
-import JournalEntryHistoryItem from './JournalEntryHistoryItem.vue';
-import { useRoute, useRouter } from 'vue-router';
-import AppButton from '../common/AppButton.vue';
-import AppBadge from '../common/AppBadge.vue';
-import HistoryItemDivider from './HistoryItemDivider.vue';
-import { getSelectedProfile } from '@/api/profile';
+import {
+  AccountApiClient,
+  AccountHistoryItemType,
+  type Account,
+  type AccountHistoryItem,
+  type AccountHistoryJournalEntryItem,
+  type AccountHistoryValueRecordItem,
+} from '@/api/account'
+import type { PageRequest } from '@/api/pagination'
+import { onMounted, ref, type Ref } from 'vue'
+import ValueRecordHistoryItem from './ValueRecordHistoryItem.vue'
+import JournalEntryHistoryItem from './JournalEntryHistoryItem.vue'
+import { useRoute, useRouter } from 'vue-router'
+import AppButton from '../common/AppButton.vue'
+import AppBadge from '../common/AppBadge.vue'
+import HistoryItemDivider from './HistoryItemDivider.vue'
+import { getSelectedProfile } from '@/api/profile'
 
 const route = useRoute()
 const router = useRouter()
 const props = defineProps<{ account: Account }>()
 const historyItems: Ref<AccountHistoryItem[]> = ref([])
 const canLoadMore = ref(true)
-const nextPage: Ref<PageRequest> = ref({ page: 1, size: 10, sorts: [{ attribute: 'timestamp', dir: 'DESC' }] })
+const nextPage: Ref<PageRequest> = ref({
+  page: 1,
+  size: 10,
+  sorts: [{ attribute: 'timestamp', dir: 'DESC' }],
+})
 
 onMounted(async () => {
   await loadNextPage()
@@ -60,14 +71,18 @@ function asJE(i: AccountHistoryItem): AccountHistoryJournalEntryItem {
 }
 
 function canView(item: AccountHistoryItem) {
-  return item.type === AccountHistoryItemType.JOURNAL_ENTRY ||
+  return (
+    item.type === AccountHistoryItemType.JOURNAL_ENTRY ||
     item.type === AccountHistoryItemType.VALUE_RECORD
+  )
 }
 
 function viewItem(item: AccountHistoryItem) {
   const profile = getSelectedProfile(route)
   if (item.type === AccountHistoryItemType.VALUE_RECORD) {
-    router.push(`/profiles/${profile}/accounts/${props.account.id}/value-records/${asVR(item).valueRecordId}`)
+    router.push(
+      `/profiles/${profile}/accounts/${props.account.id}/value-records/${asVR(item).valueRecordId}`,
+    )
   } else if (item.type === AccountHistoryItemType.JOURNAL_ENTRY) {
     router.push(`/profiles/${getSelectedProfile(route)}/transactions/${asJE(item).transactionId}`)
   }
@@ -77,30 +92,59 @@ defineExpose({ reload })
 </script>
 <template>
   <div>
-    <div v-for="item, idx in historyItems" :key="idx">
+    <div
+      v-for="(item, idx) in historyItems"
+      :key="idx"
+    >
       <div class="history-item">
         <!-- The main body on the left. -->
-        <div style="flex-grow: 1;">
-          <div class="font-mono font-size-xsmall text-muted" style="margin-bottom: 0.25rem;">
+        <div style="flex-grow: 1">
+          <div
+            class="font-mono font-size-xsmall text-muted"
+            style="margin-bottom: 0.25rem"
+          >
             {{ new Date(item.timestamp).toLocaleString() }}
           </div>
 
-          <ValueRecordHistoryItem v-if="item.type === AccountHistoryItemType.VALUE_RECORD" :item="asVR(item)"
-            :account-id="account.id" />
+          <ValueRecordHistoryItem
+            v-if="item.type === AccountHistoryItemType.VALUE_RECORD"
+            :item="asVR(item)"
+            :account-id="account.id"
+          />
 
-          <JournalEntryHistoryItem v-if="item.type === AccountHistoryItemType.JOURNAL_ENTRY" :item="asJE(item)" />
+          <JournalEntryHistoryItem
+            v-if="item.type === AccountHistoryItemType.JOURNAL_ENTRY"
+            :item="asJE(item)"
+          />
         </div>
         <!-- A "view item" button on the right. -->
         <div>
-          <AppButton icon="eye" size="sm" @click="viewItem(item)" v-if="canView(item)">View</AppButton>
+          <AppButton
+            icon="eye"
+            size="sm"
+            @click="viewItem(item)"
+            v-if="canView(item)"
+            >View</AppButton
+          >
         </div>
       </div>
 
       <HistoryItemDivider v-if="idx + 1 < historyItems.length" />
     </div>
     <div class="align-center">
-      <AppButton size="md" @click="loadNextPage()" v-if="canLoadMore">Load more history...</AppButton>
-      <AppButton size="sm" @click="loadAll()" theme="secondary" v-if="canLoadMore">Load all</AppButton>
+      <AppButton
+        size="md"
+        @click="loadNextPage()"
+        v-if="canLoadMore"
+        >Load more history...</AppButton
+      >
+      <AppButton
+        size="sm"
+        @click="loadAll()"
+        theme="secondary"
+        v-if="canLoadMore"
+        >Load all</AppButton
+      >
       <AppBadge v-if="!canLoadMore">This is the start of this account's history.</AppBadge>
     </div>
   </div>
diff --git a/web-app/src/components/history/HistoryItemDivider.vue b/web-app/src/components/history/HistoryItemDivider.vue
index 11891fe..599f4b5 100644
--- a/web-app/src/components/history/HistoryItemDivider.vue
+++ b/web-app/src/components/history/HistoryItemDivider.vue
@@ -1,11 +1,8 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 <template>
   <div class="history-item-divider">
     <div class="history-item-divider-line"></div>
-    <div class="history-item-divider-label">
-
-    </div>
+    <div class="history-item-divider-label"></div>
     <div class="history-item-divider-line"></div>
   </div>
 </template>
diff --git a/web-app/src/components/history/JournalEntryHistoryItem.vue b/web-app/src/components/history/JournalEntryHistoryItem.vue
index 4b5cb5a..3ed2547 100644
--- a/web-app/src/components/history/JournalEntryHistoryItem.vue
+++ b/web-app/src/components/history/JournalEntryHistoryItem.vue
@@ -1,17 +1,23 @@
 <script setup lang="ts">
 import { AccountJournalEntryType, type AccountHistoryJournalEntryItem } from '@/api/account'
-import { formatMoney } from '@/api/data';
-import AppBadge from '../common/AppBadge.vue';
+import { formatMoney } from '@/api/data'
+import AppBadge from '../common/AppBadge.vue'
 
 defineProps<{ item: AccountHistoryJournalEntryItem }>()
 </script>
 <template>
   <div>
     <AppBadge class="font-mono">{{ formatMoney(item.amount, item.currency) }}</AppBadge>
-    <span v-if="item.journalEntryType === AccountJournalEntryType.DEBIT" class="font-bold text-positive">
+    <span
+      v-if="item.journalEntryType === AccountJournalEntryType.DEBIT"
+      class="font-bold text-positive"
+    >
       debited
     </span>
-    <span v-if="item.journalEntryType === AccountJournalEntryType.CREDIT" class="font-bold text-negative">
+    <span
+      v-if="item.journalEntryType === AccountJournalEntryType.CREDIT"
+      class="font-bold text-negative"
+    >
       credited
     </span>
     to this account via Transaction #{{ item.transactionId }}.
diff --git a/web-app/src/components/history/ValueRecordHistoryItem.vue b/web-app/src/components/history/ValueRecordHistoryItem.vue
index 9bf9500..60f0ba7 100644
--- a/web-app/src/components/history/ValueRecordHistoryItem.vue
+++ b/web-app/src/components/history/ValueRecordHistoryItem.vue
@@ -1,16 +1,13 @@
 <script setup lang="ts">
-import { type AccountHistoryValueRecordItem } from '@/api/account';
-import { formatMoney } from '@/api/data';
-import AppBadge from '../common/AppBadge.vue';
-
-defineProps<{ item: AccountHistoryValueRecordItem, accountId: number }>()
+import { type AccountHistoryValueRecordItem } from '@/api/account'
+import { formatMoney } from '@/api/data'
+import AppBadge from '../common/AppBadge.vue'
 
+defineProps<{ item: AccountHistoryValueRecordItem; accountId: number }>()
 </script>
 <template>
   <div>
-    Value recorded as <AppBadge class="font-mono">{{
-      formatMoney(item.value,
-        item.currency) }}
-    </AppBadge>
+    Value recorded as
+    <AppBadge class="font-mono">{{ formatMoney(item.value, item.currency) }} </AppBadge>
   </div>
 </template>
diff --git a/web-app/src/pages/AccountPage.vue b/web-app/src/pages/AccountPage.vue
index 3ca108a..fe45f7f 100644
--- a/web-app/src/pages/AccountPage.vue
+++ b/web-app/src/pages/AccountPage.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { AccountApiClient, type Account } from '@/api/account';
-import { formatMoney } from '@/api/data';
-import { getSelectedProfile } from '@/api/profile';
-import AddValueRecordModal from '@/components/AddValueRecordModal.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import ButtonBar from '@/components/common/ButtonBar.vue';
-import AccountHistory from '@/components/history/AccountHistory.vue';
-import PropertiesTable from '@/components/PropertiesTable.vue';
-import { showConfirm } from '@/util/alert';
-import { onMounted, ref, useTemplateRef, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { AccountApiClient, type Account } from '@/api/account'
+import { formatMoney } from '@/api/data'
+import { getSelectedProfile } from '@/api/profile'
+import AddValueRecordModal from '@/components/AddValueRecordModal.vue'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import ButtonBar from '@/components/common/ButtonBar.vue'
+import AccountHistory from '@/components/history/AccountHistory.vue'
+import PropertiesTable from '@/components/PropertiesTable.vue'
+import { showConfirm } from '@/util/alert'
+import { onMounted, ref, useTemplateRef, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
 
-const addValueRecordModal = useTemplateRef("addValueRecordModal")
+const addValueRecordModal = useTemplateRef('addValueRecordModal')
 const history = useTemplateRef('history')
 const account: Ref<Account | null> = ref(null)
 
@@ -32,7 +32,11 @@ onMounted(async () => {
 
 async function deleteAccount() {
   if (!account.value) return
-  if (await showConfirm('Are you sure you want to delete this account? This will permanently remove the account and all associated transactions.')) {
+  if (
+    await showConfirm(
+      'Are you sure you want to delete this account? This will permanently remove the account and all associated transactions.',
+    )
+  ) {
     try {
       const api = new AccountApiClient(route)
       await api.deleteAccount(account.value.id)
@@ -92,14 +96,29 @@ async function addValueRecord() {
     </PropertiesTable>
     <ButtonBar>
       <AppButton @click="addValueRecord()">Record Value</AppButton>
-      <AppButton icon="wrench"
-        @click="router.push(`/profiles/${getSelectedProfile(route)}/accounts/${account?.id}/edit`)">
-        Edit</AppButton>
-      <AppButton icon="trash" @click="deleteAccount()">Delete</AppButton>
+      <AppButton
+        icon="wrench"
+        @click="router.push(`/profiles/${getSelectedProfile(route)}/accounts/${account?.id}/edit`)"
+      >
+        Edit</AppButton
+      >
+      <AppButton
+        icon="trash"
+        @click="deleteAccount()"
+        >Delete</AppButton
+      >
     </ButtonBar>
 
-    <AccountHistory :account="account" v-if="account" ref="history" />
+    <AccountHistory
+      :account="account"
+      v-if="account"
+      ref="history"
+    />
 
-    <AddValueRecordModal v-if="account" :account="account" ref="addValueRecordModal" />
+    <AddValueRecordModal
+      v-if="account"
+      :account="account"
+      ref="addValueRecordModal"
+    />
   </AppPage>
 </template>
diff --git a/web-app/src/pages/CategoriesPage.vue b/web-app/src/pages/CategoriesPage.vue
index 6da0bdf..f33836a 100644
--- a/web-app/src/pages/CategoriesPage.vue
+++ b/web-app/src/pages/CategoriesPage.vue
@@ -1,15 +1,19 @@
 <script setup lang="ts">
-import { getSelectedProfile } from '@/api/profile';
-import { TransactionApiClient, type TransactionCategory, type TransactionCategoryTree } from '@/api/transaction';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import ButtonBar from '@/components/common/ButtonBar.vue';
-import CategoryDisplayItem from '@/components/CategoryDisplayItem.vue';
-import EditCategoryModal from '@/components/EditCategoryModal.vue';
-import { showConfirm } from '@/util/alert';
-import { hideLoader, showLoader } from '@/util/loader';
-import { nextTick, onMounted, ref, useTemplateRef, type Ref } from 'vue';
-import { useRoute } from 'vue-router';
+import { getSelectedProfile } from '@/api/profile'
+import {
+  TransactionApiClient,
+  type TransactionCategory,
+  type TransactionCategoryTree,
+} from '@/api/transaction'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import ButtonBar from '@/components/common/ButtonBar.vue'
+import CategoryDisplayItem from '@/components/CategoryDisplayItem.vue'
+import EditCategoryModal from '@/components/EditCategoryModal.vue'
+import { showConfirm } from '@/util/alert'
+import { hideLoader, showLoader } from '@/util/loader'
+import { nextTick, onMounted, ref, useTemplateRef, type Ref } from 'vue'
+import { useRoute } from 'vue-router'
 
 const route = useRoute()
 
@@ -42,7 +46,9 @@ async function editCategory(categoryId: number) {
 }
 
 async function deleteCategory(categoryId: number) {
-  const result = await showConfirm('Are you sure you want to delete this category? It will be removed from all transactions. All sub-categories will also be removed.')
+  const result = await showConfirm(
+    'Are you sure you want to delete this category? It will be removed from all transactions. All sub-categories will also be removed.',
+  )
   if (result) {
     try {
       showLoader()
@@ -69,18 +75,31 @@ async function addCategory() {
 <template>
   <AppPage title="Categories">
     <p>
-      Categories are used to group related transactions for your own organization,
-      as well as analytics. Categories are structured hierarchically, where each
-      category could have zero or more sub-categories.
+      Categories are used to group related transactions for your own organization, as well as
+      analytics. Categories are structured hierarchically, where each category could have zero or
+      more sub-categories.
     </p>
     <div>
-      <CategoryDisplayItem v-for="category in categories" :key="category.id" :category="category" :editable="true"
-        @edited="editCategory" @deleted="deleteCategory" />
+      <CategoryDisplayItem
+        v-for="category in categories"
+        :key="category.id"
+        :category="category"
+        :editable="true"
+        @edited="editCategory"
+        @deleted="deleteCategory"
+      />
     </div>
     <ButtonBar>
-      <AppButton icon="plus" @click="addCategory()">Add Category</AppButton>
+      <AppButton
+        icon="plus"
+        @click="addCategory()"
+        >Add Category</AppButton
+      >
     </ButtonBar>
 
-    <EditCategoryModal ref="editCategoryModal" :category="editedCategory" />
+    <EditCategoryModal
+      ref="editCategoryModal"
+      :category="editedCategory"
+    />
   </AppPage>
 </template>
diff --git a/web-app/src/pages/LoginPage.vue b/web-app/src/pages/LoginPage.vue
index 71b7667..8b4d2a5 100644
--- a/web-app/src/pages/LoginPage.vue
+++ b/web-app/src/pages/LoginPage.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { AuthApiClient } from '@/api/auth';
-import { ApiError } from '@/api/base';
-import AppButton from '@/components/common/AppButton.vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import { useAuthStore } from '@/stores/auth-store';
-import { showAlert } from '@/util/alert';
-import { hideLoader, showLoader } from '@/util/loader';
-import { ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { AuthApiClient } from '@/api/auth'
+import { ApiError } from '@/api/base'
+import AppButton from '@/components/common/AppButton.vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import { useAuthStore } from '@/stores/auth-store'
+import { showAlert } from '@/util/alert'
+import { hideLoader, showLoader } from '@/util/loader'
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const router = useRouter()
 const route = useRoute()
@@ -28,7 +28,7 @@ async function doLogin() {
     const token = await apiClient.login(username.value, password.value)
     authStore.onUserLoggedIn(username.value, token)
     hideLoader()
-    if ('next' in route.query && typeof (route.query.next) === 'string') {
+    if ('next' in route.query && typeof route.query.next === 'string') {
       await router.replace(route.query.next)
     } else {
       await router.replace('/')
@@ -69,47 +69,76 @@ function isDataValid() {
 
 function generateSampleData() {
   fetch(import.meta.env.VITE_API_BASE_URL + '/sample-data', {
-    method: 'POST'
+    method: 'POST',
   })
 }
 </script>
 <template>
   <div class="app-login-panel">
-    <h1 style="text-align: center; margin-bottom: 0.5rem; font-family: 'PlaywriteNL';">Finnow</h1>
-    <p style="text-align: center; font-weight: 600; margin-top: 0;">
+    <h1 style="text-align: center; margin-bottom: 0.5rem; font-family: 'PlaywriteNL'">Finnow</h1>
+    <p style="text-align: center; font-weight: 600; margin-top: 0">
       <em>Personal finance for the modern era.</em>
     </p>
     <AppForm @submit="doLogin()">
       <FormGroup>
-        <FormControl label="Username" class="login-control">
-          <input class="login-input" type="text" v-model="username" :disabled="disableForm" />
+        <FormControl
+          label="Username"
+          class="login-control"
+        >
+          <input
+            class="login-input"
+            type="text"
+            v-model="username"
+            :disabled="disableForm"
+          />
         </FormControl>
-        <FormControl label="Password" class="login-control">
-          <input class="login-input" id="password-input" type="password" v-model="password" :disabled="disableForm" />
+        <FormControl
+          label="Password"
+          class="login-control"
+        >
+          <input
+            class="login-input"
+            id="password-input"
+            type="password"
+            v-model="password"
+            :disabled="disableForm"
+          />
         </FormControl>
       </FormGroup>
-      <div style="display: flex; margin-left: 1rem; margin-right: 1rem;">
-        <AppButton type="submit" :disabled="disableForm || !isDataValid()" style="flex-grow: 1;">Login
+      <div style="display: flex; margin-left: 1rem; margin-right: 1rem">
+        <AppButton
+          type="submit"
+          :disabled="disableForm || !isDataValid()"
+          style="flex-grow: 1"
+          >Login
         </AppButton>
-        <AppButton type="button" theme="secondary" :disabled="disableForm || !isDataValid()" @click="doRegister()">
-          Register</AppButton>
+        <AppButton
+          type="button"
+          theme="secondary"
+          :disabled="disableForm || !isDataValid()"
+          @click="doRegister()"
+        >
+          Register</AppButton
+        >
       </div>
       <div v-if="isDev">
-        <AppButton type="button" @click="generateSampleData()">Generate Sample Data</AppButton>
+        <AppButton
+          type="button"
+          @click="generateSampleData()"
+          >Generate Sample Data</AppButton
+        >
       </div>
 
       <!-- Disclaimer note that this project is still a work-in-progress! -->
       <div class="font-size-small mx-1">
         <p>
-          <strong>Note:</strong> Finnow is still under development, and may be
-          prone to bugs or unexpected data loss. Proceed to register and use
-          this service at your own risk.
+          <strong>Note:</strong> Finnow is still under development, and may be prone to bugs or
+          unexpected data loss. Proceed to register and use this service at your own risk.
         </p>
         <p>
-          Data is stored securely in protected cloud storage, but may be
-          accessed by a system administrator in case of errors or debugging.
-          Please <strong>DO NOT</strong> store any sensitive financial
-          credentials that you aren't okay with losing or potentially being
+          Data is stored securely in protected cloud storage, but may be accessed by a system
+          administrator in case of errors or debugging. Please <strong>DO NOT</strong> store any
+          sensitive financial credentials that you aren't okay with losing or potentially being
           leaked. Finnow is not responsible for any lost or compromised data.
         </p>
       </div>
diff --git a/web-app/src/pages/MyUserPage.vue b/web-app/src/pages/MyUserPage.vue
index 8eb7163..c494644 100644
--- a/web-app/src/pages/MyUserPage.vue
+++ b/web-app/src/pages/MyUserPage.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { AuthApiClient } from '@/api/auth';
-import { ApiError } from '@/api/base';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import { useAuthStore } from '@/stores/auth-store';
-import { showAlert, showConfirm } from '@/util/alert';
-import { hideLoader, showLoader } from '@/util/loader';
-import { ref, useTemplateRef } from 'vue';
+import { AuthApiClient } from '@/api/auth'
+import { ApiError } from '@/api/base'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import { useAuthStore } from '@/stores/auth-store'
+import { showAlert, showConfirm } from '@/util/alert'
+import { hideLoader, showLoader } from '@/util/loader'
+import { ref, useTemplateRef } from 'vue'
 
 const authStore = useAuthStore()
 
@@ -19,7 +19,11 @@ const currentPassword = ref('')
 const newPassword = ref('')
 
 async function doDeleteUser() {
-  if (await showConfirm('Are you sure you want to delete your account? All data will be permanently deleted.')) {
+  if (
+    await showConfirm(
+      'Are you sure you want to delete your account? All data will be permanently deleted.',
+    )
+  ) {
     const api = new AuthApiClient()
     try {
       await api.deleteMyUser()
@@ -58,15 +62,21 @@ async function doChangePassword() {
 <template>
   <AppPage title="My User">
     <p>
-      You are logged in as <code style="font-size: 14px;">{{ authStore.state?.username }}</code>.
+      You are logged in as <code style="font-size: 14px">{{ authStore.state?.username }}</code
+      >.
     </p>
     <p>
-      There's not really that much to do with your user account specifically,
-      all important settings are profile-specific.
+      There's not really that much to do with your user account specifically, all important settings
+      are profile-specific.
     </p>
-    <div style="text-align: right;">
+    <div style="text-align: right">
       <AppButton @click="showChangePasswordModal()">Change Password</AppButton>
-      <AppButton icon="trash" theme="secondary" @click="doDeleteUser()">Delete My User</AppButton>
+      <AppButton
+        icon="trash"
+        theme="secondary"
+        @click="doDeleteUser()"
+        >Delete My User</AppButton
+      >
     </div>
 
     <!-- Modal for changing the user's password. -->
@@ -74,24 +84,35 @@ async function doChangePassword() {
       <template v-slot:default>
         <AppForm>
           <h2>Change Password</h2>
-          <p>
-            Change the password used to log into your user account.
-          </p>
+          <p>Change the password used to log into your user account.</p>
           <FormGroup>
             <FormControl label="Current Password">
-              <input type="password" v-model="currentPassword" minlength="8" />
+              <input
+                type="password"
+                v-model="currentPassword"
+                minlength="8"
+              />
             </FormControl>
           </FormGroup>
           <FormGroup>
             <FormControl label="New Password">
-              <input type="password" v-model="newPassword" minlength="8" @keydown.enter.prevent="doChangePassword()" />
+              <input
+                type="password"
+                v-model="newPassword"
+                minlength="8"
+                @keydown.enter.prevent="doChangePassword()"
+              />
             </FormControl>
           </FormGroup>
         </AppForm>
       </template>
       <template v-slot:buttons>
         <AppButton @click="doChangePassword()">Change</AppButton>
-        <AppButton theme="secondary" @click="changePasswordModal?.close()">Cancel</AppButton>
+        <AppButton
+          theme="secondary"
+          @click="changePasswordModal?.close()"
+          >Cancel</AppButton
+        >
       </template>
     </ModalWrapper>
   </AppPage>
diff --git a/web-app/src/pages/ProfilePage.vue b/web-app/src/pages/ProfilePage.vue
index 6e8da27..5fdc8bf 100644
--- a/web-app/src/pages/ProfilePage.vue
+++ b/web-app/src/pages/ProfilePage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { AccountApiClient, type Account } from '@/api/account';
-import { ProfileApiClient, type Profile } from '@/api/profile';
-import { onMounted, ref, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { AccountApiClient, type Account } from '@/api/account'
+import { ProfileApiClient, type Profile } from '@/api/profile'
+import { onMounted, ref, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
@@ -36,14 +36,15 @@ onMounted(async () => {
 <template>
   <div class="app-page-container">
     <h1 class="app-page-title">Profile {{ profile?.name }}</h1>
-    <p>
-      This is the page for the profile!
-    </p>
+    <p>This is the page for the profile!</p>
     <ul>
-      <li v-for="account in accounts" :key="account.id">
+      <li
+        v-for="account in accounts"
+        :key="account.id"
+      >
         <p>
-          Account {{ account.id }} for currency {{ account.currency }}
-          Number suffix: {{ account.numberSuffix }}
+          Account {{ account.id }} for currency {{ account.currency }} Number suffix:
+          {{ account.numberSuffix }}
         </p>
       </li>
     </ul>
diff --git a/web-app/src/pages/ProfilesPage.vue b/web-app/src/pages/ProfilesPage.vue
index 63fd335..42e7f3e 100644
--- a/web-app/src/pages/ProfilesPage.vue
+++ b/web-app/src/pages/ProfilesPage.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ProfileApiClient, type Profile } from '@/api/profile';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import ModalWrapper from '@/components/common/ModalWrapper.vue';
-import { onMounted, type Ref, ref, useTemplateRef } from 'vue';
-import { useRouter } from 'vue-router';
+import { ProfileApiClient, type Profile } from '@/api/profile'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import ModalWrapper from '@/components/common/ModalWrapper.vue'
+import { onMounted, type Ref, ref, useTemplateRef } from 'vue'
+import { useRouter } from 'vue-router'
 const router = useRouter()
 
 const profiles: Ref<Profile[]> = ref([])
@@ -42,11 +42,20 @@ async function addProfile() {
 </script>
 <template>
   <AppPage title="Select a Profile">
-    <div class="profile-card" v-for="profile in profiles" :key="profile.name" @click="selectProfile(profile)">
+    <div
+      class="profile-card"
+      v-for="profile in profiles"
+      :key="profile.name"
+      @click="selectProfile(profile)"
+    >
       <span>{{ profile.name }}</span>
     </div>
-    <div style="text-align: right;">
-      <AppButton icon="plus" @click="addProfileModal?.show()">Add a new profile</AppButton>
+    <div style="text-align: right">
+      <AppButton
+        icon="plus"
+        @click="addProfileModal?.show()"
+        >Add a new profile</AppButton
+      >
     </div>
 
     <ModalWrapper ref="addProfileModal">
@@ -54,12 +63,21 @@ async function addProfile() {
         <h3 class="app-modal-dialog-header">Add Profile</h3>
         <div>
           <label for="new-profile-name-input">Enter the name of your new profile.</label>
-          <input type="text" minlength="3" id="new-profile-name-input" v-model="newProfileName" />
+          <input
+            type="text"
+            minlength="3"
+            id="new-profile-name-input"
+            v-model="newProfileName"
+          />
         </div>
       </template>
       <template v-slot:buttons>
         <AppButton @click="addProfile()">Add</AppButton>
-        <AppButton button-style="secondary" @click="addProfileModal?.close()">Cancel</AppButton>
+        <AppButton
+          button-style="secondary"
+          @click="addProfileModal?.close()"
+          >Cancel</AppButton
+        >
       </template>
     </ModalWrapper>
   </AppPage>
diff --git a/web-app/src/pages/TransactionPage.vue b/web-app/src/pages/TransactionPage.vue
index eca5787..0dd655a 100644
--- a/web-app/src/pages/TransactionPage.vue
+++ b/web-app/src/pages/TransactionPage.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { ApiError } from '@/api/base';
-import { formatMoney } from '@/api/data';
-import { getSelectedProfile } from '@/api/profile';
-import { TransactionApiClient, type TransactionDetail } from '@/api/transaction';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import CategoryLabel from '@/components/CategoryLabel.vue';
-import PropertiesTable from '@/components/PropertiesTable.vue';
-import TagLabel from '@/components/TagLabel.vue';
-import { showAlert, showConfirm } from '@/util/alert';
-import { onMounted, ref, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import AttachmentRow from '@/components/common/AttachmentRow.vue';
-import LineItemCard from '@/components/LineItemCard.vue';
+import { ApiError } from '@/api/base'
+import { formatMoney } from '@/api/data'
+import { getSelectedProfile } from '@/api/profile'
+import { TransactionApiClient, type TransactionDetail } from '@/api/transaction'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import CategoryLabel from '@/components/CategoryLabel.vue'
+import PropertiesTable from '@/components/PropertiesTable.vue'
+import TagLabel from '@/components/TagLabel.vue'
+import { showAlert, showConfirm } from '@/util/alert'
+import { onMounted, ref, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import AttachmentRow from '@/components/common/AttachmentRow.vue'
+import LineItemCard from '@/components/LineItemCard.vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -35,7 +35,9 @@ onMounted(async () => {
 
 async function deleteTransaction() {
   if (!transaction.value) return
-  const conf = await showConfirm('Are you sure you want to delete this transaction? This will permanently delete all data pertaining to this transaction, and it cannot be recovered.')
+  const conf = await showConfirm(
+    'Are you sure you want to delete this transaction? This will permanently delete all data pertaining to this transaction, and it cannot be recovered.',
+  )
   if (!conf) return
   try {
     await transactionApi.deleteTransaction(transaction.value.id)
@@ -46,7 +48,10 @@ async function deleteTransaction() {
 }
 </script>
 <template>
-  <AppPage :title="'Transaction ' + transaction.id" v-if="transaction">
+  <AppPage
+    :title="'Transaction ' + transaction.id"
+    v-if="transaction"
+  >
     <PropertiesTable>
       <tr>
         <th>Timestamp</th>
@@ -73,7 +78,10 @@ async function deleteTransaction() {
       <tr v-if="transaction.category">
         <th>Category</th>
         <td>
-          <CategoryLabel :category="transaction.category" :clickable="true" />
+          <CategoryLabel
+            :category="transaction.category"
+            :clickable="true"
+          />
         </td>
       </tr>
       <tr v-if="transaction.creditedAccount">
@@ -91,27 +99,50 @@ async function deleteTransaction() {
       <tr>
         <th>Tags</th>
         <td>
-          <TagLabel v-for="t in transaction.tags" :key="t" :tag="t" />
+          <TagLabel
+            v-for="t in transaction.tags"
+            :key="t"
+            :tag="t"
+          />
         </td>
       </tr>
     </PropertiesTable>
 
     <div v-if="transaction.lineItems.length > 0">
       <h3>Line Items</h3>
-      <LineItemCard v-for="item of transaction.lineItems" :key="item.idx" :line-item="item"
-        :currency="transaction.currency" :total-count="transaction.lineItems.length" :editable="false" />
+      <LineItemCard
+        v-for="item of transaction.lineItems"
+        :key="item.idx"
+        :line-item="item"
+        :currency="transaction.currency"
+        :total-count="transaction.lineItems.length"
+        :editable="false"
+      />
     </div>
 
     <div v-if="transaction.attachments.length > 0">
       <h3>Attachments</h3>
-      <AttachmentRow v-for="a in transaction.attachments" :attachment="a" :key="a.id" disabled />
+      <AttachmentRow
+        v-for="a in transaction.attachments"
+        :attachment="a"
+        :key="a.id"
+        disabled
+      />
     </div>
     <div>
-      <AppButton icon="wrench"
-        @click="router.push(`/profiles/${getSelectedProfile(route)}/transactions/${transaction.id}/edit`)">
+      <AppButton
+        icon="wrench"
+        @click="
+          router.push(`/profiles/${getSelectedProfile(route)}/transactions/${transaction.id}/edit`)
+        "
+      >
         Edit
       </AppButton>
-      <AppButton icon="trash" @click="deleteTransaction()">Delete</AppButton>
+      <AppButton
+        icon="trash"
+        @click="deleteTransaction()"
+        >Delete</AppButton
+      >
     </div>
   </AppPage>
 </template>
diff --git a/web-app/src/pages/UserAccountLayout.vue b/web-app/src/pages/UserAccountLayout.vue
index 9f50bbe..456baf0 100644
--- a/web-app/src/pages/UserAccountLayout.vue
+++ b/web-app/src/pages/UserAccountLayout.vue
@@ -4,12 +4,12 @@ bar with some controls and user information, and a router view for all child
 pages.
 -->
 <script setup lang="ts">
-import { AuthApiClient } from '@/api/auth';
-import { getSelectedProfile } from '@/api/profile';
-import { secondsUntilExpired } from '@/api/token-util';
-import { useAuthStore } from '@/stores/auth-store';
-import { onMounted, ref, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { AuthApiClient } from '@/api/auth'
+import { getSelectedProfile } from '@/api/profile'
+import { secondsUntilExpired } from '@/api/token-util'
+import { useAuthStore } from '@/stores/auth-store'
+import { onMounted, ref, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
@@ -61,14 +61,25 @@ async function checkAuth() {
   <div>
     <header class="app-header-bar">
       <div>
-        <h1 class="app-header-text" @click="onHeaderClicked()">Finnow</h1>
+        <h1
+          class="app-header-text"
+          @click="onHeaderClicked()"
+        >
+          Finnow
+        </h1>
       </div>
       <div>
-        <span class="app-user-widget" @click="router.push('/me')">
+        <span
+          class="app-user-widget"
+          @click="router.push('/me')"
+        >
           <font-awesome-icon icon="fa-user"></font-awesome-icon>
         </span>
 
-        <span class="app-logout-button" @click="authStore.onUserLoggedOut()">
+        <span
+          class="app-logout-button"
+          @click="authStore.onUserLoggedOut()"
+        >
           <font-awesome-icon icon="fa-solid fa-arrow-right-from-bracket"></font-awesome-icon>
         </span>
       </div>
diff --git a/web-app/src/pages/UserHomePage.vue b/web-app/src/pages/UserHomePage.vue
index a58c1eb..ffdcf9f 100644
--- a/web-app/src/pages/UserHomePage.vue
+++ b/web-app/src/pages/UserHomePage.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import ProfileModule from './home/ProfileModule.vue';
-import AccountsModule from './home/AccountsModule.vue';
-import TransactionsModule from './home/TransactionsModule.vue';
-
+import ProfileModule from './home/ProfileModule.vue'
+import AccountsModule from './home/AccountsModule.vue'
+import TransactionsModule from './home/TransactionsModule.vue'
 </script>
 <template>
   <div class="app-module-container">
diff --git a/web-app/src/pages/ValueRecordPage.vue b/web-app/src/pages/ValueRecordPage.vue
index 181ddfe..759619e 100644
--- a/web-app/src/pages/ValueRecordPage.vue
+++ b/web-app/src/pages/ValueRecordPage.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { AccountApiClient, type AccountValueRecord } from '@/api/account';
-import { formatMoney } from '@/api/data';
-import { getSelectedProfile } from '@/api/profile';
-import AppBadge from '@/components/common/AppBadge.vue';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import AttachmentRow from '@/components/common/AttachmentRow.vue';
-import ButtonBar from '@/components/common/ButtonBar.vue';
-import PropertiesTable from '@/components/PropertiesTable.vue';
-import { showConfirm } from '@/util/alert';
-import { onMounted, ref, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { AccountApiClient, type AccountValueRecord } from '@/api/account'
+import { formatMoney } from '@/api/data'
+import { getSelectedProfile } from '@/api/profile'
+import AppBadge from '@/components/common/AppBadge.vue'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import AttachmentRow from '@/components/common/AttachmentRow.vue'
+import ButtonBar from '@/components/common/ButtonBar.vue'
+import PropertiesTable from '@/components/PropertiesTable.vue'
+import { showConfirm } from '@/util/alert'
+import { onMounted, ref, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
@@ -30,19 +30,26 @@ onMounted(async () => {
 
 async function deleteValueRecord() {
   if (!valueRecord.value) return
-  const confirm = await showConfirm("Are you sure you want to delete this value record? This may affect how your account's balance is calculated.")
+  const confirm = await showConfirm(
+    "Are you sure you want to delete this value record? This may affect how your account's balance is calculated.",
+  )
   if (!confirm) return
   const api = new AccountApiClient(route)
   try {
     await api.deleteValueRecord(valueRecord.value.accountId, valueRecord.value.id)
-    await router.replace(`/profiles/${getSelectedProfile(route)}/accounts/${valueRecord.value.accountId}`)
+    await router.replace(
+      `/profiles/${getSelectedProfile(route)}/accounts/${valueRecord.value.accountId}`,
+    )
   } catch (err) {
     console.error(err)
   }
 }
 </script>
 <template>
-  <AppPage title="Value Record" v-if="valueRecord">
+  <AppPage
+    title="Value Record"
+    v-if="valueRecord"
+  >
     <PropertiesTable>
       <tr>
         <th>ID</th>
@@ -57,13 +64,22 @@ async function deleteValueRecord() {
     </PropertiesTable>
     <div v-if="valueRecord.attachments.length > 0">
       <h3>Attachments</h3>
-      <AttachmentRow v-for="a in valueRecord.attachments" :attachment="a" :key="a.id" disabled />
+      <AttachmentRow
+        v-for="a in valueRecord.attachments"
+        :attachment="a"
+        :key="a.id"
+        disabled
+      />
     </div>
     <ButtonBar>
-      <AppButton type="button" icon="trash" size="sm" @click="deleteValueRecord()">
+      <AppButton
+        type="button"
+        icon="trash"
+        size="sm"
+        @click="deleteValueRecord()"
+      >
         Delete this record
       </AppButton>
     </ButtonBar>
-
   </AppPage>
 </template>
diff --git a/web-app/src/pages/VendorsPage.vue b/web-app/src/pages/VendorsPage.vue
index 677a572..d6e86a4 100644
--- a/web-app/src/pages/VendorsPage.vue
+++ b/web-app/src/pages/VendorsPage.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { getSelectedProfile } from '@/api/profile';
-import { TransactionApiClient, type TransactionVendor } from '@/api/transaction';
-import AppButton from '@/components/common/AppButton.vue';
-import AppPage from '@/components/common/AppPage.vue';
-import ButtonBar from '@/components/common/ButtonBar.vue';
-import EditVendorModal from '@/components/EditVendorModal.vue';
-import { showConfirm } from '@/util/alert';
-import { onMounted, ref, useTemplateRef, type Ref } from 'vue';
-import { useRoute } from 'vue-router';
+import { getSelectedProfile } from '@/api/profile'
+import { TransactionApiClient, type TransactionVendor } from '@/api/transaction'
+import AppButton from '@/components/common/AppButton.vue'
+import AppPage from '@/components/common/AppPage.vue'
+import ButtonBar from '@/components/common/ButtonBar.vue'
+import EditVendorModal from '@/components/EditVendorModal.vue'
+import { showConfirm } from '@/util/alert'
+import { onMounted, ref, useTemplateRef, type Ref } from 'vue'
+import { useRoute } from 'vue-router'
 
 const route = useRoute()
 const transactionApi = new TransactionApiClient(getSelectedProfile(route))
@@ -41,7 +41,9 @@ async function editVendor(vendor: TransactionVendor) {
 }
 
 async function deleteVendor(vendor: TransactionVendor) {
-  const confirmed = await showConfirm('Are you sure you want to delete this vendor? It will be permanently removed from all associated transactions.')
+  const confirmed = await showConfirm(
+    'Are you sure you want to delete this vendor? It will be permanently removed from all associated transactions.',
+  )
   if (!confirmed) return
   await transactionApi.deleteVendor(vendor.id)
   await loadVendors()
@@ -50,26 +52,42 @@ async function deleteVendor(vendor: TransactionVendor) {
 <template>
   <AppPage title="Vendors">
     <p>
-      Vendors are businesses and other entities with which you exchange money.
-      Adding a vendor to Finnow allows you to track when you interact with that
-      vendor on a transaction.
+      Vendors are businesses and other entities with which you exchange money. Adding a vendor to
+      Finnow allows you to track when you interact with that vendor on a transaction.
     </p>
     <table class="app-table">
       <tbody>
-        <tr v-for="vendor in vendors" :key="vendor.id">
+        <tr
+          v-for="vendor in vendors"
+          :key="vendor.id"
+        >
           <td>{{ vendor.name }}</td>
           <td>{{ vendor.description }}</td>
-          <td style="min-width: 130px;">
-            <AppButton icon="wrench" @click="editVendor(vendor)" />
-            <AppButton icon="trash" @click="deleteVendor(vendor)" />
+          <td style="min-width: 130px">
+            <AppButton
+              icon="wrench"
+              @click="editVendor(vendor)"
+            />
+            <AppButton
+              icon="trash"
+              @click="deleteVendor(vendor)"
+            />
           </td>
         </tr>
       </tbody>
     </table>
     <ButtonBar>
-      <AppButton button-type="button" icon="plus" @click="addVendor()">Add Vendor</AppButton>
+      <AppButton
+        button-type="button"
+        icon="plus"
+        @click="addVendor()"
+        >Add Vendor</AppButton
+      >
     </ButtonBar>
 
-    <EditVendorModal ref="editVendorModal" :vendor="editedVendor" />
+    <EditVendorModal
+      ref="editVendorModal"
+      :vendor="editedVendor"
+    />
   </AppPage>
 </template>
diff --git a/web-app/src/pages/forms/EditAccountPage.vue b/web-app/src/pages/forms/EditAccountPage.vue
index 36a51fa..457a820 100644
--- a/web-app/src/pages/forms/EditAccountPage.vue
+++ b/web-app/src/pages/forms/EditAccountPage.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { AccountApiClient, AccountTypes, type Account, type AccountType } from '@/api/account';
-import { getSelectedProfile } from '@/api/profile';
-import AppPage from '@/components/common/AppPage.vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormActions from '@/components/common/form/FormActions.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import { computed, onMounted, ref, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { AccountApiClient, AccountTypes, type Account, type AccountType } from '@/api/account'
+import { getSelectedProfile } from '@/api/profile'
+import AppPage from '@/components/common/AppPage.vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormActions from '@/components/common/form/FormActions.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import { computed, onMounted, ref, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
@@ -26,7 +26,7 @@ const description = ref('')
 
 onMounted(async () => {
   const accountIdStr = route.params.id
-  if (accountIdStr && typeof (accountIdStr) === 'string') {
+  if (accountIdStr && typeof accountIdStr === 'string') {
     const accountId = parseInt(accountIdStr)
     try {
       loading.value = true
@@ -51,7 +51,7 @@ async function doSubmit() {
     description: description.value,
     type: accountType.value.id,
     currency: currency.value,
-    numberSuffix: accountNumberSuffix.value
+    numberSuffix: accountNumberSuffix.value,
   }
 
   try {
@@ -72,11 +72,22 @@ async function doSubmit() {
   <AppPage :title="editing ? 'Edit Account' : 'Add Account'">
     <AppForm @submit="doSubmit()">
       <FormGroup>
-        <FormControl label="Account Name" style="max-width: 200px;">
-          <input v-model="accountName" :disabled="loading" />
+        <FormControl
+          label="Account Name"
+          style="max-width: 200px"
+        >
+          <input
+            v-model="accountName"
+            :disabled="loading"
+          />
         </FormControl>
         <FormControl label="Account Type">
-          <select id="account-type-select" v-model="accountType" :disabled="loading" required>
+          <select
+            id="account-type-select"
+            v-model="accountType"
+            :disabled="loading"
+            required
+          >
             <option :value="AccountTypes.CHECKING">{{ AccountTypes.CHECKING.name }}</option>
             <option :value="AccountTypes.SAVINGS">{{ AccountTypes.SAVINGS.name }}</option>
             <option :value="AccountTypes.CREDIT_CARD">{{ AccountTypes.CREDIT_CARD.name }}</option>
@@ -84,25 +95,46 @@ async function doSubmit() {
           </select>
         </FormControl>
         <FormControl label="Currency">
-          <select id="currency-select" v-model="currency" :disabled="loading" required>
+          <select
+            id="currency-select"
+            v-model="currency"
+            :disabled="loading"
+            required
+          >
             <option value="USD">USD</option>
             <option value="EUR">EUR</option>
             <option value="GBP">GBP</option>
           </select>
         </FormControl>
-        <FormControl label="Account Number Suffix" style="max-width: 200px;">
-          <input id="account-number-suffix-input" v-model="accountNumberSuffix" minlength="4" maxlength="4"
-            :disabled="loading" required />
+        <FormControl
+          label="Account Number Suffix"
+          style="max-width: 200px"
+        >
+          <input
+            id="account-number-suffix-input"
+            v-model="accountNumberSuffix"
+            minlength="4"
+            maxlength="4"
+            :disabled="loading"
+            required
+          />
         </FormControl>
       </FormGroup>
       <FormGroup>
         <FormControl label="Description">
-          <textarea id="description-textarea" v-model="description" :disabled="loading"></textarea>
+          <textarea
+            id="description-textarea"
+            v-model="description"
+            :disabled="loading"
+          ></textarea>
         </FormControl>
       </FormGroup>
 
-      <FormActions @cancel="router.replace(`/profiles/${getSelectedProfile(route)}`)" :disabled="loading"
-        :submit-text="editing ? 'Save' : 'Add'" />
+      <FormActions
+        @cancel="router.replace(`/profiles/${getSelectedProfile(route)}`)"
+        :disabled="loading"
+        :submit-text="editing ? 'Save' : 'Add'"
+      />
     </AppForm>
   </AppPage>
 </template>
diff --git a/web-app/src/pages/forms/EditTransactionPage.vue b/web-app/src/pages/forms/EditTransactionPage.vue
index c037a1c..d9594b0 100644
--- a/web-app/src/pages/forms/EditTransactionPage.vue
+++ b/web-app/src/pages/forms/EditTransactionPage.vue
@@ -10,22 +10,29 @@ The form consists of a few main sections:
 - Tags editor for editing the set of tags.
 -->
 <script setup lang="ts">
-import { AccountApiClient, type Account } from '@/api/account';
-import { DataApiClient, floatMoneyToInteger, type Currency } from '@/api/data';
-import { getSelectedProfile } from '@/api/profile';
-import { TransactionApiClient, type AddTransactionPayload, type TransactionDetail, type TransactionDetailLineItem, type TransactionVendor } from '@/api/transaction';
-import AppPage from '@/components/common/AppPage.vue';
-import CategorySelect from '@/components/CategorySelect.vue';
-import FileSelector from '@/components/common/FileSelector.vue';
-import AppForm from '@/components/common/form/AppForm.vue';
-import FormActions from '@/components/common/form/FormActions.vue';
-import FormControl from '@/components/common/form/FormControl.vue';
-import FormGroup from '@/components/common/form/FormGroup.vue';
-import LineItemsEditor from '@/components/LineItemsEditor.vue';
-import TagLabel from '@/components/TagLabel.vue';
-import { getDatetimeLocalValueForNow } from '@/util/time';
-import { computed, onMounted, ref, watch, type Ref } from 'vue';
-import { useRoute, useRouter, } from 'vue-router';
+import { AccountApiClient, type Account } from '@/api/account'
+import { DataApiClient, floatMoneyToInteger, type Currency } from '@/api/data'
+import { getSelectedProfile } from '@/api/profile'
+import {
+  TransactionApiClient,
+  type AddTransactionPayload,
+  type TransactionDetail,
+  type TransactionDetailLineItem,
+  type TransactionVendor,
+} from '@/api/transaction'
+import AppPage from '@/components/common/AppPage.vue'
+import CategorySelect from '@/components/CategorySelect.vue'
+import FileSelector from '@/components/common/FileSelector.vue'
+import AppForm from '@/components/common/form/AppForm.vue'
+import FormActions from '@/components/common/form/FormActions.vue'
+import FormControl from '@/components/common/form/FormControl.vue'
+import FormGroup from '@/components/common/form/FormGroup.vue'
+import LineItemsEditor from '@/components/LineItemsEditor.vue'
+import TagLabel from '@/components/TagLabel.vue'
+import { getDatetimeLocalValueForNow } from '@/util/time'
+import { computed, onMounted, ref, watch, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import VendorSelect from '@/components/VendorSelect.vue'
 
 const route = useRoute()
 const router = useRouter()
@@ -37,20 +44,74 @@ const existingTransaction: Ref<TransactionDetail | null> = ref(null)
 const editing = computed(() => {
   return existingTransaction.value !== null || route.meta.title === 'Edit Transaction'
 })
+const formValid = computed(() => {
+  console.log('Computing if for is valid...')
+  return (
+    timestamp.value.length > 0 &&
+    amount.value > 0 &&
+    currency.value !== null &&
+    description.value.length > 0 &&
+    (creditedAccountId.value !== null || debitedAccountId.value !== null) &&
+    creditedAccountId.value !== debitedAccountId.value
+  )
+})
+const unsavedEdits = computed(() => {
+  console.log('Computing if there are unsaved edits...')
+  if (!existingTransaction.value) return true
+  const tagsEqual =
+    tags.value.every((t) => existingTransaction.value?.tags.includes(t)) &&
+    existingTransaction.value.tags.every((t) => tags.value.includes(t))
+  let lineItemsEqual = false
+  if (lineItems.value.length === existingTransaction.value.lineItems.length) {
+    lineItemsEqual = true
+    for (let i = 0; i < lineItems.value.length; i++) {
+      const i1 = lineItems.value[i]
+      const i2 = existingTransaction.value.lineItems[i]
+      if (
+        i1.idx !== i2.idx ||
+        i1.quantity !== i2.quantity ||
+        i1.valuePerItem !== i2.valuePerItem ||
+        i1.description !== i2.description ||
+        (i1.category?.id ?? null) !== (i2.category?.id ?? null)
+      ) {
+        lineItemsEqual = false
+        break
+      }
+    }
+  }
+  const attachmentsChanged =
+    attachmentsToUpload.value.length > 0 || removedAttachmentIds.value.length > 0
+
+  return (
+    new Date(timestamp.value).toISOString() !== existingTransaction.value.timestamp ||
+    amount.value * Math.pow(10, currency.value?.fractionalDigits ?? 0) !==
+      existingTransaction.value.amount ||
+    currency.value !== existingTransaction.value.currency ||
+    description.value !== existingTransaction.value.description ||
+    (vendor.value?.id ?? null) !== (existingTransaction.value.vendor?.id ?? null) ||
+    categoryId.value !== (existingTransaction.value.category?.id ?? null) ||
+    creditedAccountId.value !== (existingTransaction.value.creditedAccount?.id ?? null) ||
+    debitedAccountId.value !== (existingTransaction.value.debitedAccount?.id ?? null) ||
+    !tagsEqual ||
+    !lineItemsEqual ||
+    attachmentsChanged
+  )
+})
 
 // General data used to populate form controls.
 const allCurrencies: Ref<Currency[]> = ref([])
 const availableCurrencies = computed(() => {
-  return allCurrencies.value.filter(c => allAccounts.value.some(a => a.currency.code === c.code))
+  return allCurrencies.value.filter((c) =>
+    allAccounts.value.some((a) => a.currency.code === c.code),
+  )
 })
-const availableVendors: Ref<TransactionVendor[]> = ref([])
 const allAccounts: Ref<Account[]> = ref([])
 const availableAccounts = computed(() => {
-  return allAccounts.value.filter(a => a.currency.code === currency.value?.code)
+  return allAccounts.value.filter((a) => a.currency.code === currency.value?.code)
 })
 const allTags: Ref<string[]> = ref([])
 const availableTags = computed(() => {
-  return allTags.value.filter(t => !tags.value.includes(t))
+  return allTags.value.filter((t) => !tags.value.includes(t))
 })
 const loading = ref(false)
 
@@ -59,7 +120,7 @@ const timestamp = ref('')
 const amount = ref(0)
 const currency: Ref<Currency | null> = ref(null)
 const description = ref('')
-const vendorId: Ref<number | null> = ref(null)
+const vendor: Ref<TransactionVendor | null> = ref(null)
 const categoryId: Ref<number | null> = ref(null)
 const creditedAccountId: Ref<number | null> = ref(null)
 const debitedAccountId: Ref<number | null> = ref(null)
@@ -72,7 +133,7 @@ const attachmentsToUpload: Ref<File[]> = ref([])
 const removedAttachmentIds: Ref<number[]> = ref([])
 
 watch(customTagInput, (newValue: string) => {
-  const result = newValue.match("^[a-z0-9-_]{3,32}$")
+  const result = newValue.match('^[a-z0-9-_]{3,32}$')
   customTagInputValid.value = result !== null && result.length > 0
 })
 watch(availableCurrencies, (newValue: Currency[]) => {
@@ -85,14 +146,12 @@ onMounted(async () => {
   const dataClient = new DataApiClient()
 
   // Fetch various collections of data needed for different user choices.
-  dataClient.getCurrencies().then(currencies => allCurrencies.value = currencies)
-  transactionApi.getVendors().then(vendors => availableVendors.value = vendors)
-  transactionApi.getAllTags().then(t => allTags.value = t)
-  accountApi.getAccounts().then(accounts => allAccounts.value = accounts)
-
+  dataClient.getCurrencies().then((currencies) => (allCurrencies.value = currencies))
+  transactionApi.getAllTags().then((t) => (allTags.value = t))
+  accountApi.getAccounts().then((accounts) => (allAccounts.value = accounts))
 
   const transactionIdStr = route.params.id
-  if (transactionIdStr && typeof (transactionIdStr) === 'string') {
+  if (transactionIdStr && typeof transactionIdStr === 'string') {
     const transactionId = parseInt(transactionIdStr)
     try {
       loading.value = true
@@ -120,32 +179,47 @@ async function doSubmit() {
     return
   }
 
+  let vendorId: number | null = vendor.value?.id ?? null
+  if (vendor.value !== null && vendorId === -1) {
+    const newVendor = await transactionApi.createVendor({
+      name: vendor.value?.name,
+      description: null,
+    })
+    vendorId = newVendor.id
+  }
+
   const localDate = new Date(timestamp.value)
   const payload: AddTransactionPayload = {
     timestamp: localDate.toISOString(),
     amount: floatMoneyToInteger(amount.value, currency.value),
     currencyCode: currency.value?.code ?? '',
     description: description.value,
-    vendorId: vendorId.value,
+    vendorId: vendorId,
     categoryId: categoryId.value,
     creditedAccountId: creditedAccountId.value,
     debitedAccountId: debitedAccountId.value,
     tags: tags.value,
-    lineItems: lineItems.value.map(i => {
+    lineItems: lineItems.value.map((i) => {
       return { ...i, categoryId: i.category?.id ?? null }
     }),
-    attachmentIdsToRemove: removedAttachmentIds.value
+    attachmentIdsToRemove: removedAttachmentIds.value,
   }
 
   let savedTransaction = null
   try {
     loading.value = true
     if (existingTransaction.value) {
-      savedTransaction = await transactionApi.updateTransaction(existingTransaction.value?.id, payload, attachmentsToUpload.value)
+      savedTransaction = await transactionApi.updateTransaction(
+        existingTransaction.value?.id,
+        payload,
+        attachmentsToUpload.value,
+      )
     } else {
       savedTransaction = await transactionApi.addTransaction(payload, attachmentsToUpload.value)
     }
-    await router.replace(`/profiles/${getSelectedProfile(route)}/transactions/${savedTransaction.id}`)
+    await router.replace(
+      `/profiles/${getSelectedProfile(route)}/transactions/${savedTransaction.id}`,
+    )
   } catch (err) {
     console.error(err)
   } finally {
@@ -159,7 +233,9 @@ async function doSubmit() {
  */
 function doCancel() {
   if (editing.value) {
-    router.replace(`/profiles/${getSelectedProfile(route)}/transactions/${existingTransaction.value?.id}`)
+    router.replace(
+      `/profiles/${getSelectedProfile(route)}/transactions/${existingTransaction.value?.id}`,
+    )
   } else {
     router.replace(`/profiles/${getSelectedProfile(route)}`)
   }
@@ -182,7 +258,7 @@ function loadValuesFromExistingTransaction(t: TransactionDetail) {
   amount.value = t.amount / Math.pow(10, t.currency.fractionalDigits)
   currency.value = t.currency
   description.value = t.description
-  vendorId.value = t.vendor?.id ?? null
+  vendor.value = t.vendor ?? null
   categoryId.value = t.category?.id ?? null
   creditedAccountId.value = t.creditedAccount?.id ?? null
   debitedAccountId.value = t.debitedAccount?.id ?? null
@@ -194,64 +270,7 @@ function getLocalDateTimeStringFromUTCTimestamp(timestamp: string) {
   const date = new Date(timestamp)
   date.setMilliseconds(0)
   const timezoneOffset = new Date().getTimezoneOffset() * 60_000
-  return (new Date(date.getTime() - timezoneOffset)).toISOString().slice(0, -1)
-}
-
-/**
- * Determines if the form is valid, which if true, means the user is allowed
- * to save the form.
- */
-function isFormValid() {
-  return timestamp.value.length > 0 &&
-    amount.value > 0 &&
-    currency.value !== null &&
-    description.value.length > 0 &&
-    (
-      creditedAccountId.value !== null ||
-      debitedAccountId.value !== null
-    ) &&
-    creditedAccountId.value !== debitedAccountId.value
-}
-
-/**
- * Determines if the user's editing an existing transaction, and there is at
- * least one edit to it. Otherwise, there's no point in saving.
- */
-function isEdited() {
-  if (!existingTransaction.value) return true
-  const tagsEqual = tags.value.every(t => existingTransaction.value?.tags.includes(t)) &&
-    existingTransaction.value.tags.every(t => tags.value.includes(t))
-  let lineItemsEqual = false
-  if (lineItems.value.length === existingTransaction.value.lineItems.length) {
-    lineItemsEqual = true
-    for (let i = 0; i < lineItems.value.length; i++) {
-      const i1 = lineItems.value[i]
-      const i2 = existingTransaction.value.lineItems[i]
-      if (
-        i1.idx !== i2.idx ||
-        i1.quantity !== i2.quantity ||
-        i1.valuePerItem !== i2.valuePerItem ||
-        i1.description !== i2.description ||
-        (i1.category?.id ?? null) !== (i2.category?.id ?? null)
-      ) {
-        lineItemsEqual = false
-        break
-      }
-    }
-  }
-  const attachmentsChanged = attachmentsToUpload.value.length > 0 || removedAttachmentIds.value.length > 0
-
-  return new Date(timestamp.value).toISOString() !== existingTransaction.value.timestamp ||
-    amount.value * Math.pow(10, currency.value?.fractionalDigits ?? 0) !== existingTransaction.value.amount ||
-    currency.value !== existingTransaction.value.currency ||
-    description.value !== existingTransaction.value.description ||
-    vendorId.value !== (existingTransaction.value.vendor?.id ?? null) ||
-    categoryId.value !== (existingTransaction.value.category?.id ?? null) ||
-    creditedAccountId.value !== (existingTransaction.value.creditedAccount?.id ?? null) ||
-    debitedAccountId.value !== (existingTransaction.value.debitedAccount?.id ?? null) ||
-    !tagsEqual ||
-    !lineItemsEqual ||
-    attachmentsChanged
+  return new Date(date.getTime() - timezoneOffset).toISOString().slice(0, -1)
 }
 </script>
 <template>
@@ -260,32 +279,53 @@ function isEdited() {
       <FormGroup>
         <!-- Basic properties -->
         <FormControl label="Timestamp">
-          <input type="datetime-local" v-model="timestamp" step="1" :disabled="loading" style="min-width: 250px;" />
+          <input
+            type="datetime-local"
+            v-model="timestamp"
+            step="1"
+            :disabled="loading"
+            style="min-width: 250px"
+          />
         </FormControl>
         <FormControl label="Amount">
-          <input type="number" v-model="amount" step="0.01" min="0.01" :disabled="loading" style="max-width: 100px;" />
+          <input
+            type="number"
+            v-model="amount"
+            step="0.01"
+            min="0.01"
+            :disabled="loading"
+            style="max-width: 100px"
+          />
         </FormControl>
         <FormControl label="Currency">
-          <select v-model="currency" :disabled="loading || availableCurrencies.length === 1">
-            <option v-for="currency in availableCurrencies" :key="currency.code" :value="currency">
+          <select
+            v-model="currency"
+            :disabled="loading || availableCurrencies.length === 1"
+          >
+            <option
+              v-for="currency in availableCurrencies"
+              :key="currency.code"
+              :value="currency"
+            >
               {{ currency.code }}
             </option>
           </select>
         </FormControl>
-        <FormControl label="Description" style="min-width: 200px;">
-          <textarea v-model="description" :disabled="loading"></textarea>
+        <FormControl
+          label="Description"
+          style="min-width: 200px"
+        >
+          <textarea
+            v-model="description"
+            :disabled="loading"
+          ></textarea>
         </FormControl>
       </FormGroup>
 
       <FormGroup>
         <!-- Vendor & Category -->
         <FormControl label="Vendor">
-          <select v-model="vendorId" :disabled="loading">
-            <option v-for="vendor in availableVendors" :key="vendor.id" :value="vendor.id">
-              {{ vendor.name }}
-            </option>
-            <option :value="null" :selected="vendorId === null">None</option>
-          </select>
+          <VendorSelect v-model="vendor" />
         </FormControl>
         <FormControl label="Category">
           <CategorySelect v-model="categoryId" />
@@ -295,16 +335,30 @@ function isEdited() {
       <FormGroup>
         <!-- Accounts -->
         <FormControl label="Credited Account">
-          <select v-model="creditedAccountId" :disabled="loading">
-            <option v-for="account in availableAccounts" :key="account.id" :value="account.id">
+          <select
+            v-model="creditedAccountId"
+            :disabled="loading"
+          >
+            <option
+              v-for="account in availableAccounts"
+              :key="account.id"
+              :value="account.id"
+            >
               {{ account.name }} ({{ account.numberSuffix }})
             </option>
             <option :value="null">None</option>
           </select>
         </FormControl>
         <FormControl label="Debited Account">
-          <select v-model="debitedAccountId" :disabled="loading">
-            <option v-for="account in availableAccounts" :key="account.id" :value="account.id">
+          <select
+            v-model="debitedAccountId"
+            :disabled="loading"
+          >
+            <option
+              v-for="account in availableAccounts"
+              :key="account.id"
+              :value="account.id"
+            >
               {{ account.name }} ({{ account.numberSuffix }})
             </option>
             <option :value="null">None</option>
@@ -312,34 +366,64 @@ function isEdited() {
         </FormControl>
       </FormGroup>
 
-      <LineItemsEditor v-if="currency" v-model="lineItems" :currency="currency"
-        :transaction-amount="floatMoneyToInteger(amount, currency)" />
+      <LineItemsEditor
+        v-if="currency"
+        v-model="lineItems"
+        :currency="currency"
+        :transaction-amount="floatMoneyToInteger(amount, currency)"
+      />
 
       <FormGroup>
         <!-- Tags -->
         <FormControl label="Tags">
-          <div style="margin-top: 0.5rem; margin-bottom: 0.5rem;">
-            <TagLabel v-for="t in tags" :key="t" :tag="t" deletable @deleted="tags = tags.filter(tg => tg !== t)" />
+          <div style="margin-top: 0.5rem; margin-bottom: 0.5rem">
+            <TagLabel
+              v-for="t in tags"
+              :key="t"
+              :tag="t"
+              deletable
+              @deleted="tags = tags.filter((tg) => tg !== t)"
+            />
           </div>
           <div>
             <select v-model="selectedTagToAdd">
-              <option v-for="tag in availableTags" :key="tag" :value="tag">{{ tag }}</option>
+              <option
+                v-for="tag in availableTags"
+                :key="tag"
+                :value="tag"
+              >
+                {{ tag }}
+              </option>
             </select>
-            <input v-model="customTagInput" placeholder="Custom tag..." />
-            <button type="button" @click="addTag()" :disabled="selectedTagToAdd === null && !customTagInputValid">Add
-              Tag</button>
+            <input
+              v-model="customTagInput"
+              placeholder="Custom tag..."
+            />
+            <button
+              type="button"
+              @click="addTag()"
+              :disabled="selectedTagToAdd === null && !customTagInputValid"
+            >
+              Add Tag
+            </button>
           </div>
         </FormControl>
       </FormGroup>
 
       <FormGroup>
         <h5>Attachments</h5>
-        <FileSelector :initial-files="existingTransaction?.attachments ?? []"
-          v-model:uploaded-files="attachmentsToUpload" v-model:removed-files="removedAttachmentIds" />
+        <FileSelector
+          :initial-files="existingTransaction?.attachments ?? []"
+          v-model:uploaded-files="attachmentsToUpload"
+          v-model:removed-files="removedAttachmentIds"
+        />
       </FormGroup>
 
-      <FormActions @cancel="doCancel()" :disabled="loading || !isFormValid() || !isEdited()"
-        :submit-text="editing ? 'Save' : 'Add'" />
+      <FormActions
+        @cancel="doCancel()"
+        :disabled="loading || !formValid || !unsavedEdits"
+        :submit-text="editing ? 'Save' : 'Add'"
+      />
     </AppForm>
   </AppPage>
 </template>
diff --git a/web-app/src/pages/home/AccountsModule.vue b/web-app/src/pages/home/AccountsModule.vue
index bbcd4e6..42b8089 100644
--- a/web-app/src/pages/home/AccountsModule.vue
+++ b/web-app/src/pages/home/AccountsModule.vue
@@ -19,12 +19,15 @@ const totalOwed: Ref<CurrencyBalance[]> = computed(() => {
   const totals: CurrencyBalance[] = []
   for (const acc of accounts.value) {
     if (acc.currentBalance === null) continue
-    if (totals.filter(t => t.currency.code === acc.currency.code).length === 0) {
+    if (totals.filter((t) => t.currency.code === acc.currency.code).length === 0) {
       totals.push({ balance: 0, currency: acc.currency })
     }
-    const currencyTotal = totals.filter(t => t.currency.code === acc.currency.code)[0]
+    const currencyTotal = totals.filter((t) => t.currency.code === acc.currency.code)[0]
     const accountType = AccountTypes.of(acc.type)
-    if ((accountType.debitsPositive && acc.currentBalance < 0) || (!accountType.debitsPositive && acc.currentBalance > 0)) {
+    if (
+      (accountType.debitsPositive && acc.currentBalance < 0) ||
+      (!accountType.debitsPositive && acc.currentBalance > 0)
+    ) {
       currencyTotal.balance += acc.currentBalance
     }
   }
@@ -33,35 +36,56 @@ const totalOwed: Ref<CurrencyBalance[]> = computed(() => {
 
 onMounted(async () => {
   const accountApi = new AccountApiClient(route)
-  accountApi.getAccounts().then(result => accounts.value = result)
-    .catch(err => console.error(err))
-  accountApi.getTotalBalances().then(result => {
-    totalBalances.value = result
-  })
-    .catch(err => console.error(err))
+  accountApi
+    .getAccounts()
+    .then((result) => (accounts.value = result))
+    .catch((err) => console.error(err))
+  accountApi
+    .getTotalBalances()
+    .then((result) => {
+      totalBalances.value = result
+    })
+    .catch((err) => console.error(err))
 })
 </script>
 <template>
   <HomeModule title="Accounts">
     <template v-slot:default>
-      <AccountCard v-for="a in accounts" :account="a" :key="a.id" />
+      <AccountCard
+        v-for="a in accounts"
+        :account="a"
+        :key="a.id"
+      />
       <p v-if="accounts.length === 0">
         You haven't added any accounts. Add one to start tracking your finances.
       </p>
 
       <div>
-        <AppBadge v-for="bal in totalBalances" :key="bal.currency.code">
-          {{ bal.currency.code }} Total: <span class="font-mono">{{ formatMoney(bal.balance, bal.currency) }}</span>
+        <AppBadge
+          v-for="bal in totalBalances"
+          :key="bal.currency.code"
+        >
+          {{ bal.currency.code }} Total:
+          <span class="font-mono">{{ formatMoney(bal.balance, bal.currency) }}</span>
         </AppBadge>
-        <AppBadge v-for="debt in totalOwed" :key="debt.currency.code">
-          {{ debt.currency.code }} Debt: <span class="font-mono" :class="{ 'text-negative': debt.balance > 0 }">{{
-            formatMoney(debt.balance,
-              debt.currency) }}</span>
+        <AppBadge
+          v-for="debt in totalOwed"
+          :key="debt.currency.code"
+        >
+          {{ debt.currency.code }} Debt:
+          <span
+            class="font-mono"
+            :class="{ 'text-negative': debt.balance > 0 }"
+            >{{ formatMoney(debt.balance, debt.currency) }}</span
+          >
         </AppBadge>
       </div>
     </template>
     <template v-slot:actions>
-      <AppButton icon="plus" @click="router.push(`/profiles/${getSelectedProfile(route)}/add-account`)">Add Account
+      <AppButton
+        icon="plus"
+        @click="router.push(`/profiles/${getSelectedProfile(route)}/add-account`)"
+        >Add Account
       </AppButton>
     </template>
   </HomeModule>
diff --git a/web-app/src/pages/home/ProfileModule.vue b/web-app/src/pages/home/ProfileModule.vue
index a709635..c65fbf8 100644
--- a/web-app/src/pages/home/ProfileModule.vue
+++ b/web-app/src/pages/home/ProfileModule.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { getSelectedProfile, ProfileApiClient, type Profile } from '@/api/profile';
-import AppButton from '@/components/common/AppButton.vue';
-import ConfirmModal from '@/components/common/ConfirmModal.vue';
-import HomeModule from '@/components/HomeModule.vue';
-import { showAlert } from '@/util/alert';
-import { onMounted, ref, useTemplateRef, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { getSelectedProfile, ProfileApiClient, type Profile } from '@/api/profile'
+import AppButton from '@/components/common/AppButton.vue'
+import ConfirmModal from '@/components/common/ConfirmModal.vue'
+import HomeModule from '@/components/HomeModule.vue'
+import { showAlert } from '@/util/alert'
+import { onMounted, ref, useTemplateRef, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
 const router = useRouter()
 const route = useRoute()
@@ -18,8 +18,8 @@ onMounted(async () => {
     profile.value = await new ProfileApiClient().getProfile(getSelectedProfile(route))
   } catch (err) {
     console.error(err)
-    await showAlert("Failed to get profile.")
-    await router.replace("/profiles")
+    await showAlert('Failed to get profile.')
+    await router.replace('/profiles')
   }
 })
 
@@ -37,24 +37,41 @@ async function deleteProfile() {
 }
 </script>
 <template>
-  <HomeModule title="Profile" v-if="profile">
+  <HomeModule
+    title="Profile"
+    v-if="profile"
+  >
     <template v-slot:default>
       <p>Your currently selected profile is: {{ profile.name }}</p>
       <p>
         <RouterLink :to="`/profiles/${profile.name}/vendors`">View all vendors here.</RouterLink>
       </p>
       <p>
-        <RouterLink :to="`/profiles/${profile.name}/categories`">View all categories here.</RouterLink>
+        <RouterLink :to="`/profiles/${profile.name}/categories`"
+          >View all categories here.</RouterLink
+        >
       </p>
 
       <ConfirmModal ref="confirmDeleteModal">
         <p>Are you sure you want to delete this profile?</p>
-        <p>This will permanently remove all data associated with this profile, and this cannot be undone!</p>
+        <p>
+          This will permanently remove all data associated with this profile, and this cannot be
+          undone!
+        </p>
       </ConfirmModal>
     </template>
     <template v-slot:actions>
-      <AppButton icon="folder-open" @click="router.push('/profiles')">Choose another profile</AppButton>
-      <AppButton button-style="secondary" icon="trash" @click="deleteProfile()">Delete</AppButton>
+      <AppButton
+        icon="folder-open"
+        @click="router.push('/profiles')"
+        >Choose another profile</AppButton
+      >
+      <AppButton
+        button-style="secondary"
+        icon="trash"
+        @click="deleteProfile()"
+        >Delete</AppButton
+      >
     </template>
   </HomeModule>
 </template>
diff --git a/web-app/src/pages/home/TransactionsModule.vue b/web-app/src/pages/home/TransactionsModule.vue
index 043f327..60e83b0 100644
--- a/web-app/src/pages/home/TransactionsModule.vue
+++ b/web-app/src/pages/home/TransactionsModule.vue
@@ -1,17 +1,24 @@
 <script setup lang="ts">
-import type { Page, PageRequest } from '@/api/pagination';
-import { getSelectedProfile } from '@/api/profile';
-import { TransactionApiClient, type TransactionsListItem } from '@/api/transaction';
-import AppButton from '@/components/common/AppButton.vue';
-import HomeModule from '@/components/HomeModule.vue';
-import PaginationControls from '@/components/common/PaginationControls.vue';
-import { onMounted, ref, type Ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import TransactionCard from '@/components/TransactionCard.vue';
+import type { Page, PageRequest } from '@/api/pagination'
+import { getSelectedProfile } from '@/api/profile'
+import { TransactionApiClient, type TransactionsListItem } from '@/api/transaction'
+import AppButton from '@/components/common/AppButton.vue'
+import HomeModule from '@/components/HomeModule.vue'
+import PaginationControls from '@/components/common/PaginationControls.vue'
+import { onMounted, ref, type Ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import TransactionCard from '@/components/TransactionCard.vue'
 
 const router = useRouter()
 const route = useRoute()
-const transactions: Ref<Page<TransactionsListItem>> = ref({ items: [], pageRequest: { page: 1, size: 5, sorts: [] }, totalElements: 0, totalPages: 0, isFirst: true, isLast: true })
+const transactions: Ref<Page<TransactionsListItem>> = ref({
+  items: [],
+  pageRequest: { page: 1, size: 5, sorts: [] },
+  totalElements: 0,
+  totalPages: 0,
+  isFirst: true,
+  isLast: true,
+})
 
 onMounted(async () => {
   await fetchPage(transactions.value.pageRequest)
@@ -29,17 +36,25 @@ async function fetchPage(pageRequest: PageRequest) {
 <template>
   <HomeModule title="Transactions">
     <template v-slot:default>
-      <TransactionCard v-for="tx in transactions.items" :key="tx.id" :tx="tx" />
+      <TransactionCard
+        v-for="tx in transactions.items"
+        :key="tx.id"
+        :tx="tx"
+      />
 
-      <PaginationControls :page="transactions" @update="pr => fetchPage(pr)"></PaginationControls>
-      <p v-if="transactions.totalElements === 0">
-        You haven't added any transactions.
-      </p>
+      <PaginationControls
+        :page="transactions"
+        @update="(pr) => fetchPage(pr)"
+      ></PaginationControls>
+      <p v-if="transactions.totalElements === 0">You haven't added any transactions.</p>
     </template>
     <template v-slot:actions>
-      <AppButton icon="plus" @click="router.push(`/profiles/${getSelectedProfile(route)}/add-transaction`)">
-        Add
-        Transaction</AppButton>
+      <AppButton
+        icon="plus"
+        @click="router.push(`/profiles/${getSelectedProfile(route)}/add-transaction`)"
+      >
+        Add Transaction</AppButton
+      >
     </template>
   </HomeModule>
 </template>