chore: unit test support tsx component

Signed-off-by: Ryan Wang <i@ryanc.cc>

package.json

@@ -25,7 +25,7 @@
     "@iconify-json/ri": "^1.1.1",
     "@rushstack/eslint-patch": "^1.1.3",
     "@types/jsdom": "^16.2.14",
-    "@types/node": "^16.11.27",
+    "@types/node": "^17.0.24",
     "@vitejs/plugin-vue": "^2.3.1",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "@vue/eslint-config-prettier": "^7.0.0",
@@ -47,10 +47,10 @@
     "start-server-and-test": "^1.14.0",
     "tailwindcss": "^3.0.24",
     "tailwindcss-themeable": "^1.3.0",
-    "typescript": "~4.5.5",
+    "typescript": "~4.6.3",
     "unplugin-icons": "^0.14.1",
     "vite": "^2.9.5",
-    "vitest": "^0.5.9",
+    "vitest": "^0.9.3",
     "vue-tsc": "^0.31.4"
   }
 }

pnpm-lock.yaml

@@ -4,7 +4,7 @@ specifiers:
   '@iconify-json/ri': ^1.1.1
   '@rushstack/eslint-patch': ^1.1.3
   '@types/jsdom': ^16.2.14
-  '@types/node': ^16.11.27
+  '@types/node': ^17.0.24
   '@vitejs/plugin-vue': ^2.3.1
   '@vitejs/plugin-vue-jsx': ^1.3.10
   '@vue/eslint-config-prettier': ^7.0.0
@@ -27,16 +27,16 @@ specifiers:
   start-server-and-test: ^1.14.0
   tailwindcss: ^3.0.24
   tailwindcss-themeable: ^1.3.0
-  typescript: ~4.5.5
+  typescript: ~4.6.3
   unplugin-icons: ^0.14.1
   vite: ^2.9.5
-  vitest: ^0.5.9
+  vitest: ^0.9.3
   vue: ^3.2.33
   vue-router: ^4.0.14
   vue-tsc: ^0.31.4
 
 dependencies:
-  pinia: 2.0.13_typescript@4.5.5+vue@3.2.33
+  pinia: 2.0.13_typescript@4.6.3+vue@3.2.33
   vue: 3.2.33
   vue-router: 4.0.14_vue@3.2.33
 
@@ -44,20 +44,20 @@ devDependencies:
   '@iconify-json/ri': 1.1.1
   '@rushstack/eslint-patch': 1.1.3
   '@types/jsdom': 16.2.14
-  '@types/node': 16.11.27
+  '@types/node': 17.0.24
   '@vitejs/plugin-vue': 2.3.1_vite@2.9.5+vue@3.2.33
   '@vitejs/plugin-vue-jsx': 1.3.10
   '@vue/eslint-config-prettier': 7.0.0_eslint@8.13.0+prettier@2.6.2
-  '@vue/eslint-config-typescript': 10.0.0_8e23fb6c49b76b8310cfa1d54d571553
+  '@vue/eslint-config-typescript': 10.0.0_a62cbc2f4797496d74696b1f6538012a
   '@vue/test-utils': 2.0.0-rc.20_vue@3.2.33
-  '@vue/tsconfig': 0.1.3_@types+node@16.11.27
+  '@vue/tsconfig': 0.1.3_@types+node@17.0.24
   autoprefixer: 10.4.4_postcss@8.4.12
   c8: 7.11.0
   cypress: 9.5.4
   eslint: 8.13.0
   eslint-plugin-cypress: 2.12.1_eslint@8.13.0
   eslint-plugin-vue: 8.6.0_eslint@8.13.0
-  histoire: 0.2.3_2062ddc538a74876794a146ef566930f
+  histoire: 0.2.3_0827a15bc15791d2de6c31b3ea94a448
   husky: 7.0.4
   jsdom: 19.0.0
   postcss: 8.4.12
@@ -66,11 +66,11 @@ devDependencies:
   start-server-and-test: 1.14.0
   tailwindcss: 3.0.24
   tailwindcss-themeable: 1.3.0
-  typescript: 4.5.5
+  typescript: 4.6.3
   unplugin-icons: 0.14.1_vite@2.9.5
   vite: 2.9.5_sass@1.50.0
-  vitest: 0.5.9_39aeabd420cf4e1004f43b8be80a240c
+  vitest: 0.9.3_39aeabd420cf4e1004f43b8be80a240c
-  vue-tsc: 0.31.4_typescript@4.5.5
+  vue-tsc: 0.31.4_typescript@4.6.3
 
 packages:
 
@@ -311,12 +311,6 @@ packages:
       js-tokens: 4.0.0
     dev: true
 
-  /@babel/parser/7.17.3:
-    resolution: {integrity: sha512-7yJPvPV+ESz2IUTPbOL+YkIGyCqOyNIzdguKQuJGnH7bg1WTIifuM21YqokFt/THWh1AkCRn9IgoykTRCBVpzA==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-    dev: true
-
   /@babel/parser/7.17.8:
     resolution: {integrity: sha512-BoHhDJrJXqcg+ZL16Xv39H9n+AqJ4pcDrQBGZN+wHxIysrLZ3/ECwCBUch/1zUNhnsXULcONU3Ei5Hmkfk6kiQ==}
     engines: {node: '>=6.0.0'}
@@ -659,13 +653,13 @@ packages:
   /@types/concat-stream/1.6.1:
     resolution: {integrity: sha512-eHE4cQPoj6ngxBZMvVf6Hw7Mh4jMW4U9lpGmS5GBPB9RYxlFg+CHaVN7ErNY4W9XfLIEn20b4VDYaIrbq0q4uA==}
     dependencies:
-      '@types/node': 16.11.27
+      '@types/node': 17.0.24
     dev: true
 
   /@types/form-data/0.0.33:
     resolution: {integrity: sha1-yayFsqX9GENbjIXZ7LUObWyJP/g=}
     dependencies:
-      '@types/node': 16.11.27
+      '@types/node': 17.0.24
     dev: true
 
   /@types/istanbul-lib-coverage/2.0.4:
@@ -675,7 +669,7 @@ packages:
   /@types/jsdom/16.2.14:
     resolution: {integrity: sha512-6BAy1xXEmMuHeAJ4Fv4yXKwBDTGTOseExKE3OaHiNycdHdZw59KfYzrt0DkDluvwmik1HRt6QS7bImxUmpSy+w==}
     dependencies:
-      '@types/node': 16.11.27
+      '@types/node': 17.0.24
       '@types/parse5': 6.0.3
       '@types/tough-cookie': 4.0.1
     dev: true
@@ -692,8 +686,8 @@ packages:
     resolution: {integrity: sha512-q4jlIR71hUpWTnGhXWcakgkZeHa3CCjcQcnuzU8M891BAWA2jHiziiWEPEkdS5pFsz7H9HJiy8BrK7tBRNrY7A==}
     dev: true
 
-  /@types/node/16.11.27:
+  /@types/node/17.0.24:
-    resolution: {integrity: sha512-C1pD3kgLoZ56Uuy5lhfOxie4aZlA3UMGLX9rXteq4WitEZH6Rl80mwactt9QG0w0gLFlN/kLBTFnGXtDVWvWQw==}
+    resolution: {integrity: sha512-aveCYRQbgTH9Pssp1voEP7HiuWlD2jW2BO56w+bVrJn04i61yh6mRfoKO6hEYQD9vF+W8Chkwc6j1M36uPkx4g==}
     dev: true
 
   /@types/node/8.10.66:
@@ -724,11 +718,11 @@ packages:
     resolution: {integrity: sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==}
     requiresBuild: true
     dependencies:
-      '@types/node': 16.11.27
+      '@types/node': 17.0.24
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.13.0_d671d8c8646347886ec85f66fc3e83eb:
+  /@typescript-eslint/eslint-plugin/5.13.0_9e25d094d662a10583896d2e26a5f702:
     resolution: {integrity: sha512-vLktb2Uec81fxm/cfz2Hd6QaWOs8qdmVAZXLdOBX6JFJDhf6oDZpMzZ4/LZ6SFM/5DgDcxIMIvy3F+O9yZBuiQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -739,23 +733,23 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.13.0_eslint@8.13.0+typescript@4.5.5
+      '@typescript-eslint/parser': 5.13.0_eslint@8.13.0+typescript@4.6.3
       '@typescript-eslint/scope-manager': 5.13.0
-      '@typescript-eslint/type-utils': 5.13.0_eslint@8.13.0+typescript@4.5.5
+      '@typescript-eslint/type-utils': 5.13.0_eslint@8.13.0+typescript@4.6.3
-      '@typescript-eslint/utils': 5.13.0_eslint@8.13.0+typescript@4.5.5
+      '@typescript-eslint/utils': 5.13.0_eslint@8.13.0+typescript@4.6.3
       debug: 4.3.3
       eslint: 8.13.0
       functional-red-black-tree: 1.0.1
       ignore: 5.2.0
       regexpp: 3.2.0
       semver: 7.3.5
-      tsutils: 3.21.0_typescript@4.5.5
+      tsutils: 3.21.0_typescript@4.6.3
-      typescript: 4.5.5
+      typescript: 4.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.13.0_eslint@8.13.0+typescript@4.5.5:
+  /@typescript-eslint/parser/5.13.0_eslint@8.13.0+typescript@4.6.3:
     resolution: {integrity: sha512-GdrU4GvBE29tm2RqWOM0P5QfCtgCyN4hXICj/X9ibKED16136l9ZpoJvCL5pSKtmJzA+NRDzQ312wWMejCVVfg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -767,10 +761,10 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 5.13.0
       '@typescript-eslint/types': 5.13.0
-      '@typescript-eslint/typescript-estree': 5.13.0_typescript@4.5.5
+      '@typescript-eslint/typescript-estree': 5.13.0_typescript@4.6.3
       debug: 4.3.3
       eslint: 8.13.0
-      typescript: 4.5.5
+      typescript: 4.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -783,7 +777,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.13.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.13.0_eslint@8.13.0+typescript@4.5.5:
+  /@typescript-eslint/type-utils/5.13.0_eslint@8.13.0+typescript@4.6.3:
     resolution: {integrity: sha512-/nz7qFizaBM1SuqAKb7GLkcNn2buRdDgZraXlkhz+vUGiN1NZ9LzkA595tHHeduAiS2MsHqMNhE2zNzGdw43Yg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -793,11 +787,11 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.13.0_eslint@8.13.0+typescript@4.5.5
+      '@typescript-eslint/utils': 5.13.0_eslint@8.13.0+typescript@4.6.3
       debug: 4.3.3
       eslint: 8.13.0
-      tsutils: 3.21.0_typescript@4.5.5
+      tsutils: 3.21.0_typescript@4.6.3
-      typescript: 4.5.5
+      typescript: 4.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -807,7 +801,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.13.0_typescript@4.5.5:
+  /@typescript-eslint/typescript-estree/5.13.0_typescript@4.6.3:
     resolution: {integrity: sha512-Q9cQow0DeLjnp5DuEDjLZ6JIkwGx3oYZe+BfcNuw/POhtpcxMTy18Icl6BJqTSd+3ftsrfuVb7mNHRZf7xiaNA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -822,13 +816,13 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.5
-      tsutils: 3.21.0_typescript@4.5.5
+      tsutils: 3.21.0_typescript@4.6.3
-      typescript: 4.5.5
+      typescript: 4.6.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.13.0_eslint@8.13.0+typescript@4.5.5:
+  /@typescript-eslint/utils/5.13.0_eslint@8.13.0+typescript@4.6.3:
     resolution: {integrity: sha512-+9oHlPWYNl6AwwoEt5TQryEHwiKRVjz7Vk6kaBeD3/kwHE5YqTGHtm/JZY8Bo9ITOeKutFaXnBlMgSATMJALUQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -837,7 +831,7 @@ packages:
       '@types/json-schema': 7.0.9
       '@typescript-eslint/scope-manager': 5.13.0
       '@typescript-eslint/types': 5.13.0
-      '@typescript-eslint/typescript-estree': 5.13.0_typescript@4.5.5
+      '@typescript-eslint/typescript-estree': 5.13.0_typescript@4.6.3
       eslint: 8.13.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@8.13.0
@@ -889,8 +883,8 @@ packages:
   /@volar/html2pug/0.31.4:
     resolution: {integrity: sha512-+whoP4C34kbCIRyoojZE6luqs7Ep/0YDBD9yEWu82G1ECLIFoujtkZXHbAHiQH8MIs/GwjUmozd85pUGAVQf1w==}
     dependencies:
-      domelementtype: 2.2.0
+      domelementtype: 2.3.0
-      domhandler: 4.3.0
+      domhandler: 4.3.1
       htmlparser2: 7.2.0
       pug: 3.0.2
     dev: true
@@ -899,7 +893,7 @@ packages:
     resolution: {integrity: sha512-mKSH4GKFde2t3GVEGibBu84jbCk7O1sccELxTgCGHX7ue4nJqgHup8lXhwyfUOfdJ7eyx9luyDsVuJ4BY3gfeg==}
     dependencies:
       upath: 2.0.1
-      vscode-html-languageservice: 4.2.2
+      vscode-html-languageservice: 4.2.4
       vscode-jsonrpc: 8.0.0-next.7
       vscode-uri: 3.0.3
     dev: true
@@ -915,7 +909,7 @@ packages:
     resolution: {integrity: sha512-081QI2zBvdja4XN3eAtIWmBqDkAyDuuK3xP5mD04T9vMrVfy+WKrzB7n3/Zru7z4DiM70Qo5PoTapQ3Xnz9NzQ==}
     dependencies:
       '@volar/shared': 0.31.4
-      vscode-languageserver-types: 3.17.0-next.8
+      vscode-languageserver-types: 3.17.0-next.9
     dev: true
 
   /@volar/vue-code-gen/0.31.4:
@@ -924,9 +918,9 @@ packages:
       '@volar/code-gen': 0.31.4
       '@volar/shared': 0.31.4
       '@volar/source-map': 0.31.4
-      '@vue/compiler-core': 3.2.31
+      '@vue/compiler-core': 3.2.33
-      '@vue/compiler-dom': 3.2.31
+      '@vue/compiler-dom': 3.2.33
-      '@vue/shared': 3.2.31
+      '@vue/shared': 3.2.33
       upath: 2.0.1
     dev: true
 
@@ -962,15 +956,6 @@ packages:
       - supports-color
     dev: true
 
-  /@vue/compiler-core/3.2.31:
-    resolution: {integrity: sha512-aKno00qoA4o+V/kR6i/pE+aP+esng5siNAVQ422TkBNM6qA4veXiZbSe8OTXHXquEi/f6Akc+nLfB4JGfe4/WQ==}
-    dependencies:
-      '@babel/parser': 7.17.3
-      '@vue/shared': 3.2.31
-      estree-walker: 2.0.2
-      source-map: 0.6.1
-    dev: true
-
   /@vue/compiler-core/3.2.33:
     resolution: {integrity: sha512-AAmr52ji3Zhk7IKIuigX2osWWsb2nQE5xsdFYjdnmtQ4gymmqXbjLvkSE174+fF3A3kstYrTgGkqgOEbsdLDpw==}
     dependencies:
@@ -978,21 +963,12 @@ packages:
       '@vue/shared': 3.2.33
       estree-walker: 2.0.2
       source-map: 0.6.1
-    dev: false
-
-  /@vue/compiler-dom/3.2.31:
-    resolution: {integrity: sha512-60zIlFfzIDf3u91cqfqy9KhCKIJgPeqxgveH2L+87RcGU/alT6BRrk5JtUso0OibH3O7NXuNOQ0cDc9beT0wrg==}
-    dependencies:
-      '@vue/compiler-core': 3.2.31
-      '@vue/shared': 3.2.31
-    dev: true
 
   /@vue/compiler-dom/3.2.33:
     resolution: {integrity: sha512-GhiG1C8X98Xz9QUX/RlA6/kgPBWJkjq0Rq6//5XTAGSYrTMBgcLpP9+CnlUg1TFxnnCVughAG+KZl28XJqw8uQ==}
     dependencies:
       '@vue/compiler-core': 3.2.33
       '@vue/shared': 3.2.33
-    dev: false
 
   /@vue/compiler-sfc/3.2.33:
     resolution: {integrity: sha512-H8D0WqagCr295pQjUYyO8P3IejM3vEzeCO1apzByAEaAR/WimhMYczHfZVvlCE/9yBaEu/eu9RdiWr0kF8b71Q==}
@@ -1034,15 +1010,15 @@ packages:
       prettier: 2.6.2
     dev: true
 
-  /@vue/eslint-config-typescript/10.0.0_8e23fb6c49b76b8310cfa1d54d571553:
+  /@vue/eslint-config-typescript/10.0.0_a62cbc2f4797496d74696b1f6538012a:
     resolution: {integrity: sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
       eslint-plugin-vue: ^8.0.1
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.13.0_d671d8c8646347886ec85f66fc3e83eb
+      '@typescript-eslint/eslint-plugin': 5.13.0_9e25d094d662a10583896d2e26a5f702
-      '@typescript-eslint/parser': 5.13.0_eslint@8.13.0+typescript@4.5.5
+      '@typescript-eslint/parser': 5.13.0_eslint@8.13.0+typescript@4.6.3
       eslint: 8.13.0
       eslint-plugin-vue: 8.6.0_eslint@8.13.0
       vue-eslint-parser: 8.3.0_eslint@8.13.0
@@ -1061,17 +1037,10 @@ packages:
       magic-string: 0.25.9
     dev: false
 
-  /@vue/reactivity/3.2.31:
-    resolution: {integrity: sha512-HVr0l211gbhpEKYr2hYe7hRsV91uIVGFYNHj73njbARVGHQvIojkImKMaZNDdoDZOIkMsBc9a1sMqR+WZwfSCw==}
-    dependencies:
-      '@vue/shared': 3.2.31
-    dev: true
-
   /@vue/reactivity/3.2.33:
     resolution: {integrity: sha512-62Sq0mp9/0bLmDuxuLD5CIaMG2susFAGARLuZ/5jkU1FCf9EDbwUuF+BO8Ub3Rbodx0ziIecM/NsmyjardBxfQ==}
     dependencies:
       '@vue/shared': 3.2.33
-    dev: false
 
   /@vue/runtime-core/3.2.33:
     resolution: {integrity: sha512-N2D2vfaXsBPhzCV3JsXQa2NECjxP3eXgZlFqKh4tgakp3iX6LCGv76DLlc+IfFZq+TW10Y8QUfeihXOupJ1dGw==}
@@ -1098,13 +1067,8 @@ packages:
       vue: 3.2.33
     dev: false
 
-  /@vue/shared/3.2.31:
-    resolution: {integrity: sha512-ymN2pj6zEjiKJZbrf98UM2pfDd6F2H7ksKw7NDt/ZZ1fh5Ei39X5tABugtT03ZRlWd9imccoK0hE8hpjpU7irQ==}
-    dev: true
-
   /@vue/shared/3.2.33:
     resolution: {integrity: sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==}
-    dev: false
 
   /@vue/test-utils/2.0.0-rc.20_vue@3.2.33:
     resolution: {integrity: sha512-aSkOAzM/ZlIyYgN7yj661FTjhFZZy5i9+FUbbDNoMGYA4F1WKwDdcDCPj9B/qzt3wGFkuCP5PO6SBtdSTMEhIA==}
@@ -1114,7 +1078,7 @@ packages:
       vue: 3.2.33
     dev: true
 
-  /@vue/tsconfig/0.1.3_@types+node@16.11.27:
+  /@vue/tsconfig/0.1.3_@types+node@17.0.24:
     resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==}
     peerDependencies:
       '@types/node': '*'
@@ -1122,7 +1086,7 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@types/node': 16.11.27
+      '@types/node': 17.0.24
     dev: true
 
   /@vueuse/core/8.2.5_vue@3.2.33:
@@ -1683,7 +1647,7 @@ packages:
   /constantinople/4.0.1:
     resolution: {integrity: sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==}
     dependencies:
-      '@babel/parser': 7.17.3
+      '@babel/parser': 7.17.9
       '@babel/types': 7.17.0
     dev: true
 
@@ -1934,16 +1898,16 @@ packages:
     resolution: {integrity: sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=}
     dev: true
 
-  /dom-serializer/1.3.2:
+  /dom-serializer/1.4.1:
-    resolution: {integrity: sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==}
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
     dependencies:
-      domelementtype: 2.2.0
+      domelementtype: 2.3.0
-      domhandler: 4.3.0
+      domhandler: 4.3.1
-      entities: 2.2.0
+      entities: 2.1.0
     dev: true
 
-  /domelementtype/2.2.0:
+  /domelementtype/2.3.0:
-    resolution: {integrity: sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==}
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
     dev: true
 
   /domexception/4.0.0:
@@ -1953,19 +1917,19 @@ packages:
       webidl-conversions: 7.0.0
     dev: true
 
-  /domhandler/4.3.0:
+  /domhandler/4.3.1:
-    resolution: {integrity: sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==}
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
     engines: {node: '>= 4'}
     dependencies:
-      domelementtype: 2.2.0
+      domelementtype: 2.3.0
     dev: true
 
   /domutils/2.8.0:
     resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
     dependencies:
-      dom-serializer: 1.3.2
+      dom-serializer: 1.4.1
-      domelementtype: 2.2.0
+      domelementtype: 2.3.0
-      domhandler: 4.3.0
+      domhandler: 4.3.1
     dev: true
 
   /duplexer/0.1.2:
@@ -2020,10 +1984,6 @@ packages:
     resolution: {integrity: sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==}
     dev: true
 
-  /entities/2.2.0:
-    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
-    dev: true
-
   /entities/3.0.1:
     resolution: {integrity: sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==}
     engines: {node: '>=0.12'}
@@ -2888,7 +2848,7 @@ packages:
     hasBin: true
     dev: true
 
-  /histoire/0.2.3_2062ddc538a74876794a146ef566930f:
+  /histoire/0.2.3_0827a15bc15791d2de6c31b3ea94a448:
     resolution: {integrity: sha512-9JjlV1fw2cDwn7doDATC9dma/soy/tvZH2tXYSMoWaqdBxQZi9ieiiAEDZjP/Y6q36lS5bmR25CGAnhbVPdhYQ==}
     hasBin: true
     peerDependencies:
@@ -2916,7 +2876,7 @@ packages:
       mrmime: 1.0.0
       pathe: 0.2.0
       picocolors: 1.0.0
-      pinia: 2.0.13_typescript@4.5.5+vue@3.2.33
+      pinia: 2.0.13_typescript@4.6.3+vue@3.2.33
       sade: 1.8.1
       scroll-into-view-if-needed: 2.2.29
       shiki: 0.10.1
@@ -2955,8 +2915,8 @@ packages:
   /htmlparser2/7.2.0:
     resolution: {integrity: sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==}
     dependencies:
-      domelementtype: 2.2.0
+      domelementtype: 2.3.0
-      domhandler: 4.3.0
+      domhandler: 4.3.1
       domutils: 2.8.0
       entities: 3.0.1
     dev: true
@@ -3778,7 +3738,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /pinia/2.0.13_typescript@4.5.5+vue@3.2.33:
+  /pinia/2.0.13_typescript@4.6.3+vue@3.2.33:
     resolution: {integrity: sha512-B7rSqm1xNpwcPMnqns8/gVBfbbi7lWTByzS6aPZ4JOXSJD4Y531rZHDCoYWBwLyHY/8hWnXljgiXp6rRyrofcw==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -3791,7 +3751,7 @@ packages:
         optional: true
     dependencies:
       '@vue/devtools-api': 6.1.4
-      typescript: 4.5.5
+      typescript: 4.6.3
       vue: 3.2.33
       vue-demi: 0.12.1_vue@3.2.33
 
@@ -4467,8 +4427,8 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /tinyspy/0.3.0:
+  /tinyspy/0.3.2:
-    resolution: {integrity: sha512-c5uFHqtUp74R2DJE3/Efg0mH5xicmgziaQXMm/LvuuZn3RdpADH32aEGDRyCzObXT1DNfwDMqRQ/Drh1MlO12g==}
+    resolution: {integrity: sha512-2+40EP4D3sFYy42UkgkFFB+kiX2Tg3URG/lVvAZFfLxgGpnWl5qQJuBw1gaLttq8UOS+2p3C0WrhJnQigLTT2Q==}
     engines: {node: '>=14.0.0'}
     dev: true
 
@@ -4536,14 +4496,14 @@ packages:
     resolution: {integrity: sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==}
     dev: true
 
-  /tsutils/3.21.0_typescript@4.5.5:
+  /tsutils/3.21.0_typescript@4.6.3:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.5.5
+      typescript: 4.6.3
     dev: true
 
   /tunnel-agent/0.6.0:
@@ -4589,8 +4549,8 @@ packages:
     resolution: {integrity: sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=}
     dev: true
 
-  /typescript/4.5.5:
+  /typescript/4.6.3:
-    resolution: {integrity: sha512-TCTIul70LyWe6IJWT8QSYeA54WQe8EjQFU4wY52Fasj5UKx88LNYKCgBEHcOMOrFF1rKGbD8v/xcNWVUq9SymA==}
+    resolution: {integrity: sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==}
     engines: {node: '>=4.2.0'}
     hasBin: true
     dev: true
@@ -4762,9 +4722,9 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.5.9_39aeabd420cf4e1004f43b8be80a240c:
+  /vitest/0.9.3_39aeabd420cf4e1004f43b8be80a240c:
-    resolution: {integrity: sha512-R8lRP9Q1yIbwr8pDf2gvw4PFe8H5YMyHhBcdyfnUh6toLfCR10jrdI/WkNxdo5I4H/9XrMX9t+SAavdJExNdKg==}
+    resolution: {integrity: sha512-hKjqdBI732cV5giNLERyAsaJBebstrX5mvTbZr+jUDYUHnX1O4DpAJcHtqBOutuBi7lVIGQ5IF8eWvHHqbCHBA==}
-    engines: {node: '>=14.14.0'}
+    engines: {node: '>=v14.16.0'}
     hasBin: true
     peerDependencies:
       '@vitest/ui': '*'
@@ -4788,7 +4748,7 @@ packages:
       jsdom: 19.0.0
       local-pkg: 0.4.1
       tinypool: 0.1.2
-      tinyspy: 0.3.0
+      tinyspy: 0.3.2
       vite: 2.9.5_sass@1.50.0
     transitivePeerDependencies:
       - less
@@ -4801,8 +4761,8 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /vscode-css-languageservice/5.1.13:
+  /vscode-css-languageservice/5.4.1:
-    resolution: {integrity: sha512-FA0foqMzMmEoO0WJP+MjoD4dRERhKS+Ag+yBrtmWQDmw2OuZ1R/5FkvI/XdTkCpHmTD9VMczugpHRejQyTXCNQ==}
+    resolution: {integrity: sha512-W7D3GKFXf97ReAaU4EZ2nxVO1kQhztbycJgc1b/Ipr0h8zYWr88BADmrXu02z+lsCS84D7Sr4hoUzDKeaFn2Kg==}
     dependencies:
       vscode-languageserver-textdocument: 1.0.4
       vscode-languageserver-types: 3.16.0
@@ -4810,8 +4770,8 @@ packages:
       vscode-uri: 3.0.3
     dev: true
 
-  /vscode-html-languageservice/4.2.2:
+  /vscode-html-languageservice/4.2.4:
-    resolution: {integrity: sha512-4ICwlpplGbiNQq6D/LZr4qLbPZuMmnSQeX/57UAYP7jD1LOvKeru4lVI+f6d6Eyd7uS46nLJ5DUY4AAlq35C0g==}
+    resolution: {integrity: sha512-1HqvXKOq9WlZyW4HTD+0XzrjZoZ/YFrgQY2PZqktbRloHXVAUKm6+cAcvZi4YqKPVn05/CK7do+KBHfuSaEdbg==}
     dependencies:
       vscode-languageserver-textdocument: 1.0.4
       vscode-languageserver-types: 3.16.0
@@ -4819,8 +4779,8 @@ packages:
       vscode-uri: 3.0.3
     dev: true
 
-  /vscode-json-languageservice/4.2.0:
+  /vscode-json-languageservice/4.2.1:
-    resolution: {integrity: sha512-XNawv0Vdy/sUK0S+hGf7cq/qsVAbIniGJr89TvZOqMCNJmpgKTy1e8PL1aWW0uy6BfWMG7vxa5lZb3ypuFtuGQ==}
+    resolution: {integrity: sha512-xGmv9QIWs2H8obGbWg+sIPI/3/pFgj/5OWBhNzs00BkYQ9UaB2F6JJaGB/2/YOZJ3BvLXQTC4Q7muqU25QgAhA==}
     dependencies:
       jsonc-parser: 3.0.0
       vscode-languageserver-textdocument: 1.0.4
@@ -4834,11 +4794,11 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /vscode-languageserver-protocol/3.17.0-next.15:
+  /vscode-languageserver-protocol/3.17.0-next.16:
-    resolution: {integrity: sha512-73LffxyP/0TRyk3J7bCYt0BuFBzk4Qvo5TqZndOsP+uBDbRV4IT7ebu4M/XoPDSCyZ+jDIxW7if/JbhBznmwBg==}
+    resolution: {integrity: sha512-tx4DnXw9u3N7vw+bx6n2NKp6FoxoNwiP/biH83AS30I2AnTGyLd7afSeH6Oewn2E8jvB7K15bs12sMppkKOVeQ==}
     dependencies:
       vscode-jsonrpc: 8.0.0-next.7
-      vscode-languageserver-types: 3.17.0-next.8
+      vscode-languageserver-types: 3.17.0-next.9
     dev: true
 
   /vscode-languageserver-textdocument/1.0.4:
@@ -4849,8 +4809,8 @@ packages:
     resolution: {integrity: sha512-k8luDIWJWyenLc5ToFQQMaSrqCHiLwyKPHKPQZ5zz21vM+vIVUSvsRpcbiECH4WR88K2XZqc4ScRcZ7nk/jbeA==}
     dev: true
 
-  /vscode-languageserver-types/3.17.0-next.8:
+  /vscode-languageserver-types/3.17.0-next.9:
-    resolution: {integrity: sha512-Mwj+FemiEk4QUUms1GGvXwDC+laJGVFuA4glbMVJTxfXdfOFZaEuyVlLobjccBo+NzD+5oEzzejTX7nWGNajjQ==}
+    resolution: {integrity: sha512-9/PeDNPYduaoXRUzYpqmu4ZV9L01HGo0wH9FUt+sSHR7IXwA7xoXBfNUlv8gB9H0D2WwEmMomSy1NmhjKQyn3A==}
     dev: true
 
   /vscode-nls/5.0.0:
@@ -4871,7 +4831,7 @@ packages:
       pug-lexer: 5.0.1
       pug-parser: 6.0.0
       vscode-languageserver-textdocument: 1.0.4
-      vscode-languageserver-types: 3.17.0-next.8
+      vscode-languageserver-types: 3.17.0-next.9
     dev: true
 
   /vscode-textmate/5.2.0:
@@ -4884,7 +4844,7 @@ packages:
       '@volar/shared': 0.31.4
       semver: 7.3.5
       upath: 2.0.1
-      vscode-languageserver-protocol: 3.17.0-next.15
+      vscode-languageserver-protocol: 3.17.0-next.16
       vscode-languageserver-textdocument: 1.0.4
       vscode-nls: 5.0.0
     dev: true
@@ -4907,13 +4867,13 @@ packages:
       '@volar/transforms': 0.31.4
       '@volar/vue-code-gen': 0.31.4
       '@vscode/emmet-helper': 2.8.4
-      '@vue/reactivity': 3.2.31
+      '@vue/reactivity': 3.2.33
-      '@vue/shared': 3.2.31
+      '@vue/shared': 3.2.33
       upath: 2.0.1
-      vscode-css-languageservice: 5.1.13
+      vscode-css-languageservice: 5.4.1
-      vscode-html-languageservice: 4.2.2
+      vscode-html-languageservice: 4.2.4
-      vscode-json-languageservice: 4.2.0
+      vscode-json-languageservice: 4.2.1
-      vscode-languageserver-protocol: 3.17.0-next.15
+      vscode-languageserver-protocol: 3.17.0-next.16
       vscode-languageserver-textdocument: 1.0.4
       vscode-pug-languageservice: 0.31.4
       vscode-typescript-languageservice: 0.31.4
@@ -4967,14 +4927,14 @@ packages:
       '@vue/devtools-api': 6.0.12
       vue: 3.2.33
 
-  /vue-tsc/0.31.4_typescript@4.5.5:
+  /vue-tsc/0.31.4_typescript@4.6.3:
     resolution: {integrity: sha512-8RnKGmQRo/0rbXkyZmKCOdT62fNWyEaMdS/BDAPE+saGNAniUZsjpOSOjAiLwsQc5qgeI9/mY1W3o4tX7H/7MA==}
     hasBin: true
     peerDependencies:
       typescript: '*'
     dependencies:
       '@volar/shared': 0.31.4
-      typescript: 4.5.5
+      typescript: 4.6.3
       vscode-vue-languageservice: 0.31.4
     dev: true
 
@@ -5072,7 +5032,7 @@ packages:
     resolution: {integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==}
     engines: {node: '>= 10.0.0'}
     dependencies:
-      '@babel/parser': 7.17.3
+      '@babel/parser': 7.17.9
       '@babel/types': 7.17.0
       assert-never: 1.2.1
       babel-walk: 3.0.0-canary-5

vite.config.ts

@@ -13,4 +13,9 @@ export default defineConfig({
       "@": fileURLToPath(new URL("./src", import.meta.url)),
     },
   },
+  test: {
+    transformMode: {
+      web: [/\.[jt]sx$/],
+    },
+  },
 });