diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 6bb15f5cc..000000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,36 +0,0 @@
-module.exports = {
-  env: {
-    node: true
-  },
-  extends: [
-    'prettier',
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended'
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-  plugins: ['prettier', '@typescript-eslint'],
-  rules: {
-    'prettier/prettier': ['error'],
-    '@typescript-eslint/no-extra-semi': 'off',
-    'no-restricted-imports': [
-      'error',
-      {
-        patterns: ['src/*']
-      }
-    ],
-
-    // Currently, disabled to avoid a lot of changes during migration
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/no-unused-vars': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    'prefer-const': 'off',
-    'no-prototype-builtins': 'off'
-  }
-}
diff --git a/.github/ISSUE_TEMPLATE/bug-report.yml b/.github/ISSUE_TEMPLATE/bug-report.yml
new file mode 100644
index 000000000..67bf729cf
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-report.yml
@@ -0,0 +1,50 @@
+name: Bug report
+description: Create a report to help us improve
+labels: ['bug']
+title: 'Bug: '
+type: 'Bug'
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for your interest in the project! We appreciate bugs filed and PRs submitted!
+
+        Please use a template below to create a minimal reproduction
+        👉 https://stackblitz.com/github/vuejs/create-vue-templates/tree/main/typescript-vitest?file=src%2Fcomponents%2F__tests__%2FHelloWorld.spec.ts
+
+        For test-utils v1 and Vue v2, please report at:
+        👉 https://github.com/vuejs/vue-test-utils
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: input
+    id: reproduction
+    attributes:
+      label: Reproduction
+      placeholder: https://stackblitz.com/...
+    validations:
+      required: true
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected behavior
+      description: A clear and concise description of what you expected to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: environment
+    attributes:
+      label: Environment
+      placeholder: Environment
+      description: Output of  `npx envinfo --system --npmPackages vue,@vue/test-utils,vitest,jest`.
+    validations:
+      required: true
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index e7e8c63e9..000000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: 'Bug: '
-labels: bug
-assignees: ''
-
----
-
-<!-- Thanks for your interest in the project! We appreciate bugs filed and PRs submitted! -->
-
-
-**Describe the bug**
-<!-- A clear and concise description of what the bug is. -->
-
-**To Reproduce**
-<!-- Steps to reproduce the behavior or, even better, a link to a minimal reproduction (a repository with the minimum code to reproduce the issue is greatly appreciated). -->
-
-**Expected behavior**
-<!-- A clear and concise description of what you expected to happen. -->
-
-**Related information:**
-- `@vue/test-utils` version: 2.x.x <!-- For v1, please report at repository https://github.com/vuejs/vue-test-utils -->
-- `Vue` version: 3.x.x
-- `node` version:
-- `npm` (or `yarn`) version:
-
-**Additional context**
-<!-- Add any other context about the problem here. -->
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 000000000..3fa6b4914
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,8 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Questions & Discussions
+    url: https://github.com/vuejs/test-utils/discussions
+    about: Use GitHub discussions for message-board style questions and discussions.
+  - name: Vue.js 2 / test-utils v1
+    url: https://github.com/vuejs/vue-test-utils
+    about: @vue/test-utils v1 for Vue.js 2 is in a separate repository
diff --git a/.github/ISSUE_TEMPLATE/feature-requests.yml b/.github/ISSUE_TEMPLATE/feature-requests.yml
new file mode 100644
index 000000000..3bbc903f0
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature-requests.yml
@@ -0,0 +1,33 @@
+name: Feature request
+description: Suggest an idea for this project
+type: Feature
+title: 'Feature request: '
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for your interest in the project – we appreciate your ideas! Please bear in mind that maintainers might need to request additional information or context before adding a new feature. They need to think about edge cases and how this feature fits in the codebase, so a feature request might take some time to move forward.
+  - type: textarea
+    id: feature-description
+    attributes:
+      label: Is your feature request related to a problem? Please describe.
+      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+    validations:
+      required: true
+  - type: textarea
+    id: feature-solution
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: feature-alternatives
+    attributes:
+      label: Describe alternatives you've considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+  - type: textarea
+    id: feature-additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
deleted file mode 100644
index 89a960818..000000000
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: 'Feature request:'
-labels: ''
-assignees: ''
-
----
-
-<!-- Thanks for your interest in the project – we appreciate your ideas! Please bear in mind that maintainers might need to request additional information or context before adding a new feature. They need to think about edge cases and how this feature fits in the codebase, so a feature request might take some time to move forward. -->
-
-
-**Is your feature request related to a problem? Please describe.**
-<!-- A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] -->
-
-**Describe the solution you'd like**
-<!-- A clear and concise description of what you want to happen. -->
-
-**Describe alternatives you've considered**
-<!-- A clear and concise description of any alternative solutions or features you've considered. -->
-
-**Additional context**
-<!-- Add any other context or screenshots about the feature request here. -->
diff --git a/.github/renovate.json5 b/.github/renovate.json5
index cef9edbd4..b1c0e1356 100644
--- a/.github/renovate.json5
+++ b/.github/renovate.json5
@@ -1,6 +1,6 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": ["config:base"],
+  "extends": ["config:js-lib"],
   // only 1 PR at the same time (to avoid cascading rebase)
   "prConcurrentLimit": 1,
   // auto-merge if build is OK
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 6e2fd9b02..fc2dff288 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -16,25 +16,23 @@ jobs:
 
     strategy:
       matrix:
-        node: [14, 16]
+        node: [20, 22, 24]
 
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - name: Install pnpm
-      uses: pnpm/action-setup@v2.2.2
-      with:
-        version: 7.5.0
+      uses: pnpm/action-setup@v4.1.0
     - name: Use Node.js ${{ matrix.node }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node }}
         cache: 'pnpm'
     - run: pnpm install
     - run: pnpm run lint
     - run: pnpm run test:coverage
-    - run: pnpm run build
       env:
         CI: true
     - run: pnpm run test:build
     - run: pnpm run tsd
     - run: pnpm run vue-tsc
+    - run: pnpm run tsc:docs
diff --git a/.gitignore b/.gitignore
index 621d577e1..d1f75bfb8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 node_modules
 dist
 coverage
+docs/.vitepress/cache
diff --git a/README.md b/README.md
index eedbb618d..67522c817 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,10 @@
 
 Component testing utils for Vue 3.
 
+## Languages
+
+[🇫🇷 French version of this README.md](https://github.com/vuejs/test-utils/tree/main/docs/fr/README.md)
+
 ## Installation and Usage
 
 - yarn: `yarn add @vue/test-utils --dev`
@@ -21,63 +25,19 @@ See the [docs](https://test-utils.vuejs.org/).
 
 Get started by running `pnpm install`. You can run the tests with `pnpm test`. That's it!
 
-## Comparison with Vue Test Utils v1 (targeting Vue 2)
-
-This is table for those coming from VTU 1, comparing the two APIs. Some things are still a work in progress.
-
-- ✅ - implemented
-- ❌ - not yet implemented
-- ⚰️ - will not be implemented (if you have a compelling use case, please open an issue)
-
-### Mounting Options
-
-| option           | status | notes                                                                               |
-| ---------------- | ------ | ----------------------------------------------------------------------------------- |
-| data             | ✅     |
-| slots            | ✅     |
-| mocks            | ✅     | nested in `global`                                                                  |
-| propsData        | ✅     | now called `props`                                                                  |
-| provide          | ✅     | nested in `global`                                                                  |
-| mixins           | ✅     | (new!) nested in `global`                                                           |
-| plugins          | ✅     | (new!) nested in `global`                                                           |
-| component        | ✅     | (new!) nested in `global`                                                           |
-| directives       | ✅     | (new!) nested in `global`                                                           |
-| stubs            | ✅     |
-| attachToDocument | ✅     | renamed `attachTo`. See [here](https://github.com/vuejs/vue-test-utils/pull/1492)   |
-| attrs            | ✅     |
-| scopedSlots      | ⚰️     | scopedSlots are merged with `slots` in Vue 3                                        |
-| context          | ⚰️     | different from Vue 2, does not make sense anymore.                                  |
-| localVue         | ⚰️     | no longer required - Vue 3 there is no global Vue instance to mutate. |
-| listeners        | ⚰️     | no longer exists in Vue 3                                                           |
-| parentComponent  | ⚰️     |
-
-### Wrapper API (mount)
-
-| method         | status | notes                                                                                                                               |
-| -------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------------- |
-| attributes     | ✅     |
-| classes        | ✅     |
-| exists         | ✅     |
-| find           | ✅     | only `querySelector` syntax is supported. `find(Comp)` under discussion [here](https://github.com/vuejs/vue-test-utils/issues/1498) |
-| emitted        | ✅     |
-| findAll        | ✅     | see above. `.vm` is different to Vue 2. We are exploring options.                                                                   |
-| get            | ✅     |
-| html           | ✅     |
-| setValue       | ✅     | works for select, checkbox, radio button, input, textarea. Returns `nextTick`.                                                      |
-| text           | ✅     |
-| trigger        | ✅     | returns `nextTick`. You can do `await wrapper.find('button').trigger('click')`                                                      |
-| setProps       | ✅     |
-| props          | ✅     |
-| setData        | ✅     |
-| destroy        | ✅     | renamed to `unmount` to match Vue 3 lifecycle hook name.                                                                            |
-| props          | ✅     |
-| isVisible      | ✅     |
-| contains       | ⚰️     | use `find`                                                                                                                          |
-| emittedByOrder | ⚰️     | use `emitted`                                                                                                                       |
-| setSelected    | ⚰️     | now part of `setValue`                                                                                                              |
-| setChecked     | ⚰️     | now part of `setValue`                                                                                                              |
-| is             | ⚰️     |
-| isEmpty        | ⚰️     | use matchers such as [this](https://github.com/testing-library/jest-dom#tobeempty)                                                  |
-| isVueInstance  | ⚰️     |
-| name           | ⚰️     |
-| setMethods     | ⚰️     |
+## Contributing Docs
+
+All the documentation files can be found in `docs`. It contains the English markdown files while translation(s) are stored in their corresponding `<lang>` sub-folder(s):
+
+- [`fr`](https://github.com/vuejs/test-utils/tree/main/docs/fr): French translation.
+
+Besides that, the `.vitepress` sub-folder contains the config and theme, including the i18n information.
+
+- `pnpm docs:dev`: Start the docs dev server.
+- `pnpm docs:build`: Build the docs.
+
+To add or maintain the translations, we follow the [Vue Ecosystem Translation Guidelines](https://github.com/vuejs-translations/guidelines/blob/main/README_ECOSYSTEM.md).
+
+- `pnpm docs:translation:status [<lang>]`: Show the translation status for your language. If you don't specify a language, it will show the status for all languages.
+- `pnpm docs:translation:compare <lang>`: Compare the docs with the latest checkpoint for your language.
+- `pnpm docs:translation:update <lang> [<commit>]`: Update the checkpoint for your language. The checkpoint will be set by the latest commit hash. However, you can also specify a commit hash manually.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
deleted file mode 100644
index 53f6f5fd7..000000000
--- a/docs/.vitepress/config.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import { defineConfig } from 'vitepress'
-import packageJSON from '../../package.json'
-
-export default defineConfig({
-  title: `Vue Test Utils`,
-  description: 'The documentation for the official Vue Test Utils',
-  locales: {
-    '/': {
-      lang: 'en-US',
-      title: `Vue Test Utils`
-    }
-  },
-  head: [['link', { rel: 'icon', href: `/logo.png` }]],
-  themeConfig: {
-    repo: 'vuejs/test-utils',
-    docsRepo: 'vuejs/test-utils',
-    docsDir: 'docs',
-    docsBranch: 'main',
-    editLinks: true,
-    algolia: {
-      appId: 'BH4D9OD16A',
-      apiKey: 'ee1b8516c9e5a5be9b6c25684eafc42f',
-      indexName: 'vue_test_utils',
-      searchParameters: {
-        facetFilters: ['tags:next']
-      }
-    },
-    nav: [
-      { text: 'Guide', link: '/guide/' },
-      { text: 'API Reference', link: '/api/' },
-      { text: 'Migrating from Vue 2', link: '/migration/' },
-      {
-        text: 'Changelog',
-        link: 'https://github.com/vuejs/test-utils/releases'
-      }
-    ],
-    sidebar: [
-      {
-        text: 'Installation',
-        link: '/installation/'
-      },
-      {
-        text: 'Essentials',
-        collapsable: false,
-        children: [
-          { text: 'Getting Started', link: '/guide/' },
-          { text: 'A Crash Course', link: '/guide/essentials/a-crash-course' },
-          {
-            text: 'Conditional Rendering',
-            link: '/guide/essentials/conditional-rendering'
-          },
-          {
-            text: 'Testing Emitted Events',
-            link: '/guide/essentials/event-handling'
-          },
-          { text: 'Testing Forms', link: '/guide/essentials/forms' },
-          {
-            text: 'Passing Data to Components',
-            link: '/guide/essentials/passing-data'
-          },
-          {
-            text: 'Write components that are easy to test',
-            link: '/guide/essentials/easy-to-test'
-          }
-        ]
-      },
-      {
-        text: 'Vue Test Utils in depth',
-        collapsable: false,
-        children: [
-          { text: 'Slots', link: '/guide/advanced/slots' },
-          {
-            text: 'Asynchronous Behavior',
-            link: '/guide/advanced/async-suspense'
-          },
-          {
-            text: 'Making HTTP Requests',
-            link: '/guide/advanced/http-requests'
-          },
-          { text: 'Transitions', link: '/guide/advanced/transitions' },
-          {
-            text: 'Component Instance',
-            link: '/guide/advanced/component-instance'
-          },
-          {
-            text: 'Reusability and Composition',
-            link: '/guide/advanced/reusability-composition'
-          },
-          { text: 'Testing Vuex', link: '/guide/advanced/vuex' },
-          { text: 'Testing Vue Router', link: '/guide/advanced/vue-router' },
-          { text: 'Testing Teleport', link: '/guide/advanced/teleport' },
-          {
-            text: 'Stubs and Shallow Mount',
-            link: '/guide/advanced/stubs-shallow-mount'
-          }
-        ]
-      },
-      {
-        text: 'Extending Vue Test Utils',
-        collapsable: false,
-        children: [
-          { text: 'Plugins', link: '/guide/extending-vtu/plugins' },
-          {
-            text: 'Community and Learning',
-            link: '/guide/extending-vtu/community-learning'
-          }
-        ]
-      },
-      {
-        text: 'Migrating from Vue 2',
-        link: '/migration/'
-      },
-      {
-        text: 'API Reference',
-        link: '/api/'
-      }
-    ]
-  }
-})
diff --git a/docs/.vitepress/config/en.mts b/docs/.vitepress/config/en.mts
new file mode 100644
index 000000000..f0e553066
--- /dev/null
+++ b/docs/.vitepress/config/en.mts
@@ -0,0 +1,121 @@
+import type { DefaultTheme, LocaleSpecificConfig } from 'vitepress'
+
+export const META_URL = ''
+export const META_TITLE = 'Vue Test Utils'
+export const META_DESCRIPTION = 'The official testing suite utils for Vue.js 3'
+
+export const enConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
+  description: META_DESCRIPTION,
+  head: [
+    ['meta', { property: 'og:url', content: META_URL }],
+    ['meta', { property: 'og:title', content: META_TITLE }],
+    ['meta', { property: 'og:description', content: META_DESCRIPTION }],
+    ['meta', { property: 'twitter:url', content: META_URL }],
+    ['meta', { property: 'twitter:title', content: META_TITLE }],
+    ['meta', { property: 'twitter:description', content: META_DESCRIPTION }],
+  ],
+
+  themeConfig: {
+    editLink: {
+      pattern: 'https://github.com/vuejs/test-utils/edit/main/docs/:path',
+      text: 'Suggest changes to this page',
+    },
+
+    nav: [
+      { text: 'Guide', link: '/guide/' },
+      { text: 'API Reference', link: '/api/' },
+      { text: 'Migrating from Vue 2', link: '/migration/' },
+      {
+        text: 'Changelog',
+        link: 'https://github.com/vuejs/test-utils/releases'
+      }
+    ],
+
+    sidebar: {
+      '/': [
+        {
+          text: 'Installation',
+          link: '/installation/'
+        },
+        {
+          text: 'Essentials',
+          items: [
+            { text: 'Getting Started', link: '/guide/' },
+            { text: 'A Crash Course', link: '/guide/essentials/a-crash-course' },
+            {
+              text: 'Conditional Rendering',
+              link: '/guide/essentials/conditional-rendering'
+            },
+            {
+              text: 'Testing Emitted Events',
+              link: '/guide/essentials/event-handling'
+            },
+            { text: 'Testing Forms', link: '/guide/essentials/forms' },
+            {
+              text: 'Passing Data to Components',
+              link: '/guide/essentials/passing-data'
+            },
+            {
+              text: 'Write components that are easy to test',
+              link: '/guide/essentials/easy-to-test'
+            }
+          ]
+        },
+        {
+          text: 'Vue Test Utils in depth',
+          items: [
+            { text: 'Slots', link: '/guide/advanced/slots' },
+            {
+              text: 'Asynchronous Behavior',
+              link: '/guide/advanced/async-suspense'
+            },
+            {
+              text: 'Making HTTP Requests',
+              link: '/guide/advanced/http-requests'
+            },
+            { text: 'Transitions', link: '/guide/advanced/transitions' },
+            {
+              text: 'Component Instance',
+              link: '/guide/advanced/component-instance'
+            },
+            {
+              text: 'Reusability and Composition',
+              link: '/guide/advanced/reusability-composition'
+            },
+            { text: 'Testing v-model', link: '/guide/advanced/v-model' },
+            { text: 'Testing Vuex', link: '/guide/advanced/vuex' },
+            { text: 'Testing Vue Router', link: '/guide/advanced/vue-router' },
+            { text: 'Testing Teleport', link: '/guide/advanced/teleport' },
+            {
+              text: 'Stubs and Shallow Mount',
+              link: '/guide/advanced/stubs-shallow-mount'
+            },
+            { text: 'Testing Server-side Rendering', link: '/guide/advanced/ssr' }
+          ]
+        },
+        {
+          text: 'Extending Vue Test Utils',
+          items: [
+            { text: 'Plugins', link: '/guide/extending-vtu/plugins' },
+            {
+              text: 'Community and Learning',
+              link: '/guide/extending-vtu/community-learning'
+            }
+          ]
+        },
+        {
+          text: 'FAQ',
+          link: '/guide/faq/'
+        },
+        {
+          text: 'Migrating from Vue 2',
+          link: '/migration/'
+        },
+        {
+          text: 'API Reference',
+          link: '/api/'
+        }
+      ]
+    }
+  }
+}
diff --git a/docs/.vitepress/config/fr.mts b/docs/.vitepress/config/fr.mts
new file mode 100644
index 000000000..33ba5f222
--- /dev/null
+++ b/docs/.vitepress/config/fr.mts
@@ -0,0 +1,125 @@
+import type { DefaultTheme, LocaleSpecificConfig } from 'vitepress'
+
+export const META_URL = ''
+export const META_TITLE = 'Vue Test Utils'
+export const META_DESCRIPTION = 'La librairie officielle de tests unitaires pour Vue.js 3'
+
+export const frConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
+  description: META_DESCRIPTION,
+  head: [
+    ['meta', { property: 'og:url', content: META_URL }],
+    ['meta', { property: 'og:title', content: META_TITLE }],
+    ['meta', { property: 'og:description', content: META_DESCRIPTION }],
+    ['meta', { property: 'twitter:url', content: META_URL }],
+    ['meta', { property: 'twitter:title', content: META_TITLE }],
+    ['meta', { property: 'twitter:description', content: META_DESCRIPTION }],
+  ],
+
+  themeConfig: {
+    editLink: {
+      pattern: 'https://github.com/vuejs/test-utils/edit/main/docs/:path',
+      text: 'Suggest changes to this page',
+    },
+
+    nav: [
+      { text: 'Guide', link: '/fr/guide/' },
+      { text: 'API', link: '/fr/api/' },
+      {
+        text: 'FAQ',
+        link: '/fr/guide/faq/'
+      },
+      { text: 'Migrer depuis Vue 2', link: '/fr/migration/' },
+      {
+        text: 'Journal de modifications',
+        link: 'https://github.com/vuejs/test-utils/releases'
+      }
+    ],
+
+    sidebar: {
+      '/fr': [
+        {
+          text: 'Installation',
+          link: '/fr/installation/'
+        },
+        {
+          text: 'Les Bases',
+          items: [
+            { text: 'Pour commencer', link: '/fr/guide/' },
+            { text: 'Cours rapide', link: '/fr/guide/essentials/a-crash-course' },
+            {
+              text: 'Rendu conditionnel',
+              link: '/fr/guide/essentials/conditional-rendering'
+            },
+            {
+              text: 'Tester les évènements émis',
+              link: '/fr/guide/essentials/event-handling'
+            },
+            { text: 'Tester les formulaires', link: '/fr/guide/essentials/forms' },
+            {
+              text: 'Passer des données aux Composants',
+              link: '/fr/guide/essentials/passing-data'
+            },
+            {
+              text: 'Écrire des composants facile à tester',
+              link: '/fr/guide/essentials/easy-to-test'
+            }
+          ]
+        },
+        {
+          text: 'Vue Test Utils en détail',
+          items: [
+            { text: 'Slots', link: '/fr/guide/advanced/slots' },
+            {
+              text: 'Comportement asynchrone',
+              link: '/fr/guide/advanced/async-suspense'
+            },
+            {
+              text: 'Faire des requêtes HTTP',
+              link: '/fr/guide/advanced/http-requests'
+            },
+            { text: 'Transitions', link: '/fr/guide/advanced/transitions' },
+            {
+              text: 'Instance de Composant',
+              link: '/fr/guide/advanced/component-instance'
+            },
+            {
+              text: 'Réutilisabilité et Composition',
+              link: '/fr/guide/advanced/reusability-composition'
+            },
+            { text: 'Tester v-model', link: '/fr/guide/advanced/v-model' },
+            { text: 'Tester Vuex', link: '/fr/guide/advanced/vuex' },
+            { text: 'Tester Vue Router', link: '/fr/guide/advanced/vue-router' },
+            { text: 'Tester Teleport', link: '/fr/guide/advanced/teleport' },
+            {
+              text: 'Composants de Substitution (Stubs) et Montage Partiel',
+              link: '/fr/guide/advanced/stubs-shallow-mount'
+            },
+            { text: 'Tester le Rendu côté Serveur (SSR)', link: '/fr/guide/advanced/ssr' }
+          ]
+        },
+        {
+          text: 'Extensions de Vue Test Utils',
+          items: [
+            { text: 'Plugins', link: '/fr/guide/extending-vtu/plugins' },
+            {
+              text: 'Communauté et Apprentissage',
+              link: '/fr/guide/extending-vtu/community-learning'
+            }
+          ]
+        },
+        {
+          text: 'FAQ',
+          link: '/fr/guide/faq/'
+        },
+        {
+          text: 'Migrer depuis Vue 2',
+          link: '/fr/migration/'
+        },
+        {
+          text: 'API',
+          link: '/fr/api/'
+        }
+      ]
+    }
+  }
+}
diff --git a/docs/.vitepress/config/index.mts b/docs/.vitepress/config/index.mts
new file mode 100644
index 000000000..ad9c16ffe
--- /dev/null
+++ b/docs/.vitepress/config/index.mts
@@ -0,0 +1,15 @@
+import { enConfig } from './en.mts'
+import { frConfig } from './fr.mts'
+import { zhConfig } from './zh.mts'
+import { sharedConfig } from './shared.mts'
+import { defineConfig } from 'vitepress'
+
+export default defineConfig({
+  ...sharedConfig,
+
+  locales: {
+    root: { label: 'English', lang: 'en-US', link: '/', ...enConfig },
+    fr: { label: 'Français', lang: 'fr-FR', link: '/fr/', ...frConfig },
+    zh: { label: '简体中文', lang: 'zh-CN', link: '/zh/', ...zhConfig }
+  }
+})
diff --git a/docs/.vitepress/config/shared.mts b/docs/.vitepress/config/shared.mts
new file mode 100644
index 000000000..ee7850372
--- /dev/null
+++ b/docs/.vitepress/config/shared.mts
@@ -0,0 +1,113 @@
+import { defineConfig } from 'vitepress'
+
+// TODO:
+// export const META_IMAGE = 'https://test-utils.vuejs.org/social.png'
+export const META_IMAGE = null
+export const isProduction =
+  process.env.NETLIFY && process.env.CONTEXT === 'production'
+
+if (process.env.NETLIFY) {
+  console.log('Netlify build', process.env.CONTEXT)
+}
+
+const rControl = /[\u0000-\u001f]/g
+const rSpecial = /[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'“”‘’<>,.?/]+/g
+const rCombining = /[\u0300-\u036F]/g
+
+/**
+ * Default slugification function
+ */
+export const slugify = (str: string): string =>
+  str
+    .normalize('NFKD')
+    // Remove accents
+    .replace(rCombining, '')
+    // Remove control characters
+    .replace(rControl, '')
+    // Replace special characters
+    .replace(rSpecial, '-')
+    // ensure it doesn't start with a number
+    .replace(/^(\d)/, '_$1')
+
+export const sharedConfig = defineConfig({
+  title: 'Vue Test Utils',
+  appearance: true,
+
+  markdown: {
+    theme: {
+      dark: 'one-dark-pro',
+      light: 'github-light',
+    },
+
+    anchor: {
+      slugify,
+    },
+  },
+
+  head: [
+    ['link', { rel: 'icon', type: 'image/png', href: '/logo.png' }],
+
+    [
+      'meta',
+      { name: 'wwads-cn-verify', content: '7e7757b1e12abcb736ab9a754ffb617a' },
+    ],
+
+    [
+      'meta',
+      {
+        property: 'og:type',
+        content: 'website',
+      },
+    ],
+
+    [
+      'meta',
+      {
+        property: 'twitter:card',
+        content: 'summary_large_image',
+      },
+    ],
+    // [
+    //   'meta',
+    //   {
+    //     property: 'twitter:image',
+    //     content: META_IMAGE,
+    //   },
+    // ],
+  ],
+
+  themeConfig: {
+    logo: '/logo.svg',
+    outline: [2, 3],
+
+    socialLinks: [
+      {
+        icon: 'github',
+        link: 'https://github.com/vuejs/test-utils/',
+      },
+      {
+        icon: 'discord',
+        link: 'https://chat.vuejs.org',
+      },
+    ],
+
+    footer: {
+      copyright: 'Copyright © 2014-present Evan You',
+      message: 'Released under the MIT License.',
+    },
+
+    editLink: {
+      pattern: 'https://github.com/vuejs/test-utils/edit/main/docs/:path',
+      text: 'Suggest changes',
+    },
+
+    algolia: {
+      appId: 'BH4D9OD16A',
+      apiKey: 'ee1b8516c9e5a5be9b6c25684eafc42f',
+      indexName: 'vue_test_utils',
+      searchParameters: {
+        facetFilters: ['tags:next']
+      }
+    },
+  },
+})
diff --git a/docs/.vitepress/config/zh.mts b/docs/.vitepress/config/zh.mts
new file mode 100644
index 000000000..fd24b3a25
--- /dev/null
+++ b/docs/.vitepress/config/zh.mts
@@ -0,0 +1,154 @@
+import type { DefaultTheme, LocaleSpecificConfig } from 'vitepress'
+
+export const META_URL = ''
+export const META_TITLE = 'Vue Test Utils'
+export const META_DESCRIPTION = 'Vue.js 3 官方测试工具集'
+
+export const zhConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
+  description: META_DESCRIPTION,
+  head: [
+    ['meta', { property: 'og:url', content: META_URL }],
+    ['meta', { property: 'og:title', content: META_TITLE }],
+    ['meta', { property: 'og:description', content: META_DESCRIPTION }],
+    ['meta', { property: 'twitter:url', content: META_URL }],
+    ['meta', { property: 'twitter:title', content: META_TITLE }],
+    ['meta', { property: 'twitter:description', content: META_DESCRIPTION }]
+  ],
+
+  themeConfig: {
+    editLink: {
+      pattern: 'https://github.com/vuejs/test-utils/edit/main/docs/:path',
+      text: '改进此页面的内容'
+    },
+
+    nav: [
+      { text: '指南', link: '/zh/guide/' },
+      { text: 'API 参考', link: '/zh/api/' },
+      { text: '从 Vue 2 迁移', link: '/zh/migration/' },
+      {
+        text: '更新日志',
+        link: 'https://github.com/vuejs/test-utils/releases'
+      }
+    ],
+
+    sidebar: {
+      '/zh': [
+        {
+          text: '安装',
+          link: '/zh/installation/'
+        },
+        {
+          text: '基础知识',
+          items: [
+            {
+              text: '开始',
+              link: '/zh/guide/'
+            },
+            {
+              text: '快速上手',
+              link: '/zh/guide/essentials/a-crash-course'
+            },
+            {
+              text: '条件渲染',
+              link: '/zh/guide/essentials/conditional-rendering'
+            },
+            {
+              text: '测试事件触发',
+              link: '/zh/guide/essentials/event-handling'
+            },
+            {
+              text: '测试表单',
+              link: '/zh/guide/essentials/forms'
+            },
+            {
+              text: '传递数据到组件',
+              link: '/zh/guide/essentials/passing-data'
+            },
+            {
+              text: '编写易于测试的组件',
+              link: '/zh/guide/essentials/easy-to-test'
+            }
+          ]
+        },
+        {
+          text: '深入学习 Vue Test Utils',
+          items: [
+            {
+              text: '插槽',
+              link: '/zh/guide/advanced/slots'
+            },
+            {
+              text: '异步行为',
+              link: '/zh/guide/advanced/async-suspense'
+            },
+            {
+              text: '发起 HTTP 请求',
+              link: '/zh/guide/advanced/http-requests'
+            },
+            {
+              text: '过渡效果',
+              link: '/zh/guide/advanced/transitions'
+            },
+            {
+              text: '组件实例',
+              link: '/zh/guide/advanced/component-instance'
+            },
+            {
+              text: '复用与组合',
+              link: '/zh/guide/advanced/reusability-composition'
+            },
+            {
+              text: '测试 v-model',
+              link: '/zh/guide/advanced/v-model'
+            },
+            {
+              text: '测试 Vuex',
+              link: '/zh/guide/advanced/vuex'
+            },
+            {
+              text: '测试 Vue Router',
+              link: '/zh/guide/advanced/vue-router'
+            },
+            {
+              text: '测试 Teleport',
+              link: '/zh/guide/advanced/teleport'
+            },
+            {
+              text: '测试替身 (stub) 和浅挂载',
+              link: '/zh/guide/advanced/stubs-shallow-mount'
+            },
+            {
+              text: '测试服务端渲染',
+              link: '/zh/guide/advanced/ssr'
+            }
+          ]
+        },
+        {
+          text: '扩展 Vue Test Utils',
+          items: [
+            {
+              text: '插件',
+              link: '/zh/guide/extending-vtu/plugins'
+            },
+            {
+              text: '社区与学习资源',
+              link: '/zh/guide/extending-vtu/community-learning'
+            }
+          ]
+        },
+        {
+          text: '常见问题',
+          link: '/zh/guide/faq/'
+        },
+        {
+          text: '从 Vue 2 迁移',
+          link: '/zh/migration/'
+        },
+        {
+          text: 'API 参考',
+          link: '/zh/api/'
+        }
+      ]
+    }
+  }
+}
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
new file mode 100644
index 000000000..d59dd22e2
--- /dev/null
+++ b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,8 @@
+.VPContent {
+  display: flex;
+  align-items: center;
+}
+
+.VPHome {
+  flex-grow: 1;
+}
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.mts b/docs/.vitepress/theme/index.mts
new file mode 100644
index 000000000..716b55a15
--- /dev/null
+++ b/docs/.vitepress/theme/index.mts
@@ -0,0 +1,19 @@
+import { h } from 'vue'
+import Theme from 'vitepress/theme'
+import TranslationStatus from 'vitepress-translation-helper/ui/TranslationStatus.vue'
+import status from '../translation-status.json'
+import './custom.css'
+const i18nLabels = {
+  fr: 'La traduction est synchronisée avec les docs du ${date} dont le hash du commit est <code>${hash}</code>.',
+  zh: '该翻译已同步到了 ${date} 的版本，其对应的 commit hash 是 <code>${hash}</code>。'
+}
+
+
+export default {
+  ...Theme,
+  Layout() {
+    return h(Theme.Layout, null, {
+      'doc-before': () => h(TranslationStatus, { status, i18nLabels }),
+    })
+  },
+}
diff --git a/docs/.vitepress/translation-status.json b/docs/.vitepress/translation-status.json
new file mode 100644
index 000000000..b7a6d4c97
--- /dev/null
+++ b/docs/.vitepress/translation-status.json
@@ -0,0 +1,10 @@
+{
+  "fr": {
+    "hash": "644917a",
+    "date": "2024-05-28"
+  },
+  "zh": {
+    "hash": "7c55128",
+    "date": "2024-11-28"
+  }
+}
\ No newline at end of file
diff --git a/docs/.vitepress/tsconfig.vitepress.json b/docs/.vitepress/tsconfig.vitepress.json
new file mode 100644
index 000000000..1a11e5d76
--- /dev/null
+++ b/docs/.vitepress/tsconfig.vitepress.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true
+  },
+  "include": ["./config", "./theme"]
+}
diff --git a/docs/api/index.md b/docs/api/index.md
index a5826c6e2..7e7818207 100644
--- a/docs/api/index.md
+++ b/docs/api/index.md
@@ -7,12 +7,14 @@ sidebar: auto
 ## mount
 
 Creates a Wrapper that contains the mounted and rendered Vue component to test.
+Note that when mocking dates/timers with Vitest, this must be called after
+`vi.setSystemTime`.
 
 **Signature:**
 
 ```ts
 interface MountingOptions<Props, Data = {}> {
-  attachTo?: HTMLElement | string
+  attachTo?: Element | string
   attrs?: Record<string, unknown>
   data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
   props?: (RawProps & Props) | ({} extends Props ? null : never)
@@ -44,7 +46,7 @@ test('mounts a component', () => {
 
 Notice that `mount` accepts a second parameter to define the component's state configuration.
 
-**Example: mounting with component props and a Vue App plugin**
+**Example : mounting with component props and a Vue App plugin**
 
 ```js
 const wrapper = mount(Component, {
@@ -67,18 +69,20 @@ If you find yourself having to set common App configuration for many of your tes
 
 ### attachTo
 
-Specify the node to mount the component on.
+Specify the node to mount the component on. This is not available when using `renderToString`.
 
 **Signature:**
 
 ```ts
-attachTo?: HTMLElement | string
+attachTo?: Element | string
 ```
 
 **Details:**
 
 Can be a valid CSS selector, or an [`Element`](https://developer.mozilla.org/en-US/docs/Web/API/Element) connected to the document.
 
+Note that the component is appended to the node, it doesn't replace the whole content of the node. If you mount the component on the same node in multiple tests - make sure to unmount it after each test by calling `wrapper.unmount()`, this will remove the rendered elements from the node.
+
 `Component.vue`:
 
 ```vue
@@ -825,9 +829,9 @@ test('shallow', () => {
   const wrapper = mount(Component, { shallow: true })
 
   expect(wrapper.html()).toEqual(
-    `<a-component-stub></a-component-stub><another-component></another-component>`
+    `<a-component-stub></a-component-stub><another-component-stub></another-component-stub>`
   )
-}
+})
 ```
 
 ::: tip
@@ -1024,6 +1028,11 @@ find<T extends Node = Node>(selector: string | RefSelector): DOMWrapper<T>;
 
 You can use the same syntax `querySelector` implements. `find` is basically an alias for `querySelector`. In addition you can search for element refs.
 
+It is similar to `get`, but `find` returns an ErrorWrapper if an element is not found while [`get`](#get) will throw an error.
+
+As a rule of thumb, always use `find` when you are asserting something doesn't exist. If you are asserting something does exist, use [`get`](#get).
+
+
 `Component.vue`:
 
 ```vue
@@ -1097,8 +1106,8 @@ Finds a Vue Component instance and returns a `VueWrapper` if found. Returns `Err
 
 ```ts
 findComponent<T extends never>(selector: string): WrapperLike
-findComponent<T extends DefinedComponent>(selector: T | Exclude<FindComponentSelector, FunctionalComponent>): VueWrapper<InstanceType<T>>
-findComponent<T extends FunctionalComponent>(selector: T | string): DOMWrapper<Element>
+findComponent<T extends DefinedComponent>(selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>): VueWrapper<InstanceType<T>>
+findComponent<T extends FunctionalComponent<any>>(selector: T | string): DOMWrapper<Element>
 findComponent<T extends never>(selector: NameSelector | RefSelector): VueWrapper
 findComponent<T extends ComponentPublicInstance>(selector: T | FindComponentSelector): VueWrapper<T>
 findComponent(selector: FindComponentSelector): WrapperLike
@@ -1170,7 +1179,7 @@ test('findComponent', () => {
 ```
 
 :::warning
-If `ref` in component points to HTML element, `findComponent` will return empty wrapper. This is intended behaviour
+If `ref` in component points to HTML element, `findComponent` will return empty wrapper. This is intended behaviour.
 :::
 
 :::warning Usage with CSS selectors
@@ -1215,9 +1224,9 @@ wrapper.findComponent<DefineComponent>('.foo') // returns VueWrapper
 
 ```ts
 findAllComponents<T extends never>(selector: string): WrapperLike[]
-findAllComponents<T extends DefinedComponent>(selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent>): VueWrapper<InstanceType<T>>[]
-findAllComponents<T extends FunctionalComponent>(selector: string): DOMWrapper<Element>[]
-findAllComponents<T extends FunctionalComponent>(selector: T): DOMWrapper<Node>[]
+findAllComponents<T extends DefinedComponent>(selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent<any>>): VueWrapper<InstanceType<T>>[]
+findAllComponents<T extends FunctionalComponent<any>>(selector: string): DOMWrapper<Element>[]
+findAllComponents<T extends FunctionalComponent<any>>(selector: T): DOMWrapper<Node>[]
 findAllComponents<T extends never>(selector: NameSelector): VueWrapper[]
 findAllComponents<T extends ComponentPublicInstance>(selector: T | FindAllComponentsSelector): VueWrapper<T>[]
 findAllComponents(selector: FindAllComponentsSelector): WrapperLike[]
@@ -1274,9 +1283,9 @@ get(selector: string): Omit<DOMWrapper<Element>, 'exists'>
 
 **Details:**
 
-It is similar to `find`, but `get` throws instead of returning a ErrorWrapper.
+It is similar to `find`, but `get` throws an error if an element is not found while [`find`](#find) will return an ErrorWrapper.
 
-As a rule of thumb, always use get except when you are asserting something doesn't exist. In that case use [`find`](#find).
+As a rule of thumb, always use `get` except when you are asserting something doesn't exist. In that case use [`find`](#find).
 
 `Component.vue`:
 
@@ -1315,7 +1324,7 @@ getComponent<T extends ComponentPublicInstance>(selector: any): Omit<VueWrapper<
 
 **Details:**
 
-It is similar to `findComponent`, but `getComponent` throws instead of returning a ErrorWrapper.
+It is similar to `findComponent`, but `getComponent` throws an error if a Vue Component instance is not found while [`findComponent`](#findComponent) will return an ErrorWrapper.
 
 **Supported syntax:**
 
@@ -1378,10 +1387,14 @@ test('getComponent', () => {
 
 Returns the HTML of an element.
 
+By default the output is formatted with [`js-beautify`](https://github.com/beautify-web/js-beautify)
+to make snapshots more readable. Use `raw: true` option to receive the unformatted html string.
+
 **Signature:**
 
 ```ts
 html(): string
+html(options?: { raw?: boolean }): string
 ```
 
 **Details:**
@@ -1405,7 +1418,13 @@ import Component from './Component.vue'
 test('html', () => {
   const wrapper = mount(Component)
 
-  expect(wrapper.html()).toBe('<div><p>Hello world</p></div>')
+  expect(wrapper.html()).toBe(
+    '<div>\n' +
+    '  <p>Hello world</p>\n' +
+    '</div>'
+  )
+
+  expect(wrapper.html({ raw: true })).toBe('<div><p>Hello world</p></div>')
 })
 ```
 
@@ -1421,15 +1440,21 @@ isVisible(): boolean
 
 **Details:**
 
+::: warning
+`isVisible()` only works correctly if the wrapper is attached to the DOM using [`attachTo`](#attachTo)
+:::
+
 ```js
 const Component = {
   template: `<div v-show="false"><span /></div>`
 }
 
 test('isVisible', () => {
-  const wrapper = mount(Component)
+  const wrapper = mount(Component, {
+    attachTo: document.body
+  });
 
-  expect(wrapper.find('span').isVisible()).toBe(false)
+  expect(wrapper.find('span').isVisible()).toBe(false);
 })
 ```
 
@@ -1516,7 +1541,9 @@ setData(data: Record<string, any>): Promise<void>
 
 `setData` does not allow setting new properties that are not defined in the component.
 
+::: warning
 Also, notice that `setData` does not modify composition API `setup()` data.
+:::
 
 `Component.vue`:
 
@@ -1633,6 +1660,12 @@ setValue(value: unknown, prop?: string): Promise<void>
 
   <input type="checkbox" v-model="checked" />
   <div v-if="checked">The input has been checked!</div>
+
+  <select v-model="multiselectValue" multiple>
+    <option value="value1"></option>
+    <option value="value2"></option>
+    <option value="value3"></option>
+  </select>
 </template>
 
 <script>
@@ -1640,7 +1673,8 @@ export default {
   data() {
     return {
       text: '',
-      checked: false
+      checked: false,
+      multiselectValue: []
     }
   }
 }
@@ -1657,18 +1691,27 @@ test('setValue on checkbox', async () => {
   const wrapper = mount(Component)
 
   await wrapper.find('input[type="checkbox"]').setValue(true)
-  expect(wrapper.find('div')).toBe(true)
+  expect(wrapper.find('div').exists()).toBe(true)
 
   await wrapper.find('input[type="checkbox"]').setValue(false)
-  expect(wrapper.find('div')).toBe(false)
+  expect(wrapper.find('div').exists()).toBe(false)
 })
 
-test('setValue on input text', () => {
+test('setValue on input text', async () => {
   const wrapper = mount(Component)
 
   await wrapper.find('input[type="text"]').setValue('hello!')
   expect(wrapper.find('p').text()).toBe('Text: hello!')
 })
+
+test('setValue on multi select', async () => {
+  const wrapper = mount(Component)
+
+  // For select without multiple
+  await wrapper.find('select').setValue('value1')
+  // For select with multiple
+  await wrapper.find('select').setValue(['value1', 'value3'])
+})
 ```
 
 ::: warning
@@ -1771,6 +1814,12 @@ await wrapper.trigger('keydown', { keyCode: 65 })
 You should use `await` when you call `trigger` to ensure that Vue updates the DOM before you make an assertion.
 :::
 
+::: warning
+Some events, like clicking on a checkbox to change its `v-model`,
+will only work if the test uses `attachTo: document.body`.
+Otherwise, the `change` event will not be triggered, and the `v-model` value does not change.
+:::
+
 ### unmount
 
 Unmount the application from the DOM.
@@ -1840,7 +1889,7 @@ Creates a Wrapper that contains the mounted and rendered Vue component to test w
 
 ```ts
 interface MountingOptions<Props, Data = {}> {
-  attachTo?: HTMLElement | string
+  attachTo?: Element | string
   attrs?: Record<string, unknown>
   data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
   props?: (RawProps & Props) | ({} extends Props ? null : never)
@@ -1860,7 +1909,7 @@ function shallowMount(Component, options?: MountingOptions): VueWrapper
 **Signature:**
 
 ```ts
-enableAutoUnmount(hook: Function));
+enableAutoUnmount(hook: (callback: () => void) => void);
 disableAutoUnmount(): void;
 ```
 
@@ -1915,7 +1964,7 @@ type GlobalMountOptions = {
 
 Instead of configuring mounting options on a per test basis, you can configure them for your entire test suite. These will be used by default every time you `mount` a component. If desired, you can then override your defaults on a per test basis.
 
-**Example:**
+**Example :**
 
 An example might be globally mocking the `$t` variable from vue-i18n and a component:
 
diff --git a/docs/fr/README.md b/docs/fr/README.md
new file mode 100644
index 000000000..3372687fc
--- /dev/null
+++ b/docs/fr/README.md
@@ -0,0 +1,83 @@
+# Vue Test Utils
+
+Utilitaire de Test de Composants pour Vue 3.
+
+## Installation et Utilisation
+
+- yarn: `yarn add @vue/test-utils --dev`
+- npm: `npm install @vue/test-utils --save-dev`
+
+Lancez-vous avec la [documentation](https://test-utils.vuejs.org/fr).
+
+## Vous venez de Vue 2 + Test Utils v1?
+
+[Jetez un œil au guide de migration](https://test-utils.vuejs.org/migration/fr). C'est encore en cours de développement. Si vous rencontrez un problème ou quelque chose qui ne fonctionne plus alors qu'il fonctionnait auparavant dans Vue Test Utils v1, veuillez ouvrir une question sur GitHub.
+
+## Documentation
+
+Voir la [documentation](https://test-utils.vuejs.org/fr).
+
+## Développement
+
+Commencez en exécutant la commande `pnpm install`. Vous pouvez exécuter les tests avec la commande `pnpm test`. C'est tout&nbsp;!
+
+## Comparaison avec Vue Test Utils v1 (qui cible Vue 2)
+
+Voici un tableau pour ceux qui viennent de VTU 1, comparant les deux API. Certaines choses sont encore en cours de développement.
+
+- ✅ - implémenté
+- ❌ - pas encore implémenté
+- ⚰️ - ne sera pas implémenté (si vous trouvez un scénario qui prouve son utilité, veuillez ouvrir une question sur GitHub)
+
+### Mounting Options
+
+| option           | status | notes                                                                                 |
+|------------------|--------|---------------------------------------------------------------------------------------|
+| data             | ✅      |
+| slots            | ✅      |
+| mocks            | ✅      | situé dans `global`                                                                   |
+| propsData        | ✅      | s'appelle maintenant `props`                                                          |
+| provide          | ✅      | situé dans `global`                                                                   |
+| mixins           | ✅      | (nouveau !) situé dans `global`                                                       |
+| plugins          | ✅      | (nouveau !) situé dans `global`                                                       |
+| component        | ✅      | (nouveau !) situé dans `global`                                                       |
+| directives       | ✅      | (nouveau !) situé dans `global`                                                       |
+| stubs            | ✅      |
+| attachToDocument | ✅      | renommé en `attachTo`. Voir [here](https://github.com/vuejs/vue-test-utils/pull/1492) |
+| attrs            | ✅      | 
+| scopedSlots      | ⚰️     | `scopedSlots` sont fusionnés dans `slots` dans Vue 3                                  |
+| context          | ⚰️     | différent depuis Vue 2, n'a plus d'utilité.                                           |
+| localVue         | ⚰️     | n'est plus obligatoire - Vue 3 il n'y a plus d'instance globale à muter.              |
+| listeners        | ⚰️     | n'existe plus dans Vue 3                                                              |
+| parentComponent  | ⚰️     |
+
+### Wrapper API (mount)
+
+| method         | status | notes                                                                                                                               |
+|----------------|--------|-------------------------------------------------------------------------------------------------------------------------------------|
+| attributes     | ✅      |
+| classes        | ✅      |
+| exists         | ✅      |
+| find           | ✅      | seulement la syntaxe `querySelector` est supportée. `find(Comp)` discuté [ici](https://github.com/vuejs/vue-test-utils/issues/1498) |
+| emitted        | ✅      |
+| findAll        | ✅      | voir ci-dessus. `.vm` est différent de celui de Vue 2. Nous étudions les options.                                                   |
+| get            | ✅      |
+| html           | ✅      |
+| setValue       | ✅      | fonctionne avec les `select`, `checkbox`, `radio button`, `input`, `textarea`. Retourne `nextTick`.                                 |
+| text           | ✅      |
+| trigger        | ✅      | retourne `nextTick`. Vous pouvez écrire `await wrapper.find('button').trigger('click')`                                             |
+| setProps       | ✅      |
+| props          | ✅      |
+| setData        | ✅      |
+| destroy        | ✅      | renommé en `unmount` pour correspondre au cycle de vie Vue 3.                                                                       |
+| props          | ✅      |
+| isVisible      | ✅      |
+| contains       | ⚰️     | utilisez `find`                                                                                                                     |
+| emittedByOrder | ⚰️     | utilisez `emitted`                                                                                                                  |
+| setSelected    | ⚰️     | fait maintenant parti de `setValue`                                                                                                 |
+| setChecked     | ⚰️     | fait maintenant parti de `setValue`                                                                                                 |
+| is             | ⚰️     |
+| isEmpty        | ⚰️     | utilisez une fonction comme [celle-ci](https://github.com/testing-library/jest-dom#tobeempty)                                       |
+| isVueInstance  | ⚰️     |
+| name           | ⚰️     |
+| setMethods     | ⚰️     |
diff --git a/docs/fr/api/index.md b/docs/fr/api/index.md
new file mode 100644
index 000000000..f58b3d926
--- /dev/null
+++ b/docs/fr/api/index.md
@@ -0,0 +1,2039 @@
+---
+sidebar: auto
+---
+
+# API
+
+## mount
+
+Crée un `Wrapper` qui contient le composant Vue monté et rendu pour le test.
+
+**Signature&nbsp;:**
+
+```ts
+interface MountingOptions<Props, Data = {}> {
+  attachTo?: Element | string
+  attrs?: Record<string, unknown>
+  data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
+  props?: (RawProps & Props) | ({} extends Props ? null : never)
+  slots?: { [key: string]: Slot } & { default?: Slot }
+  global?: GlobalMountOptions
+  shallow?: boolean
+};
+
+function mount(Component, options?: MountingOptions): VueWrapper
+```
+
+**Utilisation&nbsp;:**
+
+`mount` est la méthode principale exposée par Vue Test Utils. Elle crée une application Vue 3 qui contient et rend le composant en cours de test. En retour, il crée un wrapper pour agir et vérifier le comportement du composant.
+
+```js
+import { mount } from '@vue/test-utils';
+
+const Component = {
+  template: '<div>Bonjour tout le monde</div>',
+};
+
+test('monte un composant', () => {
+  const wrapper = mount(Component, {});
+
+  expect(wrapper.html()).toContain('Bonjour tout le monde');
+});
+```
+
+Remarquez que `mount` accepte un second paramètre pour définir l'état du composant.
+
+**Exemple&nbsp;: monter un composant avec des `props` et un plugin Vue**
+
+```js
+const wrapper = mount(Component, {
+  props: {
+    msg: 'Bonjour tout le monde',
+  },
+  global: {
+    plugins: [vuex],
+  },
+});
+```
+
+#### options.global
+
+Parmi les états du composant, vous pouvez configurer l'application Vue 3 par la propriété de configuration [`MountingOptions.global` config property](#global). Cela peut être utile pour fournir des valeurs simulées dont vos composants pourraient avoir besoin.
+
+::: tip
+Si vous vous retrouvez à définir une configuration commune de l'application pour de nombreux tests, vous pouvez définir la configuration pour tous vos tests complet à l'aide de l'[objet `config`](#config) exporté.
+:::
+
+### attachTo
+
+Spécifie le nœud où monter le composant.
+
+**Signature&nbsp;:**
+
+```ts
+attachTo?: Element | string
+```
+
+**Utilisation&nbsp;:**
+
+Peut être un sélecteur CSS valide ou un [`Element`](https://developer.mozilla.org/fr-FR/docs/Web/API/Element) connecté au document.
+
+`Component.vue`:
+
+```vue
+<template>
+  <p>Composant Vue</p>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+document.body.innerHTML = `
+  <div>
+    <h1>Pas une app Vue</h1>
+    <div id="app"></div>
+  </div>
+`;
+
+test('monte sur un composant spécifique', () => {
+  const wrapper = mount(Component, {
+    attachTo: document.getElementById('app'),
+  });
+
+  expect(document.body.innerHTML).toBe(`
+  <div>
+    <h1>Pas une app Vue</h1>
+    <div id="app"><div data-v-app=""><p>Composant Vue</p></div></div>
+  </div>
+  `);
+});
+```
+
+### attrs
+
+Définie les attributs HTML d'un composant.
+
+**Signature&nbsp;:**
+
+```ts
+attrs?: Record<string, unknown>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('attrs', () => {
+  const wrapper = mount(Component, {
+    attrs: {
+      id: 'Bonjour',
+      disabled: true,
+    },
+  });
+
+  expect(wrapper.attributes()).toEqual({
+    disabled: 'true',
+    id: 'Bonjour',
+  });
+});
+```
+
+Remarquez que définir une propriété remplacera toujours l'attribut&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('l\'attribut est remplacé par la prop éponyme', () => {
+  const wrapper = mount(Component, {
+    props: {
+      message: 'Bonjour tout le monde',
+    },
+    attrs: {
+      message: 'cette valeur va être remplacée',
+    },
+  });
+
+  expect(wrapper.props()).toEqual({ message: 'Bonjour tout le monde' });
+  expect(wrapper.attributes()).toEqual({});
+});
+```
+
+### data
+
+Remplace la `data` par défaut d'un composant. Doit être une fonction.
+
+**Signature&nbsp;:**
+
+```ts
+data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`
+
+```vue
+<template>
+  <div>Bonjour {{ message }}</div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      message: 'tout le monde',
+    };
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('data', () => {
+  const wrapper = mount(Component, {
+    data() {
+      return {
+        message: 'vous'
+      };
+    },
+  });
+
+  expect(wrapper.html()).toContain('Bonjour vous');
+});
+```
+
+### props
+
+Définie les `props` d'un composant lorsqu'il est monté.
+
+**Signature&nbsp;:**
+
+```ts
+props?: (RawProps & Props) | ({} extends Props ? null : never)
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Compteur: {{ count }}</span>
+</template>
+
+<script>
+export default {
+  props: {
+    count: {
+      type: Number,
+      required: true
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('props', () => {
+  const wrapper = mount(Component, {
+    props: {
+      count: 5,
+    },
+  });
+
+  expect(wrapper.html()).toContain('Compteur: 5');
+});
+```
+
+### slots
+
+Définie les valeurs des slots sur un composant.
+
+**Signature&nbsp;:**
+
+```ts
+type Slot = VNode | string | { render: Function } | Function | Component
+
+slots?: { [key: string]: Slot } & { default?: Slot }
+```
+
+**Utilisation&nbsp;:**
+
+Les `slots` peuvent être une `string` ou toute définition de composant valide importée d'un fichier `.vue` ou directement fournie.
+
+`Component.vue`:
+
+```vue
+<template>
+  <slot name="first" />
+  <slot />
+  <slot name="second" />
+</template>
+```
+
+`Bar.vue`:
+
+```vue
+<template>
+  <div>Bar</div>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { h } from 'vue';
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+import Bar from './Bar.vue';
+
+test('affiche le contenu du slot', () => {
+  const wrapper = mount(Component, {
+    slots: {
+      default: 'Défaut',
+      first: h('h1', {}, 'Slot Nommé'),
+      second: Bar,
+    },
+  });
+
+  expect(wrapper.html()).toBe('<h1>Slot Nommé</h1>Défaut<div>Bar</div>');
+});
+```
+
+### global
+
+**Signature&nbsp;:**
+
+```ts
+type GlobalMountOptions = {
+  plugins?: (Plugin | [Plugin, ...any[]])[]
+  config?: Partial<Omit<AppConfig, 'isNativeTag'>>
+  mixins?: ComponentOptions[]
+  mocks?: Record<string, any>
+  provide?: Record<any, any>
+  components?: Record<string, Component | object>
+  directives?: Record<string, Directive>
+  stubs?: Stubs = Record<string, boolean | Component> | Array<string>
+  renderStubDefaultSlot?: boolean
+};
+```
+
+Vous pouvez configurer toutes les options `global` à la fois pour chaque test, mais aussi pour l'ensemble des tests. [Voir comment configurer les valeurs par défaut à l'échelle du projet](#config-global).
+
+#### global.components
+
+Enregistre les composants de manière globale pour le composant monté.
+
+**Signature&nbsp;:**
+
+```ts
+components?: Record<string, Component | object>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>
+    <global-component />
+  </div>
+</template>
+
+<script>
+import GlobalComponent from '@/components/GlobalComponent';
+
+export default {
+  components: {
+    GlobalComponent,
+  },
+};
+</script>
+```
+
+`GlobalComponent.vue`:
+
+```vue
+<template>
+  <div class="global-component">Mon Composant Global</div>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import GlobalComponent from '@/components/GlobalComponent';
+import Component from './Component.vue';
+
+test('global.components', () => {
+  const wrapper = mount(Component, {
+    global: {
+      components: {
+        GlobalComponent,
+      },
+    },
+  });
+
+  expect(wrapper.find('.global-component').exists()).toBe(true);
+});
+```
+
+#### global.config
+
+Configure [la configuration globale de l'application Vue](https://v3.vuejs.org/api/application-config.html#application-config).
+
+**Signature&nbsp;:**
+
+```ts
+config?: Partial<Omit<AppConfig, 'isNativeTag'>>
+```
+
+#### global.directives
+
+Enregistre une [directive](https://v3.vuejs.org/api/directives.html#directives) de manière globale pour le composant monté.
+
+**Signature&nbsp;:**
+
+```ts
+directives?: Record<string, Directive>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+
+import Directive from '@/directives/Directive';
+
+const Component = {
+  template: '<div v-bar>Foo</div>',
+};
+
+test('global.directives', () => {
+  const wrapper = mount(Component, {
+    global: {
+      directives: {
+        Bar: Directive // Bar correspond à v-bar
+      },
+    },
+  });
+});
+```
+
+#### global.mixins
+
+Enregistre un [mixin](https://v3.vuejs.org/guide/mixins.html) de manière globale pour le composant monté.
+
+**Signature&nbsp;:**
+
+```ts
+mixins?: ComponentOptions[]
+```
+
+**Utilisation&nbsp;:**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('global.mixins', () => {
+  const wrapper = mount(Component, {
+    global: {
+      mixins: [mixin],
+    },
+  });
+});
+```
+
+#### global.mocks
+
+Simule une propriété d'instance globale. Peut être utilisé pour simuler `this.$store`, `this.$router`, etc.
+
+**Signature&nbsp;:**
+
+```ts
+mocks?: Record<string, any>
+```
+
+**Utilisation&nbsp;:**
+
+::: warning
+Ceci est conçu pour simuler des variables injectées par des plugins tiers, pas les propriétés natives de Vue telles que `$root`, `$children`, etc.
+:::
+
+`Component.vue`:
+
+```vue
+<template>
+  <button @click="onClick" />
+</template>
+
+<script>
+export default {
+  methods: {
+    onClick() {
+      this.$store.dispatch('click');
+    },
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('global.mocks', async () => {
+  const $store = {
+    dispatch: jest.fn(),
+  };
+
+  const wrapper = mount(Component, {
+    global: {
+      mocks: {
+        $store,
+      },
+    },
+  });
+
+  await wrapper.find('button').trigger('click');
+
+  expect($store.dispatch).toHaveBeenCalledWith('click');
+});
+```
+
+#### global.plugins
+
+Installe des plugins sur le composant monté.
+
+**Signature&nbsp;:**
+
+```ts
+plugins?: (Plugin | [Plugin, ...any[]])[]
+```
+
+**Utilisation&nbsp;:**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+import myPlugin from '@/plugins/myPlugin';
+
+test('global.plugins', () => {
+  mount(Component, {
+    global: {
+      plugins: [myPlugin],
+    },
+  });
+});
+```
+
+Pour utiliser des plugins avec des options, un tableau d'options peut être passé.
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('global.plugins avec options', () => {
+  mount(Component, {
+    global: {
+      plugins: [Plugin, [PluginWithOptions, 'argument 1', 'un autre argument']],
+    },
+  });
+});
+```
+
+#### global.provide
+
+Fournit des données utilisables dans la fonction `setup` via `inject`.
+
+**Signature&nbsp;:**
+
+```ts
+provide?: Record<any, any>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>Le thème est {{ theme }}</div>
+</template>
+
+<script>
+import { inject } from 'vue';
+
+export default {
+  setup() {
+    const theme = inject('Theme');
+    return {
+      theme,
+    };
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('global.provide', () => {
+  const wrapper = mount(Component, {
+    global: {
+      provide: {
+        Theme: 'sombre',
+      },
+    },
+  });
+
+  console.log(wrapper.html()); //=> <div>Le thème est sombre</div>
+});
+```
+
+Si vous utilisez un `Symbol` ES6 pour votre clé, vous pouvez l'utiliser dynamiquement&nbsp;:
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+const ThemeSymbol = Symbol();
+
+mount(Component, {
+  global: {
+    provide: {
+      [ThemeSymbol]: 'value',
+    },
+  },
+});
+```
+
+#### global.renderStubDefaultSlot
+
+Affiche le contenu du `slot default`, même en utilisant `shallow` ou `shallowMount`.
+
+**Signature&nbsp;:**
+
+```ts
+renderStubDefaultSlot?: boolean
+```
+
+**Utilisation&nbsp;:**
+
+**false** par défaut.
+
+`Component.vue`
+
+```vue
+<template>
+  <slot />
+  <another-component />
+</template>
+
+<script>
+export default {
+  components: {
+    AnotherComponent,
+  },
+};
+</script>
+```
+
+`AnotherComponent.vue`
+
+```vue
+<template>
+  <p>Contenu de l'autre composant</p>
+</template>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('global.renderStubDefaultSlot', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      default: '<div>Mon contenu</div>',
+    },
+    shallow: true,
+    global: {
+      renderStubDefaultSlot: true,
+    },
+  });
+
+  expect(wrapper.html()).toBe(
+    '<div>Mon contenu</div><another-component-stub></another-component-stub>'
+  );
+});
+```
+
+En raison de limitations techniques, **ce comportement ne peut pas être étendu aux slots autres que ceux par défaut**.
+
+#### global.stubs
+
+Définit un composant de remplacement (`stub`) global sur le composant monté.
+
+**Signature&nbsp;:**
+
+```ts
+stubs?: Record<any, any>
+```
+
+**Utilisation&nbsp;:**
+
+Substitue `Transition` et `TransitionGroup` par défaut.
+
+`Component.vue`:
+
+```vue
+<template>
+  <div><foo /></div>
+</template>
+
+<script>
+import Foo from '@/Foo.vue';
+
+export default {
+  components: { Foo },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('global.stubs en utilisant la syntaxe en tableau', () => {
+  const wrapper = mount(Component, {
+    global: {
+      stubs: ['Foo'],
+    },
+  });
+
+  expect(wrapper.html()).toEqual('<div><foo-stub></div>');
+});
+
+test('global.stubs en utilisant la syntaxe en objet', () => {
+  const wrapper = mount(Component, {
+    global: {
+      stubs: { Foo: true },
+    },
+  });
+
+  expect(wrapper.html()).toEqual('<div><foo-stub></div>');
+});
+
+test('global.stubs en utilisant un composant personnalisé', () => {
+  const CustomStub = {
+    name: 'CustomStub',
+    template: '<p>Contenu personnalisé du composant de substitution</p>',
+  }
+
+  const wrapper = mount(Component, {
+    global: {
+      stubs: { Foo: CustomStub },
+    },
+  });
+
+  expect(wrapper.html()).toEqual('<div><p>Contenu personnalisé du composant de substitution</p></div>');
+});
+```
+
+### shallow
+
+Substitue tous les composants enfants du composant.
+
+**Signature&nbsp;:**
+
+```ts
+shallow?: boolean
+```
+
+**Utilisation&nbsp;:**
+
+**false** par défaut.
+
+`Component.vue`
+
+```vue
+<template>
+  <a-component />
+  <another-component />
+</template>
+
+<script>
+export default {
+  components: {
+    AComponent,
+    AnotherComponent
+  },
+};
+</script>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('shallow', () => {
+  const wrapper = mount(Component, { shallow: true });
+
+  expect(wrapper.html()).toEqual(
+    `<a-component-stub></a-component-stub><another-component-stub></another-component-stub>`,
+  );
+});
+```
+
+::: tip
+Utiliser `shallowMount()` revient à monter un composant avec l'option `shallow: true`.
+:::
+
+## Méthodes de Wrapper
+
+Lorsque vous utilisez `mount`, un `VueWrapper` est retourné avec un certain nombre de méthodes utiles pour les tests. Un `VueWrapper` est une enveloppe autour de votre instance de composant.
+
+Notez que des méthodes telles que `find` retournent un `DOMWrapper`, qui est une enveloppe autour des nœuds DOM dans votre composant et ses enfants. Les deux implémentent une API similaire.
+
+### attributes
+
+Retourne les attributs d'un nœud du DOM.
+
+**Signature&nbsp;:**
+
+```ts
+attributes(): { [key: string]: string }
+attributes(key: string): string
+attributes(key?: string): { [key: string]: string } | string
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div id="foo" :class="className" />
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      className: 'bar',
+    };
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('attributs', () => {
+  const wrapper = mount(Component);
+
+  expect(wrapper.attributes('id')).toBe('foo');
+  expect(wrapper.attributes('class')).toBe('bar');
+});
+```
+
+### classes
+
+**Signature&nbsp;:**
+
+```ts
+classes(): string[]
+classes(className: string): boolean
+classes(className?: string): string[] | boolean
+```
+
+**Utilisation&nbsp;:**
+
+Retourne les classes d'un élément sous la forme d'un tableau.
+
+`Component.vue`:
+
+```vue
+<template>
+  <span class="my-span" />
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('classes', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.classes()).toContain('my-span');
+  expect(wrapper.classes('my-span')).toBe(true);
+  expect(wrapper.classes('not-existing')).toBe(false);
+});
+```
+
+### emitted
+
+Retourne tous les évènements émis par un Composant.
+
+**Signature&nbsp;:**
+
+```ts
+emitted<T = unknown>(): Record<string, T[]>
+emitted<T = unknown>(eventName: string): undefined | T[]
+emitted<T = unknown>(eventName?: string): undefined | T[] | Record<string, T[]>
+```
+
+**Utilisation&nbsp;:**
+
+Les arguments sont stockés dans un tableau, de sorte que vous pouvez vérifier les arguments qui ont été émis avec chaque événement.
+
+`Component.vue`:
+
+```vue
+<script>
+export default {
+  created() {
+    this.$emit('politesse', 'bonjour');
+    this.$emit('politesse', 'au revoir');
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('emitted', () => {
+  const wrapper = mount(Component)
+
+  // wrapper.emitted() sera égal à { politesse: [ ['bonjour'], ['au revoir'] ] }
+
+  expect(wrapper.emitted()).toHaveProperty('politesse');
+  expect(wrapper.emitted().greet).toHaveLength(2);
+  expect(wrapper.emitted().greet[0]).toEqual(['bonjour']);
+  expect(wrapper.emitted().greet[1]).toEqual(['au revoir']);
+});
+```
+
+### exists
+
+Vérifie si un élément existe ou non.
+
+**Signature&nbsp;:**
+
+```ts
+exists(): boolean
+```
+
+**Utilisation&nbsp;:**
+
+Nous pouvons utiliser la même syntaxe que `querySelector` implémente.
+
+`Component.vue`:
+
+```vue
+<template>
+  <span />
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('existe', () => {
+  const wrapper = mount(Component);
+
+  expect(wrapper.find('span').exists()).toBe(true);
+  expect(wrapper.find('p').exists()).toBe(false);
+});
+```
+
+### find
+
+Cherche un élément et retourne un `DOMWrapper` si un élément est trouvé.
+
+**Signature&nbsp;:**
+
+```ts
+find<K extends keyof HTMLElementTagNameMap>(selector: K): DOMWrapper<HTMLElementTagNameMap[K]>
+find<K extends keyof SVGElementTagNameMap>(selector: K): DOMWrapper<SVGElementTagNameMap[K]>
+find<T extends Element>(selector: string): DOMWrapper<T>
+find(selector: string): DOMWrapper<Element>
+find<T extends Node = Node>(selector: string | RefSelector): DOMWrapper<T>;
+```
+
+**Utilisation&nbsp;:**
+
+Vous pouvez utiliser la même syntaxe qu'implémente `querySelector`. `find` est en quelque sorte un alias pour `querySelector`. En plus, vous pouvez rechercher des références d'éléments.
+
+Il est similaire à `get`, mais `find` retourne un `ErrorWrapper` si un élément n'est pas trouvé tandis que [`get`](#get) lancera une erreur.
+
+En règle générale, utilisez toujours `find` lorsque vous souhaitez vérifier que quelque chose n'existe pas. Si vous savez que quelque chose existe, utilisez [`get`](#get).
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Span</span>
+  <span data-test="span">Span</span>
+  <span ref="span">Span</span>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('cherche', () => {
+  const wrapper = mount(Component);
+
+  wrapper.find('span') //=> trouvé; retourne DOMWrapper
+  wrapper.find('[data-test="span"]') //=> trouvé; retourne DOMWrapper
+  wrapper.find({ ref: 'span' }); //=> trouvé; retourne DOMWrapper
+  wrapper.find('p') //=> rien de trouvé; retourne ErrorWrapper
+});
+```
+
+### findAll
+
+Similaire à `find`, mais retourne un tableau de `DOMWrapper`.
+
+**Signature&nbsp;:**
+
+```ts
+findAll<K extends keyof HTMLElementTagNameMap>(selector: K): DOMWrapper<HTMLElementTagNameMap[K]>[]
+findAll<K extends keyof SVGElementTagNameMap>(selector: K): DOMWrapper<SVGElementTagNameMap[K]>[]
+findAll<T extends Element>(selector: string): DOMWrapper<T>[]
+findAll(selector: string): DOMWrapper<Element>[]
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <span v-for="number in [1, 2, 3]" :key="number" data-test="number">
+    {{ number }}
+  </span>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import BaseTable from './BaseTable.vue';
+
+test('trouve plusieurs éléments', () => {
+  const wrapper = mount(BaseTable);
+
+  // .findAll() retourne un tableau de DOMWrappers
+  const thirdRow = wrapper.findAll('span')[2];
+});
+```
+
+### findComponent
+
+Trouve une instance de composant Vue et renvoie un `VueWrapper` si trouvé. Renvoie un `ErrorWrapper` sinon.
+
+**Signature&nbsp;:**
+
+```ts
+findComponent<T extends never>(selector: string): WrapperLike
+findComponent<T extends DefinedComponent>(selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>): VueWrapper<InstanceType<T>>
+findComponent<T extends FunctionalComponent<any>>(selector: T | string): DOMWrapper<Element>
+findComponent<T extends never>(selector: NameSelector | RefSelector): VueWrapper
+findComponent<T extends ComponentPublicInstance>(selector: T | FindComponentSelector): VueWrapper<T>
+findComponent(selector: FindComponentSelector): WrapperLike
+```
+
+**Utilisation&nbsp;:**
+
+`findComponent` supporte plusieurs syntaxes&nbsp;:
+
+| Syntaxe          | Exemple                       | Détails                                                  |
+|------------------|-------------------------------|----------------------------------------------------------|
+| querySelector    | `findComponent('.component')` | Trouve comme à un sélecteur CSS standard.                |
+| Nom du Composant | `findComponent({name: 'a'})`  | Trouve en PascalCase, snake-case et camelCase.           |
+| Ref du Composant | `findComponent({ref: 'ref'})` | Trouve la reference directe d'un composant enfant monté. |
+| SFC              | `findComponent(Component)`    | Trouve directement un composant importé.                 |
+
+`Foo.vue`
+
+```vue
+<template>
+  <div class="foo">Foo</div>
+</template>
+
+<script>
+export default {
+  name: 'Foo',
+};
+</script>
+```
+
+`Component.vue`:
+
+```vue
+<template>
+  <Foo data-test="foo" ref="foo" class="foo" />
+</template>
+
+<script>
+import Foo from '@/Foo';
+
+export default {
+  components: { Foo },
+};
+</script>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+import Foo from '@/Foo.vue';
+
+test('trouve le composant', () => {
+  const wrapper = mount(Component);
+
+  // Toutes les requêtes suivantes retourneront un `VueWrapper`
+
+  wrapper.findComponent('.foo');
+  wrapper.findComponent('[data-test="foo"]');
+
+  wrapper.findComponent({ name: 'Foo' });
+
+  wrapper.findComponent({ ref: 'foo' });
+
+  wrapper.findComponent(Foo);
+});
+```
+
+:::warning
+Si `ref` dans le composant pointe vers un élément HTML, `findComponent` renverra un conteneur vide. C'est le comportement attendu.
+:::
+
+:::warning Utilisation avec des sélecteurs CSS
+L'utilisation de `findComponent` avec un sélecteur CSS peut avoir un comportement innatendu.
+
+Voici un exemple&nbsp;:
+
+```js
+const ChildComponent = {
+  name: 'Child',
+  template: '<div class="child"></div>',
+};
+const RootComponent = {
+  name: 'Root',
+  components: { ChildComponent },
+  template: '<child-component class="root" />',
+};
+const wrapper = mount(RootComponent);
+const rootByCss = wrapper.findComponent('.root'); // => trouve Root
+expect(rootByCss.vm.$options.name).toBe('Root');
+const childByCss = wrapper.findComponent('.child');
+expect(childByCss.vm.$options.name).toBe('Root'); // => toujours Root
+```
+
+La raison de ce comportement est que `RootComponent` et `ChildComponent` partagent le même nœud DOM et que seul le premier composant correspondant est inclus pour chaque nœud DOM unique.
+:::
+
+:::info Type WrapperLike en utilisant un sélecteur CSS
+Lors de l'utilisation de `wrapper.findComponent('.foo')` par exemple, VTU renverra le type `WrapperLike`. Cela est dû au fait que les composants fonctionnels auraient besoin d'un `DOMWrapper` au lieu d'un `VueWrapper`. Vous pouvez forcer le retour d'un `VueWrapper` en fournissant le type de composant correct&nbsp;:
+
+```typescript
+wrapper.findComponent('.foo'); // retourne WrapperLike
+wrapper.findComponent<typeof FooComponent>('.foo'); // retourne VueWrapper
+wrapper.findComponent<DefineComponent>('.foo'); // retourne VueWrapper
+```
+:::
+
+### findAllComponents
+
+**Signature&nbsp;:**
+
+```ts
+findAllComponents<T extends never>(selector: string): WrapperLike[]
+findAllComponents<T extends DefinedComponent>(selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent<any>>): VueWrapper<InstanceType<T>>[]
+findAllComponents<T extends FunctionalComponent<any>>(selector: string): DOMWrapper<Element>[]
+findAllComponents<T extends FunctionalComponent<any>>(selector: T): DOMWrapper<Node>[]
+findAllComponents<T extends never>(selector: NameSelector): VueWrapper[]
+findAllComponents<T extends ComponentPublicInstance>(selector: T | FindAllComponentsSelector): VueWrapper<T>[]
+findAllComponents(selector: FindAllComponentsSelector): WrapperLike[]
+```
+
+**Utilisation&nbsp;:**
+
+Similaire à `findComponent` mais trouve toutes les instances de composant Vue qui correspondent à la requête. Renvoie un tableau de `VueWrapper`.
+
+:::warning
+La syntaxe `ref` n'est pas prise en charge dans findAllComponents. Toutes les autres syntaxes de requête sont valides.
+:::
+
+`Component.vue`:
+
+```vue
+<template>
+  <FooComponent v-for="number in [1, 2, 3]" :key="number" data-test="number">
+    {{ number }}
+  </FooComponent>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('trouve tous les composants', () => {
+  const wrapper = mount(Component);
+
+  // Retourne un tableau de VueWrapper
+  wrapper.findAllComponents('[data-test="number"]');
+});
+```
+
+:::warning Utilisation avec des sélecteurs CSS
+`findAllComponents` a le même comportement lorsqu'il est utilisé avec un sélecteur CSS tout comme [findComponent](#findcomponent).
+:::
+
+### get
+
+Récupère un élément et retourne un `DOMWrapper` si trouvé. Renvoie une erreur dans le cas contraire.
+
+**Signature&nbsp;:**
+
+```ts
+get<K extends keyof HTMLElementTagNameMap>(selector: K): Omit<DOMWrapper<HTMLElementTagNameMap[K]>, 'exists'>
+get<K extends keyof SVGElementTagNameMap>(selector: K): Omit<DOMWrapper<SVGElementTagNameMap[K]>, 'exists'>
+get<T extends Element>(selector: string): Omit<DOMWrapper<T>, 'exists'>
+get(selector: string): Omit<DOMWrapper<Element>, 'exists'>
+```
+
+**Utilisation&nbsp;:**
+
+It is similar to `find`, but `get` throws an error if an element is not found while [`find`](#find) will return an ErrorWrapper.
+Similaire à `find`, mais `get` renvoie une erreur si un élément n'est pas trouvé tandis que [`find`](#find) renverra un `ErrorWrapper`.
+
+En règle générale, utilisez toujours `get` sauf lorsque vous voulez vérifier qu'un élément n'existe pas. Dans ce cas, utilisez [`find`](#find).
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Span</span>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('get', () => {
+  const wrapper = mount(Component);
+
+  wrapper.get('span'); //=> trouvé; retourne DOMWrapper
+
+  expect(() => wrapper.get('.not-there')).toThrowError();
+});
+```
+
+### getComponent
+
+Récupère une instance de composant Vue et renvoie un `VueWrapper` si trouvé. Sinon, il génère une erreur.
+
+**Signature&nbsp;:**
+
+```ts
+getComponent<T extends ComponentPublicInstance>(selector: new () => T): Omit<VueWrapper<T>, 'exists'>
+getComponent<T extends ComponentPublicInstance>(selector: { name: string } | { ref: string } | string): Omit<VueWrapper<T>, 'exists'>
+getComponent<T extends ComponentPublicInstance>(selector: any): Omit<VueWrapper<T>, 'exists'>
+```
+
+**Utilisation&nbsp;:**
+
+Similaire à `findComponent`, mais `getComponent` renvoie une erreur si une instance de composant Vue n'est pas trouvée tandis que [`findComponent`](#findComponent) renverra un `ErrorWrapper`.
+
+**Syntaxes supportées&nbsp;:**
+
+| Syntaxe          | Exemple                      | Détails                                                  |
+|------------------|------------------------------|----------------------------------------------------------|
+| querySelector    | `getComponent('.component')` | Trouve comme à un sélecteur CSS standard.                |
+| Nom du Composant | `getComponent({name: 'a'})`  | Trouve en PascalCase, snake-case et camelCase.           |
+| Ref du Composant | `getComponent({ref: 'ref'})` | Trouve la reference directe d'un composant enfant monté. |
+| SFC              | `getComponent(Component)`    | Trouve directement un composant importé.                 |
+
+`Foo.vue`
+
+```vue
+<template>
+  <div class="foo">Foo</div>
+</template>
+
+<script>
+export default {
+  name: 'Foo',
+};
+</script>
+```
+
+`Component.vue`:
+
+```vue
+<template>
+  <Foo />
+</template>
+
+<script>
+import Foo from '@/Foo';
+
+export default {
+  components: { Foo },
+};
+</script>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+import Foo from '@/Foo.vue';
+
+test('getComponent', () => {
+  const wrapper = mount(Component);
+
+  wrapper.getComponent({ name: 'foo' }); // retourne un VueWrapper
+  wrapper.getComponent(Foo); // retourne un VueWrapper
+
+  expect(() => wrapper.getComponent('.not-there')).toThrowError();
+});
+```
+
+### html
+
+Renvoie le HTML d'un élément.
+
+Par défaut, la sortie est formatée avec [`js-beautify`](https://github.com/beautify-web/js-beautify) pour rendre les `snapshots` plus lisibles. Utilisez l'option `raw: true` pour recevoir la chaîne HTML non formatée.
+
+**Signature&nbsp;:**
+
+```ts
+html(): string
+html(options?: { raw?: boolean }): string
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>
+    <p>Bonjour tout le monde</p>
+  </div>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('html', () => {
+  const wrapper = mount(Component);
+
+  expect(wrapper.html()).toBe(
+    '<div>\n' +
+    '  <p>Bonjour tout le monde</p>\n' +
+    '</div>'
+  );
+
+  expect(wrapper.html({ raw: true })).toBe('<div><p>Bonjour tout le monde</p></div>');
+});
+```
+
+### isVisible
+
+Vérifie si un élément est visible ou non.
+
+**Signature&nbsp;:**
+
+```ts
+isVisible(): boolean
+```
+
+**Utilisation&nbsp;:**
+
+::: warning
+`isVisible()` ne fonctionne correctement que si le wrapper est attaché au DOM en utilisant [`attachTo`](#attachTo)
+:::
+
+```js
+const Component = {
+  template: `<div v-show="false"><span /></div>`,
+};
+
+test('isVisible', () => {
+  const wrapper = mount(Component, {
+    attachTo: document.body
+  });
+
+  expect(wrapper.find('span').isVisible()).toBe(false);
+});
+```
+
+### props
+
+Retourne les propriétés (`props`) passées à un Composant Vue.
+
+**Signature&nbsp;:**
+
+```ts
+props(): { [key: string]: any }
+props(selector: string): any
+props(selector?: string): { [key: string]: any } | any
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```js
+export default {
+  name: 'Component',
+  props: {
+    truthy: Boolean,
+    object: Object,
+    string: String,
+  },
+};
+```
+
+```vue
+<template>
+  <Component truthy :object="{}" string="string" />
+</template>
+
+<script>
+import Component from '@/Component';
+
+export default {
+  components: { Component },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('props', () => {
+  const wrapper = mount(Component, {
+    global: { stubs: ['Foo'] },
+  });
+
+  const foo = wrapper.getComponent({ name: 'Foo' });
+
+  expect(foo.props('truthy')).toBe(true);
+  expect(foo.props('object')).toEqual({});
+  expect(foo.props('notExisting')).toEqual(undefined);
+  expect(foo.props()).toEqual({
+    truthy: true,
+    object: {},
+    string: 'string',
+  });
+});
+```
+
+:::tip
+En règle générale, testez les effets d'une `prop` transmise (une mise à jour du DOM, un événement émis, etc.). Cela rendra les tests plus puissants que de simplement vérifier qu'une prop a été transmise.
+:::
+
+### setData
+
+Met à jour les données internes d'un composant.
+
+**Signature&nbsp;:**
+
+```ts
+setData(data: Record<string, any>): Promise<void>
+```
+
+**Utilisation&nbsp;:**
+
+`setData` ne permet pas de définir de nouvelles propriétés qui ne sont pas définies dans le composant.
+
+De plus, notez que `setData` ne modifie pas les données de la fonction l'API de Composition&nbsp;: `setup()`.
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>Compteur: {{ count }}</div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      count: 0,
+    };
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('setData', async () => {
+  const wrapper = mount(Component);
+  expect(wrapper.html()).toContain('Compteur: 0');
+
+  await wrapper.setData({ count: 1 });
+
+  expect(wrapper.html()).toContain('Compteur: 1');
+});
+```
+
+::: warning
+Vous devriez utiliser `await` lorsque vous appelez `setData` pour vous assurer que Vue met à jour le DOM avant de faire une vérification.
+:::
+
+### setProps
+
+Met à jour les `props` d'un composant.
+
+**Signature&nbsp;:**
+
+```ts
+setProps(props: Record<string, any>): Promise<void>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>{{ message }}</div>
+</template>
+
+<script>
+export default {
+  props: ['message']
+};
+</script>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('met à jour les props', async () => {
+  const wrapper = mount(Component, {
+    props: {
+      message: 'Bonjour'
+    },
+  });
+
+  expect(wrapper.html()).toContain('Bonjour');
+
+  await wrapper.setProps({ message: 'Au revoir' });
+
+  expect(wrapper.html()).toContain('Au revoir');
+});
+```
+
+::: warning
+Vous devriez utiliser `await` lorsque vous appelez `setProps` pour vous assurer que Vue met à jour le DOM avant de faire une vérification.
+:::
+
+### setValue
+
+Définit une valeur sur un élément du DOM. Incluant&nbsp;:
+
+- `<input>`
+  - `type="checkbox"` et `type="radio"` sont détectés et auront `element.checked` de coché.
+- `<select>`
+  - `<option>` est détecté et aura `element.selected` de coché.
+
+**Signature&nbsp;:**
+
+```ts
+setValue(value: unknown, prop?: string): Promise<void>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <input type="text" v-model="text" />
+  <p>Texte : {{ text }}</p>
+
+  <input type="checkbox" v-model="checked" />
+  <div v-if="checked">La case a été cochée !</div>
+
+  <select v-model="multiselectValue" multiple>
+    <option value="value1"></option>
+    <option value="value2"></option>
+    <option value="value3"></option>
+  </select>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      text: '',
+      checked: false,
+      multiselectValue: [],
+    };
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('setValue sur une checkbox', async () => {
+  const wrapper = mount(Component);
+
+  await wrapper.find('input[type="checkbox"]').setValue(true);
+  expect(wrapper.find('div').exists()).toBe(true);
+
+  await wrapper.find('input[type="checkbox"]').setValue(false);
+  expect(wrapper.find('div').exists()).toBe(false);
+});
+
+test('setValue sur un champ texte', async () => {
+  const wrapper = mount(Component);
+
+  await wrapper.find('input[type="text"]').setValue('Bonjour !');
+  expect(wrapper.find('p').text()).toBe('Texte: Bonjour !');
+});
+
+test('setValue sur une liste déroulante à choix multiples', async () => {
+  const wrapper = mount(Component);
+
+  // Pour des select à choix unique
+  await wrapper.find('select').setValue('value1');
+  // FPour des select à choix multiples
+  await wrapper.find('select').setValue(['value1', 'value3']);
+});
+```
+
+::: warning
+Vous devriez utiliser `await` lorsque vous appelez `setValue` pour vous assurer que Vue met à jour le DOM avant de faire une vérification.
+:::
+
+### text
+
+Retourne le texte contenu dans un élément.
+
+**Signature&nbsp;:**
+
+```ts
+text(): string
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <p>Bonjour tout le monde</p>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('text', () => {
+  const wrapper = mount(Component);
+
+  expect(wrapper.find('p').text()).toBe('Bonjour tout le monde');
+});
+```
+
+### trigger
+
+Déclenche un évènement du DOM, par exemple `click`, `submit` ou `keyup`.
+
+**Signature&nbsp;:**
+
+```ts
+interface TriggerOptions {
+  code?: String
+  key?: String
+  keyCode?: Number
+  [custom: string]: any
+}
+
+trigger(eventString: string, options?: TriggerOptions | undefined): Promise<void>
+```
+
+**Utilisation&nbsp;:**
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Compteur: {{ count }}</span>
+  <button @click="count++">Cliquer ici</button>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      count: 0,
+    };
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('trigger', async () => {
+  const wrapper = mount(Component);
+
+  await wrapper.find('button').trigger('click');
+
+  expect(wrapper.find('span').text()).toBe('Compteur: 1');
+});
+```
+
+Notez que `trigger` accepte un second argument pour transmettre des options à l'événement déclenché&nbsp;:
+
+```js
+await wrapper.trigger('keydown', { keyCode: 65 });
+```
+
+::: warning
+Vous devriez utiliser `await` lorsque vous appelez `trigger` pour vous assurer que Vue met à jour le DOM avant de faire une vérification.
+:::
+
+::: warning
+Certains événements, comme le fait de cliquer sur une case à cocher pour modifier son `v-model`, ne fonctionneront que si le test utilise `attachTo: document.body`.
+
+Sinon, l'événement `change` ne sera pas déclenché et la valeur de `v-model` ne changera pas en conséquence.
+:::
+
+### unmount
+
+Démonte l'application du DOM.
+
+**Signature&nbsp;:**
+
+```ts
+unmount(): void
+```
+
+**Utilisation&nbsp;:**
+
+Il ne fonctionne que sur le `VueWrapper` racine renvoyé par `mount`. Utile pour un nettoyage manuel après les tests.
+
+`Component.vue`:
+
+```vue
+<script>
+export default {
+  unmounted() {
+    console.log('démonté !');
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils';
+import Component from './Component.vue';
+
+test('unmount', () => {
+  const wrapper = mount(Component);
+
+  wrapper.unmount();
+  // Le composant est supprimé du DOM.
+  // console.log a été appelé avec 'démonté !'
+});
+```
+
+## Propriétés de Wrapper
+
+### vm
+
+**Signature&nbsp;:**
+
+```ts
+vm: ComponentPublicInstance
+```
+
+**Utilisation&nbsp;:**
+
+L'instance d'application `Vue`. Vous pouvez accéder à toutes les [méthodes d'instance](https://v3.vuejs.org/api/instance-methods.html) et [propriétés d'instance](https://v3.vuejs.org/api/instance-properties.html).
+
+Notez que `vm` n'est disponible que sur un `VueWrapper`.
+
+:::tip
+En règle générale, testez les effets d'une `prop` transmise (une mise à jour du DOM, un événement émis, etc.). Cela rendra les tests plus puissants que simplement de faire une vérification sur le passage d'une prop.
+:::
+
+## shallowMount
+
+Crée un `Wrapper` qui contient le composant Vue monté et rendu pour le tester avec tous les enfants remplacés par des composants de substitution (`stubs`).
+
+**Signature&nbsp;:**
+
+```ts
+interface MountingOptions<Props, Data = {}> {
+  attachTo?: Element | string
+  attrs?: Record<string, unknown>
+  data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
+  props?: (RawProps & Props) | ({} extends Props ? null : never)
+  slots?: { [key: string]: Slot } & { default?: Slot }
+  global?: GlobalMountOptions
+}
+
+function shallowMount(Component, options?: MountingOptions): VueWrapper
+```
+
+**Utilisation&nbsp;:**
+
+`shallowMount` se comporte exactement comme `mount`, mais il remplace par défaut tous les composants enfants par des composants de substitution (`stubs`). Notez que, `shallowMount(Component)` est un alias de `mount(Component, { shallow: true })`.
+
+## enableAutoUnmount
+
+**Signature&nbsp;:**
+
+```ts
+enableAutoUnmount(hook: (callback: () => void) => void);
+disableAutoUnmount(): void;
+```
+
+**Utilisation&nbsp;:**
+
+`enableAutoUnmount` permet de détruire automatiquement les `Wrappers` Vue. La logique de destruction est transmise en tant que callback à la fonction `hook`.
+
+Une utilisation courante consiste à utiliser `enableAutoUnmount` avec des fonctions fournies par votre framework de tests, telles que `afterEach`&nbsp;:
+
+```ts
+import { enableAutoUnmount } from '@vue/test-utils';
+
+enableAutoUnmount(afterEach);
+```
+
+`disableAutoUnmount` peut être utile si vous voulez ce comportement uniquement dans un sous-ensemble spécifique de vos tests et si vous souhaitez désactiver explicitement ce comportement.
+
+## flushPromises
+
+**Signature&nbsp;:**
+
+```ts
+flushPromises(): Promise<unknown>
+```
+
+**Utilisation&nbsp;:**
+
+`flushPromises` procède à la résolution de toutes les `Promise` en cours. Cela aide à s'assurer que les opérations asynchrones telles que les `Promise` ou les mises à jour du DOM se sont produites avant de les vérifier.
+
+Consultez la section [Faire des requêtes HTTP](../guide/advanced/http-requests.md) pour voir un exemple de `flushPromises` en action.
+
+## config
+
+### config.global
+
+**Signature&nbsp;:**
+
+```ts
+type GlobalMountOptions = {
+  plugins?: (Plugin | [Plugin, ...any[]])[]
+  config?: Partial<Omit<AppConfig, 'isNativeTag'>>
+  mixins?: ComponentOptions[]
+  mocks?: Record<string, any>
+  provide?: Record<any, any>
+  components?: Record<string, Component | object>
+  directives?: Record<string, Directive>
+  stubs?: Stubs = Record<string, boolean | Component> | Array<string>
+  renderStubDefaultSlot?: boolean
+}
+```
+
+**Utilisation&nbsp;:**
+
+Au lieu de configurer les options de `mount` pour chaque test, vous pouvez les configurer pour l'ensemble de votre suite de tests. Ceux-ci seront utilisés par défaut chaque fois que vous montez un composant. Si vous le souhaitez, vous pouvez ensuite remplacer vos valeurs par défaut pour chaque test.
+
+**Exemple&nbsp;:**
+
+Un exemple pourrait être de simuler globalement la variable `$t` de `vue-i18n` et d'un composant&nbsp;:
+
+`Component.vue`:
+
+```vue
+<template>
+  <p>{{ $t('message') }}</p>
+  <mon-component />
+</template>
+
+<script>
+import MonComposant from '@/components/MonComposant'
+
+export default {
+  components: {
+    MonComposant,
+  },
+};
+</script>
+```
+
+`Component.spec.js`:
+
+```js {1,8-10,12-14}
+import { config, mount } from '@vue/test-utils';
+import { defineComponent } from 'vue';
+
+const MonComposant = defineComponent({
+  template: `<div>Mon composant</div>`,
+});
+
+config.global.stubs = {
+  MonComposant,
+};
+
+config.global.mocks = {
+  $t: (text) => text,
+};
+
+test('config.global substitue le composant', () => {
+  const wrapper = mount(Component);
+
+  expect(wrapper.html()).toBe('<p>message</p><div>Mon composant</div>');
+});
+```
+
+::: tip
+Rappelez-vous que ce comportement est global, et non sur une base montage par montage. Il peut être nécessaire de l'activer / le désactiver avant et après chaque test.
+:::
+
+## Composants
+
+### RouterLinkStub
+
+Un composant pour substituer le composant `router-link` de Vue Router lorsque vous ne voulez pas le faire ou inclure un routeur complet.
+
+Vous pouvez utiliser ce composant pour trouver un composant `router-link` dans l'arbre de rendu.
+
+**Utilisation&nbsp;:**
+
+Définit un composant de remplacement dans les options de `mount`&nbsp;:
+```js
+import { mount, RouterLinkStub } from '@vue/test-utils';
+
+const wrapper = mount(Component, {
+  global: {
+    stubs: {
+      RouterLink: RouterLinkStub,
+    },
+  },
+});
+
+expect(wrapper.findComponent(RouterLinkStub).props().to).toBe('/some/path');
+```
+
+**Utilisation avec slot&nbsp;:**
+
+Le composant `RouterLinkStub` prend en charge le contenu du `slot` et renvoie des valeurs très simples pour ses propriétés de `slot`. Si vous avez besoin de valeurs de propriétés de `slot` plus spécifiques pour vos tests, il est conseillé d'utiliser un [vrai routeur](../guide/advanced/vue-router.html#using-a-real-router) pour pouvoir utiliser un vrai composant `router-link`. Alternativement, vous pouvez définir votre propre composant `RouterLinkStub` en copiant l'implémentation de la dépendance `test-utils`.
diff --git a/docs/fr/guide/advanced/async-suspense.md b/docs/fr/guide/advanced/async-suspense.md
new file mode 100644
index 000000000..525a05bb8
--- /dev/null
+++ b/docs/fr/guide/advanced/async-suspense.md
@@ -0,0 +1,147 @@
+# Comportement asynchrone
+
+Vous avez sûrement remarqué que certaines parties de ce guide utilisent `await` lors de l'appel de certaines méthodes de `wrapper`, telles que `trigger` et `setValue`. De quoi s'agit-il exactement&nbsp;?
+
+Vous savez peut-être que Vue se met à jour de manière réactive&nbsp;: lorsque vous changez une valeur, le DOM est automatiquement mis à jour pour refléter la dernière valeur. [Vue se met à jour de façon asynchrone](https://v3.vuejs.org/guide/change-detection.html#async-update-queue). En revanche, un gestionnaire de tests tel que Jest s'exécute de façon `synchrone`. Cela peut causer des résultats inattendus dans les tests.
+
+Examinons certaines stratégies pour garantir que Vue met à jour le DOM comme prévu lorsque nous exécutons nos tests.
+
+## Un exemple simple - Mettre à jour avec `trigger`
+
+Réutilisons le composant `<Counter>` de [la section Tester les Évènements](../essentials/event-handling) avec une modification ; nous affichons maintenant le `count` dans le `template`.
+
+```js
+const Counter = {
+  template: `
+    <p>Compteur: {{ count }}</p>
+    <button @click="handleClick">Incrémenter</button>
+  `,
+  data() {
+    return {
+      count: 0,
+    };
+  },
+  methods: {
+    handleClick() {
+      this.count += 1;
+    },
+  },
+};
+```
+
+Écrivons un test pour vérifier que `count` s'incrémente&nbsp;:
+
+```js
+test('incrémente de 1', () => {
+  const wrapper = mount(Counter);
+
+  wrapper.find('button').trigger('click');
+
+  expect(wrapper.html()).toContain('Compteur: 1');
+});
+```
+
+Bizarrement, le test échoue&nbsp;! La raison est simple&nbsp;: bien que `count` soit incrémenté, Vue ne mettra pas à jour le DOM jusqu'au prochain `tick` du cycle d'événement. Pour cette raison, la vérification (`expect()...`) sera appelée avant que Vue ne mette à jour le DOM.
+
+:::tip
+Si vous voulez en savoir plus sur ce comportement de base de JavaScript, jetez un œil à [La boucle d'événement: les microtâches et les macrotâches](https://fr.javascript.info/event-loop).
+:::
+
+Comment pouvons-nous régler cela&nbsp;? Vue fournit en réalité un moyen d'attendre jusqu'à ce que le DOM soit mis à jour&nbsp;: `nextTick`.
+
+```js {1,7}
+import { nextTick } from 'vue';
+
+test('incrémente de 1', async () => {
+  const wrapper = mount(Counter);
+
+  wrapper.find('button').trigger('click');
+  await nextTick();
+
+  expect(wrapper.html()).toContain('Compteur: 1');
+});
+```
+
+Maintenant, le test réussira, car nous veillons à ce que le prochain `tick` ait été exécuté et que le DOM ait été mis à jour avant la vérification.
+
+Comme `await nextTick()` est courant, Vue Test Utils fournit un raccourci. Les méthodes qui impliquent la mise à jour du DOM, telles que `trigger` et `setValue`, retournent `nextTick`, de sorte que vous pouvez simplement les `await` directement&nbsp;:
+
+```js {4}
+test('incrémente de 1', async () => {
+  const wrapper = mount(Counter);
+
+  await wrapper.find('button').trigger('click');
+
+  expect(wrapper.html()).toContain('Compteur: 1');
+});
+```
+
+## Résoudre d'autres Comportements Asynchrones
+
+`nextTick` est utile pour s'assurer que des changements dans des données réactives sont reflétés dans le DOM avant de poursuivre le test. Cependant, parfois, vous pouvez souhaiter vous assurer que d'autres comportements asynchrones non liés à Vue sont également terminés.
+
+Un exemple courant est une fonction qui retourne une `Promise`. Peut-être avez-vous déjà simulé votre client HTTP `axios` en utilisant `jest.mock`&nbsp;:
+
+```js
+jest.spyOn(axios, 'get').mockResolvedValue({ data: 'de la donnée simulée !' });
+```
+
+Dans ce cas, Vue n'a aucune idée si la `Promise` est résolue ou non, donc l'appel à `nextTick` ne fonctionnera pas - votre vérification peut s'exécuter avant qu'elle ne soit résolue. Pour des scénarios de ce genre, Vue Test Utils propose [`flushPromises`](../../api/#flushPromises), qui cause l'exécution immédiate de toutes les `Promise` en attente de résolution.
+
+Regardons un exemple&nbsp;:
+
+```js {1,12}
+import { flushPromises } from '@vue/test-utils';
+import axios from 'axios';
+
+jest.spyOn(axios, 'get').mockResolvedValue({ data: 'de la donnée simulée !' });
+
+test('utilise une méthode pour simuler la méthode d\'axios et flushPromises', async () => {
+  // le composant appelle la méthode de `axios` lorsque le composant est créé.
+  const wrapper = mount(AxiosComponent);
+
+  await flushPromises() // la `Promise` de la méthode Axios est résolue immédiatement.
+
+  // après cette ligne, la requête axios est résolue avec la donnée simulée.
+});
+```
+
+:::tip
+Si vous souhaitez en savoir plus sur les tests de requêtes sur les composants, assurez-vous de consulter la section [Faire des requêtes HTTP](/fr/guide/advanced/http-requests.html).
+:::
+
+## Tester un `setup` asynchrone
+
+Si le composant que vous voulez tester utilise un `setup` asynchrone, vous devez monter le composant à l'intérieur d'un composant `Suspense` (comme vous le faites lorsque vous l'utilisez dans votre application).
+
+Par exemple, prenons ce composant `Async`:
+
+```js
+const Async = defineComponent({
+  async setup() {
+    // await quelque chose
+  },
+});
+```
+
+… doit être testé comme suit&nbsp;:
+
+```js
+test('Composant async', () => {
+  const TestComponent = defineComponent({
+    components: { Async },
+    template: '<Suspense><Async/></Suspense>'
+  });
+
+  const wrapper = mount(TestComponent);
+  // ...
+});
+```
+
+## Conclusion
+
+- Vue met à jour le DOM de manière asynchrone ; les tests, au contraire, s'exécutent de manière synchrone.
+- Utilisez `await nextTick()` pour vous assurer que le DOM a été mis à jour avant de continuer des tests.
+- Les fonctions qui peuvent mettre à jour le DOM (comme `trigger` et `setValue`) renvoient `nextTick`, il est donc nécessaire de les `await`.
+- Utilisez `flushPromises` de Vue Test Utils pour résoudre les promesses non résolues provenant de dépendances non-Vue (telles que les requêtes API).
+- Utilisez `Suspense` pour tester les composants avec un `setup` asynchrone.
diff --git a/docs/fr/guide/advanced/component-instance.md b/docs/fr/guide/advanced/component-instance.md
new file mode 100644
index 000000000..083e08a3f
--- /dev/null
+++ b/docs/fr/guide/advanced/component-instance.md
@@ -0,0 +1,84 @@
+# Instance de Composant
+
+[`mount`](/fr/api/#mount) renvoie un `VueWrapper` avec de nombreuses méthodes pratiques pour tester les composants Vue. Parfois, vous souhaiterez accéder à l'instance Vue sous-jacente. Vous pouvez y accéder via la propriété `vm`.
+
+## Un exemple simple
+
+Voici un composant simple qui combine des `props` et `data` pour afficher une salutation&nbsp;:
+
+```ts
+test('affiche une salutation', () => {
+  const Comp = {
+    template: `<div>{{ msg1 }} {{ msg2 }}</div>`,
+    props: ['msg1'],
+    data() {
+      return {
+        msg2: 'tout le monde',
+      };
+    },
+  };
+
+  const wrapper = mount(Comp, {
+    props: {
+      msg1: 'Bonjour',
+    },
+  });
+
+  expect(wrapper.html()).toContain('Bonjour tout le monde');
+});
+```
+
+Regardons ce qui est disponible dans `vm` avec `console.log(wrapper.vm)`&nbsp;:
+
+```js
+console.log(wrapper.vm);
+// {
+//   msg1: [Getter/Setter],
+//   msg2: [Getter/Setter],
+//   hasOwnProperty: [Function],
+// }
+```
+
+Nous retrouvons à la fois `msg1` et `msg2`&nbsp;! D'autres éléments comme les `methods` et les `computed` apparaîtront également, si elles sont définies. Lors de l'écriture d'un test, il est généralement recommandé de vérifier les résultats dans le DOM (en utilisant quelque chose comme `wrapper.html()`). Cependant, dans de rares circonstances, vous pourriez avoir besoin d'accéder à l'instance Vue sous-jacente.
+
+## Utilisation avec `getComponent` et `findComponent`
+
+`getComponent` et `findComponent` retourne un `VueWrapper` - semblable à celui que nous retourne `mount()`. Cela veut dire que vous pouvez accéder aux mêmes propriétés, incluant `vm`, par le résultat de `getComponent` ou `findComponent`.
+
+Prenons un exemple simple&nbsp;:
+
+```js
+test('vérifie que les bonnes props sont passées', () => {
+  const Foo = {
+    props: ['msg'],
+    template: `<div>{{ msg }}</div>`,
+  }
+
+  const Comp = {
+    components: { Foo },
+    template: `<div><foo msg="Bonjour tout le monde" /></div>`,
+  };
+
+  const wrapper = mount(Comp);
+
+  expect(wrapper.getComponent(Foo).vm.msg).toBe('Bonjour tout le monde');
+  expect(wrapper.getComponent(Foo).props()).toEqual({ msg: 'Bonjour tout le monde' });
+});
+```
+
+Une manière plus approfondie de tester cela consisterait à vérifier le contenu affiché. En faisant cela, vous vérifiez que la bonne `prop` est passée et affichée.
+
+:::warning Le type `WrapperLike` en utilisant un sélecteur CSS 
+Lors de l'utilisation de `wrapper.findComponent('.foo')` par exemple, VTU renverra le type `WrapperLike`. C'est parce que les composants fonctionnels auraient besoin d'un `DOMWrapper` au lieu d'un `VueWrapper`. Vous pouvez forcer le retour d'un `VueWrapper` en fournissant le type de composant correct&nbsp;:
+
+```typescript
+wrapper.findComponent('.foo'); // retourne un `WrapperLike`.
+wrapper.findComponent<typeof FooComponent>('.foo'); // retourne un `VueWrapper`.
+wrapper.findComponent<DefineComponent>('.foo'); // retourne un `VueWrapper`
+```
+:::
+
+## Conclusion
+
+- Utilisez `vm` pour accéder à l'instance Vue sous-jacente.
+- `getComponent` et `findComponent` retourne un `VueWrapper`. Ces instances Vue sont aussi disponibles via `vm`.
diff --git a/docs/fr/guide/advanced/http-requests.md b/docs/fr/guide/advanced/http-requests.md
new file mode 100644
index 000000000..ae70dc3f4
--- /dev/null
+++ b/docs/fr/guide/advanced/http-requests.md
@@ -0,0 +1,172 @@
+# Faire des requêtes HTTP
+
+Les frameworks de tests modernes proposent déjà de nombreuses fonctionnalités pour les tests de requêtes HTTP. Par conséquent, Vue Test Utils ne dispose pas d'outil unique pour le faire.
+
+Cependant, il s'agit d'une fonctionnalité importante à tester et il y a quelques pièges à connaître.
+
+Dans cette section, nous explorons certains exemples pour effectuer, simuler et vérifier les requêtes HTTP.
+
+## Une liste d'articles d'un blog
+
+Commençons avec un scénario de base. Le composant `PostList` suivant rend une liste d'articles de blog extraits d'une API externe. Pour obtenir ces articles, le composant comporte un élément `button` qui déclenche la requête&nbsp;:
+
+```vue
+<template>
+  <button @click="getPosts">Récupérer les articles</button>
+  <ul>
+    <li v-for="post in posts" :key="post.id" data-test="post">
+      {{ post.title }}
+    </li>
+  </ul>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      posts: null,
+    };
+  },
+  methods: {
+    async getPosts() {
+      this.posts = await axios.get('/api/posts');
+    },
+  },
+};
+</script>
+```
+
+Il y a plusieurs choses à faire pour tester correctement ce composant.
+
+Notre premier objectif est de tester ce composant **sans réellement appeler l'API**. Cela créerait un test fragile et potentiellement lent.
+
+Dans un second temps, nous devons vérifier que le composant a effectué le bon appel avec les paramètres appropriés. Nous n'obtiendrons pas de résultats de cette API, mais nous devons toujours nous assurer d'avoir demandé les bonnes ressources.
+
+Enfin, nous devons nous assurer que le DOM a été mis à jour correctement et affiche les données. Nous le faisons en utilisant la fonction `flushPromises()` de `@vue/test-utils`.
+
+```js
+import { mount, flushPromises } from '@vue/test-utils';
+import axios from 'axios';
+import PostList from './PostList.vue';
+
+const mockPostList = [
+  { id: 1, title: 'Titre 1' },
+  { id: 2, title: 'Titre 2' },
+];
+
+// Les lignes suivantes informe Jest de simuler tout appel avec `axios.get` et de retourner `mockPockList` à la place.
+jest.spyOn(axios, 'get').mockResolvedValue(mockPostList);
+
+test('récupère les articles en appuyant sur le bouton', async () => {
+  const wrapper = mount(PostList);
+
+  await wrapper.get('button').trigger('click');
+
+  // Vérifions que nous avons appelé `axios.get` le bon nombre de fois et avec les bons paramètres.
+  expect(axios.get).toHaveBeenCalledTimes(1);
+  expect(axios.get).toHaveBeenCalledWith('/api/posts');
+
+  // Attendons que le DOM soit à jour.
+  await flushPromises();
+
+  // Enfin, vérifions que tout est bien affiché.
+  const posts = wrapper.findAll('[data-test="post"]');
+
+  expect(posts).toHaveLength(2);
+  expect(posts[0].text()).toContain('Titre 1');
+  expect(posts[1].text()).toContain('Titre 2');
+});
+```
+
+Faites attention de bien ajouter le préfixe `mock` à la variable `mockPostList`. Sinon, vous obtiendrez l'erreur&nbsp;: "The module factory of `jest.mock()` is not allowed to reference any out-of-scope variables.". C'est spécifique à `jest` et vous pouvez en savoir plus sur ce comportement [dans leur documentation](https://jestjs.io/fr/docs/es6-class-mocks#calling-jestmock-with-the-module-factory-parameter).
+
+Remarquez également comment nous avons `await` `flushPromises` et ensuite interagi avec le composant. Nous le faisons pour nous assurer que le DOM a été mis à jour avant que les vérifications ne s'exécutent.
+
+:::tip Alternatives à `jest.mock()`
+Il existe plusieurs façons de définir des `mocks` dans Jest. Celui utilisé dans l'exemple ci-dessus est le plus simple. Pour des alternatives plus puissantes, vous pouvez consulter [axios-mock-adapter](https://github.com/ctimmerm/axios-mock-adapter) ou [msw](https://github.com/mswjs/msw), entre autres.
+:::
+
+### Vérifier un message de chargement
+
+Bien, ce composant `PostList` est assez fonctionnel, mais il lui manque des fonctionnalités utiles. Améliorons-le pour qu'il affiche un message pendant le chargement de nos articles&nbsp;!
+
+De plus, désactivons également l'élément `<button>` pendant le chargement. Nous ne voulons pas que les utilisateurs continuent à envoyer des requêtes durant le téléchargement&nbsp;!
+
+```vue {2,4,19,24,28}
+<template>
+  <button :disabled="loading" @click="getPosts">Récupérer les articles</button>
+
+  <p v-if="loading" role="alert">Chargement des articles…</p>
+  <ul v-else>
+    <li v-for="post in posts" :key="post.id" data-test="post">
+      {{ post.title }}
+    </li>
+  </ul>
+</template>
+
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      posts: null,
+      loading: null,
+    };
+  },
+  methods: {
+    async getPosts() {
+      this.loading = true;
+
+      this.posts = await axios.get('/api/posts');
+
+      this.loading = null;
+    },
+  },
+};
+</script>
+```
+
+Écrivons un test pour vérifier que tous les éléments liés au chargement sont affichés à temps et correctement.
+
+```js
+test('affiche le message de chargement pendant le téléchargement', async () => {
+  const wrapper = mount(PostList);
+
+  // Remarquez que nous exécutons les vérifications suivantes avant de cliquer sur le bouton.
+  // Ici, le composant doit être dans un état de "non chargement".
+  expect(wrapper.find('[role="alert"]').exists()).toBe(false);
+  expect(wrapper.get('button').attributes()).not.toHaveProperty('disabled');
+
+  // Déclenchons le chargement avec un click.
+  await wrapper.get('button').trigger('click');
+
+  // Nous vérifions l'état de chargement des éléments avant de `flushPromises`.
+  expect(wrapper.find('[role="alert"]').exists()).toBe(true);
+  expect(wrapper.get('button').attributes()).toHaveProperty('disabled');
+
+  // Comme précédemment, nous attendons que le DOM se mette à jour.
+  await flushPromises();
+
+  // Après cela, nous revenons à l'état de "Non chargement".
+  expect(wrapper.find('[role="alert"]').exists()).toBe(false);
+  expect(wrapper.get('button').attributes()).not.toHaveProperty('disabled');
+});
+```
+
+## Requêtes HTTP de Vuex
+
+Un scénario typique pour des applications plus complexes consiste à déclencher une action Vuex qui effectue la requête HTTP.
+
+Cela n'est pas différent de l'exemple décrit ci-dessus. Nous pouvons vouloir charger le `store` tel quel et simuler (`mocker`) des services tels que `axios`. De cette façon, nous simulons les limites de notre système, ce qui nous permet d'avoir un plus haut degré de confiance dans nos tests.
+
+Vous pouvez consulter la documentation [Tester Vuex](./vuex.md) pour plus d'informations sur les tests Vuex avec Vue Test Utils.
+
+## Conclusion
+
+- Vue Test Utils ne nécessite pas d'outils spéciaux pour tester les requêtes HTTP. La seule chose à prendre en compte est que nous testons un comportement asynchrone dans un environnement synchrone.
+- Les tests ne doivent pas dépendre de services externes. Utilisez des outils de simulation tels que `jest.mock` pour éviter cela.
+- `flushPromises()` est un outil utile pour s'assurer que le DOM se met à jour après une opération asynchrone.
+- Le déclenchement direct des requêtes HTTP en interagissant avec le composant rend votre test plus robuste.
diff --git a/docs/fr/guide/advanced/reusability-composition.md b/docs/fr/guide/advanced/reusability-composition.md
new file mode 100644
index 000000000..234078f62
--- /dev/null
+++ b/docs/fr/guide/advanced/reusability-composition.md
@@ -0,0 +1,204 @@
+# Réutilisabilité et Composition
+
+## Tester des composables
+
+Lorsque vous travaillez avec l'API de composition et que vous créez des composables, vous voulez parfois ne tester que le composable seul. Commençons par un exemple simple&nbsp;:
+
+```typescript
+export function useCounter() {
+  const counter = ref(0);
+
+  function increase() {
+    counter.value += 1;
+  }
+
+  return { counter, increase };
+};
+```
+
+Dans ce cas, vous n'avez pas vraiment besoin de `@vue/test-utils`. Regardez par vous-même&nbsp;:
+
+```typescript
+test('incrémente le compteur', () => {
+  const { counter, increase } = useCounter();
+
+  expect(counter.value).toBe(0);
+
+  increase();
+
+  expect(counter.value).toBe(1);
+});
+```
+
+Pour tester des composables plus complexes utilisant des hooks de cycle de vie comme `onMounted` ou la gestion de `provide` / `inject`, vous pouvez créer un composant d'aide aux tests pour vous y aider. Le composable suivant récupère les données de l'utilisateur dans le hook `onMounted`.
+
+```typescript
+export function useUser(userId) {
+  const user = ref();
+  
+  function fetchUser(id) {
+    axios.get(`users/${id}`).then(response => (user.value = response.data));
+  }
+
+  onMounted(() => fetchUser(userId));
+
+  return { user };
+};
+```
+
+Pour tester ce composable, vous pouvez créer un simple composant `TestComponent` dans les tests. Le `TestComponent` devrait utiliser le composable exactement de la même manière que les composants réels l'utiliseraient.
+
+```typescript
+// Simulation (mock) de la requête API
+jest.spyOn(axios, 'get').mockResolvedValue({ data: { id: 1, name: 'Utilisateur' } });
+
+test('récupère l\'utilisateur au moment du montage', async () => {
+  const TestComponent = defineComponent({
+    props: {
+      // Définition des `props`, pour tester le composable avec des entrées différentes.
+      userId: {
+        type: Number,
+        required: true,
+      },
+    },
+    setup (props) {
+      return {
+        // Nous appelons le composable et l'exposons dans le retour de l'instance du composant. Nous pourrons donc ensuite y accéder dans `wrapper.vm`.
+        ...useUser(props.userId),
+      };
+    },
+  });
+
+  const wrapper = mount(TestComponent, {
+    props: {
+      userId: 1,
+    },
+  });
+
+  expect(wrapper.vm.user).toBeUndefined();
+
+  await flushPromises();
+
+  expect(wrapper.vm.user).toEqual({ id: 1, name: 'Utilisateur' });
+});
+```
+
+## `provide` / `inject`
+
+Vue offre un moyen de passer des `props` à tous les composants enfants avec `provide` et `inject`. La meilleure façon de tester ce comportement est de tester l'ensemble de l'arbre (parent + enfants). Mais parfois, cela n'est pas possible, car l'arbre est trop complexe ou vous voulez simplement tester un seul composable.
+
+### Tester `provide`
+
+Disons que vous vouliez tester le composant suivant&nbsp;:
+```vue
+<template>
+  <div>
+    <slot />
+  </div>
+</template>
+
+<script setup>
+provide('ma-clef', 'données');
+</script>
+```
+
+Dans ce cas, vous pouvez soit rendre un composant enfant et tester une utilisation correcte de `provide`, soit créer un simple composant d'aide aux tests et le passer dans le `slot` par défaut.
+
+```typescript
+test('fournit de la donnée correcte', () => {
+  const TestComponent = defineComponent({
+    template: '<span id="provide-test">{{value}}</span>',
+    setup () {
+      const value = inject('ma-clef');
+      return { value };
+    },
+  });
+
+  const wrapper = mount(ParentComponent, {
+    slots: {
+      default: () => h(TestComponent),
+    },
+  });
+
+  expect(wrapper.find('#provide-test').text()).toBe('données');
+});
+```
+
+Si votre composant ne contient pas de `slot`, vous pouvez utiliser un composant de substitution (`stub`) et remplacer un composant enfant par votre composant de test&nbsp;:
+
+```vue
+<template>
+  <div>
+    <SomeChild />
+  </div>
+</template>
+
+<script setup>
+import SomeChild from './SomeChild.vue';
+
+provide('ma-clef', 'données');
+</script>
+```
+
+Le test sera&nbsp;:
+
+```typescript
+test('fournit de la donnée correcte', () => {
+  const TestComponent = defineComponent({
+    template: '<span id="provide-test">{{value}}</span>',
+    setup () {
+      const value = inject('ma-clef');
+      return { value };
+    },
+  });
+
+  const wrapper = mount(ParentComponent, {
+    global: {
+      stubs: {
+        SomeChild: TestComponent,
+      },
+    },
+  });
+
+  expect(wrapper.find('#provide-test').text()).toBe('données');
+});
+```
+
+### Tester `inject`
+
+Lorsque votre composant utilise `inject` et que vous devez passer des données avec `provide`, vous pouvez utiliser l'option `global.provide`.
+
+```vue
+<template>
+  <div>
+    {{ value }}
+  </div>
+</template>
+
+<script setup>
+const value = inject('ma-clef');
+</script>
+```
+
+Le test unitaire devrait ressembler à ça&nbsp;: 
+
+```typescript
+test('affiche de la donnée correcte', () => {
+  const wrapper = mount(MonComposant, {
+    global: {
+      provide: {
+        'ma-clef': 'données',
+      },
+    },
+  });
+
+  expect(wrapper.text()).toBe('données');
+});
+```
+
+## Conclusion
+
+- Vous pouvez tester des composables simples sans l'aide de composant et `@vue/test-utils`.
+- Créez un composant d'aide aux tests (`TestComponent`) pour tester des composables plus complexes.
+- Créez un composant d'aide aux tests pour vérifier que votre composant fournit les bonnes données avec `provide`.
+- Utilisez `global.provide` pour passer des données à votre composant qui utilise `inject`.
diff --git a/docs/fr/guide/advanced/slots.md b/docs/fr/guide/advanced/slots.md
new file mode 100644
index 000000000..970f52afa
--- /dev/null
+++ b/docs/fr/guide/advanced/slots.md
@@ -0,0 +1,191 @@
+# Slots
+
+Vue Test Utils offre des fonctionnalités utiles pour tester les composants qui utilisent des `slots`.
+
+## Un exemple simple
+
+Vous pourriez avoir un composant `<layout>` générique qui utilise un `slot` par défaut pour afficher du contenu. Par exemple&nbsp;:
+
+```js
+const Layout = {
+  template: `
+    <div>
+      <h1>Bienvenue !</h1>
+      <main>
+        <slot />
+      </main>
+      <footer>
+        Merci de votre visite.
+      </footer>
+    </div>
+  `,
+};
+```
+
+Vous pourriez vouloir écrire un test pour vous assurer que le contenu du `slot` par défaut est bien affiché. VTU fournit l'option de `mount()`: `slots`.
+
+```js
+test('affiche le slot par défaut', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      default: 'Contenu principal',
+    },
+  });
+
+  expect(wrapper.html()).toContain('Contenu principal');
+});
+```
+
+Le test passe&nbsp;! Dans cet exemple, nous transmettons du texte au `slot` par défaut. Si vous voulez être encore plus spécifique et vérifier que le contenu du `slot` par défaut est rendu à l'intérieur de `<main>`, vous pourriez changer la vérification&nbsp;:
+
+```js
+test('affiche le slot par défaut', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      default: 'Contenu principal',
+    },
+  });
+
+  expect(wrapper.find('main').text()).toContain('Contenu principal');
+});
+```
+
+## Slots Nommés
+
+Vous pourriez avoir un composant `<layout>` plus complexe avec certains `slots` nommés. Par exemple&nbsp;:
+
+```js
+const Layout = {
+  template: `
+    <div>
+      <header>
+        <slot name="header" />
+      </header>
+
+      <main>
+        <slot name="main" />
+      </main>
+      <footer>
+        <slot name="footer" />
+      </footer>
+    </div>
+  `,
+};
+```
+
+VTU prend également en charge cela. Vous pouvez écrire un test comme ce qui suit. Notez que dans cet exemple, nous transmettons du HTML au lieu de simple texte aux `slots`.
+
+```js
+test('affiche tous les slots', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      header: '<div>Haut de page</div>',
+      main: '<div>Contenu de la page</div>',
+      footer: '<div>Pied de page</div>',
+    },
+  });
+
+  expect(wrapper.html()).toContain('<div>Haut de page</div>');
+  expect(wrapper.html()).toContain('<div>Contenu de la page</div>');
+  expect(wrapper.html()).toContain('<div>Pied de page</div>');
+});
+```
+
+## Slots Multiples
+
+Vous pouvez aussi passer un tableau de `slots`&nbsp;:
+
+```js
+test('affiche la page', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      default: [
+        '<div id="one">Un</div>',
+        '<div id="two">Deux</div>',
+      ],
+    },
+  });
+
+  expect(wrapper.find('#one').exists()).toBe(true);
+  expect(wrapper.find('#two').exists()).toBe(true);
+});
+```
+
+## Utilisation avancée
+
+Vous pouvez également passer une fonction de rendu, un objet avec un `template` ou même un composant importé à partir d'un fichier `vue` à la fonction `mount`, dans les options de `slots`&nbsp;:
+
+```js
+import { h } from 'vue';
+import Header from './Header.vue';
+
+test('affiche la page entière', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      header: Header,
+      main: h('div', 'Contenu principal'),
+      sidebar: { template: '<div>Barre latérale</div>' },
+      footer: '<div>Pied de page</div>',
+    },
+  });
+
+  expect(wrapper.html()).toContain('<div>Haut de page</div>');
+  expect(wrapper.html()).toContain('<div>Contenu principal</div>');
+  expect(wrapper.html()).toContain('<div>Pied de page</div>');
+});
+```
+
+[Référez-vous à ces tests](https://github.com/vuejs/test-utils/blob/9d3c2a6526f3d8751d29b2f9112ad2a3332bbf52/tests/mountingOptions/slots.spec.ts#L124-L167) pour plus de cas d'utilisation.
+
+## Slots à portée limitée (Scoped Slots)
+
+[Les slots à portée limitée](https://v3.vuejs.org/guide/component-slots.html#scoped-slots) et les liaisons de données (`bindings`) sont aussi supportés par VTU. 
+
+```js
+const ComponentWithSlots = {
+  template: `
+    <div class="scoped">
+      <slot name="scoped" v-bind="{ msg }" />
+    </div>
+  `,
+  data() {
+    return {
+      msg: 'monde',
+    };
+  },
+};
+
+test('slot à portée limitée', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      scoped: `<template #scoped="scope">
+        Bonjour tout le {{ scope.msg }}
+        </template>
+      `
+    },
+  });
+
+  expect(wrapper.html()).toContain('Bonjour tout le monde');
+});
+```
+
+Lorsqu'on utilise des `string templates` pour le contenu du `slot`, **si ce n'est pas explicitement défini à l'aide d'un tag `<template #scoped="scopeVar">`**, la portée du `slot` devient disponible sous forme d'un objet `params` lorsque le `slot` est monté.
+
+```js
+test('slot à portée limitée', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      scoped: `Bonjour tout le {{ params.msg }}` // aucun template n'a été fourni, le portée du slot est exposée en tant que "params".
+    }
+  });
+
+  expect(wrapper.html()).toContain('Bonjour tout le monde');
+});
+```
+
+## Conclusion
+
+- Utilisez l'option de `mount()`&nbsp;: `slots` pour tester que les composants utilisant `<slot>` affiche correctement le contenu.
+- Le contenu peut être une `string`, une fonction de rendu ou un composant Vue importé.
+- Utilisez `default` pour le `slot` par défaut et le nom exact pour les `slots` nommés.
+- Les `slots` à portée limitée et le raccourci `#` sont également pris en charge.
diff --git a/docs/fr/guide/advanced/ssr.md b/docs/fr/guide/advanced/ssr.md
new file mode 100644
index 000000000..f29a13d29
--- /dev/null
+++ b/docs/fr/guide/advanced/ssr.md
@@ -0,0 +1,43 @@
+# Tester le Rendu côté Serveur (SSR)
+
+Vue Test Utils fournit `renderToString` pour tester des applications Vue qui utilisent le rendu côté serveur (SSR).
+
+Cet article vous guidera à travers le processus de test d'une application Vue qui utilise le SSR.
+
+## `renderToString`
+
+`renderToString` est une fonction qui affiche un composant Vue sous forme de chaîne de caractères.
+
+C'est une fonction asynchrone qui renvoie une `Promise`, et accepte les mêmes paramètres que `mount` ou `shallowMount`.
+
+Prenons en exemple un composant simple qui utilise le `hook` `onServerPrefetch`&nbsp;:
+
+```ts
+function fakeFetch(text: string) {
+  return Promise.resolve(text);
+}
+
+const Component = defineComponent({
+  template: '<div>{{ text }}</div>',
+  setup() {
+    const text = ref<string | null>(null);
+
+    onServerPrefetch(async () => {
+      text.value = await fakeFetch('onServerPrefetch');
+    });
+
+    return { text };
+  },
+});
+```
+
+Vous pouvez écrire un test pour ce composant en utilisant `renderToString`&nbsp;:
+
+```ts
+import { renderToString } from '@vue/test-utils';
+
+it('affiche la valeur retournée par onServerPrefetch', async () => {
+  const contents = await renderToString(Component);
+  expect(contents).toBe('<div>onServerPrefetch</div>');
+});
+```
diff --git a/docs/fr/guide/advanced/stubs-shallow-mount.md b/docs/fr/guide/advanced/stubs-shallow-mount.md
new file mode 100644
index 000000000..dfc202c74
--- /dev/null
+++ b/docs/fr/guide/advanced/stubs-shallow-mount.md
@@ -0,0 +1,393 @@
+# Composants de Substitution (Stubs) et Montage Partiel
+
+Vue Test Utils offre certaines fonctionnalités avancées pour substituer (`stubbing`) les composants et les directives. La substitution consiste à remplacer l'implémentation existante d'un composant ou d'une directive personnalisé par une version fictive qui ne fait rien du tout, ce qui peut simplifier un test complexe. Voyons un exemple.
+
+## Substituer un seul composant enfant
+
+Un exemple courant est lorsque vous souhaitez tester un comportement dans un composant qui apparaît très haut dans la hiérarchie des composants.
+
+Dans cet exemple, nous avons une `<App>` qui affiche un message, ainsi qu'un composant `FetchDataFromApi` qui effectue un appel à une API et affiche son résultat.
+
+```js
+const FetchDataFromApi = {
+  name: 'FetchDataFromApi',
+  template: `
+    <div>{{ result }}</div>
+  `,
+  async mounted() {
+    const res = await axios.get('/api/info');
+    this.result = res.data;
+  },
+  data() {
+    return {
+      result: '',
+    };
+  },
+};
+
+const App = {
+  components: {
+    FetchDataFromApi,
+  },
+  template: `
+    <h1>Bienvenue dans Vue.js 3</h1>
+    <fetch-data-from-api />
+  `,
+};
+```
+
+Nous ne voulons pas effectuer l'appel API dans ce test en particulier, nous désirons simplement vérifier que le message est affiché. Dans ce cas, nous pourrions utiliser les `stubs`, qui apparaissent dans l'option de `mount`&nbsp;: `global`.
+
+```js
+test('substitue le composant avec un template personnalisé', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        FetchDataFromApi: {
+          template: '<span />',
+        },
+      },
+    },
+  });
+
+  console.log(wrapper.html());
+  // <h1>Bienvenue dans Vue.js 3</h1><span></span>
+
+  expect(wrapper.html()).toContain('Bienvenue dans Vue.js 3');
+});
+```
+
+Remarquez comment le template affiche `<span></span>` à la place de `<fetch-data-from-api />`&nbsp;? Nous l'avons substitué par un `stub` - dans ce cas, nous avons fourni notre propre implémentation en passant un `template`.
+
+Vous pouvez également avoir un `stub` par défaut, plutôt que fournir le vôtre&nbsp;:
+
+```js
+test('subtitue le composant', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        FetchDataFromApi: true,
+      },
+    },
+  });
+
+  console.log(wrapper.html());
+  /*
+    <h1>Bienvenue dans Vue.js 3</h1>
+    <fetch-data-from-api-stub></fetch-data-from-api-stub>
+  */
+
+  expect(wrapper.html()).toContain('Bienvenue dans Vue.js 3');
+});
+```
+
+Cela remplacera tous les composants `<FetchDataFromApi />` dans l'ensemble de l'arbre de rendu, peu importe le niveau où ils apparaissent. C'est pourquoi il se trouve dans les options de `mount`&nbsp;: `global`.
+
+::: tip
+Pour substituer, vous pouvez utiliser la clé dans `components` ou le nom de votre composant. Si les deux sont donnés dans `global.stubs`, la clé sera utilisée en priorité.
+:::
+
+## Substituer tous les composants enfants
+
+Parfois, vous pourriez vouloir substituer *tous* les composants enfants. Par exemple, vous pourriez avoir un composant comme ceci&nbsp;:
+
+```js
+const ComplexComponent = {
+  components: { ComplexA, ComplexB, ComplexC },
+  template: `
+    <h1>Bienvenue dans Vue.js 3</h1>
+    <ComplexA />
+    <ComplexB />
+    <ComplexC />
+  `,
+};
+```
+
+Imaginez que chacun des `<Complex>` fasse quelque chose de compliqué, et que vous soyez seulement intéressé par le test de rendu du bon message de `<h1>`. Vous pourriez faire quelque chose comme suit&nbsp;:
+
+```js
+const wrapper = mount(ComplexComponent, {
+  global: {
+    stubs: {
+      ComplexA: true,
+      ComplexB: true,
+      ComplexC: true,
+    },
+  },
+});
+```
+
+Mais c'est beaucoup de code répétitif. VTU a une option `mount`&nbsp;: `shallow` qui substituera automatiquement tous les composants enfants&nbsp;:
+
+```js {3}
+test('substitue tous les composants enfants', () => {
+  const wrapper = mount(ComplexComponent, {
+    shallow: true,
+  });
+
+  console.log(wrapper.html());
+  /*
+    <h1>Bienvenue dans Vue.js 3</h1>
+    <complex-a-stub></complex-a-stub>
+    <complex-b-stub></complex-b-stub>
+    <complex-c-stub></complex-c-stub>
+  */
+});
+```
+
+::: tip
+Si vous avez utilisé VTU V1, cela vous rappelle sûrement `shallowMount`. Cette méthode est également toujours disponible, c'est la même chose que d'écrire `shallow: true`.
+:::
+
+## Substituer tous les composants enfants avec des exceptions
+
+Parfois, vous voulez remplacer *tous* les composants personnalisés, sauf un en particulier. Voyons un exemple&nbsp;:
+
+```js
+const ComplexA = {
+  template: '<h2>Salutation d\'un composant réel !</h2>',
+};
+
+const ComplexComponent = {
+  components: { ComplexA, ComplexB, ComplexC },
+  template: `
+    <h1>Bienvenue dans Vue.js 3</h1>
+    <ComplexA />
+    <ComplexB />
+    <ComplexC />
+  `,
+};
+```
+
+En utilisant l'option de `mount`&nbsp;: `shallow`, nous substituons automatiquement tous les composants enfants. Si nous voulons explicitement empêcher la substitution d'un composant spécifique, nous pouvons fournir son nom dans `stubs` avec une valeur définie sur `false`.
+
+```js {3}
+test('l\'option shallow permet de subsituter tous les composants enfants sauf ceux dans stubs', () => {
+  const wrapper = mount(ComplexComponent, {
+    shallow: true,
+    global: {
+      stubs: { ComplexA: false },
+    },
+  });
+
+  console.log(wrapper.html());
+  /*
+    <h1>Bienvenue dans Vue.js 3</h1>
+    <h2>Salutation d'un composant réel !</h2>
+    <complex-b-stub></complex-b-stub>
+    <complex-c-stub></complex-c-stub>
+  */
+});
+```
+
+## Substituer un Composant Asynchrone
+
+Si vous voulez substituer un composant asynchrone, il existe deux comportements à prendre en compte. Par exemple, vous pourriez avoir des composants de ce genre&nbsp;:
+
+```js
+// AsyncComponent.js
+export default defineComponent({
+  name: 'AsyncComponent',
+  template: '<span>AsyncComponent</span>',
+});
+
+// App.js
+const App = defineComponent({
+  components: {
+    MonComposant: defineAsyncComponent(() => import('./AsyncComponent')),
+  },
+  template: '<MonComposant/>',
+});
+```
+
+Le premier comportement consiste à utiliser la clé définie dans votre composant qui charge le composant asynchrone. Dans cet exemple, nous avons utilisé la clé "MonComposant".
+
+Il n'est pas nécessaire d'utiliser `async/await` dans le cas de test, car le composant a été remplacé avant résolution.
+
+```js
+test('substitue le composant asynchrone sans résolution', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        MonComposant: true,
+      },
+    },
+  });
+
+  expect(wrapper.html()).toBe('<mon-composant-stub></mon-composant-stub>');
+});
+```
+
+Le second comportement consiste à utiliser le nom du composant asynchrone. Dans cet exemple, nous avons utilisé le nom "AsyncComponent".
+
+Maintenant, il est nécessaire d'utiliser `async/await`, car le composant asynchrone doit être résolu et peut alors être remplacé par le nom défini dans le composant asynchrone.
+
+**Assurez-vous de définir un nom dans votre composant asynchrone&nbsp;!**
+
+```js
+test('substitue le composant asynchrone avec résolution', async () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        AsyncComponent: true,
+      },
+    },
+  });
+
+  await flushPromises();
+
+  expect(wrapper.html()).toBe('<async-component-stub></async-component-stub>');
+});
+```
+
+## Substituer une directive
+
+Parfois, les directives effectuent des opérations assez complexes, comme réaliser beaucoup de manipulations de DOM ce qui peut entraîner des erreurs dans vos tests (en raison du JsDOM ne ressemblant pas totalement au DOM). Un exemple courant sont les directives de tooltip de différentes bibliothèques, qui dépendent généralement fortement de la mesure de la position/taille des nœuds DOM.
+
+Dans cet exemple, nous avons un autre `<App>` qui affiche un message dans une infobulle.
+
+```js
+// directive tooltip déclarée quelque part nommée `Tooltip`
+
+const App = {
+  directives: {
+    Tooltip,
+  },
+  template: '<h1 v-tooltip title="Welcome tooltip">Bienvenue dans Vue.js 3</h1>',
+};
+```
+
+Nous ne voulons pas que le code de la directive `Tooltip` soit exécuté dans ce test, nous souhaitons simplement vérifier que le message est affiché. Dans ce cas, nous pourrions utiliser les `stubs`, qui apparaissent dans l'option de `mount`&nbsp;: `global` en passant `vTooltip`.
+
+```js
+test('substitue le composant avec un template personnalisé', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        vTooltip: true,
+      },
+    },
+  });
+
+  console.log(wrapper.html());
+  // <h1>Bienvenue dans Vue.js 3</h1>
+
+  expect(wrapper.html()).toContain('Bienvenue dans Vue.js 3');
+});
+```
+
+::: tip
+L'utilisation du schéma de nom `vCustomDirective` pour différencier les composants et les directives est inspirée de la [même approche](https://vuejs.org/api/sfc-script-setup.html#using-custom-directives) utilisée dans `<script setup>`.
+:::
+
+Parfois, nous avons besoin d'une partie de la fonctionnalité de la directive (généralement parce que certaines parties de code en dépendent). Supposons que notre directive ajoute la classe CSS `avec-tooltip` lorsqu'elle est exécutée et que ce comportement est important pour notre code. Dans ce cas, nous pouvons remplacer `true` par notre implémentation de directive fictive.
+
+```js
+test('substitue le composant avec un template personnalisé', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        vTooltip: {
+          beforeMount(el: Element) {
+            console.log('directive appelée');
+            el.classList.add('avec-tooltip');
+          },
+        },
+      },
+    },
+  });
+
+  // 'directive appelée' affiché dans la console
+
+  console.log(wrapper.html());
+  // <h1 class="avec-tooltip">Bienvenue dans Vue.js 3</h1>
+
+  expect(wrapper.classes('avec-tooltip')).toBe(true);
+});
+```
+
+Nous venons juste d'échanger notre implémentation de directive avec la nôtre&nbsp;!
+
+::: warning
+Le remplacement des directives ne fonctionnera pas sur les composants fonctionnels ou `<script setup>` en raison de l'absence de nom de directive à l'intérieur de la fonction [withDirectives](https://vuejs.org/api/render-function.html#withdirectives). Considérez le mocking du module de directive via votre gestionnaire de test si vous avez besoin de remplacer une directive utilisée dans un composant fonctionnel. Consultez https://github.com/vuejs/core/issues/6887 pour un exemple permettant de débloquer cette fonctionnalité.
+:::
+
+## Slots Par Défaut et `shallow`
+
+Comme `shallow` remplace tout le contenu d'un composant, aucun `<slot>` ne sera affiché lors de l'utilisation de `shallow`. Bien que ce ne soit pas un problème dans la plupart des cas, il existe des scénarios où cela n'est pas idéal.
+
+```js
+const CustomButton = {
+  template: `
+    <button>
+      <slot />
+    </button>
+  `,
+};
+```
+
+Et vous pourriez l'utiliser comme ceci&nbsp;:
+
+```js
+const App = {
+  props: ['authenticated'],
+  components: { CustomButton },
+  template: `
+    <custom-button>
+      <div v-if="authenticated">Se déconnecter</div>
+      <div v-else>Se connecter</div>
+    </custom-button>
+  `,
+};
+```
+
+Si vous utilisez `shallow`, le slot ne sera pas affiché, car la fonction d'affichage dans `<custom-button />` est remplacée. Cela signifie que vous ne pourrez pas vérifier que le texte correct soit affiché&nbsp;!
+
+Pour ce cas d'utilisation, vous pouvez utiliser `config.renderStubDefaultSlot`, qui affichera le contenu du slot par défaut, même lors de l'utilisation de `shallow`&nbsp;:
+
+```js {1,4,8}
+import { config, mount } from '@vue/test-utils';
+
+beforeAll(() => {
+  config.global.renderStubDefaultSlot = true;
+});
+
+afterAll(() => {
+  config.global.renderStubDefaultSlot = false;
+});
+
+test('monte avec des substituts', () => {
+  const wrapper = mount(AnotherApp, {
+    props: {
+      authenticated: true,
+    },
+    shallow: true,
+  });
+
+  expect(wrapper.html()).toContain('Se déconnecter');
+});
+```
+
+Comme ce comportement est global, et non basé test par test, vous devez vous souvenir de l'activer et le désactiver avant et après chaque test.
+
+::: tip
+Vous pouvez également activer ceci globalement en important `config` dans votre fichier de configuration de test, et en définissant `renderStubDefaultSlot` sur `true`. Malheureusement, en raison de limitations techniques, ce comportement n'est pas étendu à des slots autres que le slot par défaut.
+:::
+
+## `mount`, `shallow` et `stubs`: lequel et quand&nbsp;?
+
+En règle générale, **plus vos tests ressemblent à la manière dont votre application est utilisée**, plus vous pouvez avoir confiance en eux.
+
+Les tests qui utilisent `mount` afficheront toute la hiérarchie de composants, ce qui est plus proche de ce que l'utilisateur verra dans un vrai navigateur.
+
+D'un autre côté, les tests qui utilisent `shallow` se concentrent sur un composant spécifique. `shallow` peut être utile pour tester des composants avancés en isolation totale. Si vous avez simplement un ou deux composants qui ne sont pas pertinents pour vos tests, considérez d'utiliser `mount` en combinaison avec des composants de substitution (`stubs`) au lieu de shallow. Plus vous utilisez les `stubs`, moins les tests ressemblent à la production.
+
+Gardez ceci à l'esprit&nbsp;: que vous effectuiez un montage complet ou un rendu partiel, les bons tests se concentrent sur les entrées (`props` et interaction de l'utilisateur, comme avec `trigger`) et les sorties (les éléments DOM qui sont rendus et les événements), et pas sur les détails d'implémentation.
+
+Alors, quelle que soit la méthode de montage que vous choisissez, nous vous suggérons de garder ces lignes directrices à l'esprit.
+
+## Conclusion
+
+- Utilisez `global.stubs` pour substituer un composant ou une directive par un faux afin de simplifier vos tests.
+- Utilisez `shallow: true` (ou `shallowMount`) pour remplacer tous les composants enfants par des faux.
+- Utilisez `global.renderStubDefaultSlot` pour afficher le contenu du `<slot>` par défaut pour un composant substitué.
diff --git a/docs/fr/guide/advanced/teleport.md b/docs/fr/guide/advanced/teleport.md
new file mode 100644
index 000000000..12cb4fa2e
--- /dev/null
+++ b/docs/fr/guide/advanced/teleport.md
@@ -0,0 +1,210 @@
+# Tester Teleport
+
+Vue 3 offre un nouveau composant intégré&nbsp;: `<Teleport>`, qui permet aux composants de "téléporter" leur contenu très loin de leur propre `<template>`. La plupart des tests écrits avec Vue Test Utils sont limités au composant passé à `mount`, ce qui introduit une certaine complexité lorsqu'il s'agit de tester un composant qui est téléporté en dehors du composant où il est initialement rendu.
+
+Voici quelques techniques pour tester les composants en utilisant `<Teleport>`.
+
+::: tip
+Si vous voulez tester le reste de votre composant en ignorant le "teleport", vous pouvez utiliser un composant de substitution (`stub`) pour les composants "teleport" en passant `teleport: true` dans l'[option globale de stubs](../../api/#global-stubs).
+:::
+
+## Un Exemple
+
+Dans cet exemple, nous testons un composant `<Navbar>`. Il affiche un composant `<SignUp>` à l'intérieur d'un `<Teleport>`. La propriété `target` de `<Teleport>` est un élément situé en dehors du composant `<Navbar>`.
+
+Voici le composant `Navbar.vue`&nbsp;:
+
+```vue
+<template>
+  <Teleport to="#modal">
+    <SignUp />
+  </Teleport>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import SignUp from './Signup.vue';
+
+export default defineComponent({
+  components: {
+    SignUp,
+  },
+});
+</script>
+```
+
+Cela téléporte simplement un composant `<SignUp>` quelque part ailleurs. Restons simple pour cet exemple.
+
+`SignUp.vue` est un formulaire qui valide si `username` est supérieur à 8 caractères. Si c'est le cas, lors de la soumission du formulaire, il émet un événement `signup` accompagné du `username`. Notre objectif sera de le tester.
+
+```vue
+<template>
+  <div>
+    <form @submit.prevent="submit">
+      <input v-model="username" />
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  emits: ['signup'],
+  data() {
+    return {
+      username: '',
+    };
+  },
+  computed: {
+    error() {
+      return this.username.length < 8;
+    },
+  },
+  methods: {
+    submit() {
+      if (!this.error) {
+        this.$emit('signup', this.username);
+      }
+    },
+  },
+};
+</script>
+```
+
+## Monter le Composant
+
+Commençons avec un test simple&nbsp;:
+
+```ts
+import { mount } from '@vue/test-utils';
+import Navbar from './Navbar.vue';
+import Signup from './Signup.vue';
+
+test('émet un évènement signup quand le formulaire est soumit', async () => {
+  const wrapper = mount(Navbar);
+  // ... Suite du test
+});
+```
+
+Exécuter ce test vous donnera un avertissement (`warning`)&nbsp;: `[Vue warn]: Failed to locate Teleport target with selector "#modal"`. Créons-le&nbsp;:
+
+```ts {5-15}
+import { mount } from '@vue/test-utils';
+import Navbar from './Navbar.vue';
+import Signup from './Signup.vue';
+
+beforeEach(() => {
+  // nous crééons la cible de teleport
+  const el = document.createElement('div');
+  el.id = 'modal';
+  document.body.appendChild(el);
+});
+
+afterEach(() => {
+  // nous nettoyons un peu
+  document.body.innerHTML = '';
+});
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar);
+});
+```
+
+Nous utilisons Jest pour cet exemple, qui ne réinitialise pas le DOM à chaque test. C'est pourquoi il est bon de nettoyer après chaque test avec `afterEach`.
+
+## Interagir avec le Composant Téléporté
+
+La prochaine étape consiste à remplir le champ "nom d'utilisateur". Malheureusement, nous ne pouvons pas utiliser `wrapper.find('input')`. Pourquoi&nbsp;? Un rapide `console.log(wrapper.html())` nous montre que&nbsp;:
+
+```html
+<!--teleport starts here-->
+<!--teleport ends here-->
+```
+
+Nous voyons certains commentaires utilisés par Vue pour gérer `<Teleport>` - mais pas de `<input>` ici. C'est parce que le composant `<Signup>` (et son HTML) ne sont plus affichés à l'intérieur de `<Navbar>` - il a été téléporté à l'extérieur.
+
+Bien que le HTML réel soit téléporté à l'extérieur, il semble que le DOM virtuel associé à `<Navbar>` maintienne une référence au composant d'origine. Cela signifie que vous pouvez utiliser `getComponent` et `findComponent`, qui fonctionnent sur le DOM virtuel, pas sur le DOM régulier.
+
+```ts {12}
+beforeEach(() => {
+  // ...
+});
+
+afterEach(() => {
+  // ...
+});
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar);
+
+  wrapper.getComponent(Signup); // le composant est bien récupéré ici !
+});
+```
+
+`getComponent` retourne un `VueWrapper`. Maintenant, vous pouvez utiliser des méthodes telles que `get`, `find` et `trigger`.
+
+Finissons le test&nbsp;:
+
+```ts {4-8}
+test('teleport', async () => {
+  const wrapper = mount(Navbar);
+
+  const signup = wrapper.getComponent(Signup);
+  await signup.get('input').setValue('nom_d_utilisateur_valide');
+  await signup.get('form').trigger('submit.prevent');
+
+  expect(signup.emitted().signup[0]).toEqual(['nom_d_utilisateur_valide']);
+});
+```
+
+Cela fonctionne&nbsp;!
+
+Le test complet&nbsp;:
+
+```ts
+import { mount } from '@vue/test-utils';
+import Navbar from './Navbar.vue';
+import Signup from './Signup.vue';
+
+beforeEach(() => {
+  // nous crééons la cible de teleport
+  const el = document.createElement('div');
+  el.id = 'modal';
+  document.body.appendChild(el);
+});
+
+afterEach(() => {
+  // nous nettoyons un peu
+  document.body.innerHTML = '';
+});
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar);
+
+  const signup = wrapper.getComponent(Signup);
+  await signup.get('input').setValue('nom_d_utilisateur_valide');
+  await signup.get('form').trigger('submit.prevent');
+
+  expect(signup.emitted().signup[0]).toEqual(['nom_d_utilisateur_valide']);
+});
+```
+
+Vous pouvez remplacer teleport par un stub en utilisant `teleport: true`:
+```ts
+import { mount } from '@vue/test-utils'
+import Navbar from './Navbar.vue'
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar, {
+    global: {
+      stubs: {
+        teleport: true
+      }
+    }
+  })
+})
+```
+
+## Conclusion
+
+- Créez une cible de téléportation avec `document.createElement`.
+- Trouvez les composants téléportés à l'aide de `getComponent` ou `findComponent` qui fonctionnent au niveau du DOM virtuel.
diff --git a/docs/fr/guide/advanced/transitions.md b/docs/fr/guide/advanced/transitions.md
new file mode 100644
index 000000000..6786994db
--- /dev/null
+++ b/docs/fr/guide/advanced/transitions.md
@@ -0,0 +1,57 @@
+# Transitions
+
+En général, vous voudriez tester le DOM affiché après une transition, c'est pourquoi Vue Test Utils simule par défaut `<transition>` et `<transition-group>`.
+
+Voici un composant simple qui passe d'un contenu à un autre avec une transition de fondu&nbsp;:
+
+```vue
+<template>
+  <button @click="show = !show">Lancer la transition</button>
+
+  <transition name="fade">
+    <p v-if="show">Bonjour</p>
+  </transition>
+</template>
+
+<script>
+import { ref } from 'vue';
+
+export default {
+  setup() {
+    const show = ref(false);
+
+    return {
+      show,
+    };
+  },
+};
+</script>
+
+<style lang="css">
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from, .fade-leave-to {
+  opacity: 0;
+}
+</style>
+```
+
+Comme Vue Test Utils substitue les transitions, vous pouvez tester le composant ci-dessus de la même manière que vous testez n'importe quel autre composant&nbsp;:
+
+```js
+import Component from './Component.vue';
+import { mount } from '@vue/test-utils';
+
+test('fonctionne avec les transitions', async () => {
+  const wrapper = mount(Component);
+
+  expect(wrapper.find('Bonjour').exists()).toBe(false);
+
+  await wrapper.find('button').trigger('click');
+
+  // Après avoit cliqué sur le bouton, l'élément `<p>` existe et est visible.
+  expect(wrapper.get('p').text()).toEqual('Bonjour');
+});
+```
diff --git a/docs/fr/guide/advanced/v-model.md b/docs/fr/guide/advanced/v-model.md
new file mode 100644
index 000000000..7e62d70e9
--- /dev/null
+++ b/docs/fr/guide/advanced/v-model.md
@@ -0,0 +1,98 @@
+# Tester `v-model`
+
+Lors de l'écriture de composants qui dépendent de l'interaction `v-model` (évènement `update:modelValue`), vous devez gérer l'`event` et les `props`.
+
+Vous pouvez jeter un œil sur la discussion [intégration de `v-model` ](https://github.com/vuejs/test-utils/discussions/279) pour des solutions apportées par la communauté.
+
+Vous pouvez aussi regarder [la documentation `v-model` VueJS](https://vuejs.org/guide/components/events.html#usage-with-v-model).
+
+## Un Exemple Simple
+
+Ci-dessous un composant simple `Editor`&nbsp;:
+
+```js
+const Editor = {
+  props: {
+    label: String,
+    modelValue: String,
+  },
+  emits: ['update:modelValue'],
+  template: `<div>
+    <label>{{label}}</label>
+    <input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
+  </div>`,
+};
+```
+
+Ce composant se comportera comme un composant `input`&nbsp;:
+
+```js
+const App = {
+  components: {
+    Editor,
+  },
+  template: `<editor v-model="text" label="test" />`,
+  data(){
+    return {
+      text: 'test',
+    };
+  },
+};
+```
+
+Maintenant que nous avons typé notre `input`, il modifiera la propriété `texte` dans notre composant.
+
+Pour tester ce comportement&nbsp;:
+
+```js
+test('modelValue est modifié', async () => {
+  const wrapper = mount(Editor, {
+    props: {
+      modelValue: 'Texte initial',
+      'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
+    },
+  });
+
+  await wrapper.find('input').setValue('test');
+  expect(wrapper.props('modelValue')).toBe('test');
+});
+```
+
+# Plusieurs `v-model`
+
+Dans certaines situations, nous pouvons avoir plusieurs `v-model` ciblant des propriétés spécifiques.
+
+Par exemple, dans un éditeur de transactions financières, nous pouvons avoir des propriétés `currency` et `modelValue`.
+
+```js
+const MoneyEditor = {
+  template: `<div> 
+    <input :value="currency" @input="$emit('update:currency', $event.target.value)"/>
+    <input :value="modelValue" type="number" @input="$emit('update:modelValue', $event.target.value)"/>
+  </div>`,
+  props: ['currency', 'modelValue'],
+  emits: ['update:currency', 'update:modelValue'],
+};
+```
+
+Nous pouvons tester les deux comme ceci&nbsp;:
+
+```js
+test('modelValue et currency sont modifiés', async () => {
+  const wrapper = mount(MoneyEditor, {
+    props: {
+      modelValue: 'Texte inital',
+      'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
+      currency: '€',
+      'onUpdate:currency': (e) => wrapper.setProps({ currency: e }),
+    },
+  });
+
+  const [currencyInput, modelValueInput] = wrapper.findAll('input');
+  await modelValueInput.setValue('test');
+  await currencyInput.setValue('£');
+
+  expect(wrapper.props('modelValue')).toBe('test');
+  expect(wrapper.props('currency')).toBe('£');
+});
+```
diff --git a/docs/fr/guide/advanced/vue-router.md b/docs/fr/guide/advanced/vue-router.md
new file mode 100644
index 000000000..479632b87
--- /dev/null
+++ b/docs/fr/guide/advanced/vue-router.md
@@ -0,0 +1,495 @@
+# Tester Vue Router
+
+Cet article présentera deux façons de tester une application en utilisant Vue Router&nbsp;:
+
+1. En utilisant le vrai Vue Router, qui est plus proche de la production, mais peut également entraîner de la complexité lors du test d'applications plus importantes.
+2. En utilisant un routeur simulé, permettant un contrôle plus complet de l'environnement de test.
+
+Veuillez noter que Vue Test Utils ne fournit pas de fonctions spéciales pour aider à tester les composants qui dépendent de Vue Router.
+
+## Utilisation d'un router simulé
+
+Vous pouvez utiliser un routeur simulé pour éviter de vous préoccuper des détails d'implémentation de Vue Router dans vos tests unitaires.
+
+Au lieu d'utiliser une instance réelle de Vue Router, nous pouvons créer une version simulée (`mockée`) qui ne met en œuvre que les fonctionnalités qui nous intéressent. Nous pouvons le faire en utilisant une combinaison de `jest.mock` (si vous utilisez Jest) et de `global.components`.
+
+Lorsque nous simulons une dépendance, c'est généralement parce que **nous ne sommes pas intéressés par le test de son comportement**. Nous ne voulons pas tester si le clic sur `<router-link>` redirige vers la bonne page - nous savons déjà que c'est le cas&nbsp;! Nous pourrions plutôt être intéressés par la vérification que la balise `<a>` possède un attribut `to` correct.
+
+Prenons un exemple plus réaliste&nbsp;! Ce composant affiche un bouton qui redirigera un utilisateur authentifié vers la page d'édition de publication (en fonction des paramètres de la route actuelle). Un utilisateur non authentifié devrait être redirigé vers une route `/404`.
+
+```js
+const Component = {
+  template: `<button @click="redirect">Cliquer pour éditer</button>`,
+  props: ['isAuthenticated'],
+  methods: {
+    redirect() {
+      if (this.isAuthenticated) {
+        this.$router.push(`/posts/${this.$route.params.id}/edit`);
+      } else {
+        this.$router.push('/404');
+      }
+    },
+  },
+};
+```
+
+Nous pourrions utiliser un routeur réel, puis naviguer jusqu'à la route correcte pour ce composant, et, après avoir cliqué sur le bouton, vérifier que la bonne page est affichée... cependant, cela nécessite beaucoup de configuration pour un test relativement simple. En fin de compte, le test que nous voulons écrire est "si authentifié, rediriger vers X, sinon rediriger vers Y". Voyons comment nous pourrions accomplir cela en simulant le routage en utilisant la propriété `global.mocks`&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+
+test('autorise un utilisateur authentifié d\'éditer une publication', async () => {
+  const mockRoute = {
+    params: {
+      id: 1,
+    },
+  };
+  const mockRouter = {
+    push: jest.fn(),
+  };
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: true,
+    },
+    global: {
+      mocks: {
+        $route: mockRoute,
+        $router: mockRouter,
+      },
+    },
+  });
+
+  await wrapper.find('button').trigger('click');
+
+  expect(mockRouter.push).toHaveBeenCalledTimes(1);
+  expect(mockRouter.push).toHaveBeenCalledWith('/posts/1/edit');
+});
+
+test('redirige un utilisateur non authentifié sur 404', async () => {
+  const mockRoute = {
+    params: {
+      id: 1,
+    },
+  };
+  const mockRouter = {
+    push: jest.fn(),
+  };
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: false,
+    },
+    global: {
+      mocks: {
+        $route: mockRoute,
+        $router: mockRouter,
+      },
+    },
+  });
+
+  await wrapper.find('button').trigger('click');
+
+  expect(mockRouter.push).toHaveBeenCalledTimes(1);
+  expect(mockRouter.push).toHaveBeenCalledWith('/404');
+});
+```
+
+Nous avons utilisé `global.mocks` pour fournir les dépendances nécessaires (`this.$route` et `this.$router`) pour définir un état idéal pour chaque test.
+
+Nous avons ensuite pu utiliser `jest.fn()` pour surveiller combien de fois et avec quels arguments `this.$router.push` a été appelé. Le plus important, c'est que nous n'avons pas à gérer la complexité de Vue Router dans notre test&nbsp;! Nous nous sommes seulement occupés du test de la logique de l'application.
+
+:::tip
+Il se peut que vous souhaitiez tester l'ensemble du système de manière bout-en-bout. Vous pourriez considérer un framework comme [Cypress](https://www.cypress.io/) pour des tests système complets en utilisant un véritable navigateur.
+:::
+
+## Utilisation d'un vrai router
+
+Maintenant que nous avons vu comment utiliser un routeur simulé, examinons l'utilisation du véritable Vue Router.
+
+Créons une application de blog basique qui utilise Vue Router. Les articles sont répertoriés sur la route `/posts`&nbsp;:
+
+```js
+const App = {
+  template: `
+    <router-link to="/posts">Aller aux publications</router-link>
+    <router-view />
+  `,
+};
+
+const Posts = {
+  template: `
+    <h1>Posts</h1>
+    <ul>
+      <li v-for="post in posts" :key="post.id">
+        {{ post.name }}
+      </li>
+    </ul>
+  `,
+  data() {
+    return {
+      posts: [{ id: 1, name: 'Tester Vue Router' }],
+    };
+  },
+};
+```
+
+La racine de l'application affiche un `<router-link>` menant à `/posts`, où nous listons les articles.
+
+Le véritable routeur ressemble à ceci. Remarquez que nous exportons les routes séparément du routeur, de sorte que nous puissions instancier un nouveau routeur pour chaque test individuel plus tard.
+
+```js
+import { createRouter, createWebHistory } from 'vue-router';
+
+const routes = [
+  {
+    path: '/',
+    component: {
+      template: 'Bienvenue sur le blog',
+    },
+  },
+  {
+    path: '/posts',
+    component: Posts,
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes,
+})
+
+export { routes };
+
+export default router;
+```
+
+La meilleure façon d'illustrer comment tester une application à l'aide de Vue Router est de laisser les avertissements (`warnings`) nous guider. Le test minimal suivant suffit pour nous lancer&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+
+test('routing', () => {
+  const wrapper = mount(App);
+  expect(wrapper.html()).toContain('Bienvenue sur le blog');
+});
+```
+
+Le test échoue. Il affiche également deux `warnings`&nbsp;:
+
+```bash
+console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
+  [Vue warn]: Failed to resolve component: router-link
+
+console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
+  [Vue warn]: Failed to resolve component: router-view
+```
+
+Les composants `<router-link>` et `<router-view>` ne sont pas trouvés. Nous devons installer Vue Router&nbsp;! Comme Vue Router est un plugin, nous l'installons en utilisant l'option de `mount`&nbsp;: `global.plugins`&nbsp;:
+
+```js {12,13,14}
+import { mount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from "@/router"; // Cet import devrait pointer vers votre fichier de configuration des routes.
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes,
+});
+
+test('routing', () => {
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router],
+    },
+  });
+  expect(wrapper.html()).toContain('Bienvenue sur le blog');
+});
+```
+
+Les deux `warnings` sont maintenant résolus - mais nous en avons maintenant un nouveau&nbsp;:
+
+```bash
+console.warn node_modules/vue-router/dist/vue-router.cjs.js:225
+  [Vue Router warn]: Unexpected error when starting the router: TypeError: Cannot read property '_history' of null
+```
+
+Le `warning` n'est pas très explicite. En fait, cela est lié au fait que **Vue Router 4 gère le routage de manière asynchrone**.
+
+Vue Router fournit une fonction `isReady` qui nous informe lorsque le routeur est prêt. Nous pouvons alors l'`await` pour nous assurer que la navigation initiale a eu lieu.
+
+```js {13,14}
+import { mount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from "@/router";
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes,
+});
+
+test('routing', async () => {
+  router.push('/');
+
+  // Après cette ligne, le router est prêt
+  await router.isReady();
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router],
+    },
+  });
+  expect(wrapper.html()).toContain('Bienvenue sur le blog');
+});
+```
+
+Le test passe enfin&nbsp;! Cela a été assez laborieux, mais désormais nous nous assurons que l'application navigue correctement vers la route initiale.
+
+Maintenant, allons sur `/posts` et assurons-nous que le routage fonctionne comme prévu&nbsp;:
+
+```js {21,22}
+import { mount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from "@/router";
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes,
+});
+
+test('routing', async () => {
+  router.push('/');
+  await router.isReady();
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router],
+    },
+  });
+  expect(wrapper.html()).toContain('Bienvenue sur le blog');
+
+  await wrapper.find('a').trigger('click');
+  expect(wrapper.html()).toContain('Tester Vue Router');
+});
+```
+
+Encore une fois, une erreur assez difficile à comprendre&nbsp;:
+
+```bash
+console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
+  [Vue warn]: Unhandled error during execution of native event handler
+    at <RouterLink to="/posts" >
+
+console.error node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:211
+  TypeError: Cannot read property '_history' of null
+```
+
+Une fois de plus, en raison de la nature asynchrone de Vue Router 4, nous devons `await` la navigation pour être terminée avant de faire des vérifications.
+
+Cependant, il n'y a pas de `hook` `hasNavigated` sur lequel nous pouvons `await`. Une alternative est d'utiliser la fonction `flushPromises` exportée de Vue Test Utils&nbsp;:
+
+```js {1,22}
+import { mount, flushPromises } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from "@/router";
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes,
+});
+
+test('routing', async () => {
+  router.push('/');
+  await router.isReady();
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router],
+    },
+  });
+  expect(wrapper.html()).toContain('Bienvenue sur le blog');
+
+  await wrapper.find('a').trigger('click');
+  await flushPromises();
+  expect(wrapper.html()).toContain('Tester Vue Router');
+});
+```
+
+Cela passe. Super&nbsp;! Cependant, c'est très laborieux - et cela concerne une petite application triviale. C'est pour cette raison que l'utilisation d'un routeur simulé est une approche courante lors des tests de composants Vue avec Vue Test Utils. Si vous préférez continuer à utiliser un routeur réel, gardez à l'esprit que chaque test doit utiliser son propre instance du routeur de cette manière&nbsp;:
+
+```js {1,22}
+import { mount, flushPromises } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from "@/router";
+
+let router;
+beforeEach(async () => {
+  router = createRouter({
+    history: createWebHistory(),
+    routes: routes,
+  });
+});
+
+test('routing', async () => {
+  router.push('/');
+  await router.isReady();
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router],
+    },
+  });
+  expect(wrapper.html()).toContain('Bienvenue sur le blog');
+
+  await wrapper.find('a').trigger('click');
+  await flushPromises();
+  expect(wrapper.html()).toContain('Tester Vue Router');
+});
+```
+
+## Utilisation d'un router simulé avec l'API de Composition
+
+Vue Router 4 permet de travailler avec le routeur et les routes à l'intérieur de la fonction `setup` avec l'API de Composition.
+
+Considérons le même composant démo réécrit en utilisant l'API de Composition.
+
+```js
+import { useRouter, useRoute } from 'vue-router';
+
+const Component = {
+  template: `<button @click="redirect">Cliquer pour éditer</button>`,
+  props: ['isAuthenticated'],
+  setup (props) {
+    const router = useRouter();
+    const route = useRoute();
+
+    const redirect = () => {
+      if (props.isAuthenticated) {
+        router.push(`/posts/${route.params.id}/edit`);
+      } else {
+        router.push('/404');
+      }
+    };
+
+    return {
+      redirect,
+    };
+  },
+};
+```
+
+Cette fois, pour tester le composant, nous utiliserons la capacité de Jest à simuler une ressource importée, `vue-router`, et simulerons directement le routeur et la route.
+
+```js
+import { useRouter, useRoute } from 'vue-router';
+
+jest.mock('vue-router', () => ({
+  useRoute: jest.fn(),
+  useRouter: jest.fn(() => ({
+    push: () => {},
+  })),
+}));
+
+test('autorise un utilisateur authentifié à éditer une publication', async() => {
+  useRoute.mockImplementationOnce(() => ({
+    params: {
+      id: 1,
+    },
+  }));
+
+  const push = jest.fn();
+  useRouter.mockImplementationOnce(() => ({
+    push,
+  }));
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: true,
+    },
+    global: {
+      stubs: ["router-link", "router-view"], // Composants de substitution (`Stubs`) pour router-link et router-view au cas où ils sont affichés dans notre composant
+    },
+  });
+
+  await wrapper.find('button').trigger('click');
+
+  expect(push).toHaveBeenCalledTimes(1);
+  expect(push).toHaveBeenCalledWith('/posts/1/edit');
+})
+
+test('redirige un utilisateur non authentifié vers la page 404', async() => {
+  useRoute.mockImplementationOnce(() => ({
+    params: {
+      id: 1,
+    },
+  }));
+
+  const push = jest.fn();
+  useRouter.mockImplementationOnce(() => ({
+    push,
+  }));
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: false,
+    },
+    global: {
+      stubs: ["router-link", "router-view"], // Composants de remplacement (`Stubs`) pour router-link et router-view au cas où ils sont affichés dans notre composant
+    },
+  });
+
+  await wrapper.find('button').trigger('click');
+
+  expect(push).toHaveBeenCalledTimes(1);
+  expect(push).toHaveBeenCalledWith('/404');
+});
+```
+
+## Utilisation d'un router réel avec l'API de Composition
+
+En utilisant un routeur réel avec l'API de Composition, cela fonctionne de la même manière qu'en utilisant un routeur réel avec l'API d'options. Gardez à l'esprit que, tout comme avec l'API d'options, il est considéré comme une bonne pratique d'instancier un nouvel objet de routeur pour chaque test, au lieu d'importer directement le routeur depuis votre application.
+
+```js
+import { mount } from '@vue/test-utils';
+import { createRouter, createWebHistory } from 'vue-router';
+import { routes } from "@/router";
+
+let router;
+
+beforeEach(async () => {
+  router = createRouter({
+    history: createWebHistory(),
+    routes: routes,
+  });
+
+  router.push('/');
+  await router.isReady();
+});
+
+test('autorise un utilisateur authentifié à éditer une publication', async () => {
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: true,
+    },
+    global: {
+      plugins: [router],
+    },
+  });
+
+  const push = jest.spyOn(router, 'push');
+  await wrapper.find('button').trigger('click');
+
+  expect(push).toHaveBeenCalledTimes(1);
+  expect(push).toHaveBeenCalledWith('/posts/1/edit');
+});
+```
+
+La bibliothèque [vue-router-mock](https://github.com/posva/vue-router-mock) créée par Posva est également disponible en tant qu'alternative pour ceux qui préfèrent une approche non manuelle.
+
+## Conclusion
+
+- Vous pouvez utiliser une instance d'un vrai routeur dans vos tests.
+- Cependant, il y a quelques avertissements à prendre en compte&nbsp;: Vue Router 4 est asynchrone et nous devons en tenir compte lors de l'écriture de tests.
+- Pour les applications plus complexes, considérez la simulation de la dépendance du routeur et concentrez-vous sur le test de la logique sous-jacente.
+- Utilisez la fonctionnalité de simulation (`mocking`) de votre gestionnaire de tests si possible.
+- Utilisez `global.mocks` pour simuler les dépendances globales, telles que `this.$route` et `this.$router`.
diff --git a/docs/fr/guide/advanced/vuex.md b/docs/fr/guide/advanced/vuex.md
new file mode 100644
index 000000000..4e444e7fb
--- /dev/null
+++ b/docs/fr/guide/advanced/vuex.md
@@ -0,0 +1,295 @@
+# Tester Vuex
+
+Vuex n'est qu'un détail d'implémentation ; aucun traitement spécial n'est nécessaire pour tester les composants en utilisant Vuex. Cependant, il existe certaines techniques qui peuvent rendre vos tests plus faciles à lire et à écrire. Nous les décrivons dans cette section.
+
+Ce guide part du principe que vous êtes familier avec Vuex. La version 4 de Vuex est celle qui fonctionne avec Vue.js 3. Lisez la documentation [ici](https://next.vuex.vuejs.org/).
+
+## Un Exemple Simple
+
+Voici un `store` Vuex simple et un composant qui dépend de ce `store` Vuex&nbsp;:
+
+```js
+import { createStore } from 'vuex';
+
+const store = createStore({
+  state() {
+    return {
+      count: 0,
+    };
+  },
+  mutations: {
+    increment(state: any) {
+      state.count += 1;
+    },
+  },
+});
+```
+
+Le `store` stocke simplement un compteur, l'incrémentant lorsque la mutation `increment` est appelée. C'est le composant que nous allons tester&nbsp;:
+
+```js
+const App = {
+  template: `
+    <div>
+      <button @click="increment" />
+      Compteur: {{ count }}
+    </div>
+  `,
+  computed: {
+    count() {
+      return this.$store.state.count;
+    },
+  },
+  methods: {
+    increment() {
+      this.$store.commit('increment');
+    },
+  },
+};
+```
+
+## Tester un Vrai Store Vuex
+
+Pour tester complètement que ce composant et le `store` Vuex fonctionnent, nous allons cliquer sur le `<button>` et vérifier que le compteur est augmenté. Dans vos applications Vue, généralement dans `main.js`, vous installez Vuex de cette façon&nbsp;:
+
+```js
+const app = createApp(App);
+app.use(store);
+```
+
+C'est parce que Vuex est un plugin. Les plugins sont appliqués en appelant `app.use` et en passant le plugin.
+
+Vue Test Utils vous permet également d'installer des plugins, en utilisant l'option de `mount`&nbsp;: `global.plugins`.
+
+```typescript
+import { createStore } from 'vuex';
+
+const store = createStore({
+  state() {
+    return {
+      count: 0,
+    };
+  },
+  mutations: {
+    increment(state: any) {
+      state.count += 1;
+    },
+  },
+});
+
+test('vuex', async () => {
+  const wrapper = mount(App, {
+    global: {
+      plugins: [store],
+    },
+  });
+
+  await wrapper.find('button').trigger('click');
+
+  expect(wrapper.html()).toContain('Compteur: 1');
+});
+```
+
+Après avoir installé le plugin, nous utilisons `trigger` pour cliquer sur le bouton et vérifier que `count` est incrémenté. Ce type de test, qui couvre l'interaction entre différents systèmes (dans ce cas, le composant et le `store`), est connu sous le nom de test d'intégration.
+
+## Tester avec un Store Simulé (Mocked)
+
+En revanche, un test unitaire peut isoler et tester le composant et le `store` séparément. Cela peut être utile si vous avez une application très volumineuse avec un `store` complexe. Pour ce cas d'utilisation, vous pouvez simuler les parties du `store` qui vous intéressent à l'aide de `global.mocks`&nbsp;:
+
+```js
+test('vuex utilise un store simulé', async () => {
+  const $store = {
+    state: {
+      count: 25,
+    },
+    commit: jest.fn(),
+  }
+
+  const wrapper = mount(App, {
+    global: {
+      mocks: {
+        $store,
+      },
+    },
+  });
+
+  expect(wrapper.html()).toContain('Compteur: 25');
+  await wrapper.find('button').trigger('click');
+  expect($store.commit).toHaveBeenCalled();
+});
+```
+
+Au lieu d'utiliser un vrai `store` Vuex et de l'installer via `global.plugins`, nous avons créé notre propre `store` factice, en implémentant uniquement les parties de Vuex utilisées dans le composant (dans ce cas, les fonctions `state` et `commit`).
+
+Bien que cela puisse sembler pratique de tester le `store` en isolation, notez qu'il ne vous donnera aucun avertissement si vous cassez votre `store` Vuex. Considérez soigneusement si vous voulez simuler le `store` Vuex ou en utiliser un vrai et comprenez les compromis de chaque solution.
+
+## Tester Vuex de Manière Isolée
+
+Vous souhaiterez peut-être tester vos mutations ou actions Vuex de manière totalement isolée, en particulier si elles sont complexes. Vous n'avez pas besoin de Vue Test Utils pour cela, car un magasin Vuex est simplement du JavaScript standard. Voici comment vous pourriez tester la mutation `increment` sans Vue Test Utils&nbsp;:
+
+```js
+test('incrémente la mutation', () => {
+  const store = createStore({
+    state: {
+      count: 0,
+    },
+    mutations: {
+      increment(state) {
+        state.count += 1;
+      },
+    },
+  });
+
+  store.commit('increment');
+
+  expect(store.state.count).toBe(1);
+});
+```
+
+## Prédéfinir le State de Vuex
+
+Il peut parfois être utile d'avoir le `store` Vuex dans un état (`state`) spécifique pour un test. Une technique utile que vous pouvez utiliser, en plus de `global.mocks`, est de créer une fonction qui enveloppe `createStore` et prend un argument pour définir l'état initial. Dans cet exemple, nous étendons `increment` pour prendre un argument supplémentaire, qui sera ajouté à `state.count`. Si cela n'est pas fourni, nous incrémentons simplement `state.count` de 1.
+
+```js
+const createVuexStore = (initialState) =>
+  createStore({
+    state: {
+      count: 0,
+      ...initialState,
+    },
+    mutations: {
+      increment(state, value = 1) {
+        state.count += value;
+      },
+    },
+  });
+
+test('incrémente la mutation sans passer de valeur', () => {
+  const store = createVuexStore({ count: 20 });
+  store.commit('increment');
+  expect(store.state.count).toBe(21);
+});
+
+test('incrémente la mutation en passant une valeur', () => {
+  const store = createVuexStore({ count: -10 });
+  store.commit('increment', 15);
+  expect(store.state.count).toBe(5);
+});
+```
+
+En créant une fonction `createVuexStore` qui prend un état (`state`) initial, nous pouvons facilement définir l'état initial. Cela nous permet de tester tous les cas limites, tout en simplifiant nos tests.
+
+Le [Guide de Test de Vue](https://lmiller1990.github.io/vue-testing-handbook/testing-vuex.html) contient plus d'exemples pour tester Vuex. Note&nbsp;: les exemples concernent Vue.js 2 et Vue Test Utils v1. Les idées et les concepts sont les mêmes, et le Guide de test de Vue sera mis à jour pour Vue.js 3 et Vue Test Utils 2 dans un avenir proche.
+
+## Tester en utilisant l'API de Composition
+
+Vuex est accessible via une fonction `useStore` lors de l'utilisation de l'API de Composition. [En savoir plus ici](https://next.vuex.vuejs.org/guide/composition-api.html).
+
+`useStore` peut être utilisé avec une clé d'injection facultative et unique comme discuté dans [la documentation Vuex](https://next.vuex.vuejs.org/guide/typescript-support.html#typing-usestore-composition-function).
+
+Cela ressemble à ceci&nbsp;:
+
+```js
+import { createStore } from 'vuex';
+import { createApp } from 'vue';
+
+// création d'un symbole unique global pour la clef d'injection
+const key = Symbol();
+
+const App = {
+  setup () {
+    // on utilise la clef pour le store
+    const store = useStore(key);
+  },
+};
+
+const store = createStore({ /* ... */ });
+const app = createApp({ /* ... */ });
+
+// il faudra spécifier la clef en second argument en appelant app.use(store)
+app.use(store, key);
+```
+
+Pour éviter de répéter le passage du paramètre de clé chaque fois que `useStore` est utilisé, la documentation Vuex recommande d'extraire cette logique dans une fonction d'aide (`helper`) et de réutiliser cette fonction au lieu de la fonction `useStore` par défaut. [En savoir plus ici](https://next.vuex.vuejs.org/guide/typescript-support.html#typing-usestore-composition-function). La démarche fournissant un `store` à l'aide de Vue Test Utils dépend de la façon dont la fonction `useStore` est utilisée dans le composant.
+
+### Tester des Composants utilisant `useStore` sans Clef d'Injection
+
+Sans clé d'injection, les données du `store` peuvent être simplement injectées dans le composant via l'option de `mount()`&nbsp;: `provide`. Le nom du `store` injecté doit être le même que celui dans le composant, par exemple `store`.
+
+#### Un Exemple sans fournir de Clef à `useStore`
+
+```js
+import { createStore } from 'vuex';
+
+const store = createStore({
+  // ...
+});
+
+const wrapper = mount(App, {
+  global: {
+    provide: {
+      store: store,
+    },
+  },
+});
+```
+
+### Tester des Composants utilisant `useStore` avec une Clef d'Injection
+
+Lors de l'utilisation du `store` avec une clé d'injection, la méthode précédente ne fonctionnera pas. L'instance du `store` ne sera pas retournée par `useStore`. Pour accéder au bon `store`, l'identificateur doit être fourni.
+
+Il doit s'agir de la clé exacte qui est passée à `useStore` dans la fonction `setup` du composant ou à `useStore` dans la fonction d'aide (`helper`). Comme les symboles JavaScript sont uniques et ne peuvent pas être recréés, il est préférable d'exporter la clé du vrai `store`.
+
+Vous pouvez soit utiliser `global.provide` avec la bonne clé pour injecter le `store`, soit `global.plugins` pour installer le `store` et spécifier la clé&nbsp;:
+
+#### Fournir `useStore` avec Clef en utilisant `global.provide`
+
+```js
+// store.js
+export const key = Symbol();
+```
+
+```js
+// app.spec.js
+import { createStore } from 'vuex';
+import { key } from './store';
+
+const store = createStore({ /* ... */ });
+
+const wrapper = mount(App, {
+  global: {
+    provide: {
+      [key]: store,
+    },
+  },
+});
+```
+
+#### Fournir `useStore` avec Clef en utilisant `global.plugins`
+
+```js
+// store.js
+export const key = Symbol();
+```
+
+```js
+// app.spec.js
+import { createStore } from 'vuex';
+import { key } from './store';
+
+const store = createStore({ /* ... */ });
+
+const wrapper = mount(App, {
+  global: {
+    // pour passer des options aux plugins, utilisez la syntaxe ci-dessous.
+    plugins: [[store, key]],
+  },
+});
+```
+
+## Conclusion
+
+- Utilisez `global.plugins` pour installer Vuex comme un plugin.
+- Utilisez `global.mocks` pour simuler un objet global, tel que Vuex, pour des cas d'utilisation avancés.
+- Évaluez la nécessité de tester les mutations et les actions complexes de Vuex de manière isolée.
+- Utilisez `createStore` dans une fonction qui prend un argument pour configurer des scénarios de test spécifiques.
diff --git a/docs/fr/guide/essentials/a-crash-course.md b/docs/fr/guide/essentials/a-crash-course.md
new file mode 100644
index 000000000..57e7684e4
--- /dev/null
+++ b/docs/fr/guide/essentials/a-crash-course.md
@@ -0,0 +1,248 @@
+# Cours rapide
+
+Rentrons dans le vif du sujet&nbsp;! Apprenons à utiliser Vue Test Utils (VTU) en construisant une simple application de tâches à réaliser (une _Todo list_), et en écrivant des tests au fur et à mesure. Ce guide couvrira comment&nbsp;:
+
+- Monter des composants.
+- Trouver des éléments.
+- Remplir des formulaires.
+- Déclencher des événements.
+
+## Pour commencer
+
+Commençons par un simple composant TodoApp avec une seule tâche&nbsp;:
+
+```vue
+<template>
+  <div></div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const todos = ref([
+  {
+    id: 1,
+    text: 'Apprendre Vue.js 3',
+    completed: false
+  }
+])
+</script>
+```
+
+## Le premier test - une tâche est affichée
+
+Le premier test que nous allons écrire va vérifier qu'une tâche est affichée. Regardons d'abord le test, puis nous détaillerons chaque partie&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+import TodoApp from './TodoApp.vue';
+
+test('affiche une tâche', () => {
+  const wrapper = mount(TodoApp);
+
+  const todo = wrapper.get('[data-test="todo"]');
+
+  expect(todo.text()).toBe('Apprendre Vue.js 3');
+});
+```
+
+Nous commençons par importer `mount` - c'est la principale manière de monter un composant dans VTU. Vous pouvez déclarer un test en utilisant la fonction `test` accompagné d'une courte description pour le test. Les fonctions `test` et `expect` sont disponibles de façon globale dans la plupart des gestionnaires de tests (cet exemple utilise [Jest](https://jestjs.io/fr/)). Si `test` et `expect` sont des concepts obscurs pour vous, la documentation de Jest a un [exemple plus simple](https://jestjs.io/docs/en/getting-started) de leur utilisation et de leur fonctionnement.
+
+Ensuite, nous appelons `mount` et passons le composant en premier argument - c'est quelque chose dont la plupart des tests que vous écrirez auront besoin au préalable. Par convention, nous attribuons le résultat à une variable appelée `wrapper`, car `mount` fournit une "enveloppe" simple autour de l'application avec des méthodes utiles pour les tests.
+
+Enfin, nous utilisons une autre fonction globale courante pour de nombreux gestionnaires de tests - Jest inclus - `expect`. L'idée est que nous faisons une vérification ou une _attente_, que la sortie réelle corresponde à ce que nous pensons qu'elle devrait être. Pour cela, nous cherchons un élément avec le sélecteur `data-test="todo"` - dans le DOM, cela ressemblera à `<div data-test="todo">...</div>`. Nous appelons ensuite la méthode `text` pour obtenir le contenu, que nous attendons être `'Apprendre Vue.js 3'`.
+
+> L'utilisation de sélecteurs `data-test` n'est pas requise, mais peut rendre vos tests plus solides. Les classes et les id ont tendance à changer ou à se déplacer au fur et à mesure que l'application évolue - en utilisant `data-test`, les autres développeurs comprendront que ce sélecteur est réservé pour les tests, et ne doit donc pas être modifié.
+
+## Pour faire passer le test
+
+Si nous exécutons ce test maintenant, il échouera avec le message d'erreur suivant&nbsp;: `Impossible de trouver [data-test="todo"]`. C'est parce que nous n'affichons aucune tâche, donc l'appel `get()` échoue à renvoyer une enveloppe (rappelez-vous, VTU place tous les composants et les éléments DOM dans une "enveloppe" avec des méthodes utiles aux tests). Mettez à jour la balise `<template>` dans `TodoApp.vue` pour afficher le tableau des tâches&nbsp;:
+
+```vue
+<template>
+  <div>
+    <div v-for="todo in todos" :key="todo.id" data-test="todo">
+      {{ todo.text }}
+    </div>
+  </div>
+</template>
+```
+
+Avec ce changement, le test est passé. Félicitations&nbsp;! Vous avez écrit votre premier test de composant en utilisant Vue Test Utils.
+
+## Ajouter une nouvelle tâche
+
+La prochaine fonctionnalité que nous allons ajouter est la possibilité pour l'utilisateur de créer une nouvelle tâche. Pour ce faire, nous avons besoin d'un formulaire avec une entrée pour que l'utilisateur puisse taper du texte. Lorsque l'utilisateur soumet le formulaire, nous nous attendons à ce que la nouvelle tâche soit affichée. Regardons le test&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+import TodoApp from './TodoApp.vue';
+
+test('créé une tâche', () => {
+  const wrapper = mount(TodoApp);
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(1);
+
+  wrapper.get('[data-test="new-todo"]').setValue('New todo');
+  wrapper.get('[data-test="form"]').trigger('submit');
+
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2);
+});
+```
+
+Comme d'habitude, nous commençons par utiliser `mount` pour monter l'élément. Nous vérifions également qu'une seule tâche est affichée - cela permet de clarifier que nous ajoutons une tâche supplémentaire, comme l'indique la dernière ligne du test.
+
+Pour mettre à jour `<input>`, nous utilisons `setValue` - cela nous permet de définir la valeur de l'élement `<input>`.
+
+Après avoir mis à jour `<input>`, nous utilisons la méthode `trigger` pour simuler la soumission du formulaire par l'utilisateur. Enfin, nous vérifions que le nombre d'éléments de la liste de tâches a augmenté de 1 à 2.
+
+Si nous exécutons ce test, il échouera. Modifions `TodoApp.vue` pour avoir les éléments `<form>` et `<input>` et faisons passer le test&nbsp;:
+
+```vue
+<template>
+  <div>
+    <div v-for="todo in todos" :key="todo.id" data-test="todo">
+      {{ todo.text }}
+    </div>
+
+    <form data-test="form" @submit.prevent="createTodo">
+      <input data-test="new-todo" v-model="newTodo" />
+    </form>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const newTodo = ref('')
+const todos = ref([
+  {
+    id: 1,
+    text: 'Apprendre Vue.js 3',
+    completed: false
+  }
+])
+
+const createTodo = () => {
+  todos.value.push({
+    id: 2,
+    text: newTodo.value,
+    completed: false
+  })
+}
+</script>
+```
+
+Nous utilisons `v-model` pour lier l'élément `input` et `@submit` pour écouter la soumission du formulaire. Lorsque le formulaire est soumis, `createTodo` est appelé et insère une nouvelle tâche dans le tableau des tâches à faire.
+
+Bien que cela semble bon, l'exécution du test affiche une erreur&nbsp;:
+
+```
+expect(received).toHaveLength(expected)
+
+    Expected length: 2
+    Received length: 1
+    Received array:  [{"element": <div data-test="todo">Apprendre Vue.js 3</div>}]
+```
+
+Le nombre de tâches à faire n'a pas augmenté. Le problème est que Jest exécute les tests de manière synchrone, mettant fin au test dès que la dernière fonction est appelée. Cependant, Vue met à jour le DOM de façon asynchrone. Nous devons marquer le test `async` et appeler `await` sur toutes les méthodes qui pourraient entraîner un changement du DOM. `trigger` et `setValue` sont des méthodes qui modifient le DOM - nous pouvons donc simplement ajouter `await` et le test devrait fonctionner comme prévu.
+
+```js
+import { mount } from '@vue/test-utils'
+import TodoApp from './TodoApp.vue'
+
+test('créé une tâche', async () => {
+  const wrapper = mount(TodoApp);
+
+  await wrapper.get('[data-test="new-todo"]').setValue('Nouvelle tâche');
+  await wrapper.get('[data-test="form"]').trigger('submit');
+
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2);
+});
+```
+
+Le test passe enfin&nbsp;!
+
+## Marquer une tâche comme terminée
+
+Maintenant que nous pouvons créer des tâches, donnons à l'utilisateur la possibilité de marquer une tâche comme terminée/incomplète avec une case à cocher. Comme précédemment, commençons par le test qui échoue&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+import TodoApp from './TodoApp.vue';
+
+test('marque une tâche comme terminée', async () => {
+  const wrapper = mount(TodoApp);
+
+  await wrapper.get('[data-test="todo-checkbox"]').setValue(true);
+
+  expect(wrapper.get('[data-test="todo"]').classes()).toContain('completed');
+});
+```
+
+Ce test est similaire aux deux précédents ; nous trouvons un élément et interagissons avec de la même manière (nous utilisons à nouveau `setValue`, car nous interagissons avec un élément `<input>`).
+
+Enfin, nous faisons une vérification. Nous allons appliquer une classe `completed` aux tâches terminées - nous pourrons alors l'utiliser pour ajouter un peu de style et indiquer visuellement le statut d'une tâche.
+
+Nous pouvons faire passer ce test en mettant à jour le `<template>` pour inclure le `<input type="checkbox">` et une liaison de classe sur la tâche.
+
+```vue
+<template>
+  <div>
+    <div
+      v-for="todo in todos"
+      :key="todo.id"
+      data-test="todo"
+      :class="[todo.completed ? 'completed' : '']"
+    >
+      {{ todo.text }}
+      <input
+        type="checkbox"
+        v-model="todo.completed"
+        data-test="todo-checkbox"
+      />
+    </div>
+
+    <form data-test="form" @submit.prevent="createTodo">
+      <input data-test="new-todo" v-model="newTodo" />
+    </form>
+  </div>
+</template>
+```
+
+Félicitations&nbsp;! Vous avez écrit votre première suite de tests de composants Vue.
+
+## Organiser, Agir et Vérifier
+
+Vous avez sûrement remarqué les nouvelles lignes dans les tests. Pour les comprendre, regardons de nouveau le deuxième test en détail&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+import TodoApp from './TodoApp.vue';
+
+test('créé une tâche', async () => {
+  const wrapper = mount(TodoApp);
+
+  await wrapper.get('[data-test="new-todo"]').setValue('Nouvelle todo');
+  await wrapper.get('[data-test="form"]').trigger('submit');
+
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2);
+});
+```
+
+Le test est divisé en trois étapes distinctes, séparées par des sauts de ligne. Les trois étapes représentent les trois phases d'un test&nbsp;: **organiser**, **agir** et **vérifier**.
+
+Dans la phase _organiser_, nous préparons le scénario pour le test. Un exemple plus complexe peut nécessiter la création d'un store Vuex ou le remplissage d'une base de données.
+
+Dans la phase _agir_, nous jouons le scénario, simulant comment un utilisateur interagirait avec le composant ou l'application.
+
+Dans la phase _vérifier_, nous faisons des vérifications sur l'état actuel du composant que nous attendons.
+
+Presque tous les tests suivront ces trois phases. Vous n'êtes pas obligé de les séparer avec des sauts de ligne comme ce guide le fait, mais il est bon de garder ces trois phases à l'esprit lorsque vous écrivez vos tests.
+
+## Conclusion
+
+- Utilisez `mount()` pour monter un composant.
+- Utilisez `get()` et `findAll()` pour récupérer des éléments du DOM.
+- `trigger()` et `setValue()` sont des fonctions utilitaires pour simuler les entrées utilisateur.
+- La mise à jour du DOM est une opération asynchrone, assurez-vous donc d'utiliser `async` et `await`.
+- Les tests consistent généralement en 3 phases ; organiser, agir et vérifier.
diff --git a/docs/fr/guide/essentials/conditional-rendering.md b/docs/fr/guide/essentials/conditional-rendering.md
new file mode 100644
index 000000000..5b7411c77
--- /dev/null
+++ b/docs/fr/guide/essentials/conditional-rendering.md
@@ -0,0 +1,147 @@
+# Rendu conditionnel
+
+Vue Test Utils offre un bouquet de fonctionnalités pour monter et faire des vérifications sur l'état d'un composant, dans le but de vérifier qu'il se comporte correctement. Cet article explorera comment monter des composants ainsi que vérifier qu'ils rendent correctement leur contenu.
+
+Cet article est également disponible sous la forme d'une [courte vidéo](https://www.youtube.com/watch?v=T3CHtGgEFTs&list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA&index=15).
+
+## Trouver des éléments
+
+L'une des fonctionnalités les plus basiques de Vue est la capacité d'insérer et de supprimer dynamiquement des éléments avec `v-if`. Voyons comment tester un composant qui utilise `v-if`.
+
+```vue
+<!-- Nav.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const admin = ref(false)
+</script>
+
+<template>
+  <nav>
+    <a id="profile" href="/profile">Mon Profil</a>
+    <a v-if="admin" id="admin" href="/admin">Administration</a>
+  </nav>
+</template>
+```
+
+Dans le composant `<Nav>`, un lien vers le profil de l'utilisateur est affiché. De plus, si la valeur `admin` est à `true`, nous affichons un lien vers la section administrateur. Il y a trois scénarios dont le comportement doit être vérifié&nbsp;:
+
+1. Le lien `/profile` doit être affiché.
+2. Lorsque l'utilisateur est un administrateur, le lien `/admin` doit être affiché.
+3. Lorsque l'utilisateur n'est pas un administrateur, le lien `/admin` ne doit pas être affiché.
+
+## Utilisation de `get()`
+
+`wrapper` a une méthode `get()` qui recherche un élément existant. Il utilise la syntaxe de [`querySelector`](https://developer.mozilla.org/fr-FR/docs/Web/API/Document/querySelector).
+
+Nous pouvons vérifier le contenu du lien de profil en utilisant `get()`&nbsp;:
+
+```js
+test('affiche le lien du profil', () => {
+  const wrapper = mount(Nav);
+
+  // Ici, nous vérifions implicitement que l'élément #profile existe.
+  const profileLink = wrapper.get('#profile');
+
+  expect(profileLink.text()).toEqual('Mon Profil');
+});
+```
+
+Si `get()` ne retourne pas un élément correspondant au sélecteur, il enverra une erreur et votre test échouera. `get()` retourne un `DOMWrapper` si un élément est trouvé. Un `DOMWrapper` est une fine enveloppe autour de l'élément DOM qui implémente l'[API Wrapper](/fr/api/#Methodes-de-Wrapper) - c'est pourquoi nous pouvons exécuter `profileLink.text()` et accéder au texte. Vous pouvez accéder à l'élément brut en utilisant la propriété `element`.
+
+Il existe un autre type d'enveloppe - un `VueWrapper` - qui est retourné par [`getComponent`](/fr/api/#getComponent) qui fonctionne de la même manière.
+
+## Utilisation de `find()` et `exists()`
+
+`get()` fonctionne sur l'hypothèse que les éléments existent et envoie une erreur dans le cas contraire. Il n'est _pas_ recommandé de l'utiliser pour vérifier l'existence d'un élément.
+
+Pour ce faire, nous utilisons plutôt `find()` et `exists()`. Le prochain test vérifie que si `admin` est `false` (ce qui est par défaut), le lien administrateur ne sera pas présent&nbsp;:
+
+```js
+test('n\'affiche pas le lien admin', () => {
+  const wrapper = mount(Nav);
+
+  // Utiliser `wrapper.get` renverrait une erreur et ferait échouer le test.
+  expect(wrapper.find('#admin').exists()).toBe(false);
+});
+```
+
+Remarquez que nous appelons `exists()` sur la valeur retournée par `.find()`. `find()`, comme `mount()`, retourne également un `wrapper`. `mount()` a quelques méthodes supplémentaires, car il enveloppe un composant Vue, et `find()` ne retourne qu'un nœud DOM standard, mais de nombreuses méthodes sont partagées entre les deux. D'autres méthodes incluent `classes()` qui retournera les classes qu'un nœud DOM a, ou encore `trigger()`, qui simulera une interaction utilisateur. Vous pouvez trouver une liste des méthodes prises en charge [ici](../../api/#Methodes-de-Wrapper).
+
+## Utilisation de `data`
+
+Le dernier test consiste à vérifier que le lien admin est rendu lorsque `admin` est à `true`. Il est par défaut à `false`, mais nous pouvons le surcharger en utilisant le deuxième argument de `mount()`. Les options de cette fonction sont [`disponibles ici`](../../api/#mount-options).
+
+Pour `data`, nous utilisons l'option éponyme&nbsp;:
+
+```js
+test('affiche le lien admin', () => {
+  const wrapper = mount(Nav, {
+    data() {
+      return {
+        admin: true,
+      };
+    },
+  });
+
+  // Encore une fois, en utilisant `get()` nous vérifions implicitement que l'élément existe
+  expect(wrapper.get('#admin').text()).toEqual('Administration');
+});
+```
+
+Si vous avez d'autres propriétés dans `data`, ne vous inquiétez pas - Vue Test Utils fusionnera les deux ensemble. Le champ `data` dans les options de `mount()` aura la priorité sur toutes les valeurs par défaut.
+
+Pour découvrir quelles sont les autres options de `mount()`, consultez [`Passer des données aux Composants`](../essentials/passing-data.md) ou consultez les [`options de mount()`](../../api/#mount-options).
+
+## Vérifier la visibilité des Éléments
+
+Parfois, vous ne voulez que masquer/afficher un élément tout en le conservant dans le DOM. Vue propose `v-show` pour des scénarios de ce genre. (Vous retrouverez les différences entre `v-if` et `v-show` [ici](https://v3.vuejs.org/guide/conditional.html#v-if-vs-v-show)).
+
+Voici à quoi ressemble un composant avec `v-show`&nbsp;:
+
+```vue
+<!-- Nav.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const shouldShowDropdown = ref(false)
+<script>
+
+<template>
+  <nav>
+    <a id="user" href="/profile">Mon Profil</a>
+    <ul v-show="shouldShowDropdown" id="user-dropdown">
+      <!-- dropdown content -->
+    </ul>
+  </nav>
+</template>
+```
+
+Dans ce scénario, l'élément n'est pas visible, mais toujours rendu dans le DOM. `get()` ou `find()` retournera toujours un `Wrapper` - `find()` avec `.exists()` retournera toujours `true` - car **l'élément est toujours dans le DOM**.
+
+## Utilisation de `isVisible()`
+
+Lorsque vous utilisez `v-show`, vous pouvez vérifier la visibilité d'un élément en utilisant la méthode `isVisible()`. Cette méthode vérifie si&nbsp;:
+
+- un élément ou l'un de ses ancêtres a un style `display: none`, `visibility: hidden` ou `opacity: 0`.
+- un élément ou l'un de ses ancêtres se trouve à l'intérieur d'un élément `<details>` réduit.
+- un élément ou l'un de ses ancêtres a l'attribut `hidden`.
+
+Si l'un de ces critères est rempli, `isVisible()` retournera `false`.
+
+Les tests pour les scénarios utilisant `v-show` ressembleront à ceci&nbsp;:
+
+```js
+test("n'affiche pas le menu déroulant de l'utilisateur", () => {
+  const wrapper = mount(Nav);
+
+  expect(wrapper.get('#user-dropdown').isVisible()).toBe(false);
+});
+```
+
+## Conclusion
+
+- Utilisez `find()` avec `exists()` pour vérifier si un élément est dans le DOM.
+- Utilisez `get()` si vous vous attendez à ce que l'élément soit dans le DOM.
+- L'option de `mount()` `data` peut être utilisée pour définir des valeurs par défaut sur un composant.
+- Utilisez `get()` avec `isVisible()` pour vérifier la visibilité d'un élément qui est dans le DOM.
diff --git a/docs/fr/guide/essentials/easy-to-test.md b/docs/fr/guide/essentials/easy-to-test.md
new file mode 100644
index 000000000..d4cd2bd0f
--- /dev/null
+++ b/docs/fr/guide/essentials/easy-to-test.md
@@ -0,0 +1,123 @@
+# Écrire des composants faciles à tester
+
+Vue Test Utils vous aide à écrire des tests pour des composants Vue. Néanmoins, VTU ne peut pas tout faire.
+
+La liste suivante vous donne des suggestions pour écrire du code plus facile à tester et des tests significatifs et faciles à maintenir.
+
+Elle fournit des conseils globaux qui peuvent être utiles dans des scénarios courants.
+
+## Ne pas tester des détails d'implémentation
+
+Pensez en termes d'entrées et de sorties du point de vue d'un utilisateur. Grossièrement, voici tout ce que vous devriez prendre en compte lors de l'écriture d'un test pour un composant Vue&nbsp;:
+
+| **Entrées**     | Exemples                                                          |
+|-----------------|-------------------------------------------------------------------|
+| Interactions    | Cliquer, taper du texte... toute interaction "humaine".           |
+| Propriétés      | Les arguments qu'un composant reçoit.                             |
+| Flux de données | Données entrantes provenant d'appels API, souscriptions diverses… |
+
+| **Sorties**        | Exemples                                            |
+|--------------------|-----------------------------------------------------|
+| Éléments du DOM    | Tout node affiché dans le document et _observable_. |
+| Évènements         | Évènements émis (en utilisant `$emit`).             |
+| Effets collatéraux | Comme un `console.log` ou des appels API.           |
+
+**Tout le reste sont des détails d'implémentation**.
+
+Notez que cette liste n'inclut pas des éléments tels que les méthodes internes, les états intermédiaires ou même les données.
+
+La règle de base est qu'**un test ne devrait pas échouer lors d'une refonte de code (refactoring)**, c'est-à-dire lorsque nous changeons son implémentation interne sans changer son comportement. Si cela se produit, le test peut dépendre alors de détails d'implémentation.
+
+Par exemple, supposons qu'il existe un composant de compteur de base qui comporte un bouton pour incrémenter un compteur&nbsp;:
+
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const increment = () => {
+  count.value++
+}
+</script>
+
+<template>
+  <p class="paragraph">Nombre de clicks: {{ count }}</p>
+  <button @click="increment">Incrémenter</button>
+</template>
+```
+
+Nous pourrions écrire le test suivant&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+import Counter from './Counter.vue';
+
+test('le texte du compteur change', async () => {
+  const wrapper = mount(Counter);
+  const paragraph = wrapper.find('.paragraph');
+
+  expect(paragraph.text()).toBe('Nombre de clicks: 0');
+
+  await wrapper.setData({ count: 2 });
+
+  expect(paragraph.text()).toBe('Nombre de clicks: 2');
+});
+```
+
+Remarquez que nous mettons à jour ici ses données internes, et nous nous appuyons également sur des détails (du point de vue de l'utilisateur) tels que les classes CSS.
+
+:::tip
+Notez que la modification des données ou du nom de la classe CSS ferait échouer le test. Le composant fonctionnerait toujours comme prévu, cependant. C'est ce qu'on appelle un **faux positif**.
+:::
+
+Au lieu de cela, le test suivant essaie plutôt de se conformer aux entrées et sorties énumérées ci-dessus&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils';
+
+test('le texte du compteur change', async () => {
+  const wrapper = mount(Counter);
+
+  expect(wrapper.text()).toContain('Nombre de clicks: 0');
+
+  const button = wrapper.find('button');
+  await button.trigger('click');
+  await button.trigger('click');
+
+  expect(wrapper.text()).toContain('Nombre de clicks: 2');
+});
+```
+
+Des librairies telles que [Vue Testing Library](https://github.com/testing-library/vue-testing-library/) sont construites sur ces principes. Si vous êtes intéressé par cette approche, vous devriez y jeter un œil.
+
+## Faire de petits composants simples
+
+Une règle générale de base est que moins un composant en fait, plus il sera facile à tester.
+
+Rendre les composants plus petits les rendra plus composables et plus faciles à comprendre. Voici une liste de suggestions pour rendre les composants plus simples.
+
+### Extraire les appels API
+
+Normalement, vous effectuerez plusieurs requêtes HTTP dans votre application. Du point de vue du test, les requêtes HTTP fournissent des entrées au composant et un composant peut également envoyer des requêtes HTTP.
+
+:::tip
+Consultez le guide [Faire des requêtes HTTP](../advanced/http-requests.md) si vous n'êtes pas familier avec les tests d'appels API.
+:::
+
+### Extraire les méthodes complexes
+
+Parfois, un composant peut comporter une méthode complexe, effectuer des calculs lourds ou utiliser plusieurs dépendances.
+
+Ce que nous vous suggérons ici est d'extraire cette méthode et de l'importer au composant. De cette façon, vous pouvez tester la méthode de manière isolée à l'aide de Jest ou de tout autre exécuteur de tests.
+
+Cela a en outre l'avantage de rendre le composant plus facile à comprendre, car la logique complexe est encapsulée dans un autre fichier.
+
+De plus, si la méthode complexe est difficile à mettre en place ou lente, vous voudrez peut-être la simuler (*mocker*) pour simplifier et accélérer les tests. Les exemples sur [faire des requêtes HTTP](../advanced/http-requests.md) sont un bon exemple - axios étant une bibliothèque assez complexe&nbsp;!
+
+## Écrire les tests avant d'écrire le composant
+
+Vous ne pouvez pas écrire du code impossible à tester si vous écrivez les tests d'abord&nbsp;!
+
+Notre [Cours Rapide](../essentials/a-crash-course.md) propose un exemple de comment l'écriture des tests avant le code conduit à des composants parfaitement testables. Cela vous aide également à détecter et tester les cas limites.
diff --git a/docs/fr/guide/essentials/event-handling.md b/docs/fr/guide/essentials/event-handling.md
new file mode 100644
index 000000000..311520bc1
--- /dev/null
+++ b/docs/fr/guide/essentials/event-handling.md
@@ -0,0 +1,154 @@
+# Tester les évènements émis
+
+Les composants Vue interagissent les uns avec les autres à travers des `props` et en émettant des événements en appelant `$emit`. Dans ce guide, nous examinons comment vérifier que les événements sont correctement émis à l'aide de la fonction `emitted()`.
+
+Cet article est également disponible dans cette [courte video](https://www.youtube.com/watch?v=U_j-nDur4oU&list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA&index=14).
+
+## Le composant Compteur
+
+Voici un composant simple `<Counter>`. Il possède un bouton qui, lorsqu'il est cliqué, incrémente une variable et émet sa valeur.
+
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const emit = defineEmits(['increment'])
+
+const handleClick = () => {
+  count.value += 1
+  emit('increment', count.value)
+}
+</script>
+
+<template>
+  <button @click="handleClick">Incrémenter</button>
+</template>
+```
+
+Pour tester complètement ce composant, nous devrions vérifier qu'un événement `increment` avec la dernière valeur de `count` est émis.
+
+## Tester les évènements émis
+
+Pour ce faire, nous allons nous appuyer sur la méthode `emitted()`. Elle **renvoie un objet avec tous les événements émis par le composant** et leurs arguments dans un tableau. Voyons comment elle fonctionne&nbsp;:
+
+```js
+test('émet un évènement lorsque le bouton est cliqué', () => {
+  const wrapper = mount(Counter);
+
+  wrapper.find('button').trigger('click');
+  wrapper.find('button').trigger('click');
+
+  expect(wrapper.emitted()).toHaveProperty('increment');
+});
+```
+
+> Si vous n'avez pas vu `trigger()` auparavant, ne vous inquiétez pas. Il est utilisé pour simuler une interaction utilisateur. Vous pouvez en apprendre plus dans [Tester les formulaires](./forms).
+
+La première chose à noter est que `emitted()` renvoie un objet, où chaque clé correspond à un événement émis. Dans notre cas&nbsp;: `increment`.
+
+Ce test devrait passer. Nous nous sommes assurés d'avoir émis un événement avec le nom approprié.
+
+## Tester les arguments de l'évènement
+
+C'est pas mal … mais nous pouvons faire encore mieux&nbsp;! Assurons-nous d'émettre les bons arguments lorsque `this.$emit('increment', this.count)` est appelé.
+
+La prochaine étape consiste à vérifier que l'événement contient la valeur de `count`. Nous pouvons le faire en passant un argument à `emitted()`.
+
+```js {8}
+test('émet un évènement avec le compteur quand le bouton est cliqué', () => {
+  const wrapper = mount(Counter);
+
+  wrapper.find('button').trigger('click');
+  wrapper.find('button').trigger('click');
+
+  // `emitted()` accepte un argument. La fonction retourne un tableau contenant toutes les occurences de `this.$emit('increment')`.
+  const incrementEvent = wrapper.emitted('increment');
+
+  // Nous avons cliqué deux fois, le tableau `increment` devrait donc contenir 2 valeurs.
+  expect(incrementEvent).toHaveLength(2);
+
+  // Affirme le résultat du premier click.
+  // Remarquez que la valeur est un tableau.
+  expect(incrementEvent[0]).toEqual([1]);
+
+  // Ensuite, le résultat du second évènement.
+  expect(incrementEvent[1]).toEqual([2]);
+});
+```
+
+Récapitulons et détaillons le retour de la fonction `emmitted()`. Chaque clé contient les différentes valeurs émises lors du test.
+
+```js
+// console.log(wrapper.emitted('increment'));
+[
+  [1], // première fois qu'il est appelé, `count` est égal à 1
+  [2], // deuxième fois qu'il est appelé, `count` est égal à 2
+]
+```
+
+## Tester des évènements complexes
+
+Imaginons maintenant que notre composant `<Counter>` a besoin d'émettre un objet avec des informations supplémentaires. Par exemple, nous devons informer tout composant parent écoutant l'événement `@increment` si la valeur de `count` est paire ou impaire.
+
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const emit = defineEmits(['increment'])
+
+const handleClick = () => {
+  count.value += 1
+  emit('increment', {
+    count: count.value,
+    isEven: count.value % 2 === 0,
+  })
+}
+</script>
+
+<template>
+  <button @click="handleClick">Incrémenter</button>
+</template>
+```
+
+Comme nous l'avons fait auparavant, nous devons déclencher l'événement `click` sur l'élément `<button>`. Ensuite, nous utilisons `emitted('increment')` pour nous assurer que les bonnes valeurs sont émises.
+
+```js
+test('émet un évènement avec le compteur quand le boutton est cliqué', () => {
+  const wrapper = mount(Counter);
+
+  wrapper.find('button').trigger('click');
+  wrapper.find('button').trigger('click');
+
+  // Nous avons cliqué deux fois, donc le tableau `increment` devrait avoir 2 valeurs.
+  expect(wrapper.emitted('increment')).toHaveLength(2);
+
+  // Ensuite, nous pouvons nous assurer que chaque élément de `wrapper.emitted('increment')` contient un tableau avec l'objet attendu.
+  expect(wrapper.emitted('increment')[0]).toEqual([
+    {
+      count: 1,
+      isEven: false,
+    },
+  ]);
+
+  expect(wrapper.emitted('increment')[1]).toEqual([
+    {
+      count: 2,
+      isEven: true,
+    },
+  ]);
+});
+```
+
+En testant des types complexes tels que des objets, cela ne diffère pas des tests de types primaires tels que des nombres ou des chaînes de caractères.
+
+## Conclusion
+
+- Utilisez `emitted()` pour accéder aux événements émis par un composant Vue.
+- `emitted(nom_de_levenement)` retourne un tableau, où chaque élément représente un événement émis.
+- Les arguments des évènements sont stockés dans `emitted(nom_de_levenement)[index]` dans un tableau dans le même ordre qu'ils ont été émis.
diff --git a/docs/fr/guide/essentials/forms.md b/docs/fr/guide/essentials/forms.md
new file mode 100644
index 000000000..f5d6e9b18
--- /dev/null
+++ b/docs/fr/guide/essentials/forms.md
@@ -0,0 +1,393 @@
+# Tester les formulaires
+
+Les formulaires dans Vue peuvent être aussi simples que des formulaires HTML classiques ou à l'inverse des arborescences complexes d'éléments de formulaire de composants Vue personnalisés.
+
+Nous passerons progressivement en revue les moyens d'interagir avec les éléments d'un formulaire, de définir leurs valeurs et de déclencher des événements.
+
+Les méthodes que nous utiliserons le plus seront `setValue()` et `trigger()`.
+
+## Interagir avec les éléments d'un formulaire
+
+Jetons un œil à un formulaire très basique&nbsp;:
+
+```vue
+<!-- Form.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const email = ref('')
+const emit = defineEmits(['submit'])
+
+const submit = () => {
+  emit('submit', email.value)
+}
+</script>
+
+<template>
+  <div>
+    <input type="email" v-model="email" />
+
+    <button @click="submit">Soumettre</button>
+  </div>
+</template>
+```
+
+### Définir les valeurs des éléments
+
+La manière la plus courante de lier un `input` à une donnée dans Vue est d'utiliser `v-model`. Comme vous le savez probablement déjà, Vue gère les événements émis par chaque élément de formulaire et les propriétés qu'il accepte, ce qui facilite la façon de les gérer.
+
+Pour modifier la valeur d'un `input` dans VTU, vous pouvez utiliser la méthode `setValue()`. Elle accepte un paramètre, le plus souvent une `string` ou un `boolean`, et renvoie une `Promise` qui se `resolve` après que Vue ait mis à jour le DOM.
+
+```js
+test('définit une valeur', async () => {
+  const wrapper = mount(Component);
+  const input = wrapper.find('input');
+
+  await input.setValue('mon@mail.com');
+
+  expect(input.element.value).toBe('mon@mail.com');
+});
+```
+
+Comme vous pouvez le constater, `setValue` définit la propriété `value` de l'`input` avec ce que nous lui passons.
+
+Nous utilisons `await` pour nous assurer que Vue ait terminé la mise à jour et que la nouvelle valeur se reflète bien dans le DOM avant de faire des vérifications.
+
+### Déclencher des évènements
+
+Déclencher des événements est la deuxième action la plus importante lorsque l'on travaille avec des formulaires. Examinons notre `button`, du précédent exemple.
+
+```html
+<button @click="submit">Soumettre</button>
+```
+
+Pour déclencher un évènement `click`, nous pouvons utiliser la méthode `trigger`.
+
+```js
+test('déclencher un click', async () => {
+  const wrapper = mount(Component);
+
+  // déclencher l'évènement
+  await wrapper.find('button').trigger('click');
+
+  // vérifier qu'une action a été faite, comme l'émission de l'évènement `submit`.
+  expect(wrapper.emitted()).toHaveProperty('submit');
+});
+```
+> Si vous ne connaissez pas encore `emitted()`, ne vous inquiétez pas. Il est utilisé pour vérifier les événements émis par un composant. Vous pouvez en savoir plus dans [Tester les évènements](./event-handling).
+
+Nous déclenchons l'événement `click` afin que le composant exécute la méthode `submit`. Comme nous l'avons fait avec `setValue`, nous utilisons `await` pour nous assurer que l'action est reflétée par Vue.
+
+Nous pouvons alors vérifier que certaines actions ont eu lieu. Dans ce cas, que nous avons émis le bon événement.
+
+Combinons maintenant ces deux éléments pour tester si notre formulaire simple émet les entrées de l'utilisateur.
+
+```js
+test('émet la valeur de l\'input vers le composant parent', async () => {
+  const wrapper = mount(Component);
+
+  // définir la valeur
+  await wrapper.find('input').setValue('mon@mail.com');
+
+  // déclencher l'évènement
+  await wrapper.find('button').trigger('click');
+
+  // vérifier que l'évènement `submit` a bien été déclenché
+  expect(wrapper.emitted('submit')[0][0]).toBe('mon@mail.com');
+});
+```
+
+## Exemples avancés
+
+Maintenant que nous connaissons les bases, plongeons dans des exemples plus complexes.
+
+### Travailler avec des éléments de formulaire divers
+
+Nous avons vu que `setValue` fonctionne avec les `input` simples, mais est en vérité beaucoup plus polyvalent&nbsp;: il peut définir la valeur sur divers types d'`input`.
+
+Examinons un formulaire plus complexe, qui comporte plusieurs types d'`input`.
+
+```vue
+<!-- FormComponent.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const form = ref({
+  email: '',
+  description: '',
+  city: '',
+  subscribe: false,
+  interval: ''
+})
+const emit = defineEmits(['submit'])
+
+const submit = () => {
+  emit('submit', { ...form.value })
+}
+</script>
+
+
+<template>
+  <form @submit.prevent="submit">
+    <input type="email" v-model="form.email" />
+
+    <textarea v-model="form.description" />
+
+    <select v-model="form.city">
+      <option value="new-york">New York</option>
+      <option value="moscou">Moscou</option>
+    </select>
+
+    <input type="checkbox" v-model="form.subscribe" />
+
+    <input type="radio" value="hebdomadaire" v-model="form.interval" />
+    <input type="radio" value="mensuelle" v-model="form.interval" />
+
+    <button type="submit">Soumettre</button>
+  </form>
+</template>
+```
+
+Notre composant Vue est un peu plus long, a quelques types d'`input` supplémentaires et maintenant, la gestion de la soumission du formulaire est déplacé vers un élément `<form/>`.
+
+De la même manière que nous avons défini la valeur de l'`input` précédemment, nous pouvons la définir sur toutes les autres entrées du formulaire.
+
+```js
+import { mount } from '@vue/test-utils';
+import FormComponent from './FormComponent.vue';
+
+test('soumet le formulaire', async () => {
+  const wrapper = mount(FormComponent);
+
+  await wrapper.find('input[type=email]').setValue('mon@mail.com');
+  await wrapper.find('textarea').setValue('Lorem ipsum dolor sit amet');
+  await wrapper.find('select').setValue('moscou');
+  await wrapper.find('input[type=checkbox]').setValue();
+  await wrapper.find('input[type=radio][value=mensuelle]').setValue();
+});
+```
+
+Comme vous pouvez le constater, la méthode `setValue` est très polyvalente. Elle peut fonctionner avec tous les types d'`input` d'un formulaire.
+
+Nous utilisons `await` partout pour nous assurer que chaque modification a été appliquée avant de déclencher la suivante. Il est recommandé de le faire pour s'assurer que vos vérifications s'effectueront une fois que le DOM ait bien été mis à jour.
+
+::: tip
+Si vous ne passez pas de paramètre à `setValue` pour les `input` `OPTION`, `CHECKBOX` ou `RADIO`, ils seront définis comme `checked`.
+:::
+
+Nous avons défini les valeurs dans notre formulaire, il est maintenant temps de soumettre le formulaire et de faire quelques vérifications.
+
+### Déclencher des évènements complexes
+
+Les événements ne sont pas toujours des simples `click`. Vue vous permet d'écouter tous les types d'événements DOM, d'ajouter des modificateurs spéciaux tels que `.prevent` et plus encore. Regardons comment nous pouvons les tester.
+
+Dans notre formulaire ci-dessus, nous avons déplacé l'événement du `button` vers l'élément `form`. C'est une bonne pratique à suivre, car cela vous permet de soumettre un formulaire en appuyant sur la touche `entrée`, ce qui est une approche plus native.
+
+Pour déclencher l'évènement `submit`, nous utilisons à nouveau la méthode `trigger`.
+
+```js {14,16-22}
+test('soumet le formulaire', async () => {
+  const wrapper = mount(FormComponent);
+
+  const email = 'mon@mail.com';
+  const description = 'Lorem ipsum dolor sit amet';
+  const city = 'moscou';
+
+  await wrapper.find('input[type=email]').setValue(email);
+  await wrapper.find('textarea').setValue(description);
+  await wrapper.find('select').setValue(city);
+  await wrapper.find('input[type=checkbox]').setValue();
+  await wrapper.find('input[type=radio][value=mensuelle]').setValue();
+
+  await wrapper.find('form').trigger('submit.prevent');
+
+  expect(wrapper.emitted('submit')[0][0]).toStrictEqual({
+    email,
+    description,
+    city,
+    subscribe: true,
+    interval: 'mensuelle',
+  });
+});
+```
+
+Pour tester le modificateur d'événement, nous avons directement copié-collé notre chaîne d'événement `submit.prevent` dans `trigger`. `trigger` peut lire l'événement transmis et tous ses modificateurs et appliquer seulement ce qui est nécessaire.
+
+::: tip
+Les modificateurs d'événements natifs tels que `.prevent` et `.stop` sont spécifiques à Vue et nous n'avons pas besoin de les tester, Vue le fait déjà.
+:::
+
+Ensuite, nous faisons une simple vérification&nbsp;: est-ce que le formulaire a émis l'événement et les données sont-elles correctes.
+
+#### Soumission de formulaire native
+
+Le déclenchement d'un événement `submit` sur un élément `<form>` imite le comportement du navigateur lors de la soumission d'un formulaire. Si nous voulions déclencher la soumission de formulaire de manière plus naturelle, nous pourrions déclencher un événement `click` sur le bouton de soumission à la place. Comme les éléments de formulaire non connectés à un `document` ne peuvent pas être soumis, selon la spécification HTML, nous devons utiliser [`attachTo`](../../api/#attachTo) pour connecter l'élément du `wrapper`.
+
+#### Plusieurs modificateurs sur un même évènement
+
+Supposons que vous ayez un formulaire très détaillé et très complexe, avec une gestion d'interaction utilisateur spéciale. Comment pouvons-nous le tester&nbsp;?
+
+```html
+<input @keydown.meta.c.exact.prevent="captureCopy" v-model="input" />
+```
+
+Supposons que nous ayons une entrée qui gère lorsque l'utilisateur fait `cmd` + `c`, et que nous voulons l'intercepter et l'empêcher de copier. Tester cela est aussi simple que de copier et coller l'événement du composant vers la méthode `trigger()`.
+
+```js
+test('gère des évènements complexes', async () => {
+  const wrapper = mount(Component);
+
+  await wrapper.find(input).trigger('keydown.meta.c.exact.prevent');
+
+  // faites les vérifications ici
+});
+```
+Vue Test Utils lit l'événement et applique les propriétés appropriées à l'objet événement. Dans ce cas, cela correspondra à quelque chose comme ceci&nbsp;:
+
+```js
+// {
+  // ... autres propriétés
+  // "key": "c",
+  // "metaKey": true
+// }
+```
+
+#### Ajouter de la donnée supplémentaire à un évènement
+
+Supposons que votre code ait besoin de quelque chose à l'intérieur de l'objet `event`. Vous pouvez tester ce cas en passant des données supplémentaires en tant que deuxième paramètre.
+
+```vue
+<!-- Form.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const inputValue = ref('')
+const emit = defineEmits(['focus-lost'])
+
+const handleBlur = (event) => {
+  if (event.relatedTarget.tagName === 'BUTTON') {
+    emit('focus-lost')
+  }
+}
+</script>
+
+<template>
+  <form>
+    <input type="text" v-model="inputValue" @blur="handleBlur" />
+    <button>Soumettre</button>
+  </form>
+</template>
+```
+
+```js
+import Form from './Form.vue';
+
+test('émet un évènement seulement si l\'on perd le focus du bouton', () => {
+  const wrapper = mount(Form);
+
+  const componentToGetFocus = wrapper.find('button');
+
+  wrapper.find('input').trigger('blur', {
+    relatedTarget: componentToGetFocus.element,
+  });
+
+  expect(wrapper.emitted('focus-lost')).toBeTruthy();
+});
+```
+
+Ici, nous supposons que notre code vérifie à l'intérieur de l'objet `event` si `relatedTarget` est un bouton ou non. Nous pouvons simplement passer une référence de l'élément, en imitant ce qui se produirait si l'utilisateur clique sur un `button` après avoir tapé quelque chose dans l'`input`.
+
+## Interagir avec des `input` de Vue
+
+Les `input` ne sont pas toujours des éléments simples. Nous utilisons souvent des composants Vue qui se comportent comme des `input`. Ils peuvent ajouter du code HTML, du style et beaucoup de fonctionnalités dans un format facile à utiliser.
+
+Le test de formulaires utilisant de tels `input` peut être intimidant au début, mais avec quelques règles simples, cela devient rapidement un jeu d'enfant.
+
+Ci-dessous se trouve un composant qui comprend un `label` et un `input`&nbsp;:
+
+```vue
+<!-- CustomInput.vue -->
+<script setup>
+defineProps(['modelValue', 'label'])
+</script>
+
+<template>
+  <label>
+    {{ label }}
+    <input
+      type="text"
+      :value="modelValue"
+      @input="$emit('update:modelValue', $event.target.value)"
+    />
+  </label>
+</template>
+```
+
+Ce composant Vue émet également ce que vous tapez. Vous pouvez l'utiliser comme ceci&nbsp;:
+
+```html
+<custom-input v-model="input" label="Texte" class="text-input" />
+```
+
+Comme ci-dessus, la plupart de `input` Vue ont un véritable `button` ou `input` en eux. Vous pouvez tout aussi facilement trouver cet élément et agir dessus.
+
+```js
+test('remplit le formulaire', async () => {
+  const wrapper = mount(CustomInput);
+
+  await wrapper.find('.text-input input').setValue('text');
+
+  // vous pouvez ici vérifier plusieurs choses comme la soumission du formulaire
+});
+```
+
+### Tester des composants `input` complexes
+
+Imaginons que votre composant `input` n'est pas aussi simple, car vous utilisez une bibliothèque d'interface utilisateur, comme Vuetify. Si vous dépendez de la recherche dans le code HTML pour trouver l'élément approprié, vos tests peuvent être compromis si la bibliothèque externe décide de changer ses éléments internes.
+
+Le cas échéant, vous pouvez définir la valeur directement en utilisant l'instance du composant et la méthode `setValue`.
+
+Supposons que nous ayons un formulaire qui utilise la `<textarea>` Vuetify&nbsp;:
+
+```vue
+<!-- CustomTextarea.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const description = ref('')
+const emit = defineEmits(['submitted'])
+
+const handleSubmit = () => {
+  emit('submitted', description.value)
+}
+</script>
+
+<template>
+  <form @submit.prevent="handleSubmit">
+    <v-textarea v-model="description" ref="description" />
+    <button type="submit">Envoyer</button>
+  </form>
+</template>
+```
+
+Nous pouvons utiliser `findComponent` pour trouver l'instance du composant et définir sa valeur.
+
+```js
+test('émet la valeur de textarea lors de la soumission', async () => {
+  const wrapper = mount(CustomTextarea);
+  const description = 'Un texte très long...';
+
+  await wrapper.findComponent({ ref: 'description' }).setValue(description);
+
+  wrapper.find('form').trigger('submit');
+
+  expect(wrapper.emitted('submitted')[0][0]).toEqual(description);
+});
+```
+
+## Conclusion
+
+- Utilisez `setValue` pour définir la valeur sur les `input` du DOM et les composants Vue.
+- Utilisez `trigger` pour déclencher des événements du DOM, avec ou sans modificateurs.
+- Ajoutez des données d'événement supplémentaires à `trigger` en utilisant le deuxième paramètre.
+- Assurez-vous que le DOM a été modifié et que les bons événements ont été émis. Essayez de ne pas faire de vérifications sur l'instance du composant.
diff --git a/docs/fr/guide/essentials/passing-data.md b/docs/fr/guide/essentials/passing-data.md
new file mode 100644
index 000000000..b003be2c1
--- /dev/null
+++ b/docs/fr/guide/essentials/passing-data.md
@@ -0,0 +1,121 @@
+# Passer des données aux Composants
+
+Vue Test Utils fournit plusieurs moyens de passer des données et des propriétés à un composant pour vous permettre de tester complètement son comportement dans différents scénarios.
+
+Dans cette section, nous explorons les options de `mount`&nbsp;: `data` et `props`, ainsi que `VueWrapper.setProps()` pour mettre à jour de manière dynamique les propriétés reçues par un composant.
+
+## Le Composant Password
+
+Nous allons détailler les fonctionnalités ci-dessus en construisant un composant `<Password>`. Ce composant vérifie si un mot de passe répond à certains critères, tels que la longueur et la complexité. Nous commencerons avec ce qui suit et ajouterons des fonctionnalités, ainsi que des tests pour nous assurer que tout se comportent correctement&nbsp;:
+
+```vue
+<!-- Password.vue -->
+<script setup>
+import { ref } from 'vue'
+const password = ref('')
+</script>
+
+<template>
+  <div>
+    <input v-model="password" />
+  </div>
+</template>
+```
+
+Le premier critère que nous allons mettre en place est une longueur minimale.
+
+## Utilisation de `props` pour définir une longueur minimum
+
+Nous voulons réutiliser ce composant dans tous nos projets, chacun ayant des exigences différentes. Pour cette raison, nous allons faire de `minLength` une **prop** que nous passons à `<Password>`:
+
+Nous allons afficher une erreur si `password` est inférieur à `minLength`. Nous pouvons le faire en créant une `computed` nommée `error` et en la rendant de manière conditionnelle à l'aide de `v-if`&nbsp;:
+
+```js
+<!-- Password.vue -->
+<script setup>
+import { ref, computed } from 'vue'
+
+const props = defineProps(['minLength'])
+const password = ref('')
+
+const error = computed(() => {
+  if (password.value.length < props.minLength) {
+    return `Le mot de passe doit contenir au moins ${props.minLength} caractères.`
+  }
+  return
+})
+<script>
+
+<template>
+  <div>
+    <input v-model="password" />
+    <div v-if="error">{{ error }}</div>
+  </div>
+</template>
+```
+
+Pour tester cela, nous devons définir `minLength`, ainsi qu'un `password` inférieur à ce nombre minimal. Nous pouvons le faire en utilisant les options de `mount()`&nbsp;: `data` et `props`. Enfin, nous allons vérifier que le message d'erreur correct est affiché&nbsp;:
+
+```js
+test('affiche une erreur si le mot de passe est trop court', () => {
+  const wrapper = mount(Password, {
+    props: {
+      minLength: 10
+    },
+    data() {
+      return {
+        password: 'court'
+      }
+    }
+  })
+
+  expect(wrapper.html()).toContain(
+    'Le mot de passe doit contenir au moins 10 caractères.'
+  )
+})
+```
+
+Pour vous entraîner, vous pouvez écrire un test pour une règle de `maxLength`&nbsp;! Une autre manière de l'écrire serait d'utiliser `setValue` pour mettre à jour l'`input` avec un mot de passe trop court. Vous pouvez en savoir plus dans [Tester les formulaires](./forms).
+
+## Utilisation de `setProps`
+
+Parfois, vous pouvez avoir besoin d'écrire un test pour un effet collatéral lorsqu'une `prop` change. Ce simple composant qui suit, nommé `<Show>`, affiche une salutation si la propriété `show` est à `true`.
+
+```vue
+<!-- Show.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const { show = true } = defineProps(['show'])
+const greeting = ref('Salut')
+</script>
+
+<template>
+  <div v-if="show">{{ greeting }}</div>
+</template>
+```
+
+Pour tester cela de bout en bout, nous voulons peut-être vérifier que `greeting` est affiché par défaut. Nous sommes aussi en mesure de mettre à jour la propriété `show` à l'aide de `setProps()`, ce qui entraîne la disparition de `greeting`&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils'
+import Show from './Show.vue'
+
+test('affiche une salutation quand show est à true', async () => {
+  const wrapper = mount(Show)
+  expect(wrapper.html()).toContain('Salut')
+
+  await wrapper.setProps({ show: false })
+
+  expect(wrapper.html()).not.toContain('Salut')
+})
+```
+
+Nous utilisons également `await` lors de l'appel à `setProps()`, pour nous assurer que le DOM a été mis à jour avant l'exécution des vérifications.
+
+## Conclusion
+
+- Utilisez les options de `mount()`&nbsp;: `props` et `data` pour définir en amont l'état d'un composant.
+- Utilisez `setProps()` pour mettre à jour une propriété pendant un test.
+- Utilisez `await` avant `setProps()` pour garantir que Vue mettra à jour le DOM avant la poursuite du test.
+- Interagir directement avec votre composant peut vous donner une meilleure couverture. Pensez à utiliser `setValue` ou `trigger` en combinaison avec `data pour vous assurer que tout fonctionne correctement.
diff --git a/docs/fr/guide/extending-vtu/community-learning.md b/docs/fr/guide/extending-vtu/community-learning.md
new file mode 100644
index 000000000..40439cc42
--- /dev/null
+++ b/docs/fr/guide/extending-vtu/community-learning.md
@@ -0,0 +1,8 @@
+# Communauté et Apprentissage
+
+- [Guide de test de Vue 3](https://lmiller1990.github.io/vue-testing-handbook/v3/). Guide en ligne.
+- [Devenez un ninja avec Vue 3](https://books.ninja-squad.com/vue). Ebook et cours en ligne.
+- [Vue.js 3: L'API de Composition](https://vuejs-course.com/composition-api). Formation en ligne (incluant un module de tests).
+- [Tester des applications Vue 3 avec Vue Test Utils](https://www.youtube.com/playlist?list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA). Playlist.
+- [Tester des Composants Vue.js](https://vueschool.io/courses/learn-how-to-test-vuejs-components?friend=vth). Formation en ligne.
+- [Tests Front-end et une histoire de 3 utilisateurs](https://afontcu.dev/frontend-testing-code-consumers/). Article de blog.
diff --git a/docs/fr/guide/extending-vtu/plugins.md b/docs/fr/guide/extending-vtu/plugins.md
new file mode 100644
index 000000000..223e9aef9
--- /dev/null
+++ b/docs/fr/guide/extending-vtu/plugins.md
@@ -0,0 +1,181 @@
+# Plugins
+
+Les plugins ajoutent des fonctionnalités au niveau global à l'API de Vue Test Utils. C'est la méthode officielle pour étendre l'API de Vue Test Utils avec une logique, des méthodes ou des fonctionnalités personnalisées.
+
+Des cas d'utilisation pour les plugins&nbsp;:
+
+1. Remplacer des méthodes publiques existantes.
+2. Attacher des correspondances à l'instance `Wrapper`.
+3. Ajouter une fonctionnalité au `Wrapper`.
+
+## Plugin du `Wrapper`
+
+### Utilisation d'un Plugin
+
+Vous pouvez installer des plugins en appelant la méthode `config.plugins.VueWrapper.install()`. Cela doit être fait avant d'appeler `mount`.
+
+La méthode `install()` recevra une instance de `WrapperAPI` contenant à la fois les propriétés publiques et privées de l'instance.
+
+```js
+// fichier setup.js
+import { config } from '@vue/test-utils';
+
+// plugin écrit en local, voir la section "Écrire un Plugin"
+import MonPlugin from './myPlugin';
+
+// installer le plugin dans le VueWrapper
+config.plugins.VueWrapper.install(MyPlugin);
+```
+
+Vous pouvez aussi passer quelques options&nbsp;:
+
+```js
+config.plugins.VueWrapper.install(MonPlugin, { optionUne: true, optionDeux: "abc" });
+```
+
+Votre plugin doit être installé qu'une seule fois. Si vous utilisez Jest, cela devrait être dans `setupFiles` ou `setupFilesAfterEnv` de votre configuration Jest.
+
+Certains plugins appellent automatiquement `config.plugins.VueWrapper.install()` lorsqu'ils sont importés. C'est une pratique courante s'ils étendent plusieurs interfaces en même temps. Suivez les instructions du plugin que vous installez dans tous les cas.
+
+Consultez le [guide de la communauté Vue](https://vue-community.org/guide/ecosystem/testing.html) ou [awesome-vue](https://github.com/vuejs/awesome-vue#test) pour une collection de plugins et de bibliothèques développés par la communauté.
+
+### Écrire un Plugin
+
+Un plugin Vue Test Utils est tout simplement une fonction qui reçoit l'instance montée de `VueWrapper` ou de `DOMWrapper` et peut la modifier.
+
+#### Plugin de base
+
+Ci-dessous se trouve un plugin simple pour ajouter un `alias` pratique pour mapper `wrapper.element` à `wrapper.$el`&nbsp;:
+
+```js
+// setup.js
+import { config } from '@vue/test-utils';
+
+const monPluginAlias = (wrapper) => {
+  return {
+    $el: wrapper.element, // simple alias
+  };
+};
+
+// Appellez `install` sur le type que vous voulez étendre avec votre plugin.
+// Vous pouvez écrire un plugin de n'importe quel type dans `config.plugins`.
+config.plugins.VueWrapper.install(monPluginAlias);
+```
+
+Et dans vos tests, vous pourrez utiliser votre plugin après `mount`.
+
+```js
+// component.spec.js
+const wrapper = mount({ template: `<h1>🔌 Plugin</h1>` });
+console.log(wrapper.$el.innerHTML); // 🔌 Plugin
+```
+
+#### Data Test ID Plugin
+
+Le plugin ci-dessous ajoute une méthode `findByTestId` à l'instance `VueWrapper`. Cela encourage à utiliser une stratégie de sélection basée sur des attributs uniquement créés pour les tests sur vos composants Vue.
+
+Utilisation&nbsp;:
+
+`MonComposant.vue`:
+
+```vue
+<template>
+  <MyForm class="form-container" data-testid="form">
+    <MyInput data-testid="name-input" v-model="name" />
+  </MyForm>
+</template>
+```
+
+`MonComposant.spec.js`:
+
+```js
+const wrapper = mount(MonComposant);
+wrapper.findByTestId('name-input'); // retourne un VueWrapper ou DOMWrapper
+```
+
+Implémentation du plugin&nbsp;:
+
+```js
+import { config } from '@vue/test-utils';
+
+const DataTestIdPlugin = (wrapper) => {
+  function findByTestId(selector) {
+    const dataSelector = `[data-testid='${selector}']`;
+    const element = wrapper.element.querySelector(dataSelector);
+    if (element) {
+      return new DOMWrapper(element);
+    }
+
+    return createWrapperError('DOMWrapper');
+  }
+
+  return {
+    findByTestId,
+  };
+};
+
+config.plugins.VueWrapper.install(DataTestIdPlugin);
+```
+
+## Plugin de composants de substitution (Stub)
+
+L'option `config.plugins.createStubs` permet de remplacer la création par défaut des composants (que nous appellerons `stubs`) fournie par VTU.
+
+Plusieurs cas d'utilisation&nbsp;:
+* Vous voulez ajouter plus de logique dans les `stubs` (par exemple des slots nommés).
+* Vous voulez utiliser des `stubs` différents pour plusieurs composants (par exemple des composants `stub` d'une bibliothèque).
+
+### Utilisation
+
+```javascript
+config.plugins.createStubs = ({ name, component }) => {
+  return defineComponent({
+    render: () => h(`custom-${name}-stub`),
+  });
+};
+```
+
+Cette fonction sera appelée chaque fois que VTU générera un `stub` soit à partir de …
+```javascript
+const wrapper = mount(Component, {
+  global: {
+    stubs: {
+      ChildComponent: true,
+    },
+  },
+});
+```
+
+… ou de …
+
+```javascript
+const wrapper = shallowMount(Component);
+```
+
+Mais ne sera pas appelé si vous spécifiez explicitement un `stub`&nbsp;:
+```javascript
+const wrapper = mount(Component, {
+  global: {
+    stubs: {
+      ChildComponent: { template: '<child-stub/>' },
+    },
+  },
+});
+```
+
+## Utilisation d'un Plugin avec TypeScript
+
+Pour utiliser votre plugin de wrapper personnalisé avec [TypeScript](https://www.typescriptlang.org/fr/), vous devez déclarer votre fonction de wrapper personnalisée. Par conséquent, ajoutez un fichier nommé `vue-test-utils.d.ts` avec le contenu suivant&nbsp;:
+```typescript
+import { DOMWrapper } from '@vue/test-utils';
+
+declare module '@vue/test-utils' {
+  export class VueWrapper {
+    findByTestId(testId: string): DOMWrapper[];
+  };
+};
+```
+
+## Promouvoir votre Plugin
+
+Si vous trouvez qu'une fonctionnalité est manquante, vous pouvez écrire un plugin pour étendre Vue Test Utils et le soumettre au [Guide de la communauté Vue](https://vue-community.org/guide/ecosystem/testing.html) ou [awesome-vue](https://github.com/vuejs/awesome-vue#test).
diff --git a/docs/fr/guide/faq/index.md b/docs/fr/guide/faq/index.md
new file mode 100644
index 000000000..95957365a
--- /dev/null
+++ b/docs/fr/guide/faq/index.md
@@ -0,0 +1,25 @@
+# FAQ
+
+[[toc]]
+
+## Vue warn: Failed setting prop
+
+```
+[Vue warn]: Failed setting prop "prefix" on <component-stub>: value foo is invalid.
+TypeError: Cannot set property prefix of #<Element> which has only a getter
+```
+
+Cet avertissement est affiché si vous utilisez `shallowMount` ou `stubs` avec une propriété dont le nom est celui de l'une des propriétés de [`Element`](https://developer.mozilla.org/fr-FR/docs/Web/API/Element).
+
+Parmi les noms de propriétés courants partagés avec `Element` figurent&nbsp;:
+* `attributes`
+* `children`
+* `prefix`
+
+Voir https://developer.mozilla.org/en-US/docs/Web/API/Element
+
+**Solutions possibles**
+
+1. Utilisez `mount` au lieu de `shallowMount` pour rendre le composant sans utiliser de `stubs`
+2. Ignorez l'avertissement en utilisant un mock pour `console.warn`
+3. Renommez la propriété du composant pour éviter les conflits avec les propriétés de `Element`
diff --git a/docs/fr/guide/index.md b/docs/fr/guide/index.md
new file mode 100644
index 000000000..88a50d9f4
--- /dev/null
+++ b/docs/fr/guide/index.md
@@ -0,0 +1,50 @@
+# Commencer
+
+Bienvenue sur Vue Test Utils, la librairie de tests officielle pour Vue.js&nbsp;!
+
+Ceci est la documentation pour Vue Test Utils v2, qui cible Vue 3.
+
+En résumé&nbsp;:
+
+- [Vue Test Utils 1](https://github.com/vuejs/vue-test-utils/) cible [Vue 2](https://github.com/vuejs/vue/).
+- [Vue Test Utils 2](https://github.com/vuejs/test-utils/) cible [Vue 3](https://github.com/vuejs/core/).
+
+## Qu'est-ce que Vue Test Utils&nbsp;?
+
+Vue Test Utils (VTU) est une librairie visant à simplifier les tests des composants Vue.js. Il propose des méthodes pour monter et interagir avec les composants Vue de manière isolée.
+
+Regardons un exemple&nbsp;:
+
+```js
+import { mount } from '@vue/test-utils'
+
+// Le composant à tester
+const MessageComponent = {
+  template: '<p>{{ msg }}</p>',
+  props: ['msg'],
+};
+
+test('affiche le message', () => {
+  const wrapper = mount(MessageComponent, {
+    props: {
+      msg: 'Bonjour tout le monde',
+    },
+  });
+
+  // Vérifier le texte rendu du composant
+  expect(wrapper.text()).toContain('Bonjour tout le monde');
+});
+```
+
+## Et après&nbsp;?
+
+Pour comprendre le potentiel de Vue Test Utils, [suivez le cours rapide](../guide/essentials/a-crash-course.md), où nous construisons une application Todo simple en écrivant les tests en amont.
+
+La documentation est divisée en deux sections principales&nbsp;:
+
+- **Les Bases**, pour couvrir les cas d'utilisation courants que vous rencontrerez lors des tests des composants Vue.
+- **Vue Test Utils en détail**, pour explorer d'autres fonctionnalités avancées de la bibliothèque.
+
+Vous pouvez également explorer [l'API complète](../api/).
+
+Sinon, si vous préférez apprendre via des vidéos, il existe [un certain nombre de conférences disponibles ici](https://www.youtube.com/playlist?list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA).
diff --git a/docs/fr/index.md b/docs/fr/index.md
new file mode 100644
index 000000000..1905d4507
--- /dev/null
+++ b/docs/fr/index.md
@@ -0,0 +1,17 @@
+---
+layout: home
+
+title: Vue Test Utils
+titleTemplate: Vue Test Utils pour Vue.js 3
+
+hero:
+  name: Vue Test Utils
+  text: Test Utils pour Vue.js 3
+  tagline: La librairie officielle de tests unitaires pour Vue.js 3
+  image:
+    src: /logo.svg
+    alt: Vue Test Utils
+  actions:
+    - theme: brand
+      text: Commencer →
+      link: /fr/guide/
diff --git a/docs/fr/installation/index.md b/docs/fr/installation/index.md
new file mode 100644
index 000000000..20d6d93eb
--- /dev/null
+++ b/docs/fr/installation/index.md
@@ -0,0 +1,25 @@
+# Installation
+
+::: code-group
+
+```shell [npm]
+npm install --save-dev @vue/test-utils
+```
+
+```shell [yarn]
+yarn add --dev @vue/test-utils
+```
+
+:::
+
+## Utilisation
+
+Vue Test Utils est un outil indépendant de tout framework - vous pouvez l'utiliser avec le gestionnaire de tests de votre choix. La manière la plus simple pour l'essayer est d'utiliser [Jest](https://jestjs.io/), un gestionnaire de tests populaire.
+
+Pour charger les fichiers `.vue` avec Jest, vous aurez besoin de `vue-jest`. `vue-jest` v5 est celui qui prend en charge Vue 3. Il est encore en version alpha, tout comme le reste de l'écosystème Vue.js 3, alors si vous rencontrez un bug, veuillez le signaler [ici](https://github.com/vuejs/vue-jest/) et préciser que vous utilisez `vue-jest` v5.
+
+Vous pouvez l'installer avec `vue-jest@next`. Ensuite, vous devez le configurer avec l'option [transform](https://jestjs.io/docs/fr/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object) de Jest.
+
+Si vous ne voulez pas le configurer vous-même, vous pouvez obtenir un dépôt minimal avec tout paramétré [ici](https://github.com/lmiller1990/vtu-next-demo).
+
+Continuez à lire pour en savoir plus sur Vue Test Utils.
diff --git a/docs/fr/migration/index.md b/docs/fr/migration/index.md
new file mode 100644
index 000000000..f967eb3a6
--- /dev/null
+++ b/docs/fr/migration/index.md
@@ -0,0 +1,336 @@
+# Migrer depuis Vue Test Utils v1
+
+Voici une liste des modifications de VTU v1 à VTU v2 et quelques extraits de code pour montrer les modifications nécessaires à la migration. Si vous rencontrez un bug ou une différence de comportement non documentée ici, veuillez [ouvrir un ticket](https://github.com/vuejs/test-utils/issues/new).
+
+## Changements
+
+### `propsData` est maintenant `props`
+
+Dans VTU v1, vous passiez les `props` à l'aide de l'option `mount()`&nbsp;: `propsData`. Cela pouvait porter à confusion, car vous déclariez les props dans l'option `props` dans vos composants Vue. Maintenant, vous pouvez passer les `props` à l'aide de l'option de `mount()`&nbsp;: `props`. `propsData` restera néanmoins pris en charge par souci de compatibilité.
+
+**Avant**:
+
+```js
+const App = {
+  props: ['foo'],
+};
+
+const wrapper = mount(App, {
+  propsData: {
+    foo: 'bar',
+  },
+});
+```
+
+**Après**:
+
+```js
+const App = {
+  props: ['foo'],
+}
+
+const wrapper = mount(App, {
+  props: {
+    foo: 'bar',
+  },
+});
+```
+
+### Suppression de `createLocalVue`
+
+En Vue 2, il était courant pour les plugins de modifier l'instance globale de Vue et d'attacher diverses méthodes au prototype. Depuis Vue 3, ce n'est plus le cas - vous créez une nouvelle application Vue à l'aide de `createApp` plutôt que `new Vue`, et installez les plugins avec `createApp(App).use(/* ... */)`.
+
+Pour éviter de polluer l'instance globale de Vue dans Vue Test Utils v1, nous avons fourni une fonction `createLocalVue` et une option pour `mount()`&nbsp;: `localVue`. Cela vous permettrait d'avoir une instance Vue isolée pour chaque test, évitant que les tests interfèrent entre eux. Ce n'est plus un problème en Vue 3, car les plugins, les mixins, etc. ne modifient pas l'instance globale de Vue.
+
+La plupart du temps, dans le cas où vous auriez dû utiliser `createLocalVue` et l'option de `mount()` `localVue` pour installer un plugin, un mixin ou une directive, vous pouvez utiliser l'option `global`. Voici un exemple de composant et de test qui utilisait `localVue`, et comment cela se présente maintenant (en utilisant `global.plugins`, Vuex étant un plugin)&nbsp;:
+
+**Avant**:
+
+```js
+import Vuex from 'vuex';
+import { createLocalVue, mount } from '@vue/test-utils';
+
+const App = {
+  computed: {
+    count() {
+      return this.$state.count;
+    },
+  },
+};
+
+const localVue = createLocalVue();
+localVue.use(Vuex);
+const store = new Vuex.Store({
+  state: { count: 1 },
+});
+
+const wrapper = mount(App, {
+  store,
+  localVue,
+});
+```
+
+**Après**:
+
+```js
+import { createStore } from 'vuex';
+import { mount } from '@vue/test-utils';
+
+const App = {
+  computed: {
+    count() {
+      return this.$state.count;
+    },
+  },
+};
+
+const store = createStore({
+  state() {
+    return { count: 1 };
+  },
+});
+
+const wrapper = mount(App, {
+  global: {
+    plugins: [store],
+  },
+});
+```
+
+### `mocks` et `stubs` sont maintenant dans `global`
+
+Les simulations (`mocks`) et les composants de substitution (`stubs`) sont appliqués à tous les composants, pas seulement à celui que vous passez à `mount()`. Pour aller dans ce sens, les `mocks` et les `stubs` sont dans la nouvelle option de `mount()` `global`&nbsp;:
+
+**Avant**:
+
+```js
+const $route = {
+  params: {
+    id: '1',
+  },
+};
+
+const wrapper = mount(App, {
+  stubs: {
+    Foo: true,
+  },
+  mocks: {
+    $route,
+  },
+});
+```
+
+**Après**:
+
+```js
+const $route = {
+  params: {
+    id: '1',
+  },
+};
+
+const wrapper = mount(App, {
+  global: {
+    stubs: {
+      Foo: true,
+    },
+    mocks: {
+      $route,
+    },
+  },
+});
+```
+
+### `shallowMount` et `renderStubDefaultSlot`
+
+`shallowMount` est destiné à substituer tous les composants enfants. Comme dans Vue Test Utils v1, les composants substitués affichent toujours leur `<slot/>` par défaut. Bien que ce ne soit pas intentionnel, certains utilisateurs appréciaient cette fonctionnalité. Néanmoins, ce comportement est corrigé en v2 - **le contenu du slot pour un composant substitué n'est donc plus affiché**.
+
+Prenons le code suivant&nbsp;:
+
+```js
+import { shallowMount } from '@vue/test-utils';
+
+const Foo = {
+  template: `<div><slot /></div>`,
+};
+
+const App = {
+  components: { Foo },
+  template: `
+    <div>
+      <Foo>
+        Foo Slot
+      </Foo>
+    </div>
+  `,
+};
+```
+
+**Avant**:
+
+```js
+describe('App', () => {
+  it('affiche le HTML', () => {
+    const wrapper = shallowMount(App);
+    console.log(wrapper.html());
+    // renders:
+    // <div>
+    //   <foo-stub>
+    //     Foo Slot
+    //   </foo-stub>
+    // </div>
+  });
+});
+```
+
+**Après**:
+
+```js
+describe('App', () => {
+  it('affiche le HTML', () => {
+    const wrapper = shallowMount(App);
+    console.log(wrapper.html());
+    // renders:
+    // <div>
+    //   <foo-stub>
+    //   </foo-stub>
+    // </div>
+  });
+});
+```
+
+Vous pouvez restaurer l'ancien comportement de la manière suivante&nbsp;:
+
+```js
+import { config } from '@vue/test-utils';
+
+config.global.renderStubDefaultSlot = true;
+```
+
+### `destroy` est maintenant `unmount` pour correspondre Vue 3
+
+Vue 3 a renommé `vm.$destroy` en `vm.$unmount`. Vue Test Utils a suivi le mouvement&nbsp;: `wrapper.destroy()` est maintenant `wrapper.unmount()`.
+
+### `scopedSlots` est maintenant fusionné avec `slots`
+
+Vue 3 a unifié la syntaxe `slot` et `scoped-slot` en une seule syntaxe, `v-slot`. Vous pouvez en apprendre plus à ce sujet dans [la documentation](https://v3.vuejs.org/guide/migration/slots-unification.html#overview). Puisque `slot` et `scoped-slot` sont maintenant fusionnés, l'option de `mount()` `scopedSlots` est maintenant obsolète - utilisez simplement l'option de `mount()` `slots` pour tout dorénavant.
+
+### La portée des `slots` est maintenant exposée dans `params`
+
+Lors de l'utilisation de `template` pour le contenu d'un `slot`, si ce n'est pas explicitement défini à l'aide d'un tag `<template #slot-name="scopeVar">`, la portée d'un `slot` devient disponible dans l'objet `params` lorsque le `slot` est monté.
+
+```diff javascript
+shallowMount(Component, {
+-  scopedSlots: {
++  slots: {
+-    default: '<p>{{props.index}},{{props.text}}</p>'
++    default: '<p>{{params.index}},{{params.text}}</p>'
+  },
+});
+````
+
+### `findAll().at()` est supprimé
+
+`findAll()` retourne maintenant un tableau de `DOMWrappers`.
+
+**Avant:**
+
+```js
+wrapper.findAll('[data-test="token"]').at(0);
+```
+
+**Après:**
+
+```js
+wrapper.findAll('[data-test="token"]')[0];
+```
+
+## Notes sur les mises à niveau des gestionnaires de tests
+
+> Vue Test Utils est un outil indépendant de tout framework - vous pouvez l'utiliser avec le gestionnaire de tests de votre choix.
+
+Cette phrase est un fondement de `@vue/test-utils`. Mais nous reconnaissons que la migration de code et de suites de tests vers `vue@3` peut être, dans certains scénarios, un effort considérable.
+
+Cette section essaie de regrouper les pièges courants repérés par notre communauté lors de leurs migrations et de la mise à niveau de leur solution de tests vers des versions plus modernes. Ces dysfonctionnements sont indépendants de `@vue/test-utils`, mais nous espérons qu'ils peuvent vous aider à terminer cette grosse étape de migration.
+
+### `@vue/vue3-jest` + `jest@^28`
+
+Si vous avez décidé de mettre à niveau vos gestionnaires de tests vers une version plus moderne, jetez un coup d'œil aux points suivants.
+
+#### `ReferenceError: Vue is not defined` [vue-jest#479](https://github.com/vuejs/vue-jest/issues/479)
+
+Lorsque la dépendance `jest-environment-jsdom` est utilisée, elle utilise par défaut les librairies de l'[entrée `browser`](https://jestjs.io/fr/docs/configuration#testenvironmentoptions-object) du `package.json`. Vous pouvez la surcharger pour utiliser des importations `node` à la place et corriger cette erreur&nbsp;:
+
+```js
+// jest.config.js
+module.exports = {
+  testEnvironmentOptions: {
+    customExportConditions: ["node", "node-addons"],
+  },
+};
+```
+<br/>
+
+#### Les `snapshots` incluent maintenant les commentaires
+
+Si vous utilisez les tests `snapshot` et que les commentaires restent dans vos `snapshots`, notez que les `commentaires` sont désormais toujours [préservés](https://vuejs.org/api/application.html#app-config-compileroptions-comments) et ne sont supprimés qu'en production. Vous pouvez remplacer ce comportement en ajustant `app.config.compilerOptions` pour les supprimer des instantanées également&nbsp;:
+  - Avec `vue-jest` [config](https://github.com/vuejs/vue-jest#compiler-options-in-vue-3).
+    ```js
+    // jest.config.js
+    module.exports = {
+      globals: {
+        'vue-jest': {
+          compilerOptions: {
+            comments: false,
+          },
+        },
+      },
+    };
+    ```
+ - Avec `@vue/test-utils` [`mountingOptions.global.config`](https://test-utils.vuejs.org/fr/api/#global) soit de façon globale ou pour chaque test individuellement.
+
+## Comparaison avec la v1
+
+Cette table est destinée à ceux qui viennent de VTU v1, afin de comparer les deux APIs.
+
+### API de base
+
+| export            | notes                                                                            |
+|-------------------|----------------------------------------------------------------------------------|
+| enableAutoDestroy | remplacé par `enableAutoUnmount`                                                 |
+
+### Options de `mount`
+
+| option           | notes                                                                                 |
+|------------------|---------------------------------------------------------------------------------------|
+| mocks            | imbriqué dans `global`                                                                |
+| propsData        | maintenant appelé `props`                                                             |
+| provide          | imbriqué dans `global`                                                                |
+| mixins           | imbriqué dans `global`                                                                |
+| plugins          | imbriqué dans `global`                                                                |
+| component        | imbriqué dans `global`                                                                |
+| directives       | imbriqué dans `global`                                                                |
+| attachToDocument | renommé `attachTo`. Voir [ici](https://github.com/vuejs/vue-test-utils/pull/1492)     |
+| scopedSlots      | supprimé. Les `scopedSlots` sont fusionnés avec `slots` en Vue 3                      |
+| context          | supprimé. Différent de Vue 2, n'a plus de sens.                                       |
+| localVue         | supprimé. Plus nécessaire - en Vue 3, il n'y a pas d'instance globale de Vue à muter. |
+| listeners        | supprimé. N'existe plus en Vue 3                                                      |
+| parentComponent  | supprimé                                                                              |
+
+### API de `Wrapper` (mount)
+
+| méthode         | notes                                                                                                       |
+|----------------|--------------------------------------------------------------------------------------------------------------|
+| find           | seule la syntaxe `querySelector` est supportée. Utilisez `findComponent(Comp)` pour trouver un composant Vue |
+| setValue       | fonctionne pour select, checkbox, radio button, input, textarea. Renvoie `nextTick`.                         |
+| trigger        | renvoie `nextTick`. Vous pouvez faire `await wrapper.find('button').trigger('click')`                        |
+| destroy        | renommé en `unmount` pour correspondre au nom de la fonction du cycle de vie de Vue 3.                       |
+| contains       | supprimé. Utilisez `find`                                                                                    |
+| emittedByOrder | supprimé. Utilisez `emitted`                                                                                 |
+| setSelected    | supprimé. Fait maintenant partie de `setValue`                                                               |
+| setChecked     | supprimé. Fait maintenant partie de `setValue`                                                               |
+| is             | supprimé                                                                                                     |
+| isEmpty        | supprimé. Utilisez des matchers tels que [celui-ci](https://github.com/testing-library/jest-dom#tobeempty)   |
+| isVueInstance  | supprimé                                                                                                     |
+| name           | supprimé                                                                                                     |
+| setMethods     | supprimé                                                                                                     |
diff --git a/docs/guide/advanced/async-suspense.md b/docs/guide/advanced/async-suspense.md
index 6c55ded58..dfda86af7 100644
--- a/docs/guide/advanced/async-suspense.md
+++ b/docs/guide/advanced/async-suspense.md
@@ -129,16 +129,18 @@ const Async = defineComponent({
 must be tested as follow:
 
 ```js
-test('Async component', () => {
+test('Async component', async () => {
   const TestComponent = defineComponent({
     components: { Async },
     template: '<Suspense><Async/></Suspense>'
   })
 
   const wrapper = mount(TestComponent)
+  await flushPromises();
   // ...
 })
 ```
+Note: To access your `Async` components' underlying `vm` instance, use the return value of `wrapper.findComponent(Async)`. Since a new component is defined and mounted in this scenario, the wrapper returned by `mount(TestComponent)` contains its' own (empty) `vm`.
 
 ## Conclusion
 
@@ -146,4 +148,4 @@ test('Async component', () => {
 - Use `await nextTick()` to ensure the DOM has updated before the test continues.
 - Functions that might update the DOM (like `trigger` and `setValue`) return `nextTick`, so you need to `await` them.
 - Use `flushPromises` from Vue Test Utils to resolve any unresolved promises from non-Vue dependencies (such as API requests).
-- Use `Suspense` to test components with an asynchronous `setup`.
+- Use `Suspense` to test components with an asynchronous `setup` in an asynchronous test function.
diff --git a/docs/guide/advanced/component-instance.md b/docs/guide/advanced/component-instance.md
index 5bdc70666..07b86c566 100644
--- a/docs/guide/advanced/component-instance.md
+++ b/docs/guide/advanced/component-instance.md
@@ -65,12 +65,7 @@ test('asserts correct props are passed', () => {
 })
 ```
 
-A more thorough way to test this would be asserting against the rendered content. Doing this means you asserts the correct prop is passed *and* rendered. 
-
-::: tip
-
-Note: if you are using a `<script setup>` component, `vm` will not be available. That's because `<script setup>` components are [closed by default](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md#exposing-components-public-interface). For these components, and in general, consider avoiding `vm` and asserting against the rendered markup.
-:::
+A more thorough way to test this would be asserting against the rendered content. Doing this means you asserts the correct prop is passed *and* rendered.
 
 :::warning WrapperLike type when using CSS selector
 When using `wrapper.findComponent('.foo')` for example then VTU will return the `WrapperLike` type. This is because functional components
diff --git a/docs/guide/advanced/reusability-composition.md b/docs/guide/advanced/reusability-composition.md
index adca144df..f1efd9fda 100644
--- a/docs/guide/advanced/reusability-composition.md
+++ b/docs/guide/advanced/reusability-composition.md
@@ -137,7 +137,7 @@ test('provides correct data', () => {
 })
 ```
 
-If your component does not contain a slot you can use a [`stub`](./stubs-shallow-mount.md#stubbing-a-single-child-component)
+If your component does not contain a slot you can use a [`stub`](./stubs-shallow-mount.md#Stubbing-a-single-child-component)
 and replace a child component with your test helper:
 
 ```vue
diff --git a/docs/guide/advanced/slots.md b/docs/guide/advanced/slots.md
index a766a8953..a986f9766 100644
--- a/docs/guide/advanced/slots.md
+++ b/docs/guide/advanced/slots.md
@@ -122,10 +122,10 @@ import Header from './Header.vue'
 test('layout full page layout', () => {
   const wrapper = mount(Layout, {
     slots: {
-      header: Header
+      header: Header,
       main: h('div', 'Main Content'),
       sidebar: { template: '<div>Sidebar</div>' },
-      footer: '<div>Footer</div>',
+      footer: '<div>Footer</div>'
     }
   })
 
@@ -139,7 +139,7 @@ test('layout full page layout', () => {
 
 ## Scoped Slots
 
-[Scoped slots](https://v3.vuejs.org/guide/component-slots.html#scoped-slots) and bindings are also supported.
+[Scoped slots](https://v3.vuejs.org/guide/component-slots.html#scoped-slots) and bindings are also supported. 
 
 ```js
 const ComponentWithSlots = {
@@ -158,8 +158,8 @@ const ComponentWithSlots = {
 test('scoped slots', () => {
   const wrapper = mount(ComponentWithSlots, {
     slots: {
-      scoped: `<template #scoped="params">
-        Hello {{ params.msg }}
+      scoped: `<template #scoped="scope">
+        Hello {{ scope.msg }}
         </template>
       `
     }
@@ -169,6 +169,20 @@ test('scoped slots', () => {
 })
 ```
 
+When using string templates for slot content, **if not explicitly defined using a wrapping `<template #scoped="scopeVar">` tag**, slot scope becomes available as a `params` object when the slot is evaluated.
+
+```js
+test('scoped slots', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      scoped: `Hello {{ params.msg }}` // no wrapping template tag provided, slot scope exposed as "params"
+    }
+  })
+
+  expect(wrapper.html()).toContain('Hello world')
+})
+```
+
 ## Conclusion
 
 - Use the `slots` mounting option to test components using `<slot>` are rendering content correctly.
diff --git a/docs/guide/advanced/ssr.md b/docs/guide/advanced/ssr.md
new file mode 100644
index 000000000..9cebb7e0e
--- /dev/null
+++ b/docs/guide/advanced/ssr.md
@@ -0,0 +1,42 @@
+# Testing Server-side Rendering
+
+Vue Test Utils provides `renderToString` to test Vue applications that use server-side rendering (SSR).
+This guide will walk you through the process of testing a Vue application that uses SSR.
+
+## `renderToString`
+
+`renderToString` is a function that renders a Vue component to a string.
+It is an asynchronous function that returns a Promise,
+and accepts the same parameters as `mount` or `shallowMount`.
+
+Let's consider a simple component that uses the `onServerPrefetch` hook:
+
+```ts
+function fakeFetch(text: string) {
+  return Promise.resolve(text)
+}
+
+const Component = defineComponent({
+  template: '<div>{{ text }}</div>',
+  setup() {
+    const text = ref<string | null>(null)
+
+    onServerPrefetch(async () => {
+      text.value = await fakeFetch('onServerPrefetch')
+    })
+
+    return { text }
+  }
+})
+```
+
+You can write a test for this component using `renderToString`:
+
+```ts
+import { renderToString } from '@vue/test-utils'
+
+it('renders the value returned by onServerPrefetch', async () => {
+  const contents = await renderToString(Component)
+  expect(contents).toBe('<div>onServerPrefetch</div>')
+})
+```
diff --git a/docs/guide/advanced/stubs-shallow-mount.md b/docs/guide/advanced/stubs-shallow-mount.md
index dc43fe98c..2fddb9895 100644
--- a/docs/guide/advanced/stubs-shallow-mount.md
+++ b/docs/guide/advanced/stubs-shallow-mount.md
@@ -1,6 +1,6 @@
 # Stubs and Shallow Mount
 
-Vue Test Utils provides some advanced features for _stubbing_ components. A _stub_ is where you replace an existing implementation of a custom component with a dummy component that doesn't do anything at all, which can simplify an otherwise complex test. Let's see an example.
+Vue Test Utils provides some advanced features for _stubbing_ components and directives. A _stub_ is where you replace an existing implementation of a custom component or directive with a dummy one that doesn't do anything at all, which can simplify an otherwise complex test. Let's see an example.
 
 ## Stubbing a single child component
 
@@ -238,6 +238,78 @@ test('stubs async component with resolving', async () => {
 })
 ```
 
+## Stubbing a directive
+
+Sometimes directives do quite complex things, like perform a lot of DOM manipulation which might result in errors in your tests (due to JSDOM not resembling entire DOM behavior). A common example is tooltip directives from various libraries, which usually rely heavily on measuring DOM nodes position/sizes.
+
+In this example, we have another `<App>` that renders a message with tooltip
+
+```js
+// tooltip directive declared somewhere, named `Tooltip`
+
+const App = {
+  directives: {
+    Tooltip
+  },
+  template: '<h1 v-tooltip title="Welcome tooltip">Welcome to Vue.js 3</h1>'
+}
+```
+
+We do not want the `Tooltip` directive code to be executed in this test, we just want to assert the message is rendered. In this case, we could use the `stubs`, which appears in the `global` mounting option passing `vTooltip`.
+
+```js
+test('stubs component with custom template', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        vTooltip: true
+      }
+    }
+  })
+
+  console.log(wrapper.html())
+  // <h1>Welcome to Vue.js 3</h1>
+
+  expect(wrapper.html()).toContain('Welcome to Vue.js 3')
+})
+```
+
+::: tip
+Usage of `vCustomDirective` naming scheme to differentiate between components and directives is inspired by [same approach](https://vuejs.org/api/sfc-script-setup.html#using-custom-directives) used in `<script setup>`
+:::
+
+Sometimes, we need a part of directive functionality (usually because some code relies on it). Let's assume our directive adds `with-tooltip` CSS class when executed and this is important behavior for our code. In this case we can swap `true` with our mock directive implementation
+
+```js
+test('stubs component with custom template', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        vTooltip: {
+          beforeMount(el: Element) {
+            console.log('directive called')
+            el.classList.add('with-tooltip')
+          }
+        }
+      }
+    }
+  })
+
+  // 'directive called' logged to console
+
+  console.log(wrapper.html())
+  // <h1 class="with-tooltip">Welcome to Vue.js 3</h1>
+
+  expect(wrapper.classes('with-tooltip')).toBe(true)
+})
+```
+
+We've just swapped our directive implementation with our own one!
+
+::: warning
+Stubbing directives won't work on functional components or `<script setup>` due to lack of directive name inside of [withDirectives](https://vuejs.org/api/render-function.html#withdirectives) function. Consider mocking directive module via your testing framework if you need to mock directive used in functional component. See https://github.com/vuejs/core/issues/6887 for proposal to unlock such functionality
+:::
+
 ## Default Slots and `shallow`
 
 Since `shallow` stubs out all the content of a components, any `<slot>` won't get rendered when using `shallow`. While this is not a problem in most cases, there are some scenarios where this isn't ideal.
@@ -275,11 +347,11 @@ For this use case, you can use `config.renderStubDefaultSlot`, which will render
 import { config, mount } from '@vue/test-utils'
 
 beforeAll(() => {
-  config.renderStubDefaultSlot = true
+  config.global.renderStubDefaultSlot = true
 })
 
 afterAll(() => {
-  config.renderStubDefaultSlot = false
+  config.global.renderStubDefaultSlot = false
 })
 
 test('shallow with stubs', () => {
@@ -314,6 +386,6 @@ So regardless of which mounting method you choose, we suggest keeping these guid
 
 ## Conclusion
 
-- use `global.stubs` to replace a component with a dummy one to simplify your tests
+- use `global.stubs` to replace a component or directive with a dummy one to simplify your tests
 - use `shallow: true` (or `shallowMount`) to stub out all child components
-- use `config.renderStubDefaultSlot` to render the default `<slot>` for a stubbed component
+- use `global.renderStubDefaultSlot` to render the default `<slot>` for a stubbed component
diff --git a/docs/guide/advanced/teleport.md b/docs/guide/advanced/teleport.md
index f4b10fa84..47421d8d7 100644
--- a/docs/guide/advanced/teleport.md
+++ b/docs/guide/advanced/teleport.md
@@ -100,7 +100,7 @@ beforeEach(() => {
 
 afterEach(() => {
   // clean up
-  document.body.outerHTML = ''
+  document.body.innerHTML = ''
 })
 
 test('teleport', async () => {
@@ -173,7 +173,7 @@ beforeEach(() => {
 
 afterEach(() => {
   // clean up
-  document.body.outerHTML = ''
+  document.body.innerHTML = ''
 })
 
 test('teleport', async () => {
@@ -187,6 +187,23 @@ test('teleport', async () => {
 })
 ```
 
+You can stub teleport by using `teleport: true`:
+
+```ts
+import { mount } from '@vue/test-utils'
+import Navbar from './Navbar.vue'
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar, {
+    global: {
+      stubs: {
+        teleport: true
+      }
+    }
+  })
+})
+```
+
 ## Conclusion
 
 - Create a teleport target with `document.createElement`.
diff --git a/docs/guide/advanced/transitions.md b/docs/guide/advanced/transitions.md
index aabaa7a52..964f992e8 100644
--- a/docs/guide/advanced/transitions.md
+++ b/docs/guide/advanced/transitions.md
@@ -55,3 +55,14 @@ test('works with transitions', async () => {
   expect(wrapper.get('p').text()).toEqual('hello')
 })
 ```
+
+## Partial support
+
+The Vue Test Utils built-in transition stub is simple and doesn't cover all of Vue's [Transition features](https://vuejs.org/guide/built-ins/transition). For instance [javascript hooks](https://vuejs.org/guide/built-ins/transition#javascript-hooks) are not supported. This limitation could potentially lead to Vue warnings.
+
+::: tip
+Potential solutions:
+- You can turn off the auto stubbing by setting [global stubs transition](../../api/#global-stubs) to false
+- You can create your own transition stub that can handle these hooks if necessary.
+- You can spy the warning in the test to silence it.
+:::
diff --git a/docs/guide/advanced/v-model.md b/docs/guide/advanced/v-model.md
new file mode 100644
index 000000000..89fae4c84
--- /dev/null
+++ b/docs/guide/advanced/v-model.md
@@ -0,0 +1,98 @@
+# Testing `v-model`
+
+When writing components that rely on `v-model` interaction (`update:modelValue` event), you need to handle the `event` and `props`.
+
+Check ["vmodel integration" Discussion](https://github.com/vuejs/test-utils/discussions/279) for some community solutions.
+
+Check [VueJS VModel event documentation](https://vuejs.org/guide/components/events.html#usage-with-v-model).
+
+## A Simple Example
+
+Here a simple Editor component:
+
+```js
+const Editor = {
+  props: {
+    label: String,
+    modelValue: String
+  },
+  emits: ['update:modelValue'],
+  template: `<div>
+    <label>{{label}}</label>
+    <input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
+  </div>`
+}
+```
+
+This component will just behave as an input component:
+
+```js
+const App = {
+  components: {
+    Editor
+  },
+  template: `<editor v-model="text" label="test" />`,
+  data(){
+    return {
+      text: 'test'
+    }
+  }
+}
+```
+
+Now when we type on the input, it will update `text` on our component.
+
+To test this behavior:
+
+```js
+test('modelValue should be updated', async () => {
+  const wrapper = mount(Editor, {
+    props: {
+      modelValue: 'initialText',
+      'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e })
+    }
+  })
+
+  await wrapper.find('input').setValue('test')
+  expect(wrapper.props('modelValue')).toBe('test')
+})
+```
+
+# Multiple `v-model`
+
+In some situations we can have multiple `v-model` targeting specific properties.
+
+Example an Money Editor, we can have `currency` and `modelValue` properties.
+
+```js
+const MoneyEditor = {
+  template: `<div> 
+    <input :value="currency" @input="$emit('update:currency', $event.target.value)"/>
+    <input :value="modelValue" type="number" @input="$emit('update:modelValue', $event.target.value)"/>
+  </div>`,
+  props: ['currency', 'modelValue'],
+  emits: ['update:currency', 'update:modelValue']
+}
+```
+
+We can test both by:
+
+```js
+test('modelValue and currency should be updated', async () => {
+  const wrapper = mount(MoneyEditor, {
+    props: {
+      modelValue: 'initialText',
+      'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
+      currency: '$',
+      'onUpdate:currency': (e) => wrapper.setProps({ currency: e })
+    }
+  })
+
+  const [currencyInput, modelValueInput] = wrapper.findAll('input')
+  await modelValueInput.setValue('100')
+  await currencyInput.setValue('£')
+
+  expect(wrapper.props('modelValue')).toBe('100')
+  expect(wrapper.props('currency')).toBe('£')
+})
+```
diff --git a/docs/guide/advanced/vue-router.md b/docs/guide/advanced/vue-router.md
index 5625e1c67..4cbbaa42c 100644
--- a/docs/guide/advanced/vue-router.md
+++ b/docs/guide/advanced/vue-router.md
@@ -187,7 +187,7 @@ console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
 
 The `<router-link>` and `<router-view>` component are not found. We need to install Vue Router! Since Vue Router is a plugin, we install it using the `global.plugins` mounting option:
 
-```js {10,11,12}
+```js {12,13,14}
 import { mount } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from "@/router" // This import should point to your routes file declared above
@@ -218,7 +218,7 @@ Although it's not entirely clear from the warning, it's related to the fact that
 
 Vue Router provides an `isReady` function that tell us when router is ready. We can then `await` it to ensure the initial navigation has happened.
 
-```js {11,12}
+```js {13,14}
 import { mount } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from "@/router"
@@ -247,7 +247,7 @@ The test is now passing! It was quite a bit of work, but now we make sure the ap
 
 Now let's navigate to `/posts` and make sure the routing is working as expected:
 
-```js {19,20}
+```js {21,22}
 import { mount } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from "@/router"
@@ -288,7 +288,7 @@ Again, due to Vue Router 4's new asynchronous nature, we need to `await` the rou
 
 In this case, however, there is no _hasNavigated_ hook we can await on. One alternative is to use the `flushPromises` function exported from Vue Test Utils:
 
-```js {1,20}
+```js {1,22}
 import { mount, flushPromises } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from "@/router"
@@ -317,7 +317,7 @@ test('routing', async () => {
 
 It _finally_ passes. Great! This is all very manual, however - and this is for a tiny, trivial app. This is the reason using a mocked router is a common approach when testing Vue components using Vue Test Utils. In case you prefer to keep using a real router, keep in mind that each test should use it's own instance of the router like so:
 
-```js {1,20}
+```js {1,19}
 import { mount, flushPromises } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from "@/router"
@@ -451,7 +451,7 @@ Using a real router with Composition API works the same as using a real router w
 a good practice to instantiate a new router object for each test, instead of importing the router directly from your app.
 
 ```js
-import { mount, flushPromises } from '@vue/test-utils'
+import { mount } from '@vue/test-utils'
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from "@/router"
 
diff --git a/docs/guide/essentials/a-crash-course.md b/docs/guide/essentials/a-crash-course.md
index 18d57e4ce..3c9814093 100644
--- a/docs/guide/essentials/a-crash-course.md
+++ b/docs/guide/essentials/a-crash-course.md
@@ -17,22 +17,16 @@ We will start off with a simple `TodoApp` component with a single todo:
   <div></div>
 </template>
 
-<script>
-export default {
-  name: 'TodoApp',
-
-  data() {
-    return {
-      todos: [
-        {
-          id: 1,
-          text: 'Learn Vue.js 3',
-          completed: false
-        }
-      ]
-    }
+<script setup>
+import { ref } from 'vue'
+
+const todos = ref([
+  {
+    id: 1,
+    text: 'Learn Vue.js 3',
+    completed: false
   }
-}
+])
 </script>
 ```
 
@@ -59,7 +53,7 @@ Next, we call `mount` and pass the component as the first argument - this is som
 
 Finally, we use another global function common to many tests runner - Jest included - `expect`. The idea is we are asserting, or _expecting_, the actual output to match what we think it should be. In this case, we are finding an element with the selector `data-test="todo"` - in the DOM, this will look like `<div data-test="todo">...</div>`. We then call the `text` method to get the content, which we expect to be `'Learn Vue.js 3'`.
 
-> Using `data-test` selectors is not required, but it can make your tests less brittle. classes and ids tend to change or move around as an application grows - by using `data-test`, it's clear to other developers which elements are used in tests, and should not be changed.
+> Using `data-test` selectors is not required, but it can make your tests less brittle. Classes and ids tend to change or move around as an application grows - by using `data-test`, it's clear to other developers which elements are used in tests, and should not be changed.
 
 ## Making the test pass
 
@@ -117,32 +111,24 @@ If we run this test, it will obviously fail. Let's update `TodoApp.vue` to have
   </div>
 </template>
 
-<script>
-export default {
-  name: 'TodoApp',
-
-  data() {
-    return {
-      newTodo: '',
-      todos: [
-        {
-          id: 1,
-          text: 'Learn Vue.js 3',
-          completed: false
-        }
-      ]
-    }
-  },
-
-  methods: {
-    createTodo() {
-      this.todos.push({
-        id: 2,
-        text: this.newTodo,
-        completed: false
-      })
-    }
+<script setup>
+import { ref } from 'vue'
+
+const newTodo = ref('')
+const todos = ref([
+  {
+    id: 1,
+    text: 'Learn Vue.js 3',
+    completed: false
   }
+])
+
+const createTodo = () => {
+  todos.value.push({
+    id: 2,
+    text: newTodo.value,
+    completed: false
+  })
 }
 </script>
 ```
diff --git a/docs/guide/essentials/conditional-rendering.md b/docs/guide/essentials/conditional-rendering.md
index 312bcc5c5..c1a1a0dba 100644
--- a/docs/guide/essentials/conditional-rendering.md
+++ b/docs/guide/essentials/conditional-rendering.md
@@ -8,20 +8,20 @@ This article is also available as a [short video](https://www.youtube.com/watch?
 
 One of the most basic features of Vue is the ability to dynamically insert and remove elements with `v-if`. Let's look at how to test a component that uses `v-if`.
 
-```js
-const Nav = {
-  template: `
-    <nav>
-      <a id="profile" href="/profile">My Profile</a>
-      <a v-if="admin" id="admin" href="/admin">Admin</a>
-    </nav>
-  `,
-  data() {
-    return {
-      admin: false
-    }
-  }
-}
+```vue
+<!-- Nav.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const admin = ref(false)
+</script>
+
+<template>
+  <nav>
+    <a id="profile" href="/profile">My Profile</a>
+    <a v-if="admin" id="admin" href="/admin">Admin</a>
+  </nav>
+</template>
 ```
 
 In the `<Nav>` component, a link to the user's profile is shown. In addition, if the `admin` value is `true`, we reveal a link to the admin section. There are three scenarios which we should verify are behaving correctly:
@@ -48,9 +48,9 @@ test('renders a profile link', () => {
 })
 ```
 
-If `get()` does not return an element matching the selector, it will raise an error, and your test will fail. `get()` returns a `DOMWrapper` if an element is found. A `DOMWrapper` is a thin wrapper around the DOM element that implements the [Wrapper API](/api/#wrapper-methods) - that's why we are able to do `profileLink.text()` and access the text. You can access the raw element using the `element` property.
+If `get()` does not return an element matching the selector, it will raise an error, and your test will fail. `get()` returns a `DOMWrapper` if an element is found. A `DOMWrapper` is a thin wrapper around the DOM element that implements the [Wrapper API](/api/#Wrapper-methods) - that's why we are able to do `profileLink.text()` and access the text. You can access the raw element using the `element` property.
 
-There is another type of wrapper - a `VueWrapper` - that is returned from [`getComponent`](/api/#getcomponent) that works in the same manner.
+There is another type of wrapper - a `VueWrapper` - that is returned from [`getComponent`](/api/#getComponent) that works in the same manner.
 
 ## Using `find()` and `exists()`
 
@@ -67,11 +67,11 @@ test('does not render an admin link', () => {
 })
 ```
 
-Notice we are calling `exists()` on the value returned from `.find()`. `find()`, like `mount()`, also returns a `wrapper`. `mount()` has a few extra methods, because it's wrapping a Vue component, and `find()` only returns a regular DOM node, but many of the methods are shared between both. Some other methods include `classes()`, which gets the classes a DOM node has, and `trigger()` for simulating user interaction. You can find a list of methods supported [here](../../api/#wrapper-methods).
+Notice we are calling `exists()` on the value returned from `.find()`. `find()`, like `mount()`, also returns a `wrapper`. `mount()` has a few extra methods, because it's wrapping a Vue component, and `find()` only returns a regular DOM node, but many of the methods are shared between both. Some other methods include `classes()`, which gets the classes a DOM node has, and `trigger()` for simulating user interaction. You can find a list of methods supported [here](../../api/#Wrapper-methods).
 
 ## Using `data`
 
-The final test is to assert that the admin link is rendered when `admin` is `true`. It's `false` by default, but we can override that using the second argument to `mount()`, the [`mounting options`](../../api/#mount-options).
+The final test is to assert that the admin link is rendered when `admin` is `true`. It's `false` by default, but we can override that using the second argument to `mount()`, the [`mounting options`](../../api/#mount).
 
 For `data`, we use the aptly named `data` option:
 
@@ -93,7 +93,7 @@ test('renders an admin link', () => {
 
 If you have other properties in `data`, don't worry - Vue Test Utils will merge the two together. The `data` in the mounting options will take priority over any default values.
 
-To learn what other mounting options exist, see [`Passing Data`](../essentials/passing-data.md) or see [`mounting options`](../../api/#mount-options).
+To learn what other mounting options exist, see [`Passing Data`](../essentials/passing-data.md) or see [`mounting options`](../../api/#mount).
 
 ## Checking Elements visibility
 
@@ -101,22 +101,22 @@ Sometimes you only want to hide/show an element while keeping it in the DOM. Vue
 
 This is how a component with `v-show` looks like:
 
-```js
-const Nav = {
-  template: `
-    <nav>
-      <a id="user" href="/profile">My Profile</a>
-      <ul v-show="shouldShowDropdown" id="user-dropdown">
-        <!-- dropdown content -->
-      </ul>
-    </nav>
-  `,
-  data() {
-    return {
-      shouldShowDropdown: false
-    }
-  }
-}
+```vue
+<!-- Nav.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const shouldShowDropdown = ref(false)
+<script>
+
+<template>
+  <nav>
+    <a id="user" href="/profile">My Profile</a>
+    <ul v-show="shouldShowDropdown" id="user-dropdown">
+      <!-- dropdown content -->
+    </ul>
+  </nav>
+</template>
 ```
 
 In this scenario, the element is not visible but always rendered. `get()` or `find()` will always return a `Wrapper` – `find()` with `.exists()` always return `true` – because the **element is still in the DOM**.
diff --git a/docs/guide/essentials/easy-to-test.md b/docs/guide/essentials/easy-to-test.md
index e7666271b..c1b425c2d 100644
--- a/docs/guide/essentials/easy-to-test.md
+++ b/docs/guide/essentials/easy-to-test.md
@@ -28,26 +28,24 @@ Notice how this list does not include elements such as internal methods, interme
 
 The rule of thumb is that **a test should not break on a refactor**, that is, when we change its internal implementation without changing its behavior. If that happens, the test might rely on implementation details.
 
-For example, let's assume a basic Counter component that features a button to increment a counter. We could write the following test:
+For example, let's assume a basic Counter component that features a button to increment a counter:
 
 ```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const increment = () => {
+  count.value++
+}
+</script>
+
 <template>
   <p class="paragraph">Times clicked: {{ count }}</p>
   <button @click="increment">increment</button>
 </template>
-
-<script>
-export default {
-  data() {
-    return { count: 0 }
-  },
-  methods: {
-    increment() {
-      this.count++
-    }
-  }
-}
-</script>
 ```
 
 We could write the following test:
diff --git a/docs/guide/essentials/event-handling.md b/docs/guide/essentials/event-handling.md
index cf6955024..c10b88087 100644
--- a/docs/guide/essentials/event-handling.md
+++ b/docs/guide/essentials/event-handling.md
@@ -8,21 +8,23 @@ This article is also available as a [short video](https://www.youtube.com/watch?
 
 Here is a simple `<Counter>` component. It features a button that, when clicked, increments an internal count variable and emits its value:
 
-```js
-const Counter = {
-  template: '<button @click="handleClick">Increment</button>',
-  data() {
-    return {
-      count: 0
-    }
-  },
-  methods: {
-    handleClick() {
-      this.count += 1
-      this.$emit('increment', this.count)
-    }
-  }
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+const emit = defineEmits(['increment'])
+
+const handleClick = () => {
+  count.value += 1
+  emit('increment', count.value)
 }
+</script>
+
+<template>
+  <button @click="handleClick">Increment</button>
+</template>
 ```
 
 To fully test this component, we should verify that an `increment` event with the latest `count` value is emitted.
@@ -82,7 +84,7 @@ Let's recap and break down the output of `emitted()`. Each of these keys contain
 
 ```js
 // console.log(wrapper.emitted('increment'))
-;[
+[
   [1], // first time it is called, `count` is 1
   [2] // second time it is called, `count` is 2
 ]
@@ -92,25 +94,27 @@ Let's recap and break down the output of `emitted()`. Each of these keys contain
 
 Imagine that now our `<Counter>` component needs to emit an object with additional information. For instance, we need to tell any parent component listening to the `@increment` event if `count` is even or odd:
 
-```js {12-15}
-const Counter = {
-  template: `<button @click="handleClick">Increment</button>`,
-  data() {
-    return {
-      count: 0
-    }
-  },
-  methods: {
-    handleClick() {
-      this.count += 1
-
-      this.$emit('increment', {
-        count: this.count,
-        isEven: this.count % 2 === 0
-      })
-    }
-  }
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const emit = defineEmits(['increment'])
+
+const handleClick = () => {
+  count.value += 1
+  emit('increment', {
+    count: count.value,
+    isEven: count.value % 2 === 0,
+  })
 }
+</script>
+
+<template>
+  <button @click="handleClick">Increment</button>
+</template>
 ```
 
 As we did before, we need to trigger the `click` event on the `<button>` element. Then, we use `emitted('increment')` to make sure the right values are emitted.
@@ -146,10 +150,6 @@ test('emits an event with count when clicked', () => {
 
 Testing complex event payloads such as Objects is no different from testing simple values such as numbers or strings.
 
-## Composition API
-
-If you are using the Composition API, you will be calling `context.emit()` instead of `this.$emit()`. `emitted()` captures events from both, so you can test your component using the same techniques described here.
-
 ## Conclusion
 
 - Use `emitted()` to access the events emitted from a Vue component.
diff --git a/docs/guide/essentials/forms.md b/docs/guide/essentials/forms.md
index d7eecc199..bbb21f2e5 100644
--- a/docs/guide/essentials/forms.md
+++ b/docs/guide/essentials/forms.md
@@ -10,6 +10,18 @@ The methods we will be using the most are `setValue()` and `trigger()`.
 Let's take a look at a very basic form:
 
 ```vue
+<!-- Form.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const email = ref('')
+const emit = defineEmits(['submit'])
+
+const submit = () => {
+  emit('submit', email.value)
+}
+</script>
+
 <template>
   <div>
     <input type="email" v-model="email" />
@@ -17,21 +29,6 @@ Let's take a look at a very basic form:
     <button @click="submit">Submit</button>
   </div>
 </template>
-
-<script>
-export default {
-  data() {
-    return {
-      email: ''
-    }
-  },
-  methods: {
-    submit() {
-      this.$emit('submit', this.email)
-    }
-  }
-}
-</script>
 ```
 
 ### Setting element values
@@ -43,7 +40,7 @@ To change the value of an input in VTU, you can use the `setValue()` method. It
 
 ```js
 test('sets the value', async () => {
-  const wrapper = mount(Component)
+  const wrapper = mount(Form)
   const input = wrapper.find('input')
 
   await input.setValue('my@mail.com')
@@ -68,7 +65,7 @@ To trigger a click event, we can use the `trigger` method.
 
 ```js
 test('trigger', async () => {
-  const wrapper = mount(Component)
+  const wrapper = mount(Form)
 
   // trigger the element
   await wrapper.find('button').trigger('click')
@@ -88,7 +85,7 @@ Let's combine these two to test whether our simple form is emitting the user inp
 
 ```js
 test('emits the input to its parent', async () => {
-  const wrapper = mount(Component)
+  const wrapper = mount(Form)
 
   // set the value
   await wrapper.find('input').setValue('my@mail.com')
@@ -112,6 +109,25 @@ We saw `setValue` works with input elements, but is much more versatile, as it c
 Let's take a look at a more complicated form, which has more types of inputs.
 
 ```vue
+<!-- FormComponent.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const form = ref({
+  email: '',
+  description: '',
+  city: '',
+  subscribe: false,
+  interval: ''
+})
+const emit = defineEmits(['submit'])
+
+const submit = () => {
+  emit('submit', { ...form.value })
+}
+</script>
+
+
 <template>
   <form @submit.prevent="submit">
     <input type="email" v-model="form.email" />
@@ -131,27 +147,6 @@ Let's take a look at a more complicated form, which has more types of inputs.
     <button type="submit">Submit</button>
   </form>
 </template>
-
-<script>
-export default {
-  data() {
-    return {
-      form: {
-        email: '',
-        description: '',
-        city: '',
-        subscribe: false,
-        interval: ''
-      }
-    }
-  },
-  methods: {
-    async submit() {
-      this.$emit('submit', this.form)
-    }
-  }
-}
-</script>
 ```
 
 Our extended Vue component is a bit longer, has a few more input types and now has the `submit` handler moved to a `<form/>` element.
@@ -227,7 +222,7 @@ We then make a simple assertion, whether the form emitted the correct event and
 
 #### Native form submission
 
-Triggering a `submit` event on a `<form>` element mimics browser behavior during form submission. If we wanted to trigger form submission more naturally, we could trigger a `click` event on the submit button instead. Since form elements not connected to the `document` cannot be submitted, as per the [HTML specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#form-submission-algorithm), we need to use [`attachTo`](../../api/#attachto) to connect the wrapper's element.
+Triggering a `submit` event on a `<form>` element mimics browser behavior during form submission. If we wanted to trigger form submission more naturally, we could trigger a `click` event on the submit button instead. Since form elements not connected to the `document` cannot be submitted, as per the [HTML specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#form-submission-algorithm), we need to use [`attachTo`](../../api/#attachTo) to connect the wrapper's element.
 
 #### Multiple modifiers on the same event
 
@@ -264,29 +259,26 @@ Vue Test Utils reads the event and applies the appropriate properties to the eve
 Let's say your code needs something from inside the `event` object. You can test such scenarios by passing extra data as a second parameter.
 
 ```vue
+<!-- Form.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const inputValue = ref('')
+const emit = defineEmits(['focus-lost'])
+
+const handleBlur = (event) => {
+  if (event.relatedTarget.tagName === 'BUTTON') {
+    emit('focus-lost')
+  }
+}
+</script>
+
 <template>
   <form>
-    <input type="text" v-model="value" @blur="handleBlur" />
+    <input type="text" v-model="inputValue" @blur="handleBlur" />
     <button>Submit</button>
   </form>
 </template>
-
-<script>
-export default {
-  data() {
-    return {
-      value: ''
-    }
-  },
-  methods: {
-    handleBlur(event) {
-      if (event.relatedTarget.tagName === 'BUTTON') {
-        this.$emit('focus-lost')
-      }
-    }
-  }
-}
-</script>
 ```
 
 ```js
@@ -316,6 +308,11 @@ Testing forms that use such inputs can be daunting at first, but with a few simp
 Following is a Component that wraps a `label` and an `input` element:
 
 ```vue
+<!-- CustomInput.vue -->
+<script setup>
+defineProps(['modelValue', 'label'])
+</script>
+
 <template>
   <label>
     {{ label }}
@@ -326,14 +323,6 @@ Following is a Component that wraps a `label` and an `input` element:
     />
   </label>
 </template>
-
-<script>
-export default {
-  name: 'CustomInput',
-
-  props: ['modelValue', 'label']
-}
-</script>
 ```
 
 This Vue component also emits back whatever you type. To use it you do:
@@ -363,28 +352,24 @@ In such cases you can set the value directly, using the component instance and `
 Assume we have a form that uses the Vuetify textarea:
 
 ```vue
+<!-- CustomTextarea.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const description = ref('')
+const emit = defineEmits(['submitted'])
+
+const handleSubmit = () => {
+  emit('submitted', description.value)
+}
+</script>
+
 <template>
   <form @submit.prevent="handleSubmit">
     <v-textarea v-model="description" ref="description" />
     <button type="submit">Send</button>
   </form>
 </template>
-
-<script>
-export default {
-  name: 'CustomTextarea',
-  data() {
-    return {
-      description: ''
-    }
-  },
-  methods: {
-    handleSubmit() {
-      this.$emit('submitted', this.description)
-    }
-  }
-}
-</script>
 ```
 
 We can use `findComponent` to find the component instance, and then set its value.
diff --git a/docs/guide/essentials/passing-data.md b/docs/guide/essentials/passing-data.md
index 52d640b59..9a3a06cd2 100644
--- a/docs/guide/essentials/passing-data.md
+++ b/docs/guide/essentials/passing-data.md
@@ -8,19 +8,18 @@ In this section, we explore the `data` and `props` mounting options, as well as
 
 We will demonstrate the above features by building a `<Password>` component. This component verifies a password meets certain criteria, such as length and complexity. We will start with the following and add features, as well as tests to make sure the features are working correctly:
 
-```js
-const Password = {
-  template: `
-    <div>
-      <input v-model="password">
-    </div>
-  `,
-  data() {
-    return {
-      password: ''
-    }
-  }
-}
+```vue
+<!-- Password.vue -->
+<script setup>
+import { ref } from 'vue'
+const password = ref('')
+</script>
+
+<template>
+  <div>
+    <input v-model="password" />
+  </div>
+</template>
 ```
 
 The first requirement we will add is a minimum length.
@@ -31,28 +30,28 @@ We want to reuse this component in all our projects, each of which may have diff
 
 We will show an error if `password` is less than `minLength`. We can do this by creating an `error` computed property, and conditionally rendering it using `v-if`:
 
-```js
-const Password = {
-  template: `
-    <div>
-      <input v-model="password">
-      <div v-if="error">{{ error }}</div>
-    </div>
-  `,
-  props: {
-    minLength: {
-      type: Number
-    }
-  },
-  computed: {
-    error() {
-      if (this.password.length < this.minLength) {
-        return `Password must be at least ${this.minLength} characters.`
-      }
-      return
-    }
+```vue
+<!-- Password.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const props = defineProps(['minLength'])
+const password = ref('')
+
+const error = computed(() => {
+  if (password.value.length < props.minLength) {
+    return `Password must be at least ${props.minLength} characters.`
   }
-}
+  return
+})
+<script>
+
+<template>
+  <div>
+    <input v-model="password" />
+    <div v-if="error">{{ error }}</div>
+  </div>
+</template>
 ```
 
 To test this, we need to set the `minLength`, as well as a `password` that is less than that number. We can do this using the `data` and `props` mounting options. Finally, we will assert the correct error message is rendered:
@@ -81,26 +80,17 @@ Writing a test for a `maxLength` rule is left as an exercise for the reader! Ano
 Sometimes you may need to write a test for a side effect of a prop changing. This simple `<Show>` component renders a greeting if the `show` prop is `true`.
 
 ```vue
+<!-- Show.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const { show = true } = defineProps(['show'])
+const greeting = ref('Hello')
+</script>
+
 <template>
   <div v-if="show">{{ greeting }}</div>
 </template>
-
-<script>
-
-export default {
-  props: {
-    show: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      greeting: 'Hello'
-    }
-  }
-}
-</script>
 ```
 
 To test this fully, we might want to verify that `greeting` is rendered by default. We are able to update the `show` prop using `setProps()`, which causes `greeting` to be hidden:
diff --git a/docs/guide/extending-vtu/plugins.md b/docs/guide/extending-vtu/plugins.md
index 921ea30dc..e171e1562 100644
--- a/docs/guide/extending-vtu/plugins.md
+++ b/docs/guide/extending-vtu/plugins.md
@@ -6,9 +6,9 @@ functionality.
 
 Some use cases for plugins:
 
-1.  Aliasing existing public methods
-1.  Attaching matchers to the Wrapper instance
-1.  Attaching functionality to the Wrapper
+1. Aliasing existing public methods
+2. Attaching matchers to the Wrapper instance
+3. Attaching functionality to the Wrapper
 
 ## Wrapper Plugin
 
@@ -43,7 +43,7 @@ Some plugins automatically call `config.plugins.VueWrapper.install()` when
 they're imported. This is common if they're extending multiple interfaces at
 once. Follow the instructions of the plugin you're installing.
 
-Check out the [Vue Community Guide](https://vue-community.org/guide/ecosystem/testing.html) or [awesome-vue](https://github.com/vuejs/awesome-vue#test) for a collection of community-contributed plugins and libraries.
+Check out [awesome-vue](https://github.com/vuejs/awesome-vue#test) for a collection of community-contributed plugins and libraries.
 
 ### Writing a Plugin
 
@@ -103,17 +103,13 @@ wrapper.findByTestId('name-input') // returns a VueWrapper or DOMWrapper
 Implementation of the plugin:
 
 ```js
-import { config } from '@vue/test-utils-next'
+import { config, DOMWrapper} from '@vue/test-utils'
 
 const DataTestIdPlugin = (wrapper) => {
   function findByTestId(selector) {
     const dataSelector = `[data-testid='${selector}']`
     const element = wrapper.element.querySelector(dataSelector)
-    if (element) {
-      return new DOMWrapper(element)
-    }
-
-    return createWrapperError('DOMWrapper')
+    return new DOMWrapper(element)
   }
 
   return {
@@ -168,6 +164,19 @@ const wrapper = mount(Component, {
 })
 ```
 
+## Using the plugin with TypeScript
+
+To use your custom wrapper plugin with [TypeScript](https://www.typescriptlang.org/) you have to declare your custom wrapper function. Therefore, add a file named `vue-test-utils.d.ts` with the following content:
+```typescript
+import { DOMWrapper } from '@vue/test-utils';
+
+declare module '@vue/test-utils' {
+  interface VueWrapper {
+    findByTestId(testId: string): DOMWrapper[];
+  }
+}
+```
+
 ## Featuring Your Plugin
 
 If you're missing functionality, consider writing a plugin to extend Vue Test
diff --git a/docs/guide/faq/index.md b/docs/guide/faq/index.md
new file mode 100644
index 000000000..9f89a26b8
--- /dev/null
+++ b/docs/guide/faq/index.md
@@ -0,0 +1,34 @@
+# FAQ
+
+[[toc]]
+
+## Mocking Dates and Timers with Vitest
+
+Vue's scheduler depends on the system time. Make sure to mount components
+*after* calling `vi.setSystemTime`, since Vue depends on its side effects.
+Mounting components before calling `vi.setSystemTime` may cause breaks in
+reactivity.
+
+See [vuejs/test-utils#2074](https://github.com/vuejs/test-utils/issues/2074).
+
+## Vue warn: Failed setting prop
+
+```
+[Vue warn]: Failed setting prop "prefix" on <component-stub>: value foo is invalid.
+TypeError: Cannot set property prefix of #<Element> which has only a getter
+```
+
+This warning is shown in case you are using `shallowMount` or `stubs` with a property name that is shared with [`Element`](https://developer.mozilla.org/en-US/docs/Web/API/Element).
+
+Common property names that are shared with `Element`:
+* `attributes`
+* `children`
+* `prefix`
+
+See: https://developer.mozilla.org/en-US/docs/Web/API/Element
+
+**Possible solutions**
+
+1. Use `mount` instead of `shallowMount` to render without stubs
+2. Ignore the warning by mocking `console.warn`
+3. Rename the prop to not clash with `Element` properties
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 573fecadf..88b959991 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -7,7 +7,7 @@ This is the documentation for Vue Test Utils v2, which targets Vue 3.
 In short:
 
 - [Vue Test Utils 1](https://github.com/vuejs/vue-test-utils/) targets [Vue 2](https://github.com/vuejs/vue/).
-- [Vue Test Utils 2](https://github.com/vuejs/test-utils/) targets [Vue 3](https://github.com/vuejs/vue-next/).
+- [Vue Test Utils 2](https://github.com/vuejs/test-utils/) targets [Vue 3](https://github.com/vuejs/core/).
 
 ## What is Vue Test Utils?
 
@@ -36,6 +36,15 @@ test('displays message', () => {
 })
 ```
 
+Vue Test Utils is commonly used with a test runner. Popular test runners include:
+
+- [Vitest](https://vitest.dev/). Terminal based, has experimental browser UI.
+- [Cypress](https://cypress.io/). Browser based, supports Vite, webpack.
+- [Playwright](https://playwright.dev/docs/test-components) (experimental). Browser based, supports Vite.
+- [WebdriverIO](https://webdriver.io/docs/component-testing/vue). Browser based, supports Vite, Webpack, cross browser support.
+
+Vue Test Utils is a minimal and unopinionated library. For something more featureful, ergonomic and opinionated you may want to consider [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview) which has a hot reload development environment, or [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/) which emphasizes accessibility based selectors when making assertions. Both of these tools use Vue Test Utils under the hood and expose the same API.
+
 ## What Next?
 
 To see Vue Test Utils in action, [take the Crash Course](../guide/essentials/a-crash-course.md), where we build a simple Todo app using a test-first approach.
diff --git a/docs/index.md b/docs/index.md
index e2d43a417..67438b9d8 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,8 +1,17 @@
 ---
+layout: home
 
-home: true
-heroText: Vue Test Utils
-heroImage: /logo.png
-tagline: The official testing suite utils for Vue.js 3
-actionText: Get Started →
-actionLink: /guide/
+title: Vue Test Utils
+titleTemplate: Vue Test Utils for Vue.js 3
+
+hero:
+  name: Vue Test Utils
+  text: Test Utils for Vue.js 3
+  tagline: The official testing suite utils for Vue.js 3
+  image:
+    src: /logo.svg
+    alt: Vue Test Utils
+  actions:
+    - theme: brand
+      text: Get Started →
+      link: /guide/
diff --git a/docs/installation/index.md b/docs/installation/index.md
index e81e7f585..1ea7d9b7f 100644
--- a/docs/installation/index.md
+++ b/docs/installation/index.md
@@ -1,12 +1,17 @@
 # Installation
 
-```bash
+::: code-group
+
+```shell [npm]
 npm install --save-dev @vue/test-utils
+```
 
-# or
+```shell [yarn]
 yarn add --dev @vue/test-utils
 ```
 
+:::
+
 ## Usage
 
 Vue Test Utils is framework agnostic - you can use it with whichever test runner you like. The easiest way to try it out is using [Jest](https://jestjs.io/), a popular test runner.
@@ -15,6 +20,6 @@ To load `.vue` files with Jest, you will need `vue-jest`. `vue-jest` v5 is the o
 
 You can install it with `vue-jest@next`. Then you need to configure it with Jest's [transform](https://jestjs.io/docs/en/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object) option.
 
-If you dont want to configure it yourself, you can get a minimal repository with everything set up [here](https://github.com/lmiller1990/vtu-next-demo).
+If you don't want to configure it yourself, you can get a minimal repository with everything set up [here](https://github.com/lmiller1990/vtu-next-demo).
 
 Continue reading to learn more about Vue Test Utils.
diff --git a/docs/migration/index.md b/docs/migration/index.md
index 889335a1d..396d26f21 100644
--- a/docs/migration/index.md
+++ b/docs/migration/index.md
@@ -206,7 +206,7 @@ You can enable the old behavior like this:
 ```js
 import { config } from '@vue/test-utils'
 
-config.renderStubDefaultSlot = true
+config.global.renderStubDefaultSlot = true
 ```
 
 ### `destroy` is now `unmount` to match Vue 3
@@ -217,6 +217,20 @@ Vue 3 renamed the `vm.$destroy` to `vm.$unmount`. Vue Test Utils has followed su
 
 Vue 3 united the `slot` and `scoped-slot` syntax under a single syntax, `v-slot`, which you can read about in the [the docs](https://v3.vuejs.org/guide/migration/slots-unification.html#overview). Since `slot` and `scoped-slot` are now merged, the `scopedSlots` mounting option is now deprecated - just use the `slots` mounting option for everything.
 
+### `slots`‘s scope is now exposed as `params`
+
+When using string templates for slot content, if not explicitly defined using a wrapping `<template #slot-name="scopeVar">` tag, slot scope becomes available as a `params` object when the slot is evaluated.
+
+```diff
+shallowMount(Component, {
+-  scopedSlots: {
++  slots: {
+-    default: '<p>{{props.index}},{{props.text}}</p>'
++    default: '<p>{{params.index}},{{params.text}}</p>'
+  }
+})
+````
+
 ### `findAll().at()` removed
 
 `findAll()` now returns an array of DOMWrappers.
@@ -232,3 +246,144 @@ wrapper.findAll('[data-test="token"]').at(0);
 ```js
 wrapper.findAll('[data-test="token"]')[0];
 ```
+
+### `createWrapper()` removed
+
+`createWrapper()` is now an internal function only and cannot be imported anymore. If you need access to a wrapper for a DOM element which isn't a Vue component, you can use `new DOMWrapper()` constructor.
+
+**Before:**
+
+```js
+import { createWrapper } from "@vue/test-utils";
+
+describe('App', () => {
+  it('renders', () => {
+    const body = createWrapper(document.body);
+    expect(body.exists()).toBe(true);
+  })
+
+```
+
+**After:**
+
+```js
+import { DOMWrapper } from "@vue/test-utils";
+
+describe('App', () => {
+  it('renders', () => {
+    const body = new DOMWrapper(document.body);
+    expect(body.exists()).toBe(true);
+  })
+```
+
+### No more `ref` selector in `findAllComponents`
+
+The `ref` syntax is not supported anymore in `findAllComponents`. You could set a `data-test` attribute instead and update the selector:
+
+`Component.vue`:
+
+```diff
+<template>
+-  <FooComponent v-for="number in [1, 2, 3]" :key="number" ref="number">
++  <FooComponent v-for="number in [1, 2, 3]" :key="number" data-test="number">
+    {{ number }}
+  </FooComponent>
+</template>
+```
+
+`Component.spec.js`:
+
+```diff
+- wrapper.findAllComponents({ ref: 'number' })
++ wrapper.findAllComponents('[data-test="number"]')
+```
+
+## Test runners upgrade notes
+
+> Vue Test Utils is framework agnostic - you can use it with whichever test runner you like.
+
+This statement is at the core of `@vue/test-utils`. But we do relate to the fact that migrating code bases and corresponding test suites to `vue@3` can be, in some scenarios, a pretty big effort.
+
+This section tries to compile some common gotchas spotted by our community while doing their migrations and also updating their underlying test running stack to more modern versions. These are unrelated to `@vue/test-utils`, but we hope it can help you out completing this important migration step.
+
+### `@vue/vue3-jest` + `jest@^28`
+
+If you've decided to take the opportunity and upgrade your test runner tools to a more modern version, have these in mind.
+
+#### `ReferenceError: Vue is not defined` [vue-jest#479](https://github.com/vuejs/vue-jest/issues/479)
+
+When `jest-environment-jsdom` package is used, it defaults to load libraries from `package.json` [`browser` entry](https://jestjs.io/docs/configuration#testenvironmentoptions-object). You can override it to use `node` imports instead and fix this error:
+
+```js
+// jest.config.js
+module.exports = {
+  testEnvironmentOptions: {
+    customExportConditions: ["node", "node-addons"],
+  }
+}
+```
+<br/>
+
+#### Snapshots now include my comment nodes
+
+If you use snapshot testing and comment nodes are leaking into your snapshots, note that `comments` are now always [preserved](https://vuejs.org/api/application.html#app-config-compileroptions-comments) and only removed in production. You can override this behaviour by tweaking `app.config.compilerOptions` to remove them from snapshots as well:
+- via `vue-jest` [config](https://github.com/vuejs/vue-jest#compiler-options-in-vue-3).
+  ```js
+  // jest.config.js
+  module.exports = {
+    globals: {
+      'vue-jest': {
+        compilerOptions: {
+          comments: false
+        }
+      }
+    }
+  }
+  ```
+- Via `@vue/test-utils` [`mountingOptions.global.config`](https://test-utils.vuejs.org/api/#global) either globally or on per-test basis.
+
+## Comparison with v1
+
+This is table for those coming from VTU 1, comparing the two APIs.
+
+### Base API
+
+| export            | notes                                                                            |
+|-------------------|----------------------------------------------------------------------------------|
+| enableAutoDestroy | replaced by `enableAutoUnmount`                                                  |
+
+### Mounting Options
+
+| option           | notes                                                                             |
+|------------------|-----------------------------------------------------------------------------------|
+| mocks            | nested in `global`                                                                |
+| propsData        | now called `props`                                                                |
+| provide          | nested in `global`                                                                |
+| mixins           | nested in `global`                                                                |
+| plugins          | nested in `global`                                                                |
+| component        | nested in `global`                                                                |
+| directives       | nested in `global`                                                                |
+| attachToDocument | renamed `attachTo`. See [here](https://github.com/vuejs/vue-test-utils/pull/1492) |
+| scopedSlots      | removed. ScopedSlots are merged with `slots` in Vue 3                             |
+| context          | removed. Different from Vue 2, does not make sense anymore.                       |
+| localVue         | removed. No longer required - in Vue 3 there is no global Vue instance to mutate. |
+| listeners        | removed. No longer exists in Vue 3                                                |
+| parentComponent  | removed                                                                           |
+
+### Wrapper API (mount)
+
+| method         | notes                                                                                       |
+|----------------|---------------------------------------------------------------------------------------------|
+| find           | only `querySelector` syntax is supported. Use `findComponent(Comp)` to find a Vue component |
+| setValue       | works for select, checkbox, radio button, input, textarea. Returns `nextTick`.              |
+| trigger        | returns `nextTick`. You can do `await wrapper.find('button').trigger('click')`              |
+| destroy        | renamed to `unmount` to match Vue 3 lifecycle hook name.                                    |
+| contains       | removed. Use `find`                                                                         |
+| emittedByOrder | removed. Use `emitted`                                                                      |
+| setSelected    | removed. Now part of `setValue`                                                             |
+| setChecked     | removed. Now part of `setValue`                                                             |
+| is             | removed                                                                                     |
+| isEmpty        | removed. Use matchers such as [this](https://github.com/testing-library/jest-dom#tobeempty) |
+| isVueInstance  | removed                                                                                     |
+| name           | removed                                                                                     |
+| setMethods     | removed                                                                                     |
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
new file mode 100644
index 000000000..d0edf9b9a
--- /dev/null
+++ b/docs/public/logo.svg
@@ -0,0 +1 @@
+<svg version="1.1" viewBox="0 0 261.76 226.69" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1.3333 0 0 -1.3333 -76.311 313.34)"><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-75.491l98.16-170.02 98.16 170.02z" fill="#41b883"/></g><g transform="translate(178.06 235.01)"><path d="m0 0-22.669-39.264-22.669 39.264h-36.227l58.896-102.01 58.896 102.01z" fill="#34495e"/></g></g></svg>
diff --git a/docs/zh/api/index.md b/docs/zh/api/index.md
new file mode 100644
index 000000000..badcc0e8b
--- /dev/null
+++ b/docs/zh/api/index.md
@@ -0,0 +1,2037 @@
+---
+sidebar: auto
+---
+
+# API 参考
+
+## mount
+
+创建一个包含已挂载和渲染的 Vue 组件的 Wrapper 以进行测试。
+请注意，当使用 Vitest 模拟日期/计时器时，必须在 `vi.setSystemTime` 之后调用此方法。
+
+**签名：**
+
+```ts
+interface MountingOptions<Props, Data = {}> {
+  attachTo?: Element | string
+  attrs?: Record<string, unknown>
+  data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
+  props?: (RawProps & Props) | ({} extends Props ? null : never)
+  slots?: { [key: string]: Slot } & { default?: Slot }
+  global?: GlobalMountOptions
+  shallow?: boolean
+}
+
+function mount(Component, options?: MountingOptions): VueWrapper
+```
+
+**详细信息：**
+
+`mount` 是 Vue Test Utils 提供的主要方法。它创建一个 Vue 3 应用程序，该应用程序持有并渲染正在测试的组件。作为返回，它创建一个 Wrapper 以对组件进行操作和断言。
+
+```js
+import { mount } from '@vue/test-utils'
+
+const Component = {
+  template: '<div>Hello world</div>'
+}
+
+test('mounts a component', () => {
+  const wrapper = mount(Component, {})
+
+  expect(wrapper.html()).toContain('Hello world')
+})
+```
+
+注意 `mount` 接受第二个参数以定义组件的状态配置。
+
+**示例：使用组件属性和 Vue 应用插件进行挂载**
+
+```js
+const wrapper = mount(Component, {
+  props: {
+    msg: 'world'
+  },
+  global: {
+    plugins: [vuex]
+  }
+})
+```
+
+#### options.global
+
+在组件状态中，你可以通过 [`MountingOptions.global` 配置属性](#global)配置上述 Vue 3 应用程序。这对于提供组件期望可用的模拟值非常有用。
+
+::: tip
+如果你发现自己需要为许多测试设置共同的应用配置，则可以使用导出的 [`config` 对象](#config)为整个测试套件设置配置。
+:::
+
+### attachTo
+
+指定要挂载组件的节点。当使用 `renderToString` 时，此选项不可用。
+
+**签名：**
+
+```ts
+attachTo?: Element | string
+```
+
+**详细信息：**
+
+可以是有效的 CSS 选择器，或者是连接到文档的 [`Element`](https://developer.mozilla.org/en-US/docs/Web/API/Element)。
+
+注意，组件是附加到节点上的，并不会替换节点的整个内容。如果在多个测试中将组件挂载到同一个节点上，请确保在每个测试后调用 `wrapper.unmount()` 以卸载它，这将从节点中移除渲染的元素。
+
+`Component.vue`:
+
+```vue
+<template>
+  <p>Vue Component</p>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+document.body.innerHTML = `
+  <div>
+    <h1>Non Vue app</h1>
+    <div id="app"></div>
+  </div>
+`
+
+test('mounts on a specific element', () => {
+  const wrapper = mount(Component, {
+    attachTo: document.getElementById('app')
+  })
+
+  expect(document.body.innerHTML).toBe(`
+  <div>
+    <h1>Non Vue app</h1>
+    <div id="app"><div data-v-app=""><p>Vue Component</p></div></div>
+  </div>
+`)
+})
+```
+
+### attrs
+
+为组件设置 HTML 属性。
+
+**签名：**
+
+```ts
+attrs?: Record<string, unknown>
+```
+
+**详细信息：**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('attrs', () => {
+  const wrapper = mount(Component, {
+    attrs: {
+      id: 'hello',
+      disabled: true
+    }
+  })
+
+  expect(wrapper.attributes()).toEqual({
+    disabled: 'true',
+    id: 'hello'
+  })
+})
+```
+
+请注意，已定义的属性会覆盖 HTML 属性的设置：
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('attribute is overridden by a prop with the same name', () => {
+  const wrapper = mount(Component, {
+    props: {
+      message: 'Hello World'
+    },
+    attrs: {
+      message: 'this will get overridden'
+    }
+  })
+
+  expect(wrapper.props()).toEqual({ message: 'Hello World' })
+  expect(wrapper.attributes()).toEqual({})
+})
+```
+
+### data
+
+覆盖组件的默认 `data`。必须是一个函数。
+
+**签名：**
+
+```ts
+data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
+```
+
+**详细信息：**
+
+`Component.vue`
+
+```vue
+<template>
+  <div>Hello {{ message }}</div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      message: 'everyone'
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('data', () => {
+  const wrapper = mount(Component, {
+    data() {
+      return {
+        message: 'world'
+      }
+    }
+  })
+
+  expect(wrapper.html()).toContain('Hello world')
+})
+```
+
+### props
+
+在组件挂载时设置 props。
+
+**签名：**
+
+```ts
+props?: (RawProps & Props) | ({} extends Props ? null : never)
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Count: {{ count }}</span>
+</template>
+
+<script>
+export default {
+  props: {
+    count: {
+      type: Number,
+      required: true
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('props', () => {
+  const wrapper = mount(Component, {
+    props: {
+      count: 5
+    }
+  })
+
+  expect(wrapper.html()).toContain('Count: 5')
+})
+```
+
+### slots
+
+为组件的插槽设置值。
+
+**签名：**
+
+```ts
+type Slot = VNode | string | { render: Function } | Function | Component
+
+slots?: { [key: string]: Slot } & { default?: Slot }
+```
+
+**详细信息：**
+
+插槽可以是一个字符串或任何有效的组件定义，既可以从 `.vue` 文件中导入，也可以内联提供。
+
+`Component.vue`:
+
+```vue
+<template>
+  <slot name="first" />
+  <slot />
+  <slot name="second" />
+</template>
+```
+
+`Bar.vue`:
+
+```vue
+<template>
+  <div>Bar</div>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { h } from 'vue'
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+import Bar from './Bar.vue'
+
+test('renders slots content', () => {
+  const wrapper = mount(Component, {
+    slots: {
+      default: 'Default',
+      first: h('h1', {}, 'Named Slot'),
+      second: Bar
+    }
+  })
+
+  expect(wrapper.html()).toBe('<h1>Named Slot</h1>Default<div>Bar</div>')
+})
+```
+
+### global
+
+**签名：**
+
+```ts
+type GlobalMountOptions = {
+  plugins?: (Plugin | [Plugin, ...any[]])[]
+  config?: Partial<Omit<AppConfig, 'isNativeTag'>>
+  mixins?: ComponentOptions[]
+  mocks?: Record<string, any>
+  provide?: Record<any, any>
+  components?: Record<string, Component | object>
+  directives?: Record<string, Directive>
+  stubs?: Stubs = Record<string, boolean | Component> | Array<string>
+  renderStubDefaultSlot?: boolean
+}
+```
+
+你可以在每个测试基础上以及整个测试套件中配置所有 `global` 选项。[请参见此处以了解如何配置项目范围的默认值](#config-global)。
+
+#### global.components
+
+将组件全局注册到挂载的组件中。
+
+**签名：**
+
+```ts
+components?: Record<string, Component | object>
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>
+    <global-component />
+  </div>
+</template>
+
+<script>
+import GlobalComponent from '@/components/GlobalComponent'
+
+export default {
+  components: {
+    GlobalComponent
+  }
+}
+</script>
+```
+
+`GlobalComponent.vue`:
+
+```vue
+<template>
+  <div class="global-component">My Global Component</div>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import GlobalComponent from '@/components/GlobalComponent'
+import Component from './Component.vue'
+
+test('global.components', () => {
+  const wrapper = mount(Component, {
+    global: {
+      components: {
+        GlobalComponent
+      }
+    }
+  })
+
+  expect(wrapper.find('.global-component').exists()).toBe(true)
+})
+```
+
+#### global.config
+
+配置 [Vue 的应用程序全局配置](https://v3.vuejs.org/api/application-config.html#application-config)。
+
+**签名：**
+
+```ts
+config?: Partial<Omit<AppConfig, 'isNativeTag'>>
+```
+
+#### global.directives
+
+将[指令](https://v3.vuejs.org/api/directives.html#directives)全局注册到挂载的组件中。
+
+**签名：**
+
+```ts
+directives?: Record<string, Directive>
+```
+
+**详细信息：**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+
+import Directive from '@/directives/Directive'
+
+const Component = {
+  template: '<div v-bar>Foo</div>'
+}
+
+test('global.directives', () => {
+  const wrapper = mount(Component, {
+    global: {
+      directives: {
+        Bar: Directive // Bar matches v-bar
+      }
+    }
+  })
+})
+```
+
+#### global.mixins
+
+将[混入](https://v3.vuejs.org/guide/mixins.html)全局注册到挂载的组件中。
+
+**签名：**
+
+```ts
+mixins?: ComponentOptions[]
+```
+
+**详细信息：**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('global.mixins', () => {
+  const wrapper = mount(Component, {
+    global: {
+      mixins: [mixin]
+    }
+  })
+})
+```
+
+#### global.mocks
+
+模拟全局实例属性。可用于模拟 `this.$store`、`this.$router` 等。
+
+**签名：**
+
+```ts
+mocks?: Record<string, any>
+```
+
+**详细信息：**
+
+::: warning
+此功能旨在模拟由第三方插件注入的变量，而不是 Vue 的原生属性，如 $root、$children 等。
+:::
+
+`Component.vue`:
+
+```vue
+<template>
+  <button @click="onClick" />
+</template>
+
+<script>
+export default {
+  methods: {
+    onClick() {
+      this.$store.dispatch('click')
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('global.mocks', async () => {
+  const $store = {
+    dispatch: jest.fn()
+  }
+
+  const wrapper = mount(Component, {
+    global: {
+      mocks: {
+        $store
+      }
+    }
+  })
+
+  await wrapper.find('button').trigger('click')
+
+  expect($store.dispatch).toHaveBeenCalledWith('click')
+})
+```
+
+#### global.plugins
+
+在挂载的组件上安装插件。
+
+**签名：**
+
+```ts
+plugins?: (Plugin | [Plugin, ...any[]])[]
+```
+
+**详细信息：**
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+import myPlugin from '@/plugins/myPlugin'
+
+test('global.plugins', () => {
+  mount(Component, {
+    global: {
+      plugins: [myPlugin]
+    }
+  })
+})
+```
+
+要使用带选项的插件，可以传递选项数组。
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('global.plugins with options', () => {
+  mount(Component, {
+    global: {
+      plugins: [Plugin, [PluginWithOptions, 'argument 1', 'another argument']]
+    }
+  })
+})
+```
+
+#### global.provide
+
+提供数据，以便在 `setup` 函数中通过 `inject` 接收。
+
+**签名：**
+
+```ts
+provide?: Record<any, any>
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>Theme is {{ theme }}</div>
+</template>
+
+<script>
+import { inject } from 'vue'
+
+export default {
+  setup() {
+    const theme = inject('Theme')
+    return {
+      theme
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('global.provide', () => {
+  const wrapper = mount(Component, {
+    global: {
+      provide: {
+        Theme: 'dark'
+      }
+    }
+  })
+
+  console.log(wrapper.html()) //=> <div>Theme is dark</div>
+})
+```
+
+如果你使用 ES6 `Symbol` 作为提供键，可以将其用作动态键：
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+const ThemeSymbol = Symbol()
+
+mount(Component, {
+  global: {
+    provide: {
+      [ThemeSymbol]: 'value'
+    }
+  }
+})
+```
+
+#### global.renderStubDefaultSlot
+
+即使在使用 `shallow` 或 `shallowMount` 时，也会渲染 `default` 插槽内容。
+
+**签名：**
+
+```ts
+renderStubDefaultSlot?: boolean
+```
+
+**详细信息：**
+
+默认为 **false**。
+
+`Component.vue`
+
+```vue
+<template>
+  <slot />
+  <another-component />
+</template>
+
+<script>
+export default {
+  components: {
+    AnotherComponent
+  }
+}
+</script>
+```
+
+`AnotherComponent.vue`
+
+```vue
+<template>
+  <p>Another component content</p>
+</template>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('global.renderStubDefaultSlot', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      default: '<div>My slot content</div>'
+    },
+    shallow: true,
+    global: {
+      renderStubDefaultSlot: true
+    }
+  })
+
+  expect(wrapper.html()).toBe(
+    '<div>My slot content</div><another-component-stub></another-component-stub>'
+  )
+})
+```
+
+由于技术限制，**此行为无法扩展到除默认插槽之外的其他插槽**。
+
+#### global.stubs
+
+在挂载的组件上使用全局测试替身 (stub)。
+
+**签名：**
+
+```ts
+stubs?: Record<any, any>
+```
+
+**详细信息：**
+
+默认情况下，`Transition` 和 `TransitionGroup` 组件会被自动创建测试替身。
+
+`Component.vue`:
+
+```vue
+<template>
+  <div><foo /></div>
+</template>
+
+<script>
+import Foo from '@/Foo.vue'
+
+export default {
+  components: { Foo }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('global.stubs using array syntax', () => {
+  const wrapper = mount(Component, {
+    global: {
+      stubs: ['Foo']
+    }
+  })
+
+  expect(wrapper.html()).toEqual('<div><foo-stub></div>')
+})
+
+test('global.stubs using object syntax', () => {
+  const wrapper = mount(Component, {
+    global: {
+      stubs: { Foo: true }
+    }
+  })
+
+  expect(wrapper.html()).toEqual('<div><foo-stub></div>')
+})
+
+test('global.stubs using a custom component', () => {
+  const CustomStub = {
+    name: 'CustomStub',
+    template: '<p>custom stub content</p>'
+  }
+
+  const wrapper = mount(Component, {
+    global: {
+      stubs: { Foo: CustomStub }
+    }
+  })
+
+  expect(wrapper.html()).toEqual('<div><p>custom stub content</p></div>')
+})
+```
+
+### shallow
+
+组件的所有子组件替换为测试替身。
+
+**签名：**
+
+```ts
+shallow?: boolean
+```
+
+**详细信息：**
+
+默认为 **false**。
+
+`Component.vue`
+
+```vue
+<template>
+  <a-component />
+  <another-component />
+</template>
+
+<script>
+export default {
+  components: {
+    AComponent,
+    AnotherComponent
+  }
+}
+</script>
+```
+
+`Component.spec.js`
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('shallow', () => {
+  const wrapper = mount(Component, { shallow: true })
+
+  expect(wrapper.html()).toEqual(
+    `<a-component-stub></a-component-stub><another-component-stub></another-component-stub>`
+  )
+})
+```
+
+::: tip
+`shallowMount()` 是使用 `shallow: true` 挂载组件的别名。
+:::
+
+## Wrapper methods
+
+当你使用 `mount` 时，会返回一个 `VueWrapper`，它包含了一些用于测试的有用方法。`VueWrapper` 是对你的组件实例的一个轻量级包装。
+
+请注意，像 `find` 这样的函数返回一个 `DOMWrapper`，它是对你组件及其子组件中的 DOM 节点的一个轻量级包装。两者都实现了类似的 API。
+
+### attributes
+
+返回 DOM 节点上的属性。
+
+**签名：**
+
+```ts
+attributes(): { [key: string]: string }
+attributes(key: string): string
+attributes(key?: string): { [key: string]: string } | string
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div id="foo" :class="className" />
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      className: 'bar'
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('attributes', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.attributes('id')).toBe('foo')
+  expect(wrapper.attributes('class')).toBe('bar')
+})
+```
+
+### classes
+
+**签名：**
+
+```ts
+classes(): string[]
+classes(className: string): boolean
+classes(className?: string): string[] | boolean
+```
+
+**详细信息：**
+
+返回元素上的类名数组。
+
+`Component.vue`:
+
+```vue
+<template>
+  <span class="my-span" />
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('classes', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.classes()).toContain('my-span')
+  expect(wrapper.classes('my-span')).toBe(true)
+  expect(wrapper.classes('not-existing')).toBe(false)
+})
+```
+
+### emitted
+
+返回组件发出的所有事件。
+
+**签名：**
+
+```ts
+emitted<T = unknown>(): Record<string, T[]>
+emitted<T = unknown>(eventName: string): undefined | T[]
+emitted<T = unknown>(eventName?: string): undefined | T[] | Record<string, T[]>
+```
+
+**详细信息：**
+
+参数被存储在一个数组中，因此你可以验证每个事件发出时的参数。
+
+`Component.vue`:
+
+```vue
+<script>
+export default {
+  created() {
+    this.$emit('greet', 'hello')
+    this.$emit('greet', 'goodbye')
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('emitted', () => {
+  const wrapper = mount(Component)
+
+  // wrapper.emitted() equals to { greet: [ ['hello'], ['goodbye'] ] }
+
+  expect(wrapper.emitted()).toHaveProperty('greet')
+  expect(wrapper.emitted().greet).toHaveLength(2)
+  expect(wrapper.emitted().greet[0]).toEqual(['hello'])
+  expect(wrapper.emitted().greet[1]).toEqual(['goodbye'])
+})
+```
+
+### exists
+
+验证一个元素是否存在。
+
+**签名：**
+
+```ts
+exists(): boolean
+```
+
+**详细信息：**
+
+你可以使用与 `querySelector` 实现相同的语法。
+
+`Component.vue`:
+
+```vue
+<template>
+  <span />
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('exists', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.find('span').exists()).toBe(true)
+  expect(wrapper.find('p').exists()).toBe(false)
+})
+```
+
+### find
+
+查找一个元素，如果找到则返回一个 `DOMWrapper`。
+
+**签名：**
+
+```ts
+find<K extends keyof HTMLElementTagNameMap>(selector: K): DOMWrapper<HTMLElementTagNameMap[K]>
+find<K extends keyof SVGElementTagNameMap>(selector: K): DOMWrapper<SVGElementTagNameMap[K]>
+find<T extends Element>(selector: string): DOMWrapper<T>
+find(selector: string): DOMWrapper<Element>
+find<T extends Node = Node>(selector: string | RefSelector): DOMWrapper<T>;
+```
+
+**详细信息：**
+
+你可以使用与 `querySelector` 相同的语法。`find` 基本上是 `querySelector` 的别名。此外，你还可以搜索元素引用。
+
+它与 `get` 类似，但如果未找到元素，`find` 将返回一个 ErrorWrapper，而 [`get`](#get) 会抛出一个错误。
+
+根据经验，当你断言某个元素不存在时，请始终使用 `find`。如果你断言某个元素确实存在，请使用 [`get`](#get)。
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Span</span>
+  <span data-test="span">Span</span>
+  <span ref="span">Span</span>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('find', () => {
+  const wrapper = mount(Component)
+
+  wrapper.find('span') //=> found; returns DOMWrapper
+  wrapper.find('[data-test="span"]') //=> found; returns DOMWrapper
+  wrapper.find({ ref: 'span' }) //=> found; returns DOMWrapper
+  wrapper.find('p') //=> nothing found; returns ErrorWrapper
+})
+```
+
+### findAll
+
+与 `find` 类似，但返回的是一个 `DOMWrapper` 数组。
+
+**签名：**
+
+```ts
+findAll<K extends keyof HTMLElementTagNameMap>(selector: K): DOMWrapper<HTMLElementTagNameMap[K]>[]
+findAll<K extends keyof SVGElementTagNameMap>(selector: K): DOMWrapper<SVGElementTagNameMap[K]>[]
+findAll<T extends Element>(selector: string): DOMWrapper<T>[]
+findAll(selector: string): DOMWrapper<Element>[]
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <span v-for="number in [1, 2, 3]" :key="number" data-test="number">
+    {{ number }}
+  </span>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import BaseTable from './BaseTable.vue'
+
+test('findAll', () => {
+  const wrapper = mount(BaseTable)
+
+  // .findAll() returns an array of DOMWrappers
+  const thirdRow = wrapper.findAll('span')[2]
+})
+```
+
+### findComponent
+
+找到一个 Vue 组件实例并返回一个 `VueWrapper` (如果找到)。否则返回 `ErrorWrapper`。
+
+**签名：**
+
+```ts
+findComponent<T extends never>(selector: string): WrapperLike
+findComponent<T extends DefinedComponent>(selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>): VueWrapper<InstanceType<T>>
+findComponent<T extends FunctionalComponent<any>>(selector: T | string): DOMWrapper<Element>
+findComponent<T extends never>(selector: NameSelector | RefSelector): VueWrapper
+findComponent<T extends ComponentPublicInstance>(selector: T | FindComponentSelector): VueWrapper<T>
+findComponent(selector: FindComponentSelector): WrapperLike
+```
+
+**详细信息：**
+
+`findComponent` 支持几种语法：
+
+| 语法            | 示例                          | 详情                                       |
+| --------------- | ----------------------------- | ------------------------------------------ |
+| querySelector   | `findComponent('.component')` | 匹配标准查询选择器。                       |
+| 组件名称        | `findComponent({name: 'a'})`  | 匹配 PascalCase、snake-case 和 camelCase。 |
+| 组件引用        | `findComponent({ref: 'ref'})` | 仅可用于已挂载组件的直接引用子组件。       |
+| 单文件组件(SFC) | `findComponent(Component)`    | 直接传入导入的组件。                       |
+
+`Foo.vue`
+
+```vue
+<template>
+  <div class="foo">Foo</div>
+</template>
+
+<script>
+export default {
+  name: 'Foo'
+}
+</script>
+```
+
+`Component.vue`:
+
+```vue
+<template>
+  <Foo data-test="foo" ref="foo" class="foo" />
+</template>
+
+<script>
+import Foo from '@/Foo'
+
+export default {
+  components: { Foo }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+import Foo from '@/Foo.vue'
+
+test('findComponent', () => {
+  const wrapper = mount(Component)
+
+  // 所有以下查询将返回一个 VueWrapper
+
+  wrapper.findComponent('.foo')
+  wrapper.findComponent('[data-test="foo"]')
+
+  wrapper.findComponent({ name: 'Foo' })
+
+  wrapper.findComponent({ ref: 'foo' })
+
+  wrapper.findComponent(Foo)
+})
+```
+
+:::warning
+如果组件中的 `ref` 指向 HTML 元素，`findComponent` 将返回一个空的包装器。这是预期的行为。
+:::
+
+:::warning 使用 CSS 选择器时的注意事项
+使用 `findComponent` 和 CSS 选择器可能会导致混淆的行为。
+
+考虑以下示例：
+
+```js
+const ChildComponent = {
+  name: 'Child',
+  template: '<div class="child"></div>'
+}
+const RootComponent = {
+  name: 'Root',
+  components: { ChildComponent },
+  template: '<child-component class="root" />'
+}
+const wrapper = mount(RootComponent)
+const rootByCss = wrapper.findComponent('.root') // => finds Root
+expect(rootByCss.vm.$options.name).toBe('Root')
+const childByCss = wrapper.findComponent('.child')
+expect(childByCss.vm.$options.name).toBe('Root') // => still Root
+```
+
+这种行为的原因是 `RootComponent` 和 `ChildComponent` 共享相同的 DOM 节点，并且每个唯一的 DOM 节点只包含第一个匹配的组件。
+:::
+
+:::info 使用 CSS 选择器时的 WrapperLike 类型
+例如，当使用 `wrapper.findComponent('.foo')` 时，VTU 将返回 `WrapperLike` 类型。这是因为功能组件需要一个 `DOMWrapper`，否则返回的是 `VueWrapper`。你可以通过提供正确的组件类型来强制返回 `VueWrapper`：
+
+```typescript
+wrapper.findComponent('.foo') // returns WrapperLike
+wrapper.findComponent<typeof FooComponent>('.foo') // returns VueWrapper
+wrapper.findComponent<DefineComponent>('.foo') // returns VueWrapper
+```
+
+:::
+
+### findAllComponents
+
+**签名：**
+
+```ts
+findAllComponents<T extends never>(selector: string): WrapperLike[]
+findAllComponents<T extends DefinedComponent>(selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent<any>>): VueWrapper<InstanceType<T>>[]
+findAllComponents<T extends FunctionalComponent<any>>(selector: string): DOMWrapper<Element>[]
+findAllComponents<T extends FunctionalComponent<any>>(selector: T): DOMWrapper<Node>[]
+findAllComponents<T extends never>(selector: NameSelector): VueWrapper[]
+findAllComponents<T extends ComponentPublicInstance>(selector: T | FindAllComponentsSelector): VueWrapper<T>[]
+findAllComponents(selector: FindAllComponentsSelector): WrapperLike[]
+```
+
+**详细信息：**
+
+与 `findComponent` 类似，但查找所有匹配查询的 Vue 组件实例。返回一个 `VueWrapper` 数组。
+
+:::warning
+`ref` 语法在 `findAllComponents` 中不支持。所有其他查询语法都是有效的。
+:::
+
+`Component.vue`:
+
+```vue
+<template>
+  <FooComponent v-for="number in [1, 2, 3]" :key="number" data-test="number">
+    {{ number }}
+  </FooComponent>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('findAllComponents', () => {
+  const wrapper = mount(Component)
+
+  // 返回一个 VueWrapper 数组
+  wrapper.findAllComponents('[data-test="number"]')
+})
+```
+
+:::warning 使用 CSS 选择器
+`findAllComponents` 在使用 CSS 选择器时具有与 [findComponent](#findcomponent) 相同的行为。
+:::
+
+### get
+
+获取一个元素，如果找到则返回一个 `DOMWrapper`，否则抛出错误。
+
+**签名：**
+
+```ts
+get<K extends keyof HTMLElementTagNameMap>(selector: K): Omit<DOMWrapper<HTMLElementTagNameMap[K]>, 'exists'>
+get<K extends keyof SVGElementTagNameMap>(selector: K): Omit<DOMWrapper<SVGElementTagNameMap[K]>, 'exists'>
+get<T extends Element>(selector: string): Omit<DOMWrapper<T>, 'exists'>
+get(selector: string): Omit<DOMWrapper<Element>, 'exists'>
+```
+
+**详细信息：**
+
+它与 `find` 类似，但如果未找到元素，`get` 会抛出错误，而 [`find`](#find) 会返回一个 ErrorWrapper。
+
+根据经验，除非你断言某个元素不存在 (使用 [`find`](#find))，否则请始终使用 `get`。
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Span</span>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('get', () => {
+  const wrapper = mount(Component)
+
+  wrapper.get('span') //=> found; returns DOMWrapper
+
+  expect(() => wrapper.get('.not-there')).toThrowError()
+})
+```
+
+### getComponent
+
+获取 Vue 组件实例，如果找到则返回一个 `VueWrapper`，否则抛出错误。
+
+**签名：**
+
+```ts
+getComponent<T extends ComponentPublicInstance>(selector: new () => T): Omit<VueWrapper<T>, 'exists'>
+getComponent<T extends ComponentPublicInstance>(selector: { name: string } | { ref: string } | string): Omit<VueWrapper<T>, 'exists'>
+getComponent<T extends ComponentPublicInstance>(selector: any): Omit<VueWrapper<T>, 'exists'>
+```
+
+**详细信息：**
+
+它与 `findComponent` 类似，但如果未找到 Vue 组件实例，`getComponent` 会抛出错误，而 [`findComponent`](#findComponent) 会返回一个 ErrorWrapper。
+
+**支持的语法：**
+
+| 语法            | 示例                         | 详细信息                                 |
+| --------------- | ---------------------------- | ---------------------------------------- |
+| querySelector   | `getComponent('.component')` | 匹配标准查询选择器。                     |
+| 组件名称        | `getComponent({name: 'a'})`  | 匹配 PascalCase、snake-case、camelCase。 |
+| 组件引用        | `getComponent({ref: 'ref'})` | 仅可用于已挂载组件的直接引用子组件。     |
+| 单文件组件(SFC) | `getComponent(Component)`    | 直接传入已导入的组件。                   |
+
+`Foo.vue`
+
+```vue
+<template>
+  <div class="foo">Foo</div>
+</template>
+
+<script>
+export default {
+  name: 'Foo'
+}
+</script>
+```
+
+`Component.vue`:
+
+```vue
+<template>
+  <Foo />
+</template>
+
+<script>
+import Foo from '@/Foo'
+
+export default {
+  components: { Foo }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+import Foo from '@/Foo.vue'
+
+test('getComponent', () => {
+  const wrapper = mount(Component)
+
+  wrapper.getComponent({ name: 'foo' }) // returns a VueWrapper
+  wrapper.getComponent(Foo) // returns a VueWrapper
+
+  expect(() => wrapper.getComponent('.not-there')).toThrowError()
+})
+```
+
+### html
+
+返回元素的 HTML 内容。
+
+默认情况下，输出会使用 [`js-beautify`](https://github.com/beautify-web/js-beautify) 进行格式化，以使快照更易读。如果需要未格式化的 HTML 字符串，可以使用 `raw: true` 选项。
+
+**签名：**
+
+```ts
+html(): string
+html(options?: { raw?: boolean }): string
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>
+    <p>Hello world</p>
+  </div>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('html', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.html()).toBe('<div>\n' + '  <p>Hello world</p>\n' + '</div>')
+
+  expect(wrapper.html({ raw: true })).toBe('<div><p>Hello world</p></div>')
+})
+```
+
+### isVisible
+
+验证一个元素是否可见。
+
+**签名：**
+
+```ts
+isVisible(): boolean
+```
+
+**详细信息：**
+
+::: warning
+`isVisible()` 仅在使用 [`attachTo`](#attachTo) 将包装器附加到 DOM 时才能正确工作。
+:::
+
+```js
+const Component = {
+  template: `<div v-show="false"><span /></div>`
+}
+
+test('isVisible', () => {
+  const wrapper = mount(Component, {
+    attachTo: document.body
+  })
+
+  expect(wrapper.find('span').isVisible()).toBe(false)
+})
+```
+
+### props
+
+返回传递给 Vue 组件的属性 (props)。
+
+**签名：**
+
+```ts
+props(): { [key: string]: any }
+props(selector: string): any
+props(selector?: string): { [key: string]: any } | any
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```js
+export default {
+  name: 'Component',
+  props: {
+    truthy: Boolean,
+    object: Object,
+    string: String
+  }
+}
+```
+
+```vue
+<template>
+  <Component truthy :object="{}" string="string" />
+</template>
+
+<script>
+import Component from '@/Component'
+
+export default {
+  components: { Component }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('props', () => {
+  const wrapper = mount(Component, {
+    global: { stubs: ['Foo'] }
+  })
+
+  const foo = wrapper.getComponent({ name: 'Foo' })
+
+  expect(foo.props('truthy')).toBe(true)
+  expect(foo.props('object')).toEqual({})
+  expect(foo.props('notExisting')).toEqual(undefined)
+  expect(foo.props()).toEqual({
+    truthy: true,
+    object: {},
+    string: 'string'
+  })
+})
+```
+
+:::tip
+根据经验，测试传递的属性的效果 (如 DOM 更新、触发的事件等)。这将使测试比仅仅断言一个属性被传递要更有效。
+:::
+
+### setData
+
+更新组件内部数据。
+
+**签名：**
+
+```ts
+setData(data: Record<string, any>): Promise<void>
+```
+
+**详细信息：**
+
+`setData` 不允许设置组件中未定义的新属性。
+
+::: warning
+请注意，`setData` 不会修改组合式 API 中 setup() 的数据。
+:::
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>Count: {{ count }}</div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      count: 0
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('setData', async () => {
+  const wrapper = mount(Component)
+  expect(wrapper.html()).toContain('Count: 0')
+
+  await wrapper.setData({ count: 1 })
+
+  expect(wrapper.html()).toContain('Count: 1')
+})
+```
+
+::: warning
+在调用 `setData` 时，你应该使用 `await`，以确保 Vue 在你进行断言之前更新 DOM。
+:::
+
+### setProps
+
+更新组件的属性。
+
+**签名：**
+
+```ts
+setProps(props: Record<string, any>): Promise<void>
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <div>{{ message }}</div>
+</template>
+
+<script>
+export default {
+  props: ['message']
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('updates prop', async () => {
+  const wrapper = mount(Component, {
+    props: {
+      message: 'hello'
+    }
+  })
+
+  expect(wrapper.html()).toContain('hello')
+
+  await wrapper.setProps({ message: 'goodbye' })
+
+  expect(wrapper.html()).toContain('goodbye')
+})
+```
+
+::: warning
+在调用 `setProps` 时，你应该使用 `await`，以确保 Vue 在你进行断言之前更新 DOM。
+:::
+
+### setValue
+
+在 DOM 元素上设置一个值，包括：
+
+- `<input>`
+  - 会检测 `type="checkbox"` 和 `type="radio"`，并将 `element.checked` 设置为相应的值。
+- `<select>`
+  - 会检测 `<option>`，并将 `element.selected` 设置为相应的值。
+
+**签名：**
+
+```ts
+setValue(value: unknown, prop?: string): Promise<void>
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <input type="text" v-model="text" />
+  <p>Text: {{ text }}</p>
+
+  <input type="checkbox" v-model="checked" />
+  <div v-if="checked">The input has been checked!</div>
+
+  <select v-model="multiselectValue" multiple>
+    <option value="value1"></option>
+    <option value="value2"></option>
+    <option value="value3"></option>
+  </select>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      text: '',
+      checked: false,
+      multiselectValue: []
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('setValue on checkbox', async () => {
+  const wrapper = mount(Component)
+
+  await wrapper.find('input[type="checkbox"]').setValue(true)
+  expect(wrapper.find('div').exists()).toBe(true)
+
+  await wrapper.find('input[type="checkbox"]').setValue(false)
+  expect(wrapper.find('div').exists()).toBe(false)
+})
+
+test('setValue on input text', async () => {
+  const wrapper = mount(Component)
+
+  await wrapper.find('input[type="text"]').setValue('hello!')
+  expect(wrapper.find('p').text()).toBe('Text: hello!')
+})
+
+test('setValue on multi select', async () => {
+  const wrapper = mount(Component)
+
+  // For select without multiple
+  await wrapper.find('select').setValue('value1')
+  // For select with multiple
+  await wrapper.find('select').setValue(['value1', 'value3'])
+})
+```
+
+::: warning
+在调用 `setValue` 时，你应该使用 `await`，以确保 Vue 在你进行断言之前更新 DOM。
+:::
+
+### text
+
+返回元素的文本内容。
+
+**签名：**
+
+```ts
+text(): string
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <p>Hello world</p>
+</template>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('text', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.find('p').text()).toBe('Hello world')
+})
+```
+
+### trigger
+
+触发一个 DOM 事件，例如 `click`、`submit` 或 `keyup`。
+
+**签名：**
+
+```ts
+interface TriggerOptions {
+  code?: String
+  key?: String
+  keyCode?: Number
+  [custom: string]: any
+}
+
+trigger(eventString: string, options?: TriggerOptions | undefined): Promise<void>
+```
+
+**详细信息：**
+
+`Component.vue`:
+
+```vue
+<template>
+  <span>Count: {{ count }}</span>
+  <button @click="count++">Click me</button>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      count: 0
+    }
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('trigger', async () => {
+  const wrapper = mount(Component)
+
+  await wrapper.find('button').trigger('click')
+
+  expect(wrapper.find('span').text()).toBe('Count: 1')
+})
+```
+
+请注意，`trigger` 接受第二个参数，以便将选项传递给触发的事件：
+
+```js
+await wrapper.trigger('keydown', { keyCode: 65 })
+```
+
+::: warning
+在调用 `trigger` 时，你应该使用 `await`，以确保 Vue 在你进行断言之前更新 DOM。
+:::
+
+::: warning
+某些事件，例如单击复选框以更改其 `v-model`，仅在测试使用 `attachTo: document.body` 时有效。否则，`change` 事件将不会被触发，`v-model` 的值也不会改变。
+:::
+
+### unmount
+
+从 DOM 中卸载应用程序。
+
+**签名：**
+
+```ts
+unmount(): void
+```
+
+**详细信息：**
+
+它仅适用于从 `mount` 返回的根 `VueWrapper`。在测试后进行手动清理时非常有用。
+
+`Component.vue`:
+
+```vue
+<script>
+export default {
+  unmounted() {
+    console.log('unmounted!')
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js
+import { mount } from '@vue/test-utils'
+import Component from './Component.vue'
+
+test('unmount', () => {
+  const wrapper = mount(Component)
+
+  wrapper.unmount()
+  // Component is removed from DOM.
+  // console.log has been called with 'unmounted!'
+})
+```
+
+## Wrapper 属性
+
+### vm
+
+**签名：**
+
+```ts
+vm: ComponentPublicInstance
+```
+
+**详细信息：**
+
+`Vue` 应用实例。你可以访问所有的[实例方法](https://v3.vuejs.org/api/instance-methods.html)和[实例属性](https://v3.vuejs.org/api/instance-properties.html)。
+
+请注意，`vm` 仅在 `VueWrapper` 上可用。
+
+:::tip
+根据经验，测试传递的属性的效果 (如 DOM 更新、触发的事件等)。这将使测试比仅仅断言一个属性被传递要更有效。
+:::
+
+## shallowMount
+
+创建一个包含已挂载 (mounted) 和渲染 (rendered) 的 Vue 组件的包装器 (Wrapper)。
+
+**签名：**
+
+```ts
+interface MountingOptions<Props, Data = {}> {
+  attachTo?: Element | string
+  attrs?: Record<string, unknown>
+  data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
+  props?: (RawProps & Props) | ({} extends Props ? null : never)
+  slots?: { [key: string]: Slot } & { default?: Slot }
+  global?: GlobalMountOptions
+}
+
+function shallowMount(Component, options?: MountingOptions): VueWrapper
+```
+
+**详细信息：**
+
+`shallowMount` 的行为与 `mount` 完全相同，但它默认为所有的子组件创建测试替身。实际上，`shallowMount(Component)` 是 `mount(Component, { shallow: true })` 的别名。
+
+## enableAutoUnmount
+
+**签名：**
+
+```ts
+enableAutoUnmount(hook: (callback: () => void) => void);
+disableAutoUnmount(): void;
+```
+
+**详细信息：**
+
+`enableAutoUnmount` 允许自动销毁 Vue Wrapper。销毁逻辑作为回调函数传递给 `hook` 函数。常见用法是将 `enableAutoUnmount` 与测试框架提供的清理辅助函数结合使用，例如 `afterEach`：
+
+```ts
+import { enableAutoUnmount } from '@vue/test-utils'
+
+enableAutoUnmount(afterEach)
+```
+
+如果你希望这种行为仅在测试套件的特定子集内生效，并且想要显式禁用此行为，则可以使用 `disableAutoUnmount`。
+
+## flushPromises
+
+**签名：**
+
+```ts
+flushPromises(): Promise<unknown>
+```
+
+**详细信息：**
+
+`flushPromises` 会刷新所有已解析的 Promise 处理程序。这有助于确保在进行断言之前，异步操作 (如 Promise 或 DOM 更新) 已经完成。
+
+你可以查看[发起 HTTP 请求](../guide/advanced/http-requests.md)来了解 `flushPromises` 的实际使用示例。
+
+## config
+
+### config.global
+
+**签名：**
+
+```ts
+type GlobalMountOptions = {
+  plugins?: (Plugin | [Plugin, ...any[]])[]
+  config?: Partial<Omit<AppConfig, 'isNativeTag'>>
+  mixins?: ComponentOptions[]
+  mocks?: Record<string, any>
+  provide?: Record<any, any>
+  components?: Record<string, Component | object>
+  directives?: Record<string, Directive>
+  stubs?: Stubs = Record<string, boolean | Component> | Array<string>
+  renderStubDefaultSlot?: boolean
+}
+```
+
+**详细信息：**
+
+你可以选择在整个测试套件中配置挂载选项，而不是在每个测试中单独配置。这些配置将在每次 `mount` 组件时默认使用。如果需要，你可以在每个测试中覆盖这些默认设置。
+
+**示例：**
+
+全局模拟来可能是自 vue-i18n 的 `$t` 变量和一个组件：
+
+`Component.vue`:
+
+```vue
+<template>
+  <p>{{ $t('message') }}</p>
+  <my-component />
+</template>
+
+<script>
+import MyComponent from '@/components/MyComponent'
+
+export default {
+  components: {
+    MyComponent
+  }
+}
+</script>
+```
+
+`Component.spec.js`:
+
+```js {1,8-10,12-14}
+import { config, mount } from '@vue/test-utils'
+import { defineComponent } from 'vue'
+
+const MyComponent = defineComponent({
+  template: `<div>My component</div>`
+})
+
+config.global.stubs = {
+  MyComponent
+}
+
+config.global.mocks = {
+  $t: (text) => text
+}
+
+test('config.global mocks and stubs', () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.html()).toBe('<p>message</p><div>My component</div>')
+})
+```
+
+::: tip
+请记住，这种行为是全局性的，而不是逐次挂载的。你可能需要在每个测试之前和之后启用/禁用它。
+:::
+
+## components
+
+### RouterLinkStub
+
+一个用于替代 Vue Router 的 `router-link` 的组件，当你不想模拟或包含完整路由时，可以使用它。
+
+你可以使用此组件在渲染树中查找 `router-link` 组件。
+
+**用法：**
+
+在挂载选项中设置为替代组件：
+
+```js
+import { mount, RouterLinkStub } from '@vue/test-utils'
+
+const wrapper = mount(Component, {
+  global: {
+    stubs: {
+      RouterLink: RouterLinkStub
+    }
+  }
+})
+
+expect(wrapper.findComponent(RouterLinkStub).props().to).toBe('/some/path')
+```
+
+**使用插槽：**
+
+`RouterLinkStub` 组件支持插槽内容，并将为其插槽属性返回非常基本的值。如果你需要更具体的插槽属性值进行测试，考虑使用[真实路由](../guide/advanced/vue-router.html#using-a-real-router)，这样你可以使用真实的 `router-link` 组件。或者，你可以通过复制 test-utils 包中的实现来定义自己的 `RouterLinkStub` 组件。
diff --git a/docs/zh/guide/advanced/async-suspense.md b/docs/zh/guide/advanced/async-suspense.md
new file mode 100644
index 000000000..0e0d6261c
--- /dev/null
+++ b/docs/zh/guide/advanced/async-suspense.md
@@ -0,0 +1,150 @@
+# 异步行为
+
+你可能注意到在指南的某些部分，在调用 `wrapper` 的一些方法时使用了 `await`，例如 `trigger` 和 `setValue`。这是怎么回事呢？
+
+你可能知道 [Vue 是响应式更新的](https://v3.vuejs.org/guide/change-detection.html#async-update-queue)：当你更改一个值时，DOM 会自动更新以反映最新的值。Vue 的这些更新是异步进行的。相比之下，像 Jest 这样的测试运行器是*同步*的。这可能会导致测试中出现一些意外的结果。
+
+让我们看看一些策略，以确保在运行测试时 Vue 按预期更新 DOM。
+
+## 简单示例 - 使用 `trigger` 更新
+
+让我们重用来自[事件处理](../essentials/event-handling)的 `<Counter>` 组件，唯一的变化是我们现在在 `template` 中渲染 `count`。
+
+```js
+const Counter = {
+  template: `
+    <p>Count: {{ count }}</p>
+    <button @click="handleClick">Increment</button>
+  `,
+  data() {
+    return {
+      count: 0
+    }
+  },
+  methods: {
+    handleClick() {
+      this.count += 1
+    }
+  }
+}
+```
+
+让我们写一个测试来验证 `count` 是否在增加：
+
+```js
+test('increments by 1', () => {
+  const wrapper = mount(Counter)
+
+  wrapper.find('button').trigger('click')
+
+  expect(wrapper.html()).toContain('Count: 1')
+})
+```
+
+出乎意料的是，这个测试失败了！原因是虽然 `count` 增加了，但 Vue 不会在下一个事件循环的 tick 之前更新 DOM。因此，断言 (`expect()...`) 会在 Vue 更新 DOM 之前被调用。
+
+:::tip
+如果你想了解更多关于这个核心 JavaScript 行为的信息，可以阅读[事件循环及其宏任务和微任务](https://javascript.info/event-loop#macrotasks-and-microtasks)。
+:::
+
+先抛开实现细节，我们该如何修复这个问题呢？实际上，Vue 提供了一种方法让我们等待 DOM 更新：`nextTick`。
+
+```js {1,7}
+import { nextTick } from 'vue'
+
+test('increments by 1', async () => {
+  const wrapper = mount(Counter)
+
+  wrapper.find('button').trigger('click')
+  await nextTick()
+
+  expect(wrapper.html()).toContain('Count: 1')
+})
+```
+
+现在的测试将会通过，因为我们确保在断言运行之前，下一个 "tick" 已经执行并且 DOM 已经更新。
+
+由于 `await nextTick()` 是常见的，Vue Test Utils 提供了一个快捷方式。导致 DOM 更新的方法，如 `trigger` 和 `setValue` 返回 `nextTick`，因此你可以直接 `await` 它们：
+
+```js {4}
+test('increments by 1', async () => {
+  const wrapper = mount(Counter)
+
+  await wrapper.find('button').trigger('click')
+
+  expect(wrapper.html()).toContain('Count: 1')
+})
+```
+
+## 解决其他异步行为
+
+`nextTick` 用于确保某些响应式数据的变化在继续测试之前反映在 DOM 中。然而，有时你可能还想确保其他与 Vue 无关的异步行为也已完成。
+
+一个常见的例子是返回 `Promise` 的函数。也许你使用 `jest.mock` 模拟了你的 `axios` HTTP 客户端：
+
+```js
+jest.spyOn(axios, 'get').mockResolvedValue({ data: 'some mocked data!' })
+```
+
+在这种情况下，Vue 对未解决的 Promise 没有任何了解，因此调用 `nextTick` 将不起作用——你的断言可能在 Promise 被解决之前就运行了。对于这种情况，Vue Test Utils 提供了 [`flushPromises`](../../api/#flushPromises) 它可以立即解决所有未完成的 Promise。
+
+让我们看一个例子：
+
+```js{1,12}
+import { flushPromises } from '@vue/test-utils'
+import axios from 'axios'
+
+jest.spyOn(axios, 'get').mockResolvedValue({ data: 'some mocked data!' })
+
+test('uses a mocked axios HTTP client and flushPromises', async () => {
+  // 某个在 `created` 中使用 `axios` 进行 HTTP 调用的组件
+  const wrapper = mount(AxiosComponent)
+
+  await flushPromises() // axios 的 Promise 被立即解决
+
+  // 在上面的代码执行后，axios 请求已使用模拟数据解决。
+})
+```
+
+:::tip
+如果你想了解更多关于在组件上测试请求的信息，请确保查看[发起 HTTP 请求](http-requests.md) 指南。
+:::
+
+## 测试异步 `setup`
+
+如果你要测试的组件使用了异步 `setup`，那么你必须在 `Suspense` 组件内挂载该组件（就像在应用程序中使用时一样）。
+
+例如，这个 `Async` 组件：
+
+```js
+const Async = defineComponent({
+  async setup() {
+    // 等待某些内容
+  }
+})
+```
+
+必须这样测试：
+
+```js
+test('Async component', async () => {
+  const TestComponent = defineComponent({
+    components: { Async },
+    template: '<Suspense><Async/></Suspense>'
+  })
+
+  const wrapper = mount(TestComponent)
+  await flushPromises()
+  // ...
+})
+```
+
+注意：要访问你的 `Async` 组件的底层 `vm` 实例，请使用 `wrapper.findComponent(Async)` 的返回值。由于在这种情况下定义并挂载了一个新组件，因此 `mount(TestComponent)` 返回的 wrapper 包含它自己的（空的）`vm`。
+
+## 结论
+
+- Vue 以异步方式更新 DOM；测试运行器以同步方式执行代码。
+- 使用 `await nextTick()` 确保在测试继续之前 DOM 已更新。
+- 可能更新 DOM 的函数（如 `trigger` 和 `setValue`）返回 `nextTick`，因此你需要 `await` 它们。
+- 使用 Vue Test Utils 的 `flushPromises` 来解决来自非 Vue 依赖（如 API 请求）的任何未解决的 Promise。
+- 使用 `Suspense` 在异步测试函数中测试具有异步 `setup` 的组件。
diff --git a/docs/zh/guide/advanced/component-instance.md b/docs/zh/guide/advanced/component-instance.md
new file mode 100644
index 000000000..7d9d3ae79
--- /dev/null
+++ b/docs/zh/guide/advanced/component-instance.md
@@ -0,0 +1,83 @@
+# 组件实例
+
+[`mount`](/api/#mount) 会返回一个 `VueWrapper`，它提供了许多方便的测试 Vue 组件的方法。有时你可能希望访问底层的 Vue 实例，通过 `vm` 属性访问它即可。
+
+## 简单示例
+
+下面是一个简单的组件，它结合了 props 和 data 来渲染一个问候语：
+
+```ts
+test('renders a greeting', () => {
+  const Comp = {
+    template: `<div>{{ msg1 }} {{ msg2 }}</div>`,
+    props: ['msg1'],
+    data() {
+      return {
+        msg2: 'world'
+      }
+    }
+  }
+
+  const wrapper = mount(Comp, {
+    props: {
+      msg1: 'hello'
+    }
+  })
+
+  expect(wrapper.html()).toContain('hello world')
+})
+```
+
+让我们通过 `console.log(wrapper.vm)` 来查看 `vm` 上可用的内容：
+
+```js
+{
+  msg1: [Getter/Setter],
+  msg2: [Getter/Setter],
+  hasOwnProperty: [Function]
+}
+```
+
+我们可以看到 `msg1` 和 `msg2`！如果定义了 `methods` 和 `computed` 属性，它们也会显示出来。在编写测试时，虽然通常建议对 DOM 进行断言 (使用 `wrapper.html()` 等)，但在一些特殊情况下，你可能需要访问底层的 Vue 实例。
+
+## `getComponent` 和 `findComponent` 的用法
+
+`getComponent` 和 `findComponent` 返回一个 `VueWrapper`，与通过 `mount` 获取的相似。这意味着你也可以在 `getComponent` 或 `findComponent` 的结果上访问所有相同的属性，包括 `vm`。
+
+下面是一个简单的示例：
+
+```js
+test('asserts correct props are passed', () => {
+  const Foo = {
+    props: ['msg'],
+    template: `<div>{{ msg }}</div>`
+  }
+
+  const Comp = {
+    components: { Foo },
+    template: `<div><foo msg="hello world" /></div>`
+  }
+
+  const wrapper = mount(Comp)
+
+  expect(wrapper.getComponent(Foo).vm.msg).toBe('hello world')
+  expect(wrapper.getComponent(Foo).props()).toEqual({ msg: 'hello world' })
+})
+```
+
+一种更彻底的测试方式是对渲染的内容进行断言。这样可以确保 prop 被正确地传递*并*渲染。
+
+:::warning 使用 CSS 选择器时的 WrapperLike 类型
+例如，当使用 `wrapper.findComponent('.foo')` 时，VTU 将返回 `WrapperLike` 类型。这是因为函数式组件需要一个 `DOMWrapper`，否则将返回一个 `VueWrapper`。你可以通过提供正确的组件类型来强制返回一个 `VueWrapper`：
+
+```typescript
+wrapper.findComponent('.foo') // 返回 WrapperLike
+wrapper.findComponent<typeof FooComponent>('.foo') // 返回 VueWrapper
+wrapper.findComponent<DefineComponent>('.foo') // 返回 VueWrapper
+```
+:::
+
+## 结论
+
+- 使用 `vm` 访问内部 Vue 实例。
+- `getComponent` 和 `findComponent` 返回一个 Vue 包装器。这些 Vue 实例也可以通过 `vm` 访问。
diff --git a/docs/zh/guide/advanced/http-requests.md b/docs/zh/guide/advanced/http-requests.md
new file mode 100644
index 000000000..370374451
--- /dev/null
+++ b/docs/zh/guide/advanced/http-requests.md
@@ -0,0 +1,172 @@
+# 发起 HTTP 请求
+
+现代测试运行器在测试 HTTP 请求方面已经提供了许多优秀的功能。因此，Vue Test Utils 并没有提供任何独特的工具来处理这一点。
+
+然而，测试 HTTP 请求是一个重要的功能，我们希望强调一些注意事项。
+
+在本节中，我们将探讨一些执行、模拟和断言 HTTP 请求的模式。
+
+## 博客文章列表
+
+让我们从一个基本的用例开始。以下的 `PostList` 组件渲染了从外部 API 获取的博客文章列表。为了获取这些文章，组件包含一个触发请求的 `button` 元素：
+
+```vue
+<template>
+  <button @click="getPosts">Get posts</button>
+  <ul>
+    <li v-for="post in posts" :key="post.id" data-test="post">
+      {{ post.title }}
+    </li>
+  </ul>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  data() {
+    return {
+      posts: null
+    }
+  },
+  methods: {
+    async getPosts() {
+      this.posts = await axios.get('/api/posts')
+    }
+  }
+}
+</script>
+```
+
+为了正确测试这个组件，我们需要做几件事。
+
+我们的第一个目标是测试这个组件**而不实际访问 API**。这样会导致测试变得不稳定且可能执行缓慢。
+
+其次，我们需要断言组件是否以正确的参数进行了正确的调用。虽然我们不会从 API 获取结果，但仍需确保请求了正确的资源。
+
+此外，我们还需要确保 DOM 已相应更新并显示数据。我们可以使用 `@vue/test-utils` 中的 `flushPromises()` 函数来实现。
+
+```js
+import { mount, flushPromises } from '@vue/test-utils'
+import axios from 'axios'
+import PostList from './PostList.vue'
+
+const mockPostList = [
+  { id: 1, title: 'title1' },
+  { id: 2, title: 'title2' }
+]
+
+// 以下代码告诉 Jest 模拟任何对 `axios.get` 的调用并返回 `mockPostList`
+jest.spyOn(axios, 'get').mockResolvedValue(mockPostList)
+
+test('loads posts on button click', async () => {
+  const wrapper = mount(PostList)
+
+  await wrapper.get('button').trigger('click')
+
+  // 断言我们已正确调用 axios.get 的次数和参数。
+  expect(axios.get).toHaveBeenCalledTimes(1)
+  expect(axios.get).toHaveBeenCalledWith('/api/posts')
+
+  // 等待 DOM 更新。
+  await flushPromises()
+
+  // 最后，确保我们已渲染 API 的内容。
+  const posts = wrapper.findAll('[data-test="post"]')
+
+  expect(posts).toHaveLength(2)
+  expect(posts[0].text()).toContain('title1')
+  expect(posts[1].text()).toContain('title2')
+})
+```
+
+请注意，我们在变量 `mockPostList` 前添加了前缀 `mock`。如果不这样做，我们将收到错误：“The module factory of jest.mock() is not allowed to reference any out-of-scope variables。” 这是 Jest 特有的，你可以在他们的[文档](https://jestjs.io/docs/es6-class-mocks#calling-jestmock-with-the-module-factory-parameter)中了解更多关于这种行为的信息。
+
+还要注意，我们在等待 `flushPromises` 之后再与组件进行交互。这样可以确保在运行断言之前，DOM 已更新。
+
+:::tip jest.mock() 的替代方案
+在 Jest 中设置模拟有多种方法。上面示例中使用的方式是最简单的。对于更强大的替代方案，你可能想查看 [axios-mock-adapter](https://github.com/ctimmerm/axios-mock-adapter) 或 [msw](https://github.com/mswjs/msw) 等其他工具。
+:::
+
+### 断言加载状态
+
+现在，这个 `PostList` 组件非常实用，但缺少一些其他很棒的功能。让我们扩展它，使其在加载文章时显示一个漂亮的消息！
+
+同时，让我们在加载时禁用 `<button>` 元素。我们不希望用户在获取数据时继续发送请求！
+
+```vue {2,4,19,24,28}
+<template>
+  <button :disabled="loading" @click="getPosts">Get posts</button>
+
+  <p v-if="loading" role="alert">Loading your posts…</p>
+  <ul v-else>
+    <li v-for="post in posts" :key="post.id" data-test="post">
+      {{ post.title }}
+    </li>
+  </ul>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  data() {
+    return {
+      posts: null,
+      loading: null
+    }
+  },
+  methods: {
+    async getPosts() {
+      this.loading = true
+
+      this.posts = await axios.get('/api/posts')
+
+      this.loading = null
+    }
+  }
+}
+</script>
+```
+
+让我们编写一个测试，以断言所有与加载相关的元素都能及时渲染。
+
+```js
+test('displays loading state on button click', async () => {
+  const wrapper = mount(PostList)
+
+  // 注意，我们在点击按钮之前运行以下断言
+  // 此时组件应该处于“未加载”状态。
+  expect(wrapper.find('[role="alert"]').exists()).toBe(false)
+  expect(wrapper.get('button').attributes()).not.toHaveProperty('disabled')
+
+  // 现在像往常一样触发它。
+  await wrapper.get('button').trigger('click')
+
+  // 我们在等待所有承诺完成之前，断言“加载状态”。
+  expect(wrapper.find('[role="alert"]').exists()).toBe(true)
+  expect(wrapper.get('button').attributes()).toHaveProperty('disabled')
+
+  // 和之前一样，等待 DOM 更新。
+  await flushPromises()
+
+  // 之后，我们回到“未加载”状态。
+  expect(wrapper.find('[role="alert"]').exists()).toBe(false)
+  expect(wrapper.get('button').attributes()).not.toHaveProperty('disabled')
+})
+```
+
+## 从 Vuex 发起 HTTP 请求
+
+对于更复杂的应用程序，一个典型的场景是触发执行 HTTP 请求的 Vuex 动作。
+
+这与上面概述的示例没有什么不同。我们可能希望像往常一样加载 store 并模拟像 `axios` 这样的服务。通过这种方式，我们可以模拟系统的边界，从而在测试中获得更高的信心。
+
+你可以查看 [Testing Vuex](vuex.md) 文档，以获取有关使用 Vue Test Utils 测试 Vuex 的更多信息。
+
+## 结论
+
+- Vue Test Utils 不需要特殊工具来测试 HTTP 请求。唯一需要考虑的是测试异步行为。
+- 测试不应依赖于外部服务。使用模拟工具如 `jest.mock` 来避免这种情况。
+- `flushPromises()` 是一个有用的工具，可以确保在异步操作后 DOM 更新。
+- 通过与组件进行交互来直接触发 HTTP 请求，可以让你的测试更加稳健。
diff --git a/docs/zh/guide/advanced/reusability-composition.md b/docs/zh/guide/advanced/reusability-composition.md
new file mode 100644
index 000000000..347b94168
--- /dev/null
+++ b/docs/zh/guide/advanced/reusability-composition.md
@@ -0,0 +1,211 @@
+# 复用与组合
+
+主要内容：
+
+- `global.mixins`.
+- `global.directives`.
+
+## 测试组合函数
+
+在使用组合式 API 并创建组合式函数时，你通常只想测试组合式函数。让我们从一个简单的示例开始：
+
+```typescript
+export function useCounter() {
+  const counter = ref(0)
+
+  function increase() {
+    counter.value += 1
+  }
+
+  return { counter, increase }
+}
+```
+
+在这种情况下，你实际上并不需要 `@vue/test-utils`。对应的测试如下：
+
+```typescript
+test('increase counter on call', () => {
+  const { counter, increase } = useCounter()
+
+  expect(counter.value).toBe(0)
+
+  increase()
+
+  expect(counter.value).toBe(1)
+})
+```
+
+对于更复杂的，使用了如 `onMounted` 的生命周期钩子或 `provide`/`inject` 的组合式函数，你可以创建一个简单的辅助测试组件。以下组合式函数会在 `onMounted` 钩子中获取用户数据。
+
+```typescript
+export function useUser(userId) {
+  const user = ref()
+
+  function fetchUser(id) {
+    axios.get(`users/${id}`).then((response) => (user.value = response.data))
+  }
+
+  onMounted(() => fetchUser(userId))
+
+  return { user }
+}
+```
+
+要测试这个组合式函数，你可以在测试中创建一个简单的 `TestComponent`。`TestComponent` 应该以真实组件相同的方式使用组合式函数。
+
+```typescript
+// 模拟 API 请求
+jest.spyOn(axios, 'get').mockResolvedValue({ data: { id: 1, name: 'User' } })
+
+test('fetch user on mount', async () => {
+  const TestComponent = defineComponent({
+    props: {
+      // 定义 props，以便使用不同的输入参数测试组合式函数
+      userId: {
+        type: Number,
+        required: true
+      }
+    },
+    setup(props) {
+      return {
+        // 调用组合式函数并将所有返回值暴露到我们的组件实例中，
+        // 以便我们可以通过 wrapper.vm 访问它们
+        ...useUser(props.userId)
+      }
+    }
+  })
+
+  const wrapper = mount(TestComponent, {
+    props: {
+      userId: 1
+    }
+  })
+
+  expect(wrapper.vm.user).toBeUndefined()
+
+  await flushPromises()
+
+  expect(wrapper.vm.user).toEqual({ id: 1, name: 'User' })
+})
+```
+
+## Provide (提供) / Inject (注入)
+
+Vue 提供了一种通过 `provide` 和 `inject` 将 props 传递给所有子组件的方法。测试这种行为的最佳方式是测试整个树 (父组件 + 子组件)。但有时这并不可能，因为树结构过于复杂，或者你只想测试单个组合式函数。
+
+### 测试 `provide`
+
+假设你要测试以下组件：
+
+```vue
+<template>
+  <div>
+    <slot />
+  </div>
+</template>
+
+<script setup>
+provide('my-key', 'some-data')
+</script>
+```
+
+在这种情况下，你可以渲染一个实际的子组件并测试 `provide` 的正确用法，或者你可以创建一个简单的辅助测试组件并将其传递到默认插槽中。
+
+```typescript
+test('provides correct data', () => {
+  const TestComponent = defineComponent({
+    template: '<span id="provide-test">{{value}}</span>',
+    setup() {
+      const value = inject('my-key')
+      return { value }
+    }
+  })
+
+  const wrapper = mount(ParentComponent, {
+    slots: {
+      default: () => h(TestComponent)
+    }
+  })
+
+  expect(wrapper.find('#provide-test').text()).toBe('some-data')
+})
+```
+
+如果你的组件不包含插槽，你可以使用 [`stub`](./stubs-shallow-mount.md#Stubbing-a-single-child-component) 将一个子组件替换为辅助测试组件：
+
+```vue
+<template>
+  <div>
+    <SomeChild />
+  </div>
+</template>
+
+<script setup>
+import SomeChild from './SomeChild.vue'
+
+provide('my-key', 'some-data')
+</script>
+```
+
+测试如下：
+
+```typescript
+test('provides correct data', () => {
+  const TestComponent = defineComponent({
+    template: '<span id="provide-test">{{value}}</span>',
+    setup() {
+      const value = inject('my-key')
+      return { value }
+    }
+  })
+
+  const wrapper = mount(ParentComponent, {
+    global: {
+      stubs: {
+        SomeChild: TestComponent
+      }
+    }
+  })
+
+  expect(wrapper.find('#provide-test').text()).toBe('some-data')
+})
+```
+
+### 测试 `inject`
+
+当你的组件使用 `inject` 并需要通过 `provide` 传递数据时，你可以使用 `global.provide` 选项。
+
+```vue
+<template>
+  <div>
+    {{ value }}
+  </div>
+</template>
+
+<script setup>
+const value = inject('my-key')
+</script>
+```
+
+单元测试可以简单地写成：
+
+```typescript
+test('renders correct data', () => {
+  const wrapper = mount(MyComponent, {
+    global: {
+      provide: {
+        'my-key': 'some-data'
+      }
+    }
+  })
+
+  expect(wrapper.text()).toBe('some-data')
+})
+```
+
+## 结论
+
+- 测试简单的组合式函数时无需额外的组件或 `@vue/test-utils`
+- 创建辅助测试组件以测试更复杂的组合式函数
+- 创建辅助测试组件以测试你的组件是否通过 `provide` 提供正确的数据
+- 使用 `global.provide` 将数据传递给使用 `inject` 的组件
diff --git a/docs/zh/guide/advanced/slots.md b/docs/zh/guide/advanced/slots.md
new file mode 100644
index 000000000..31c40d5d6
--- /dev/null
+++ b/docs/zh/guide/advanced/slots.md
@@ -0,0 +1,188 @@
+# 插槽
+
+Vue Test Utils 提供了一些有用的功能，用于测试使用 `slots` 的组件。
+
+## 简单示例
+
+你可能有一个通用的 `<layout>` 组件，它使用默认插槽来渲染一些内容。例如：
+
+```js
+const Layout = {
+  template: `
+    <div>
+      <h1>Welcome!</h1>
+      <main>
+        <slot />
+      </main>
+      <footer>
+        Thanks for visiting.
+      </footer>
+    </div>
+  `
+}
+```
+
+你可能想编写一个测试，以确保默认插槽的内容被正确渲染。VTU 提供了 `slots` 挂载选项来实现这一目的：
+
+```js
+test('layout default slot', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      default: 'Main Content'
+    }
+  })
+
+  expect(wrapper.html()).toContain('Main Content')
+})
+```
+
+测试通过！在这个示例中，我们将一些文本内容传递给默认插槽。如果你想更具体地验证默认插槽的内容是否渲染在 `<main>` 中，你可以修改断言：
+
+```js
+test('layout default slot', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      default: 'Main Content'
+    }
+  })
+
+  expect(wrapper.find('main').text()).toContain('Main Content')
+})
+```
+
+## 具名插槽
+
+你可能有一个更复杂的 `<layout>` 组件，带有一些具名插槽。例如：
+
+```js
+const Layout = {
+  template: `
+    <div>
+      <header>
+        <slot name="header" />
+      </header>
+
+      <main>
+        <slot name="main" />
+      </main>
+      <footer>
+        <slot name="footer" />
+      </footer>
+    </div>
+  `
+}
+```
+
+VTU 同样支持这种用法。你可以编写如下测试。在这个示例中，我们将 HTML 而不是文本内容传递给插槽
+
+```js
+test('layout full page layout', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      header: '<div>Header</div>',
+      main: '<div>Main Content</div>',
+      footer: '<div>Footer</div>'
+    }
+  })
+
+  expect(wrapper.html()).toContain('<div>Header</div>')
+  expect(wrapper.html()).toContain('<div>Main Content</div>')
+  expect(wrapper.html()).toContain('<div>Footer</div>')
+})
+```
+
+## 多个插槽
+
+你也可以传递一个插槽数组：
+
+```js
+test('layout full page layout', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      default: ['<div id="one">One</div>', '<div id="two">Two</div>']
+    }
+  })
+
+  expect(wrapper.find('#one').exists()).toBe(true)
+  expect(wrapper.find('#two').exists()).toBe(true)
+})
+```
+
+## 高级用法
+
+你还可以将渲染函数、带有模板的对象，甚至从 `vue` 文件导入的单文件组件传递给插槽挂载选项：
+
+```js
+import { h } from 'vue'
+import Header from './Header.vue'
+
+test('layout full page layout', () => {
+  const wrapper = mount(Layout, {
+    slots: {
+      header: Header,
+      main: h('div', 'Main Content'),
+      sidebar: { template: '<div>Sidebar</div>' },
+      footer: '<div>Footer</div>'
+    }
+  })
+
+  expect(wrapper.html()).toContain('<div>Header</div>')
+  expect(wrapper.html()).toContain('<div>Main Content</div>')
+  expect(wrapper.html()).toContain('<div>Footer</div>')
+})
+```
+
+[参考这些测试](https://github.com/vuejs/test-utils/blob/9d3c2a6526f3d8751d29b2f9112ad2a3332bbf52/tests/mountingOptions/slots.spec.ts#L124-L167)以获取更多示例和用例。
+
+## 作用域插槽
+
+我们也支持[作用域插槽](https://cn.vuejs.org/guide/components/slots.html#scoped-slots)及其绑定。
+
+```js
+const ComponentWithSlots = {
+  template: `
+    <div class="scoped">
+      <slot name="scoped" v-bind="{ msg }" />
+    </div>
+  `,
+  data() {
+    return {
+      msg: 'world'
+    }
+  }
+}
+
+test('scoped slots', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      scoped: `<template #scoped="scope">
+        Hello {{ scope.msg }}
+        </template>
+      `
+    }
+  })
+
+  expect(wrapper.html()).toContain('Hello world')
+})
+```
+
+当使用字符串模板作为插槽内容时，**如果没有使用包裹的** `<template #scoped="scopeVar">` **标签显式定义**，插槽作用域在插槽内容被解析时将作为 `params` 对象。
+
+```js
+test('scoped slots', () => {
+  const wrapper = mount(ComponentWithSlots, {
+    slots: {
+      scoped: `Hello {{ params.msg }}` // 没有包装 template 标签时，插槽作用域暴露为“params”
+    }
+  })
+
+  expect(wrapper.html()).toContain('Hello world')
+})
+```
+
+## 结论
+
+- 使用 `slots` 挂载选项来测试使用 `<slot>` 的组件是否正确渲染内容。
+- 内容可以是字符串、渲染函数或导入的单文件组件 (SFC)。
+- 对于默认插槽使用 `default`，对于具名插槽使用对应的名称。
+- 支持作用域插槽和 `#` 简写。
diff --git a/docs/zh/guide/advanced/ssr.md b/docs/zh/guide/advanced/ssr.md
new file mode 100644
index 000000000..4cf4de42c
--- /dev/null
+++ b/docs/zh/guide/advanced/ssr.md
@@ -0,0 +1,39 @@
+# 测试服务端渲染
+
+Vue Test Utils 提供了 `renderToString` 方法，用于测试服务器端渲染 (SSR) 的 Vue 应用程序。本指南将带你了解如何测试 SSR 的 Vue 应用程序。
+
+## `renderToString`
+
+`renderToString` 是一个将 Vue 组件渲染为字符串的函数。它是一个异步函数，返回一个 Promise，并接受与 `mount` 或 `shallowMount` 相同的参数。
+
+让我们考虑一个使用 `onServerPrefetch` 钩子的简单组件：
+
+```ts
+function fakeFetch(text: string) {
+  return Promise.resolve(text)
+}
+
+const Component = defineComponent({
+  template: '<div>{{ text }}</div>',
+  setup() {
+    const text = ref<string | null>(null)
+
+    onServerPrefetch(async () => {
+      text.value = await fakeFetch('onServerPrefetch')
+    })
+
+    return { text }
+  }
+})
+```
+
+你可以使用 `renderToString` 为这个组件编写测试：
+
+```ts
+import { renderToString } from '@vue/test-utils'
+
+it('renders the value returned by onServerPrefetch', async () => {
+  const contents = await renderToString(Component)
+  expect(contents).toBe('<div>onServerPrefetch</div>')
+})
+```
diff --git a/docs/zh/guide/advanced/stubs-shallow-mount.md b/docs/zh/guide/advanced/stubs-shallow-mount.md
new file mode 100644
index 000000000..5f548be12
--- /dev/null
+++ b/docs/zh/guide/advanced/stubs-shallow-mount.md
@@ -0,0 +1,389 @@
+# 测试替身 (stub) 与浅挂载
+
+Vue Test Utils 提供了一些高级功能用于为组件和指令*创建测试替身* (stubbing)。*测试替身* (stub) 是指将自定义组件或指令的现有实现替换为一个不执行任何操作的虚拟实现，这可以简化本来复杂的测试。让我们来看一个例子。
+
+## 为单个子组件创建测试替身
+
+一个常见的例子是当你想要测试一个在组件层级中非常高的组件时。
+
+在这个例子中，我们有一个 `<App>` 组件，它渲染一条消息，还有一个 `FetchDataFromApi` 组件，它进行 API 调用并渲染结果。
+
+```js
+const FetchDataFromApi = {
+  name: 'FetchDataFromApi',
+  template: `
+    <div>{{ result }}</div>
+  `,
+  async mounted() {
+    const res = await axios.get('/api/info')
+    this.result = res.data
+  },
+  data() {
+    return {
+      result: ''
+    }
+  }
+}
+
+const App = {
+  components: {
+    FetchDataFromApi
+  },
+  template: `
+    <h1>Welcome to Vue.js 3</h1>
+    <fetch-data-from-api />
+  `
+}
+```
+
+在这个特定的测试中，我们不想进行 API 调用，我们只想断言消息是否被渲染。在这种情况下，我们可以使用 `stubs`，它出现在 `global` 挂载选项中。
+
+```js
+test('stubs component with custom template', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        FetchDataFromApi: {
+          template: '<span />'
+        }
+      }
+    }
+  })
+
+  console.log(wrapper.html())
+  // <h1>Welcome to Vue.js 3</h1><span></span>
+
+  expect(wrapper.html()).toContain('Welcome to Vue.js 3')
+})
+```
+
+注意，模板中显示的是 `<span></span>`，而不是 `<fetch-data-from-api />`。我们用一个测试替身替换了它，在这种情况下，我们通过传入一个 `template` 提供了自己的实现。
+
+你也可以获取一个默认的测试替身，而不需要提供自己的实现：
+
+```js
+test('stubs component', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        FetchDataFromApi: true
+      }
+    }
+  })
+
+  console.log(wrapper.html())
+  /*
+    <h1>Welcome to Vue.js 3</h1>
+    <fetch-data-from-api-stub></fetch-data-from-api-stub>
+  */
+
+  expect(wrapper.html()).toContain('Welcome to Vue.js 3')
+})
+```
+
+这将为整个渲染树中的*所有* `<FetchDataFromApi />` 组件创建测试替身，而不管它们出现在哪个层级。这就是为什么它在 `global` 挂载选项中的原因。
+
+::: tip
+要为组件创建测试替身，你可以使用 `components` 中的键或组件的名称。如果在 `global.stubs` 中同时给出这两者，将优先使用键。
+:::
+
+## 为所有子组件创建测试替身
+
+有时你可能想要为*所有*自定义组件创建测试替身。例如，你可能有这样的组件：
+
+```js
+const ComplexComponent = {
+  components: { ComplexA, ComplexB, ComplexC },
+  template: `
+    <h1>Welcome to Vue.js 3</h1>
+    <ComplexA />
+    <ComplexB />
+    <ComplexC />
+  `
+}
+```
+
+想象一下，每个 `<Complex>` 组件都会做一些复杂的事情，而你只对测试 `<h1>` 是否渲染正确的问候语感兴趣。那么你可以这样做：
+
+```js
+const wrapper = mount(ComplexComponent, {
+  global: {
+    stubs: {
+      ComplexA: true,
+      ComplexB: true,
+      ComplexC: true
+    }
+  }
+})
+```
+
+但这需要很多样板代码。VTU 有一个 `shallow` 挂载选项，可以自动为所有子组件创建测试替身：
+
+```js {3}
+test('shallow stubs out all child components', () => {
+  const wrapper = mount(ComplexComponent, {
+    shallow: true
+  })
+
+  console.log(wrapper.html())
+  /*
+    <h1>Welcome to Vue.js 3</h1>
+    <complex-a-stub></complex-a-stub>
+    <complex-b-stub></complex-b-stub>
+    <complex-c-stub></complex-c-stub>
+  */
+})
+```
+
+::: tip
+如果你使用的是 VTU V1，你可能记得这个方法叫 `shallowMount`。这个方法仍然可用，它与写 `shallow: true` 是一样的。
+:::
+
+## 为所有子组件创建测试替身同时接受例外
+
+有时你想要为*所有*自定义组件创建测试替身，但除了特定的一个。让我们考虑一个例子：
+
+```js
+const ComplexA = {
+  template: '<h2>Hello from real component!</h2>'
+}
+
+const ComplexComponent = {
+  components: { ComplexA, ComplexB, ComplexC },
+  template: `
+    <h1>Welcome to Vue.js 3</h1>
+    <ComplexA />
+    <ComplexB />
+    <ComplexC />
+  `
+}
+```
+
+通过使用 `shallow` 挂载选项，可以自动为所有子组件创建测试替身。如果我们想要明确选择不为某个特定组件创建测试替身，可以在 `stubs` 中提供其名称，值设置为 `false。`
+
+```js {3}
+test('shallow allows opt-out of stubbing specific component', () => {
+  const wrapper = mount(ComplexComponent, {
+    shallow: true,
+    global: {
+      stubs: { ComplexA: false }
+    }
+  })
+
+  console.log(wrapper.html())
+  /*
+    <h1>Welcome to Vue.js 3</h1>
+    <h2>Hello from real component!</h2>
+    <complex-b-stub></complex-b-stub>
+    <complex-c-stub></complex-c-stub>
+  */
+})
+```
+
+## 为异步组件创建测试替身
+
+如果你想要为一个异步组件创建测试替身，则有两种做法。例如，你可能有这样的组件：
+
+```js
+// AsyncComponent.js
+export default defineComponent({
+  name: 'AsyncComponent',
+  template: '<span>AsyncComponent</span>'
+})
+
+// App.js
+const App = defineComponent({
+  components: {
+    MyComponent: defineAsyncComponent(() => import('./AsyncComponent'))
+  },
+  template: '<MyComponent/>'
+})
+```
+
+第一种做法是使用你在组件中定义的键来加载异步组件。在这个例子中，我们使用了键 “MyComponent”。在测试用例中不需要使用 `async/await`，因为组件在解析之前已经被创建了测试替身。
+
+```js
+test('stubs async component without resolving', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        MyComponent: true
+      }
+    }
+  })
+
+  expect(wrapper.html()).toBe('<my-component-stub></my-component-stub>')
+})
+```
+
+第二种做法是使用异步组件的名称。在这个例子中，我们使用了名称 “AsyncComponent”。现在需要使用 `async/await`，因为异步组件需要解析，然后才能通过在异步组件中定义的名称创建测试替身。
+
+**确保在异步组件中定义名称！**
+
+```js
+test('stubs async component with resolving', async () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        AsyncComponent: true
+      }
+    }
+  })
+
+  await flushPromises()
+
+  expect(wrapper.html()).toBe('<async-component-stub></async-component-stub>')
+})
+```
+
+## 为指令创建测试替身
+
+有时指令会执行非常复杂的操作，比如进行大量的 DOM 操作，这可能导致测试中的错误 (由于 JSDOM 与整个 DOM 行为不相似)。一个常见的例子是来自各种库的工具提示指令，它们通常严重依赖于测量 DOM 节点的位置/大小。
+
+在这个例子中，我们有另一个 `<App>`，它渲染带有工具提示的消息：
+
+```js
+// 在某处声明的工具提示指令，命名为 `Tooltip`
+
+const App = {
+  directives: {
+    Tooltip
+  },
+  template: '<h1 v-tooltip title="Welcome tooltip">Welcome to Vue.js 3</h1>'
+}
+```
+
+我们不想在这个测试中执行 `Tooltip` 指令的代码，我们只想断言消息是否被渲染。在这种情况下，我们可以使用 `stubs`，它出现在 `global` 挂载选项中，传入 `vTooltip`。
+
+```js
+test('stubs component with custom template', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        vTooltip: true
+      }
+    }
+  })
+
+  console.log(wrapper.html())
+  // <h1>Welcome to Vue.js 3</h1>
+
+  expect(wrapper.html()).toContain('Welcome to Vue.js 3')
+})
+```
+
+::: tip
+使用 `vCustomDirective` 命名方案来区分组件和指令，灵感来自于[同一方案](https://vuejs.org/api/sfc-script-setup.html#using-custom-directives)在 `<script setup>` 中的使用。
+:::
+
+有时，我们需要指令功能的一部分 (通常是因为某些代码依赖于它)。假设我们的指令在执行时添加 `with-tooltip` CSS 类，而这一行为对于我们的代码至关重要。这时我们可以用模拟指令实现替换 `true`。
+
+```js
+test('stubs component with custom template', () => {
+  const wrapper = mount(App, {
+    global: {
+      stubs: {
+        vTooltip: {
+          beforeMount(el: Element) {
+            console.log('directive called')
+            el.classList.add('with-tooltip')
+          }
+        }
+      }
+    }
+  })
+
+  // 'directive called' 被记录到控制台
+
+  console.log(wrapper.html())
+  // <h1 class="with-tooltip">Welcome to Vue.js 3</h1>
+
+  expect(wrapper.classes('with-tooltip')).toBe(true)
+})
+```
+
+我们刚刚用自己的实现替换了指令的实现！
+
+::: warning
+为指令创建测试替身在函数式组件或 `<script setup>` 中不起作用，因为在 [withDirectives](https://vuejs.org/api/render-function.html#withdirectives) 函数中缺少指令名称。如果你需要模拟在函数式组件中使用的指令，请考虑通过你的测试框架模拟指令模块。请参见 https://github.com/vuejs/core/issues/6887 以解锁此功能。
+:::
+
+## 默认插槽和 `shallow`
+
+由于 `shallow` 会为组件的所有内容创建测试替身，因此在使用 `shallow` 时，任何 `<slot>` 都不会被渲染。虽然在大多数情况下这不是问题，但在某些场景下这并不理想。
+
+```js
+const CustomButton = {
+  template: `
+    <button>
+      <slot />
+    </button>
+  `
+}
+```
+
+你可能会这样使用它：
+
+```js
+const App = {
+  props: ['authenticated'],
+  components: { CustomButton },
+  template: `
+    <custom-button>
+      <div v-if="authenticated">Log out</div>
+      <div v-else>Log in</div>
+    </custom-button>
+  `
+}
+```
+
+如果你使用 `shallow`，插槽将不会被渲染，因为我们为 `<custom-button />` 中的渲染函数创建了测试替身。这意味着你将无法验证是否渲染了正确的文本！
+
+这时，你可以使用 `config.renderStubDefaultSlot`，即使在使用 `shallow` 时也会渲染默认插槽内容：
+
+```js {1,4,8}
+import { config, mount } from '@vue/test-utils'
+
+beforeAll(() => {
+  config.global.renderStubDefaultSlot = true
+})
+
+afterAll(() => {
+  config.global.renderStubDefaultSlot = false
+})
+
+test('shallow with stubs', () => {
+  const wrapper = mount(AnotherApp, {
+    props: {
+      authenticated: true
+    },
+    shallow: true
+  })
+
+  expect(wrapper.html()).toContain('Log out')
+})
+```
+
+由于此行为是全局的，而不是基于某个 `mount`，你需要记得在每个测试之前和之后启用/禁用它。
+
+::: tip
+你也可以通过在测试设置文件中导入 `config` 并将 `renderStubDefaultSlot` 设置为 `true` 来全局启用此功能。不幸的是，由于技术限制，此行为无法扩展到非默认插槽。
+:::
+
+## `mount`、`shallow` 和 `stubs`：如何选择？何时使用？
+
+根据经验，**你的测试越接近软件的真实使用方式**，它们就能给你提供越多的信心。
+
+使用 `mount` 的测试将渲染整个组件层次结构，这与用户在真实浏览器中的体验更接近。
+
+另一方面，使用 `shallow` 的测试则专注于特定组件。`shallow` 对于在完全隔离的情况下测试高级组件非常有用。如果你只有一两个与测试无关的组件，考虑使用 `mount` 结合 `stubs` 而不是 `shallow`。你创建的测试替身越多，测试就越不具备生产环境的特性。
+
+请记住，无论你选择全挂载还是浅层渲染 (shallow render)，好的测试都应专注于输入 (`props` 和用户交互，如使用 `trigger`) 和输出 (渲染的 DOM 元素和事件)，而不是实现细节。
+
+因此，无论你选择哪种挂载方法，我们建议你牢记这些指导原则。
+
+## 结论
+
+- 使用 `global.stubs` 将组件或指令替换为虚拟实现，以简化测试
+- 使用 `shallow: true` (或 `shallowMount`) 为所有子组件创建测试替身
+- 使用 `global.renderStubDefaultSlot` 渲染组件测试替身的默认 `<slot>`
diff --git a/docs/zh/guide/advanced/teleport.md b/docs/zh/guide/advanced/teleport.md
new file mode 100644
index 000000000..1913c436b
--- /dev/null
+++ b/docs/zh/guide/advanced/teleport.md
@@ -0,0 +1,210 @@
+# 测试 Teleport
+
+Vue 3 新引入了一个内置组件：`<Teleport>`，它允许组件将其内容“传送”到其 `<template>` 之外的某处。大多数使用 Vue Test Utils 编写的测试都是针对传递给 `mount` 的组件，当被测试的组件被传送到最初渲染的组件之外时，就引入了一些复杂性。
+
+以下是一些使用 `<Teleport>` 测试组件的策略和技巧。
+
+::: tip
+如果你想测试组件的其余部分，而忽略 `teleport`，可以通过在[全局测试替身选项](../../api/#global-stubs)中传递 `teleport: true` 来创建 `teleport` 的测试替身。
+:::
+
+## 示例
+
+在这个示例中，我们会测试一个 `<Navbar>` 组件。它会在 `<Teleport>` 中渲染一个 `<Signup>` 组件。`<Teleport>` 的 `target` 属性是位于 `<Navbar>` 组件之外的一个元素。
+
+这是 `Navbar.vue` 组件：
+
+```vue
+<template>
+  <Teleport to="#modal">
+    <Signup />
+  </Teleport>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import Signup from './Signup.vue'
+
+export default defineComponent({
+  components: {
+    Signup
+  }
+})
+</script>
+```
+
+它单纯地将一个 `<Signup>` 传送到其他地方。此示例的目的很简单。
+
+`Signup.vue` 是一个表单，用于验证 `username` 是否大于 8 个字符。如果是，它在提交时会发出一个 `signup` 事件，并将 `username` 作为有效载荷。我们的目标就是测试这个。
+
+```vue
+<template>
+  <div>
+    <form @submit.prevent="submit">
+      <input v-model="username" />
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  emits: ['signup'],
+  data() {
+    return {
+      username: ''
+    }
+  },
+  computed: {
+    error() {
+      return this.username.length < 8
+    }
+  },
+  methods: {
+    submit() {
+      if (!this.error) {
+        this.$emit('signup', this.username)
+      }
+    }
+  }
+}
+</script>
+```
+
+## 挂载组件
+
+从一个最小的测试开始：
+
+```ts
+import { mount } from '@vue/test-utils'
+import Navbar from './Navbar.vue'
+import Signup from './Signup.vue'
+
+test('emits a signup event when valid', async () => {
+  const wrapper = mount(Navbar)
+})
+```
+
+运行此测试会给出一个警告：`[Vue warn]: Failed to locate Teleport target with selector "#modal"`。让我们创建它：
+
+```ts {5-15}
+import { mount } from '@vue/test-utils'
+import Navbar from './Navbar.vue'
+import Signup from './Signup.vue'
+
+beforeEach(() => {
+  // 创建 teleport 的目标
+  const el = document.createElement('div')
+  el.id = 'modal'
+  document.body.appendChild(el)
+})
+
+afterEach(() => {
+  // 清理
+  document.body.innerHTML = ''
+})
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar)
+})
+```
+
+我们在这个示例中使用 Jest，它不会在每个测试中重置 DOM。因此，在每个测试后使用 `afterEach` 进行清理是一个好主意。
+
+## 与被传送的组件交互
+
+接下来要做的是填写用户名输入。不幸的是，我们无法使用 `wrapper.find('input')`。为什么呢？执行 `console.log(wrapper.html())` 会显示以下内容：
+
+```html
+<!--teleport start-->
+<!--teleport end-->
+```
+
+我们看到了 Vue 用于处理 `<Teleport>` 的一些注释，但没有 `<input>`。这是因为 `<Signup>` 组件 (及其 HTML) 不再渲染在 `<Navbar>` 内部，它被传送到了外面。
+
+尽管实际的 HTML 被传送到外部，但与 `<Navbar>` 相关的虚拟 DOM 仍然保持对原始组件的引用。这意味着你可以使用 `getComponent` 和 `findComponent`，它们在虚拟 DOM 上操作，而不是常规 DOM。
+
+```ts {12}
+beforeEach(() => {
+  // ...
+})
+
+afterEach(() => {
+  // ...
+})
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar)
+
+  wrapper.getComponent(Signup) // got it!
+})
+```
+
+`getComponent` 会返回一个 `VueWrapper`。现在你可以使用 `get`、`find` 和 `trigger` 等方法。
+
+让我们完成这个测试：
+
+```ts {4-8}
+test('teleport', async () => {
+  const wrapper = mount(Navbar)
+
+  const signup = wrapper.getComponent(Signup)
+  await signup.get('input').setValue('valid_username')
+  await signup.get('form').trigger('submit.prevent')
+
+  expect(signup.emitted().signup[0]).toEqual(['valid_username'])
+})
+```
+
+它通过了！
+
+完整的测试：
+
+```ts
+import { mount } from '@vue/test-utils'
+import Navbar from './Navbar.vue'
+import Signup from './Signup.vue'
+
+beforeEach(() => {
+  // 创建 teleport 的目标
+  const el = document.createElement('div')
+  el.id = 'modal'
+  document.body.appendChild(el)
+})
+
+afterEach(() => {
+  // 清理
+  document.body.innerHTML = ''
+})
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar)
+
+  const signup = wrapper.getComponent(Signup)
+  await signup.get('input').setValue('valid_username')
+  await signup.get('form').trigger('submit.prevent')
+
+  expect(signup.emitted().signup[0]).toEqual(['valid_username'])
+})
+```
+
+你可以通过使用 `teleport: true` 来创建 teleport 的测试替身：
+
+```ts
+import { mount } from '@vue/test-utils'
+import Navbar from './Navbar.vue'
+
+test('teleport', async () => {
+  const wrapper = mount(Navbar, {
+    global: {
+      stubs: {
+        teleport: true
+      }
+    }
+  })
+})
+```
+
+## 结论
+
+- 使用 `document.createElement` 创建一个 teleport 目标。
+- 使用 `getComponent` 或 `findComponent` 查找传送的组件，这些方法会在虚拟 DOM 层面上操作。
diff --git a/docs/zh/guide/advanced/transitions.md b/docs/zh/guide/advanced/transitions.md
new file mode 100644
index 000000000..2cfb88ba4
--- /dev/null
+++ b/docs/zh/guide/advanced/transitions.md
@@ -0,0 +1,70 @@
+# 过渡效果
+
+通常情况下，你可能希望测试过渡后的 DOM 结构，这就是为什么 Vue Test Utils 默认会模拟 `<transition>` 和 `<transition-group>` 的原因。
+
+以下是一个简单的组件，它通过淡入淡出的过渡效果切换内容：
+
+```vue
+<template>
+  <button @click="show = !show">Toggle</button>
+
+  <transition name="fade">
+    <p v-if="show">hello</p>
+  </transition>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const show = ref(false)
+
+    return {
+      show
+    }
+  }
+}
+</script>
+
+<style lang="css">
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
+```
+
+由于 Vue Test Utils 会为内置的 transition 组件创建测试替身，你可以像测试其他组件一样测试上述组件：
+
+```js
+import Component from './Component.vue'
+import { mount } from '@vue/test-utils'
+
+test('works with transitions', async () => {
+  const wrapper = mount(Component)
+
+  expect(wrapper.find('hello').exists()).toBe(false)
+
+  await wrapper.find('button').trigger('click')
+
+  // 点击按钮后，<p> 元素存在并且可见
+  expect(wrapper.get('p').text()).toEqual('hello')
+})
+```
+
+## 部分支持
+
+Vue Test Utils 内置的 transition 组件的测试替身比较简单，并不涵盖 Vue 所有的[过渡特性](https://vuejs.org/guide/built-ins/transition)。例如它不支持 [JavaScript 钩子](https://vuejs.org/guide/built-ins/transition#javascript-hooks)。这一限制可能会导致 Vue 发出警告。
+
+::: tip
+潜在解决方案：
+- 你可以通过将[全局 transition 测试替身](../../api/#global-stubs) 设置为 false 来停止自从创建测试替身。
+- 如果需要，你可以自行创建 transition 的测试替身，以处理这些钩子。
+- 你可以在测试中捕获警告以消除它。
+:::
diff --git a/docs/zh/guide/advanced/v-model.md b/docs/zh/guide/advanced/v-model.md
new file mode 100644
index 000000000..828928c6b
--- /dev/null
+++ b/docs/zh/guide/advanced/v-model.md
@@ -0,0 +1,98 @@
+# 测试 `v-model`
+
+在编写基于 `v-model` 交互 (即 `update:modelValue` 事件) 的组件时，你需要处理 `event` 和 `props`。
+
+查阅[“vmodel integration”讨论](https://github.com/vuejs/test-utils/discussions/279)获取一些社区的解决方案。
+
+查阅 [VueJS VModel 事件文档](https://vuejs.org/guide/components/events.html#usage-with-v-model)。
+
+## 简单的示例
+
+这是一个简单的编辑器组件：
+
+```js
+const Editor = {
+  props: {
+    label: String,
+    modelValue: String
+  },
+  emits: ['update:modelValue'],
+  template: `<div>
+    <label>{{label}}</label>
+    <input :value="modelValue" @input="$emit('update:modelValue', $event.target.value)">
+  </div>`
+}
+```
+
+这个组件表现得像一个输入组件：
+
+```js
+const App = {
+  components: {
+    Editor
+  },
+  template: `<editor v-model="text" label="test" />`,
+  data() {
+    return {
+      text: 'test'
+    }
+  }
+}
+```
+
+现在，当我们在输入框中输入时，它将更新组件中的 `text`。
+
+要测试这种行为，可以使用：
+
+```js
+test('modelValue should be updated', async () => {
+  const wrapper = mount(Editor, {
+    props: {
+      modelValue: 'initialText',
+      'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e })
+    }
+  })
+
+  await wrapper.find('input').setValue('test')
+  expect(wrapper.props('modelValue')).toBe('test')
+})
+```
+
+# 多个 `v-model`
+
+在某些情况下，我们可以通过多个 `v-model` 定向到特定的多个属性。
+
+例如在一个货币编辑器中，我们有 `currency` 和 `modelValue` 属性。
+
+```js
+const MoneyEditor = {
+  template: `<div> 
+    <input :value="currency" @input="$emit('update:currency', $event.target.value)"/>
+    <input :value="modelValue" type="number" @input="$emit('update:modelValue', $event.target.value)"/>
+  </div>`,
+  props: ['currency', 'modelValue'],
+  emits: ['update:currency', 'update:modelValue']
+}
+```
+
+我们可以这样测试这它们：
+
+```js
+test('modelValue and currency should be updated', async () => {
+  const wrapper = mount(MoneyEditor, {
+    props: {
+      modelValue: 'initialText',
+      'onUpdate:modelValue': (e) => wrapper.setProps({ modelValue: e }),
+      currency: '$',
+      'onUpdate:currency': (e) => wrapper.setProps({ currency: e })
+    }
+  })
+
+  const [currencyInput, modelValueInput] = wrapper.findAll('input')
+  await modelValueInput.setValue('test')
+  await currencyInput.setValue('£')
+
+  expect(wrapper.props('modelValue')).toBe('test')
+  expect(wrapper.props('currency')).toBe('£')
+})
+```
diff --git a/docs/zh/guide/advanced/vue-router.md b/docs/zh/guide/advanced/vue-router.md
new file mode 100644
index 000000000..163f4d920
--- /dev/null
+++ b/docs/zh/guide/advanced/vue-router.md
@@ -0,0 +1,495 @@
+# 测试 Vue Router
+
+本文将介绍两种测试带有 Vue Router 的应用的方法：
+
+1. 使用真实的 Vue Router，这种方法更接近生产环境，但测试较大应用时会引入复杂度。
+2. 使用模拟的路由器，允许对测试环境进行更细粒度的控制。
+
+请注意，Vue Test Utils 并未提供任何特殊函数来辅助测试依赖于 Vue Router 的组件。
+
+## 使用模拟路由器
+
+使用模拟路由器可以避免在单元测试中关注 Vue Router 的实现细节。
+
+我们可以创建一个模拟的 Vue Router 实例，仅实现我们感兴趣的功能，而不是使用真实的实例。这可以通过 `jest.mock` (如果你使用 Jest) 和 `global.components` 的组合来实现。
+
+在我们模拟一个依赖时，通常是因为**我们不测试它的行为**。我们不想测试点击 `<router-link>` 是否会导航到正确的页面，它显然是会的。我们可能更关心的是确保 `<a>` 拥有正确的 `to` 属性。
+
+让我们来看一个更实际的例子！这个组件展示了一个按钮，当用户通过身份验证时，会将其重定向到编辑帖子的页面 (基于当前路由参数)。未经过身份验证的用户则会被重定向到 `/404` 路由。
+
+```js
+const Component = {
+  template: `<button @click="redirect">Click to Edit</button>`,
+  props: ['isAuthenticated'],
+  methods: {
+    redirect() {
+      if (this.isAuthenticated) {
+        this.$router.push(`/posts/${this.$route.params.id}/edit`)
+      } else {
+        this.$router.push('/404')
+      }
+    }
+  }
+}
+```
+
+我们可以使用真实的路由器，然后导航到该组件的正确路由，然后点击按钮后断言正确的页面被渲染……然而，对于相对简单的测试来说，这需要很多设置。我们想要编写的测试核心是 “如果经过身份验证，则重定向到 X，否则重定向到 Y”。下面是如何使用 `global.mocks` 属性模拟路由的示例：
+
+```js
+import { mount } from '@vue/test-utils'
+
+test('allows authenticated user to edit a post', async () => {
+  const mockRoute = {
+    params: {
+      id: 1
+    }
+  }
+  const mockRouter = {
+    push: jest.fn()
+  }
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: true
+    },
+    global: {
+      mocks: {
+        $route: mockRoute,
+        $router: mockRouter
+      }
+    }
+  })
+
+  await wrapper.find('button').trigger('click')
+
+  expect(mockRouter.push).toHaveBeenCalledTimes(1)
+  expect(mockRouter.push).toHaveBeenCalledWith('/posts/1/edit')
+})
+
+test('redirect an unauthenticated user to 404', async () => {
+  const mockRoute = {
+    params: {
+      id: 1
+    }
+  }
+  const mockRouter = {
+    push: jest.fn()
+  }
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: false
+    },
+    global: {
+      mocks: {
+        $route: mockRoute,
+        $router: mockRouter
+      }
+    }
+  })
+
+  await wrapper.find('button').trigger('click')
+
+  expect(mockRouter.push).toHaveBeenCalledTimes(1)
+  expect(mockRouter.push).toHaveBeenCalledWith('/404')
+})
+```
+
+我们使用 `global.mocks` 提供了必要的依赖 (`this.$route` 和 `this.$router`)，为每个测试设置了理想的状态。
+
+然后，我们能够使用 `jest.fn()` 监控 `this.$router.push` 被调用的次数和参数。最重要的是，我们不必在测试中处理 Vue Router 的复杂性或注意事项！我们只关注测试应用逻辑。
+
+:::tip
+你可能想以端到端 (end-to-end) 的方式测试整个系统。可以考虑使用 [Cypress](https://www.cypress.io/) 通过真实浏览器进行完整的系统测试。
+:::
+
+## 使用真实路由器
+
+我们已经看到了如何使用模拟路由器，现在让我们看看如何使用真实的 Vue Router。
+
+我们来创建一个基本的使用 Vue Router 的博客应用程序。帖子会在 `/posts` 路由上列出：
+
+```js
+const App = {
+  template: `
+    <router-link to="/posts">Go to posts</router-link>
+    <router-view />
+  `
+}
+
+const Posts = {
+  template: `
+    <h1>Posts</h1>
+    <ul>
+      <li v-for="post in posts" :key="post.id">
+        {{ post.name }}
+      </li>
+    </ul>
+  `,
+  data() {
+    return {
+      posts: [{ id: 1, name: 'Testing Vue Router' }]
+    }
+  }
+}
+```
+
+应用程序根页面会显示一个 `<router-link>` 指向列出帖子的路由 `/posts`。
+
+真实路由器如下所示。请注意，我们将路由单独导出，以便可以为每个单独的测试实例化一个新的路由器。
+
+```js
+import { createRouter, createWebHistory } from 'vue-router'
+
+const routes = [
+  {
+    path: '/',
+    component: {
+      template: 'Welcome to the blogging app'
+    }
+  },
+  {
+    path: '/posts',
+    component: Posts
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes
+})
+
+export { routes }
+
+export default router
+```
+
+使用 Vue Router 测试一个应用的最佳展示方法是通过警告引导我们。以下最小化的测试足以让我们起步：
+
+```js
+import { mount } from '@vue/test-utils'
+
+test('routing', () => {
+  const wrapper = mount(App)
+  expect(wrapper.html()).toContain('Welcome to the blogging app')
+})
+```
+
+这个测试失败了，且它还打印了两个警告：
+
+```bash
+console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
+  [Vue warn]: Failed to resolve component: router-link
+
+console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
+  [Vue warn]: Failed to resolve component: router-view
+```
+
+`<router-link>` 和 `<router-view>` 组件未找到。我们需要安装 Vue Router！由于 Vue Router 是一个插件，我们通过 `global.plugins` 挂载选项来安装它：
+
+```js {12,13,14}
+import { mount } from '@vue/test-utils'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from '@/router' // 此导入应指向你上面声明的路由文件
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes
+})
+
+test('routing', () => {
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router]
+    }
+  })
+  expect(wrapper.html()).toContain('Welcome to the blogging app')
+})
+```
+
+这两个警告现在消失了，但现在我们又有了另一个警告：
+
+```js
+console.warn node_modules/vue-router/dist/vue-router.cjs.js:225
+  [Vue Router warn]: Unexpected error when starting the router: TypeError: Cannot read property '_history' of null
+```
+
+虽然警告的内容并不完全明确，但它与 **Vue Router 4 异步处理路由**的事实有关。
+
+Vue Router 提供了一个 `isReady` 函数，告诉我们路由器何时准备就绪。然后我们可以 `await` 它，以确保初始导航已生效。
+
+```js {13,14}
+import { mount } from '@vue/test-utils'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from '@/router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes
+})
+
+test('routing', async () => {
+  router.push('/')
+
+  // 这行之后，路由已准备就绪
+  await router.isReady()
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router]
+    }
+  })
+  expect(wrapper.html()).toContain('Welcome to the blogging app')
+})
+```
+
+测试现在通过了！这确实需要一些工作，但现在我们确保了应用程序正确导航到初始路由。
+
+现在让我们导航到 `/posts` 并确保路由如预期工作：
+
+```js {21,22}
+import { mount } from '@vue/test-utils'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from '@/router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes
+})
+
+test('routing', async () => {
+  router.push('/')
+  await router.isReady()
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router]
+    }
+  })
+  expect(wrapper.html()).toContain('Welcome to the blogging app')
+
+  await wrapper.find('a').trigger('click')
+  expect(wrapper.html()).toContain('Testing Vue Router')
+})
+```
+
+又一个有些隐晦的错误：
+
+```js
+console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
+  [Vue warn]: Unhandled error during execution of native event handler
+    at <RouterLink to="/posts" >
+
+console.error node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:211
+  TypeError: Cannot read property '_history' of null
+```
+
+同样，由于 Vue Router 4 新的异步特性，我们需要在进行任何断言之前 `await` 路由完成。
+
+然而，在这种情况下，我们没有可以 await 的 *hasNavigated* 钩子。一种替代方法是使用从 Vue Test Utils 导出的 `flushPromises` 函数：
+
+```js {1,22}
+import { mount, flushPromises } from '@vue/test-utils'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from '@/router'
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: routes
+})
+
+test('routing', async () => {
+  router.push('/')
+  await router.isReady()
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router]
+    }
+  })
+  expect(wrapper.html()).toContain('Welcome to the blogging app')
+
+  await wrapper.find('a').trigger('click')
+  await flushPromises()
+  expect(wrapper.html()).toContain('Testing Vue Router')
+})
+```
+
+它*终于*通过了。太好了！然而，这一切都非常手动，而且这是针对一个微小且无关紧要的应用程序。这就是在为什么使用 Vue Test Utils 测试 Vue 组件时，使用模拟路由器是一种常见方法。如果你倾向于继续使用真实的路由器，请记住每个测试都应该使用自己实例化的路由器，如下所示：
+
+```js {1,19}
+import { mount, flushPromises } from '@vue/test-utils'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from '@/router'
+
+let router
+beforeEach(async () => {
+  router = createRouter({
+    history: createWebHistory(),
+    routes: routes
+  })
+})
+
+test('routing', async () => {
+  router.push('/')
+  await router.isReady()
+
+  const wrapper = mount(App, {
+    global: {
+      plugins: [router]
+    }
+  })
+  expect(wrapper.html()).toContain('Welcome to the blogging app')
+
+  await wrapper.find('a').trigger('click')
+  await flushPromises()
+  expect(wrapper.html()).toContain('Testing Vue Router')
+})
+```
+
+## 在模拟路由器中使用组合式 API
+
+Vue Router 4 允许在组合式 API 的 `setup` 函数中使用路由器和路由。
+
+设想通过组合式 API 重写一个相同的 demo 组件。
+
+```js
+import { useRouter, useRoute } from 'vue-router'
+
+const Component = {
+  template: `<button @click="redirect">Click to Edit</button>`,
+  props: ['isAuthenticated'],
+  setup(props) {
+    const router = useRouter()
+    const route = useRoute()
+
+    const redirect = () => {
+      if (props.isAuthenticated) {
+        router.push(`/posts/${route.params.id}/edit`)
+      } else {
+        router.push('/404')
+      }
+    }
+
+    return {
+      redirect
+    }
+  }
+}
+```
+
+这次为了测试该组件，我们将使用 Jest 模拟导入的资源 `vue-router`，并直接模拟路由器和路由。
+
+```js
+import { useRouter, useRoute } from 'vue-router'
+
+jest.mock('vue-router', () => ({
+  useRoute: jest.fn(),
+  useRouter: jest.fn(() => ({
+    push: () => {}
+  }))
+}))
+
+test('allows authenticated user to edit a post', () => {
+  useRoute.mockImplementationOnce(() => ({
+    params: {
+      id: 1
+    }
+  }))
+
+  const push = jest.fn()
+  useRouter.mockImplementationOnce(() => ({
+    push
+  }))
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: true
+    },
+    global: {
+      stubs: ["router-link", "router-view"], // 为可能在模板中渲染的 router-link 和 router-view 提供测试替身
+    }
+  })
+
+  await wrapper.find('button').trigger('click')
+
+  expect(push).toHaveBeenCalledTimes(1)
+  expect(push).toHaveBeenCalledWith('/posts/1/edit')
+})
+
+test('redirect an unauthenticated user to 404', () => {
+  useRoute.mockImplementationOnce(() => ({
+    params: {
+      id: 1
+    }
+  }))
+
+  const push = jest.fn()
+  useRouter.mockImplementationOnce(() => ({
+    push
+  }))
+
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: false
+    }
+    global: {
+      stubs: ["router-link", "router-view"], // 为可能在模板中渲染的 router-link 和 router-view 提供测试替身
+    }
+  })
+
+  await wrapper.find('button').trigger('click')
+
+  expect(push).toHaveBeenCalledTimes(1)
+  expect(push).toHaveBeenCalledWith('/404')
+})
+```
+
+## 在真实路由器中使用组合式 API
+
+使用真实路由器与组合式 API 的方式与使用选项式 API 时相同。请记住，和选项式 API 一样，我们建议为每个测试实例化一个新的路由器对象，而不是直接从应用程序中导入路由器。
+
+```js
+import { mount } from '@vue/test-utils'
+import { createRouter, createWebHistory } from 'vue-router'
+import { routes } from '@/router'
+
+let router
+
+beforeEach(async () => {
+  router = createRouter({
+    history: createWebHistory(),
+    routes: routes
+  })
+
+  router.push('/')
+  await router.isReady()
+})
+
+test('allows authenticated user to edit a post', async () => {
+  const wrapper = mount(Component, {
+    props: {
+      isAuthenticated: true
+    },
+    global: {
+      plugins: [router]
+    }
+  })
+
+  const push = jest.spyOn(router, 'push')
+  await wrapper.find('button').trigger('click')
+
+  expect(push).toHaveBeenCalledTimes(1)
+  expect(push).toHaveBeenCalledWith('/posts/1/edit')
+})
+```
+
+对于那些喜欢非手动方法的人，Posva 创建的库 [vue-router-mock](https://github.com/posva/vue-router-mock) 也可以作为替代方案。
+
+## 结论
+
+- 你可以在测试中使用真实的路由器实例。
+- 但是有一些注意事项：Vue Router 4 是异步的，我们需要在编写测试时考虑这一点。
+- 对于更复杂的应用程序，请考虑模拟路由器的依赖项，且专注于测试底层逻辑。
+- 尽可能利用测试运行器的测试替身来模拟功能。
+- 使用 `global.mocks` 来模拟全局依赖项，例如 `this.$route` 和 `this.$router`。
diff --git a/docs/zh/guide/advanced/vuex.md b/docs/zh/guide/advanced/vuex.md
new file mode 100644
index 000000000..5954b8fea
--- /dev/null
+++ b/docs/zh/guide/advanced/vuex.md
@@ -0,0 +1,303 @@
+# 测试 Vuex
+
+Vuex 只是一个实现细节；在测试使用 Vuex 的组件时不需要特别处理。尽管如此，还是有一些技巧可以使你的测试更易读和易写。我们将在这里讨论它们。
+
+本指南假设你对 Vuex 已经熟悉。Vuex 4 是与 Vue.js 3 一起使用的版本。可以在[这里](https://next.vuex.vuejs.org/)阅读文档。
+
+## 简单示例
+
+以下是一个简单的 Vuex store 和一个依赖于 Vuex store 的组件：
+
+```js
+import { createStore } from 'vuex'
+
+const store = createStore({
+  state() {
+    return {
+      count: 0
+    }
+  },
+  mutations: {
+    increment(state: any) {
+      state.count += 1
+    }
+  }
+})
+```
+
+这个 store 简单地存储了一个计数，当提交 `increment` mutation 时增加计数。以下是我们将要测试的组件：
+
+```js
+const App = {
+  template: `
+    <div>
+      <button @click="increment" />
+      Count: {{ count }}
+    </div>
+  `,
+  computed: {
+    count() {
+      return this.$store.state.count
+    }
+  },
+  methods: {
+    increment() {
+      this.$store.commit('increment')
+    }
+  }
+}
+```
+
+## 使用真实的 Vuex store 进行测试
+
+为了充分测试这个组件和 Vuex store 的工作情况，我们将点击 `<button>` 并断言计数是否增加。在你的 Vue 应用中，通常在 `main.js` 中，你可以这样安装 Vuex：
+
+```js
+const app = createApp(App)
+app.use(store)
+```
+
+这是因为 Vuex 是一个插件。插件通过调用 `app.use` 并传入插件来应用。
+
+Vue Test Utils 也允许你使用 `global.plugins` 挂载选项安装插件。
+
+```js
+import { createStore } from 'vuex'
+
+const store = createStore({
+  state() {
+    return {
+      count: 0
+    }
+  },
+  mutations: {
+    increment(state: any) {
+      state.count += 1
+    }
+  }
+})
+
+test('vuex', async () => {
+  const wrapper = mount(App, {
+    global: {
+      plugins: [store]
+    }
+  })
+
+  await wrapper.find('button').trigger('click')
+
+  expect(wrapper.html()).toContain('Count: 1')
+})
+```
+
+在安装插件后，我们使用 `trigger` 点击按钮并断言 `count` 是否增加。这种测试覆盖了不同系统之间的交互 (在这种情况下是组件和 store)，称为集成测试。
+
+## 使用模拟 store 进行测试
+
+相比之下，单元测试可能会将组件和 store 分开进行测试。如果你有一个非常大的应用程序和复杂的 store ，这可能会很有用。对于这种用例，你可以使用 `global.mocks` 模拟这个 store 中你感兴趣的部分：
+
+```js
+test('vuex using a mock store', async () => {
+  const $store = {
+    state: {
+      count: 25
+    },
+    commit: jest.fn()
+  }
+
+  const wrapper = mount(App, {
+    global: {
+      mocks: {
+        $store
+      }
+    }
+  })
+
+  expect(wrapper.html()).toContain('Count: 25')
+  await wrapper.find('button').trigger('click')
+  expect($store.commit).toHaveBeenCalled()
+})
+```
+
+相较于使用真实的 Vuex store 并通过 `global.plugins` 安装它，取而代之的是，我们创建了自己的模拟 store，仅实现了 Vuex 用在该组件中的部分 (在这种示例中是 `state` 和 `commit` 函数)。
+
+虽然隔离测试 store 似乎很方便，但请注意，如果你破坏了 Vuex store 是不会收到任何警告的。请仔细考虑要模拟 Vuex store 还是使用真实的 store，并理解其中的权衡。
+
+## 隔离测试 Vuex
+
+你可能希望完全隔离测试你的 Vuex mutation 或 action，特别是当它们很复杂时。因为 Vuex store 只是常规的 JavaScript，所它需要 Vue Test Utils。以下是不通过 Vue Test Utils 测试 `increment` mutation 的方式：
+
+```js
+test('increment mutation', () => {
+  const store = createStore({
+    state: {
+      count: 0
+    },
+    mutations: {
+      increment(state) {
+        state.count += 1
+      }
+    }
+  })
+
+  store.commit('increment')
+
+  expect(store.state.count).toBe(1)
+})
+```
+
+## 预设 Vuex state
+
+有时在特定的状态下获得 Vuex store 是对测试非常有帮助的。除了 `global.mocks`，我们还有一个技巧，就是创建一个 `createStore` 的包装函数，并接受一个参数来设置初始状态。在这个示例中，我们扩展 `increment` 以接受一个附加参数，该参数将被添加到 `state.count` 上。如果未提供该参数，我们只将 `state.count` 增加 1。
+
+```js
+const createVuexStore = (initialState) =>
+  createStore({
+    state: {
+      count: 0,
+      ...initialState
+    },
+    mutations: {
+      increment(state, value = 1) {
+        state.count += value
+      }
+    }
+  })
+
+test('increment mutation without passing a value', () => {
+  const store = createVuexStore({ count: 20 })
+  store.commit('increment')
+  expect(store.state.count).toBe(21)
+})
+
+test('increment mutation with a value', () => {
+  const store = createVuexStore({ count: -10 })
+  store.commit('increment', 15)
+  expect(store.state.count).toBe(5)
+})
+```
+
+通过创建一个接受初始状态的 `createVuexStore` 函数，我们可以轻松设置初始状态。这使我们能够测试所有边界情况，同时简化我们的测试。
+
+这份 [Vue 测试手册](https://lmiller1990.github.io/vue-testing-handbook/testing-vuex.html)中有更多关于测试 Vuex 的示例。注意：这些示例适用于 Vue.js 2 和 Vue Test Utils v1。但思想和概念是相同的。Vue 测试手册将来会更新，以适用于 Vue.js 3 和 Vue Test Utils 2。
+
+## 使用组合 API 进行测试
+
+在使用组合 API 时，可以通过 `useStore` 函数访问 Vuex。[在这里阅读更多相关内容](https://next.vuex.vuejs.org/guide/composition-api.html)。
+
+如 [Vuex 文档中所述](https://next.vuex.vuejs.org/guide/typescript-support.html#typing-usestore-composition-function)，`useStore` 可以与可选的唯一注入键一起使用。
+
+它看起来像这样：
+
+```js
+import { createStore } from 'vuex'
+import { createApp } from 'vue'
+
+// 创建一个全局唯一的符号作为注入键
+const key = Symbol()
+
+const App = {
+  setup() {
+    // 使用唯一键访问 store
+    const store = useStore(key)
+  }
+}
+
+const store = createStore({
+  /* ... */
+})
+const app = createApp({
+  /* ... */
+})
+
+// 在调用 app.use(store) 时指定键作为第二个参数
+app.use(store, key)
+```
+
+为了避免在每次使用 `useStore` 时重复传递键参数，Vuex 文档建议将该逻辑提取到一个辅助函数中，并重用该函数，而不是使用默认的 `useStore` 函数。[在这里阅读更多内容](https://next.vuex.vuejs.org/guide/typescript-support.html#typing-usestore-composition-function)。使用 Vue Test Utils 提供存储的方法取决于组件中 `useStore` 函数的使用方式。
+
+### 测试不使用注入键的 `useStore` 的组件
+
+如果不使用注入键，store 里的数据可以通过全局 `provide` 挂载选项直接注入到组件中。注入的 store 名称必须与组件中的名称相同，例如 “store”。
+
+#### 提供未键入的 `useStore` 示例
+
+```js
+import { createStore } from 'vuex'
+
+const store = createStore({
+  // ...
+})
+
+const wrapper = mount(App, {
+  global: {
+    provide: {
+      store: store
+    }
+  }
+})
+```
+
+### 测试使用注入键的 `useStore` 的组件
+
+当使用带有注入键的 store 时，之前的方法将无法工作。store 实例将不会从 `useStore` 返回。为了访问正确的 store，我们需要提供标识符。
+
+它必须是传递给组件的 `setup` 函数中 `useStore` 的确切键，或者在自定义辅助函数中调用 `useStore` 时使用的键。由于 JavaScript symbols 是唯一的且无法重建，最好从真实的 store 中导出该键。
+
+你可以使用 `global.provide` 和正确的键来注入 store，或者使用 `global.plugins` 安装 store 并指定键
+
+#### 使用 `global.provide` 提供带有键的 `useStore`
+
+```js
+// store.js
+export const key = Symbol()
+```
+
+```js
+// app.spec.js
+import { createStore } from 'vuex'
+import { key } from './store'
+
+const store = createStore({
+  /* ... */
+})
+
+const wrapper = mount(App, {
+  global: {
+    provide: {
+      [key]: store
+    }
+  }
+})
+```
+
+#### 使用 `global.plugins` 提供带有键的 `useStore`
+
+```js
+// store.js
+export const key = Symbol()
+```
+
+```js
+// app.spec.js
+import { createStore } from 'vuex'
+import { key } from './store'
+
+const store = createStore({
+  /* ... */
+})
+
+const wrapper = mount(App, {
+  global: {
+    // 要传递选项给插件，请使用数组语法。
+    plugins: [[store, key]]
+  }
+})
+```
+
+## 结论
+
+- 使用 `global.plugins` 以插件形式安装 Vuex
+- 使用 `global.mocks` 模拟诸如 Vuex 的全局对象，以满足高级用例
+- 考虑单独测试复杂的 Vuex mutation 和 action
+- 使用 `createStore` 的包装函数，以便接收参数设置特定的测试场景
diff --git a/docs/zh/guide/essentials/a-crash-course.md b/docs/zh/guide/essentials/a-crash-course.md
new file mode 100644
index 000000000..fb3267f14
--- /dev/null
+++ b/docs/zh/guide/essentials/a-crash-course.md
@@ -0,0 +1,248 @@
+# 快速上手
+
+让我们直接开始吧！通过构建一个简单的待办事项应用程序并逐步编写测试，来学习 Vue Test Utils (VTU)。本指南将涵盖以下内容：
+
+- 挂载组件
+- 查找元素
+- 填写表单
+- 触发事件
+
+## 开始
+
+我们将从一个简单的 `TodoApp` 组件开始，该组件包含一个待办事项：
+
+```vue
+<template>
+  <div></div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const todos = ref([
+  {
+    id: 1,
+    text: 'Learn Vue.js 3',
+    completed: false
+  }
+])
+</script>
+```
+
+## 第一个测试 - 渲染待办事项
+
+我们将编写第一个测试以验证待办事项被渲染。先看测试代码，然后讨论每个部分：
+
+```js
+import { mount } from '@vue/test-utils'
+import TodoApp from './TodoApp.vue'
+
+test('renders a todo', () => {
+  const wrapper = mount(TodoApp)
+
+  const todo = wrapper.get('[data-test="todo"]')
+
+  expect(todo.text()).toBe('Learn Vue.js 3')
+})
+```
+
+我们首先导入 `mount`——这是在 VTU 中渲染组件的主要方式。使用 `test` 函数声明一个测试，并给出简短的描述。`test` 和 `expect` 函数在大多数测试运行器中是全局可用的 (此示例使用 [Jest](https://jestjs.io/))。如果 `test` 和 `expect` 看起来令人困惑，Jest 文档中有一个[更简单的示例](https://jestjs.io/docs/getting-started)，可以帮助你理解它们的用法和工作原理。
+
+接下来，我们调用 `mount` 并将组件作为第一个参数传入——这是几乎每个测试都会执行的操作。根据约定，我们将结果赋值给一个名为 `wrapper` 的变量，因为 `mount` 提供了一个简单的“包装器”，它为测试提供了一些方便的方法。
+
+最后，我们使用另一个在许多测试运行器中常见的全局函数 (也是 Jest 支持的) `expect`。这里的想法是，我们断言或*期望 (expect)* 实际输出的与我们认为的相匹配。在这个例子中，我们使用选择器 `data-test="todo"` 查找在 DOM 中形如 `<div data-test="todo">...</div>` 的元素。然后我们调用 `text` 方法获取内容，并期望它是 `'Learn Vue.js 3'`。
+
+> 使用 `data-test` 选择器并不是必需的，但它可以使你的测试更加稳定。随着应用程序的增长，class 和 id 往往会变化或移动，而通过使用 `data-test`，其他开发人员可以清楚地知道哪些元素在测试中被使用，并且不应更改。
+
+## 使测试通过
+
+如果我们现在运行这个测试，它会失败，并显示以下错误信息：`Unable to get [data-test="todo"]`。这是因为我们没有渲染任何待办事项，因此 `get()` 调用未能返回一个包装器 (记住，VTU 将所有组件和 DOM 元素包装在一个带有一些实用方法的 “包装器 (wrapper)” 中)。让我们更新 `TodoApp.vue` 中的 `<template>` 来渲染 `todos` 数组：
+
+```vue
+<template>
+  <div>
+    <div v-for="todo in todos" :key="todo.id" data-test="todo">
+      {{ todo.text }}
+    </div>
+  </div>
+</template>
+```
+
+通过这个更改，测试通过了。恭喜你！你编写了第一个组件测试。
+
+## 添加新的待办事项
+
+我们将添加的下一个功能是允许用户创建新的待办事项。为此，我们需要一个包含输入框的表单，用户可以在其中输入文本。当用户提交表单时，我们期望新的待办事项被渲染。测试如下：
+
+```js
+import { mount } from '@vue/test-utils'
+import TodoApp from './TodoApp.vue'
+
+test('creates a todo', () => {
+  const wrapper = mount(TodoApp)
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(1)
+
+  wrapper.get('[data-test="new-todo"]').setValue('New todo')
+  wrapper.get('[data-test="form"]').trigger('submit')
+
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2)
+})
+```
+
+和往常一样，我们首先使用 `mount` 渲染元素。我们还断言只有 1 个待办事项被渲染，这使得我们确认我们正在添加一个额外的待办事项，正如测试的最后一行所暗示的那样。
+
+我们使用 `setValue` 来更新 `<input>`，这允许我们设置输入的值。
+
+在更新 `<input>` 之后，我们使用 `trigger` 方法来模拟用户提交表单。最后，我们断言待办事项的数量从 1 增加到 2。
+
+如果我们运行这个测试，它显然会失败。让我们更新 `TodoApp.vue` 以包含 `<form>` 和 `<input>` 元素，并使测试通过：
+
+```vue
+<template>
+  <div>
+    <div v-for="todo in todos" :key="todo.id" data-test="todo">
+      {{ todo.text }}
+    </div>
+
+    <form data-test="form" @submit.prevent="createTodo">
+      <input data-test="new-todo" v-model="newTodo" />
+    </form>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const newTodo = ref('')
+const todos = ref([
+  {
+    id: 1,
+    text: 'Learn Vue.js 3',
+    completed: false
+  }
+])
+
+const createTodo = () => {
+  todos.value.push({
+    id: 2,
+    text: newTodo.value,
+    completed: false
+  })
+}
+</script>
+```
+
+我们使用 `v-model` 将数据绑定到 `<input>`，并使用 `@submit` 监听表单提交。当表单被提交时，`createTodo` 被调用，将新的待办事项插入到 `todos` 数组中。
+
+虽然这看起来不错，但运行测试会显示一个错误：
+
+```
+expect(received).toHaveLength(expected)
+
+    Expected length: 2
+    Received length: 1
+    Received array:  [{"element": <div data-test="todo">Learn Vue.js 3</div>}]
+```
+
+待办事项的数量没有增加。问题在于 Jest 以同步方式执行测试，且在最后一个函数调用后立即结束测试。然而，Vue 会异步更新 DOM。所以我们需要将测试标记为 `async`，并在任何可能导致 DOM 变化的方法上调用 `await`。`trigger` 和 `setValue` 都是这样的函数，我们只需在前面添加 `await`，测试就应该按预期工作：
+
+```js
+import { mount } from '@vue/test-utils'
+import TodoApp from './TodoApp.vue'
+
+test('creates a todo', async () => {
+  const wrapper = mount(TodoApp)
+
+  await wrapper.get('[data-test="new-todo"]').setValue('New todo')
+  await wrapper.get('[data-test="form"]').trigger('submit')
+
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2)
+})
+```
+
+现在测试终于通过了！
+
+## 完成待办事项
+
+现在我们可以创建待办事项，让我们给用户增加一个功能，允许他们通过复选框标记待办事项为完成/未完成。像之前一样，让我们从未通过的测试开始：
+
+```js
+import { mount } from '@vue/test-utils'
+import TodoApp from './TodoApp.vue'
+
+test('completes a todo', async () => {
+  const wrapper = mount(TodoApp)
+
+  await wrapper.get('[data-test="todo-checkbox"]').setValue(true)
+
+  expect(wrapper.get('[data-test="todo"]').classes()).toContain('completed')
+})
+```
+
+这个测试与之前的两个测试类似；我们找到一个元素并以相同的方式与之交互 (我们再次使用 `setValue`，因为我们在与 `<input>` 交互)。
+
+最后，我们进行断言。我们将为已完成的待办事项应用一个 `completed` class——我们可以使用这个 class 来添加一些样式，以直观地指示待办事项的状态。
+
+我们可以通过更新 `<template>` 来使这个测试通过，以包含 `<input type="checkbox">` 和对待办事项元素的 class 绑定：
+
+```vue
+<template>
+  <div>
+    <div
+      v-for="todo in todos"
+      :key="todo.id"
+      data-test="todo"
+      :class="[todo.completed ? 'completed' : '']"
+    >
+      {{ todo.text }}
+      <input
+        type="checkbox"
+        v-model="todo.completed"
+        data-test="todo-checkbox"
+      />
+    </div>
+
+    <form data-test="form" @submit.prevent="createTodo">
+      <input data-test="new-todo" v-model="newTodo" />
+    </form>
+  </div>
+</template>
+```
+
+恭喜你！你编写了第一个组件测试。
+
+## 布置、执行、断言
+
+你可能注意到每个测试中的代码之间有一些新行。让我们再次详细查看第二个测试：
+
+```js
+import { mount } from '@vue/test-utils'
+import TodoApp from './TodoApp.vue'
+
+test('creates a todo', async () => {
+  const wrapper = mount(TodoApp)
+
+  await wrapper.get('[data-test="new-todo"]').setValue('New todo')
+  await wrapper.get('[data-test="form"]').trigger('submit')
+
+  expect(wrapper.findAll('[data-test="todo"]')).toHaveLength(2)
+})
+```
+
+测试分为三个不同的阶段，用空行分隔。这三个阶段代表了测试的三个阶段：**布置 (Arrange)**、**执行 (Act)** 和**断言 (Assert)**。
+
+在*布置 (Arrange)* 阶段，我们为测试设置场景。更复杂的示例可能需要创建 Vuex store 或填充数据库。
+
+在*执行 (Act)* 阶段，我们模拟用户如何与组件或应用程序交互。
+
+在*断言 (Assert)* 阶段，我们对组件的当前状态进行断言。
+
+几乎所有测试都将遵循这三个阶段。你不需要像本指南那样用空行将它们分开，但在编写测试时，最好牢记这三个阶段。
+
+## 结论
+
+- 使用 `mount()` 渲染组件。
+- 使用 `get()` 和 `findAll()` 查询 DOM。
+- `trigger()` 和 `setValue()` 是模拟用户输入的助手。
+- 更新 DOM 是一个异步操作，因此请确保使用 `async` 和 `await`。
+- 测试通常由三个阶段组成：安排、执行和断言。
diff --git a/docs/zh/guide/essentials/conditional-rendering.md b/docs/zh/guide/essentials/conditional-rendering.md
new file mode 100644
index 000000000..39bfb9c10
--- /dev/null
+++ b/docs/zh/guide/essentials/conditional-rendering.md
@@ -0,0 +1,147 @@
+# 条件渲染
+
+Vue Test Utils 提供了一系列功能，用于渲染组件并对其状态进行断言，以验证其是否正常工作。本文将探讨如何渲染组件，以及如何验证组件是否正确渲染内容。
+
+这篇文章也提供了[短视频](https://www.youtube.com/watch?v=T3CHtGgEFTs&list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA&index=15)版本。
+
+## 查找元素
+
+Vue 最基础的特性之一是能够使用 `v-if` 动态地插入和移除元素。让我们看看如何测试一个使用了 `v-if` 的组件。
+
+```vue
+<!-- Nav.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const admin = ref(false)
+</script>
+
+<template>
+  <nav>
+    <a id="profile" href="/profile">My Profile</a>
+    <a v-if="admin" id="admin" href="/admin">Admin</a>
+  </nav>
+</template>
+```
+
+在 `<Nav>` 组件中，我们首先显示指向个人资料的链接。此外，如果 `admin` 的值为 `true`，我们还会显示指向管理中心的链接。这里有三个我们需要验证的场景：
+
+1. 显示 `/profile` 链接。
+2. 当用户是管理员时，显示 `/admin` 链接。
+3. 当用户不是管理员时，不显示 `/admin` 链接。
+
+## 使用 `get()`
+
+`wrapper` 有一个 `get()` 方法，用于查找存在的元素。它使用 [`querySelector`](https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector) 语法。
+
+我们可以使用 `get()` 来断言 profile 链接的文本内容：
+
+```js
+test('renders a profile link', () => {
+  const wrapper = mount(Nav)
+
+  // 这里我们隐式断言 #profile 元素存在。
+  const profileLink = wrapper.get('#profile')
+
+  expect(profileLink.text()).toEqual('My Profile')
+})
+```
+
+如果 `get()` 没有找到匹配选择器的元素，它会抛出错误，测试将会失败。如果找到了元素，`get()` 返回一个 `DOMWrapper`。`DOMWrapper` 是一个轻量级的 DOM 元素包装，它实现了 [Wrapper API](../../api/#Wrapper-methods)，这就是为什么我们能够使用 `profileLink.text()` 来访问文本内容。你可以通过 `element` 属性访问原始元素。
+
+还有另一种封装类型：`VueWrapper`，它由 [`getComponent`](../../api/#getComponent) 返回，工作方式相同。
+
+## 使用 `find()` 和 `exists()`
+
+`get()` 基于元素存在的假设来工作，当元素不存在时会抛出错误。因此，不推荐使用它来断言元素是否存在。
+
+为此，我们使用 `find()` 和 `exists()`。下面的测试用例断言：如果 `admin` 为 `false`（默认值），admin 链接不会出现：
+
+```js
+test('does not render an admin link', () => {
+  const wrapper = mount(Nav)
+
+  // 使用 `wrapper.get` 会抛出错误并导致测试失败。
+  expect(wrapper.find('#admin').exists()).toBe(false)
+})
+```
+
+请注意，我们在 `.find()` 返回的值上调用了 `exists()`。`find()` 和 `mount()` 一样，也会返回一个 `wrapper`。`mount()` 有一些额外的方法，因为它包装的是 Vue 组件，而 `find()` 只返回普通的 DOM 节点，但它们之间有许多共享的方法。其他方法还包括 `classes()`，用于获取 DOM 节点的 class 属性，以及用于模拟用户交互的 `trigger()`。你可以在[这里](../../api/#Wrapper-methods)找到支持的方法列表。
+
+## 使用 `data`
+
+最后一个测试是断言当 `admin` 为 `true` 时，会渲染 admin 链接。它的默认值是 `false`，但我们可以使用 `mount()` 的第二个参数，即[挂载选项](../../api/#mount)来覆盖它。
+
+对于 `data`，我们使用恰如其名的 `data` 选项：
+
+```js
+test('renders an admin link', () => {
+  const wrapper = mount(Nav, {
+    data() {
+      return {
+        admin: true
+      }
+    }
+  })
+
+  // 同样，使用 `get()` 时我们隐式地断言了元素存在。
+  expect(wrapper.get('#admin').text()).toEqual('Admin')
+})
+```
+
+如果你在 `data` 中还有其他属性，不用担心，Vue Test Utils 会将两者合并。挂载选项中的 `data` 会优先于任何默认值。
+
+要了解其他挂载选项，请参见[传递数据](../essentials/passing-data.md)或[挂载选项](../../api/#mount)。
+
+## 检查元素可见性
+
+有时你可能只想隐藏/显示一个元素，同时将其保留在 DOM 中。Vue 为这种场景提供了 `v-show` 指令。(你可以在[这里](https://cn.vuejs.org/guide/essentials/conditional.html#v-if-vs-v-show)查阅 `v-if` 和 `v-show` 的区别。)
+
+使用 `v-show` 的组件如下所示：
+
+```vue
+<!-- Nav.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const shouldShowDropdown = ref(false)
+<script>
+
+<template>
+  <nav>
+    <a id="user" href="/profile">My Profile</a>
+    <ul v-show="shouldShowDropdown" id="user-dropdown">
+      <!-- dropdown content -->
+    </ul>
+  </nav>
+</template>
+```
+
+在这种场景下，元素虽然不可见但始终被渲染。`get()` 或 `find()` 将始终返回一个 `Wrapper`——因为**该元素仍然在 DOM 中**，所以 `find()` 结合 `.exists()` 始终返回 `true`。
+
+## 使用 `isVisible()`
+
+`isVisible()` 提供了检查隐藏元素的能力。具体来说，`isVisible()` 会检查：
+
+- 元素或其祖先元素是否具有 `display: none`、`visibility: hidden` 或 `opacity: 0` 样式
+- 元素或其祖先是否位于折叠的 `<details>` 标签内
+- 元素本身或其祖先元素是否有 `hidden` attribute
+
+在以上任一情况下，`isVisible()` 都会返回 false。
+
+使用 `v-show` 进行测试的场景如下：
+
+```js
+test('does not show the user dropdown', () => {
+  const wrapper = mount(Nav)
+
+  expect(wrapper.get('#user-dropdown').isVisible()).toBe(false)
+})
+```
+
+## 总结
+
+- 使用 `find()` 结合 `exists()` 验证元素是否在于 DOM 中。
+- 如果你确认元素存在于 DOM 中，就使用 `get()`。
+- 可以使用 `data` 挂载选项设置组件的默认值。
+- 使用 `get()` 和 `isVisible()` 验证在 DOM 中元素的可见性。
diff --git a/docs/zh/guide/essentials/easy-to-test.md b/docs/zh/guide/essentials/easy-to-test.md
new file mode 100644
index 000000000..23f0e52fe
--- /dev/null
+++ b/docs/zh/guide/essentials/easy-to-test.md
@@ -0,0 +1,123 @@
+# 编写易于测试的组件
+
+Vue Test Utils 帮助你为 Vue 组件编写测试。然而，VTU 的功能是有限的。
+
+以下是一些建议，旨在帮助你编写更易于测试的代码，以及编写有意义且易于维护的测试。
+
+以下列表提供了通用指导，可能在常见场景中派上用场。
+
+## 不要测试实现细节
+
+从用户的角度考虑输入和输出。以下大致是在为 Vue 组件编写测试时应当考虑的所有内容：
+
+| **输入** | 示例                                |
+| -------- | ----------------------------------- |
+| 交互     | 点击、输入……及任何“人类”交互          |
+| Props    | 组件接收的参数                      |
+| 数据流   | 从 API 调用、数据订阅等中传入的数据 |
+
+| **输出** | 示例                         |
+| -------- | ---------------------------- |
+| DOM 元素 | 渲染到文档中的任何可观察节点 |
+| 事件     | 触发的事件（使用 `$emit`）   |
+| 副作用   | 如 `console.log` 或 API 调用 |
+
+**其他一切都是实现细节**。
+
+注意，这个列表不包含内部方法、中间状态或甚至数据等元素。
+
+经验法则是**测试在重构时不应失败**，也就是说，当我们更改其内部实现而不改变其行为时，测试不应失败。如果发生这种情况，则测试可能依赖于实现细节。
+
+例如，假设有一个简单的计数器组件，包含一个增加计数的按钮：
+
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const increment = () => {
+  count.value++
+}
+</script>
+
+<template>
+  <p class="paragraph">Times clicked: {{ count }}</p>
+  <button @click="increment">Increment</button>
+</template>
+```
+
+我们可以编写以下测试：
+
+```js
+import { mount } from '@vue/test-utils'
+import Counter from './Counter.vue'
+
+test('counter text updates', async () => {
+  const wrapper = mount(Counter)
+  const paragraph = wrapper.find('.paragraph')
+
+  expect(paragraph.text()).toBe('Times clicked: 0')
+
+  await wrapper.setData({ count: 2 })
+
+  expect(paragraph.text()).toBe('Times clicked: 2')
+})
+```
+
+注意这里我们在更新其内部数据，并且也依赖于用户视角的细节，如 CSS 类。
+
+:::tip
+注意，更改数据或 CSS 类名都会导致测试失败。然而，组件仍然可以按预期工作。这种情况称为**误报 (false positive)**。
+:::
+
+相反，以下测试尽量使用前文提到的输入和输出：
+
+```js
+import { mount } from '@vue/test-utils'
+
+test('text updates on clicking', async () => {
+  const wrapper = mount(Counter)
+
+  expect(wrapper.text()).toContain('Times clicked: 0')
+
+  const button = wrapper.find('button')
+  await button.trigger('click')
+  await button.trigger('click')
+
+  expect(wrapper.text()).toContain('Times clicked: 2')
+})
+```
+
+像 [Vue Testing Library](https://github.com/testing-library/vue-testing-library/) 这样的库就是基于这些原则构建的。如果你对这种方法感兴趣，一定要看看。
+
+## 构建更小、更简单的组件
+
+根据经验，一个组件的功能越少，它就越容易测试。
+
+构建更小的组件将使它们更易于组合和理解。以下是一些让组件更简单的建议。
+
+### 提取 API 调用
+
+你通常会在应用中执行一些 HTTP 请求。从测试的角度来看，HTTP 请求为组件提供输入，组件也可以发送 HTTP 请求。
+
+:::tip
+如果你不熟悉测试 API 调用，请查看[发起 HTTP 请求](../advanced/http-requests.md)指南。
+:::
+
+### 提取复杂方法
+
+有时，一个组件可能包含复杂的方法、密集的计算或使用多个依赖项。
+
+这里的建议是**提取该方法并将其导入组件**。这样，你可以使用 Jest 或其他测试运行器独立测试该方法。
+
+这样做还有一个好处，就是组件最终会更易于理解，因为复杂的逻辑被封装在另一个文件中。
+
+此外，如果这个复杂方法难以调试或速度较慢，你可能希望对其进行模拟，以使测试更简单和更快速。[发起 HTTP 请求](../advanced/http-requests.md)中的示例就是一个很好的例子——axios 是一个很复杂的库！
+
+## 在编写组件之前编写测试
+
+如果你提前编写测试，就不会写出不可测试的代码！
+
+我们的[快速上手](../essentials/a-crash-course.md)提供了一个示例，说明如何在编写代码之前编写测试，从而使组件可以测试。这也帮助你发现和测试边缘情况。
diff --git a/docs/zh/guide/essentials/event-handling.md b/docs/zh/guide/essentials/event-handling.md
new file mode 100644
index 000000000..5a4b90513
--- /dev/null
+++ b/docs/zh/guide/essentials/event-handling.md
@@ -0,0 +1,154 @@
+# 事件处理
+
+Vue 组件通过 props 和调用 `$emit` 触发事件来进行交互。在本指南中，我们将介绍如何使用 `emitted()` 函数来验证事件是否正确触发。
+
+本文也有[短视频](https://www.youtube.com/watch?v=U_j-nDur4oU&list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA&index=14)可供观看。
+
+## 计数器组件
+
+这是一个简单的 `<Counter>` 组件。它包含一个按钮，当点击时，会增加一个内部计数变量并触发该值的事件：
+
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const emit = defineEmits(['increment'])
+
+const handleClick = () => {
+  count.value += 1
+  emit('increment', count.value)
+}
+</script>
+
+<template>
+  <button @click="handleClick">Increment</button>
+</template>
+```
+
+为了全面测试这个组件，我们需要验证是否触发了带有最新 `count` 值的 `increment` 事件。
+
+## 断言触发的事件
+
+为此，我们将依赖 `emitted()` 方法。它**返回一个对象，包含组件触发的所有事件**，其参数以数组的形式呈现。让我们看看它是如何工作的：
+
+```js
+test('emits an event when clicked', () => {
+  const wrapper = mount(Counter)
+
+  wrapper.find('button').trigger('click')
+  wrapper.find('button').trigger('click')
+
+  expect(wrapper.emitted()).toHaveProperty('increment')
+})
+```
+
+> 如果你之前没有见过 `trigger()`，不要担心。它用于模拟用户交互。你可以在[测试表单](./forms)中了解更多。
+
+首先要注意的是，`emitted()` 返回一个对象，其中每个键都匹配一个已触发的事件。在这个例子中是 `increment`。
+
+这个测试应该通过。我们确保发出了具有适当名称的事件。
+
+## 断言事件的参数
+
+这很好，但我们可以做得更好！我们需要检查在调用 `this.$emit('increment', this.count)` 时是否发出了正确的参数。
+
+我们的下一步是断言事件包含 `count` 值。我们通过将参数传递给 `emitted()` 来实现这一点。
+
+```js {9}
+test('emits an event with count when clicked', () => {
+  const wrapper = mount(Counter)
+
+  wrapper.find('button').trigger('click')
+  wrapper.find('button').trigger('click')
+
+  // `emitted()` 接受一个参数。它返回一个包含所有 `this.$emit('increment')` 发生情况的数组。
+  const incrementEvent = wrapper.emitted('increment')
+
+  // 我们“点击”了两次，所以 `increment` 的数组应该有两个值。
+  expect(incrementEvent).toHaveLength(2)
+
+  // 断言第一次点击的结果。
+  // 注意，值是一个数组。
+  expect(incrementEvent[0]).toEqual([1])
+
+  // 然后是第二次的结果。
+  expect(incrementEvent[1]).toEqual([2])
+})
+```
+
+让我们回顾一下并分解 `emitted()` 的输出。每个键都包含测试期间触发的不同值：
+
+```js
+// console.log(wrapper.emitted('increment'))
+[
+  [1], // 第一次调用时，`count` 为 1
+  [2] // 第二次调用时，`count` 为 2
+]
+```
+
+## 断言复杂事件
+
+假设我们的 `<Counter>` 组件现在需要触发一个包含附加信息的对象。例如，我们需要告诉任何监听 `@increment` 事件的父组件 `count` 是偶数还是奇数：
+
+```vue
+<!-- Counter.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+
+const emit = defineEmits(['increment'])
+
+const handleClick = () => {
+  count.value += 1
+  emit('increment', {
+    count: count.value,
+    isEven: count.value % 2 === 0,
+  })
+}
+</script>
+
+<template>
+  <button @click="handleClick">Increment</button>
+</template>
+```
+
+正如我们之前所做的那样，我们需要在 `<button>` 元素上触发 `click` 事件。然后，我们使用 `emitted('increment')` 来确保触发了正确的值。
+
+```js
+test('emits an event with count when clicked', () => {
+  const wrapper = mount(Counter)
+
+  wrapper.find('button').trigger('click')
+  wrapper.find('button').trigger('click')
+
+  // 我们“点击”了两次，因此 `increment` 的数组应该有两个值。
+  expect(wrapper.emitted('increment')).toHaveLength(2)
+
+  // 然后，我们可以确保 `wrapper.emitted('increment')` 的每个元素包含一个带有预期对象的数组。
+  expect(wrapper.emitted('increment')[0]).toEqual([
+    {
+      count: 1,
+      isEven: false
+    }
+  ])
+
+  expect(wrapper.emitted('increment')[1]).toEqual([
+    {
+      count: 2,
+      isEven: true
+    }
+  ])
+})
+```
+
+测试复杂事件负载 (如对象) 与测试简单值 (如数字或字符串) 没有区别。
+
+## 结论
+
+- 使用 `emitted()` 来访问从 Vue 组件触发的事件。
+- `emitted(eventName)` 返回一个数组，其中每个元素代表一个已触发的事件。
+- 参数存储在 `emitted(eventName)[index]` 中，按触发顺序以数组形式呈现。
diff --git a/docs/zh/guide/essentials/forms.md b/docs/zh/guide/essentials/forms.md
new file mode 100644
index 000000000..382a01bb7
--- /dev/null
+++ b/docs/zh/guide/essentials/forms.md
@@ -0,0 +1,393 @@
+# 表单处理
+
+在 Vue 中，表单可以是简单的 HTML 表单，也可以是复杂的嵌套自定义 Vue 组件表单元素。我们将逐步了解如何与表单元素交互、赋值和触发事件。
+
+我们主要使用的方法是 `setValue()` 和 `trigger()`。
+
+## 与表单元素交互
+
+让我们看一个非常基本的表单：
+
+```vue
+<!-- Form.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const email = ref('')
+const emit = defineEmits(['submit'])
+
+const submit = () => {
+  emit('submit', email.value)
+}
+</script>
+
+<template>
+  <div>
+    <input type="email" v-model="email" />
+
+    <button @click="submit">Submit</button>
+  </div>
+</template>
+```
+
+### 给元素赋值
+
+在 Vue 中，将输入绑定到数据的最常见方法是使用 `v-model`。你可能知道，它会处理每个表单元素发出的事件，且可以接受一些 props 使表单元素的工作变得更容易。
+
+要在 VTU 中更改输入的值，可以使用 `setValue()` 方法。它接受一个参数，通常是一个 `String` 或 `Boolean`，并返回一个 `Promise`，在 Vue 更新 DOM 后完成解析。
+
+```js
+test('sets the value', async () => {
+  const wrapper = mount(Component)
+  const input = wrapper.find('input')
+
+  await input.setValue('my@mail.com')
+
+  expect(input.element.value).toBe('my@mail.com')
+})
+```
+
+如你所见，`setValue` 将输入元素的 `value` 属性设置为我们传递的值。
+
+我们使用 `await` 确保在进行任何断言之前，Vue 已经完成更新并且这些更新已反映在 DOM 中。
+
+### 触发事件
+
+触发事件是处理表单和可交互元素时的第二个重要操作。让我们看看之前示例中的 `button`。
+
+```html
+<button @click="submit">Submit</button>
+```
+
+要触发点击事件，我们可以使用 `trigger` 方法。
+
+```js
+test('trigger', async () => {
+  const wrapper = mount(Component)
+
+  // 触发元素
+  await wrapper.find('button').trigger('click')
+
+  // 断言某个操作已执行，例如发出事件。
+  expect(wrapper.emitted()).toHaveProperty('submit')
+})
+```
+
+> 如果你之前没有见过 `emitted()`，不要担心。它用于断言组件发出的事件。你可以在[事件处理](./event-handling)中了解更多。
+
+我们触发 `click` 事件监听器，以便组件执行 `submit` 方法。与 `setValue` 一样，我们使用 `await` 确保操作已被 Vue 处理。
+
+然后我们可以断言某个操作是否发生。在这种情况下，我们确认发出了正确的事件。
+
+让我们将这两个结合起来，测试这个简单的表单是否发出了用户输入。
+
+```js
+test('emits the input to its parent', async () => {
+  const wrapper = mount(Component)
+
+  // 设置值
+  await wrapper.find('input').setValue('my@mail.com')
+
+  // 触发元素
+  await wrapper.find('button').trigger('click')
+
+  // 断言 `submit` 事件被发出
+  expect(wrapper.emitted('submit')[0][0]).toBe('my@mail.com')
+})
+```
+
+## 高级工作流
+
+现在我们知道了基础知识，让我们深入更复杂的示例。
+
+### 与各种表单元素的协作
+
+我们看到 `setValue` 可以与输入元素一起使用，事实上它可以给更多元类型的输入元素赋值，因此它非常全能。
+
+让我们看一个更复杂的表单，它包含更多类型的输入。
+
+```vue
+<!-- FormComponent.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const form = ref({
+  email: '',
+  description: '',
+  city: '',
+  subscribe: false,
+  interval: ''
+})
+const emit = defineEmits(['submit'])
+
+const submit = () => {
+  emit('submit', { ...form.value })
+}
+</script>
+
+
+<template>
+  <form @submit.prevent="submit">
+    <input type="email" v-model="form.email" />
+
+    <textarea v-model="form.description" />
+
+    <select v-model="form.city">
+      <option value="new-york">New York</option>
+      <option value="moscow">Moscow</option>
+    </select>
+
+    <input type="checkbox" v-model="form.subscribe" />
+
+    <input type="radio" value="weekly" v-model="form.interval" />
+    <input type="radio" value="monthly" v-model="form.interval" />
+
+    <button type="submit">Submit</button>
+  </form>
+</template>
+```
+
+我们扩展的 Vue 组件稍微长一些，包含更多输入类型，并且 `submit` 处理程序已移至 `<form/>` 元素。
+
+就像我们为 `input` 赋值一样，我们也可以为表单中的所有其他输入赋值。
+
+```js
+import { mount } from '@vue/test-utils'
+import FormComponent from './FormComponent.vue'
+
+test('submits a form', async () => {
+  const wrapper = mount(FormComponent)
+
+  await wrapper.find('input[type=email]').setValue('name@mail.com')
+  await wrapper.find('textarea').setValue('Lorem ipsum dolor sit amet')
+  await wrapper.find('select').setValue('moscow')
+  await wrapper.find('input[type=checkbox]').setValue()
+  await wrapper.find('input[type=radio][value=monthly]').setValue()
+})
+```
+
+如你所见，`setValue` 是一个非常全能的方法。它可以与所有类型的表单元素一起使用。
+
+我们在每个地方都使用 `await`，以确保在触发下一个事件之前，每个更改都已生效。这是推荐的做法，以确保在 DOM 更新后进行断言。
+
+::: tip
+如果你处理 `OPTION`、`CHECKBOX` 或 `RADIO` 时没有给 `setValue` 传递参数，它们将被设置为 `checked`。
+:::
+
+我们已经为表单赋值，现在该提交表单并进行一些断言了。
+
+### 触发复杂事件监听器
+
+事件监听器并不总是服务于简单的 `click` 事件。Vue 允许你监听各种 DOM 事件，添加特殊修饰符如 `.prevent` 等。让我们看看如何测试这些。
+
+在上面的表单中，我们将事件从 `button` 移动到 `form` 元素。这是一个好的实践，因为这样可以通过按 `enter` 键提交表单，这是一种更原生的方式。
+
+要触发 `submit` 处理程序，我们再次使用 `trigger` 方法。
+
+```js {14,16-22}
+test('submits the form', async () => {
+  const wrapper = mount(FormComponent)
+
+  const email = 'name@mail.com'
+  const description = 'Lorem ipsum dolor sit amet'
+  const city = 'moscow'
+
+  await wrapper.find('input[type=email]').setValue(email)
+  await wrapper.find('textarea').setValue(description)
+  await wrapper.find('select').setValue(city)
+  await wrapper.find('input[type=checkbox]').setValue()
+  await wrapper.find('input[type=radio][value=monthly]').setValue()
+
+  await wrapper.find('form').trigger('submit.prevent')
+
+  expect(wrapper.emitted('submit')[0][0]).toStrictEqual({
+    email,
+    description,
+    city,
+    subscribe: true,
+    interval: 'monthly'
+  })
+})
+```
+
+要测试事件修饰符，我们直接将事件字符串 `submit.prevent` 复制粘贴到 `trigger` 中。`trigger` 可以读取传递的事件及其所有修饰符，并选择性地应用必要的内容。
+
+::: tip
+诸如 `.prevent` 和 `.stop` 的原生事件修饰符是 Vue 特有的，因此我们不需要测试它们，Vue 内部已经对此进行了测试。
+:::
+
+然后我们进行简单的断言，检查表单是否发出了正确的事件和载荷。
+
+#### 原生表单提交
+
+在 `<form>` 元素上触发 `submit` 事件模拟浏览器在表单提交时的行为。如果我们想以更自然的方式触发表单提交，可以触发提交按钮上的 `click` 事件。由于未连接到 `document` 的表单元素无法提交，因此根据 [HTML 规范](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#form-submission-algorithm)，我们需要使用 [`attachTo`](../../api/#attachTo) 将包装器的元素连接起来。
+
+#### 同一事件上的多个修饰符
+
+假设你有一个非常详细和复杂的表单，具有特殊的交互处理。我们该如何测试呢？
+
+```html
+<input @keydown.meta.c.exact.prevent="captureCopy" v-model="input" />
+```
+
+假设我们有一个输入框，当用户按下 `cmd` + `c` 时处理，并希望拦截并阻止其复制。测试这非常简单，只需将事件从组件复制到 `trigger()` 方法中。
+
+```js
+test('handles complex events', async () => {
+  const wrapper = mount(Component)
+
+  await wrapper.find(input).trigger('keydown.meta.c.exact.prevent')
+
+  // 运行你的断言
+})
+```
+
+Vue Test Utils 会读取事件并将适当的属性应用于事件对象。在这种情况下，它将匹配如下内容：
+
+```js
+{
+  // ... 其他属性
+  "key": "c",
+  "metaKey": true
+}
+```
+
+#### 向事件添加额外数据
+
+假设你的代码需要从 `event` 对象中获取一些信息。你可以通过将额外数据作为第二个参数来测试这种情况。
+
+```vue
+<!-- Form.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const inputValue = ref('')
+const emit = defineEmits(['focus-lost'])
+
+const handleBlur = (event) => {
+  if (event.relatedTarget.tagName === 'BUTTON') {
+    emit('focus-lost')
+  }
+}
+</script>
+
+<template>
+  <form>
+    <input type="text" v-model="inputValue" @blur="handleBlur" />
+    <button>Submit</button>
+  </form>
+</template>
+```
+
+```js
+import Form from './Form.vue'
+
+test('emits an event only if you lose focus to a button', () => {
+  const wrapper = mount(Form)
+
+  const componentToGetFocus = wrapper.find('button')
+
+  wrapper.find('input').trigger('blur', {
+    relatedTarget: componentToGetFocus.element
+  })
+
+  expect(wrapper.emitted('focus-lost')).toBeTruthy()
+})
+```
+
+这里我们假设代码在 `event` 对象内部检查 `relatedTarget` 是否为按钮。我们可以简单地传递对该元素的引用，模拟用户在 `input` 中输入内容后点击 `button` 的情况。
+
+## 与 Vue 组件输入交互
+
+输入不仅仅是普通元素。我们经常使用和输入控件行为相似的 Vue 组件。它们可以通过添加标记、样式和许多功能使其更易用。
+
+测试使用这些输入组件的表单起初可能会让人感到棘手，但遵循一些简单的规则后，它很快就变得轻松。
+
+以下是一个包装 `label` 和 `input` 元素的组件：
+
+```vue
+<!-- CustomInput.vue -->
+<script setup>
+defineProps(['modelValue', 'label'])
+</script>
+
+<template>
+  <label>
+    {{ label }}
+    <input
+      type="text"
+      :value="modelValue"
+      @input="$emit('update:modelValue', $event.target.value)"
+    />
+  </label>
+</template>
+```
+
+这个 Vue 组件也会回显用户输入。使用它的方法如下：
+
+```html
+<custom-input v-model="input" label="Text Input" class="text-input" />
+```
+
+与普通元素一样，这些基于 Vue 的输入组件通常内部都有一个真实的 `button` 或 `input`。你可以轻松找到该元素并对其进行操作：
+
+```js
+test('fills in the form', async () => {
+  const wrapper = mount(CustomInput)
+
+  await wrapper.find('.text-input input').setValue('text')
+
+  // 继续进行断言或操作，例如提交表单、断言 DOM 等…
+})
+```
+
+### 测试复杂输入组件
+
+如果你的输入组件不那么简单怎么办？你可能正在使用 UI 库，例如 Vuetify。如果你依赖内部标记以找到正确的元素，那么如果外部库更改其内部结构，你的测试可能会失败。
+
+在这种情况下，你可以直接使用组件实例和 `setValue` 来赋值。
+
+假设我们有一个使用 Vuetify 文本区域的表单：
+
+```vue
+<!-- CustomTextarea.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const description = ref('')
+const emit = defineEmits(['submitted'])
+
+const handleSubmit = () => {
+  emit('submitted', description.value)
+}
+</script>
+
+<template>
+  <form @submit.prevent="handleSubmit">
+    <v-textarea v-model="description" ref="description" />
+    <button type="submit">Send</button>
+  </form>
+</template>
+```
+
+我们可以使用 `findComponent` 找到组件实例，然后给它赋值。
+
+```js
+test('emits textarea value on submit', async () => {
+  const wrapper = mount(CustomTextarea)
+  const description = 'Some very long text...'
+
+  await wrapper.findComponent({ ref: 'description' }).setValue(description)
+
+  wrapper.find('form').trigger('submit')
+
+  expect(wrapper.emitted('submitted')[0][0]).toEqual(description)
+})
+```
+
+## 结论
+
+- 使用 `setValue` 给 DOM 输入元素和 Vue 组件赋值。
+- 使用 `trigger` 触发 DOM 事件，包括带有和不带修饰符的事件。
+- 使用第二个参数向 `trigger` 添加额外的事件数据。
+- 断言 DOM 发生了变化，并且发出了正确的事件。尽量不要对组件实例上的数据进行断言。
diff --git a/docs/zh/guide/essentials/passing-data.md b/docs/zh/guide/essentials/passing-data.md
new file mode 100644
index 000000000..09337ff15
--- /dev/null
+++ b/docs/zh/guide/essentials/passing-data.md
@@ -0,0 +1,119 @@
+# 传递数据到组件
+
+Vue Test Utils 提供了几种方法来设置组件的数据和属性，以便你可以在不同场景下充分测试组件的行为。
+
+在本节中，我们将探讨 `data` 和 `props` 的挂载选项，以及 `VueWrapper.setProps()`，以动态更新组件接收的属性。
+
+## 密码组件
+
+我们将通过构建一个 `<Password>` 组件来演示上述功能。该组件验证密码是否符合某些标准，例如长度和复杂性。我们将从以下代码开始，并添加功能以及测试以确保这些功能正常工作：
+
+```vue
+<!-- Password.vue -->
+<script setup>
+import { ref } from 'vue'
+const password = ref('')
+</script>
+
+<template>
+  <div>
+    <input v-model="password" />
+  </div>
+</template>
+```
+
+我们将添加的第一个要求是最小长度。
+
+## 使用 `props` 设置最小长度
+
+我们希望在所有项目中重用此组件，而每个项目可能有不同的要求。因此，我们将把 `minLength` 作为一个 **prop** 传递给 `<Password>` 组件：
+
+如果 `password` 的长度小于 `minLength`，我们将显示一个错误。我们可以通过创建一个 `error` 计算属性，并使用 `v-if` 有条件地渲染它来实现：
+
+```vue
+<!-- Password.vue -->
+<script setup>
+import { ref, computed } from 'vue'
+
+const props = defineProps(['minLength'])
+const password = ref('')
+
+const error = computed(() => {
+  if (password.value.length < props.minLength) {
+    return `Password must be at least ${props.minLength} characters.`
+  }
+  return
+})
+<script>
+
+<template>
+  <div>
+    <input v-model="password" />
+    <div v-if="error">{{ error }}</div>
+  </div>
+</template>
+```
+
+为了测试这一点，我们需要设置 `minLength` 以及一个小于该数字的 `password`。我们可以使用 `data` 和 `props` 的挂载选项来实现。最后，我们将断言错误消息是否被正确渲染：
+
+```js
+test('renders an error if length is too short', () => {
+  const wrapper = mount(Password, {
+    props: {
+      minLength: 10
+    },
+    data() {
+      return {
+        password: 'short'
+      }
+    }
+  })
+
+  expect(wrapper.html()).toContain('密码必须至少包含 10 个字符')
+})
+```
+
+编写 `maxLength` 规则的测试留给读者作为练习！另一种实现方式是使用 `setValue` 更新输入为过短的密码。你可以在[测试表单](./forms)部分了解更多信息。
+
+## 使用 `setProps`
+
+有时你可能需要编写测试来验证属性更改的副作用。这个简单的 `<Show>` 组件在 `show` 属性为 `true` 时渲染一个问候语。
+
+```vue
+<!-- Show.vue -->
+<script setup>
+import { ref } from 'vue'
+
+const { show = true } = defineProps(['show'])
+const greeting = ref('Hello')
+</script>
+
+<template>
+  <div v-if="show">{{ greeting }}</div>
+</template>
+```
+
+为了全面测试这一点，我们可能想要验证 `greeting` 是否默认渲染。我们可以使用 `setProps()` 更新 `show` 属性，这将导致 `greeting` 被隐藏：
+
+```js
+import { mount } from '@vue/test-utils'
+import Show from './Show.vue'
+
+test('renders a greeting when show is true', async () => {
+  const wrapper = mount(Show)
+  expect(wrapper.html()).toContain('Hello')
+
+  await wrapper.setProps({ show: false })
+
+  expect(wrapper.html()).not.toContain('Hello')
+})
+```
+
+我们在调用 `setProps()` 时也使用了 `await` 关键字，以确保在断言运行之前 DOM 已被更新。
+
+## 结论
+
+- 使用 `props` 和 `data` 的挂载选项预设组件的状态。
+- 使用 `setProps()` 在测试期间更新属性。
+- 在 `setProps()` 前使用 `await` 关键字，以确保 Vue 在测试继续之前会更新 DOM。
+- 直接与组件交互可以提供更大的覆盖率。考虑结合使用 `setValue` 或 `trigger` 以及 `data` 来确保一切正常工作。
diff --git a/docs/zh/guide/extending-vtu/community-learning.md b/docs/zh/guide/extending-vtu/community-learning.md
new file mode 100644
index 000000000..b9659722e
--- /dev/null
+++ b/docs/zh/guide/extending-vtu/community-learning.md
@@ -0,0 +1,8 @@
+# 社区与学习资源
+
+- [Vue 3 Testing Handbook](https://lmiller1990.github.io/vue-testing-handbook/v3/)。在线指南。
+- [Become a Ninja with Vue 3](https://books.ninja-squad.com/vue)。电子书和在线课程。
+- [Vue.js 3：The Composition API](https://vuejs-course.com/composition-api)。在线课程 (包括一个测试模块)。
+- [Testing Vue 3 apps with Vue Test Utils](https://www.youtube.com/playlist?list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA)。视频播放列表。
+- [Testing Vue.js Components](https://vueschool.io/courses/learn-how-to-test-vuejs-components?friend=vth)。在线课程。
+- [Front-end Testing and a tale of three users](https://afontcu.dev/frontend-testing-code-consumers/)。博客文章。
diff --git a/docs/zh/guide/extending-vtu/plugins.md b/docs/zh/guide/extending-vtu/plugins.md
new file mode 100644
index 000000000..31d602b51
--- /dev/null
+++ b/docs/zh/guide/extending-vtu/plugins.md
@@ -0,0 +1,181 @@
+# 插件
+
+插件为 Vue Test Utils 的 API 添加全局功能。这是为 Vue Test Utils 的 API 扩展自定义逻辑、方法或功能的官方方式。
+
+插件的使用场景：
+
+1. 为现有的公共方法创建别名
+2. 为 Wrapper 实例添加匹配器
+3. 为 Wrapper 添加功能
+
+## Wrapper 插件
+
+### 使用插件
+
+通过调用 `config.plugins.VueWrapper.install()` 方法来安装插件。这必须在调用 `mount` 之前完成。
+
+该 `install()` 方法将接收一个 `WrapperAPI` 实例及其公共和私有属性。
+
+```js
+// setup.js file
+import { config } from '@vue/test-utils'
+
+// 本地定义的插件，见“编写插件”
+import MyPlugin from './myPlugin'
+
+// 将插件安装到 VueWrapper
+config.plugins.VueWrapper.install(MyPlugin)
+```
+
+你可以选择性地传入一些选项：
+
+```js
+config.plugins.VueWrapper.install(MyPlugin, { someOption: true })
+```
+
+你的插件应该只安装一次。如果你使用 Jest，它应该在你的 Jest 配置的 `setupFiles` 或 `setupFilesAfterEnv` 文件中。
+
+某些插件会在导入时自动调用 `config.plugins.VueWrapper.install()`。如果它们同时扩展多个接口，这是常见的情况。请遵循你正在安装的插件的说明。
+
+查阅 [Vue Community Guide](https://vue-community.org/guide/ecosystem/testing.html) 或 [awesome-vue](https://github.com/vuejs/awesome-vue#test) 获取社区贡献的插件和库。
+
+### 编写插件
+
+Vue Test Utils 插件只是一个单纯的函数，该函数接收挂载的 `VueWrapper` 或 `DOMWrapper` 实例，并可以对其进行修改。
+
+#### 基本插件
+
+以下是一个简单的插件，用于为 `wrapper.element` 创建一个方便的别名 `wrapper.$el`。
+
+```js
+// setup.js
+import { config } from '@vue/test-utils'
+
+const myAliasPlugin = (wrapper) => {
+  return {
+    $el: wrapper.element // 简单的别名
+  }
+}
+
+// 在你要扩展的类型上调用 install
+// 你可以为 config.plugins 中的任何值编写插件
+config.plugins.VueWrapper.install(myAliasPlugin)
+```
+
+在测试中，你可以在 `mount` 之后使用该插件。
+
+```js
+// component.spec.js
+const wrapper = mount({ template: `<h1>🔌 Plugin</h1>` })
+console.log(wrapper.$el.innerHTML) // 🔌 Plugin
+```
+
+#### 数据测试 ID 插件
+
+下面的插件为 `VueWrapper` 实例添加了一个 `findByTestId` 方法。它鼓励你在 Vue 组件上选择测试转用的 attribute 作为你的选择器策略。
+
+用法：
+
+`MyComponent.vue`:
+
+```vue
+<template>
+  <MyForm class="form-container" data-testid="form">
+    <MyInput data-testid="name-input" v-model="name" />
+  </MyForm>
+</template>
+```
+
+`MyComponent.spec.js`:
+
+```js
+const wrapper = mount(MyComponent)
+wrapper.findByTestId('name-input') // 返回一个 VueWrapper 或 DOMWrapper
+```
+
+插件的实现：
+
+```js
+import { config, DOMWrapper } from '@vue/test-utils'
+
+const DataTestIdPlugin = (wrapper) => {
+  function findByTestId(selector) {
+    const dataSelector = `[data-testid='${selector}']`
+    const element = wrapper.element.querySelector(dataSelector)
+    return new DOMWrapper(element)
+  }
+
+  return {
+    findByTestId
+  }
+}
+
+config.plugins.VueWrapper.install(DataTestIdPlugin)
+```
+
+## Stub 插件
+
+`config.plugins.createStubs` 允许覆盖 VTU 默认创建并提供的测试替身。
+
+一些使用场景包括：
+
+* 你想在测试替身中添加更多逻辑 (例如具名插槽)
+* 你想为多个组件使用不同的测试替身 (例如一个库中的测试替身组件)
+
+### 用法
+
+```typescript
+config.plugins.createStubs = ({ name, component }) => {
+  return defineComponent({
+    render: () => h(`custom-${name}-stub`)
+  })
+}
+```
+
+不论通过以下哪种方式，每当 VTU 生成一个测试替身时，这个函数都会被调用：
+
+```typescript
+const wrapper = mount(Component, {
+  global: {
+    stubs: {
+      ChildComponent: true
+    }
+  }
+})
+```
+
+或
+
+```typescript
+const wrapper = shallowMount(Component)
+```
+
+但当你显式设置测试替身时，它将不会被调用：
+
+```typescript
+const wrapper = mount(Component, {
+  global: {
+    stubs: {
+      ChildComponent: { template: '<child-stub/>' }
+    }
+  }
+})
+```
+
+## 配合 TypeScript 使用插件
+
+要结合 [TypeScript](https://www.typescriptlang.org/) 使用自定义的包装器插件，你必须声明你的自定义包装器函数。即基于几下内容添加一个名为 `vue-test-utils.d.ts` 的文件：
+
+```typescript
+import { DOMWrapper } from '@vue/test-utils'
+
+declare module '@vue/test-utils' {
+  interface VueWrapper {
+    findByTestId(testId: string): DOMWrapper[]
+  }
+}
+```
+
+## 推广你的插件
+
+如果你需要某些功能，可以考虑编写插件来扩展 Vue Test Utils，并提交以在 [Vue Community Guide](https://vue-community.org/guide/ecosystem/testing.html) 或 [awesome-vue](https://github.com/vuejs/awesome-vue#test) 中推广。
diff --git a/docs/zh/guide/faq/index.md b/docs/zh/guide/faq/index.md
new file mode 100644
index 000000000..63e1a2853
--- /dev/null
+++ b/docs/zh/guide/faq/index.md
@@ -0,0 +1,31 @@
+# 常见问题
+
+[[toc]]
+
+## 使用 Vitest 模拟日期和计时器
+
+Vue 的调度器依赖于系统时间。请务必在调用 `vi.setSystemTime` 后再挂载组件，因为 Vue 依赖于其副作用。在调用 `vi.setSystemTime` 之前挂载组件可能会破坏其响应性。
+
+请查看 [vuejs/test-utils#2074](https://github.com/vuejs/test-utils/issues/2074)。
+
+## Vue warn: Failed setting prop
+
+```
+[Vue warn]: Failed setting prop "prefix" on <component-stub>: value foo is invalid.
+TypeError: Cannot set property prefix of #<Element> which has only a getter
+```
+
+当您使用 `shallowMount` 或具有与 [`Element`](https://developer.mozilla.org/en-US/docs/Web/API/Element) 共享的属性名称的 `stubs` 时，会显示此警告。
+
+与 `Element` 共享的常见属性名称：
+* `attributes`
+* `children`
+* `prefix`
+
+请参阅：https://developer.mozilla.org/zh-CN/docs/Web/API/Element
+
+**可能的解决方案**
+
+1. 使用 `mount` 而不是 `shallowMount` 进行不带测试替身的渲染
+2. 通过模拟 `console.warn` 来忽略警告
+3. 重命名 prop，以避免与 `Element` 属性冲突
diff --git a/docs/zh/guide/index.md b/docs/zh/guide/index.md
new file mode 100644
index 000000000..a3c613989
--- /dev/null
+++ b/docs/zh/guide/index.md
@@ -0,0 +1,59 @@
+# 开始
+
+欢迎使用 Vue Test Utils，这是 Vue.js 的官方测试工具库！
+
+这是 Vue Test Utils v2 的文档，适用于 Vue 3。
+
+简而言之：
+
+- [Vue Test Utils 1](https://github.com/vuejs/vue-test-utils/) 适用于 [Vue 2](https://github.com/vuejs/vue/)。
+- [Vue Test Utils 2](https://github.com/vuejs/test-utils/) 使用于 [Vue 3](https://github.com/vuejs/core/)。
+
+## 什么是 Vue Test Utils？
+
+Vue Test Utils (VTU) 是一组实用函数，旨在简化 Vue.js 的组件测试。它提供了一些方法来独立地挂载 Vue 组件并与 Vue 组件进行交互。
+
+让我们看一个例子：
+
+```js
+import { mount } from '@vue/test-utils'
+
+// 要测试的组件
+const MessageComponent = {
+  template: '<p>{{ msg }}</p>',
+  props: ['msg']
+}
+
+test('displays message', () => {
+  const wrapper = mount(MessageComponent, {
+    props: {
+      msg: 'Hello world'
+    }
+  })
+
+  // 断言组件渲染出的文本
+  expect(wrapper.text()).toContain('Hello world')
+})
+```
+
+Vue Test Utils 通常需要和一个测试运行器配合使用。流行的测试运行器包括：
+
+- [Vitest](https://vitest.dev/)。基于终端，具有实验性的浏览器 UI。
+- [Cypress](https://cypress.io/)。基于浏览器，支持 Vite、webpack。
+- [Playwright](https://playwright.dev/docs/test-components) (实验性) 基于浏览器，支持 Vite。
+- [WebdriverIO](https://webdriver.io/docs/component-testing/vue)。基于浏览器，支持 Vite、Webpack，跨浏览器支持。
+
+Vue Test Utils 是最小化且不含偏见的库。如果你想要功能更丰富、更易用且偏好更鲜明的工具，获取可以考虑具有热重载开发环境的 [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview)、或者在断言时强调基于可访问性选择器的 [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/)。这两种工具在底层都使用 Vue Test Utils 并暴露相同的 API。
+
+## 接下来做什么？
+
+要查看 Vue Test Utils 的实际运用，请[查阅快速上手](../guide/essentials/a-crash-course.md)，在那里，我们使用测试优先的思路构建了一个简单的待办事项应用。
+
+我们的文档分为两个主要部分：
+
+- **基础知识**，涵盖你在测试 Vue 组件时可能遇到的常见用例。
+- **深入学习 Vue Test Utils**，探索库的其他高级功能。
+
+你还可以探索完整的 [API](../api/)。
+
+或者，如果你更喜欢通过视频学习，这里有[一系列讲座可供观看](https://www.youtube.com/playlist?list=PLC2LZCNWKL9ahK1IoODqYxKu5aA9T5IOA)。
diff --git a/docs/zh/index.md b/docs/zh/index.md
new file mode 100644
index 000000000..5a6927d64
--- /dev/null
+++ b/docs/zh/index.md
@@ -0,0 +1,17 @@
+---
+layout: home
+
+title: Vue Test Utils
+titleTemplate: Vue.js 3 测试工具
+
+hero:
+  name: Vue Test Utils
+  text: Vue.js 3 测试工具
+  tagline: Vue.js 3 官方测试套件工具
+  image:
+    src: /logo.svg
+    alt: Vue Test Utils
+  actions:
+    - theme: brand
+      text: 开始 →
+      link: /zh/guide/
diff --git a/docs/zh/installation/index.md b/docs/zh/installation/index.md
new file mode 100644
index 000000000..b0760e363
--- /dev/null
+++ b/docs/zh/installation/index.md
@@ -0,0 +1,25 @@
+# 安装
+
+::: code-group
+
+```shell [npm]
+npm install --save-dev @vue/test-utils
+```
+
+```shell [yarn]
+yarn add --dev @vue/test-utils
+```
+
+:::
+
+## 用法
+
+Vue Test Utils 是与测试框架无关的——你可以与任何你喜欢的测试运行器一起使用。最简单的尝试方式是使用 [Jest](https://jestjs.io/)，这是一个流行的测试运行器。
+
+你需要 `vue-jest` 在 Jest 中加载 `.vue` 文件。`vue-jest` v5 是支持 Vue 3 的版本。它和 Vue.js 3 生态系统的其他部分一样仍处于 alpha 阶段。如果你发现任何错误，请在[这里](https://github.com/vuejs/vue-jest/)报告，并注明你正在使用 `vue-jest` v5。
+
+你可以通过 `vue-jest@next` 安装它。然后，你需要使用 Jest 的 [transform](https://jestjs.io/docs/en/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object) 选项进行配置。
+
+如果你不想自己配置，可以在[这里](https://github.com/lmiller1990/vtu-next-demo)获取一个设置好的最小化仓库。
+
+继续阅读以了解更多关于 Vue Test Utils 的信息。
diff --git a/docs/zh/migration/index.md b/docs/zh/migration/index.md
new file mode 100644
index 000000000..65d3d3fa4
--- /dev/null
+++ b/docs/zh/migration/index.md
@@ -0,0 +1,393 @@
+# 从 Vue Test Utils v1 迁移
+
+这是一篇对 VTU v1 到 VTU v2 变更的回顾，并提供一些代码片段以展示所需的修改。如果你遇到了未在此处记录的错误或行为差异，请[创建 issue](https://github.com/vuejs/test-utils/issues/new)。
+
+## 变更
+
+### `propsData` 现已改为 `props`
+
+在 VTU v1 中，你可以通过挂载选项 `propsData` 传递 props。这令人困惑，因为你在 Vue 组件中声明 props 时使用的是 `props`。现在你可以通过挂载选项 `props` 传递 `props` 了。同时为了向后兼容，`propsData` 仍然是支持的。
+
+**之前**：
+
+```js
+const App = {
+  props: ['foo']
+}
+
+const wrapper = mount(App, {
+  propsData: {
+    foo: 'bar'
+  }
+}
+```
+
+**之后**：
+
+```js
+const App = {
+  props: ['foo']
+}
+
+const wrapper = mount(App, {
+  props: {
+    foo: 'bar'
+  }
+}
+```
+
+### 不再需要 `createLocalVue`
+
+在 Vue 2 中，插件通常会修改全局 Vue 实例并将各种方法附加到其原型上。从 Vue 3 开始，这种情况不再存在，我们通过 `createApp` 创建新的 Vue 应用，而不是 `new Vue`，并使用 `createApp(App).use(/* ... */)` 安装插件。
+
+在 Vue Test Utils v1 中，为了避免污染全局 Vue 实例的情况，我们提供了 `createLocalVue` 函数和 `localVue` 挂载选项。这使你可以为每个测试提供一个独立的 Vue 实例，避免不同测试之间污染。在 Vue 3 中，这不再是问题，因为插件、mixin 等不会修改全局 Vue 实例。
+
+在大多数情况下，你之前使用 `createLocalVue` 和 `localVue` 挂载选项来安装插件、mixin 或指令，现在可以使用 [`global` 挂载选项](/api/#global)。以下是一个之前使用 `localVue` 的组件和测试示例，以及它现在的样子 (利用了 `global.plugins`，因为 Vuex 是一个插件)：
+
+**之前**：
+
+```js
+import Vuex from 'vuex'
+import { createLocalVue, mount } from '@vue/test-utils'
+
+const App = {
+  computed: {
+    count() {
+      return this.$state.count
+    }
+  }
+}
+
+const localVue = createLocalVue()
+localVue.use(Vuex)
+const store = new Vuex.Store({
+  state: {
+    return { count: 1 }
+  }
+})
+
+const wrapper = mount(App, {
+  store
+  localVue
+})
+```
+
+**之后**：
+
+```js
+import { createStore } from 'vuex'
+import { mount } from '@vue/test-utils'
+
+const App = {
+  computed: {
+    count() {
+      return this.$state.count
+    }
+  }
+}
+
+const store = createStore({
+  state() {
+    return { count: 1 }
+  }
+})
+
+const wrapper = mount(App, {
+  global: {
+    plugins: [store]
+  }
+})
+```
+
+### `mocks` 和 `stubs` 现在在 `global` 中
+
+`mocks` 和 `stubs` 应用于所有组件，而不仅仅是你传递给 `mount` 的组件。为了反映这一点，`mocks` 和 `stubs` 现在在新的 `global` 挂载选项中：
+
+**之前**：
+
+```js
+const $route = {
+  params: {
+    id: '1'
+  }
+}
+
+const wrapper = mount(App, {
+  stubs: {
+    Foo: true
+  },
+  mocks: {
+    $route
+  }
+}
+```
+
+**之后**：
+
+```js
+const $route = {
+  params: {
+    id: '1'
+  }
+}
+
+const wrapper = mount(App, {
+  global: {
+    stubs: {
+      Foo: true
+    },
+    mocks: {
+      $route
+    }
+  }
+}
+```
+
+### `shallowMount` 和 `renderStubDefaultSlot`
+
+`shallowMount` 旨在将某个自定义组件置换为测试替身。虽然在 Vue Test Utils v1 中是这样的，但被置换的组件仍会渲染其默认的 `<slot />`。虽然这并非预期的行为，但一些用户对此功能表示喜欢。在 v2 中，这一行为已被修正，**组件测试替身的插槽内容不再被渲染**。
+
+给定以下代码：
+
+```js
+import { shallowMount } from '@vue/test-utils'
+
+const Foo = {
+  template: `<div><slot /></div>`
+}
+
+const App = {
+  components: { Foo },
+  template: `
+    <div>
+      <Foo>
+        Foo Slot
+      </Foo>
+    </div>
+  `
+}
+```
+
+**之前**：
+
+```js
+describe('App', () => {
+  it('renders', () => {
+    const wrapper = shallowMount(App)
+    console.log(wrapper.html())
+    // renders:
+    // <div>
+    //   <foo-stub>
+    //     Foo Slot
+    //   </foo-stub>
+    // </div>
+  })
+})
+```
+
+**之后**：
+
+```js
+describe('App', () => {
+  it('renders', () => {
+    const wrapper = shallowMount(App)
+    console.log(wrapper.html())
+    // renders:
+    // <div>
+    //   <foo-stub>
+    //   </foo-stub>
+    // </div>
+  })
+})
+```
+
+你可以通过以下方式启用旧行为：
+
+```js
+import { config } from '@vue/test-utils'
+
+config.global.renderStubDefaultSlot = true
+```
+
+### `destroy` 现已改为 `unmount` 以匹配 Vue 3
+
+Vue 3 将 `vm.$destroy` 重命名为 `vm.$unmount`。Vue Test Utils 也随之更改；`wrapper.destroy()` 现已改为 `wrapper.unmount()`。
+
+### `scopedSlots` 和 `slots` 现已合并
+
+Vue 3 将 `slot` 和 `scoped-slot` 语法统一为单一语法 `v-slot`，你可以在[文档](https://v3.vuejs.org/guide/migration/slots-unification.html#overview)中阅读相关内容。由于 `slot` 和 `scoped-slot` 现已合并，因此 `scopedSlots` 挂载选项现已被弃用，只需使用 `slots` 挂载选项即可。
+
+### `slots` 的作用域现在暴露为 `params`
+
+当使用字符串模板作为插槽内容时，插槽作用域如果没有使用 `<template #slot-name="scopeVar">` 标签显式定义，则在插槽计算时以 `params` 对象的方式可用。
+
+```diff
+shallowMount(Component, {
+-  scopedSlots: {
++  slots: {
+-    default: '<p>{{props.index}},{{props.text}}</p>'
++    default: '<p>{{params.index}},{{params.text}}</p>'
+  }
+})
+```
+
+### `findAll().at()` 已移除
+
+`findAll()` 现在会直接返回一个 DOMWrappers 数组。
+
+**之前：**
+
+```js
+wrapper.findAll('[data-test="token"]').at(0)
+```
+
+**之后：**
+
+```js
+wrapper.findAll('[data-test="token"]')[0]
+```
+
+### `createWrapper()` 已移除
+
+`createWrapper()` 现在是一个内部函数，无法再被导入。如果你需要访问一个不是 Vue 组件的 DOM 元素的包装器，可以使用 `new DOMWrapper()` 构造函数。
+
+**之前：**
+
+```js
+import { createWrapper } from "@vue/test-utils";
+
+describe('App', () => {
+  it('renders', () => {
+    const body = createWrapper(document.body);
+    expect(body.exists()).toBe(true);
+  })
+
+```
+
+**之后：**
+
+```js
+import { DOMWrapper } from "@vue/test-utils";
+
+describe('App', () => {
+  it('renders', () => {
+    const body = new DOMWrapper(document.body);
+    expect(body.exists()).toBe(true);
+  })
+```
+
+### `findAllComponents` 不再支持 `ref` 选择器
+
+`findAllComponents` 不再支持 `ref` 语法。你可以通过设置一个 `data-test` attribute 并相应更新选择器：
+
+`Component.vue`:
+
+```diff
+<template>
+-  <FooComponent v-for="number in [1, 2, 3]" :key="number" ref="number">
++  <FooComponent v-for="number in [1, 2, 3]" :key="number" data-test="number">
+    {{ number }}
+  </FooComponent>
+</template>
+```
+
+`Component.spec.js`:
+
+```diff
+- wrapper.findAllComponents({ ref: 'number' })
++ wrapper.findAllComponents('[data-test="number"]')
+```
+
+## 测试运行器升级注意事项
+
+> Vue Test Utils 是框架无关的，你可以与任何你喜欢的测试运行器一起使用。
+
+这句话是 `@vue/test-utils` 的核心。但我们确实意识到，在某些情况下，将代码库及其相应的测试套件迁移到 `vue@3` 可能是一项相当大的工作。
+
+本章节试图整理我们的社区在迁移及更新其底层测试栈中发现的一些常见问题。这些与 `@vue/test-utils` 无关，但我们希望它能帮助你完成这一重要的迁移步骤。
+
+### `@vue/vue3-jest` + `jest@^28`
+
+如果你决定借此机会将测试运行器工具升级到更现代的版本，请注意以下几点。
+
+#### `ReferenceError: Vue is not defined` [vue-jest#479](https://github.com/vuejs/vue-jest/issues/479)
+
+当使用 `jest-environment-jsdom` 包时，它默认会从 `package.json` 的 [`browser` 字段](https://jestjs.io/docs/configuration#testenvironmentoptions-object)加载库。你可以通过将其导出字段覆盖为 `node` 来修复此错误：
+
+```js
+// jest.config.js
+module.exports = {
+  testEnvironmentOptions: {
+    customExportConditions: ['node', 'node-addons']
+  }
+}
+```
+
+<br/>
+
+#### 测试快照现在会包含注释节点
+
+如果你在快照测试时发现注释节点泄漏到了你的快照中，请注意现在我们会始终[保留](https://cn.vuejs.org/api/application.html#app-config-compileroptions-comments) `comments` 且仅会在生产中将其删除。你可以通过调整 `app.config.compilerOptions` 来覆盖此行为，以便在快照中也删除它们：
+
+- 通过 `vue-jest` [配置](https://github.com/vuejs/vue-jest#compiler-options-in-vue-3)。
+
+  ```js
+  // jest.config.js
+  module.exports = {
+    globals: {
+      'vue-jest': {
+        compilerOptions: {
+          comments: false
+        }
+      }
+    }
+  }
+  ```
+
+- 通过 `@vue/test-utils` [`mountingOptions.global.config`](https://test-utils.vuejs.org/api/#global) 全局或基于每个测试进行配置。
+
+## 与 v1 的比较
+
+这是一个针对来自 VTU 1 用户的表格，其比较了两者的 API。
+
+### 基础 API
+
+| API               | 备注                        |
+| ----------------- | --------------------------- |
+| enableAutoDestroy | 替代为 `enableAutoUnmount` |
+
+### 挂载选项
+
+| 选项             | 备注                                                                                |
+| ---------------- | ----------------------------------------------------------------------------------- |
+| mocks            | 嵌套在 `global` 中                                                                  |
+| propsData        | 现已改为 `props`                                                                    |
+| provide          | 嵌套在 `global` 中                                                                  |
+| mixins           | 嵌套在 `global` 中                                                                  |
+| plugins          | 嵌套在 `global` 中                                                                  |
+| component        | 嵌套在 `global` 中                                                                  |
+| directives       | 嵌套在 `global` 中                                                                  |
+| attachToDocument | 重命名为 `attachTo`，参见[此处](https://github.com/vuejs/vue-test-utils/pull/1492) |
+| scopedSlots      | 已移除, ScopedSlots 和 Vue 3 的 `slots` 现已合并                                        |
+| context          | 已移除, 与 Vue 2 不同，已不存在                                                 |
+| localVue         | 已移除, 不再需要，在 Vue 3 中没有全局 Vue 实例可供修改                             |
+| listeners        | 已移除, 在 Vue 3 中已不存在                                                         |
+| parentComponent  | 已移除                                                                              |
+
+### Wrapper API (mount)
+
+| 方法           | 备注                                                                              |
+| -------------- | --------------------------------------------------------------------------------- |
+| find           | 仅支持 `querySelector` 语法。可使用 `findComponent(Comp)` 查找 Vue 组件             |
+| setValue       | 适用于 select、checkbox、radio、input 和 textarea。返回 `nextTick`。                 |
+| trigger        | 返回 `nextTick`。你可以执行 `await wrapper.find('button').trigger('click')`       |
+| destroy        | 重命名为 `unmount` 以匹配 Vue 3 生命周期钩子名称。                                |
+| contains       | 已移除，请使用 `find`                                                               |
+| emittedByOrder | 已移除，请使用 `emitted`                                                            |
+| setSelected    | 已移除，现在是 `setValue` 的一部分                                                |
+| setChecked     | 已移除，现在是 `setValue` 的一部分                                                |
+| is             | 已移除                                                                            |
+| isEmpty        | 已移除，请参考[这里](https://github.com/testing-library/jest-dom#tobeempty)使用匹配器 |
+| isVueInstance  | 已移除                                                                            |
+| name           | 已移除                                                                            |
+| setMethods     | 已移除                                                                            |
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 000000000..255e5cf17
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,30 @@
+import eslint from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import prettierPluginRecommended from 'eslint-plugin-prettier/recommended'
+
+export default [
+  {
+    ignores: ['docs/.vitepress', 'coverage', 'dist']
+  },
+  ...tseslint.config({
+    extends: [
+      eslint.configs.recommended,
+      ...tseslint.configs.recommended,
+      prettierPluginRecommended
+    ],
+    rules: {
+      'prettier/prettier': ['error'],
+      'no-restricted-imports': [
+        'error',
+        {
+          patterns: ['src/*']
+        }
+      ],
+
+      // Currently, disabled to avoid a lot of changes during migration
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/ban-ts-comment': 'off'
+    }
+  })
+]
diff --git a/examples/TodoApp.spec.js b/examples/TodoApp.spec.js
index 5f5c7c954..029bab4a8 100644
--- a/examples/TodoApp.spec.js
+++ b/examples/TodoApp.spec.js
@@ -4,6 +4,7 @@
  * yarn build. Then you can run this with `yarn test examples`
  */
 import { mount } from '../dist/vue-test-utils.cjs.js'
+import { test, expect } from 'vitest'
 
 import TodoApp from './TodoApp.vue'
 
diff --git a/netlify.toml b/netlify.toml
index 4a74c5f62..4c2dd14f9 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,3 +1,11 @@
 [[redirects]]
   from="/v2"
   to="/"
+
+[build]
+  publish = "docs/.vitepress/dist"
+  command = "pnpm docs:build"
+[build.environment]
+  NODE_VERSION = "18"
+  # Useful until https://github.com/nodejs/corepack/issues/612 is fixed
+  COREPACK_INTEGRITY_KEYS = "0"
diff --git a/package.json b/package.json
index cdb342a07..f7788efb1 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vue/test-utils",
-  "version": "2.1.0",
+  "version": "2.4.6",
   "license": "MIT",
   "main": "dist/vue-test-utils.cjs.js",
   "unpkg": "dist/vue-test-utils.browser.js",
@@ -9,9 +9,10 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./dist/vue-test-utils.cjs.js",
       "import": "./dist/vue-test-utils.esm-bundler.mjs",
-      "browser": "./dist/vue-test-utils.browser.js",
       "require": "./dist/vue-test-utils.cjs.js",
+      "browser": "./dist/vue-test-utils.browser.js",
       "default": "./dist/vue-test-utils.cjs.js"
     },
     "./package.json": "./package.json"
@@ -21,49 +22,58 @@
     "README.md",
     "dist/index.d.ts"
   ],
+  "dependencies": {
+    "js-beautify": "^1.14.9",
+    "vue-component-type-helpers": "^3.0.0"
+  },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "22.0.2",
-    "@rollup/plugin-json": "4.1.0",
-    "@rollup/plugin-node-resolve": "14.1.0",
-    "@rollup/plugin-replace": "4.0.0",
-    "@types/node": "18.0.6",
-    "@types/pretty": "2.0.1",
-    "@typescript-eslint/eslint-plugin": "5.38.1",
-    "@typescript-eslint/parser": "5.38.1",
-    "@vitejs/plugin-vue": "3.1.0",
-    "@vitejs/plugin-vue-jsx": "2.0.1",
-    "@vitest/coverage-c8": "0.23.0",
-    "@vue/compat": "3.2.40",
-    "@vue/compiler-dom": "3.2.40",
-    "@vue/compiler-sfc": "3.2.40",
-    "@vue/runtime-core": "3.2.40",
-    "c8": "7.12.0",
-    "eslint": "8.24.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "husky": "8.0.1",
-    "jsdom": "20.0.0",
+    "@eslint/js": "9.32.0",
+    "@rollup/plugin-commonjs": "28.0.6",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "16.0.1",
+    "@rollup/plugin-replace": "6.0.2",
+    "@rollup/plugin-typescript": "12.1.4",
+    "@types/js-beautify": "1.14.3",
+    "@types/node": "22.17.0",
+    "@vitejs/plugin-vue": "6.0.1",
+    "@vitejs/plugin-vue-jsx": "5.0.1",
+    "@vitest/coverage-v8": "3.2.4",
+    "@vue/compat": "3.5.18",
+    "@vue/compiler-dom": "3.5.18",
+    "@vue/compiler-sfc": "3.5.18",
+    "@vue/server-renderer": "3.5.18",
+    "eslint": "9.32.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-prettier": "5.5.4",
+    "husky": "9.1.7",
+    "jsdom": "26.1.0",
     "jsdom-global": "3.0.2",
-    "lint-staged": "13.0.3",
-    "prettier": "2.7.1",
-    "pretty": "2.0.0",
-    "reflect-metadata": "0.1.13",
-    "rollup": "2.79.1",
-    "rollup-plugin-typescript2": "0.34.0",
-    "tslib": "2.4.0",
-    "typescript": "4.8.4",
-    "unplugin-vue-components": "0.22.7",
-    "vite": "3.1.4",
-    "vitepress": "0.22.4",
-    "vitest": "0.22.1",
-    "vue": "3.2.40",
+    "lint-staged": "16.1.4",
+    "prettier": "3.6.2",
+    "reflect-metadata": "0.2.2",
+    "rollup": "4.46.2",
+    "tslib": "2.8.1",
+    "typescript": "5.9.2",
+    "typescript-eslint": "8.39.0",
+    "unplugin-vue-components": "29.0.0",
+    "vite": "7.0.6",
+    "vitepress": "1.6.4",
+    "vitepress-translation-helper": "0.2.2",
+    "vitest": "3.2.4",
+    "vue": "3.5.18",
     "vue-class-component": "8.0.0-rc.1",
-    "vue-router": "4.1.5",
-    "vue-tsc": "0.40.13",
-    "vuex": "4.0.2"
+    "vue-router": "4.5.1",
+    "vue-tsc": "3.0.5",
+    "vuex": "4.1.0"
   },
   "peerDependencies": {
-    "vue": "^3.0.1"
+    "@vue/server-renderer": "3.x",
+    "vue": "3.x"
+  },
+  "peerDependenciesMeta": {
+    "@vue/server-renderer": {
+      "optional": true
+    }
   },
   "author": {
     "name": "Lachlan Miller",
@@ -75,11 +85,16 @@
     "test:watch": "vitest --watch",
     "test:build": "vitest --mode test-build",
     "tsd": "tsc -p test-dts/tsconfig.tsd.json",
-    "build": "rollup -c rollup.config.js",
-    "lint": "eslint --ext .ts src/ tests/",
+    "tsc:docs": "vue-tsc -p docs/.vitepress/tsconfig.vitepress.json",
+    "build": "rollup -c rollup.config.ts --bundleConfigAsCjs",
+    "prepare": "rollup -c rollup.config.ts --bundleConfigAsCjs",
+    "lint": "eslint .",
     "lint:fix": "pnpm run lint --fix",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
+    "docs:translation:compare": "v-translation compare --status-file=docs/.vitepress/translation-status.json --path={docs/index.md,docs/api/index.md,docs/guide,docs/installation,docs/migration}",
+    "docs:translation:update": "v-translation update --status-file=docs/.vitepress/translation-status.json",
+    "docs:translation:status": "v-translation status --status-file=docs/.vitepress/translation-status.json",
     "vue-tsc": "vue-tsc --noEmit -p tsconfig.volar.json",
     "prepublishOnly": "pnpm run build"
   },
@@ -96,21 +111,12 @@
       "prettier --write"
     ]
   },
-  "tsd": {
-    "directory": "test-dts",
-    "compilerOptions": {
-      "strict": false,
-      "lib": [
-        "esnext",
-        "dom"
-      ]
-    }
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuejs/test-utils.git"
   },
   "homepage": "https://github.com/vuejs/test-utils",
+  "packageManager": "pnpm@10.14.0",
   "pnpm": {
     "peerDependencyRules": {
       "ignoreMissing": [
@@ -119,6 +125,9 @@
         "react",
         "react-dom"
       ]
-    }
+    },
+    "ignoredBuiltDependencies": [
+      "esbuild"
+    ]
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index aa535f4ce..5c7172ba3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,538 +1,408 @@
-lockfileVersion: 5.4
-
-specifiers:
-  '@rollup/plugin-commonjs': 22.0.2
-  '@rollup/plugin-json': 4.1.0
-  '@rollup/plugin-node-resolve': 14.1.0
-  '@rollup/plugin-replace': 4.0.0
-  '@types/node': 18.0.6
-  '@types/pretty': 2.0.1
-  '@typescript-eslint/eslint-plugin': 5.38.1
-  '@typescript-eslint/parser': 5.38.1
-  '@vitejs/plugin-vue': 3.1.0
-  '@vitejs/plugin-vue-jsx': 2.0.1
-  '@vitest/coverage-c8': 0.23.0
-  '@vue/compat': 3.2.40
-  '@vue/compiler-dom': 3.2.40
-  '@vue/compiler-sfc': 3.2.40
-  '@vue/runtime-core': 3.2.40
-  c8: 7.12.0
-  eslint: 8.24.0
-  eslint-config-prettier: 8.5.0
-  eslint-plugin-prettier: 4.2.1
-  husky: 8.0.1
-  jsdom: 20.0.0
-  jsdom-global: 3.0.2
-  lint-staged: 13.0.3
-  prettier: 2.7.1
-  pretty: 2.0.0
-  reflect-metadata: 0.1.13
-  rollup: 2.79.1
-  rollup-plugin-typescript2: 0.34.0
-  tslib: 2.4.0
-  typescript: 4.8.4
-  unplugin-vue-components: 0.22.7
-  vite: 3.1.4
-  vitepress: 0.22.4
-  vitest: 0.22.1
-  vue: 3.2.40
-  vue-class-component: 8.0.0-rc.1
-  vue-router: 4.1.5
-  vue-tsc: 0.40.13
-  vuex: 4.0.2
-
-devDependencies:
-  '@rollup/plugin-commonjs': 22.0.2_rollup@2.79.1
-  '@rollup/plugin-json': 4.1.0_rollup@2.79.1
-  '@rollup/plugin-node-resolve': 14.1.0_rollup@2.79.1
-  '@rollup/plugin-replace': 4.0.0_rollup@2.79.1
-  '@types/node': 18.0.6
-  '@types/pretty': 2.0.1
-  '@typescript-eslint/eslint-plugin': 5.38.1_c7qepppml3d4ahu5cnfwqe6ltq
-  '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-  '@vitejs/plugin-vue': 3.1.0_vite@3.1.4+vue@3.2.40
-  '@vitejs/plugin-vue-jsx': 2.0.1_vite@3.1.4+vue@3.2.40
-  '@vitest/coverage-c8': 0.23.0_jsdom@20.0.0
-  '@vue/compat': 3.2.40_vue@3.2.40
-  '@vue/compiler-dom': 3.2.40
-  '@vue/compiler-sfc': 3.2.40
-  '@vue/runtime-core': 3.2.40
-  c8: 7.12.0
-  eslint: 8.24.0
-  eslint-config-prettier: 8.5.0_eslint@8.24.0
-  eslint-plugin-prettier: 4.2.1_cfn5x6ujhhgzv3423d6k7r2zzm
-  husky: 8.0.1
-  jsdom: 20.0.0
-  jsdom-global: 3.0.2_jsdom@20.0.0
-  lint-staged: 13.0.3
-  prettier: 2.7.1
-  pretty: 2.0.0
-  reflect-metadata: 0.1.13
-  rollup: 2.79.1
-  rollup-plugin-typescript2: 0.34.0_gypgyaqhine6mwjfvh7icfhviq
-  tslib: 2.4.0
-  typescript: 4.8.4
-  unplugin-vue-components: 0.22.7_vue@3.2.40
-  vite: 3.1.4
-  vitepress: 0.22.4
-  vitest: 0.22.1_jsdom@20.0.0
-  vue: 3.2.40
-  vue-class-component: 8.0.0-rc.1_vue@3.2.40
-  vue-router: 4.1.5_vue@3.2.40
-  vue-tsc: 0.40.13_typescript@4.8.4
-  vuex: 4.0.2_vue@3.2.40
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      js-beautify:
+        specifier: ^1.14.9
+        version: 1.14.9
+      vue-component-type-helpers:
+        specifier: ^3.0.0
+        version: 3.0.1
+    devDependencies:
+      '@eslint/js':
+        specifier: 9.32.0
+        version: 9.32.0
+      '@rollup/plugin-commonjs':
+        specifier: 28.0.6
+        version: 28.0.6(rollup@4.46.2)
+      '@rollup/plugin-json':
+        specifier: 6.1.0
+        version: 6.1.0(rollup@4.46.2)
+      '@rollup/plugin-node-resolve':
+        specifier: 16.0.1
+        version: 16.0.1(rollup@4.46.2)
+      '@rollup/plugin-replace':
+        specifier: 6.0.2
+        version: 6.0.2(rollup@4.46.2)
+      '@rollup/plugin-typescript':
+        specifier: 12.1.4
+        version: 12.1.4(rollup@4.46.2)(tslib@2.8.1)(typescript@5.9.2)
+      '@types/js-beautify':
+        specifier: 1.14.3
+        version: 1.14.3
+      '@types/node':
+        specifier: 22.17.0
+        version: 22.17.0
+      '@vitejs/plugin-vue':
+        specifier: 6.0.1
+        version: 6.0.1(vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0))(vue@3.5.18(typescript@5.9.2))
+      '@vitejs/plugin-vue-jsx':
+        specifier: 5.0.1
+        version: 5.0.1(vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0))(vue@3.5.18(typescript@5.9.2))
+      '@vitest/coverage-v8':
+        specifier: 3.2.4
+        version: 3.2.4(vitest@3.2.4(@types/node@22.17.0)(jsdom@26.1.0)(yaml@2.8.0))
+      '@vue/compat':
+        specifier: 3.5.18
+        version: 3.5.18(vue@3.5.18(typescript@5.9.2))
+      '@vue/compiler-dom':
+        specifier: 3.5.18
+        version: 3.5.18
+      '@vue/compiler-sfc':
+        specifier: 3.5.18
+        version: 3.5.18
+      '@vue/server-renderer':
+        specifier: 3.5.18
+        version: 3.5.18(vue@3.5.18(typescript@5.9.2))
+      eslint:
+        specifier: 9.32.0
+        version: 9.32.0
+      eslint-config-prettier:
+        specifier: 10.1.8
+        version: 10.1.8(eslint@9.32.0)
+      eslint-plugin-prettier:
+        specifier: 5.5.4
+        version: 5.5.4(eslint-config-prettier@10.1.8(eslint@9.32.0))(eslint@9.32.0)(prettier@3.6.2)
+      husky:
+        specifier: 9.1.7
+        version: 9.1.7
+      jsdom:
+        specifier: 26.1.0
+        version: 26.1.0
+      jsdom-global:
+        specifier: 3.0.2
+        version: 3.0.2(jsdom@26.1.0)
+      lint-staged:
+        specifier: 16.1.4
+        version: 16.1.4
+      prettier:
+        specifier: 3.6.2
+        version: 3.6.2
+      reflect-metadata:
+        specifier: 0.2.2
+        version: 0.2.2
+      rollup:
+        specifier: 4.46.2
+        version: 4.46.2
+      tslib:
+        specifier: 2.8.1
+        version: 2.8.1
+      typescript:
+        specifier: 5.9.2
+        version: 5.9.2
+      typescript-eslint:
+        specifier: 8.39.0
+        version: 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      unplugin-vue-components:
+        specifier: 29.0.0
+        version: 29.0.0(@babel/parser@7.28.0)(vue@3.5.18(typescript@5.9.2))
+      vite:
+        specifier: 7.0.6
+        version: 7.0.6(@types/node@22.17.0)(yaml@2.8.0)
+      vitepress:
+        specifier: 1.6.4
+        version: 1.6.4(@algolia/client-search@5.19.0)(@types/node@22.17.0)(postcss@8.5.6)(search-insights@2.7.0)(typescript@5.9.2)
+      vitepress-translation-helper:
+        specifier: 0.2.2
+        version: 0.2.2(vitepress@1.6.4(@algolia/client-search@5.19.0)(@types/node@22.17.0)(postcss@8.5.6)(search-insights@2.7.0)(typescript@5.9.2))(vue@3.5.18(typescript@5.9.2))
+      vitest:
+        specifier: 3.2.4
+        version: 3.2.4(@types/node@22.17.0)(jsdom@26.1.0)(yaml@2.8.0)
+      vue:
+        specifier: 3.5.18
+        version: 3.5.18(typescript@5.9.2)
+      vue-class-component:
+        specifier: 8.0.0-rc.1
+        version: 8.0.0-rc.1(vue@3.5.18(typescript@5.9.2))
+      vue-router:
+        specifier: 4.5.1
+        version: 4.5.1(vue@3.5.18(typescript@5.9.2))
+      vue-tsc:
+        specifier: 3.0.5
+        version: 3.0.5(typescript@5.9.2)
+      vuex:
+        specifier: 4.1.0
+        version: 4.1.0(vue@3.5.18(typescript@5.9.2))
 
 packages:
 
-  /@algolia/autocomplete-core/1.7.1:
-    resolution: {integrity: sha512-eiZw+fxMzNQn01S8dA/hcCpoWCOCwcIIEUtHHdzN5TGB3IpzLbuhqFeTfh2OUhhgkE8Uo17+wH+QJ/wYyQmmzg==}
-    dependencies:
-      '@algolia/autocomplete-shared': 1.7.1
-    dev: true
+  '@aashutoshrathi/word-wrap@1.2.6':
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+
+  '@algolia/autocomplete-core@1.17.7':
+    resolution: {integrity: sha512-BjiPOW6ks90UKl7TwMv7oNQMnzU+t/wk9mgIDi6b1tXpUek7MW0lbNOUHpvam9pe3lVCf4xPFT+lK7s+e+fs7Q==}
 
-  /@algolia/autocomplete-preset-algolia/1.7.1_algoliasearch@4.13.1:
-    resolution: {integrity: sha512-pJwmIxeJCymU1M6cGujnaIYcY3QPOVYZOXhFkWVM7IxKzy272BwCvMFMyc5NpG/QmiObBxjo7myd060OeTNJXg==}
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7':
+    resolution: {integrity: sha512-Jca5Ude6yUOuyzjnz57og7Et3aXjbwCSDf/8onLHSQgw1qW3ALl9mrMWaXb5FmPVkV3EtkD2F/+NkT6VHyPu9A==}
     peerDependencies:
-      '@algolia/client-search': ^4.9.1
-      algoliasearch: ^4.9.1
-    peerDependenciesMeta:
-      '@algolia/client-search':
-        optional: true
-    dependencies:
-      '@algolia/autocomplete-shared': 1.7.1
-      algoliasearch: 4.13.1
-    dev: true
+      search-insights: '>= 1 < 3'
 
-  /@algolia/autocomplete-shared/1.7.1:
-    resolution: {integrity: sha512-eTmGVqY3GeyBTT8IWiB2K5EuURAqhnumfktAEoHxfDY2o7vg2rSnO16ZtIG0fMgt3py28Vwgq42/bVEuaQV7pg==}
-    dev: true
+  '@algolia/autocomplete-preset-algolia@1.17.7':
+    resolution: {integrity: sha512-ggOQ950+nwbWROq2MOCIL71RE0DdQZsceqrg32UqnhDz8FlO9rL8ONHNsI2R1MH0tkgVIDKI/D0sMiUchsFdWA==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
 
-  /@algolia/cache-browser-local-storage/4.13.1:
-    resolution: {integrity: sha512-UAUVG2PEfwd/FfudsZtYnidJ9eSCpS+LW9cQiesePQLz41NAcddKxBak6eP2GErqyFagSlnVXe/w2E9h2m2ttg==}
-    dependencies:
-      '@algolia/cache-common': 4.13.1
-    dev: true
+  '@algolia/autocomplete-shared@1.17.7':
+    resolution: {integrity: sha512-o/1Vurr42U/qskRSuhBH+VKxMvkkUVTLU6WZQr+L5lGZZLYWyhdzWjW0iGXY7EkwRTjBqvN2EsR81yCTGV/kmg==}
+    peerDependencies:
+      '@algolia/client-search': '>= 4.9.1 < 6'
+      algoliasearch: '>= 4.9.1 < 6'
 
-  /@algolia/cache-common/4.13.1:
-    resolution: {integrity: sha512-7Vaf6IM4L0Jkl3sYXbwK+2beQOgVJ0mKFbz/4qSxKd1iy2Sp77uTAazcX+Dlexekg1fqGUOSO7HS4Sx47ZJmjA==}
-    dev: true
+  '@algolia/client-abtesting@5.19.0':
+    resolution: {integrity: sha512-dMHwy2+nBL0SnIsC1iHvkBao64h4z+roGelOz11cxrDBrAdASxLxmfVMop8gmodQ2yZSacX0Rzevtxa+9SqxCw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/cache-in-memory/4.13.1:
-    resolution: {integrity: sha512-pZzybCDGApfA/nutsFK1P0Sbsq6fYJU3DwIvyKg4pURerlJM4qZbB9bfLRef0FkzfQu7W11E4cVLCIOWmyZeuQ==}
-    dependencies:
-      '@algolia/cache-common': 4.13.1
-    dev: true
+  '@algolia/client-analytics@5.19.0':
+    resolution: {integrity: sha512-CDW4RwnCHzU10upPJqS6N6YwDpDHno7w6/qXT9KPbPbt8szIIzCHrva4O9KIfx1OhdsHzfGSI5hMAiOOYl4DEQ==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/client-account/4.13.1:
-    resolution: {integrity: sha512-TFLiZ1KqMiir3FNHU+h3b0MArmyaHG+eT8Iojio6TdpeFcAQ1Aiy+2gb3SZk3+pgRJa/BxGmDkRUwE5E/lv3QQ==}
-    dependencies:
-      '@algolia/client-common': 4.13.1
-      '@algolia/client-search': 4.13.1
-      '@algolia/transporter': 4.13.1
-    dev: true
+  '@algolia/client-common@5.19.0':
+    resolution: {integrity: sha512-2ERRbICHXvtj5kfFpY5r8qu9pJII/NAHsdgUXnUitQFwPdPL7wXiupcvZJC7DSntOnE8AE0lM7oDsPhrJfj5nQ==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/client-analytics/4.13.1:
-    resolution: {integrity: sha512-iOS1JBqh7xaL5x00M5zyluZ9+9Uy9GqtYHv/2SMuzNW1qP7/0doz1lbcsP3S7KBbZANJTFHUOfuqyRLPk91iFA==}
-    dependencies:
-      '@algolia/client-common': 4.13.1
-      '@algolia/client-search': 4.13.1
-      '@algolia/requester-common': 4.13.1
-      '@algolia/transporter': 4.13.1
-    dev: true
+  '@algolia/client-insights@5.19.0':
+    resolution: {integrity: sha512-xPOiGjo6I9mfjdJO7Y+p035aWePcbsItizIp+qVyfkfZiGgD+TbNxM12g7QhFAHIkx/mlYaocxPY/TmwPzTe+A==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/client-common/4.13.1:
-    resolution: {integrity: sha512-LcDoUE0Zz3YwfXJL6lJ2OMY2soClbjrrAKB6auYVMNJcoKZZ2cbhQoFR24AYoxnGUYBER/8B+9sTBj5bj/Gqbg==}
-    dependencies:
-      '@algolia/requester-common': 4.13.1
-      '@algolia/transporter': 4.13.1
-    dev: true
+  '@algolia/client-personalization@5.19.0':
+    resolution: {integrity: sha512-B9eoce/fk8NLboGje+pMr72pw+PV7c5Z01On477heTZ7jkxoZ4X92dobeGuEQop61cJ93Gaevd1of4mBr4hu2A==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/client-personalization/4.13.1:
-    resolution: {integrity: sha512-1CqrOW1ypVrB4Lssh02hP//YxluoIYXAQCpg03L+/RiXJlCs+uIqlzC0ctpQPmxSlTK6h07kr50JQoYH/TIM9w==}
-    dependencies:
-      '@algolia/client-common': 4.13.1
-      '@algolia/requester-common': 4.13.1
-      '@algolia/transporter': 4.13.1
-    dev: true
+  '@algolia/client-query-suggestions@5.19.0':
+    resolution: {integrity: sha512-6fcP8d4S8XRDtVogrDvmSM6g5g6DndLc0pEm1GCKe9/ZkAzCmM3ZmW1wFYYPxdjMeifWy1vVEDMJK7sbE4W7MA==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/client-search/4.13.1:
-    resolution: {integrity: sha512-YQKYA83MNRz3FgTNM+4eRYbSmHi0WWpo019s5SeYcL3HUan/i5R09VO9dk3evELDFJYciiydSjbsmhBzbpPP2A==}
-    dependencies:
-      '@algolia/client-common': 4.13.1
-      '@algolia/requester-common': 4.13.1
-      '@algolia/transporter': 4.13.1
-    dev: true
+  '@algolia/client-search@5.19.0':
+    resolution: {integrity: sha512-Ctg3xXD/1VtcwmkulR5+cKGOMj4r0wC49Y/KZdGQcqpydKn+e86F6l3tb3utLJQVq4lpEJud6kdRykFgcNsp8Q==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/logger-common/4.13.1:
-    resolution: {integrity: sha512-L6slbL/OyZaAXNtS/1A8SAbOJeEXD5JcZeDCPYDqSTYScfHu+2ePRTDMgUTY4gQ7HsYZ39N1LujOd8WBTmM2Aw==}
-    dev: true
+  '@algolia/ingestion@1.19.0':
+    resolution: {integrity: sha512-LO7w1MDV+ZLESwfPmXkp+KLeYeFrYEgtbCZG6buWjddhYraPQ9MuQWLhLLiaMlKxZ/sZvFTcZYuyI6Jx4WBhcg==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/logger-console/4.13.1:
-    resolution: {integrity: sha512-7jQOTftfeeLlnb3YqF8bNgA2GZht7rdKkJ31OCeSH2/61haO0tWPoNRjZq9XLlgMQZH276pPo0NdiArcYPHjCA==}
-    dependencies:
-      '@algolia/logger-common': 4.13.1
-    dev: true
+  '@algolia/monitoring@1.19.0':
+    resolution: {integrity: sha512-Mg4uoS0aIKeTpu6iv6O0Hj81s8UHagi5TLm9k2mLIib4vmMtX7WgIAHAcFIaqIZp5D6s5EVy1BaDOoZ7buuJHA==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/requester-browser-xhr/4.13.1:
-    resolution: {integrity: sha512-oa0CKr1iH6Nc7CmU6RE7TnXMjHnlyp7S80pP/LvZVABeJHX3p/BcSCKovNYWWltgTxUg0U1o+2uuy8BpMKljwA==}
-    dependencies:
-      '@algolia/requester-common': 4.13.1
-    dev: true
+  '@algolia/recommend@5.19.0':
+    resolution: {integrity: sha512-PbgrMTbUPlmwfJsxjFhal4XqZO2kpBNRjemLVTkUiti4w/+kzcYO4Hg5zaBgVqPwvFDNQ8JS4SS3TBBem88u+g==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/requester-common/4.13.1:
-    resolution: {integrity: sha512-eGVf0ID84apfFEuXsaoSgIxbU3oFsIbz4XiotU3VS8qGCJAaLVUC5BUJEkiFENZIhon7hIB4d0RI13HY4RSA+w==}
-    dev: true
+  '@algolia/requester-browser-xhr@5.19.0':
+    resolution: {integrity: sha512-GfnhnQBT23mW/VMNs7m1qyEyZzhZz093aY2x8p0era96MMyNv8+FxGek5pjVX0b57tmSCZPf4EqNCpkGcGsmbw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/requester-node-http/4.13.1:
-    resolution: {integrity: sha512-7C0skwtLdCz5heKTVe/vjvrqgL/eJxmiEjHqXdtypcE5GCQCYI15cb+wC4ytYioZDMiuDGeVYmCYImPoEgUGPw==}
-    dependencies:
-      '@algolia/requester-common': 4.13.1
-    dev: true
+  '@algolia/requester-fetch@5.19.0':
+    resolution: {integrity: sha512-oyTt8ZJ4T4fYvW5avAnuEc6Laedcme9fAFryMD9ndUTIUe/P0kn3BuGcCLFjN3FDmdrETHSFkgPPf1hGy3sLCw==}
+    engines: {node: '>= 14.0.0'}
 
-  /@algolia/transporter/4.13.1:
-    resolution: {integrity: sha512-pICnNQN7TtrcYJqqPEXByV8rJ8ZRU2hCiIKLTLRyNpghtQG3VAFk6fVtdzlNfdUGZcehSKGarPIZEHlQXnKjgw==}
-    dependencies:
-      '@algolia/cache-common': 4.13.1
-      '@algolia/logger-common': 4.13.1
-      '@algolia/requester-common': 4.13.1
-    dev: true
+  '@algolia/requester-node-http@5.19.0':
+    resolution: {integrity: sha512-p6t8ue0XZNjcRiqNkb5QAM0qQRAKsCiebZ6n9JjWA+p8fWf8BvnhO55y2fO28g3GW0Imj7PrAuyBuxq8aDVQwQ==}
+    engines: {node: '>= 14.0.0'}
 
-  /@ampproject/remapping/2.2.0:
-    resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/gen-mapping': 0.1.1
-      '@jridgewell/trace-mapping': 0.3.14
-    dev: true
-
-  /@antfu/utils/0.5.2:
-    resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==}
-    dev: true
 
-  /@babel/code-frame/7.18.6:
-    resolution: {integrity: sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/highlight': 7.18.6
-    dev: true
-
-  /@babel/compat-data/7.19.0:
-    resolution: {integrity: sha512-y5rqgTTPTmaF5e2nVhOxw+Ur9HDJLsWb6U/KpgUzRZEdPfE6VOubXBKLdbcUTijzRptednSBDQbYZBOSqJxpJw==}
-    engines: {node: '>=6.9.0'}
-    dev: true
-
-  /@babel/core/7.19.0:
-    resolution: {integrity: sha512-reM4+U7B9ss148rh2n1Qs9ASS+w94irYXga7c2jaQv9RVzpS7Mv1a9rnYYwuDa45G+DkORt9g6An2k/V4d9LbQ==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@ampproject/remapping': 2.2.0
-      '@babel/code-frame': 7.18.6
-      '@babel/generator': 7.19.0
-      '@babel/helper-compilation-targets': 7.19.0_@babel+core@7.19.0
-      '@babel/helper-module-transforms': 7.19.0
-      '@babel/helpers': 7.19.0
-      '@babel/parser': 7.19.0
-      '@babel/template': 7.18.10
-      '@babel/traverse': 7.19.0
-      '@babel/types': 7.19.0
-      convert-source-map: 1.8.0
-      debug: 4.3.4
-      gensync: 1.0.0-beta.2
-      json5: 2.2.1
-      semver: 6.3.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+  '@asamuzakjp/css-color@2.8.2':
+    resolution: {integrity: sha512-RtWv9jFN2/bLExuZgFFZ0I3pWWeezAHGgrmjqGGWclATl1aDe3yhCUaI0Ilkp6OCk9zX7+FjvDasEX8Q9Rxc5w==}
 
-  /@babel/generator/7.19.0:
-    resolution: {integrity: sha512-S1ahxf1gZ2dpoiFgA+ohK9DIpz50bJ0CWs7Zlzb54Z4sG8qmdIrGrVqmy1sAtTVRb+9CU6U8VqT9L0Zj7hxHVg==}
+  '@babel/code-frame@7.27.1':
+    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-      '@jridgewell/gen-mapping': 0.3.2
-      jsesc: 2.5.2
-    dev: true
 
-  /@babel/helper-annotate-as-pure/7.18.6:
-    resolution: {integrity: sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==}
+  '@babel/compat-data@7.27.2':
+    resolution: {integrity: sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/helper-compilation-targets/7.19.0_@babel+core@7.19.0:
-    resolution: {integrity: sha512-Ai5bNWXIvwDvWM7njqsG3feMlL9hCVQsPYXodsZyLwshYkZVJt59Gftau4VrE8S9IT9asd2uSP1hG6wCNw+sXA==}
+  '@babel/core@7.27.7':
+    resolution: {integrity: sha512-BU2f9tlKQ5CAthiMIgpzAh4eDTLWo1mqi9jqE2OxMG0E/OM199VJt2q8BztTxpnSW0i1ymdwLXRJnYzvDM5r2w==}
     engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/compat-data': 7.19.0
-      '@babel/core': 7.19.0
-      '@babel/helper-validator-option': 7.18.6
-      browserslist: 4.21.1
-      semver: 6.3.0
-    dev: true
 
-  /@babel/helper-create-class-features-plugin/7.19.0_@babel+core@7.19.0:
-    resolution: {integrity: sha512-NRz8DwF4jT3UfrmUoZjd0Uph9HQnP30t7Ash+weACcyNkiYTywpIjDBgReJMKgr+n86sn2nPVVmJ28Dm053Kqw==}
+  '@babel/generator@7.27.1':
+    resolution: {integrity: sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==}
     engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-    dependencies:
-      '@babel/core': 7.19.0
-      '@babel/helper-annotate-as-pure': 7.18.6
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-function-name': 7.19.0
-      '@babel/helper-member-expression-to-functions': 7.18.9
-      '@babel/helper-optimise-call-expression': 7.18.6
-      '@babel/helper-replace-supers': 7.18.9
-      '@babel/helper-split-export-declaration': 7.18.6
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
-  /@babel/helper-environment-visitor/7.18.9:
-    resolution: {integrity: sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==}
+  '@babel/generator@7.27.5':
+    resolution: {integrity: sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
-  /@babel/helper-function-name/7.19.0:
-    resolution: {integrity: sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==}
+  '@babel/helper-annotate-as-pure@7.27.1':
+    resolution: {integrity: sha512-WnuuDILl9oOBbKnb4L+DyODx7iC47XfzmNCpTttFsSp6hTG7XZxu60+4IO+2/hPfcGOoKbFiwoI/+zwARbNQow==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': 7.18.10
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/helper-hoist-variables/7.18.6:
-    resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==}
+  '@babel/helper-compilation-targets@7.27.2':
+    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/helper-member-expression-to-functions/7.18.9:
-    resolution: {integrity: sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg==}
+  '@babel/helper-create-class-features-plugin@7.27.1':
+    resolution: {integrity: sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
+    peerDependencies:
+      '@babel/core': ^7.0.0
 
-  /@babel/helper-module-imports/7.18.6:
-    resolution: {integrity: sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==}
+  '@babel/helper-member-expression-to-functions@7.27.1':
+    resolution: {integrity: sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/helper-module-transforms/7.19.0:
-    resolution: {integrity: sha512-3HBZ377Fe14RbLIA+ac3sY4PTgpxHVkFrESaWhoI5PuyXPBBX8+C34qblV9G89ZtycGJCmCI/Ut+VUDK4bltNQ==}
+  '@babel/helper-module-imports@7.27.1':
+    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-module-imports': 7.18.6
-      '@babel/helper-simple-access': 7.18.6
-      '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/helper-validator-identifier': 7.18.6
-      '@babel/template': 7.18.10
-      '@babel/traverse': 7.19.0
-      '@babel/types': 7.19.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
-  /@babel/helper-optimise-call-expression/7.18.6:
-    resolution: {integrity: sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==}
+  '@babel/helper-module-transforms@7.27.3':
+    resolution: {integrity: sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
+    peerDependencies:
+      '@babel/core': ^7.0.0
 
-  /@babel/helper-plugin-utils/7.18.6:
-    resolution: {integrity: sha512-gvZnm1YAAxh13eJdkb9EWHBnF3eAub3XTLCZEehHT2kWxiKVRL64+ae5Y6Ivne0mVHmMYKT+xWgZO+gQhuLUBg==}
+  '@babel/helper-optimise-call-expression@7.27.1':
+    resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
-  /@babel/helper-plugin-utils/7.19.0:
-    resolution: {integrity: sha512-40Ryx7I8mT+0gaNxm8JGTZFUITNqdLAgdg0hXzeVZxVD6nFsdhQvip6v8dqkRHzsz1VFpFAaOCHNn0vKBL7Czw==}
+  '@babel/helper-plugin-utils@7.27.1':
+    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
-  /@babel/helper-replace-supers/7.18.9:
-    resolution: {integrity: sha512-dNsWibVI4lNT6HiuOIBr1oyxo40HvIVmbwPUm3XZ7wMh4k2WxrxTqZwSqw/eEmXDS9np0ey5M2bz9tBmO9c+YQ==}
+  '@babel/helper-replace-supers@7.27.1':
+    resolution: {integrity: sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-member-expression-to-functions': 7.18.9
-      '@babel/helper-optimise-call-expression': 7.18.6
-      '@babel/traverse': 7.19.0
-      '@babel/types': 7.19.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+    peerDependencies:
+      '@babel/core': ^7.0.0
 
-  /@babel/helper-simple-access/7.18.6:
-    resolution: {integrity: sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==}
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    resolution: {integrity: sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/helper-split-export-declaration/7.18.6:
-    resolution: {integrity: sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==}
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/helper-string-parser/7.18.10:
-    resolution: {integrity: sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==}
+  '@babel/helper-validator-identifier@7.27.1':
+    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
-  /@babel/helper-validator-identifier/7.18.6:
-    resolution: {integrity: sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==}
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
-  /@babel/helper-validator-option/7.18.6:
-    resolution: {integrity: sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==}
+  '@babel/helpers@7.27.6':
+    resolution: {integrity: sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
-  /@babel/helpers/7.19.0:
-    resolution: {integrity: sha512-DRBCKGwIEdqY3+rPJgG/dKfQy9+08rHIAJx8q2p+HSWP87s2HCrQmaAMMyMll2kIXKCW0cO1RdQskx15Xakftg==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/template': 7.18.10
-      '@babel/traverse': 7.19.0
-      '@babel/types': 7.19.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+  '@babel/parser@7.27.2':
+    resolution: {integrity: sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
 
-  /@babel/highlight/7.18.6:
-    resolution: {integrity: sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==}
-    engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-validator-identifier': 7.18.6
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-    dev: true
+  '@babel/parser@7.27.7':
+    resolution: {integrity: sha512-qnzXzDXdr/po3bOTbTIQZ7+TxNKxpkN5IifVLXS+r7qwynkZfPyjZfE7hCXbo7IoO9TNcSyibgONsf2HauUd3Q==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
 
-  /@babel/parser/7.19.0:
-    resolution: {integrity: sha512-74bEXKX2h+8rrfQUfsBfuZZHzsEs6Eql4pqy/T4Nn6Y9wNPggQOqD6z6pn5Bl8ZfysKouFZT/UXEH94ummEeQw==}
+  '@babel/parser@7.28.0':
+    resolution: {integrity: sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==}
     engines: {node: '>=6.0.0'}
     hasBin: true
-    dependencies:
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/plugin-syntax-import-meta/7.10.4_@babel+core@7.19.0:
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+  '@babel/plugin-syntax-jsx@7.25.9':
+    resolution: {integrity: sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==}
+    engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.19.0
-      '@babel/helper-plugin-utils': 7.18.6
-    dev: true
 
-  /@babel/plugin-syntax-jsx/7.18.6_@babel+core@7.19.0:
-    resolution: {integrity: sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==}
+  '@babel/plugin-syntax-typescript@7.27.1':
+    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.19.0
-      '@babel/helper-plugin-utils': 7.19.0
-    dev: true
 
-  /@babel/plugin-syntax-typescript/7.18.6_@babel+core@7.19.0:
-    resolution: {integrity: sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==}
+  '@babel/plugin-transform-typescript@7.27.1':
+    resolution: {integrity: sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.19.0
-      '@babel/helper-plugin-utils': 7.19.0
-    dev: true
 
-  /@babel/plugin-transform-typescript/7.19.0_@babel+core@7.19.0:
-    resolution: {integrity: sha512-DOOIywxPpkQHXijXv+s9MDAyZcLp12oYRl3CMWZ6u7TjSoCBq/KqHR/nNFR3+i2xqheZxoF0H2XyL7B6xeSRuA==}
+  '@babel/template@7.27.2':
+    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
     engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-    dependencies:
-      '@babel/core': 7.19.0
-      '@babel/helper-create-class-features-plugin': 7.19.0_@babel+core@7.19.0
-      '@babel/helper-plugin-utils': 7.19.0
-      '@babel/plugin-syntax-typescript': 7.18.6_@babel+core@7.19.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
-  /@babel/template/7.18.10:
-    resolution: {integrity: sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==}
+  '@babel/traverse@7.27.1':
+    resolution: {integrity: sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': 7.18.6
-      '@babel/parser': 7.19.0
-      '@babel/types': 7.19.0
-    dev: true
 
-  /@babel/traverse/7.19.0:
-    resolution: {integrity: sha512-4pKpFRDh+utd2mbRC8JLnlsMUii3PMHjpL6a0SZ4NMZy7YFP9aXORxEhdMVOc9CpWtDF09IkciQLEhK7Ml7gRA==}
+  '@babel/traverse@7.27.7':
+    resolution: {integrity: sha512-X6ZlfR/O/s5EQ/SnUSLzr+6kGnkg8HXGMzpgsMsrJVcfDtH1vIp6ctCN4eZ1LS5c0+te5Cb6Y514fASjMRJ1nw==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/code-frame': 7.18.6
-      '@babel/generator': 7.19.0
-      '@babel/helper-environment-visitor': 7.18.9
-      '@babel/helper-function-name': 7.19.0
-      '@babel/helper-hoist-variables': 7.18.6
-      '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.19.0
-      '@babel/types': 7.19.0
-      debug: 4.3.4
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
 
-  /@babel/types/7.19.0:
-    resolution: {integrity: sha512-YuGopBq3ke25BVSiS6fgF49Ul9gH1x70Bcr6bqRLjWCkcX8Hre1/5+z+IiWOIerRMSSEfGZVB9z9kyq7wVs9YA==}
+  '@babel/types@7.27.1':
+    resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==}
     engines: {node: '>=6.9.0'}
-    dependencies:
-      '@babel/helper-string-parser': 7.18.10
-      '@babel/helper-validator-identifier': 7.18.6
-      to-fast-properties: 2.0.0
-    dev: true
 
-  /@bcoe/v8-coverage/0.2.3:
-    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
-    dev: true
+  '@babel/types@7.27.6':
+    resolution: {integrity: sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==}
+    engines: {node: '>=6.9.0'}
 
-  /@docsearch/css/3.1.1:
-    resolution: {integrity: sha512-utLgg7E1agqQeqCJn05DWC7XXMk4tMUUnL7MZupcknRu2OzGN13qwey2qA/0NAKkVBGugiWtON0+rlU0QIPojg==}
-    dev: true
+  '@babel/types@7.27.7':
+    resolution: {integrity: sha512-8OLQgDScAOHXnAz2cV+RfzzNMipuLVBz2biuAJFMV9bfkNf393je3VM8CLkjQodW5+iWsSJdSgSWT6rsZoXHPw==}
+    engines: {node: '>=6.9.0'}
 
-  /@docsearch/js/3.1.1:
-    resolution: {integrity: sha512-bt7l2aKRoSnLUuX+s4LVQ1a7AF2c9myiZNv5uvQCePG5tpvVGpwrnMwqVXOUJn9q6FwVVhOrQMO/t+QmnnAEUw==}
-    dependencies:
-      '@docsearch/react': 3.1.1
-      preact: 10.8.2
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-      - '@types/react'
-      - react
-      - react-dom
-    dev: true
+  '@babel/types@7.28.1':
+    resolution: {integrity: sha512-x0LvFTekgSX+83TI28Y9wYPUfzrnl2aT5+5QLnO6v7mSJYtEEevuDRN0F0uSHRk1G1IWZC43o00Y0xDDrpBGPQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@csstools/color-helpers@5.0.1':
+    resolution: {integrity: sha512-MKtmkA0BX87PKaO1NFRTFH+UnkgnmySQOvNxJubsadusqPEC2aJ9MOQiMceZJJ6oitUl/i0L6u0M1IrmAOmgBA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.1':
+    resolution: {integrity: sha512-rL7kaUnTkL9K+Cvo2pnCieqNpTKgQzy5f+N+5Iuko9HAoasP+xgprVh7KN/MaJVvVL1l0EzQq2MoqBHKSrDrag==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.4
+      '@csstools/css-tokenizer': ^3.0.3
 
-  /@docsearch/react/3.1.1:
-    resolution: {integrity: sha512-cfoql4qvtsVRqBMYxhlGNpvyy/KlCoPqjIsJSZYqYf9AplZncKjLBTcwBu6RXFMVCe30cIFljniI4OjqAU67pQ==}
+  '@csstools/css-color-parser@3.0.7':
+    resolution: {integrity: sha512-nkMp2mTICw32uE5NN+EsJ4f5N+IGFeCFu4bGpiKgb2Pq/7J/MpyLBeQ5ry4KKtRFZaYs6sTmcMYrSRIyj5DFKA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.4
+      '@csstools/css-tokenizer': ^3.0.3
+
+  '@csstools/css-parser-algorithms@3.0.4':
+    resolution: {integrity: sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.3
+
+  '@csstools/css-tokenizer@3.0.3':
+    resolution: {integrity: sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==}
+    engines: {node: '>=18'}
+
+  '@docsearch/css@3.8.2':
+    resolution: {integrity: sha512-y05ayQFyUmCXze79+56v/4HpycYF3uFqB78pLPrSV5ZKAlDuIAAJNhaRi8tTdRNXh05yxX/TyNnzD6LwSM89vQ==}
+
+  '@docsearch/js@3.8.2':
+    resolution: {integrity: sha512-Q5wY66qHn0SwA7Taa0aDbHiJvaFJLOJyHmooQ7y8hlwwQLQ/5WwCcoX0g7ii04Qi2DJlHsd0XXzJ8Ypw9+9YmQ==}
+
+  '@docsearch/react@3.8.2':
+    resolution: {integrity: sha512-xCRrJQlTt8N9GU0DG4ptwHRkfnSnD/YpdeaXe02iKfqs97TkZJv60yE+1eq/tjPcVnTW8dP5qLP7itifFVV5eg==}
     peerDependencies:
       '@types/react': '>= 16.8.0 < 19.0.0'
       react: '>= 16.8.0 < 19.0.0'
       react-dom: '>= 16.8.0 < 19.0.0'
+      search-insights: '>= 1 < 3'
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -540,3543 +410,5136 @@ packages:
         optional: true
       react-dom:
         optional: true
-    dependencies:
-      '@algolia/autocomplete-core': 1.7.1
-      '@algolia/autocomplete-preset-algolia': 1.7.1_algoliasearch@4.13.1
-      '@docsearch/css': 3.1.1
-      algoliasearch: 4.13.1
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-    dev: true
+      search-insights:
+        optional: true
 
-  /@esbuild/linux-loong64/0.15.7:
-    resolution: {integrity: sha512-IKznSJOsVUuyt7cDzzSZyqBEcZe+7WlBqTVXiF1OXP/4Nm387ToaXZ0fyLwI1iBlI/bzpxVq411QE2/Bt2XWWw==}
+  '@esbuild/aix-ppc64@0.21.5':
+    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
     engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+    cpu: [ppc64]
+    os: [aix]
 
-  /@eslint/eslintrc/1.3.2:
-    resolution: {integrity: sha512-AXYd23w1S/bv3fTs3Lz0vjiYemS08jWkI3hYyS9I1ry+0f+Yjs1wm+sU0BS8qDOPrBIkp4qHYC16I8uVtpLajQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 9.4.0
-      globals: 13.15.0
-      ignore: 5.2.0
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+  '@esbuild/aix-ppc64@0.25.0':
+    resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
 
-  /@humanwhocodes/config-array/0.10.5:
-    resolution: {integrity: sha512-XVVDtp+dVvRxMoxSiSfasYaG02VEe1qH5cKgMQJWhol6HwzbcqoCMJi8dAGoYAO57jhUyhI6cWuRiTcRaDaYug==}
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+  '@esbuild/android-arm64@0.21.5':
+    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
 
-  /@humanwhocodes/gitignore-to-minimatch/1.0.2:
-    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}
-    dev: true
+  '@esbuild/android-arm64@0.25.0':
+    resolution: {integrity: sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
 
-  /@humanwhocodes/module-importer/1.0.1:
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-    dev: true
+  '@esbuild/android-arm@0.21.5':
+    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
 
-  /@humanwhocodes/object-schema/1.2.1:
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
-    dev: true
+  '@esbuild/android-arm@0.25.0':
+    resolution: {integrity: sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
 
-  /@istanbuljs/schema/0.1.3:
-    resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
-    engines: {node: '>=8'}
-    dev: true
+  '@esbuild/android-x64@0.21.5':
+    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
 
-  /@jridgewell/gen-mapping/0.1.1:
-    resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
+  '@esbuild/android-x64@0.25.0':
+    resolution: {integrity: sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
 
-  /@jridgewell/gen-mapping/0.3.2:
-    resolution: {integrity: sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==}
-    engines: {node: '>=6.0.0'}
-    dependencies:
-      '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
-      '@jridgewell/trace-mapping': 0.3.14
-    dev: true
+  '@esbuild/darwin-arm64@0.21.5':
+    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
 
-  /@jridgewell/resolve-uri/3.0.8:
-    resolution: {integrity: sha512-YK5G9LaddzGbcucK4c8h5tWFmMPBvRZ/uyWmN1/SbBdIvqGUdWGkJ5BAaccgs6XbzVLsqbPJrBSFwKv3kT9i7w==}
-    engines: {node: '>=6.0.0'}
-    dev: true
+  '@esbuild/darwin-arm64@0.25.0':
+    resolution: {integrity: sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
 
-  /@jridgewell/set-array/1.1.2:
-    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
-    engines: {node: '>=6.0.0'}
-    dev: true
+  '@esbuild/darwin-x64@0.21.5':
+    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
 
-  /@jridgewell/sourcemap-codec/1.4.14:
-    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
-    dev: true
+  '@esbuild/darwin-x64@0.25.0':
+    resolution: {integrity: sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
 
-  /@jridgewell/trace-mapping/0.3.14:
-    resolution: {integrity: sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==}
-    dependencies:
-      '@jridgewell/resolve-uri': 3.0.8
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
+  '@esbuild/freebsd-arm64@0.21.5':
+    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
 
-  /@nodelib/fs.scandir/2.1.5:
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-    dev: true
+  '@esbuild/freebsd-arm64@0.25.0':
+    resolution: {integrity: sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
 
-  /@nodelib/fs.stat/2.0.5:
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-    dev: true
+  '@esbuild/freebsd-x64@0.21.5':
+    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
 
-  /@nodelib/fs.walk/1.2.8:
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.13.0
-    dev: true
+  '@esbuild/freebsd-x64@0.25.0':
+    resolution: {integrity: sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
 
-  /@rollup/plugin-commonjs/22.0.2_rollup@2.79.1:
-    resolution: {integrity: sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==}
-    engines: {node: '>= 12.0.0'}
-    peerDependencies:
-      rollup: ^2.68.0
-    dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.79.1
-      commondir: 1.0.1
-      estree-walker: 2.0.2
-      glob: 7.2.3
-      is-reference: 1.2.1
-      magic-string: 0.25.9
-      resolve: 1.22.1
-      rollup: 2.79.1
-    dev: true
+  '@esbuild/linux-arm64@0.21.5':
+    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
 
-  /@rollup/plugin-json/4.1.0_rollup@2.79.1:
-    resolution: {integrity: sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==}
-    peerDependencies:
-      rollup: ^1.20.0 || ^2.0.0
-    dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.79.1
-      rollup: 2.79.1
-    dev: true
+  '@esbuild/linux-arm64@0.25.0':
+    resolution: {integrity: sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
 
-  /@rollup/plugin-node-resolve/14.1.0_rollup@2.79.1:
-    resolution: {integrity: sha512-5G2niJroNCz/1zqwXtk0t9+twOSDlG00k1Wfd7bkbbXmwg8H8dvgHdIWAun53Ps/rckfvOC7scDBjuGFg5OaWw==}
-    engines: {node: '>= 10.0.0'}
-    peerDependencies:
-      rollup: ^2.78.0
-    dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.79.1
-      '@types/resolve': 1.17.1
-      deepmerge: 4.2.2
-      is-builtin-module: 3.1.0
-      is-module: 1.0.0
-      resolve: 1.22.1
-      rollup: 2.79.1
-    dev: true
+  '@esbuild/linux-arm@0.21.5':
+    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
 
-  /@rollup/plugin-replace/4.0.0_rollup@2.79.1:
-    resolution: {integrity: sha512-+rumQFiaNac9y64OHtkHGmdjm7us9bo1PlbgQfdihQtuNxzjpaB064HbRnewUOggLQxVCCyINfStkgmBeQpv1g==}
-    peerDependencies:
-      rollup: ^1.20.0 || ^2.0.0
-    dependencies:
-      '@rollup/pluginutils': 3.1.0_rollup@2.79.1
-      magic-string: 0.25.9
-      rollup: 2.79.1
-    dev: true
+  '@esbuild/linux-arm@0.25.0':
+    resolution: {integrity: sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
 
-  /@rollup/pluginutils/3.1.0_rollup@2.79.1:
-    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
-    engines: {node: '>= 8.0.0'}
-    peerDependencies:
-      rollup: ^1.20.0||^2.0.0
-    dependencies:
-      '@types/estree': 0.0.39
-      estree-walker: 1.0.1
-      picomatch: 2.3.1
-      rollup: 2.79.1
-    dev: true
+  '@esbuild/linux-ia32@0.21.5':
+    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
 
-  /@rollup/pluginutils/4.2.1:
-    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
-    engines: {node: '>= 8.0.0'}
-    dependencies:
-      estree-walker: 2.0.2
-      picomatch: 2.3.1
-    dev: true
+  '@esbuild/linux-ia32@0.25.0':
+    resolution: {integrity: sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
 
-  /@tootallnate/once/2.0.0:
-    resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
-    engines: {node: '>= 10'}
-    dev: true
+  '@esbuild/linux-loong64@0.21.5':
+    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
 
-  /@types/chai-subset/1.3.3:
-    resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
-    dependencies:
-      '@types/chai': 4.3.3
-    dev: true
+  '@esbuild/linux-loong64@0.25.0':
+    resolution: {integrity: sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
 
-  /@types/chai/4.3.3:
-    resolution: {integrity: sha512-hC7OMnszpxhZPduX+m+nrx+uFoLkWOMiR4oa/AZF3MuSETYTZmFfJAHqZEM8MVlvfG7BEUcgvtwoCTxBp6hm3g==}
-    dev: true
+  '@esbuild/linux-mips64el@0.21.5':
+    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
 
-  /@types/estree/0.0.39:
-    resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
-    dev: true
+  '@esbuild/linux-mips64el@0.25.0':
+    resolution: {integrity: sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
 
-  /@types/estree/0.0.52:
-    resolution: {integrity: sha512-BZWrtCU0bMVAIliIV+HJO1f1PR41M7NKjfxrFJwwhKI1KwhwOxYw1SXg9ao+CIMt774nFuGiG6eU+udtbEI9oQ==}
-    dev: true
+  '@esbuild/linux-ppc64@0.21.5':
+    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
 
-  /@types/istanbul-lib-coverage/2.0.4:
-    resolution: {integrity: sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==}
-    dev: true
+  '@esbuild/linux-ppc64@0.25.0':
+    resolution: {integrity: sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
 
-  /@types/json-schema/7.0.11:
-    resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
-    dev: true
+  '@esbuild/linux-riscv64@0.21.5':
+    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
 
-  /@types/node/18.0.6:
-    resolution: {integrity: sha512-/xUq6H2aQm261exT6iZTMifUySEt4GR5KX8eYyY+C4MSNPqSh9oNIP7tz2GLKTlFaiBbgZNxffoR3CVRG+cljw==}
-    dev: true
+  '@esbuild/linux-riscv64@0.25.0':
+    resolution: {integrity: sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
 
-  /@types/pretty/2.0.1:
-    resolution: {integrity: sha512-l18spTC0Q2OEUIHGPyw37XBOacFI4Kng1fgfFjgDTg2FR9wqJ/NY9zWyXv87NRUlFDU6JA+E/GVnNJiWgyon6A==}
-    dev: true
+  '@esbuild/linux-s390x@0.21.5':
+    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
 
-  /@types/resolve/1.17.1:
-    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
-    dependencies:
-      '@types/node': 18.0.6
-    dev: true
+  '@esbuild/linux-s390x@0.25.0':
+    resolution: {integrity: sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
 
-  /@typescript-eslint/eslint-plugin/5.38.1_c7qepppml3d4ahu5cnfwqe6ltq:
-    resolution: {integrity: sha512-ky7EFzPhqz3XlhS7vPOoMDaQnQMn+9o5ICR9CPr/6bw8HrFkzhMSxuA3gRfiJVvs7geYrSeawGJjZoZQKCOglQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^5.0.0
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
+  '@esbuild/linux-x64@0.21.5':
+    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.0':
+    resolution: {integrity: sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.0':
+    resolution: {integrity: sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.21.5':
+    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.0':
+    resolution: {integrity: sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.0':
+    resolution: {integrity: sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.21.5':
+    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.0':
+    resolution: {integrity: sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/sunos-x64@0.21.5':
+    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.25.0':
+    resolution: {integrity: sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.21.5':
+    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.25.0':
+    resolution: {integrity: sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.21.5':
+    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.0':
+    resolution: {integrity: sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.21.5':
+    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.0':
+    resolution: {integrity: sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.7.0':
+    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.1':
+    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.0':
+    resolution: {integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.3.0':
+    resolution: {integrity: sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.15.1':
+    resolution: {integrity: sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.1':
+    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.32.0':
+    resolution: {integrity: sha512-BBpRFZK3eX6uMLKz8WxFOBIFFcGFJ/g8XuwjTHCqHROSIsopI+ddn/d5Cfh36+7+e5edVS8dbSHnBNhrLEX0zg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.6':
+    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.3.4':
+    resolution: {integrity: sha512-Ul5l+lHEcw3L5+k8POx6r74mxEYKG5kOb6Xpy2gCRW6zweT6TEhAf8vhxGgjhqrd/VO/Dirhsb+1hNpD1ue9hw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.6':
+    resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.3.1':
+    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
+    engines: {node: '>=18.18'}
+
+  '@humanwhocodes/retry@0.4.2':
+    resolution: {integrity: sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==}
+    engines: {node: '>=18.18'}
+
+  '@iconify-json/simple-icons@1.2.21':
+    resolution: {integrity: sha512-aqbIuVshMZ2fNEhm25//9DoKudboXF3CpoEQJJlHl9gVSVNOTr4cgaCIZvgSEYmys2HHEfmhcpoZIhoEFZS8SQ==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@istanbuljs/schema@0.1.3':
+    resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
+    engines: {node: '>=8'}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/resolve-uri@3.1.0':
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+  '@kwsites/file-exists@1.1.1':
+    resolution: {integrity: sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==}
+
+  '@kwsites/promise-deferred@1.1.1':
+    resolution: {integrity: sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@one-ini/wasm@0.1.1':
+    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@pkgr/core@0.2.7':
+    resolution: {integrity: sha512-YLT9Zo3oNPJoBjBc4q8G2mjU4tqIbf5CEOORbUUr48dCD9q3umJ3IPlVqOqDakPfd2HuwccBaqlGhN4Gmr5OWg==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+
+  '@rolldown/pluginutils@1.0.0-beta.22':
+    resolution: {integrity: sha512-/i+XBSHy+t8NacDNSucTckzPfzEa+zQVnZPxRp/Nr2q4xhGsZ01tN7AMRJVxmDkUKDzib0rteOUIn2x0mvk4eg==}
+
+  '@rolldown/pluginutils@1.0.0-beta.29':
+    resolution: {integrity: sha512-NIJgOsMjbxAXvoGq/X0gD7VPMQ8j9g0BiDaNjVNVjvl+iKXxL3Jre0v31RmBYeLEmkbj2s02v8vFTbUXi5XS2Q==}
+
+  '@rollup/plugin-commonjs@28.0.6':
+    resolution: {integrity: sha512-XSQB1K7FUU5QP+3lOQmVCE3I0FcbbNvmNT4VJSj93iUjayaARrTQeoRdiYQoftAJBLrR9t2agwAd3ekaTgHNlw==}
+    engines: {node: '>=16.0.0 || 14 >= 14.17'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-json@6.1.0':
+    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-node-resolve@16.0.1':
+    resolution: {integrity: sha512-tk5YCxJWIG81umIvNkSod2qK5KyQW19qcBF/B78n1bjtOON6gzKoVeSzAE8yHCZEDmqkHKkxplExA8KzdJLJpA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-replace@6.0.2':
+    resolution: {integrity: sha512-7QaYCf8bqF04dOy7w/eHmJeNExxTYwvKAmlSAH/EaWWUzbT0h5sbF6bktFoX/0F/0qwng5/dWFMyf3gzaM8DsQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-typescript@12.1.4':
+    resolution: {integrity: sha512-s5Hx+EtN60LMlDBvl5f04bEiFZmAepk27Q+mr85L/00zPDn1jtzlTV6FWn81MaIwqfWzKxmOJrBWHU6vtQyedQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.14.0||^3.0.0||^4.0.0
+      tslib: '*'
+      typescript: '>=3.7.0'
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+      tslib:
+        optional: true
+
+  '@rollup/pluginutils@5.1.0':
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/pluginutils@5.1.3':
+    resolution: {integrity: sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/pluginutils@5.1.4':
+    resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.46.2':
+    resolution: {integrity: sha512-Zj3Hl6sN34xJtMv7Anwb5Gu01yujyE/cLBDB2gnHTAHaWS1Z38L7kuSG+oAh0giZMqG060f/YBStXtMH6FvPMA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.46.2':
+    resolution: {integrity: sha512-nTeCWY83kN64oQ5MGz3CgtPx8NSOhC5lWtsjTs+8JAJNLcP3QbLCtDDgUKQc/Ro/frpMq4SHUaHN6AMltcEoLQ==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.46.2':
+    resolution: {integrity: sha512-HV7bW2Fb/F5KPdM/9bApunQh68YVDU8sO8BvcW9OngQVN3HHHkw99wFupuUJfGR9pYLLAjcAOA6iO+evsbBaPQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.46.2':
+    resolution: {integrity: sha512-SSj8TlYV5nJixSsm/y3QXfhspSiLYP11zpfwp6G/YDXctf3Xkdnk4woJIF5VQe0of2OjzTt8EsxnJDCdHd2xMA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.46.2':
+    resolution: {integrity: sha512-ZyrsG4TIT9xnOlLsSSi9w/X29tCbK1yegE49RYm3tu3wF1L/B6LVMqnEWyDB26d9Ecx9zrmXCiPmIabVuLmNSg==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.46.2':
+    resolution: {integrity: sha512-pCgHFoOECwVCJ5GFq8+gR8SBKnMO+xe5UEqbemxBpCKYQddRQMgomv1104RnLSg7nNvgKy05sLsY51+OVRyiVw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.46.2':
+    resolution: {integrity: sha512-EtP8aquZ0xQg0ETFcxUbU71MZlHaw9MChwrQzatiE8U/bvi5uv/oChExXC4mWhjiqK7azGJBqU0tt5H123SzVA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.46.2':
+    resolution: {integrity: sha512-qO7F7U3u1nfxYRPM8HqFtLd+raev2K137dsV08q/LRKRLEc7RsiDWihUnrINdsWQxPR9jqZ8DIIZ1zJJAm5PjQ==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.46.2':
+    resolution: {integrity: sha512-3dRaqLfcOXYsfvw5xMrxAk9Lb1f395gkoBYzSFcc/scgRFptRXL9DOaDpMiehf9CO8ZDRJW2z45b6fpU5nwjng==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.46.2':
+    resolution: {integrity: sha512-fhHFTutA7SM+IrR6lIfiHskxmpmPTJUXpWIsBXpeEwNgZzZZSg/q4i6FU4J8qOGyJ0TR+wXBwx/L7Ho9z0+uDg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.46.2':
+    resolution: {integrity: sha512-i7wfGFXu8x4+FRqPymzjD+Hyav8l95UIZ773j7J7zRYc3Xsxy2wIn4x+llpunexXe6laaO72iEjeeGyUFmjKeA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.46.2':
+    resolution: {integrity: sha512-B/l0dFcHVUnqcGZWKcWBSV2PF01YUt0Rvlurci5P+neqY/yMKchGU8ullZvIv5e8Y1C6wOn+U03mrDylP5q9Yw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.46.2':
+    resolution: {integrity: sha512-32k4ENb5ygtkMwPMucAb8MtV8olkPT03oiTxJbgkJa7lJ7dZMr0GCFJlyvy+K8iq7F/iuOr41ZdUHaOiqyR3iQ==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.46.2':
+    resolution: {integrity: sha512-t5B2loThlFEauloaQkZg9gxV05BYeITLvLkWOkRXogP4qHXLkWSbSHKM9S6H1schf/0YGP/qNKtiISlxvfmmZw==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.46.2':
+    resolution: {integrity: sha512-YKjekwTEKgbB7n17gmODSmJVUIvj8CX7q5442/CK80L8nqOUbMtf8b01QkG3jOqyr1rotrAnW6B/qiHwfcuWQA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.46.2':
+    resolution: {integrity: sha512-Jj5a9RUoe5ra+MEyERkDKLwTXVu6s3aACP51nkfnK9wJTraCC8IMe3snOfALkrjTYd2G1ViE1hICj0fZ7ALBPA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.46.2':
+    resolution: {integrity: sha512-7kX69DIrBeD7yNp4A5b81izs8BqoZkCIaxQaOpumcJ1S/kmqNFjPhDu1LHeVXv0SexfHQv5cqHsxLOjETuqDuA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-win32-arm64-msvc@4.46.2':
+    resolution: {integrity: sha512-wiJWMIpeaak/jsbaq2HMh/rzZxHVW1rU6coyeNNpMwk5isiPjSTx0a4YLSlYDwBH/WBvLz+EtsNqQScZTLJy3g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.46.2':
+    resolution: {integrity: sha512-gBgaUDESVzMgWZhcyjfs9QFK16D8K6QZpwAaVNJxYDLHWayOta4ZMjGm/vsAEy3hvlS2GosVFlBlP9/Wb85DqQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.46.2':
+    resolution: {integrity: sha512-CvUo2ixeIQGtF6WvuB87XWqPQkoFAFqW+HUo/WzHwuHDvIwZCtjdWXoYCcr06iKGydiqTclC4jU/TNObC/xKZg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@shikijs/core@2.1.0':
+    resolution: {integrity: sha512-v795KDmvs+4oV0XD05YLzfDMe9ISBgNjtFxP4PAEv5DqyeghO1/TwDqs9ca5/E6fuO95IcAcWqR6cCX9TnqLZA==}
+
+  '@shikijs/engine-javascript@2.1.0':
+    resolution: {integrity: sha512-cgIUdAliOsoaa0rJz/z+jvhrpRd+fVAoixVFEVxUq5FA+tHgBZAIfVJSgJNVRj2hs/wZ1+4hMe82eKAThVh0nQ==}
+
+  '@shikijs/engine-oniguruma@2.1.0':
+    resolution: {integrity: sha512-Ujik33wEDqgqY2WpjRDUBECGcKPv3eGGkoXPujIXvokLaRmGky8NisSk8lHUGeSFxo/Cz5sgFej9sJmA9yeepg==}
+
+  '@shikijs/langs@2.1.0':
+    resolution: {integrity: sha512-Jn0gS4rPgerMDPj1ydjgFzZr5fAIoMYz4k7ZT3LJxWWBWA6lokK0pumUwVtb+MzXtlpjxOaQejLprmLbvMZyww==}
+
+  '@shikijs/themes@2.1.0':
+    resolution: {integrity: sha512-oS2mU6+bz+8TKutsjBxBA7Z3vrQk21RCmADLpnu8cy3tZD6Rw0FKqDyXNtwX52BuIDKHxZNmRlTdG3vtcYv3NQ==}
+
+  '@shikijs/transformers@2.1.0':
+    resolution: {integrity: sha512-3sfvh6OKUVkT5wZFU1xxiq1qqNIuCwUY3yOb9ZGm19y80UZ/eoroLE2orGNzfivyTxR93GfXXZC/ghPR0/SBow==}
+
+  '@shikijs/types@2.1.0':
+    resolution: {integrity: sha512-OFOdHA6VEVbiQvepJ8yqicC6VmBrKxFFhM2EsHHrZESqLVAXOSeRDiuSYV185lIgp15TVic5vYBYNhTsk1xHLg==}
+
+  '@shikijs/vscode-textmate@10.0.1':
+    resolution: {integrity: sha512-fTIQwLF+Qhuws31iw7Ncl1R3HUDtGwIipiJ9iU+UsDUwMhegFcQKQHd51nZjb7CArq0MvON8rbgCGQYWHUKAdg==}
+
+  '@types/chai@5.2.2':
+    resolution: {integrity: sha512-8kB30R7Hwqf40JPiKhVzodJs2Qc1ZJ5zuT3uzw5Hq/dhNCl3G3l83jfpdI1e20BP348+fV7VIL/+FxaXkqBmWg==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+
+  '@types/estree@1.0.7':
+    resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/js-beautify@1.14.3':
+    resolution: {integrity: sha512-FMbQHz+qd9DoGvgLHxeqqVPaNRffpIu5ZjozwV8hf9JAGpIOzuAf4wGbRSo8LNITHqGjmmVjaMggTT5P4v4IHg==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/linkify-it@5.0.0':
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
+
+  '@types/markdown-it@14.1.2':
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdurl@2.0.0':
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
+  '@types/node@22.17.0':
+    resolution: {integrity: sha512-bbAKTCqX5aNVryi7qXVMi+OkB3w/OyblodicMbvE38blyAz7GxXf6XYhklokijuPwwVg9sDLKRxt0ZHXQwZVfQ==}
+
+  '@types/resolve@1.20.2':
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+
+  '@types/unist@3.0.2':
+    resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
+
+  '@types/web-bluetooth@0.0.20':
+    resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
+
+  '@typescript-eslint/eslint-plugin@8.39.0':
+    resolution: {integrity: sha512-bhEz6OZeUR+O/6yx9Jk6ohX6H9JSFTaiY0v9/PuKT3oGK0rn0jNplLmyFUGV+a9gfYnVNwGDwS/UkLIuXNb2Rw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.39.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/parser@8.39.0':
+    resolution: {integrity: sha512-g3WpVQHngx0aLXn6kfIYCZxM6rRJlWzEkVpqEFLT3SgEDsp9cpCbxxgwnE504q4H+ruSDh/VGS6nqZIDynP+vg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/project-service@8.39.0':
+    resolution: {integrity: sha512-CTzJqaSq30V/Z2Og9jogzZt8lJRR5TKlAdXmWgdu4hgcC9Kww5flQ+xFvMxIBWVNdxJO7OifgdOK4PokMIWPew==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/scope-manager@8.39.0':
+    resolution: {integrity: sha512-8QOzff9UKxOh6npZQ/4FQu4mjdOCGSdO3p44ww0hk8Vu+IGbg0tB/H1LcTARRDzGCC8pDGbh2rissBuuoPgH8A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.39.0':
+    resolution: {integrity: sha512-Fd3/QjmFV2sKmvv3Mrj8r6N8CryYiCS8Wdb/6/rgOXAWGcFuc+VkQuG28uk/4kVNVZBQuuDHEDUpo/pQ32zsIQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/type-utils@8.39.0':
+    resolution: {integrity: sha512-6B3z0c1DXVT2vYA9+z9axjtc09rqKUPRmijD5m9iv8iQpHBRYRMBcgxSiKTZKm6FwWw1/cI4v6em35OsKCiN5Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/types@8.39.0':
+    resolution: {integrity: sha512-ArDdaOllnCj3yn/lzKn9s0pBQYmmyme/v1HbGIGB0GB/knFI3fWMHloC+oYTJW46tVbYnGKTMDK4ah1sC2v0Kg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.39.0':
+    resolution: {integrity: sha512-ndWdiflRMvfIgQRpckQQLiB5qAKQ7w++V4LlCHwp62eym1HLB/kw7D9f2e8ytONls/jt89TEasgvb+VwnRprsw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/utils@8.39.0':
+    resolution: {integrity: sha512-4GVSvNA0Vx1Ktwvf4sFE+exxJ3QGUorQG1/A5mRfRNZtkBT2xrA/BCO2H0eALx/PnvCS6/vmYwRdDA41EoffkQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/visitor-keys@8.39.0':
+    resolution: {integrity: sha512-ldgiJ+VAhQCfIjeOgu8Kj5nSxds0ktPOSO9p4+0VDH2R2pLvQraaM5Oen2d7NxzMCm+Sn/vJT+mv2H5u6b/3fA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@ungap/structured-clone@1.2.0':
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+
+  '@vitejs/plugin-vue-jsx@5.0.1':
+    resolution: {integrity: sha512-X7qmQMXbdDh+sfHUttXokPD0cjPkMFoae7SgbkF9vi3idGUKmxLcnU2Ug49FHwiKXebfzQRIm5yK3sfCJzNBbg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+      vue: ^3.0.0
+
+  '@vitejs/plugin-vue@5.2.4':
+    resolution: {integrity: sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0
+      vue: ^3.2.25
+
+  '@vitejs/plugin-vue@6.0.1':
+    resolution: {integrity: sha512-+MaE752hU0wfPFJEUAIxqw18+20euHHdxVtMvbFcOEpjEyfqXH/5DCoTHiVJ0J29EhTJdoTkjEv5YBKU9dnoTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+      vue: ^3.2.25
+
+  '@vitest/coverage-v8@3.2.4':
+    resolution: {integrity: sha512-EyF9SXU6kS5Ku/U82E259WSnvg6c8KTjppUncuNdm5QHpe17mwREHnjDzozC8x9MZ0xfBUFSaLkRv4TMA75ALQ==}
+    peerDependencies:
+      '@vitest/browser': 3.2.4
+      vitest: 3.2.4
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
+  '@vitest/mocker@3.2.4':
+    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/runner@3.2.4':
+    resolution: {integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==}
+
+  '@vitest/snapshot@3.2.4':
+    resolution: {integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
+
+  '@volar/language-core@2.4.22':
+    resolution: {integrity: sha512-gp4M7Di5KgNyIyO903wTClYBavRt6UyFNpc5LWfyZr1lBsTUY+QrVZfmbNF2aCyfklBOVk9YC4p+zkwoyT7ECg==}
+
+  '@volar/source-map@2.4.22':
+    resolution: {integrity: sha512-L2nVr/1vei0xKRgO2tYVXtJYd09HTRjaZi418e85Q+QdbbqA8h7bBjfNyPPSsjnrOO4l4kaAo78c8SQUAdHvgA==}
+
+  '@volar/typescript@2.4.22':
+    resolution: {integrity: sha512-6ZczlJW1/GWTrNnkmZxJp4qyBt/SGVlcTuCWpI5zLrdPdCZsj66Aff9ZsfFaT3TyjG8zVYgBMYPuCm/eRkpcpQ==}
+
+  '@vue/babel-helper-vue-transform-on@1.4.0':
+    resolution: {integrity: sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==}
+
+  '@vue/babel-plugin-jsx@1.4.0':
+    resolution: {integrity: sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+
+  '@vue/babel-plugin-resolve-type@1.4.0':
+    resolution: {integrity: sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@vue/compat@3.5.18':
+    resolution: {integrity: sha512-9nJUhd2+1JBW2YRxPkF0JZ+UieK2U7FEVla+7V4d9IlzD9HztQFSFj9VVR3sy/aTIUTyEhysKvsv7geD1jEiKg==}
+    peerDependencies:
+      vue: 3.5.18
+
+  '@vue/compiler-core@3.5.18':
+    resolution: {integrity: sha512-3slwjQrrV1TO8MoXgy3aynDQ7lslj5UqDxuHnrzHtpON5CBinhWjJETciPngpin/T3OuW3tXUf86tEurusnztw==}
+
+  '@vue/compiler-dom@3.5.18':
+    resolution: {integrity: sha512-RMbU6NTU70++B1JyVJbNbeFkK+A+Q7y9XKE2EM4NLGm2WFR8x9MbAtWxPPLdm0wUkuZv9trpwfSlL6tjdIa1+A==}
+
+  '@vue/compiler-sfc@3.5.18':
+    resolution: {integrity: sha512-5aBjvGqsWs+MoxswZPoTB9nSDb3dhd1x30xrrltKujlCxo48j8HGDNj3QPhF4VIS0VQDUrA1xUfp2hEa+FNyXA==}
+
+  '@vue/compiler-ssr@3.5.18':
+    resolution: {integrity: sha512-xM16Ak7rSWHkM3m22NlmcdIM+K4BMyFARAfV9hYFl+SFuRzrZ3uGMNW05kA5pmeMa0X9X963Kgou7ufdbpOP9g==}
+
+  '@vue/compiler-vue2@2.7.16':
+    resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
+
+  '@vue/devtools-api@6.2.0':
+    resolution: {integrity: sha512-pF1G4wky+hkifDiZSWn8xfuLOJI1ZXtuambpBEYaf7Xaf6zC/pM29rvAGpd3qaGXnr4BAXU1Pxz/VfvBGwexGA==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-api@7.7.0':
+    resolution: {integrity: sha512-bHEv6kT85BHtyGgDhE07bAUMAy7zpv6nnR004nSTd0wWMrAOtcrYoXO5iyr20Hkf5jR8obQOfS3byW+I3l2CCA==}
+
+  '@vue/devtools-kit@7.7.0':
+    resolution: {integrity: sha512-5cvZ+6SA88zKC8XiuxUfqpdTwVjJbvYnQZY5NReh7qlSGPvVDjjzyEtW+gdzLXNSd8tStgOjAdMCpvDQamUXtA==}
+
+  '@vue/devtools-shared@7.7.0':
+    resolution: {integrity: sha512-jtlQY26R5thQxW9YQTpXbI0HoK0Wf9Rd4ekidOkRvSy7ChfK0kIU6vvcBtjj87/EcpeOSK49fZAicaFNJcoTcQ==}
+
+  '@vue/language-core@3.0.5':
+    resolution: {integrity: sha512-gCEjn9Ik7I/seHVNIEipOm8W+f3/kg60e8s1IgIkMYma2wu9ZGUTMv3mSL2bX+Md2L8fslceJ4SU8j1fgSRoiw==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@vue/reactivity@3.5.18':
+    resolution: {integrity: sha512-x0vPO5Imw+3sChLM5Y+B6G1zPjwdOri9e8V21NnTnlEvkxatHEH5B5KEAJcjuzQ7BsjGrKtfzuQ5eQwXh8HXBg==}
+
+  '@vue/runtime-core@3.5.18':
+    resolution: {integrity: sha512-DUpHa1HpeOQEt6+3nheUfqVXRog2kivkXHUhoqJiKR33SO4x+a5uNOMkV487WPerQkL0vUuRvq/7JhRgLW3S+w==}
+
+  '@vue/runtime-dom@3.5.18':
+    resolution: {integrity: sha512-YwDj71iV05j4RnzZnZtGaXwPoUWeRsqinblgVJwR8XTXYZ9D5PbahHQgsbmzUvCWNF6x7siQ89HgnX5eWkr3mw==}
+
+  '@vue/server-renderer@3.5.18':
+    resolution: {integrity: sha512-PvIHLUoWgSbDG7zLHqSqaCoZvHi6NNmfVFOqO+OnwvqMz/tqQr3FuGWS8ufluNddk7ZLBJYMrjcw1c6XzR12mA==}
+    peerDependencies:
+      vue: 3.5.18
+
+  '@vue/shared@3.5.17':
+    resolution: {integrity: sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==}
+
+  '@vue/shared@3.5.18':
+    resolution: {integrity: sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==}
+
+  '@vueuse/core@12.4.0':
+    resolution: {integrity: sha512-XnjQYcJwCsyXyIafyA6SvyN/OBtfPnjvJmbxNxQjCcyWD198urwm5TYvIUUyAxEAN0K7HJggOgT15cOlWFyLeA==}
+
+  '@vueuse/integrations@12.4.0':
+    resolution: {integrity: sha512-EZm+TLoZMeEwDnccnEqB54CvvcVKbVnJubOF380HqdyZAxWfQ8egnFCESdlXWEIbxFgjfhcGfZUvQx5Nqw9Ofw==}
+    peerDependencies:
+      async-validator: ^4
+      axios: ^1
+      change-case: ^5
+      drauu: ^0.4
+      focus-trap: ^7
+      fuse.js: ^7
+      idb-keyval: ^6
+      jwt-decode: ^4
+      nprogress: ^0.2
+      qrcode: ^1.5
+      sortablejs: ^1
+      universal-cookie: ^7
+    peerDependenciesMeta:
+      async-validator:
+        optional: true
+      axios:
+        optional: true
+      change-case:
+        optional: true
+      drauu:
+        optional: true
+      focus-trap:
+        optional: true
+      fuse.js:
+        optional: true
+      idb-keyval:
+        optional: true
+      jwt-decode:
+        optional: true
+      nprogress:
+        optional: true
+      qrcode:
+        optional: true
+      sortablejs:
+        optional: true
+      universal-cookie:
+        optional: true
+
+  '@vueuse/metadata@12.4.0':
+    resolution: {integrity: sha512-AhPuHs/qtYrKHUlEoNO6zCXufu8OgbR8S/n2oMw1OQuBQJ3+HOLQ+EpvXs+feOlZMa0p8QVvDWNlmcJJY8rW2g==}
+
+  '@vueuse/shared@12.4.0':
+    resolution: {integrity: sha512-9yLgbHVIF12OSCojnjTIoZL1+UA10+O4E1aD6Hpfo/DKVm5o3SZIwz6CupqGy3+IcKI8d6Jnl26EQj/YucnW0Q==}
+
+  abbrev@1.1.1:
+    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.3:
+    resolution: {integrity: sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==}
+    engines: {node: '>= 14'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  algoliasearch@5.19.0:
+    resolution: {integrity: sha512-zrLtGhC63z3sVLDDKGW+SlCRN9eJHFTgdEmoAOpsVh6wgGL1GgTTDou7tpCBjevzgIvi3AIyDAQO3Xjbg5eqZg==}
+    engines: {node: '>= 14.0.0'}
+
+  alien-signals@2.0.5:
+    resolution: {integrity: sha512-PdJB6+06nUNAClInE3Dweq7/2xVAYM64vvvS1IHVHSJmgeOtEdrAGyp7Z2oJtYm0B342/Exd2NT0uMJaThcjLQ==}
+
+  ansi-escapes@7.0.0:
+    resolution: {integrity: sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==}
+    engines: {node: '>=18'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
+  anymatch@3.1.2:
+    resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
+    engines: {node: '>= 8'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-v8-to-istanbul@0.3.3:
+    resolution: {integrity: sha512-MuXMrSLVVoA6sYN/6Hke18vMzrT4TZNbZIj/hvh0fnYFpO+/kFXcLIaiPwXXWaQUPg4yJD8fj+lfJ7/1EBconw==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+
+  birpc@0.2.19:
+    resolution: {integrity: sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==}
+
+  brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.24.2:
+    resolution: {integrity: sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001680:
+    resolution: {integrity: sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chai@5.2.0:
+    resolution: {integrity: sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==}
+    engines: {node: '>=12'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  chalk@5.4.1:
+    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  check-error@2.1.1:
+    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+    engines: {node: '>= 16'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  cli-cursor@5.0.0:
+    resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
+    engines: {node: '>=18'}
+
+  cli-truncate@4.0.0:
+    resolution: {integrity: sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==}
+    engines: {node: '>=18'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@14.0.0:
+    resolution: {integrity: sha512-2uM9rYjPvyq39NwLRqaiLtWHyDC1FvryJDa2ATTVims5YAS4PupsEQsDvP14FqhFr0P49CYDugi59xaxJlTXRA==}
+    engines: {node: '>=20'}
+
+  commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  confbox@0.2.2:
+    resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  copy-anything@3.0.5:
+    resolution: {integrity: sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==}
+    engines: {node: '>=12.13'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  cssstyle@4.2.1:
+    resolution: {integrity: sha512-9+vem03dMXG7gDmZ62uqmRiMRNtinIZ9ZyuF6BdxzfOD+FdN5hretzynkn0ReS2DO2GSw76RWHs0UmJPI2zUjw==}
+    engines: {node: '>=18'}
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  data-urls@5.0.0:
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
+
+  de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+
+  debug@4.4.1:
+    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js@10.5.0:
+    resolution: {integrity: sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==}
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.2.2:
+    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
+    engines: {node: '>=0.10.0'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  editorconfig@1.0.3:
+    resolution: {integrity: sha512-SLHUig+v3PpjlCGenNDSMVj5caWTJ+aDXaqR1ucZCbXcotV3D7+ycT1jwbICxiPC6gju/rS+iRw8SC7kQukSig==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  electron-to-chromium@1.5.57:
+    resolution: {integrity: sha512-xS65H/tqgOwUBa5UmOuNSLuslDo7zho0y/lgQw35pnrqiZh7UOWHCeL/Bt6noJATbA6tpQJGCifsFsIRZj1Fqg==}
+
+  emoji-regex-xs@1.0.0:
+    resolution: {integrity: sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==}
+
+  emoji-regex@10.3.0:
+    resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  esbuild@0.21.5:
+    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.25.0:
+    resolution: {integrity: sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-plugin-prettier@5.5.4:
+    resolution: {integrity: sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      '@types/eslint': '>=8.0.0'
+      eslint: '>=8.0.0'
+      eslint-config-prettier: '>= 7.0.0 <10.0.0 || >=10.1.0'
+      prettier: '>=3.0.0'
+    peerDependenciesMeta:
+      '@types/eslint':
+        optional: true
+      eslint-config-prettier:
+        optional: true
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@9.32.0:
+    resolution: {integrity: sha512-LSehfdpgMeWcTZkWZVIJl+tkZ2nuSkyyB9C27MZqFWXuph7DvaowgcTvKqxvpLW1JZIk8PN7hFY3Rj9LQ7m7lg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+
+  expect-type@1.2.1:
+    resolution: {integrity: sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==}
+    engines: {node: '>=12.0.0'}
+
+  exsolve@1.0.4:
+    resolution: {integrity: sha512-xsZH6PXaER4XoV+NiT7JHp1bJodJVT+cxeSH1G0f0tlT0lJqYuHUP3bUx2HtfTDvOagMINYp8rsqusxud3RXhw==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-diff@1.2.0:
+    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fastq@1.13.0:
+    resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
+
+  fdir@6.4.4:
+    resolution: {integrity: sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fdir@6.4.6:
+    resolution: {integrity: sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+
+  focus-trap@7.6.4:
+    resolution: {integrity: sha512-xx560wGBk7seZ6y933idtjJQc1l+ck+pI3sKvhKozdBV1dRZoKhkW5xoCaFv9tQiX5RH1xfSxjuNu6g+lmN/gw==}
+
+  foreground-child@3.1.1:
+    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+    engines: {node: '>=14'}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-east-asian-width@1.2.0:
+    resolution: {integrity: sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==}
+    engines: {node: '>=18'}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@10.4.1:
+    resolution: {integrity: sha512-2jelhlq3E4ho74ZyVLN03oKdAZVUa6UDZzFLVH1H7dnoax+y9qyaq8zBkfDIggjniU19z0wU18y16jMB2eyVIw==}
+    engines: {node: '>=16 || 14 >=14.18'}
+    hasBin: true
+
+  glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    deprecated: Glob versions prior to v9 are no longer supported
+
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  hasown@2.0.0:
+    resolution: {integrity: sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-to-html@9.0.4:
+    resolution: {integrity: sha512-wxQzXtdbhiwGAUKrnQJXlOPmHnEehzphwkK7aluUPQ+lEc1xefC8pblMgpp2w5ldBTEfveRIrADcrhGIWrlTDA==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  ignore@5.3.1:
+    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.4:
+    resolution: {integrity: sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A==}
+    engines: {node: '>= 4'}
+
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-core-module@2.13.1:
+    resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+
+  is-fullwidth-code-point@5.0.0:
+    resolution: {integrity: sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==}
+    engines: {node: '>=18'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+
+  is-what@4.1.16:
+    resolution: {integrity: sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==}
+    engines: {node: '>=12.13'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-source-maps@5.0.6:
+    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.1.7:
+    resolution: {integrity: sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==}
+    engines: {node: '>=8'}
+
+  jackspeak@3.4.0:
+    resolution: {integrity: sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==}
+    engines: {node: '>=14'}
+
+  js-beautify@1.14.9:
+    resolution: {integrity: sha512-coM7xq1syLcMyuVGyToxcj2AlzhkDjmfklL8r0JgJ7A76wyGMpJ1oA35mr4APdYNO/o/4YY8H54NQIJzhMbhBg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsdom-global@3.0.2:
+    resolution: {integrity: sha512-t1KMcBkz/pT5JrvcJbpUR2u/w1kO9jXctaaGJ0vZDzwFnIvGWw9IDSRciT83kIs8Bnw4qpOl8bQK08V01YgMPg==}
+    peerDependencies:
+      jsdom: '>=10.0.0'
+
+  jsdom@26.1.0:
+    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  jsesc@3.0.2:
+    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  lint-staged@16.1.4:
+    resolution: {integrity: sha512-xy7rnzQrhTVGKMpv6+bmIA3C0yET31x8OhKBYfvGo0/byeZ6E0BjGARrir3Kg/RhhYHutpsi01+2J5IpfVoueA==}
+    engines: {node: '>=20.17'}
+    hasBin: true
+
+  listr2@9.0.1:
+    resolution: {integrity: sha512-SL0JY3DaxylDuo/MecFeiC+7pedM0zia33zl0vcjgwcq1q1FWWF1To9EIauPbl8GbMCU0R2e0uJ8bZunhYKD2g==}
+    engines: {node: '>=20.0.0'}
+
+  local-pkg@1.1.1:
+    resolution: {integrity: sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==}
+    engines: {node: '>=14'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
+    engines: {node: '>=18'}
+
+  loupe@3.1.3:
+    resolution: {integrity: sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==}
+
+  loupe@3.1.4:
+    resolution: {integrity: sha512-wJzkKwJrheKtknCOKNEtDK4iqg/MxmZheEMtSTYvnzRdEYaZzmgH976nenp8WdJRdx5Vc1X/9MO0Oszl6ezeXg==}
+
+  lru-cache@10.2.2:
+    resolution: {integrity: sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==}
+    engines: {node: 14 || >=16.14}
+
+  lru-cache@11.0.2:
+    resolution: {integrity: sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
+  magic-string@0.30.14:
+    resolution: {integrity: sha512-5c99P1WKTed11ZC0HMJOj6CDIue6F8ySu+bJL+85q1zBEIY8IklrJ1eiKC2NDRh3Ct3FcvmJPyQHb9erXMTJNw==}
+
+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
+  magicast@0.3.5:
+    resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
+  mark.js@8.11.1:
+    resolution: {integrity: sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==}
+
+  mdast-util-to-hast@13.2.0:
+    resolution: {integrity: sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromark-util-character@2.1.0:
+    resolution: {integrity: sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==}
+
+  micromark-util-encode@2.0.0:
+    resolution: {integrity: sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==}
+
+  micromark-util-sanitize-uri@2.0.0:
+    resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==}
+
+  micromark-util-symbol@2.0.0:
+    resolution: {integrity: sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==}
+
+  micromark-util-types@2.0.0:
+    resolution: {integrity: sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  mimic-function@5.0.1:
+    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
+    engines: {node: '>=18'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@5.1.1:
+    resolution: {integrity: sha512-362NP+zlprccbEt/SkxKfRMHnNY85V74mVnpUpNyr3F35covl09Kec7/sEFLt3RA4oXmewtoaanoIf67SE5Y5g==}
+    engines: {node: '>=10'}
+
+  minimatch@9.0.1:
+    resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minisearch@7.1.1:
+    resolution: {integrity: sha512-b3YZEYCEH4EdCAtYP7OlDyx7FdPwNzuNwLQ34SfJpM9dlbBZzeXndGavTrC+VCiRWomL21SWfMc6SCKO/U2ZNw==}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  mlly@1.7.4:
+    resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  nano-spawn@1.0.2:
+    resolution: {integrity: sha512-21t+ozMQDAL/UGgQVBbZ/xXvNO10++ZPuTmKRO8k9V3AClVRht49ahtDjfY8l1q6nSHOrE5ASfthzH3ol6R/hg==}
+    engines: {node: '>=20.17'}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  node-releases@2.0.18:
+    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
+
+  nopt@6.0.0:
+    resolution: {integrity: sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  nwsapi@2.2.16:
+    resolution: {integrity: sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ==}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  onetime@7.0.0:
+    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
+    engines: {node: '>=18'}
+
+  oniguruma-to-es@2.3.0:
+    resolution: {integrity: sha512-bwALDxriqfKGfUufKGGepCzu9x7nJQuoRoAFp4AnwehhC2crqrDIAP/uN2qdlsAvSMpeRC3+Yzhqc7hLmle5+g==}
+
+  optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse5@7.2.1:
+    resolution: {integrity: sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.0:
+    resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
+    engines: {node: '>= 14.16'}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  pkg-types@2.1.0:
+    resolution: {integrity: sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  preact@10.8.2:
+    resolution: {integrity: sha512-AKGt0BsDSiAYzVS78jZ9qRwuorY2CoSZtf1iOC6gLb/3QyZt+fLT09aYJBjRc/BEcRc4j+j3ggERMdNE43i1LQ==}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+
+  prettier@3.6.2:
+    resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  property-information@6.5.0:
+    resolution: {integrity: sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==}
+
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  quansync@0.2.10:
+    resolution: {integrity: sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  reflect-metadata@0.2.2:
+    resolution: {integrity: sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==}
+
+  regex-recursion@5.1.1:
+    resolution: {integrity: sha512-ae7SBCbzVNrIjgSbh7wMznPcQel1DNlDtzensnFxpiNpXt1U2ju/bHugH422r+4LAVS1FpW1YCwilmnNsjum9w==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@5.1.1:
+    resolution: {integrity: sha512-dN5I359AVGPnwzJm2jN1k0W9LPZ+ePvoOeVMMfqIMFz53sSwXkxaJoxr50ptnsC771lK95BnTrVSZxq0b9yCGw==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
+
+  restore-cursor@5.1.0:
+    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
+    engines: {node: '>=18'}
+
+  reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rollup@4.46.2:
+    resolution: {integrity: sha512-WMmLFI+Boh6xbop+OAGo9cQ3OgX9MIg7xOQjn+pTCwOkk+FNDAeAemXkJ3HzDJrVXleLOFVa1ipuc1AmEx1Dwg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rrweb-cssom@0.8.0:
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  search-insights@2.7.0:
+    resolution: {integrity: sha512-GLbVaGgzYEKMvuJbHRhLi1qoBFnjXZGZ6l4LxOYPCp4lI2jDRB3jPU9/XNhMwv6kvnA9slTreq6pvK+b3o3aqg==}
+    engines: {node: '>=8.16.0'}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shiki@2.1.0:
+    resolution: {integrity: sha512-yvKPdNGLXZv7WC4bl7JBbU3CEcUxnBanvMez8MG3gZXKpClGL4bHqFyLhTx+2zUvbjClUANs/S22HXb7aeOgmA==}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  simple-git@3.23.0:
+    resolution: {integrity: sha512-P9ggTW8vb/21CAL/AmnACAhqBDfnqSSZVpV7WuFtsFR9HLunf5IqQvk+OXAQTfkcZep8pKnt3DV3o7w3TegEkQ==}
+
+  slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+
+  slice-ansi@7.1.0:
+    resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
+    engines: {node: '>=18'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  std-env@3.9.0:
+    resolution: {integrity: sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==}
+
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  string-width@7.0.0:
+    resolution: {integrity: sha512-GPQHj7row82Hjo9hKZieKcHIhaAIKOJvFSIZXuCU9OASVZrMNUaZuz++SPVrBjnLsnk4k+z9f2EIypgxf2vNFw==}
+    engines: {node: '>=18'}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  strip-literal@3.0.0:
+    resolution: {integrity: sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==}
+
+  superjson@2.2.1:
+    resolution: {integrity: sha512-8iGv75BYOa0xRJHK5vRLEjE2H/i4lulTjzpUXic3Eg8akftYjkmQDa8JARQ42rlczXyFR3IeRoeFCc7RxHsYZA==}
+    engines: {node: '>=16'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  synckit@0.11.8:
+    resolution: {integrity: sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+
+  tabbable@6.2.0:
+    resolution: {integrity: sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==}
+
+  test-exclude@7.0.1:
+    resolution: {integrity: sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==}
+    engines: {node: '>=18'}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyglobby@0.2.14:
+    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@1.1.1:
+    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.3:
+    resolution: {integrity: sha512-t2T/WLB2WRgZ9EpE4jgPJ9w+i66UZfDc8wHh0xrwiRNN+UwH98GIJkTeZqX9rg0i0ptwzqW+uYeIF0T4F8LR7A==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@6.1.47:
+    resolution: {integrity: sha512-6SWyFMnlst1fEt7GQVAAu16EGgFK0cLouH/2Mk6Ftlwhv3Ol40L0dlpGMcnnNiiOMyD2EV/aF3S+U2nKvvLvrA==}
+
+  tldts@6.1.47:
+    resolution: {integrity: sha512-R/K2tZ5MiY+mVrnSkNJkwqYT2vUv1lcT6wJvd2emGaMJ7PHUGRY4e3tUsdFCXgqxi2QgbHjL3yJgXCo40v9Hxw==}
+    hasBin: true
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  tough-cookie@5.1.2:
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
+
+  tr46@5.1.0:
+    resolution: {integrity: sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==}
+    engines: {node: '>=18'}
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  ts-api-utils@2.1.0:
+    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  typescript-eslint@8.39.0:
+    resolution: {integrity: sha512-lH8FvtdtzcHJCkMOKnN73LIn6SLTpoojgJqDAxPm1jCR14eWSGPX8ul/gggBdPMk/d5+u9V854vTYQ8T5jF/1Q==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  typescript@5.9.2:
+    resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  unist-util-is@6.0.0:
+    resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.1:
+    resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
+
+  unist-util-visit@5.0.0:
+    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
+
+  unplugin-utils@0.2.4:
+    resolution: {integrity: sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==}
+    engines: {node: '>=18.12.0'}
+
+  unplugin-vue-components@29.0.0:
+    resolution: {integrity: sha512-M2DX44g4/jvBkB0V6uwqTbkTd5DMRHpeGoi/cIKwGG4HPuNxLbe8zoTStB2n12hoDiWc9I1PIRQruRWExNXHlQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/parser': ^7.15.8
+      '@nuxt/kit': ^3.2.2 || ^4.0.0
+      vue: 2 || 3
+    peerDependenciesMeta:
+      '@babel/parser':
+        optional: true
+      '@nuxt/kit':
+        optional: true
+
+  unplugin@2.3.5:
+    resolution: {integrity: sha512-RyWSb5AHmGtjjNQ6gIlA67sHOsWpsbWpwDokLwTcejVdOjEkJZh7QKu14J00gDDVSh8kGH4KYC/TNBceXFZhtw==}
+    engines: {node: '>=18.12.0'}
+
+  update-browserslist-db@1.1.1:
+    resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  vfile-message@4.0.2:
+    resolution: {integrity: sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite-node@3.2.4:
+    resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+
+  vite@5.4.14:
+    resolution: {integrity: sha512-EK5cY7Q1D8JNhSaPKVK4pwBFvaTmZxEnoKXLG/U9gmdDcihQGNzFlgIvaxezFR4glP1LsuiedwMBqCXH3wZccA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || >=20.0.0
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+
+  vite@7.0.6:
+    resolution: {integrity: sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitepress-translation-helper@0.2.2:
+    resolution: {integrity: sha512-xqE4p1iUmsADKyA8W/02POtEwL0ZMcY2Ogj4Shuh70392UslB5JhrgCdF1j61NIQhgy/wgAGhn33QZdksN6IqQ==}
+    hasBin: true
+    peerDependencies:
+      vitepress: ^1.0.0
+      vue: ^3.4.8
+
+  vitepress@1.6.4:
+    resolution: {integrity: sha512-+2ym1/+0VVrbhNyRoFFesVvBvHAVMZMK0rw60E3X/5349M1GuVdKeazuksqopEdvkKwKGs21Q729jX81/bkBJg==}
+    hasBin: true
+    peerDependencies:
+      markdown-it-mathjax3: ^4
+      postcss: ^8
+    peerDependenciesMeta:
+      markdown-it-mathjax3:
+        optional: true
+      postcss:
+        optional: true
+
+  vitest@3.2.4:
+    resolution: {integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/debug': ^4.1.12
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      '@vitest/browser': 3.2.4
+      '@vitest/ui': 3.2.4
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/debug':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
+  vue-class-component@8.0.0-rc.1:
+    resolution: {integrity: sha512-w1nMzsT/UdbDAXKqhwTmSoyuJzUXKrxLE77PCFVuC6syr8acdFDAq116xgvZh9UCuV0h+rlCtxXolr3Hi3HyPQ==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  vue-component-type-helpers@3.0.1:
+    resolution: {integrity: sha512-j23mCB5iEbGsyIhnVdXdWUOg+UdwmVxpKnYYf2j+4ppCt5VSFXKjwu9YFt0QYxUaf5G99PuHsVfRScjHCRSsGQ==}
+
+  vue-router@4.5.1:
+    resolution: {integrity: sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==}
+    peerDependencies:
+      vue: ^3.2.0
+
+  vue-tsc@3.0.5:
+    resolution: {integrity: sha512-PsTFN9lo1HJCrZw9NoqjYcAbYDXY0cOKyuW2E7naX5jcaVyWpqEsZOHN9Dws5890E8e5SDAD4L4Zam3dxG3/Cw==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue@3.5.18:
+    resolution: {integrity: sha512-7W4Y4ZbMiQ3SEo+m9lnoNpV9xG7QVMLa+/0RFwwiAVkeYoyGXqWE85jabU4pllJNUzqfLShJ5YLptewhCWUgNA==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
       typescript:
         optional: true
+
+  vuex@4.1.0:
+    resolution: {integrity: sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==}
+    peerDependencies:
+      vue: ^3.2.0
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@14.2.0:
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  wrap-ansi@9.0.0:
+    resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
+    engines: {node: '>=18'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  ws@8.18.0:
+    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  yaml@2.8.0:
+    resolution: {integrity: sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@aashutoshrathi/word-wrap@1.2.6': {}
+
+  '@algolia/autocomplete-core@1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)(search-insights@2.7.0)':
+    dependencies:
+      '@algolia/autocomplete-plugin-algolia-insights': 1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)(search-insights@2.7.0)
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+      - search-insights
+
+  '@algolia/autocomplete-plugin-algolia-insights@1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)(search-insights@2.7.0)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)
+      search-insights: 2.7.0
+    transitivePeerDependencies:
+      - '@algolia/client-search'
+      - algoliasearch
+
+  '@algolia/autocomplete-preset-algolia@1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)':
+    dependencies:
+      '@algolia/autocomplete-shared': 1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)
+      '@algolia/client-search': 5.19.0
+      algoliasearch: 5.19.0
+
+  '@algolia/autocomplete-shared@1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)':
+    dependencies:
+      '@algolia/client-search': 5.19.0
+      algoliasearch: 5.19.0
+
+  '@algolia/client-abtesting@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/client-analytics@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/client-common@5.19.0': {}
+
+  '@algolia/client-insights@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/client-personalization@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/client-query-suggestions@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/client-search@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/ingestion@1.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/monitoring@1.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/recommend@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
+
+  '@algolia/requester-browser-xhr@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+
+  '@algolia/requester-fetch@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+
+  '@algolia/requester-node-http@5.19.0':
+    dependencies:
+      '@algolia/client-common': 5.19.0
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@asamuzakjp/css-color@2.8.2':
+    dependencies:
+      '@csstools/css-calc': 2.1.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-color-parser': 3.0.7(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-tokenizer': 3.0.3
+      lru-cache: 11.0.2
+
+  '@babel/code-frame@7.27.1':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.27.1
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.27.2': {}
+
+  '@babel/core@7.27.7':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.5
+      '@babel/helper-compilation-targets': 7.27.2
+      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.27.7)
+      '@babel/helpers': 7.27.6
+      '@babel/parser': 7.27.7
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.27.7
+      '@babel/types': 7.27.7
+      convert-source-map: 2.0.0
+      debug: 4.4.1
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.27.1':
+    dependencies:
+      '@babel/parser': 7.27.7
+      '@babel/types': 7.27.7
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 3.0.2
+
+  '@babel/generator@7.27.5':
+    dependencies:
+      '@babel/parser': 7.27.7
+      '@babel/types': 7.27.7
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 3.0.2
+
+  '@babel/helper-annotate-as-pure@7.27.1':
+    dependencies:
+      '@babel/types': 7.27.7
+
+  '@babel/helper-compilation-targets@7.27.2':
+    dependencies:
+      '@babel/compat-data': 7.27.2
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.24.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-create-class-features-plugin@7.27.1(@babel/core@7.27.7)':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/helper-annotate-as-pure': 7.27.1
+      '@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/core@7.27.7)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/traverse': 7.27.1
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-member-expression-to-functions@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.27.1
+      '@babel/types': 7.27.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-imports@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.27.1
+      '@babel/types': 7.27.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.27.3(@babel/core@7.27.7)':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+      '@babel/traverse': 7.27.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-optimise-call-expression@7.27.1':
+    dependencies:
+      '@babel/types': 7.27.7
+
+  '@babel/helper-plugin-utils@7.27.1': {}
+
+  '@babel/helper-replace-supers@7.27.1(@babel/core@7.27.7)':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/helper-member-expression-to-functions': 7.27.1
+      '@babel/helper-optimise-call-expression': 7.27.1
+      '@babel/traverse': 7.27.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
+    dependencies:
+      '@babel/traverse': 7.27.1
+      '@babel/types': 7.27.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.27.1': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.27.6':
+    dependencies:
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.7
+
+  '@babel/parser@7.27.2':
+    dependencies:
+      '@babel/types': 7.27.1
+
+  '@babel/parser@7.27.7':
+    dependencies:
+      '@babel/types': 7.27.7
+
+  '@babel/parser@7.28.0':
+    dependencies:
+      '@babel/types': 7.28.1
+
+  '@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.27.7)':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.27.7)':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/helper-plugin-utils': 7.27.1
+
+  '@babel/plugin-transform-typescript@7.27.1(@babel/core@7.27.7)':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/helper-annotate-as-pure': 7.27.1
+      '@babel/helper-create-class-features-plugin': 7.27.1(@babel/core@7.27.7)
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
+      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.27.7)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/template@7.27.2':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/parser': 7.27.7
+      '@babel/types': 7.27.7
+
+  '@babel/traverse@7.27.1':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.1
+      '@babel/parser': 7.27.7
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.7
+      debug: 4.4.1
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/traverse@7.27.7':
+    dependencies:
+      '@babel/code-frame': 7.27.1
+      '@babel/generator': 7.27.5
+      '@babel/parser': 7.27.7
+      '@babel/template': 7.27.2
+      '@babel/types': 7.27.7
+      debug: 4.4.1
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.27.1':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@babel/types@7.27.6':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@babel/types@7.27.7':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@babel/types@7.28.1':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@csstools/color-helpers@5.0.1': {}
+
+  '@csstools/css-calc@2.1.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-tokenizer': 3.0.3
+
+  '@csstools/css-color-parser@3.0.7(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)':
+    dependencies:
+      '@csstools/color-helpers': 5.0.1
+      '@csstools/css-calc': 2.1.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
+      '@csstools/css-tokenizer': 3.0.3
+
+  '@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.3
+
+  '@csstools/css-tokenizer@3.0.3': {}
+
+  '@docsearch/css@3.8.2': {}
+
+  '@docsearch/js@3.8.2(@algolia/client-search@5.19.0)(search-insights@2.7.0)':
     dependencies:
-      '@typescript-eslint/parser': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/type-utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      debug: 4.3.4
-      eslint: 8.24.0
-      ignore: 5.2.0
-      regexpp: 3.2.0
-      semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.4
-      typescript: 4.8.4
+      '@docsearch/react': 3.8.2(@algolia/client-search@5.19.0)(search-insights@2.7.0)
+      preact: 10.8.2
     transitivePeerDependencies:
-      - supports-color
-    dev: true
+      - '@algolia/client-search'
+      - '@types/react'
+      - react
+      - react-dom
+      - search-insights
 
-  /@typescript-eslint/parser/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-LDqxZBVFFQnQRz9rUZJhLmox+Ep5kdUmLatLQnCRR6523YV+XhRjfYzStQ4MheFA8kMAfUlclHSbu+RKdRwQKw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@docsearch/react@3.8.2(@algolia/client-search@5.19.0)(search-insights@2.7.0)':
     dependencies:
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      debug: 4.3.4
-      eslint: 8.24.0
-      typescript: 4.8.4
+      '@algolia/autocomplete-core': 1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)(search-insights@2.7.0)
+      '@algolia/autocomplete-preset-algolia': 1.17.7(@algolia/client-search@5.19.0)(algoliasearch@5.19.0)
+      '@docsearch/css': 3.8.2
+      algoliasearch: 5.19.0
+    optionalDependencies:
+      search-insights: 2.7.0
     transitivePeerDependencies:
-      - supports-color
-    dev: true
+      - '@algolia/client-search'
 
-  /@typescript-eslint/scope-manager/5.38.1:
-    resolution: {integrity: sha512-BfRDq5RidVU3RbqApKmS7RFMtkyWMM50qWnDAkKgQiezRtLKsoyRKIvz1Ok5ilRWeD9IuHvaidaLxvGx/2eqTQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@esbuild/aix-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.25.0':
+    optional: true
+
+  '@esbuild/android-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/android-arm@0.21.5':
+    optional: true
+
+  '@esbuild/android-arm@0.25.0':
+    optional: true
+
+  '@esbuild/android-x64@0.21.5':
+    optional: true
+
+  '@esbuild/android-x64@0.25.0':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/darwin-x64@0.21.5':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.0':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.0':
+    optional: true
+
+  '@esbuild/linux-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/linux-arm@0.21.5':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.0':
+    optional: true
+
+  '@esbuild/linux-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.0':
+    optional: true
+
+  '@esbuild/linux-loong64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.0':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.21.5':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.0':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.0':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.0':
+    optional: true
+
+  '@esbuild/linux-s390x@0.21.5':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.0':
+    optional: true
+
+  '@esbuild/linux-x64@0.21.5':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.0':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.0':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.21.5':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.0':
+    optional: true
+
+  '@esbuild/sunos-x64@0.21.5':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.0':
+    optional: true
+
+  '@esbuild/win32-arm64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.0':
+    optional: true
+
+  '@esbuild/win32-ia32@0.21.5':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.0':
+    optional: true
+
+  '@esbuild/win32-x64@0.21.5':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.0':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.7.0(eslint@9.32.0)':
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
-    dev: true
+      eslint: 9.32.0
+      eslint-visitor-keys: 3.4.3
 
-  /@typescript-eslint/type-utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-UU3j43TM66gYtzo15ivK2ZFoDFKKP0k03MItzLdq0zV92CeGCXRfXlfQX5ILdd4/DSpHkSjIgLLLh1NtkOJOAw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@eslint-community/regexpp@4.12.1': {}
+
+  '@eslint/config-array@0.21.0':
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      '@typescript-eslint/utils': 5.38.1_ypn2ylkkyfa5i233caldtndbqa
-      debug: 4.3.4
-      eslint: 8.24.0
-      tsutils: 3.21.0_typescript@4.8.4
-      typescript: 4.8.4
+      '@eslint/object-schema': 2.1.6
+      debug: 4.4.1
+      minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/types/5.38.1:
-    resolution: {integrity: sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  '@eslint/config-helpers@0.3.0': {}
 
-  /@typescript-eslint/typescript-estree/5.38.1_typescript@4.8.4:
-    resolution: {integrity: sha512-99b5e/Enoe8fKMLdSuwrfH/C0EIbpUWmeEKHmQlGZb8msY33qn1KlkFww0z26o5Omx7EVjzVDCWEfrfCDHfE7g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+  '@eslint/core@0.15.1':
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/visitor-keys': 5.38.1
-      debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.3.7
-      tsutils: 3.21.0_typescript@4.8.4
-      typescript: 4.8.4
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.1':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.4.1
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@typescript-eslint/utils/5.38.1_ypn2ylkkyfa5i233caldtndbqa:
-    resolution: {integrity: sha512-oIuUiVxPBsndrN81oP8tXnFa/+EcZ03qLqPDfSZ5xIJVm7A9V0rlkQwwBOAGtrdN70ZKDlKv+l1BeT4eSFxwXA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+  '@eslint/js@9.32.0': {}
+
+  '@eslint/object-schema@2.1.6': {}
+
+  '@eslint/plugin-kit@0.3.4':
+    dependencies:
+      '@eslint/core': 0.15.1
+      levn: 0.4.1
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.6':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.3.1
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.3.1': {}
+
+  '@humanwhocodes/retry@0.4.2': {}
+
+  '@iconify-json/simple-icons@1.2.21':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/types@2.0.0': {}
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@istanbuljs/schema@0.1.3': {}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/resolve-uri@3.1.0': {}
+
+  '@jridgewell/set-array@1.2.1': {}
+
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  '@kwsites/file-exists@1.1.1':
     dependencies:
-      '@types/json-schema': 7.0.11
-      '@typescript-eslint/scope-manager': 5.38.1
-      '@typescript-eslint/types': 5.38.1
-      '@typescript-eslint/typescript-estree': 5.38.1_typescript@4.8.4
-      eslint: 8.24.0
-      eslint-scope: 5.1.1
-      eslint-utils: 3.0.0_eslint@8.24.0
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
-      - typescript
-    dev: true
 
-  /@typescript-eslint/visitor-keys/5.38.1:
-    resolution: {integrity: sha512-bSHr1rRxXt54+j2n4k54p4fj8AHJ49VDWtjpImOpzQj4qjAiOpPni+V1Tyajh19Api1i844F757cur8wH3YvOA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  '@kwsites/promise-deferred@1.1.1': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.13.0
+
+  '@one-ini/wasm@0.1.1': {}
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@pkgr/core@0.2.7': {}
+
+  '@rolldown/pluginutils@1.0.0-beta.22': {}
+
+  '@rolldown/pluginutils@1.0.0-beta.29': {}
+
+  '@rollup/plugin-commonjs@28.0.6(rollup@4.46.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.4(rollup@4.46.2)
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      fdir: 6.4.4(picomatch@4.0.2)
+      is-reference: 1.2.1
+      magic-string: 0.30.17
+      picomatch: 4.0.2
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/plugin-json@6.1.0(rollup@4.46.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.46.2)
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/plugin-node-resolve@16.0.1(rollup@4.46.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.4(rollup@4.46.2)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.2.2
+      is-module: 1.0.0
+      resolve: 1.22.8
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/plugin-replace@6.0.2(rollup@4.46.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.3(rollup@4.46.2)
+      magic-string: 0.30.14
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/plugin-typescript@12.1.4(rollup@4.46.2)(tslib@2.8.1)(typescript@5.9.2)':
     dependencies:
-      '@typescript-eslint/types': 5.38.1
-      eslint-visitor-keys: 3.3.0
-    dev: true
+      '@rollup/pluginutils': 5.1.4(rollup@4.46.2)
+      resolve: 1.22.8
+      typescript: 5.9.2
+    optionalDependencies:
+      rollup: 4.46.2
+      tslib: 2.8.1
+
+  '@rollup/pluginutils@5.1.0(rollup@4.46.2)':
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/pluginutils@5.1.3(rollup@4.46.2)':
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-walker: 2.0.2
+      picomatch: 4.0.2
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/pluginutils@5.1.4(rollup@4.46.2)':
+    dependencies:
+      '@types/estree': 1.0.7
+      estree-walker: 2.0.2
+      picomatch: 4.0.2
+    optionalDependencies:
+      rollup: 4.46.2
+
+  '@rollup/rollup-android-arm-eabi@4.46.2':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-loongarch64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.46.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.46.2':
+    optional: true
 
-  /@vitejs/plugin-vue-jsx/2.0.1_vite@3.1.4+vue@3.2.40:
-    resolution: {integrity: sha512-lmiR1k9+lrF7LMczO0pxtQ8mOn6XeppJDHxnpxkJQpT5SiKz4SKhKdeNstXaTNuR8qZhUo5X0pJlcocn72Y4Jg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^3.0.0
-      vue: ^3.0.0
-    dependencies:
-      '@babel/core': 7.19.0
-      '@babel/plugin-syntax-import-meta': 7.10.4_@babel+core@7.19.0
-      '@babel/plugin-transform-typescript': 7.19.0_@babel+core@7.19.0
-      '@vue/babel-plugin-jsx': 1.1.1_@babel+core@7.19.0
-      vite: 3.1.4
-      vue: 3.2.40
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
+  '@rollup/rollup-win32-arm64-msvc@4.46.2':
+    optional: true
 
-  /@vitejs/plugin-vue/2.3.3_vite@2.9.14+vue@3.2.40:
-    resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      vite: ^2.5.10
-      vue: ^3.2.25
-    dependencies:
-      vite: 2.9.14
-      vue: 3.2.40
-    dev: true
+  '@rollup/rollup-win32-ia32-msvc@4.46.2':
+    optional: true
 
-  /@vitejs/plugin-vue/3.1.0_vite@3.1.4+vue@3.2.40:
-    resolution: {integrity: sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      vite: ^3.0.0
-      vue: ^3.2.25
-    dependencies:
-      vite: 3.1.4
-      vue: 3.2.40
-    dev: true
+  '@rollup/rollup-win32-x64-msvc@4.46.2':
+    optional: true
 
-  /@vitest/coverage-c8/0.23.0_jsdom@20.0.0:
-    resolution: {integrity: sha512-8vhn1xViCNI1rx8dzncuzePZsN2eiQN8xFtsXy4sW2nZjH4UcIQlD1nwIY6Yei/RwFalay9F1sq588a/OPMjwg==}
+  '@shikijs/core@2.1.0':
     dependencies:
-      c8: 7.12.0
-      vitest: 0.23.0_jsdom@20.0.0
-    transitivePeerDependencies:
-      - '@edge-runtime/vm'
-      - '@vitest/browser'
-      - '@vitest/ui'
-      - happy-dom
-      - jsdom
-      - less
-      - sass
-      - stylus
-      - supports-color
-      - terser
-    dev: true
-
-  /@volar/code-gen/0.40.13:
-    resolution: {integrity: sha512-4gShBWuMce868OVvgyA1cU5WxHbjfEme18Tw6uVMfweZCF5fB2KECG0iPrA9D54vHk3FeHarODNwgIaaFfUBlA==}
-    dependencies:
-      '@volar/source-map': 0.40.13
-    dev: true
-
-  /@volar/source-map/0.40.13:
-    resolution: {integrity: sha512-dbdkAB2Nxb0wLjAY5O64o3ywVWlAGONnBIoKAkXSf6qkGZM+nJxcizsoiI66K+RHQG0XqlyvjDizfnTxr+6PWg==}
-    dependencies:
-      '@vue/reactivity': 3.2.38
-    dev: true
-
-  /@volar/typescript-faster/0.40.13:
-    resolution: {integrity: sha512-uy+TlcFkKoNlKEnxA4x5acxdxLyVDIXGSc8cYDNXpPKjBKXrQaetzCzlO3kVBqu1VLMxKNGJMTKn35mo+ILQmw==}
-    dependencies:
-      semver: 7.3.7
-    dev: true
-
-  /@volar/vue-language-core/0.40.13:
-    resolution: {integrity: sha512-QkCb8msi2KUitTdM6Y4kAb7/ZlEvuLcbBFOC2PLBlFuoZwyxvSP7c/dBGmKGtJlEvMX0LdCyrg5V2aBYxD38/Q==}
-    dependencies:
-      '@volar/code-gen': 0.40.13
-      '@volar/source-map': 0.40.13
-      '@vue/compiler-core': 3.2.38
-      '@vue/compiler-dom': 3.2.40
-      '@vue/compiler-sfc': 3.2.40
-      '@vue/reactivity': 3.2.38
-      '@vue/shared': 3.2.38
-    dev: true
-
-  /@volar/vue-typescript/0.40.13:
-    resolution: {integrity: sha512-o7bNztwjs8JmbQjVkrnbZUOfm7q4B8ZYssETISN1tRaBdun6cfNqgpkvDYd+VUBh1O4CdksvN+5BUNnwAz4oCQ==}
-    dependencies:
-      '@volar/code-gen': 0.40.13
-      '@volar/typescript-faster': 0.40.13
-      '@volar/vue-language-core': 0.40.13
-    dev: true
-
-  /@vue/babel-helper-vue-transform-on/1.0.2:
-    resolution: {integrity: sha512-hz4R8tS5jMn8lDq6iD+yWL6XNB699pGIVLk7WSJnn1dbpjaazsjZQkieJoRX6gW5zpYSCFqQ7jUquPNY65tQYA==}
-    dev: true
-
-  /@vue/babel-plugin-jsx/1.1.1_@babel+core@7.19.0:
-    resolution: {integrity: sha512-j2uVfZjnB5+zkcbc/zsOc0fSNGCMMjaEXP52wdwdIfn0qjFfEYpYZBFKFg+HHnQeJCVrjOeO0YxgaL7DMrym9w==}
-    dependencies:
-      '@babel/helper-module-imports': 7.18.6
-      '@babel/plugin-syntax-jsx': 7.18.6_@babel+core@7.19.0
-      '@babel/template': 7.18.10
-      '@babel/traverse': 7.19.0
-      '@babel/types': 7.19.0
-      '@vue/babel-helper-vue-transform-on': 1.0.2
-      camelcase: 6.3.0
-      html-tags: 3.2.0
-      svg-tags: 1.0.0
-    transitivePeerDependencies:
-      - '@babel/core'
-      - supports-color
-    dev: true
+      '@shikijs/engine-javascript': 2.1.0
+      '@shikijs/engine-oniguruma': 2.1.0
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.4
 
-  /@vue/compat/3.2.40_vue@3.2.40:
-    resolution: {integrity: sha512-PZl6tsjWC2KENXfeJ+hI+wbvN7lgLBVyf6fgE1bybxUtfDcw/Eon3RrapEHnp86zuZU++ThGqq1U03ZacznR0g==}
-    peerDependencies:
-      vue: 3.2.40
+  '@shikijs/engine-javascript@2.1.0':
     dependencies:
-      '@babel/parser': 7.19.0
-      estree-walker: 2.0.2
-      source-map: 0.6.1
-      vue: 3.2.40
-    dev: true
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+      oniguruma-to-es: 2.3.0
 
-  /@vue/compiler-core/3.2.38:
-    resolution: {integrity: sha512-/FsvnSu7Z+lkd/8KXMa4yYNUiqQrI22135gfsQYVGuh5tqEgOB0XqrUdb/KnCLa5+TmQLPwvyUnKMyCpu+SX3Q==}
+  '@shikijs/engine-oniguruma@2.1.0':
     dependencies:
-      '@babel/parser': 7.19.0
-      '@vue/shared': 3.2.38
-      estree-walker: 2.0.2
-      source-map: 0.6.1
-    dev: true
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
 
-  /@vue/compiler-core/3.2.40:
-    resolution: {integrity: sha512-2Dc3Stk0J/VyQ4OUr2yEC53kU28614lZS+bnrCbFSAIftBJ40g/2yQzf4mPBiFuqguMB7hyHaujdgZAQ67kZYA==}
+  '@shikijs/langs@2.1.0':
     dependencies:
-      '@babel/parser': 7.19.0
-      '@vue/shared': 3.2.40
-      estree-walker: 2.0.2
-      source-map: 0.6.1
-    dev: true
+      '@shikijs/types': 2.1.0
 
-  /@vue/compiler-dom/3.2.40:
-    resolution: {integrity: sha512-OZCNyYVC2LQJy4H7h0o28rtk+4v+HMQygRTpmibGoG9wZyomQiS5otU7qo3Wlq5UfHDw2RFwxb9BJgKjVpjrQw==}
+  '@shikijs/themes@2.1.0':
     dependencies:
-      '@vue/compiler-core': 3.2.40
-      '@vue/shared': 3.2.40
-    dev: true
+      '@shikijs/types': 2.1.0
 
-  /@vue/compiler-sfc/3.2.40:
-    resolution: {integrity: sha512-tzqwniIN1fu1PDHC3CpqY/dPCfN/RN1thpBC+g69kJcrl7mbGiHKNwbA6kJ3XKKy8R6JLKqcpVugqN4HkeBFFg==}
+  '@shikijs/transformers@2.1.0':
     dependencies:
-      '@babel/parser': 7.19.0
-      '@vue/compiler-core': 3.2.40
-      '@vue/compiler-dom': 3.2.40
-      '@vue/compiler-ssr': 3.2.40
-      '@vue/reactivity-transform': 3.2.40
-      '@vue/shared': 3.2.40
-      estree-walker: 2.0.2
-      magic-string: 0.25.9
-      postcss: 8.4.16
-      source-map: 0.6.1
-    dev: true
+      '@shikijs/core': 2.1.0
+      '@shikijs/types': 2.1.0
 
-  /@vue/compiler-ssr/3.2.40:
-    resolution: {integrity: sha512-80cQcgasKjrPPuKcxwuCx7feq+wC6oFl5YaKSee9pV3DNq+6fmCVwEEC3vvkf/E2aI76rIJSOYHsWSEIxK74oQ==}
+  '@shikijs/types@2.1.0':
     dependencies:
-      '@vue/compiler-dom': 3.2.40
-      '@vue/shared': 3.2.40
-    dev: true
+      '@shikijs/vscode-textmate': 10.0.1
+      '@types/hast': 3.0.4
 
-  /@vue/devtools-api/6.2.0:
-    resolution: {integrity: sha512-pF1G4wky+hkifDiZSWn8xfuLOJI1ZXtuambpBEYaf7Xaf6zC/pM29rvAGpd3qaGXnr4BAXU1Pxz/VfvBGwexGA==}
-    dev: true
+  '@shikijs/vscode-textmate@10.0.1': {}
 
-  /@vue/reactivity-transform/3.2.40:
-    resolution: {integrity: sha512-HQUCVwEaacq6fGEsg2NUuGKIhUveMCjOk8jGHqLXPI2w6zFoPrlQhwWEaINTv5kkZDXKEnCijAp+4gNEHG03yw==}
+  '@types/chai@5.2.2':
     dependencies:
-      '@babel/parser': 7.19.0
-      '@vue/compiler-core': 3.2.40
-      '@vue/shared': 3.2.40
-      estree-walker: 2.0.2
-      magic-string: 0.25.9
-    dev: true
+      '@types/deep-eql': 4.0.2
 
-  /@vue/reactivity/3.2.38:
-    resolution: {integrity: sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==}
-    dependencies:
-      '@vue/shared': 3.2.38
-    dev: true
+  '@types/deep-eql@4.0.2': {}
 
-  /@vue/reactivity/3.2.40:
-    resolution: {integrity: sha512-N9qgGLlZmtUBMHF9xDT4EkD9RdXde1Xbveb+niWMXuHVWQP5BzgRmE3SFyUBBcyayG4y1lhoz+lphGRRxxK4RA==}
-    dependencies:
-      '@vue/shared': 3.2.40
-    dev: true
+  '@types/estree@1.0.6': {}
 
-  /@vue/runtime-core/3.2.40:
-    resolution: {integrity: sha512-U1+rWf0H8xK8aBUZhnrN97yoZfHbjgw/bGUzfgKPJl69/mXDuSg8CbdBYBn6VVQdR947vWneQBFzdhasyzMUKg==}
-    dependencies:
-      '@vue/reactivity': 3.2.40
-      '@vue/shared': 3.2.40
-    dev: true
+  '@types/estree@1.0.7': {}
 
-  /@vue/runtime-dom/3.2.40:
-    resolution: {integrity: sha512-AO2HMQ+0s2+MCec8hXAhxMgWhFhOPJ/CyRXnmTJ6XIOnJFLrH5Iq3TNwvVcODGR295jy77I6dWPj+wvFoSYaww==}
-    dependencies:
-      '@vue/runtime-core': 3.2.40
-      '@vue/shared': 3.2.40
-      csstype: 2.6.20
-    dev: true
+  '@types/estree@1.0.8': {}
 
-  /@vue/server-renderer/3.2.40_vue@3.2.40:
-    resolution: {integrity: sha512-gtUcpRwrXOJPJ4qyBpU3EyxQa4EkV8I4f8VrDePcGCPe4O/hd0BPS7v9OgjIQob6Ap8VDz9G+mGTKazE45/95w==}
-    peerDependencies:
-      vue: 3.2.40
+  '@types/hast@3.0.4':
     dependencies:
-      '@vue/compiler-ssr': 3.2.40
-      '@vue/shared': 3.2.40
-      vue: 3.2.40
-    dev: true
-
-  /@vue/shared/3.2.38:
-    resolution: {integrity: sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg==}
-    dev: true
+      '@types/unist': 3.0.2
 
-  /@vue/shared/3.2.40:
-    resolution: {integrity: sha512-0PLQ6RUtZM0vO3teRfzGi4ltLUO5aO+kLgwh4Um3THSR03rpQWLTuRCkuO5A41ITzwdWeKdPHtSARuPkoo5pCQ==}
-    dev: true
+  '@types/js-beautify@1.14.3': {}
 
-  /abab/2.0.6:
-    resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
-    dev: true
+  '@types/json-schema@7.0.15': {}
 
-  /abbrev/1.1.1:
-    resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
-    dev: true
+  '@types/linkify-it@5.0.0': {}
 
-  /acorn-globals/6.0.0:
-    resolution: {integrity: sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==}
+  '@types/markdown-it@14.1.2':
     dependencies:
-      acorn: 7.4.1
-      acorn-walk: 7.2.0
-    dev: true
+      '@types/linkify-it': 5.0.0
+      '@types/mdurl': 2.0.0
 
-  /acorn-jsx/5.3.2_acorn@8.8.0:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  '@types/mdast@4.0.4':
     dependencies:
-      acorn: 8.8.0
-    dev: true
+      '@types/unist': 3.0.2
 
-  /acorn-walk/7.2.0:
-    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
-    engines: {node: '>=0.4.0'}
-    dev: true
+  '@types/mdurl@2.0.0': {}
 
-  /acorn/7.4.1:
-    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
+  '@types/node@22.17.0':
+    dependencies:
+      undici-types: 6.21.0
 
-  /acorn/8.7.1:
-    resolution: {integrity: sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
+  '@types/resolve@1.20.2': {}
 
-  /acorn/8.8.0:
-    resolution: {integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
+  '@types/unist@3.0.2': {}
 
-  /agent-base/6.0.2:
-    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
-    engines: {node: '>= 6.0.0'}
+  '@types/web-bluetooth@0.0.20': {}
+
+  '@typescript-eslint/eslint-plugin@8.39.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0)(typescript@5.9.2))(eslint@9.32.0)(typescript@5.9.2)':
     dependencies:
-      debug: 4.3.4
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      '@typescript-eslint/scope-manager': 8.39.0
+      '@typescript-eslint/type-utils': 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      '@typescript-eslint/visitor-keys': 8.39.0
+      eslint: 9.32.0
+      graphemer: 1.4.0
+      ignore: 7.0.4
+      natural-compare: 1.4.0
+      ts-api-utils: 2.1.0(typescript@5.9.2)
+      typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /aggregate-error/3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
+  '@typescript-eslint/parser@8.39.0(eslint@9.32.0)(typescript@5.9.2)':
     dependencies:
-      clean-stack: 2.2.0
-      indent-string: 4.0.0
-    dev: true
+      '@typescript-eslint/scope-manager': 8.39.0
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/visitor-keys': 8.39.0
+      debug: 4.4.1
+      eslint: 9.32.0
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
 
-  /ajv/6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+  '@typescript-eslint/project-service@8.39.0(typescript@5.9.2)':
     dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-    dev: true
-
-  /algoliasearch/4.13.1:
-    resolution: {integrity: sha512-dtHUSE0caWTCE7liE1xaL+19AFf6kWEcyn76uhcitWpntqvicFHXKFoZe5JJcv9whQOTRM6+B8qJz6sFj+rDJA==}
-    dependencies:
-      '@algolia/cache-browser-local-storage': 4.13.1
-      '@algolia/cache-common': 4.13.1
-      '@algolia/cache-in-memory': 4.13.1
-      '@algolia/client-account': 4.13.1
-      '@algolia/client-analytics': 4.13.1
-      '@algolia/client-common': 4.13.1
-      '@algolia/client-personalization': 4.13.1
-      '@algolia/client-search': 4.13.1
-      '@algolia/logger-common': 4.13.1
-      '@algolia/logger-console': 4.13.1
-      '@algolia/requester-browser-xhr': 4.13.1
-      '@algolia/requester-common': 4.13.1
-      '@algolia/requester-node-http': 4.13.1
-      '@algolia/transporter': 4.13.1
-    dev: true
-
-  /ansi-escapes/4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: 0.21.3
-    dev: true
-
-  /ansi-regex/5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /ansi-regex/6.0.1:
-    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
-    engines: {node: '>=12'}
-    dev: true
+      '@typescript-eslint/tsconfig-utils': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/types': 8.39.0
+      debug: 4.4.1
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
 
-  /ansi-styles/3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
+  '@typescript-eslint/scope-manager@8.39.0':
     dependencies:
-      color-convert: 1.9.3
-    dev: true
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/visitor-keys': 8.39.0
 
-  /ansi-styles/4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
+  '@typescript-eslint/tsconfig-utils@8.39.0(typescript@5.9.2)':
     dependencies:
-      color-convert: 2.0.1
-    dev: true
-
-  /ansi-styles/6.1.0:
-    resolution: {integrity: sha512-VbqNsoz55SYGczauuup0MFUyXNQviSpFTj1RQtFzmQLk18qbVSpTFFGMT293rmDaQuKCT6InmbuEyUne4mTuxQ==}
-    engines: {node: '>=12'}
-    dev: true
+      typescript: 5.9.2
 
-  /anymatch/3.1.2:
-    resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
-    engines: {node: '>= 8'}
+  '@typescript-eslint/type-utils@8.39.0(eslint@9.32.0)(typescript@5.9.2)':
     dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.1
-    dev: true
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      debug: 4.4.1
+      eslint: 9.32.0
+      ts-api-utils: 2.1.0(typescript@5.9.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
 
-  /argparse/2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-    dev: true
+  '@typescript-eslint/types@8.39.0': {}
 
-  /array-union/2.1.0:
-    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
-    engines: {node: '>=8'}
-    dev: true
+  '@typescript-eslint/typescript-estree@8.39.0(typescript@5.9.2)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/tsconfig-utils': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/visitor-keys': 8.39.0
+      debug: 4.4.1
+      fast-glob: 3.3.3
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.0
+      ts-api-utils: 2.1.0(typescript@5.9.2)
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
 
-  /assertion-error/1.1.0:
-    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
-    dev: true
+  '@typescript-eslint/utils@8.39.0(eslint@9.32.0)(typescript@5.9.2)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0)
+      '@typescript-eslint/scope-manager': 8.39.0
+      '@typescript-eslint/types': 8.39.0
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      eslint: 9.32.0
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
 
-  /astral-regex/2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-    dev: true
+  '@typescript-eslint/visitor-keys@8.39.0':
+    dependencies:
+      '@typescript-eslint/types': 8.39.0
+      eslint-visitor-keys: 4.2.1
 
-  /asynckit/0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: true
+  '@ungap/structured-clone@1.2.0': {}
 
-  /balanced-match/1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-    dev: true
+  '@vitejs/plugin-vue-jsx@5.0.1(vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0))(vue@3.5.18(typescript@5.9.2))':
+    dependencies:
+      '@babel/core': 7.27.7
+      '@babel/plugin-transform-typescript': 7.27.1(@babel/core@7.27.7)
+      '@rolldown/pluginutils': 1.0.0-beta.22
+      '@vue/babel-plugin-jsx': 1.4.0(@babel/core@7.27.7)
+      vite: 7.0.6(@types/node@22.17.0)(yaml@2.8.0)
+      vue: 3.5.18(typescript@5.9.2)
+    transitivePeerDependencies:
+      - supports-color
 
-  /binary-extensions/2.2.0:
-    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
-    engines: {node: '>=8'}
-    dev: true
+  '@vitejs/plugin-vue@5.2.4(vite@5.4.14(@types/node@22.17.0))(vue@3.5.18(typescript@5.9.2))':
+    dependencies:
+      vite: 5.4.14(@types/node@22.17.0)
+      vue: 3.5.18(typescript@5.9.2)
+
+  '@vitejs/plugin-vue@6.0.1(vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0))(vue@3.5.18(typescript@5.9.2))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.0-beta.29
+      vite: 7.0.6(@types/node@22.17.0)(yaml@2.8.0)
+      vue: 3.5.18(typescript@5.9.2)
+
+  '@vitest/coverage-v8@3.2.4(vitest@3.2.4(@types/node@22.17.0)(jsdom@26.1.0)(yaml@2.8.0))':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@bcoe/v8-coverage': 1.0.2
+      ast-v8-to-istanbul: 0.3.3
+      debug: 4.4.1
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 5.0.6
+      istanbul-reports: 3.1.7
+      magic-string: 0.30.17
+      magicast: 0.3.5
+      std-env: 3.9.0
+      test-exclude: 7.0.1
+      tinyrainbow: 2.0.0
+      vitest: 3.2.4(@types/node@22.17.0)(jsdom@26.1.0)(yaml@2.8.0)
+    transitivePeerDependencies:
+      - supports-color
 
-  /brace-expansion/1.1.11:
-    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+  '@vitest/expect@3.2.4':
     dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-    dev: true
+      '@types/chai': 5.2.2
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.2.0
+      tinyrainbow: 2.0.0
 
-  /brace-expansion/2.0.1:
-    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+  '@vitest/mocker@3.2.4(vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0))':
     dependencies:
-      balanced-match: 1.0.2
-    dev: true
+      '@vitest/spy': 3.2.4
+      estree-walker: 3.0.3
+      magic-string: 0.30.17
+    optionalDependencies:
+      vite: 7.0.6(@types/node@22.17.0)(yaml@2.8.0)
 
-  /braces/3.0.2:
-    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
-    engines: {node: '>=8'}
+  '@vitest/pretty-format@3.2.4':
     dependencies:
-      fill-range: 7.0.1
-    dev: true
+      tinyrainbow: 2.0.0
 
-  /browser-process-hrtime/1.0.0:
-    resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
-    dev: true
-
-  /browserslist/4.21.1:
-    resolution: {integrity: sha512-Nq8MFCSrnJXSc88yliwlzQe3qNe3VntIjhsArW9IJOEPSHNx23FalwApUVbzAWABLhYJJ7y8AynWI/XM8OdfjQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
+  '@vitest/runner@3.2.4':
     dependencies:
-      caniuse-lite: 1.0.30001363
-      electron-to-chromium: 1.4.177
-      node-releases: 2.0.5
-      update-browserslist-db: 1.0.4_browserslist@4.21.1
-    dev: true
-
-  /builtin-modules/3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-    dev: true
+      '@vitest/utils': 3.2.4
+      pathe: 2.0.3
+      strip-literal: 3.0.0
 
-  /c8/7.12.0:
-    resolution: {integrity: sha512-CtgQrHOkyxr5koX1wEUmN/5cfDa2ckbHRA4Gy5LAL0zaCFtVWJS5++n+w4/sr2GWGerBxgTjpKeDclk/Qk6W/A==}
-    engines: {node: '>=10.12.0'}
-    hasBin: true
+  '@vitest/snapshot@3.2.4':
     dependencies:
-      '@bcoe/v8-coverage': 0.2.3
-      '@istanbuljs/schema': 0.1.3
-      find-up: 5.0.0
-      foreground-child: 2.0.0
-      istanbul-lib-coverage: 3.2.0
-      istanbul-lib-report: 3.0.0
-      istanbul-reports: 3.1.4
-      rimraf: 3.0.2
-      test-exclude: 6.0.0
-      v8-to-istanbul: 9.0.1
-      yargs: 16.2.0
-      yargs-parser: 20.2.9
-    dev: true
-
-  /callsites/3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-    dev: true
-
-  /camelcase/6.3.0:
-    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
-    engines: {node: '>=10'}
-    dev: true
+      '@vitest/pretty-format': 3.2.4
+      magic-string: 0.30.17
+      pathe: 2.0.3
 
-  /caniuse-lite/1.0.30001363:
-    resolution: {integrity: sha512-HpQhpzTGGPVMnCjIomjt+jvyUu8vNFo3TaDiZ/RcoTrlOq/5+tC8zHdsbgFB6MxmaY+jCpsH09aD80Bb4Ow3Sg==}
-    dev: true
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.3
 
-  /chai/4.3.6:
-    resolution: {integrity: sha512-bbcp3YfHCUzMOvKqsztczerVgBKSsEijCySNlHHbX3VG1nskvqjz5Rfso1gGwD6w6oOV3eI60pKuMOV5MV7p3Q==}
-    engines: {node: '>=4'}
+  '@vitest/utils@3.2.4':
     dependencies:
-      assertion-error: 1.1.0
-      check-error: 1.0.2
-      deep-eql: 3.0.1
-      get-func-name: 2.0.0
-      loupe: 2.3.4
-      pathval: 1.1.1
-      type-detect: 4.0.8
-    dev: true
-
-  /chalk/2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.1.4
+      tinyrainbow: 2.0.0
+
+  '@volar/language-core@2.4.22':
     dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-    dev: true
+      '@volar/source-map': 2.4.22
 
-  /chalk/4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
+  '@volar/source-map@2.4.22': {}
+
+  '@volar/typescript@2.4.22':
     dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-    dev: true
+      '@volar/language-core': 2.4.22
+      path-browserify: 1.0.1
+      vscode-uri: 3.0.8
 
-  /check-error/1.0.2:
-    resolution: {integrity: sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==}
-    dev: true
+  '@vue/babel-helper-vue-transform-on@1.4.0': {}
 
-  /chokidar/3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
-    engines: {node: '>= 8.10.0'}
+  '@vue/babel-plugin-jsx@1.4.0(@babel/core@7.27.7)':
     dependencies:
-      anymatch: 3.1.2
-      braces: 3.0.2
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.27.7)
+      '@babel/template': 7.27.2
+      '@babel/traverse': 7.27.1
+      '@babel/types': 7.27.6
+      '@vue/babel-helper-vue-transform-on': 1.4.0
+      '@vue/babel-plugin-resolve-type': 1.4.0(@babel/core@7.27.7)
+      '@vue/shared': 3.5.17
     optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /clean-stack/2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
-    dev: true
+      '@babel/core': 7.27.7
+    transitivePeerDependencies:
+      - supports-color
 
-  /cli-cursor/3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
-    engines: {node: '>=8'}
+  '@vue/babel-plugin-resolve-type@1.4.0(@babel/core@7.27.7)':
     dependencies:
-      restore-cursor: 3.1.0
-    dev: true
+      '@babel/code-frame': 7.27.1
+      '@babel/core': 7.27.7
+      '@babel/helper-module-imports': 7.27.1
+      '@babel/helper-plugin-utils': 7.27.1
+      '@babel/parser': 7.27.7
+      '@vue/compiler-sfc': 3.5.18
+    transitivePeerDependencies:
+      - supports-color
 
-  /cli-truncate/2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
+  '@vue/compat@3.5.18(vue@3.5.18(typescript@5.9.2))':
     dependencies:
-      slice-ansi: 3.0.0
-      string-width: 4.2.3
-    dev: true
+      '@babel/parser': 7.28.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+      vue: 3.5.18(typescript@5.9.2)
 
-  /cli-truncate/3.1.0:
-    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  '@vue/compiler-core@3.5.18':
     dependencies:
-      slice-ansi: 5.0.0
-      string-width: 5.1.2
-    dev: true
+      '@babel/parser': 7.28.0
+      '@vue/shared': 3.5.18
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
 
-  /cliui/7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
+  '@vue/compiler-dom@3.5.18':
     dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-    dev: true
+      '@vue/compiler-core': 3.5.18
+      '@vue/shared': 3.5.18
 
-  /color-convert/1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+  '@vue/compiler-sfc@3.5.18':
     dependencies:
-      color-name: 1.1.3
-    dev: true
+      '@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
+      estree-walker: 2.0.2
+      magic-string: 0.30.17
+      postcss: 8.5.6
+      source-map-js: 1.2.1
 
-  /color-convert/2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
+  '@vue/compiler-ssr@3.5.18':
     dependencies:
-      color-name: 1.1.4
-    dev: true
+      '@vue/compiler-dom': 3.5.18
+      '@vue/shared': 3.5.18
 
-  /color-name/1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-    dev: true
+  '@vue/compiler-vue2@2.7.16':
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
 
-  /color-name/1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-    dev: true
+  '@vue/devtools-api@6.2.0': {}
 
-  /colorette/2.0.19:
-    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
-    dev: true
+  '@vue/devtools-api@6.6.4': {}
 
-  /combined-stream/1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
+  '@vue/devtools-api@7.7.0':
     dependencies:
-      delayed-stream: 1.0.0
-    dev: true
-
-  /commander/2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
+      '@vue/devtools-kit': 7.7.0
 
-  /commander/9.3.0:
-    resolution: {integrity: sha512-hv95iU5uXPbK83mjrJKuZyFM/LBAoCV/XhVGkS5Je6tl7sxr6A0ITMw5WoRV46/UaJ46Nllm3Xt7IaJhXTIkzw==}
-    engines: {node: ^12.20.0 || >=14}
-    dev: true
+  '@vue/devtools-kit@7.7.0':
+    dependencies:
+      '@vue/devtools-shared': 7.7.0
+      birpc: 0.2.19
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.1
 
-  /commondir/1.0.1:
-    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
-    dev: true
+  '@vue/devtools-shared@7.7.0':
+    dependencies:
+      rfdc: 1.4.1
 
-  /concat-map/0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
+  '@vue/language-core@3.0.5(typescript@5.9.2)':
+    dependencies:
+      '@volar/language-core': 2.4.22
+      '@vue/compiler-dom': 3.5.18
+      '@vue/compiler-vue2': 2.7.16
+      '@vue/shared': 3.5.18
+      alien-signals: 2.0.5
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+      picomatch: 4.0.3
+    optionalDependencies:
+      typescript: 5.9.2
 
-  /condense-newlines/0.2.1:
-    resolution: {integrity: sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==}
-    engines: {node: '>=0.10.0'}
+  '@vue/reactivity@3.5.18':
     dependencies:
-      extend-shallow: 2.0.1
-      is-whitespace: 0.3.0
-      kind-of: 3.2.2
-    dev: true
+      '@vue/shared': 3.5.18
 
-  /config-chain/1.1.13:
-    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+  '@vue/runtime-core@3.5.18':
     dependencies:
-      ini: 1.3.8
-      proto-list: 1.2.4
-    dev: true
+      '@vue/reactivity': 3.5.18
+      '@vue/shared': 3.5.18
 
-  /convert-source-map/1.8.0:
-    resolution: {integrity: sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==}
+  '@vue/runtime-dom@3.5.18':
     dependencies:
-      safe-buffer: 5.1.2
-    dev: true
+      '@vue/reactivity': 3.5.18
+      '@vue/runtime-core': 3.5.18
+      '@vue/shared': 3.5.18
+      csstype: 3.1.3
 
-  /cross-spawn/7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
+  '@vue/server-renderer@3.5.18(vue@3.5.18(typescript@5.9.2))':
     dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-    dev: true
+      '@vue/compiler-ssr': 3.5.18
+      '@vue/shared': 3.5.18
+      vue: 3.5.18(typescript@5.9.2)
 
-  /cssom/0.3.8:
-    resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
-    dev: true
+  '@vue/shared@3.5.17': {}
 
-  /cssom/0.5.0:
-    resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
-    dev: true
+  '@vue/shared@3.5.18': {}
 
-  /cssstyle/2.3.0:
-    resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
-    engines: {node: '>=8'}
+  '@vueuse/core@12.4.0(typescript@5.9.2)':
     dependencies:
-      cssom: 0.3.8
-    dev: true
-
-  /csstype/2.6.20:
-    resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
-    dev: true
+      '@types/web-bluetooth': 0.0.20
+      '@vueuse/metadata': 12.4.0
+      '@vueuse/shared': 12.4.0(typescript@5.9.2)
+      vue: 3.5.18(typescript@5.9.2)
+    transitivePeerDependencies:
+      - typescript
 
-  /data-urls/3.0.2:
-    resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
-    engines: {node: '>=12'}
+  '@vueuse/integrations@12.4.0(focus-trap@7.6.4)(typescript@5.9.2)':
     dependencies:
-      abab: 2.0.6
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
-    dev: true
+      '@vueuse/core': 12.4.0(typescript@5.9.2)
+      '@vueuse/shared': 12.4.0(typescript@5.9.2)
+      vue: 3.5.18(typescript@5.9.2)
+    optionalDependencies:
+      focus-trap: 7.6.4
+    transitivePeerDependencies:
+      - typescript
 
-  /debug/4.3.4:
-    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
+  '@vueuse/metadata@12.4.0': {}
+
+  '@vueuse/shared@12.4.0(typescript@5.9.2)':
     dependencies:
-      ms: 2.1.2
-    dev: true
+      vue: 3.5.18(typescript@5.9.2)
+    transitivePeerDependencies:
+      - typescript
 
-  /decimal.js/10.3.1:
-    resolution: {integrity: sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ==}
-    dev: true
+  abbrev@1.1.1: {}
 
-  /deep-eql/3.0.1:
-    resolution: {integrity: sha512-+QeIQyN5ZuO+3Uk5DYh6/1eKO0m0YmJFGNmFHGACpf1ClL1nmlV/p4gNgbl2pJGxgXb4faqo6UE+M5ACEMyVcw==}
-    engines: {node: '>=0.12'}
+  acorn-jsx@5.3.2(acorn@8.15.0):
     dependencies:
-      type-detect: 4.0.8
-    dev: true
-
-  /deep-is/0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
+      acorn: 8.15.0
 
-  /deepmerge/4.2.2:
-    resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  acorn@8.15.0: {}
 
-  /delayed-stream/1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-    dev: true
+  agent-base@7.1.3: {}
 
-  /dir-glob/3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
+  ajv@6.12.6:
     dependencies:
-      path-type: 4.0.0
-    dev: true
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
 
-  /doctrine/3.0.0:
-    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
-    engines: {node: '>=6.0.0'}
+  algoliasearch@5.19.0:
     dependencies:
-      esutils: 2.0.3
-    dev: true
+      '@algolia/client-abtesting': 5.19.0
+      '@algolia/client-analytics': 5.19.0
+      '@algolia/client-common': 5.19.0
+      '@algolia/client-insights': 5.19.0
+      '@algolia/client-personalization': 5.19.0
+      '@algolia/client-query-suggestions': 5.19.0
+      '@algolia/client-search': 5.19.0
+      '@algolia/ingestion': 1.19.0
+      '@algolia/monitoring': 1.19.0
+      '@algolia/recommend': 5.19.0
+      '@algolia/requester-browser-xhr': 5.19.0
+      '@algolia/requester-fetch': 5.19.0
+      '@algolia/requester-node-http': 5.19.0
 
-  /domexception/4.0.0:
-    resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
-    engines: {node: '>=12'}
+  alien-signals@2.0.5: {}
+
+  ansi-escapes@7.0.0:
     dependencies:
-      webidl-conversions: 7.0.0
-    dev: true
+      environment: 1.1.0
 
-  /eastasianwidth/0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: true
+  ansi-regex@5.0.1: {}
 
-  /editorconfig/0.15.3:
-    resolution: {integrity: sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==}
-    hasBin: true
+  ansi-regex@6.0.1: {}
+
+  ansi-styles@4.3.0:
     dependencies:
-      commander: 2.20.3
-      lru-cache: 4.1.5
-      semver: 5.7.1
-      sigmund: 1.0.1
-    dev: true
+      color-convert: 2.0.1
 
-  /electron-to-chromium/1.4.177:
-    resolution: {integrity: sha512-FYPir3NSBEGexSZUEeht81oVhHfLFl6mhUKSkjHN/iB/TwEIt/WHQrqVGfTLN5gQxwJCQkIJBe05eOXjI7omgg==}
-    dev: true
+  ansi-styles@6.2.1: {}
 
-  /emoji-regex/8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-    dev: true
+  anymatch@3.1.2:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
 
-  /emoji-regex/9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: true
+  argparse@2.0.1: {}
 
-  /entities/4.3.1:
-    resolution: {integrity: sha512-o4q/dYJlmyjP2zfnaWDUC6A3BQFmVTX+tZPezK7k0GLSU9QYCauscf5Y+qcEPzKL+EixVouYDgLQK5H9GrLpkg==}
-    engines: {node: '>=0.12'}
-    dev: true
+  assertion-error@2.0.1: {}
 
-  /esbuild-android-64/0.14.48:
-    resolution: {integrity: sha512-3aMjboap/kqwCUpGWIjsk20TtxVoKck8/4Tu19rubh7t5Ra0Yrpg30Mt1QXXlipOazrEceGeWurXKeFJgkPOUg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  ast-v8-to-istanbul@0.3.3:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.25
+      estree-walker: 3.0.3
+      js-tokens: 9.0.1
 
-  /esbuild-android-64/0.15.7:
-    resolution: {integrity: sha512-p7rCvdsldhxQr3YHxptf1Jcd86dlhvc3EQmQJaZzzuAxefO9PvcI0GLOa5nCWem1AJ8iMRu9w0r5TG8pHmbi9w==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  balanced-match@1.0.2: {}
 
-  /esbuild-android-arm64/0.14.48:
-    resolution: {integrity: sha512-vptI3K0wGALiDq+EvRuZotZrJqkYkN5282iAfcffjI5lmGG9G1ta/CIVauhY42MBXwEgDJkweiDcDMRLzBZC4g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  binary-extensions@2.2.0: {}
 
-  /esbuild-android-arm64/0.15.7:
-    resolution: {integrity: sha512-L775l9ynJT7rVqRM5vo+9w5g2ysbOCfsdLV4CWanTZ1k/9Jb3IYlQ06VCI1edhcosTYJRECQFJa3eAvkx72eyQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
+  birpc@0.2.19: {}
 
-  /esbuild-darwin-64/0.14.48:
-    resolution: {integrity: sha512-gGQZa4+hab2Va/Zww94YbshLuWteyKGD3+EsVon8EWTWhnHFRm5N9NbALNbwi/7hQ/hM1Zm4FuHg+k6BLsl5UA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
+  brace-expansion@1.1.11:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
 
-  /esbuild-darwin-64/0.15.7:
-    resolution: {integrity: sha512-KGPt3r1c9ww009t2xLB6Vk0YyNOXh7hbjZ3EecHoVDxgtbUlYstMPDaReimKe6eOEfyY4hBEEeTvKwPsiH5WZg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
+  brace-expansion@2.0.1:
+    dependencies:
+      balanced-match: 1.0.2
 
-  /esbuild-darwin-arm64/0.14.48:
-    resolution: {integrity: sha512-bFjnNEXjhZT+IZ8RvRGNJthLWNHV5JkCtuOFOnjvo5pC0sk2/QVk0Qc06g2PV3J0TcU6kaPC3RN9yy9w2PSLEA==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
 
-  /esbuild-darwin-arm64/0.15.7:
-    resolution: {integrity: sha512-kBIHvtVqbSGajN88lYMnR3aIleH3ABZLLFLxwL2stiuIGAjGlQW741NxVTpUHQXUmPzxi6POqc9npkXa8AcSZQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
+  browserslist@4.24.2:
+    dependencies:
+      caniuse-lite: 1.0.30001680
+      electron-to-chromium: 1.5.57
+      node-releases: 2.0.18
+      update-browserslist-db: 1.1.1(browserslist@4.24.2)
+
+  cac@6.7.14: {}
 
-  /esbuild-freebsd-64/0.14.48:
-    resolution: {integrity: sha512-1NOlwRxmOsnPcWOGTB10JKAkYSb2nue0oM1AfHWunW/mv3wERfJmnYlGzL3UAOIUXZqW8GeA2mv+QGwq7DToqA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  callsites@3.1.0: {}
 
-  /esbuild-freebsd-64/0.15.7:
-    resolution: {integrity: sha512-hESZB91qDLV5MEwNxzMxPfbjAhOmtfsr9Wnuci7pY6TtEh4UDuevmGmkUIjX/b+e/k4tcNBMf7SRQ2mdNuK/HQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  caniuse-lite@1.0.30001680: {}
 
-  /esbuild-freebsd-arm64/0.14.48:
-    resolution: {integrity: sha512-gXqKdO8wabVcYtluAbikDH2jhXp+Klq5oCD5qbVyUG6tFiGhrC9oczKq3vIrrtwcxDQqK6+HDYK8Zrd4bCA9Gw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  ccount@2.0.1: {}
 
-  /esbuild-freebsd-arm64/0.15.7:
-    resolution: {integrity: sha512-dLFR0ChH5t+b3J8w0fVKGvtwSLWCv7GYT2Y2jFGulF1L5HftQLzVGN+6pi1SivuiVSmTh28FwUhi9PwQicXI6Q==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  chai@5.2.0:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.1
+      deep-eql: 5.0.2
+      loupe: 3.1.3
+      pathval: 2.0.0
 
-  /esbuild-linux-32/0.14.48:
-    resolution: {integrity: sha512-ghGyDfS289z/LReZQUuuKq9KlTiTspxL8SITBFQFAFRA/IkIvDpnZnCAKTCjGXAmUqroMQfKJXMxyjJA69c/nQ==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
 
-  /esbuild-linux-32/0.15.7:
-    resolution: {integrity: sha512-v3gT/LsONGUZcjbt2swrMjwxo32NJzk+7sAgtxhGx1+ZmOFaTRXBAi1PPfgpeo/J//Un2jIKm/I+qqeo4caJvg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  chalk@5.4.1: {}
 
-  /esbuild-linux-64/0.14.48:
-    resolution: {integrity: sha512-vni3p/gppLMVZLghI7oMqbOZdGmLbbKR23XFARKnszCIBpEMEDxOMNIKPmMItQrmH/iJrL1z8Jt2nynY0bE1ug==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  character-entities-html4@2.1.0: {}
 
-  /esbuild-linux-64/0.15.7:
-    resolution: {integrity: sha512-LxXEfLAKwOVmm1yecpMmWERBshl+Kv5YJ/1KnyAr6HRHFW8cxOEsEfisD3sVl/RvHyW//lhYUVSuy9jGEfIRAQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  character-entities-legacy@3.0.0: {}
 
-  /esbuild-linux-arm/0.14.48:
-    resolution: {integrity: sha512-+VfSV7Akh1XUiDNXgqgY1cUP1i2vjI+BmlyXRfVz5AfV3jbpde8JTs5Q9sYgaoq5cWfuKfoZB/QkGOI+QcL1Tw==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  check-error@2.1.1: {}
 
-  /esbuild-linux-arm/0.15.7:
-    resolution: {integrity: sha512-JKgAHtMR5f75wJTeuNQbyznZZa+pjiUHV7sRZp42UNdyXC6TiUYMW/8z8yIBAr2Fpad8hM1royZKQisqPABPvQ==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.2
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
 
-  /esbuild-linux-arm64/0.14.48:
-    resolution: {integrity: sha512-3CFsOlpoxlKPRevEHq8aAntgYGYkE1N9yRYAcPyng/p4Wyx0tPR5SBYsxLKcgPB9mR8chHEhtWYz6EZ+H199Zw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  cli-cursor@5.0.0:
+    dependencies:
+      restore-cursor: 5.1.0
 
-  /esbuild-linux-arm64/0.15.7:
-    resolution: {integrity: sha512-P3cfhudpzWDkglutWgXcT2S7Ft7o2e3YDMrP1n0z2dlbUZghUkKCyaWw0zhp4KxEEzt/E7lmrtRu/pGWnwb9vw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  cli-truncate@4.0.0:
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 7.0.0
 
-  /esbuild-linux-mips64le/0.14.48:
-    resolution: {integrity: sha512-cs0uOiRlPp6ymknDnjajCgvDMSsLw5mST2UXh+ZIrXTj2Ifyf2aAP3Iw4DiqgnyYLV2O/v/yWBJx+WfmKEpNLA==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
 
-  /esbuild-linux-mips64le/0.15.7:
-    resolution: {integrity: sha512-T7XKuxl0VpeFLCJXub6U+iybiqh0kM/bWOTb4qcPyDDwNVhLUiPcGdG2/0S7F93czUZOKP57YiLV8YQewgLHKw==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  color-name@1.1.4: {}
 
-  /esbuild-linux-ppc64le/0.14.48:
-    resolution: {integrity: sha512-+2F0vJMkuI0Wie/wcSPDCqXvSFEELH7Jubxb7mpWrA/4NpT+/byjxDz0gG6R1WJoeDefcrMfpBx4GFNN1JQorQ==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  colorette@2.0.20: {}
 
-  /esbuild-linux-ppc64le/0.15.7:
-    resolution: {integrity: sha512-6mGuC19WpFN7NYbecMIJjeQgvDb5aMuvyk0PDYBJrqAEMkTwg3Z98kEKuCm6THHRnrgsdr7bp4SruSAxEM4eJw==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  comma-separated-tokens@2.0.3: {}
 
-  /esbuild-linux-riscv64/0.14.48:
-    resolution: {integrity: sha512-BmaK/GfEE+5F2/QDrIXteFGKnVHGxlnK9MjdVKMTfvtmudjY3k2t8NtlY4qemKSizc+QwyombGWTBDc76rxePA==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  commander@11.1.0: {}
 
-  /esbuild-linux-riscv64/0.15.7:
-    resolution: {integrity: sha512-uUJsezbswAYo/X7OU/P+PuL/EI9WzxsEQXDekfwpQ23uGiooxqoLFAPmXPcRAt941vjlY9jtITEEikWMBr+F/g==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  commander@14.0.0: {}
 
-  /esbuild-linux-s390x/0.14.48:
-    resolution: {integrity: sha512-tndw/0B9jiCL+KWKo0TSMaUm5UWBLsfCKVdbfMlb3d5LeV9WbijZ8Ordia8SAYv38VSJWOEt6eDCdOx8LqkC4g==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  commondir@1.0.1: {}
 
-  /esbuild-linux-s390x/0.15.7:
-    resolution: {integrity: sha512-+tO+xOyTNMc34rXlSxK7aCwJgvQyffqEM5MMdNDEeMU3ss0S6wKvbBOQfgd5jRPblfwJ6b+bKiz0g5nABpY0QQ==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
+  concat-map@0.0.1: {}
 
-  /esbuild-netbsd-64/0.14.48:
-    resolution: {integrity: sha512-V9hgXfwf/T901Lr1wkOfoevtyNkrxmMcRHyticybBUHookznipMOHoF41Al68QBsqBxnITCEpjjd4yAos7z9Tw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  confbox@0.1.8: {}
 
-  /esbuild-netbsd-64/0.15.7:
-    resolution: {integrity: sha512-yVc4Wz+Pu3cP5hzm5kIygNPrjar/v5WCSoRmIjCPWfBVJkZNb5brEGKUlf+0Y759D48BCWa0WHrWXaNy0DULTQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  confbox@0.2.2: {}
 
-  /esbuild-openbsd-64/0.14.48:
-    resolution: {integrity: sha512-+IHf4JcbnnBl4T52egorXMatil/za0awqzg2Vy6FBgPcBpisDWT2sVz/tNdrK9kAqj+GZG/jZdrOkj7wsrNTKA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
 
-  /esbuild-openbsd-64/0.15.7:
-    resolution: {integrity: sha512-GsimbwC4FSR4lN3wf8XmTQ+r8/0YSQo21rWDL0XFFhLHKlzEA4SsT1Tl8bPYu00IU6UWSJ+b3fG/8SB69rcuEQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
+  convert-source-map@2.0.0: {}
 
-  /esbuild-sunos-64/0.14.48:
-    resolution: {integrity: sha512-77m8bsr5wOpOWbGi9KSqDphcq6dFeJyun8TA+12JW/GAjyfTwVtOnN8DOt6DSPUfEV+ltVMNqtXUeTeMAxl5KA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
+  copy-anything@3.0.5:
+    dependencies:
+      is-what: 4.1.16
 
-  /esbuild-sunos-64/0.15.7:
-    resolution: {integrity: sha512-8CDI1aL/ts0mDGbWzjEOGKXnU7p3rDzggHSBtVryQzkSOsjCHRVe0iFYUuhczlxU1R3LN/E7HgUO4NXzGGP/Ag==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
 
-  /esbuild-windows-32/0.14.48:
-    resolution: {integrity: sha512-EPgRuTPP8vK9maxpTGDe5lSoIBHGKO/AuxDncg5O3NkrPeLNdvvK8oywB0zGaAZXxYWfNNSHskvvDgmfVTguhg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  cssstyle@4.2.1:
+    dependencies:
+      '@asamuzakjp/css-color': 2.8.2
+      rrweb-cssom: 0.8.0
 
-  /esbuild-windows-32/0.15.7:
-    resolution: {integrity: sha512-cOnKXUEPS8EGCzRSFa1x6NQjGhGsFlVgjhqGEbLTPsA7x4RRYiy2RKoArNUU4iR2vHmzqS5Gr84MEumO/wxYKA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  csstype@3.1.3: {}
 
-  /esbuild-windows-64/0.14.48:
-    resolution: {integrity: sha512-YmpXjdT1q0b8ictSdGwH3M8VCoqPpK1/UArze3X199w6u8hUx3V8BhAi1WjbsfDYRBanVVtduAhh2sirImtAvA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  data-urls@5.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
 
-  /esbuild-windows-64/0.15.7:
-    resolution: {integrity: sha512-7MI08Ec2sTIDv+zH6StNBKO+2hGUYIT42GmFyW6MBBWWtJhTcQLinKS6ldIN1d52MXIbiJ6nXyCJ+LpL4jBm3Q==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  de-indent@1.0.2: {}
 
-  /esbuild-windows-arm64/0.14.48:
-    resolution: {integrity: sha512-HHaOMCsCXp0rz5BT2crTka6MPWVno121NKApsGs/OIW5QC0ggC69YMGs1aJct9/9FSUF4A1xNE/cLvgB5svR4g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  debug@4.4.1:
+    dependencies:
+      ms: 2.1.3
 
-  /esbuild-windows-arm64/0.15.7:
-    resolution: {integrity: sha512-R06nmqBlWjKHddhRJYlqDd3Fabx9LFdKcjoOy08YLimwmsswlFBJV4rXzZCxz/b7ZJXvrZgj8DDv1ewE9+StMw==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
+  decimal.js@10.5.0: {}
 
-  /esbuild/0.14.48:
-    resolution: {integrity: sha512-w6N1Yn5MtqK2U1/WZTX9ZqUVb8IOLZkZ5AdHkT6x3cHDMVsYWC7WPdiLmx19w3i4Rwzy5LqsEMtVihG3e4rFzA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      esbuild-android-64: 0.14.48
-      esbuild-android-arm64: 0.14.48
-      esbuild-darwin-64: 0.14.48
-      esbuild-darwin-arm64: 0.14.48
-      esbuild-freebsd-64: 0.14.48
-      esbuild-freebsd-arm64: 0.14.48
-      esbuild-linux-32: 0.14.48
-      esbuild-linux-64: 0.14.48
-      esbuild-linux-arm: 0.14.48
-      esbuild-linux-arm64: 0.14.48
-      esbuild-linux-mips64le: 0.14.48
-      esbuild-linux-ppc64le: 0.14.48
-      esbuild-linux-riscv64: 0.14.48
-      esbuild-linux-s390x: 0.14.48
-      esbuild-netbsd-64: 0.14.48
-      esbuild-openbsd-64: 0.14.48
-      esbuild-sunos-64: 0.14.48
-      esbuild-windows-32: 0.14.48
-      esbuild-windows-64: 0.14.48
-      esbuild-windows-arm64: 0.14.48
-    dev: true
-
-  /esbuild/0.15.7:
-    resolution: {integrity: sha512-7V8tzllIbAQV1M4QoE52ImKu8hT/NLGlGXkiDsbEU5PS6K8Mn09ZnYoS+dcmHxOS9CRsV4IRAMdT3I67IyUNXw==}
-    engines: {node: '>=12'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/linux-loong64': 0.15.7
-      esbuild-android-64: 0.15.7
-      esbuild-android-arm64: 0.15.7
-      esbuild-darwin-64: 0.15.7
-      esbuild-darwin-arm64: 0.15.7
-      esbuild-freebsd-64: 0.15.7
-      esbuild-freebsd-arm64: 0.15.7
-      esbuild-linux-32: 0.15.7
-      esbuild-linux-64: 0.15.7
-      esbuild-linux-arm: 0.15.7
-      esbuild-linux-arm64: 0.15.7
-      esbuild-linux-mips64le: 0.15.7
-      esbuild-linux-ppc64le: 0.15.7
-      esbuild-linux-riscv64: 0.15.7
-      esbuild-linux-s390x: 0.15.7
-      esbuild-netbsd-64: 0.15.7
-      esbuild-openbsd-64: 0.15.7
-      esbuild-sunos-64: 0.15.7
-      esbuild-windows-32: 0.15.7
-      esbuild-windows-64: 0.15.7
-      esbuild-windows-arm64: 0.15.7
-    dev: true
-
-  /escalade/3.1.1:
-    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
-    engines: {node: '>=6'}
-    dev: true
+  deep-eql@5.0.2: {}
 
-  /escape-string-regexp/1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-    dev: true
+  deep-is@0.1.4: {}
 
-  /escape-string-regexp/4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-    dev: true
+  deepmerge@4.2.2: {}
 
-  /escodegen/2.0.0:
-    resolution: {integrity: sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==}
-    engines: {node: '>=6.0'}
-    hasBin: true
-    dependencies:
-      esprima: 4.0.1
-      estraverse: 5.3.0
-      esutils: 2.0.3
-      optionator: 0.8.3
-    optionalDependencies:
-      source-map: 0.6.1
-    dev: true
+  dequal@2.0.3: {}
 
-  /eslint-config-prettier/8.5.0_eslint@8.24.0:
-    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  devlop@1.1.0:
     dependencies:
-      eslint: 8.24.0
-    dev: true
+      dequal: 2.0.3
 
-  /eslint-plugin-prettier/4.2.1_cfn5x6ujhhgzv3423d6k7r2zzm:
-    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      eslint: '>=7.28.0'
-      eslint-config-prettier: '*'
-      prettier: '>=2.0.0'
-    peerDependenciesMeta:
-      eslint-config-prettier:
-        optional: true
-    dependencies:
-      eslint: 8.24.0
-      eslint-config-prettier: 8.5.0_eslint@8.24.0
-      prettier: 2.7.1
-      prettier-linter-helpers: 1.0.0
-    dev: true
+  eastasianwidth@0.2.0: {}
 
-  /eslint-scope/5.1.1:
-    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
-    engines: {node: '>=8.0.0'}
+  editorconfig@1.0.3:
     dependencies:
-      esrecurse: 4.3.0
-      estraverse: 4.3.0
-    dev: true
+      '@one-ini/wasm': 0.1.1
+      commander: 11.1.0
+      minimatch: 9.0.1
+      semver: 7.6.0
 
-  /eslint-scope/7.1.1:
-    resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  electron-to-chromium@1.5.57: {}
+
+  emoji-regex-xs@1.0.0: {}
+
+  emoji-regex@10.3.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  entities@4.5.0: {}
+
+  environment@1.1.0: {}
+
+  es-module-lexer@1.7.0: {}
+
+  esbuild@0.21.5:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.21.5
+      '@esbuild/android-arm': 0.21.5
+      '@esbuild/android-arm64': 0.21.5
+      '@esbuild/android-x64': 0.21.5
+      '@esbuild/darwin-arm64': 0.21.5
+      '@esbuild/darwin-x64': 0.21.5
+      '@esbuild/freebsd-arm64': 0.21.5
+      '@esbuild/freebsd-x64': 0.21.5
+      '@esbuild/linux-arm': 0.21.5
+      '@esbuild/linux-arm64': 0.21.5
+      '@esbuild/linux-ia32': 0.21.5
+      '@esbuild/linux-loong64': 0.21.5
+      '@esbuild/linux-mips64el': 0.21.5
+      '@esbuild/linux-ppc64': 0.21.5
+      '@esbuild/linux-riscv64': 0.21.5
+      '@esbuild/linux-s390x': 0.21.5
+      '@esbuild/linux-x64': 0.21.5
+      '@esbuild/netbsd-x64': 0.21.5
+      '@esbuild/openbsd-x64': 0.21.5
+      '@esbuild/sunos-x64': 0.21.5
+      '@esbuild/win32-arm64': 0.21.5
+      '@esbuild/win32-ia32': 0.21.5
+      '@esbuild/win32-x64': 0.21.5
+
+  esbuild@0.25.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.0
+      '@esbuild/android-arm': 0.25.0
+      '@esbuild/android-arm64': 0.25.0
+      '@esbuild/android-x64': 0.25.0
+      '@esbuild/darwin-arm64': 0.25.0
+      '@esbuild/darwin-x64': 0.25.0
+      '@esbuild/freebsd-arm64': 0.25.0
+      '@esbuild/freebsd-x64': 0.25.0
+      '@esbuild/linux-arm': 0.25.0
+      '@esbuild/linux-arm64': 0.25.0
+      '@esbuild/linux-ia32': 0.25.0
+      '@esbuild/linux-loong64': 0.25.0
+      '@esbuild/linux-mips64el': 0.25.0
+      '@esbuild/linux-ppc64': 0.25.0
+      '@esbuild/linux-riscv64': 0.25.0
+      '@esbuild/linux-s390x': 0.25.0
+      '@esbuild/linux-x64': 0.25.0
+      '@esbuild/netbsd-arm64': 0.25.0
+      '@esbuild/netbsd-x64': 0.25.0
+      '@esbuild/openbsd-arm64': 0.25.0
+      '@esbuild/openbsd-x64': 0.25.0
+      '@esbuild/sunos-x64': 0.25.0
+      '@esbuild/win32-arm64': 0.25.0
+      '@esbuild/win32-ia32': 0.25.0
+      '@esbuild/win32-x64': 0.25.0
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-config-prettier@10.1.8(eslint@9.32.0):
+    dependencies:
+      eslint: 9.32.0
+
+  eslint-plugin-prettier@5.5.4(eslint-config-prettier@10.1.8(eslint@9.32.0))(eslint@9.32.0)(prettier@3.6.2):
+    dependencies:
+      eslint: 9.32.0
+      prettier: 3.6.2
+      prettier-linter-helpers: 1.0.0
+      synckit: 0.11.8
+    optionalDependencies:
+      eslint-config-prettier: 10.1.8(eslint@9.32.0)
+
+  eslint-scope@8.4.0:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
-    dev: true
 
-  /eslint-utils/3.0.0_eslint@8.24.0:
-    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
-    peerDependencies:
-      eslint: '>=5'
-    dependencies:
-      eslint: 8.24.0
-      eslint-visitor-keys: 2.1.0
-    dev: true
-
-  /eslint-visitor-keys/2.1.0:
-    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
-    engines: {node: '>=10'}
-    dev: true
+  eslint-visitor-keys@3.4.3: {}
 
-  /eslint-visitor-keys/3.3.0:
-    resolution: {integrity: sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  eslint-visitor-keys@4.2.1: {}
 
-  /eslint/8.24.0:
-    resolution: {integrity: sha512-dWFaPhGhTAiPcCgm3f6LI2MBWbogMnTJzFBbhXVRQDJPkr9pGZvVjlVfXd+vyDcWPA2Ic9L2AXPIQM0+vk/cSQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
+  eslint@9.32.0:
     dependencies:
-      '@eslint/eslintrc': 1.3.2
-      '@humanwhocodes/config-array': 0.10.5
-      '@humanwhocodes/gitignore-to-minimatch': 1.0.2
+      '@eslint-community/eslint-utils': 4.7.0(eslint@9.32.0)
+      '@eslint-community/regexpp': 4.12.1
+      '@eslint/config-array': 0.21.0
+      '@eslint/config-helpers': 0.3.0
+      '@eslint/core': 0.15.1
+      '@eslint/eslintrc': 3.3.1
+      '@eslint/js': 9.32.0
+      '@eslint/plugin-kit': 0.3.4
+      '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.2
+      '@types/estree': 1.0.8
+      '@types/json-schema': 7.0.15
       ajv: 6.12.6
       chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.4
-      doctrine: 3.0.0
+      cross-spawn: 7.0.6
+      debug: 4.4.1
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.1.1
-      eslint-utils: 3.0.0_eslint@8.24.0
-      eslint-visitor-keys: 3.3.0
-      espree: 9.4.0
-      esquery: 1.4.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.6.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
+      file-entry-cache: 8.0.0
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.15.0
-      globby: 11.1.0
-      grapheme-splitter: 1.0.4
-      ignore: 5.2.0
-      import-fresh: 3.3.0
+      ignore: 5.3.1
       imurmurhash: 0.1.4
       is-glob: 4.0.3
-      js-sdsl: 4.1.4
-      js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
-      optionator: 0.9.1
-      regexpp: 3.2.0
-      strip-ansi: 6.0.1
-      strip-json-comments: 3.1.1
-      text-table: 0.2.0
+      optionator: 0.9.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /espree/9.4.0:
-    resolution: {integrity: sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  espree@10.4.0:
     dependencies:
-      acorn: 8.8.0
-      acorn-jsx: 5.3.2_acorn@8.8.0
-      eslint-visitor-keys: 3.3.0
-    dev: true
-
-  /esprima/4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
 
-  /esquery/1.4.0:
-    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
-    engines: {node: '>=0.10'}
+  esquery@1.6.0:
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
-  /esrecurse/4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
+  esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
-    dev: true
 
-  /estraverse/4.3.0:
-    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
-    engines: {node: '>=4.0'}
-    dev: true
+  estraverse@5.3.0: {}
 
-  /estraverse/5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-    dev: true
+  estree-walker@2.0.2: {}
 
-  /estree-walker/1.0.1:
-    resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
-    dev: true
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
 
-  /estree-walker/2.0.2:
-    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
-    dev: true
+  esutils@2.0.3: {}
 
-  /esutils/2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /execa/6.1.0:
-    resolution: {integrity: sha512-QVWlX2e50heYJcCPG0iWtf8r0xjEYfz/OYLGDYH+IyjWezzPNxz63qNFOu0l4YftGWuizFVZHHs8PrLU5p2IDA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 6.0.1
-      human-signals: 3.0.1
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.1.0
-      onetime: 6.0.0
-      signal-exit: 3.0.7
-      strip-final-newline: 3.0.0
-    dev: true
-
-  /extend-shallow/2.0.1:
-    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-extendable: 0.1.1
-    dev: true
+  eventemitter3@5.0.1: {}
 
-  /fast-deep-equal/3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
+  expect-type@1.2.1: {}
 
-  /fast-diff/1.2.0:
-    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
-    dev: true
+  exsolve@1.0.4: {}
 
-  /fast-glob/3.2.12:
-    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
-    engines: {node: '>=8.6.0'}
+  fast-deep-equal@3.1.3: {}
+
+  fast-diff@1.2.0: {}
+
+  fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       '@nodelib/fs.walk': 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
-      micromatch: 4.0.5
-    dev: true
+      micromatch: 4.0.8
 
-  /fast-json-stable-stringify/2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: true
+  fast-json-stable-stringify@2.1.0: {}
 
-  /fast-levenshtein/2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-    dev: true
+  fast-levenshtein@2.0.6: {}
 
-  /fastq/1.13.0:
-    resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
+  fastq@1.13.0:
     dependencies:
       reusify: 1.0.4
-    dev: true
 
-  /file-entry-cache/6.0.1:
-    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flat-cache: 3.0.4
-    dev: true
+  fdir@6.4.4(picomatch@4.0.2):
+    optionalDependencies:
+      picomatch: 4.0.2
 
-  /fill-range/7.0.1:
-    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      to-regex-range: 5.0.1
-    dev: true
+  fdir@6.4.6(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
 
-  /find-cache-dir/3.3.2:
-    resolution: {integrity: sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==}
-    engines: {node: '>=8'}
+  file-entry-cache@8.0.0:
     dependencies:
-      commondir: 1.0.1
-      make-dir: 3.1.0
-      pkg-dir: 4.2.0
-    dev: true
+      flat-cache: 4.0.1
 
-  /find-up/4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
+  fill-range@7.1.1:
     dependencies:
-      locate-path: 5.0.0
-      path-exists: 4.0.0
-    dev: true
+      to-regex-range: 5.0.1
 
-  /find-up/5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
+  find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
-    dev: true
-
-  /flat-cache/3.0.4:
-    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
-    engines: {node: ^10.12.0 || >=12.0.0}
-    dependencies:
-      flatted: 3.2.6
-      rimraf: 3.0.2
-    dev: true
-
-  /flatted/3.2.6:
-    resolution: {integrity: sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==}
-    dev: true
 
-  /foreground-child/2.0.0:
-    resolution: {integrity: sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==}
-    engines: {node: '>=8.0.0'}
+  flat-cache@4.0.1:
     dependencies:
-      cross-spawn: 7.0.3
-      signal-exit: 3.0.7
-    dev: true
+      flatted: 3.3.1
+      keyv: 4.5.4
 
-  /form-data/4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: true
+  flatted@3.3.1: {}
 
-  /fs-extra/10.1.0:
-    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
-    engines: {node: '>=12'}
+  focus-trap@7.6.4:
     dependencies:
-      graceful-fs: 4.2.10
-      jsonfile: 6.1.0
-      universalify: 2.0.0
-    dev: true
-
-  /fs.realpath/1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
+      tabbable: 6.2.0
 
-  /fsevents/2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
+  foreground-child@3.1.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
 
-  /function-bind/1.1.1:
-    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: true
+  fs.realpath@1.0.0: {}
 
-  /gensync/1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
-    dev: true
+  fsevents@2.3.3:
+    optional: true
 
-  /get-caller-file/2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-    dev: true
+  function-bind@1.1.2: {}
 
-  /get-func-name/2.0.0:
-    resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==}
-    dev: true
+  gensync@1.0.0-beta.2: {}
 
-  /get-stream/6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-    dev: true
+  get-east-asian-width@1.2.0: {}
 
-  /glob-parent/5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
+  glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
-  /glob-parent/6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
+  glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
-  /glob/7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+  glob@10.4.1:
+    dependencies:
+      foreground-child: 3.1.1
+      jackspeak: 3.4.0
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      path-scurry: 1.11.1
+
+  glob@8.1.0:
     dependencies:
       fs.realpath: 1.0.0
       inflight: 1.0.6
       inherits: 2.0.4
-      minimatch: 3.1.2
+      minimatch: 5.1.1
       once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
 
-  /globals/11.12.0:
-    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /globals/13.15.0:
-    resolution: {integrity: sha512-bpzcOlgDhMG070Av0Vy5Owklpv1I6+j96GhUI7Rh7IzDCKLzboflLrrfqMu8NquDbiR4EOQk7XzJwqVJxicxog==}
-    engines: {node: '>=8'}
-    dependencies:
-      type-fest: 0.20.2
-    dev: true
+  globals@11.12.0: {}
 
-  /globby/11.1.0:
-    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
-    engines: {node: '>=10'}
-    dependencies:
-      array-union: 2.1.0
-      dir-glob: 3.0.1
-      fast-glob: 3.2.12
-      ignore: 5.2.0
-      merge2: 1.4.1
-      slash: 3.0.0
-    dev: true
+  globals@14.0.0: {}
 
-  /graceful-fs/4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-    dev: true
+  graphemer@1.4.0: {}
 
-  /grapheme-splitter/1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
-    dev: true
+  has-flag@4.0.0: {}
 
-  /has-flag/3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-    dev: true
+  hasown@2.0.0:
+    dependencies:
+      function-bind: 1.1.2
 
-  /has-flag/4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-    dev: true
+  hast-util-to-html@9.0.4:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.2
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.0
+      property-information: 6.5.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
 
-  /has/1.0.3:
-    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
-    engines: {node: '>= 0.4.0'}
+  hast-util-whitespace@3.0.0:
     dependencies:
-      function-bind: 1.1.1
-    dev: true
+      '@types/hast': 3.0.4
 
-  /html-encoding-sniffer/3.0.0:
-    resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
-    engines: {node: '>=12'}
+  he@1.2.0: {}
+
+  hookable@5.5.3: {}
+
+  html-encoding-sniffer@4.0.0:
     dependencies:
-      whatwg-encoding: 2.0.0
-    dev: true
+      whatwg-encoding: 3.1.1
 
-  /html-escaper/2.0.2:
-    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
-    dev: true
+  html-escaper@2.0.2: {}
 
-  /html-tags/3.2.0:
-    resolution: {integrity: sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==}
-    engines: {node: '>=8'}
-    dev: true
+  html-void-elements@3.0.0: {}
 
-  /http-proxy-agent/5.0.0:
-    resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
-    engines: {node: '>= 6'}
+  http-proxy-agent@7.0.2:
     dependencies:
-      '@tootallnate/once': 2.0.0
-      agent-base: 6.0.2
-      debug: 4.3.4
+      agent-base: 7.1.3
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /https-proxy-agent/5.0.1:
-    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
-    engines: {node: '>= 6'}
+  https-proxy-agent@7.0.6:
     dependencies:
-      agent-base: 6.0.2
-      debug: 4.3.4
+      agent-base: 7.1.3
+      debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /human-signals/3.0.1:
-    resolution: {integrity: sha512-rQLskxnM/5OCldHo+wNXbpVgDn5A17CUoKX+7Sokwaknlq7CdSnphy0W39GU8dw59XiCXmFXDg4fRuckQRKewQ==}
-    engines: {node: '>=12.20.0'}
-    dev: true
+  husky@9.1.7: {}
 
-  /husky/8.0.1:
-    resolution: {integrity: sha512-xs7/chUH/CKdOCs7Zy0Aev9e/dKOMZf3K1Az1nar3tzlv0jfqnYtu235bstsWTmXOR0EfINrPa97yy4Lz6RiKw==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dev: true
-
-  /iconv-lite/0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
+  iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
-    dev: true
 
-  /ignore/5.2.0:
-    resolution: {integrity: sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==}
-    engines: {node: '>= 4'}
-    dev: true
+  ignore@5.3.1: {}
 
-  /import-fresh/3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
+  ignore@7.0.4: {}
+
+  import-fresh@3.3.0:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: true
-
-  /imurmurhash/0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-    dev: true
 
-  /indent-string/4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-    dev: true
+  imurmurhash@0.1.4: {}
 
-  /inflight/1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+  inflight@1.0.6:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
-    dev: true
 
-  /inherits/2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
+  inherits@2.0.4: {}
 
-  /ini/1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-    dev: true
+  ini@1.3.8: {}
 
-  /is-binary-path/2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
+  is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.2.0
-    dev: true
-
-  /is-buffer/1.1.6:
-    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
-    dev: true
-
-  /is-builtin-module/3.1.0:
-    resolution: {integrity: sha512-OV7JjAgOTfAFJmHZLvpSTb4qi0nIILDV1gWPYDnDJUTNFM5aGlRAhk4QcT8i7TuAleeEV5Fdkqn3t4mS+Q11fg==}
-    engines: {node: '>=6'}
-    dependencies:
-      builtin-modules: 3.3.0
-    dev: true
 
-  /is-core-module/2.9.0:
-    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
+  is-core-module@2.13.1:
     dependencies:
-      has: 1.0.3
-    dev: true
+      hasown: 2.0.0
 
-  /is-extendable/0.1.1:
-    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-extglob@2.1.1: {}
 
-  /is-extglob/2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-fullwidth-code-point@3.0.0: {}
 
-  /is-fullwidth-code-point/3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-    dev: true
+  is-fullwidth-code-point@4.0.0: {}
 
-  /is-fullwidth-code-point/4.0.0:
-    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
-    engines: {node: '>=12'}
-    dev: true
+  is-fullwidth-code-point@5.0.0:
+    dependencies:
+      get-east-asian-width: 1.2.0
 
-  /is-glob/4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
+  is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
-    dev: true
 
-  /is-module/1.0.0:
-    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
-    dev: true
+  is-module@1.0.0: {}
 
-  /is-number/7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-    dev: true
+  is-number@7.0.0: {}
 
-  /is-potential-custom-element-name/1.0.1:
-    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
-    dev: true
+  is-potential-custom-element-name@1.0.1: {}
 
-  /is-reference/1.2.1:
-    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+  is-reference@1.2.1:
     dependencies:
-      '@types/estree': 0.0.52
-    dev: true
-
-  /is-stream/3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    dev: true
+      '@types/estree': 1.0.7
 
-  /is-whitespace/0.3.0:
-    resolution: {integrity: sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  is-what@4.1.16: {}
 
-  /isexe/2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
+  isexe@2.0.0: {}
 
-  /istanbul-lib-coverage/3.2.0:
-    resolution: {integrity: sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==}
-    engines: {node: '>=8'}
-    dev: true
+  istanbul-lib-coverage@3.2.2: {}
 
-  /istanbul-lib-report/3.0.0:
-    resolution: {integrity: sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==}
-    engines: {node: '>=8'}
+  istanbul-lib-report@3.0.1:
     dependencies:
-      istanbul-lib-coverage: 3.2.0
-      make-dir: 3.1.0
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
       supports-color: 7.2.0
-    dev: true
 
-  /istanbul-reports/3.1.4:
-    resolution: {integrity: sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==}
-    engines: {node: '>=8'}
+  istanbul-lib-source-maps@5.0.6:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.25
+      debug: 4.4.1
+      istanbul-lib-coverage: 3.2.2
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-reports@3.1.7:
     dependencies:
       html-escaper: 2.0.2
-      istanbul-lib-report: 3.0.0
-    dev: true
+      istanbul-lib-report: 3.0.1
 
-  /js-beautify/1.14.4:
-    resolution: {integrity: sha512-+b4A9c3glceZEmxyIbxDOYB0ZJdReLvyU1077RqKsO4dZx9FUHjTOJn8VHwpg33QoucIykOiYbh7MfqBOghnrA==}
-    engines: {node: '>=10'}
-    hasBin: true
+  jackspeak@3.4.0:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  js-beautify@1.14.9:
     dependencies:
       config-chain: 1.1.13
-      editorconfig: 0.15.3
-      glob: 7.2.3
-      nopt: 5.0.0
-    dev: true
+      editorconfig: 1.0.3
+      glob: 8.1.0
+      nopt: 6.0.0
 
-  /js-sdsl/4.1.4:
-    resolution: {integrity: sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==}
-    dev: true
+  js-tokens@4.0.0: {}
 
-  /js-tokens/4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-    dev: true
+  js-tokens@9.0.1: {}
 
-  /js-yaml/4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
-    hasBin: true
+  js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
-    dev: true
 
-  /jsdom-global/3.0.2_jsdom@20.0.0:
-    resolution: {integrity: sha512-t1KMcBkz/pT5JrvcJbpUR2u/w1kO9jXctaaGJ0vZDzwFnIvGWw9IDSRciT83kIs8Bnw4qpOl8bQK08V01YgMPg==}
-    peerDependencies:
-      jsdom: '>=10.0.0'
+  jsdom-global@3.0.2(jsdom@26.1.0):
     dependencies:
-      jsdom: 20.0.0
-    dev: true
+      jsdom: 26.1.0
 
-  /jsdom/20.0.0:
-    resolution: {integrity: sha512-x4a6CKCgx00uCmP+QakBDFXwjAJ69IkkIWHmtmjd3wvXPcdOS44hfX2vqkOQrVrq8l9DhNNADZRXaCEWvgXtVA==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      canvas: ^2.5.0
-    peerDependenciesMeta:
-      canvas:
-        optional: true
+  jsdom@26.1.0:
     dependencies:
-      abab: 2.0.6
-      acorn: 8.7.1
-      acorn-globals: 6.0.0
-      cssom: 0.5.0
-      cssstyle: 2.3.0
-      data-urls: 3.0.2
-      decimal.js: 10.3.1
-      domexception: 4.0.0
-      escodegen: 2.0.0
-      form-data: 4.0.0
-      html-encoding-sniffer: 3.0.0
-      http-proxy-agent: 5.0.0
-      https-proxy-agent: 5.0.1
+      cssstyle: 4.2.1
+      data-urls: 5.0.0
+      decimal.js: 10.5.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.1
-      parse5: 7.0.0
+      nwsapi: 2.2.16
+      parse5: 7.2.1
+      rrweb-cssom: 0.8.0
       saxes: 6.0.0
       symbol-tree: 3.2.4
-      tough-cookie: 4.0.0
-      w3c-hr-time: 1.0.2
-      w3c-xmlserializer: 3.0.0
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
       webidl-conversions: 7.0.0
-      whatwg-encoding: 2.0.0
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
-      ws: 8.8.0
-      xml-name-validator: 4.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.18.0
+      xml-name-validator: 5.0.0
     transitivePeerDependencies:
       - bufferutil
       - supports-color
       - utf-8-validate
-    dev: true
-
-  /jsesc/2.5.2:
-    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: true
 
-  /json-schema-traverse/0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: true
+  jsesc@3.0.2: {}
 
-  /json-stable-stringify-without-jsonify/1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-    dev: true
+  json-buffer@3.0.1: {}
 
-  /json5/2.2.1:
-    resolution: {integrity: sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==}
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: true
+  json-schema-traverse@0.4.1: {}
 
-  /jsonfile/6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
-    dependencies:
-      universalify: 2.0.0
-    optionalDependencies:
-      graceful-fs: 4.2.10
-    dev: true
+  json-stable-stringify-without-jsonify@1.0.1: {}
 
-  /kind-of/3.2.2:
-    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      is-buffer: 1.1.6
-    dev: true
+  json5@2.2.3: {}
 
-  /levn/0.3.0:
-    resolution: {integrity: sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==}
-    engines: {node: '>= 0.8.0'}
+  keyv@4.5.4:
     dependencies:
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-    dev: true
+      json-buffer: 3.0.1
 
-  /levn/0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
+  levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
       type-check: 0.4.0
-    dev: true
 
-  /lilconfig/2.0.5:
-    resolution: {integrity: sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==}
-    engines: {node: '>=10'}
-    dev: true
+  lilconfig@3.1.3: {}
 
-  /lint-staged/13.0.3:
-    resolution: {integrity: sha512-9hmrwSCFroTSYLjflGI8Uk+GWAwMB4OlpU4bMJEAT5d/llQwtYKoim4bLOyLCuWFAhWEupE0vkIFqtw/WIsPug==}
-    engines: {node: ^14.13.1 || >=16.0.0}
-    hasBin: true
+  lint-staged@16.1.4:
     dependencies:
-      cli-truncate: 3.1.0
-      colorette: 2.0.19
-      commander: 9.3.0
-      debug: 4.3.4
-      execa: 6.1.0
-      lilconfig: 2.0.5
-      listr2: 4.0.5
-      micromatch: 4.0.5
-      normalize-path: 3.0.0
-      object-inspect: 1.12.2
+      chalk: 5.4.1
+      commander: 14.0.0
+      debug: 4.4.1
+      lilconfig: 3.1.3
+      listr2: 9.0.1
+      micromatch: 4.0.8
+      nano-spawn: 1.0.2
       pidtree: 0.6.0
-      string-argv: 0.3.1
-      yaml: 2.1.1
+      string-argv: 0.3.2
+      yaml: 2.8.0
     transitivePeerDependencies:
-      - enquirer
       - supports-color
-    dev: true
 
-  /listr2/4.0.5:
-    resolution: {integrity: sha512-juGHV1doQdpNT3GSTs9IUN43QJb7KHdF9uqg7Vufs/tG9VTzpFphqF4pm/ICdAABGQxsyNn9CiYA3StkI6jpwA==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      enquirer: '>= 2.3.0 < 3'
-    peerDependenciesMeta:
-      enquirer:
-        optional: true
+  listr2@9.0.1:
     dependencies:
-      cli-truncate: 2.1.0
-      colorette: 2.0.19
-      log-update: 4.0.0
-      p-map: 4.0.0
-      rfdc: 1.3.0
-      rxjs: 7.5.5
-      through: 2.3.8
-      wrap-ansi: 7.0.0
-    dev: true
+      cli-truncate: 4.0.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 6.1.0
+      rfdc: 1.4.1
+      wrap-ansi: 9.0.0
 
-  /local-pkg/0.4.2:
-    resolution: {integrity: sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==}
-    engines: {node: '>=14'}
-    dev: true
-
-  /locate-path/5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
+  local-pkg@1.1.1:
     dependencies:
-      p-locate: 4.1.0
-    dev: true
+      mlly: 1.7.4
+      pkg-types: 2.1.0
+      quansync: 0.2.10
 
-  /locate-path/6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
+  locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
-    dev: true
 
-  /lodash.merge/4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: true
+  lodash.merge@4.6.2: {}
 
-  /log-update/4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
+  log-update@6.1.0:
     dependencies:
-      ansi-escapes: 4.3.2
-      cli-cursor: 3.1.0
-      slice-ansi: 4.0.0
-      wrap-ansi: 6.2.0
-    dev: true
+      ansi-escapes: 7.0.0
+      cli-cursor: 5.0.0
+      slice-ansi: 7.1.0
+      strip-ansi: 7.1.0
+      wrap-ansi: 9.0.0
 
-  /loupe/2.3.4:
-    resolution: {integrity: sha512-OvKfgCC2Ndby6aSTREl5aCCPTNIzlDfQZvZxNUrBrihDhL3xcrYegTblhmEiCrg2kKQz4XsFIaemE5BF4ybSaQ==}
-    dependencies:
-      get-func-name: 2.0.0
-    dev: true
+  loupe@3.1.3: {}
 
-  /lru-cache/4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
+  loupe@3.1.4: {}
+
+  lru-cache@10.2.2: {}
+
+  lru-cache@11.0.2: {}
+
+  lru-cache@5.1.1:
     dependencies:
-      pseudomap: 1.0.2
-      yallist: 2.1.2
-    dev: true
+      yallist: 3.1.1
 
-  /lru-cache/6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
+  lru-cache@6.0.0:
     dependencies:
       yallist: 4.0.0
-    dev: true
 
-  /magic-string/0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+  magic-string@0.30.14:
     dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
+      '@jridgewell/sourcemap-codec': 1.5.0
 
-  /magic-string/0.26.4:
-    resolution: {integrity: sha512-e5uXtVJ22aEpK9u1+eQf0fSxHeqwyV19K+uGnlROCxUhzwRip9tBsaMViK/0vC3viyPd5Gtucp3UmEp/Q2cPTQ==}
-    engines: {node: '>=12'}
+  magic-string@0.30.17:
     dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
+      '@jridgewell/sourcemap-codec': 1.5.0
 
-  /make-dir/3.1.0:
-    resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
-    engines: {node: '>=8'}
+  magicast@0.3.5:
     dependencies:
-      semver: 6.3.0
-    dev: true
+      '@babel/parser': 7.27.2
+      '@babel/types': 7.27.1
+      source-map-js: 1.2.1
 
-  /merge-stream/2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
-    dev: true
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.6.0
 
-  /merge2/1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-    dev: true
+  mark.js@8.11.1: {}
 
-  /micromatch/4.0.5:
-    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
-    engines: {node: '>=8.6'}
+  mdast-util-to-hast@13.2.0:
     dependencies:
-      braces: 3.0.2
-      picomatch: 2.3.1
-    dev: true
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.2.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.0
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
 
-  /mime-db/1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-    dev: true
+  merge2@1.4.1: {}
 
-  /mime-types/2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
+  micromark-util-character@2.1.0:
     dependencies:
-      mime-db: 1.52.0
-    dev: true
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
 
-  /mimic-fn/2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
-    dev: true
+  micromark-util-encode@2.0.0: {}
 
-  /mimic-fn/4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-    dev: true
+  micromark-util-sanitize-uri@2.0.0:
+    dependencies:
+      micromark-util-character: 2.1.0
+      micromark-util-encode: 2.0.0
+      micromark-util-symbol: 2.0.0
 
-  /minimatch/3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+  micromark-util-symbol@2.0.0: {}
+
+  micromark-util-types@2.0.0: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  mimic-function@5.0.1: {}
+
+  minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
-    dev: true
 
-  /minimatch/5.1.0:
-    resolution: {integrity: sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==}
-    engines: {node: '>=10'}
+  minimatch@5.1.1:
     dependencies:
       brace-expansion: 2.0.1
-    dev: true
 
-  /ms/2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
+  minimatch@9.0.1:
+    dependencies:
+      brace-expansion: 2.0.1
 
-  /nanoid/3.3.4:
-    resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-    dev: true
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
 
-  /natural-compare/1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-    dev: true
+  minimist@1.2.8: {}
 
-  /node-releases/2.0.5:
-    resolution: {integrity: sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==}
-    dev: true
+  minipass@7.1.2: {}
 
-  /nopt/5.0.0:
-    resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
-    engines: {node: '>=6'}
-    hasBin: true
+  minisearch@7.1.1: {}
+
+  mitt@3.0.1: {}
+
+  mlly@1.7.4:
     dependencies:
-      abbrev: 1.1.1
-    dev: true
+      acorn: 8.15.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.5.4
 
-  /normalize-path/3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  nano-spawn@1.0.2: {}
+
+  nanoid@3.3.11: {}
 
-  /npm-run-path/5.1.0:
-    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  natural-compare@1.4.0: {}
+
+  node-releases@2.0.18: {}
+
+  nopt@6.0.0:
     dependencies:
-      path-key: 4.0.0
-    dev: true
+      abbrev: 1.1.1
 
-  /nwsapi/2.2.1:
-    resolution: {integrity: sha512-JYOWTeFoS0Z93587vRJgASD5Ut11fYl5NyihP3KrYBvMe1FRRs6RN7m20SA/16GM4P6hTnZjT+UmDOt38UeXNg==}
-    dev: true
+  normalize-path@3.0.0: {}
 
-  /object-inspect/1.12.2:
-    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
-    dev: true
+  nwsapi@2.2.16: {}
 
-  /once/1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+  once@1.4.0:
     dependencies:
       wrappy: 1.0.2
-    dev: true
 
-  /onetime/5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
+  onetime@7.0.0:
     dependencies:
-      mimic-fn: 2.1.0
-    dev: true
+      mimic-function: 5.0.1
 
-  /onetime/6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
+  oniguruma-to-es@2.3.0:
     dependencies:
-      mimic-fn: 4.0.0
-    dev: true
+      emoji-regex-xs: 1.0.0
+      regex: 5.1.1
+      regex-recursion: 5.1.1
 
-  /optionator/0.8.3:
-    resolution: {integrity: sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.3.0
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-      word-wrap: 1.2.3
-    dev: true
-
-  /optionator/0.9.1:
-    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
-    engines: {node: '>= 0.8.0'}
+  optionator@0.9.3:
     dependencies:
+      '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
       fast-levenshtein: 2.0.6
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-      word-wrap: 1.2.3
-    dev: true
-
-  /p-limit/2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
-    dependencies:
-      p-try: 2.2.0
-    dev: true
 
-  /p-limit/3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
+  p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
-    dev: true
 
-  /p-locate/4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
+  p-locate@5.0.0:
     dependencies:
-      p-limit: 2.3.0
-    dev: true
+      p-limit: 3.1.0
 
-  /p-locate/5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
+  parent-module@1.0.1:
     dependencies:
-      p-limit: 3.1.0
-    dev: true
+      callsites: 3.1.0
 
-  /p-map/4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
+  parse5@7.2.1:
     dependencies:
-      aggregate-error: 3.1.0
-    dev: true
+      entities: 4.5.0
 
-  /p-try/2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
-    dev: true
+  path-browserify@1.0.1: {}
 
-  /parent-module/1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-    dependencies:
-      callsites: 3.1.0
-    dev: true
+  path-exists@4.0.0: {}
 
-  /parse5/7.0.0:
-    resolution: {integrity: sha512-y/t8IXSPWTuRZqXc0ajH/UwDj4mnqLEbSttNbThcFhGrZuOyoyvNBO85PBp2jQa55wY9d07PBNjsK8ZP3K5U6g==}
-    dependencies:
-      entities: 4.3.1
-    dev: true
+  path-key@3.1.1: {}
 
-  /path-exists/4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-    dev: true
+  path-parse@1.0.7: {}
 
-  /path-is-absolute/1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.2.2
+      minipass: 7.1.2
 
-  /path-key/3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-    dev: true
+  pathe@2.0.3: {}
 
-  /path-key/4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-    dev: true
+  pathval@2.0.0: {}
 
-  /path-parse/1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-    dev: true
+  perfect-debounce@1.0.0: {}
 
-  /path-type/4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-    dev: true
+  picocolors@1.1.1: {}
 
-  /pathval/1.1.1:
-    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
-    dev: true
+  picomatch@2.3.1: {}
 
-  /picocolors/1.0.0:
-    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
+  picomatch@4.0.2: {}
 
-  /picomatch/2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-    dev: true
+  picomatch@4.0.3: {}
 
-  /pidtree/0.6.0:
-    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
-    engines: {node: '>=0.10'}
-    hasBin: true
-    dev: true
+  pidtree@0.6.0: {}
 
-  /pkg-dir/4.2.0:
-    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
-    engines: {node: '>=8'}
+  pkg-types@1.3.1:
     dependencies:
-      find-up: 4.1.0
-    dev: true
+      confbox: 0.1.8
+      mlly: 1.7.4
+      pathe: 2.0.3
 
-  /postcss/8.4.16:
-    resolution: {integrity: sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==}
-    engines: {node: ^10 || ^12 || >=14}
+  pkg-types@2.1.0:
     dependencies:
-      nanoid: 3.3.4
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
+      confbox: 0.2.2
+      exsolve: 1.0.4
+      pathe: 2.0.3
 
-  /preact/10.8.2:
-    resolution: {integrity: sha512-AKGt0BsDSiAYzVS78jZ9qRwuorY2CoSZtf1iOC6gLb/3QyZt+fLT09aYJBjRc/BEcRc4j+j3ggERMdNE43i1LQ==}
-    dev: true
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
 
-  /prelude-ls/1.1.2:
-    resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
+  preact@10.8.2: {}
 
-  /prelude-ls/1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
+  prelude-ls@1.2.1: {}
 
-  /prettier-linter-helpers/1.0.0:
-    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
-    engines: {node: '>=6.0.0'}
+  prettier-linter-helpers@1.0.0:
     dependencies:
       fast-diff: 1.2.0
-    dev: true
 
-  /prettier/2.7.1:
-    resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-    dev: true
-
-  /pretty/2.0.0:
-    resolution: {integrity: sha1-rbx5YLe7/iiaVX3F9zdhmiINBqU=}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      condense-newlines: 0.2.1
-      extend-shallow: 2.0.1
-      js-beautify: 1.14.4
-    dev: true
-
-  /prismjs/1.28.0:
-    resolution: {integrity: sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==}
-    engines: {node: '>=6'}
-    dev: true
+  prettier@3.6.2: {}
 
-  /proto-list/1.2.4:
-    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
-    dev: true
+  property-information@6.5.0: {}
 
-  /pseudomap/1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-    dev: true
+  proto-list@1.2.4: {}
 
-  /psl/1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
+  punycode@2.3.1: {}
 
-  /punycode/2.1.1:
-    resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
-    engines: {node: '>=6'}
-    dev: true
+  quansync@0.2.10: {}
 
-  /queue-microtask/1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-    dev: true
+  queue-microtask@1.2.3: {}
 
-  /readdirp/3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
+  readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.1
-    dev: true
-
-  /reflect-metadata/0.1.13:
-    resolution: {integrity: sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==}
-    dev: true
-
-  /regexpp/3.2.0:
-    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
-    engines: {node: '>=8'}
-    dev: true
-
-  /require-directory/2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /resolve-from/4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-    dev: true
 
-  /resolve/1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
-    hasBin: true
-    dependencies:
-      is-core-module: 2.9.0
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-    dev: true
+  reflect-metadata@0.2.2: {}
 
-  /restore-cursor/3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
-    engines: {node: '>=8'}
+  regex-recursion@5.1.1:
     dependencies:
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-    dev: true
-
-  /reusify/1.0.4:
-    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-    dev: true
+      regex: 5.1.1
+      regex-utilities: 2.3.0
 
-  /rfdc/1.3.0:
-    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
-    dev: true
+  regex-utilities@2.3.0: {}
 
-  /rimraf/3.0.2:
-    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
-    hasBin: true
-    dependencies:
-      glob: 7.2.3
-    dev: true
-
-  /rollup-plugin-typescript2/0.34.0_gypgyaqhine6mwjfvh7icfhviq:
-    resolution: {integrity: sha512-dGtOz2kL6nQVgfIOmnA4Xh+5cFrs3bdu4jja/ej7WKR92RzOOixsn71LY5ZFFmKe1R677nUh+k2++NiY3un2PQ==}
-    peerDependencies:
-      rollup: '>=1.26.3'
-      typescript: '>=2.4.0'
+  regex@5.1.1:
     dependencies:
-      '@rollup/pluginutils': 4.2.1
-      find-cache-dir: 3.3.2
-      fs-extra: 10.1.0
-      rollup: 2.79.1
-      tslib: 2.4.0
-      typescript: 4.8.4
-    dev: true
+      regex-utilities: 2.3.0
 
-  /rollup/2.78.1:
-    resolution: {integrity: sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
-  /rollup/2.79.1:
-    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
+  resolve-from@4.0.0: {}
 
-  /run-parallel/1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+  resolve@1.22.8:
     dependencies:
-      queue-microtask: 1.2.3
-    dev: true
+      is-core-module: 2.13.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
 
-  /rxjs/7.5.5:
-    resolution: {integrity: sha512-sy+H0pQofO95VDmFLzyaw9xNJU4KTRSwQIGM6+iG3SypAtCiLDzpeG8sJrNCWn2Up9km+KhkvTdbkrdy+yzZdw==}
+  restore-cursor@5.1.0:
     dependencies:
-      tslib: 2.4.0
-    dev: true
+      onetime: 7.0.0
+      signal-exit: 4.1.0
 
-  /safe-buffer/5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
-    dev: true
+  reusify@1.0.4: {}
 
-  /safer-buffer/2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: true
+  rfdc@1.4.1: {}
 
-  /saxes/6.0.0:
-    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
-    engines: {node: '>=v12.22.7'}
+  rollup@4.46.2:
+    dependencies:
+      '@types/estree': 1.0.8
+    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
+      fsevents: 2.3.3
+
+  rrweb-cssom@0.8.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safer-buffer@2.1.2: {}
+
+  saxes@6.0.0:
     dependencies:
       xmlchars: 2.2.0
-    dev: true
 
-  /semver/5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
-    hasBin: true
-    dev: true
+  search-insights@2.7.0: {}
 
-  /semver/6.3.0:
-    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
-    hasBin: true
-    dev: true
+  semver@6.3.1: {}
 
-  /semver/7.3.7:
-    resolution: {integrity: sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==}
-    engines: {node: '>=10'}
-    hasBin: true
+  semver@7.6.0:
     dependencies:
       lru-cache: 6.0.0
-    dev: true
 
-  /shebang-command/2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
+  shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
-    dev: true
 
-  /shebang-regex/3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-    dev: true
+  shebang-regex@3.0.0: {}
 
-  /sigmund/1.0.1:
-    resolution: {integrity: sha512-fCvEXfh6NWpm+YSuY2bpXb/VIihqWA6hLsgboC+0nl71Q7N7o2eaCW8mJa/NLvQhs6jpd3VZV4UiUQlV6+lc8g==}
-    dev: true
+  shiki@2.1.0:
+    dependencies:
+      '@shikijs/core': 2.1.0
+      '@shikijs/engine-javascript': 2.1.0
+      '@shikijs/engine-oniguruma': 2.1.0
+      '@shikijs/langs': 2.1.0
+      '@shikijs/themes': 2.1.0
+      '@shikijs/types': 2.1.0
+      '@shikijs/vscode-textmate': 10.0.1
+      '@types/hast': 3.0.4
 
-  /signal-exit/3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
-    dev: true
+  siginfo@2.0.0: {}
 
-  /slash/3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
-    dev: true
+  signal-exit@4.1.0: {}
 
-  /slice-ansi/3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
+  simple-git@3.23.0:
     dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-    dev: true
+      '@kwsites/file-exists': 1.1.1
+      '@kwsites/promise-deferred': 1.1.1
+      debug: 4.4.1
+    transitivePeerDependencies:
+      - supports-color
 
-  /slice-ansi/4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
+  slice-ansi@5.0.0:
     dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-    dev: true
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
 
-  /slice-ansi/5.0.0:
-    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
-    engines: {node: '>=12'}
+  slice-ansi@7.1.0:
     dependencies:
-      ansi-styles: 6.1.0
-      is-fullwidth-code-point: 4.0.0
-    dev: true
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 5.0.0
 
-  /source-map-js/1.0.2:
-    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  source-map-js@1.2.1: {}
 
-  /source-map/0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: true
+  space-separated-tokens@2.0.2: {}
 
-  /sourcemap-codec/1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    dev: true
+  speakingurl@14.0.1: {}
 
-  /string-argv/0.3.1:
-    resolution: {integrity: sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==}
-    engines: {node: '>=0.6.19'}
-    dev: true
+  stackback@0.0.2: {}
 
-  /string-width/4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
+  std-env@3.9.0: {}
+
+  string-argv@0.3.2: {}
+
+  string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
       is-fullwidth-code-point: 3.0.0
       strip-ansi: 6.0.1
-    dev: true
 
-  /string-width/5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
+  string-width@5.1.2:
     dependencies:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
-      strip-ansi: 7.0.1
-    dev: true
+      strip-ansi: 7.1.0
 
-  /strip-ansi/6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
+  string-width@7.0.0:
+    dependencies:
+      emoji-regex: 10.3.0
+      get-east-asian-width: 1.2.0
+      strip-ansi: 7.1.0
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
-    dev: true
 
-  /strip-ansi/7.0.1:
-    resolution: {integrity: sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==}
-    engines: {node: '>=12'}
+  strip-ansi@7.1.0:
     dependencies:
       ansi-regex: 6.0.1
-    dev: true
-
-  /strip-final-newline/3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-    dev: true
 
-  /strip-json-comments/3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-    dev: true
+  strip-json-comments@3.1.1: {}
 
-  /strip-literal/0.4.0:
-    resolution: {integrity: sha512-ql/sBDoJOybTKSIOWrrh8kgUEMjXMwRAkZTD0EwiwxQH/6tTPkZvMIEjp0CRlpi6V5FMiJyvxeRkEi1KrGISoA==}
+  strip-literal@3.0.0:
     dependencies:
-      acorn: 8.8.0
-    dev: true
+      js-tokens: 9.0.1
 
-  /supports-color/5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
+  superjson@2.2.1:
     dependencies:
-      has-flag: 3.0.0
-    dev: true
+      copy-anything: 3.0.5
 
-  /supports-color/7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
+  supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
-    dev: true
 
-  /supports-preserve-symlinks-flag/1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-    dev: true
+  supports-preserve-symlinks-flag@1.0.0: {}
 
-  /svg-tags/1.0.0:
-    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
-    dev: true
+  symbol-tree@3.2.4: {}
 
-  /symbol-tree/3.2.4:
-    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
-    dev: true
+  synckit@0.11.8:
+    dependencies:
+      '@pkgr/core': 0.2.7
 
-  /test-exclude/6.0.0:
-    resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
-    engines: {node: '>=8'}
+  tabbable@6.2.0: {}
+
+  test-exclude@7.0.1:
     dependencies:
       '@istanbuljs/schema': 0.1.3
-      glob: 7.2.3
-      minimatch: 3.1.2
-    dev: true
+      glob: 10.4.1
+      minimatch: 9.0.5
 
-  /text-table/0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-    dev: true
+  tinybench@2.9.0: {}
 
-  /through/2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-    dev: true
+  tinyexec@0.3.2: {}
 
-  /tinybench/2.1.4:
-    resolution: {integrity: sha512-NFWIw2Gg7EUPdeE8nL1Dc7AMVlk7sOr2PmSNKVuQrZ0YwTOFoshPQ+hcLrgnhK8dTP3FWMCJaf4N+/hXp6lKPw==}
-    engines: {node: '>=16.0.0'}
-    dev: true
+  tinyglobby@0.2.14:
+    dependencies:
+      fdir: 6.4.6(picomatch@4.0.3)
+      picomatch: 4.0.3
 
-  /tinypool/0.2.4:
-    resolution: {integrity: sha512-Vs3rhkUH6Qq1t5bqtb816oT+HeJTXfwt2cbPH17sWHIYKTotQIFPk3tf2fgqRrVyMDVOc1EnPgzIxfIulXVzwQ==}
-    engines: {node: '>=14.0.0'}
-    dev: true
+  tinypool@1.1.1: {}
 
-  /tinyspy/1.0.2:
-    resolution: {integrity: sha512-bSGlgwLBYf7PnUsQ6WOc6SJ3pGOcd+d8AA6EUnLDDM0kWEstC1JIlSZA3UNliDXhd9ABoS7hiRBDCu+XP/sf1Q==}
-    engines: {node: '>=14.0.0'}
-    dev: true
+  tinyrainbow@2.0.0: {}
 
-  /to-fast-properties/2.0.0:
-    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
-    engines: {node: '>=4'}
-    dev: true
+  tinyspy@4.0.3: {}
 
-  /to-regex-range/5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
+  tldts-core@6.1.47: {}
+
+  tldts@6.1.47:
     dependencies:
-      is-number: 7.0.0
-    dev: true
+      tldts-core: 6.1.47
 
-  /tough-cookie/4.0.0:
-    resolution: {integrity: sha512-tHdtEpQCMrc1YLrMaqXXcj6AxhYi/xgit6mZu1+EDWUn+qhUf8wMQoFIy9NXuq23zAwtcB0t/MjACGR18pcRbg==}
-    engines: {node: '>=6'}
+  to-regex-range@5.0.1:
     dependencies:
-      psl: 1.9.0
-      punycode: 2.1.1
-      universalify: 0.1.2
-    dev: true
+      is-number: 7.0.0
 
-  /tr46/3.0.0:
-    resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
-    engines: {node: '>=12'}
+  tough-cookie@5.1.2:
     dependencies:
-      punycode: 2.1.1
-    dev: true
+      tldts: 6.1.47
 
-  /tslib/1.14.1:
-    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
+  tr46@5.1.0:
+    dependencies:
+      punycode: 2.3.1
 
-  /tslib/2.4.0:
-    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
-    dev: true
+  trim-lines@3.0.1: {}
 
-  /tsutils/3.21.0_typescript@4.8.4:
-    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'
+  ts-api-utils@2.1.0(typescript@5.9.2):
     dependencies:
-      tslib: 1.14.1
-      typescript: 4.8.4
-    dev: true
+      typescript: 5.9.2
 
-  /type-check/0.3.2:
-    resolution: {integrity: sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.1.2
-    dev: true
+  tslib@2.8.1: {}
 
-  /type-check/0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
+  type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
-    dev: true
 
-  /type-detect/4.0.8:
-    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
-    engines: {node: '>=4'}
-    dev: true
+  typescript-eslint@8.39.0(eslint@9.32.0)(typescript@5.9.2):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.39.0(@typescript-eslint/parser@8.39.0(eslint@9.32.0)(typescript@5.9.2))(eslint@9.32.0)(typescript@5.9.2)
+      '@typescript-eslint/parser': 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      '@typescript-eslint/typescript-estree': 8.39.0(typescript@5.9.2)
+      '@typescript-eslint/utils': 8.39.0(eslint@9.32.0)(typescript@5.9.2)
+      eslint: 9.32.0
+      typescript: 5.9.2
+    transitivePeerDependencies:
+      - supports-color
 
-  /type-fest/0.20.2:
-    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
-    engines: {node: '>=10'}
-    dev: true
+  typescript@5.9.2: {}
 
-  /type-fest/0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
-    engines: {node: '>=10'}
-    dev: true
+  ufo@1.5.4: {}
 
-  /typescript/4.8.4:
-    resolution: {integrity: sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==}
-    engines: {node: '>=4.2.0'}
-    hasBin: true
-    dev: true
+  undici-types@6.21.0: {}
 
-  /universalify/0.1.2:
-    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
-    engines: {node: '>= 4.0.0'}
-    dev: true
+  unist-util-is@6.0.0:
+    dependencies:
+      '@types/unist': 3.0.2
 
-  /universalify/2.0.0:
-    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
-    engines: {node: '>= 10.0.0'}
-    dev: true
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.2
 
-  /unplugin-vue-components/0.22.7_vue@3.2.40:
-    resolution: {integrity: sha512-MJEAKJF9bRykTRvJ4WXF0FNMAyt1PX3iwpu2NN+li35sAKjQv6sC1col5aZDLiwDZDo2AGwxNkzLJFKaun9qHw==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@babel/parser': ^7.15.8
-      vue: 2 || 3
-    peerDependenciesMeta:
-      '@babel/parser':
-        optional: true
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.2
+
+  unist-util-visit-parents@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.2
+      unist-util-is: 6.0.0
+
+  unist-util-visit@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.2
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+
+  unplugin-utils@0.2.4:
+    dependencies:
+      pathe: 2.0.3
+      picomatch: 4.0.3
+
+  unplugin-vue-components@29.0.0(@babel/parser@7.28.0)(vue@3.5.18(typescript@5.9.2)):
     dependencies:
-      '@antfu/utils': 0.5.2
-      '@rollup/pluginutils': 4.2.1
-      chokidar: 3.5.3
-      debug: 4.3.4
-      fast-glob: 3.2.12
-      local-pkg: 0.4.2
-      magic-string: 0.26.4
-      minimatch: 5.1.0
-      resolve: 1.22.1
-      unplugin: 0.9.6
-      vue: 3.2.40
+      chokidar: 3.6.0
+      debug: 4.4.1
+      local-pkg: 1.1.1
+      magic-string: 0.30.17
+      mlly: 1.7.4
+      tinyglobby: 0.2.14
+      unplugin: 2.3.5
+      unplugin-utils: 0.2.4
+      vue: 3.5.18(typescript@5.9.2)
+    optionalDependencies:
+      '@babel/parser': 7.28.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /unplugin/0.9.6:
-    resolution: {integrity: sha512-YYLtfoNiie/lxswy1GOsKXgnLJTE27la/PeCGznSItk+8METYZErO+zzV9KQ/hXhPwzIJsfJ4s0m1Rl7ZCWZ4Q==}
+  unplugin@2.3.5:
     dependencies:
-      acorn: 8.8.0
-      chokidar: 3.5.3
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.4.5
-    dev: true
+      acorn: 8.15.0
+      picomatch: 4.0.3
+      webpack-virtual-modules: 0.6.2
 
-  /update-browserslist-db/1.0.4_browserslist@4.21.1:
-    resolution: {integrity: sha512-jnmO2BEGUjsMOe/Fg9u0oczOe/ppIDZPebzccl1yDWGLFP16Pa1/RM5wEoKYPG2zstNcDuAStejyxsOuKINdGA==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
+  update-browserslist-db@1.1.1(browserslist@4.24.2):
     dependencies:
-      browserslist: 4.21.1
-      escalade: 3.1.1
-      picocolors: 1.0.0
-    dev: true
+      browserslist: 4.24.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
 
-  /uri-js/4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+  uri-js@4.4.1:
     dependencies:
-      punycode: 2.1.1
-    dev: true
+      punycode: 2.3.1
 
-  /v8-to-istanbul/9.0.1:
-    resolution: {integrity: sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==}
-    engines: {node: '>=10.12.0'}
+  vfile-message@4.0.2:
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.14
-      '@types/istanbul-lib-coverage': 2.0.4
-      convert-source-map: 1.8.0
-    dev: true
+      '@types/unist': 3.0.2
+      unist-util-stringify-position: 4.0.0
 
-  /vite/2.9.14:
-    resolution: {integrity: sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==}
-    engines: {node: '>=12.2.0'}
-    hasBin: true
-    peerDependencies:
-      less: '*'
-      sass: '*'
-      stylus: '*'
-    peerDependenciesMeta:
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.2
+      vfile-message: 4.0.2
+
+  vite-node@3.2.4(@types/node@22.17.0)(yaml@2.8.0):
+    dependencies:
+      cac: 6.7.14
+      debug: 4.4.1
+      es-module-lexer: 1.7.0
+      pathe: 2.0.3
+      vite: 7.0.6(@types/node@22.17.0)(yaml@2.8.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  vite@5.4.14(@types/node@22.17.0):
     dependencies:
-      esbuild: 0.14.48
-      postcss: 8.4.16
-      resolve: 1.22.1
-      rollup: 2.79.1
+      esbuild: 0.21.5
+      postcss: 8.5.6
+      rollup: 4.46.2
     optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
+      '@types/node': 22.17.0
+      fsevents: 2.3.3
 
-  /vite/3.1.4:
-    resolution: {integrity: sha512-JoQI08aBjY9lycL7jcEq4p9o1xUjq5aRvdH4KWaXtkSx7e7RpAh9D3IjzDWRD4Fg44LS3oDAIOG/Kq1L+82psA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    hasBin: true
-    peerDependencies:
-      less: '*'
-      sass: '*'
-      stylus: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      less:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      terser:
-        optional: true
+  vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0):
     dependencies:
-      esbuild: 0.15.7
-      postcss: 8.4.16
-      resolve: 1.22.1
-      rollup: 2.78.1
+      esbuild: 0.25.0
+      fdir: 6.4.6(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.46.2
+      tinyglobby: 0.2.14
     optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
+      '@types/node': 22.17.0
+      fsevents: 2.3.3
+      yaml: 2.8.0
 
-  /vitepress/0.22.4:
-    resolution: {integrity: sha512-oZUnLO/SpYdThaBKefDeOiVlr0Rie4Ppx3FzMnMyLtJnI5GlBMNjqYqMy/4+umm/iC+ZDJfI+IlDKxv5fZnYzA==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
+  vitepress-translation-helper@0.2.2(vitepress@1.6.4(@algolia/client-search@5.19.0)(@types/node@22.17.0)(postcss@8.5.6)(search-insights@2.7.0)(typescript@5.9.2))(vue@3.5.18(typescript@5.9.2)):
     dependencies:
-      '@docsearch/css': 3.1.1
-      '@docsearch/js': 3.1.1
-      '@vitejs/plugin-vue': 2.3.3_vite@2.9.14+vue@3.2.40
-      prismjs: 1.28.0
-      vite: 2.9.14
-      vue: 3.2.40
+      minimist: 1.2.8
+      simple-git: 3.23.0
+      vitepress: 1.6.4(@algolia/client-search@5.19.0)(@types/node@22.17.0)(postcss@8.5.6)(search-insights@2.7.0)(typescript@5.9.2)
+      vue: 3.5.18(typescript@5.9.2)
+    transitivePeerDependencies:
+      - supports-color
+
+  vitepress@1.6.4(@algolia/client-search@5.19.0)(@types/node@22.17.0)(postcss@8.5.6)(search-insights@2.7.0)(typescript@5.9.2):
+    dependencies:
+      '@docsearch/css': 3.8.2
+      '@docsearch/js': 3.8.2(@algolia/client-search@5.19.0)(search-insights@2.7.0)
+      '@iconify-json/simple-icons': 1.2.21
+      '@shikijs/core': 2.1.0
+      '@shikijs/transformers': 2.1.0
+      '@shikijs/types': 2.1.0
+      '@types/markdown-it': 14.1.2
+      '@vitejs/plugin-vue': 5.2.4(vite@5.4.14(@types/node@22.17.0))(vue@3.5.18(typescript@5.9.2))
+      '@vue/devtools-api': 7.7.0
+      '@vue/shared': 3.5.18
+      '@vueuse/core': 12.4.0(typescript@5.9.2)
+      '@vueuse/integrations': 12.4.0(focus-trap@7.6.4)(typescript@5.9.2)
+      focus-trap: 7.6.4
+      mark.js: 8.11.1
+      minisearch: 7.1.1
+      shiki: 2.1.0
+      vite: 5.4.14(@types/node@22.17.0)
+      vue: 3.5.18(typescript@5.9.2)
+    optionalDependencies:
+      postcss: 8.5.6
     transitivePeerDependencies:
       - '@algolia/client-search'
+      - '@types/node'
       - '@types/react'
+      - async-validator
+      - axios
+      - change-case
+      - drauu
+      - fuse.js
+      - idb-keyval
+      - jwt-decode
       - less
+      - lightningcss
+      - nprogress
+      - qrcode
       - react
       - react-dom
       - sass
+      - sass-embedded
+      - search-insights
+      - sortablejs
       - stylus
-    dev: true
-
-  /vitest/0.22.1_jsdom@20.0.0:
-    resolution: {integrity: sha512-+x28YTnSLth4KbXg7MCzoDAzPJlJex7YgiZbUh6YLp0/4PqVZ7q7/zyfdL0OaPtKTpNiQFPpMC8Y2MSzk8F7dw==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.3
-      '@types/chai-subset': 1.3.3
-      '@types/node': 18.0.6
-      chai: 4.3.6
-      debug: 4.3.4
-      jsdom: 20.0.0
-      local-pkg: 0.4.2
-      tinypool: 0.2.4
-      tinyspy: 1.0.2
-      vite: 3.1.4
-    transitivePeerDependencies:
-      - less
-      - sass
-      - stylus
-      - supports-color
+      - sugarss
       - terser
-    dev: true
-
-  /vitest/0.23.0_jsdom@20.0.0:
-    resolution: {integrity: sha512-I3ctlfiXYprA2tID1qP+m6pmgmKx3HYfRe66MetGOHKCHLY7hz74ihiwIEtN7LReJgF3U5cM735iYPkn/Go1iQ==}
-    engines: {node: '>=v14.16.0'}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-    dependencies:
-      '@types/chai': 4.3.3
-      '@types/chai-subset': 1.3.3
-      '@types/node': 18.0.6
-      chai: 4.3.6
-      debug: 4.3.4
-      jsdom: 20.0.0
-      local-pkg: 0.4.2
-      strip-literal: 0.4.0
-      tinybench: 2.1.4
-      tinypool: 0.2.4
-      tinyspy: 1.0.2
-      vite: 3.1.4
+      - typescript
+      - universal-cookie
+
+  vitest@3.2.4(@types/node@22.17.0)(jsdom@26.1.0)(yaml@2.8.0):
+    dependencies:
+      '@types/chai': 5.2.2
+      '@vitest/expect': 3.2.4
+      '@vitest/mocker': 3.2.4(vite@7.0.6(@types/node@22.17.0)(yaml@2.8.0))
+      '@vitest/pretty-format': 3.2.4
+      '@vitest/runner': 3.2.4
+      '@vitest/snapshot': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.2.0
+      debug: 4.4.1
+      expect-type: 1.2.1
+      magic-string: 0.30.17
+      pathe: 2.0.3
+      picomatch: 4.0.2
+      std-env: 3.9.0
+      tinybench: 2.9.0
+      tinyexec: 0.3.2
+      tinyglobby: 0.2.14
+      tinypool: 1.1.1
+      tinyrainbow: 2.0.0
+      vite: 7.0.6(@types/node@22.17.0)(yaml@2.8.0)
+      vite-node: 3.2.4(@types/node@22.17.0)(yaml@2.8.0)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 22.17.0
+      jsdom: 26.1.0
     transitivePeerDependencies:
+      - jiti
       - less
+      - lightningcss
+      - msw
       - sass
+      - sass-embedded
       - stylus
+      - sugarss
       - supports-color
       - terser
-    dev: true
+      - tsx
+      - yaml
 
-  /vue-class-component/8.0.0-rc.1_vue@3.2.40:
-    resolution: {integrity: sha512-w1nMzsT/UdbDAXKqhwTmSoyuJzUXKrxLE77PCFVuC6syr8acdFDAq116xgvZh9UCuV0h+rlCtxXolr3Hi3HyPQ==}
-    peerDependencies:
-      vue: ^3.0.0
-    dependencies:
-      vue: 3.2.40
-    dev: true
+  vscode-uri@3.0.8: {}
 
-  /vue-router/4.1.5_vue@3.2.40:
-    resolution: {integrity: sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==}
-    peerDependencies:
-      vue: ^3.2.0
+  vue-class-component@8.0.0-rc.1(vue@3.5.18(typescript@5.9.2)):
     dependencies:
-      '@vue/devtools-api': 6.2.0
-      vue: 3.2.40
-    dev: true
+      vue: 3.5.18(typescript@5.9.2)
 
-  /vue-tsc/0.40.13_typescript@4.8.4:
-    resolution: {integrity: sha512-xzuN3g5PnKfJcNrLv4+mAjteMd5wLm5fRhW0034OfNJZY4WhB07vhngea/XeGn7wNYt16r7syonzvW/54dcNiA==}
-    hasBin: true
-    peerDependencies:
-      typescript: '*'
-    dependencies:
-      '@volar/vue-language-core': 0.40.13
-      '@volar/vue-typescript': 0.40.13
-      typescript: 4.8.4
-    dev: true
+  vue-component-type-helpers@3.0.1: {}
 
-  /vue/3.2.40:
-    resolution: {integrity: sha512-1mGHulzUbl2Nk3pfvI5aXYYyJUs1nm4kyvuz38u4xlQkLUn1i2R7nDbI4TufECmY8v1qNBHYy62bCaM+3cHP2A==}
+  vue-router@4.5.1(vue@3.5.18(typescript@5.9.2)):
     dependencies:
-      '@vue/compiler-dom': 3.2.40
-      '@vue/compiler-sfc': 3.2.40
-      '@vue/runtime-dom': 3.2.40
-      '@vue/server-renderer': 3.2.40_vue@3.2.40
-      '@vue/shared': 3.2.40
-    dev: true
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.18(typescript@5.9.2)
 
-  /vuex/4.0.2_vue@3.2.40:
-    resolution: {integrity: sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==}
-    peerDependencies:
-      vue: ^3.0.2
+  vue-tsc@3.0.5(typescript@5.9.2):
     dependencies:
-      '@vue/devtools-api': 6.2.0
-      vue: 3.2.40
-    dev: true
+      '@volar/typescript': 2.4.22
+      '@vue/language-core': 3.0.5(typescript@5.9.2)
+      typescript: 5.9.2
 
-  /w3c-hr-time/1.0.2:
-    resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
+  vue@3.5.18(typescript@5.9.2):
     dependencies:
-      browser-process-hrtime: 1.0.0
-    dev: true
+      '@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@3.5.18(typescript@5.9.2))
+      '@vue/shared': 3.5.18
+    optionalDependencies:
+      typescript: 5.9.2
 
-  /w3c-xmlserializer/3.0.0:
-    resolution: {integrity: sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==}
-    engines: {node: '>=12'}
+  vuex@4.1.0(vue@3.5.18(typescript@5.9.2)):
     dependencies:
-      xml-name-validator: 4.0.0
-    dev: true
+      '@vue/devtools-api': 6.2.0
+      vue: 3.5.18(typescript@5.9.2)
 
-  /webidl-conversions/7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
-    dev: true
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
 
-  /webpack-sources/3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
-    dev: true
+  webidl-conversions@7.0.0: {}
 
-  /webpack-virtual-modules/0.4.5:
-    resolution: {integrity: sha512-8bWq0Iluiv9lVf9YaqWQ9+liNgXSHICm+rg544yRgGYaR8yXZTVBaHZkINZSB2yZSWo4b0F6MIxqJezVfOEAlg==}
-    dev: true
+  webpack-virtual-modules@0.6.2: {}
 
-  /whatwg-encoding/2.0.0:
-    resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
-    engines: {node: '>=12'}
+  whatwg-encoding@3.1.1:
     dependencies:
       iconv-lite: 0.6.3
-    dev: true
 
-  /whatwg-mimetype/3.0.0:
-    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
-    engines: {node: '>=12'}
-    dev: true
+  whatwg-mimetype@4.0.0: {}
 
-  /whatwg-url/11.0.0:
-    resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
-    engines: {node: '>=12'}
+  whatwg-url@14.2.0:
     dependencies:
-      tr46: 3.0.0
+      tr46: 5.1.0
       webidl-conversions: 7.0.0
-    dev: true
 
-  /which/2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
+  which@2.0.2:
     dependencies:
       isexe: 2.0.0
-    dev: true
-
-  /word-wrap/1.2.3:
-    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
 
-  /wrap-ansi/6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
-    engines: {node: '>=8'}
+  why-is-node-running@2.3.0:
     dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-    dev: true
+      siginfo: 2.0.0
+      stackback: 0.0.2
 
-  /wrap-ansi/7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
+  wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
-    dev: true
 
-  /wrappy/1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
-    dev: true
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
 
-  /ws/8.8.0:
-    resolution: {integrity: sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: ^5.0.2
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-    dev: true
+  wrap-ansi@9.0.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 7.0.0
+      strip-ansi: 7.1.0
 
-  /xml-name-validator/4.0.0:
-    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
-    engines: {node: '>=12'}
-    dev: true
+  wrappy@1.0.2: {}
 
-  /xmlchars/2.2.0:
-    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
-    dev: true
+  ws@8.18.0: {}
 
-  /y18n/5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-    dev: true
+  xml-name-validator@5.0.0: {}
 
-  /yallist/2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-    dev: true
+  xmlchars@2.2.0: {}
 
-  /yallist/4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-    dev: true
+  yallist@3.1.1: {}
 
-  /yaml/2.1.1:
-    resolution: {integrity: sha512-o96x3OPo8GjWeSLF+wOAbrPfhFOGY0W00GNaxCDv+9hkcDJEnev1yh8S7pgHF0ik6zc8sQLuL8hjHjJULZp8bw==}
-    engines: {node: '>= 14'}
-    dev: true
+  yallist@4.0.0: {}
 
-  /yargs-parser/20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-    dev: true
+  yaml@2.8.0: {}
 
-  /yargs/16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.1.1
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-    dev: true
+  yocto-queue@0.1.0: {}
 
-  /yocto-queue/0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-    dev: true
+  zwitch@2.0.4: {}
diff --git a/rollup.config.js b/rollup.config.ts
similarity index 77%
rename from rollup.config.js
rename to rollup.config.ts
index 81f7cc54d..247378b21 100644
--- a/rollup.config.js
+++ b/rollup.config.ts
@@ -1,4 +1,4 @@
-import ts from 'rollup-plugin-typescript2'
+import ts from '@rollup/plugin-typescript'
 import resolve from '@rollup/plugin-node-resolve'
 import replace from '@rollup/plugin-replace'
 import commonjs from '@rollup/plugin-commonjs'
@@ -25,7 +25,10 @@ function createEntry(options) {
       'vue',
       isEsmBrowser
         ? '@vue/compiler-dom/dist/compiler-dom.esm-browser'
-        : '@vue/compiler-dom'
+        : '@vue/compiler-dom',
+      isEsmBrowser
+        ? '@vue/server-renderer/dist/compiler-dom.esm-browser'
+        : '@vue/server-renderer'
     ],
     plugins: [
       replace({
@@ -47,7 +50,8 @@ function createEntry(options) {
       format,
       globals: {
         vue: 'Vue',
-        '@vue/compiler-dom': 'VueCompilerDOM'
+        '@vue/compiler-dom': 'VueCompilerDOM',
+        '@vue/server-renderer': 'VueServerRenderer'
       }
     }
   }
@@ -65,14 +69,11 @@ function createEntry(options) {
 
   config.plugins.push(
     ts({
-      check: format === 'es' && isBrowser,
-      tsconfigOverride: {
-        compilerOptions: {
-          declaration: format === 'es',
-          target: 'es5', // not sure what this should be?
-          module: format === 'cjs' ? 'es2015' : 'esnext'
-        },
-        exclude: ['tests']
+      include: ['src/**/*.ts', 'types/**/*.d.ts'],
+      compilerOptions: {
+        declaration: format === 'es',
+        target: 'es5', // not sure what this should be?
+        module: format === 'cjs' ? 'es2015' : 'esnext'
       }
     })
   )
diff --git a/setup.js b/setup.js
index 8761eba7c..cedd29022 100644
--- a/setup.js
+++ b/setup.js
@@ -1,3 +1,4 @@
+/* global __USE_BUILD__, console */
 import { vi } from 'vitest'
 
 const originalConsole = console.info
diff --git a/src/baseWrapper.ts b/src/baseWrapper.ts
index 662941fe2..9f2f90403 100644
--- a/src/baseWrapper.ts
+++ b/src/baseWrapper.ts
@@ -1,3 +1,4 @@
+import { VNode } from 'vue'
 import { textContent } from './utils'
 import type { TriggerOptions } from './createDomEvent'
 import {
@@ -29,7 +30,7 @@ import { isElement } from './utils/isElement'
 import type { DOMWrapper } from './domWrapper'
 import { createDOMWrapper, createVueWrapper } from './wrapperFactory'
 import { stringifyNode } from './utils/stringifyNode'
-import pretty from 'pretty'
+import beautify, { HTMLBeautifyOptions } from 'js-beautify'
 
 export default abstract class BaseWrapper<ElementType extends Node>
   implements WrapperLike
@@ -41,7 +42,7 @@ export default abstract class BaseWrapper<ElementType extends Node>
     return this.wrapperElement
   }
 
-  constructor(element: ElementType) {
+  protected constructor(element: ElementType) {
     this.wrapperElement = element
   }
 
@@ -133,11 +134,13 @@ export default abstract class BaseWrapper<ElementType extends Node>
   >
   // searching for component created via defineComponent results in VueWrapper of proper type
   findComponent<T extends DefinedComponent>(
-    selector: T | Exclude<FindComponentSelector, FunctionalComponent>
+    selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>
   ): VueWrapper<InstanceType<T>>
   // searching for functional component results in DOMWrapper
-  findComponent<T extends FunctionalComponent>(selector: T): DOMWrapper<Node>
-  findComponent<T extends FunctionalComponent>(
+  findComponent<T extends FunctionalComponent<any>>(
+    selector: T
+  ): DOMWrapper<Node>
+  findComponent<T extends FunctionalComponent<any>>(
     selector: string
   ): DOMWrapper<Element>
   // searching by name or ref always results in VueWrapper
@@ -175,7 +178,12 @@ export default abstract class BaseWrapper<ElementType extends Node>
       matches(currentComponent.vnode, selector) &&
       this.element.contains(currentComponent.vnode.el as Node)
     ) {
-      return createVueWrapper(null, currentComponent.proxy!)
+      return createVueWrapper(
+        null,
+        currentComponent.subTree.component
+          ? currentComponent.subTree.component.proxy!
+          : currentComponent.proxy!
+      )
     }
 
     const [result] = this.findAllComponents(selector)
@@ -184,12 +192,12 @@ export default abstract class BaseWrapper<ElementType extends Node>
 
   findAllComponents<T extends never>(selector: string): WrapperLike[]
   findAllComponents<T extends DefinedComponent>(
-    selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent>
+    selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent<any>>
   ): VueWrapper<InstanceType<T>>[]
-  findAllComponents<T extends FunctionalComponent>(
+  findAllComponents<T extends FunctionalComponent<any>>(
     selector: T
   ): DOMWrapper<Node>[]
-  findAllComponents<T extends FunctionalComponent>(
+  findAllComponents<T extends FunctionalComponent<any>>(
     selector: string
   ): DOMWrapper<Element>[]
   findAllComponents<T extends never>(selector: NameSelector): VueWrapper[]
@@ -207,18 +215,30 @@ export default abstract class BaseWrapper<ElementType extends Node>
       return []
     }
 
-    let results = find(currentComponent.subTree, selector)
+    const results = find(currentComponent.subTree, selector)
 
     return results.map((c) =>
       c.proxy
         ? createVueWrapper(null, c.proxy)
-        : createDOMWrapper(c.vnode.el as Element)
+        : createDOMWrapper(c.vnode.el as Element, c.subTree as VNode)
     )
   }
   abstract setValue(value?: any): Promise<void>
-  html(): string {
-    return this.getRootNodes()
-      .map((node) => pretty(stringifyNode(node)))
+
+  html(options?: { raw?: boolean }): string {
+    const stringNodes = this.getRootNodes().map((node) => stringifyNode(node))
+    if (options?.raw) return stringNodes.join('')
+
+    return stringNodes
+      .map((node) =>
+        beautify.html(node, {
+          unformatted: ['code', 'pre', 'em', 'strong', 'span'],
+          indent_inner_html: true,
+          indent_size: 2,
+          inline_custom_elements: false
+          // TODO the cast can be removed when @types/js-beautify will be up-to-date
+        } as HTMLBeautifyOptions)
+      )
       .join('\n')
   }
 
@@ -249,7 +269,7 @@ export default abstract class BaseWrapper<ElementType extends Node>
   }
 
   text() {
-    return textContent(this.element)
+    return this.getRootNodes().map(textContent).join('')
   }
 
   exists() {
@@ -279,10 +299,10 @@ export default abstract class BaseWrapper<ElementType extends Node>
 
   getComponent<T extends never>(selector: string): Omit<WrapperLike, 'exists'>
   getComponent<T extends DefinedComponent>(
-    selector: T | Exclude<FindComponentSelector, FunctionalComponent>
+    selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>
   ): Omit<VueWrapper<InstanceType<T>>, 'exists'>
   // searching for functional component results in DOMWrapper
-  getComponent<T extends FunctionalComponent>(
+  getComponent<T extends FunctionalComponent<any>>(
     selector: T | string
   ): Omit<DOMWrapper<Element>, 'exists'>
   // searching by name or ref always results in VueWrapper
@@ -359,6 +379,13 @@ export default abstract class BaseWrapper<ElementType extends Node>
 
     if (this.element && !this.isDisabled()) {
       const event = createDOMEvent(eventString, options)
+      // see https://github.com/vuejs/test-utils/issues/1854
+      // fakeTimers provoke an issue as Date.now() always return the same value
+      // and Vue relies on it to determine if the handler should be invoked
+      // see https://github.com/vuejs/core/blob/5ee40532a63e0b792e0c1eccf3cf68546a4e23e9/packages/runtime-dom/src/modules/events.ts#L100-L104
+      // we workaround this issue by manually setting _vts to Date.now() + 1
+      // thus making sure the event handler is invoked
+      event._vts = Date.now() + 1
       this.element.dispatchEvent(event)
     }
 
diff --git a/src/config.ts b/src/config.ts
index 63c507b19..44939a91c 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,7 +1,7 @@
 import { GlobalMountOptions, Stub } from './types'
 import { VueWrapper } from './vueWrapper'
 import { DOMWrapper } from './domWrapper'
-import { CustomCreateStub } from './stubs'
+import { CustomCreateStub } from './vnodeTransformers/stubComponentsTransformer'
 
 export interface GlobalConfigOptions {
   global: Required<Omit<GlobalMountOptions, 'stubs'>> & {
@@ -12,7 +12,10 @@ export interface GlobalConfigOptions {
     DOMWrapper: Pluggable<DOMWrapper<Node>>
     createStubs?: CustomCreateStub
   }
-  renderStubDefaultSlot: boolean
+  /**
+   * @deprecated use global.
+   */
+  renderStubDefaultSlot?: boolean
 }
 
 interface Plugin<Instance, O> {
@@ -80,6 +83,5 @@ export const config: GlobalConfigOptions = {
   plugins: {
     VueWrapper: new Pluggable(),
     DOMWrapper: new Pluggable()
-  },
-  renderStubDefaultSlot: false
+  }
 }
diff --git a/src/constants/dom-events.ts b/src/constants/dom-events.ts
index 4309ffec8..3b749b132 100644
--- a/src/constants/dom-events.ts
+++ b/src/constants/dom-events.ts
@@ -93,18 +93,18 @@ export const keyCodesByKeyName = {
 
 export type KeyName = keyof typeof keyCodesByKeyName
 export type Modifier =
-  | typeof systemKeyModifiers[number]
-  | typeof mouseKeyModifiers[number]
+  | (typeof systemKeyModifiers)[number]
+  | (typeof mouseKeyModifiers)[number]
 
 export type DomEventNameWithModifier =
   | DomEventName
-  | `${DomEventName}.${typeof systemKeyModifiers[number]}`
-  | `click.${typeof mouseKeyModifiers[number]}`
-  | `click.${typeof systemKeyModifiers[number]}.${typeof mouseKeyModifiers[number]}`
+  | `${DomEventName}.${(typeof systemKeyModifiers)[number]}`
+  | `click.${(typeof mouseKeyModifiers)[number]}`
+  | `click.${(typeof systemKeyModifiers)[number]}.${(typeof mouseKeyModifiers)[number]}`
   | `${'keydown' | 'keyup'}.${keyof typeof keyCodesByKeyName}`
   | `${
       | 'keydown'
-      | 'keyup'}.${typeof systemKeyModifiers[number]}.${keyof typeof keyCodesByKeyName}`
+      | 'keyup'}.${(typeof systemKeyModifiers)[number]}.${keyof typeof keyCodesByKeyName}`
 
 const domEvents = {
   abort: {
diff --git a/src/createDomEvent.ts b/src/createDomEvent.ts
index 6d302a175..fb28b5e80 100644
--- a/src/createDomEvent.ts
+++ b/src/createDomEvent.ts
@@ -11,9 +11,9 @@ import domEvents, {
 } from './constants/dom-events'
 
 interface TriggerOptions {
-  code?: String
-  key?: String
-  keyCode?: Number
+  code?: string
+  key?: string
+  keyCode?: number
   [custom: string]: any
 }
 
@@ -61,9 +61,10 @@ function generateModifiers(modifiers: KeyName[], isOnClick: boolean) {
 }
 
 function getEventProperties(eventParams: EventParams) {
-  let { modifiers, options = {}, eventType } = eventParams
+  const { modifiers, options = {} } = eventParams
+  let { eventType } = eventParams
 
-  let isOnClick = eventType === 'click'
+  const isOnClick = eventType === 'click'
 
   const { keyModifiers, systemModifiers } = generateModifiers(
     modifiers,
@@ -110,7 +111,7 @@ function getEventProperties(eventParams: EventParams) {
     cancelable: meta.cancelable,
     // Any derived options should go here
     keyCode,
-    code: keyCode,
+    code: options.code || keyCode,
     // if we have a `key`, use it, otherwise dont set anything (allows user to pass custom key)
     ...(keyModifiers[0] ? { key: keyModifiers[0] } : {})
   }
@@ -156,7 +157,7 @@ function createDOMEvent(
   const eventPrototype = Object.getPrototypeOf(event)
 
   // attach custom options to the event, like `relatedTarget` and so on.
-  options &&
+  if (options) {
     Object.keys(options).forEach((key) => {
       const propertyDescriptor = Object.getOwnPropertyDescriptor(
         eventPrototype,
@@ -169,6 +170,7 @@ function createDOMEvent(
         event[key] = options[key]
       }
     })
+  }
   return event
 }
 
diff --git a/src/createInstance.ts b/src/createInstance.ts
new file mode 100644
index 000000000..c682ff59f
--- /dev/null
+++ b/src/createInstance.ts
@@ -0,0 +1,367 @@
+import {
+  h,
+  createApp,
+  defineComponent,
+  reactive,
+  shallowReactive,
+  ref,
+  AppConfig,
+  ComponentOptions,
+  ConcreteComponent,
+  DefineComponent,
+  transformVNodeArgs,
+  proxyRefs
+} from 'vue'
+
+import { MountingOptions, Slot } from './types'
+import {
+  getComponentsFromStubs,
+  getDirectivesFromStubs,
+  isFunctionalComponent,
+  isObject,
+  isObjectComponent,
+  isScriptSetup,
+  mergeDeep,
+  mergeGlobalProperties
+} from './utils'
+import { processSlot } from './utils/compileSlots'
+import { attachEmitListener } from './emit'
+import { registerStub } from './stubs'
+import {
+  isLegacyFunctionalComponent,
+  unwrapLegacyVueExtendComponent
+} from './utils/vueCompatSupport'
+import { createVNodeTransformer } from './vnodeTransformers/util'
+import {
+  createStubComponentsTransformer,
+  CreateStubComponentsTransformerConfig
+} from './vnodeTransformers/stubComponentsTransformer'
+import { createStubDirectivesTransformer } from './vnodeTransformers/stubDirectivesTransformer'
+import { isDeepRef } from './utils/isDeepRef'
+
+const MOUNT_OPTIONS: ReadonlyArray<keyof MountingOptions<any>> = [
+  'attachTo',
+  'attrs',
+  'data',
+  'props',
+  'slots',
+  'global',
+  'shallow'
+] as const
+
+function getInstanceOptions(
+  options: MountingOptions<any> & Record<string, any>
+): Record<string, any> {
+  if (options.methods) {
+    console.warn(
+      "Passing a `methods` option to mount was deprecated on Vue Test Utils v1, and it won't have any effect on v2. For additional info: https://vue-test-utils.vuejs.org/upgrading-to-v1/#setmethods-and-mountingoptions-methods"
+    )
+    delete options.methods
+  }
+
+  const resultOptions = { ...options }
+  for (const key of Object.keys(options)) {
+    if (MOUNT_OPTIONS.includes(key as keyof MountingOptions<any>)) {
+      delete resultOptions[key]
+    }
+  }
+  return resultOptions
+}
+
+// implementation
+export function createInstance(
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  inputComponent: DefineComponent<{}, {}, any, any, any, any>,
+  options?: MountingOptions<any> & Record<string, any>
+) {
+  // normalize the incoming component
+  const originalComponent = unwrapLegacyVueExtendComponent(inputComponent)
+  let component: ConcreteComponent
+  const instanceOptions = getInstanceOptions(options ?? {})
+
+  const rootComponents: CreateStubComponentsTransformerConfig['rootComponents'] =
+    {}
+
+  if (
+    isFunctionalComponent(originalComponent) ||
+    isLegacyFunctionalComponent(originalComponent)
+  ) {
+    component = defineComponent({
+      compatConfig: {
+        MODE: 3,
+        INSTANCE_LISTENERS: false,
+        INSTANCE_ATTRS_CLASS_STYLE: false,
+        COMPONENT_FUNCTIONAL: isLegacyFunctionalComponent(originalComponent)
+          ? 'suppress-warning'
+          : false
+      },
+      props: originalComponent.props || {},
+      setup:
+        (props, { attrs, slots }) =>
+        () =>
+          h(originalComponent, { ...props, ...attrs }, slots),
+      ...instanceOptions
+    })
+    rootComponents.functional = originalComponent
+  } else if (isObjectComponent(originalComponent)) {
+    component = { ...originalComponent, ...instanceOptions }
+  } else {
+    component = originalComponent
+  }
+
+  rootComponents.component = component
+  // We've just replaced our component with its copy
+  // Let's register it as a stub so user can find it
+  registerStub({ source: originalComponent, stub: component })
+
+  function slotToFunction(slot: Slot) {
+    switch (typeof slot) {
+      case 'function':
+        return slot
+      case 'object':
+        return () => h(slot)
+      case 'string':
+        return processSlot(slot)
+      default:
+        throw Error(`Invalid slot received.`)
+    }
+  }
+
+  // handle any slots passed via mounting options
+  const slots =
+    options?.slots &&
+    Object.entries(options.slots).reduce(
+      (
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+        acc: { [key: string]: Function },
+        [name, slot]: [string, Slot]
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+      ): { [key: string]: Function } => {
+        if (Array.isArray(slot)) {
+          const normalized = slot.map(slotToFunction)
+          acc[name] = (args: unknown) => normalized.map((f) => f(args))
+          return acc
+        }
+
+        acc[name] = slotToFunction(slot)
+        return acc
+      },
+      {}
+    )
+
+  // override component data with mounting options data
+  if (options?.data) {
+    const providedData = options.data()
+    if (isObjectComponent(originalComponent)) {
+      // component is guaranteed to be the same type as originalComponent
+      const objectComponent = component as ComponentOptions
+      if (originalComponent.data) {
+        const originalDataFn = originalComponent.data
+        objectComponent.data = (vm) => ({
+          ...originalDataFn.call(vm, vm),
+          ...providedData
+        })
+      } else if (objectComponent.setup) {
+        const originalSetupFn = objectComponent.setup
+        objectComponent.setup = function (a, b) {
+          const data = originalSetupFn(a, b)
+          mergeDeep(proxyRefs(data), providedData)
+          return data
+        }
+      } else {
+        objectComponent.data = () => ({ ...providedData })
+      }
+    } else {
+      throw new Error(
+        'data() option is not supported on functional and class components'
+      )
+    }
+  }
+
+  const MOUNT_COMPONENT_REF = 'VTU_COMPONENT'
+  // we define props as reactive so that way when we update them with `setProps`
+  // Vue's reactivity system will cause a rerender.
+  const refs = shallowReactive<Record<string, unknown>>({})
+  const props = reactive<Record<string, unknown>>({})
+
+  Object.entries({
+    ...options?.attrs,
+    ...options?.propsData,
+    ...options?.props,
+    ref: MOUNT_COMPONENT_REF
+  }).forEach(([k, v]) => {
+    if (isDeepRef(v)) {
+      refs[k] = v
+    } else {
+      props[k] = v
+    }
+  })
+
+  const global = mergeGlobalProperties(options?.global)
+  if (isObjectComponent(component)) {
+    component.components = { ...component.components, ...global.components }
+  }
+
+  const componentRef = ref(null)
+  // create the wrapper component
+  const Parent = defineComponent({
+    name: 'VTU_ROOT',
+    setup() {
+      return {
+        [MOUNT_COMPONENT_REF]: componentRef
+      }
+    },
+    render() {
+      return h(component as ComponentOptions, { ...props, ...refs }, slots)
+    }
+  })
+
+  // create the app
+  const app = createApp(Parent)
+
+  // add tracking for emitted events
+  // this must be done after `createApp`: https://github.com/vuejs/test-utils/issues/436
+  attachEmitListener()
+
+  // global mocks mixin
+  if (global?.mocks) {
+    const mixin: ComponentOptions = {
+      beforeCreate() {
+        // we need to differentiate components that are or not not `script setup`
+        // otherwise we run into a proxy set error
+        // due to https://github.com/vuejs/core/commit/f73925d76a76ee259749b8b48cb68895f539a00f#diff-ea4d1ddabb7e22e17e80ada458eef70679af4005df2a1a6b73418fec897603ceR404
+        // introduced in Vue v3.2.45
+        // Also ensures not to include option API components in this block
+        // since they can also have setup state but need to be patched using
+        // the regular method.
+        if (isScriptSetup(this)) {
+          // add the mocks to setupState
+          for (const [k, v] of Object.entries(
+            global.mocks as { [key: string]: any }
+          )) {
+            // we do this in a try/catch, as some properties might be read-only
+            try {
+              this.$.setupState[k] = v
+              // eslint-disable-next-line no-empty
+            } catch (e) {}
+          }
+          // also intercept the proxy calls to make the mocks available on the instance
+          // (useful when a template access a global function like $t and the developer wants to mock it)
+          ;(this.$ as any).proxy = new Proxy((this.$ as any).proxy, {
+            get(target, key) {
+              if (key in global.mocks) {
+                return global.mocks[key as string]
+              }
+              return target[key]
+            }
+          })
+        } else {
+          for (const [k, v] of Object.entries(
+            global.mocks as { [key: string]: any }
+          )) {
+            ;(this as any)[k] = v
+          }
+        }
+      }
+    }
+
+    app.mixin(mixin)
+  }
+
+  // AppConfig
+  if (global.config) {
+    for (const [k, v] of Object.entries(global.config) as [
+      keyof Omit<AppConfig, 'isNativeTag'>,
+      any
+    ][]) {
+      // TODO should be switched to a ts-expect-error once Vue 3.5 is used
+      // @ts-ignore https://github.com/vuejs/test-utils/issues/2483
+      app.config[k] = isObject(app.config[k])
+        ? Object.assign(app.config[k]!, v)
+        : v
+    }
+  }
+
+  // provide any values passed via provides mounting option
+  if (global.provide) {
+    for (const key of Reflect.ownKeys(global.provide)) {
+      // TODO should be switched to a ts-expect-error
+      // @ts-ignore: https://github.com/microsoft/TypeScript/issues/1863
+      app.provide(key, global.provide[key])
+    }
+  }
+
+  // use and plugins from mounting options
+  if (global.plugins) {
+    for (const plugin of global.plugins) {
+      if (Array.isArray(plugin)) {
+        app.use(plugin[0], ...plugin.slice(1))
+        continue
+      }
+      app.use(plugin)
+    }
+  }
+
+  // use any mixins from mounting options
+  if (global.mixins) {
+    for (const mixin of global.mixins) app.mixin(mixin)
+  }
+
+  if (global.components) {
+    for (const key of Object.keys(global.components)) {
+      // avoid registering components that are stubbed twice
+      if (!(key in global.stubs)) {
+        app.component(key, global.components[key])
+      }
+    }
+  }
+
+  if (global.directives) {
+    for (const key of Object.keys(global.directives))
+      app.directive(key, global.directives[key])
+  }
+
+  // stubs
+  // even if we are using `mount`, we will still
+  // stub out Transition and Transition Group by default.
+  transformVNodeArgs(
+    createVNodeTransformer({
+      rootComponents,
+      transformers: [
+        createStubComponentsTransformer({
+          rootComponents,
+          stubs: getComponentsFromStubs(global.stubs),
+          shallow: options?.shallow,
+          renderStubDefaultSlot: global.renderStubDefaultSlot
+        }),
+        createStubDirectivesTransformer({
+          directives: getDirectivesFromStubs(global.stubs)
+        })
+      ]
+    })
+  )
+
+  // users expect stubs to work with globally registered
+  // components so we register stubs as global components to avoid
+  // warning about not being able to resolve component
+  //
+  // component implementation provided here will never be called
+  // but we need name to make sure that stubComponents will
+  // properly stub this later by matching stub name
+  //
+  // ref: https://github.com/vuejs/test-utils/issues/249
+  // ref: https://github.com/vuejs/test-utils/issues/425
+  if (global?.stubs) {
+    for (const name of Object.keys(getComponentsFromStubs(global.stubs))) {
+      if (!app.component(name)) {
+        app.component(name, { name })
+      }
+    }
+  }
+
+  return {
+    app,
+    props,
+    componentRef
+  }
+}
diff --git a/src/domWrapper.ts b/src/domWrapper.ts
index f06b7eaeb..92b38ab46 100644
--- a/src/domWrapper.ts
+++ b/src/domWrapper.ts
@@ -1,3 +1,4 @@
+import { VNode } from 'vue'
 import { config } from './config'
 import BaseWrapper from './baseWrapper'
 import WrapperLike from './interfaces/wrapperLike'
@@ -11,13 +12,23 @@ import { isRefSelector } from './utils'
 import { createWrapperError } from './errorWrapper'
 
 export class DOMWrapper<NodeType extends Node> extends BaseWrapper<NodeType> {
-  constructor(element: NodeType) {
+  protected readonly subTree: VNode | null | undefined = null
+
+  constructor(element: NodeType | null | undefined, subTree?: VNode | null) {
+    if (!element) {
+      return createWrapperError('DOMWrapper')
+    }
     super(element)
+    this.subTree = subTree
+
     // plugins hook
     config.plugins.DOMWrapper.extend(this)
   }
 
   getRootNodes() {
+    if (Array.isArray(this.subTree?.children)) {
+      return this.subTree.children.map((node) => (node as any)?.el)
+    }
     return [this.wrapperElement]
   }
 
@@ -61,7 +72,7 @@ export class DOMWrapper<NodeType extends Node> extends BaseWrapper<NodeType> {
     }
     return Array.from(
       this.wrapperElement.querySelectorAll(selector),
-      createDOMWrapper
+      (element) => createDOMWrapper(element)
     )
   }
 
@@ -90,6 +101,7 @@ export class DOMWrapper<NodeType extends Node> extends BaseWrapper<NodeType> {
     }
 
     element.checked = checked
+    this.trigger('input')
     return this.trigger('change')
   }
 
@@ -105,16 +117,22 @@ export class DOMWrapper<NodeType extends Node> extends BaseWrapper<NodeType> {
       return this.setChecked(value)
     } else if (tagName === 'INPUT' && type === 'radio') {
       return this.setChecked(value)
-    } else if (
-      tagName === 'INPUT' ||
-      tagName === 'TEXTAREA' ||
-      tagName === 'SELECT'
-    ) {
+    } else if (tagName === 'SELECT') {
+      if (Array.isArray(value)) {
+        const selectElement = element as unknown as HTMLSelectElement
+        for (let i = 0; i < selectElement.options.length; i++) {
+          const option = selectElement.options[i]
+          option.selected = value.includes(option.value)
+        }
+      } else {
+        element.value = value
+      }
+
+      this.trigger('input')
+      return this.trigger('change')
+    } else if (tagName === 'INPUT' || tagName === 'TEXTAREA') {
       element.value = value
 
-      if (tagName === 'SELECT') {
-        return this.trigger('change')
-      }
       this.trigger('input')
       // trigger `change` for `v-model.lazy`
       return this.trigger('change')
@@ -139,8 +157,13 @@ export class DOMWrapper<NodeType extends Node> extends BaseWrapper<NodeType> {
       parentElement = parentElement.parentElement!
     }
 
-    return new DOMWrapper(parentElement).trigger('change')
+    const parentWrapper = new DOMWrapper(parentElement)
+    parentWrapper.trigger('input')
+    return parentWrapper.trigger('change')
   }
 }
 
-registerFactory(WrapperType.DOMWrapper, (element) => new DOMWrapper(element))
+registerFactory(
+  WrapperType.DOMWrapper,
+  (element, subTree) => new DOMWrapper(element, subTree)
+)
diff --git a/src/emit.ts b/src/emit.ts
index b1d709341..27bc62047 100644
--- a/src/emit.ts
+++ b/src/emit.ts
@@ -4,6 +4,7 @@ import {
   ComponentPublicInstance,
   ComponentInternalInstance
 } from 'vue'
+import { getGlobalThis } from './utils'
 
 type Events<T = unknown> = Record<number, Record<string, T[]>>
 
@@ -11,7 +12,7 @@ const enum DevtoolsHooks {
   COMPONENT_EMIT = 'component:emit'
 }
 
-let events: Events = {}
+const events: Events = {}
 
 export function emitted<T = unknown>(
   vm: ComponentPublicInstance,
@@ -28,18 +29,38 @@ export function emitted<T = unknown>(
 }
 
 export const attachEmitListener = () => {
-  // use devtools to capture this "emit"
-  setDevtoolsHook(createDevTools(), {})
+  const target = getGlobalThis()
+  // override emit to capture events when devtools is defined
+  if (target.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    const _emit = target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit
+    target.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit = (
+      eventType: any,
+      ...payload: any[]
+    ) => {
+      _emit.call(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, eventType, ...payload)
+      captureDevtoolsVueComponentEmitEvent(eventType, payload)
+    }
+  } else {
+    // use devtools to capture this "emit"
+    setDevtoolsHook(createDevTools(), {})
+  }
+}
+
+function captureDevtoolsVueComponentEmitEvent(
+  eventType: string,
+  payload: any[]
+) {
+  if (eventType === DevtoolsHooks.COMPONENT_EMIT) {
+    const [_, componentVM, event, eventArgs] = payload
+    recordEvent(componentVM, event, eventArgs)
+  }
 }
 
 // devtools hook only catches Vue component custom events
 function createDevTools(): any {
   return {
     emit(eventType, ...payload) {
-      if (eventType !== DevtoolsHooks.COMPONENT_EMIT) return
-
-      const [_, componentVM, event, eventArgs] = payload
-      recordEvent(componentVM, event, eventArgs)
+      captureDevtoolsVueComponentEmitEvent(eventType, payload)
     }
   } as Partial<typeof devtools>
 }
diff --git a/src/index.ts b/src/index.ts
index fa21e292a..c56ad35a7 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -2,7 +2,8 @@ import { DOMWrapper } from './domWrapper'
 import { VueWrapper } from './vueWrapper'
 import BaseWrapper from './baseWrapper'
 import { mount, shallowMount } from './mount'
-import { MountingOptions } from './types'
+import { renderToString } from './renderToString'
+import { MountingOptions, Stubs } from './types'
 import { RouterLinkStub } from './components/RouterLinkStub'
 import { createWrapperError } from './errorWrapper'
 import { config } from './config'
@@ -12,6 +13,7 @@ import { enableAutoUnmount, disableAutoUnmount } from './utils/autoUnmount'
 export {
   mount,
   shallowMount,
+  renderToString,
   enableAutoUnmount,
   disableAutoUnmount,
   RouterLinkStub,
@@ -21,5 +23,8 @@ export {
   config,
   flushPromises,
   MountingOptions,
+  Stubs,
   createWrapperError
 }
+
+export type { ComponentMountingOptions } from './mount'
diff --git a/src/interfaces/wrapperLike.ts b/src/interfaces/wrapperLike.ts
index 50728db60..3a09972eb 100644
--- a/src/interfaces/wrapperLike.ts
+++ b/src/interfaces/wrapperLike.ts
@@ -34,9 +34,9 @@ export default interface WrapperLike {
 
   findComponent<T extends never>(selector: string): WrapperLike
   findComponent<T extends DefinedComponent>(
-    selector: T | Exclude<FindComponentSelector, FunctionalComponent>
+    selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>
   ): VueWrapper<InstanceType<T>>
-  findComponent<T extends FunctionalComponent>(
+  findComponent<T extends FunctionalComponent<any>>(
     selector: T | string
   ): DOMWrapper<Element>
   findComponent<T extends never>(
@@ -49,12 +49,12 @@ export default interface WrapperLike {
 
   findAllComponents<T extends never>(selector: string): WrapperLike[]
   findAllComponents<T extends DefinedComponent>(
-    selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent>
+    selector: T | Exclude<FindAllComponentsSelector, FunctionalComponent<any>>
   ): VueWrapper<InstanceType<T>>[]
-  findAllComponents<T extends FunctionalComponent>(
+  findAllComponents<T extends FunctionalComponent<any>>(
     selector: string
   ): DOMWrapper<Element>[]
-  findAllComponents<T extends FunctionalComponent>(
+  findAllComponents<T extends FunctionalComponent<any>>(
     selector: T
   ): DOMWrapper<Node>[]
   findAllComponents<T extends never>(selector: NameSelector): VueWrapper[]
@@ -78,10 +78,10 @@ export default interface WrapperLike {
 
   getComponent<T extends never>(selector: string): Omit<WrapperLike, 'exists'>
   getComponent<T extends DefinedComponent>(
-    selector: T | Exclude<FindComponentSelector, FunctionalComponent>
+    selector: T | Exclude<FindComponentSelector, FunctionalComponent<any>>
   ): Omit<VueWrapper<InstanceType<T>>, 'exists'>
   // searching for functional component results in DOMWrapper
-  getComponent<T extends FunctionalComponent>(
+  getComponent<T extends FunctionalComponent<any>>(
     selector: T | string
   ): Omit<DOMWrapper<Element>, 'exists'>
   getComponent<T extends ComponentPublicInstance>(
diff --git a/src/mount.ts b/src/mount.ts
index 129ef1d38..61f3d05dc 100644
--- a/src/mount.ts
+++ b/src/mount.ts
@@ -1,296 +1,59 @@
-import {
-  h,
-  createApp,
-  defineComponent,
-  reactive,
-  shallowReactive,
-  isRef,
-  FunctionalComponent,
-  ComponentPublicInstance,
-  ComponentOptionsWithObjectProps,
-  ComponentOptionsWithArrayProps,
-  ComponentOptionsWithoutProps,
-  ExtractPropTypes,
-  AppConfig,
-  VNodeProps,
-  ComponentOptionsMixin,
-  DefineComponent,
-  MethodOptions,
-  AllowedComponentProps,
-  ComponentCustomProps,
-  ExtractDefaultPropTypes,
-  EmitsOptions,
-  ComputedOptions,
-  ComponentPropsOptions,
-  ComponentOptions,
-  ConcreteComponent,
-  Prop
-} from 'vue'
-
-import { MountingOptions, Slot } from './types'
-import {
-  isFunctionalComponent,
-  isObject,
-  isObjectComponent,
-  mergeGlobalProperties
-} from './utils'
-import { processSlot } from './utils/compileSlots'
-import { VueWrapper } from './vueWrapper'
-import { attachEmitListener } from './emit'
-import { stubComponents, addToDoNotStubComponents, registerStub } from './stubs'
-import {
-  isLegacyFunctionalComponent,
-  unwrapLegacyVueExtendComponent
-} from './utils/vueCompatSupport'
+import { ComponentPublicInstance, DefineComponent, VNode } from 'vue'
+import type {
+  ComponentExposed,
+  ComponentProps,
+  ComponentSlots
+} from 'vue-component-type-helpers'
+import { createInstance } from './createInstance'
+import { MountingOptions } from './types'
 import { trackInstance } from './utils/autoUnmount'
+import { VueWrapper } from './vueWrapper'
 import { createVueWrapper } from './wrapperFactory'
 
-// NOTE this should come from `vue`
-const MOUNT_OPTIONS: Array<keyof MountingOptions<any>> = [
-  'attachTo',
-  'attrs',
-  'data',
-  'props',
-  'slots',
-  'global',
-  'shallow'
-]
-
-function getInstanceOptions(
-  options: MountingOptions<any> & Record<string, any>
-): Record<string, any> {
-  if (options.methods) {
-    console.warn(
-      "Passing a `methods` option to mount was deprecated on Vue Test Utils v1, and it won't have any effect on v2. For additional info: https://vue-test-utils.vuejs.org/upgrading-to-v1/#setmethods-and-mountingoptions-methods"
-    )
-    delete options.methods
-  }
-
-  const resultOptions = { ...options }
-  for (const key of Object.keys(options)) {
-    if (MOUNT_OPTIONS.includes(key as keyof MountingOptions<any>)) {
-      delete resultOptions[key]
-    }
-  }
-  return resultOptions
-}
-
-type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps
-
-type ComponentMountingOptions<T> = T extends DefineComponent<
-  infer PropsOrPropOptions,
-  any,
-  infer D,
-  any,
-  any
->
-  ? MountingOptions<
-      Partial<ExtractDefaultPropTypes<PropsOrPropOptions>> &
-        Omit<
-          Readonly<ExtractPropTypes<PropsOrPropOptions>> & PublicProps,
-          keyof ExtractDefaultPropTypes<PropsOrPropOptions>
-        >,
-      D
-    > &
-      Record<string, any>
-  : MountingOptions<any>
-
-// Class component (without vue-class-component) - no props
-export function mount<V extends {}>(
-  originalComponent: {
-    new (...args: any[]): V
-    __vccOpts: any
-  },
-  options?: MountingOptions<any> & Record<string, any>
-): VueWrapper<ComponentPublicInstance<V>>
-
-// Class component (without vue-class-component) - props
-export function mount<V extends {}, P>(
-  originalComponent: {
-    new (...args: any[]): V
-    __vccOpts: any
-    defaultProps?: Record<string, Prop<any>> | string[]
-  },
-  options?: MountingOptions<P & PublicProps> & Record<string, any>
-): VueWrapper<ComponentPublicInstance<V>>
-
-// Class component - no props
-export function mount<V extends {}>(
-  originalComponent: {
-    new (...args: any[]): V
-    registerHooks(keys: string[]): void
-  },
-  options?: MountingOptions<any> & Record<string, any>
-): VueWrapper<ComponentPublicInstance<V>>
-
-// Class component - props
-export function mount<V extends {}, P>(
-  originalComponent: {
-    new (...args: any[]): V
-    props(Props: P): any
-    registerHooks(keys: string[]): void
-  },
-  options?: MountingOptions<P & PublicProps> & Record<string, any>
-): VueWrapper<ComponentPublicInstance<V>>
-
-// Functional component with emits
-export function mount<Props extends {}, E extends EmitsOptions = {}>(
-  originalComponent: FunctionalComponent<Props, E>,
-  options?: MountingOptions<Props & PublicProps> & Record<string, any>
-): VueWrapper<ComponentPublicInstance<Props>>
-
-// Component declared with defineComponent
-export function mount<
-  PropsOrPropOptions = {},
-  RawBindings = {},
-  D = {},
-  C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions,
-  Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
-  Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
-  E extends EmitsOptions = Record<string, any>,
-  EE extends string = string,
-  PP = PublicProps,
-  Props = Readonly<ExtractPropTypes<PropsOrPropOptions>>,
-  Defaults extends {} = ExtractDefaultPropTypes<PropsOrPropOptions>
->(
-  component: DefineComponent<
-    PropsOrPropOptions,
-    RawBindings,
-    D,
-    C,
-    M,
-    Mixin,
-    Extends,
-    E,
-    EE,
-    PP,
-    Props,
-    Defaults
-  >,
-  options?: MountingOptions<
-    Partial<Defaults> & Omit<Props & PublicProps, keyof Defaults>,
-    D
-  > &
-    Record<string, any>
-): VueWrapper<
-  InstanceType<
-    DefineComponent<
-      PropsOrPropOptions,
-      RawBindings,
-      D,
-      C,
-      M,
-      Mixin,
-      Extends,
-      E,
-      EE,
-      PP,
-      Props,
-      Defaults
+type ShimSlotReturnType<T> = T extends (...args: infer P) => any
+  ? (...args: P) => any
+  : never
+
+type WithArray<T> = T | T[]
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+type ComponentData<T> = T extends { data?(...args: any): infer D } ? D : {}
+
+export type ComponentMountingOptions<
+  T,
+  P extends ComponentProps<T> = ComponentProps<T>
+> = Omit<MountingOptions<P, ComponentData<T>>, 'slots'> & {
+  slots?: {
+    [K in keyof ComponentSlots<T>]: WithArray<
+      | ShimSlotReturnType<ComponentSlots<T>[K]>
+      | string
+      | VNode
+      | (new () => any)
+      | { template: string }
     >
-  >
->
-// component declared by vue-tsc ScriptSetup
-export function mount<T extends DefineComponent<any, any, any, any>>(
-  component: T,
-  options?: ComponentMountingOptions<T>
-): VueWrapper<InstanceType<T>>
-
-// Component declared with no props
-export function mount<
-  Props = {},
-  RawBindings = {},
-  D extends {} = {},
-  C extends ComputedOptions = {},
-  M extends Record<string, Function> = {},
-  E extends EmitsOptions = Record<string, any>,
-  Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
-  Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
-  EE extends string = string
->(
-  componentOptions: ComponentOptionsWithoutProps<
-    Props,
-    RawBindings,
-    D,
-    C,
-    M,
-    E,
-    Mixin,
-    Extends,
-    EE
-  >,
-  options?: MountingOptions<Props & PublicProps, D>
-): VueWrapper<
-  ComponentPublicInstance<Props, RawBindings, D, C, M, E, VNodeProps & Props>
-> &
-  Record<string, any>
-
-// Component declared with { props: [] }
-export function mount<
-  PropNames extends string,
-  RawBindings,
-  D extends {},
-  C extends ComputedOptions = {},
-  M extends Record<string, Function> = {},
-  E extends EmitsOptions = Record<string, any>,
-  Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
-  Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
-  EE extends string = string,
-  Props extends Readonly<{ [key in PropNames]?: any }> = Readonly<{
-    [key in PropNames]?: any
-  }>
->(
-  componentOptions: ComponentOptionsWithArrayProps<
-    PropNames,
-    RawBindings,
-    D,
-    C,
-    M,
-    E,
-    Mixin,
-    Extends,
-    EE,
-    Props
-  >,
-  options?: MountingOptions<Props & PublicProps, D>
-): VueWrapper<ComponentPublicInstance<Props, RawBindings, D, C, M, E>>
+  }
+} & Record<string, unknown>
 
-// Component declared with { props: { ... } }
 export function mount<
-  // the Readonly constraint allows TS to treat the type of { required: true }
-  // as constant instead of boolean.
-  PropsOptions extends Readonly<ComponentPropsOptions>,
-  RawBindings,
-  D extends {},
-  C extends ComputedOptions = {},
-  M extends Record<string, Function> = {},
-  E extends EmitsOptions = Record<string, any>,
-  Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
-  Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
-  EE extends string = string
+  T,
+  C = T extends ((...args: any) => any) | (new (...args: any) => any)
+    ? T
+    : T extends { props?: infer Props }
+      ? DefineComponent<
+          Props extends Readonly<(infer PropNames)[]> | (infer PropNames)[]
+            ? { [key in PropNames extends string ? PropNames : string]?: any }
+            : Props
+        >
+      : DefineComponent,
+  P extends ComponentProps<C> = ComponentProps<C>
 >(
-  componentOptions: ComponentOptionsWithObjectProps<
-    PropsOptions,
-    RawBindings,
-    D,
-    C,
-    M,
-    E,
-    Mixin,
-    Extends,
-    EE
-  >,
-  options?: MountingOptions<ExtractPropTypes<PropsOptions> & PublicProps, D>
+  originalComponent: T,
+  options?: ComponentMountingOptions<C, P>
 ): VueWrapper<
+  ComponentProps<C> & ComponentData<C> & ComponentExposed<C>,
   ComponentPublicInstance<
-    ExtractPropTypes<PropsOptions>,
-    RawBindings,
-    D,
-    C,
-    M,
-    E,
-    VNodeProps & ExtractPropTypes<PropsOptions>
+    ComponentProps<C>,
+    ComponentData<C> & ComponentExposed<C> & Omit<P, keyof ComponentProps<C>>
   >
 >
 
@@ -299,40 +62,27 @@ export function mount(
   inputComponent: any,
   options?: MountingOptions<any> & Record<string, any>
 ): VueWrapper<any> {
-  // normalize the incoming component
-  const originalComponent = unwrapLegacyVueExtendComponent(inputComponent)
-  let component: ConcreteComponent
-  const instanceOptions = getInstanceOptions(options ?? {})
+  const { app, props, componentRef } = createInstance(inputComponent, options)
+
+  const setProps = (newProps: Record<string, unknown>) => {
+    for (const [k, v] of Object.entries(newProps)) {
+      props[k] = v
+    }
+
+    return vm.$nextTick()
+  }
+
+  // Workaround for https://github.com/vuejs/core/issues/7020
+  const originalErrorHandler = app.config.errorHandler
 
-  if (
-    isFunctionalComponent(originalComponent) ||
-    isLegacyFunctionalComponent(originalComponent)
-  ) {
-    component = defineComponent({
-      compatConfig: {
-        MODE: 3,
-        INSTANCE_LISTENERS: false,
-        INSTANCE_ATTRS_CLASS_STYLE: false,
-        COMPONENT_FUNCTIONAL: isLegacyFunctionalComponent(originalComponent)
-          ? 'suppress-warning'
-          : false
-      },
-      props: originalComponent.props || {},
-      setup:
-        (props, { attrs, slots }) =>
-        () =>
-          h(originalComponent, { ...props, ...attrs }, slots),
-      ...instanceOptions
-    })
-    addToDoNotStubComponents(originalComponent)
-  } else if (isObjectComponent(originalComponent)) {
-    component = { ...originalComponent, ...instanceOptions }
-  } else {
-    component = originalComponent
+  const errorsOnMount: unknown[] = []
+  app.config.errorHandler = (err, instance, info) => {
+    errorsOnMount.push(err)
+
+    return originalErrorHandler?.(err, instance, info)
   }
 
-  addToDoNotStubComponents(component)
-  registerStub({ source: originalComponent, stub: component })
+  // mount the app!
   const el = document.createElement('div')
 
   if (options?.attachTo) {
@@ -350,212 +100,21 @@ export function mount(
 
     to.appendChild(el)
   }
-
-  function slotToFunction(slot: Slot) {
-    switch (typeof slot) {
-      case 'function':
-        return slot
-      case 'object':
-        return () => h(slot)
-      case 'string':
-        return processSlot(slot)
-      default:
-        throw Error(`Invalid slot received.`)
-    }
-  }
-
-  // handle any slots passed via mounting options
-  const slots =
-    options?.slots &&
-    Object.entries(options.slots).reduce(
-      (
-        acc: { [key: string]: Function },
-        [name, slot]: [string, Slot]
-      ): { [key: string]: Function } => {
-        if (Array.isArray(slot)) {
-          const normalized = slot.map(slotToFunction)
-          acc[name] = (args: unknown) => normalized.map((f) => f(args))
-          return acc
-        }
-
-        acc[name] = slotToFunction(slot)
-        return acc
-      },
-      {}
-    )
-
-  // override component data with mounting options data
-  if (options?.data) {
-    const providedData = options.data()
-    if (isObjectComponent(originalComponent)) {
-      // component is guaranteed to be the same type as originalComponent
-      const objectComponent = component as ComponentOptions
-      const originalDataFn = originalComponent.data || (() => ({}))
-      objectComponent.data = (vm) => ({
-        ...originalDataFn.call(vm, vm),
-        ...providedData
-      })
-    } else {
-      throw new Error(
-        'data() option is not supported on functional and class components'
-      )
-    }
-  }
-
-  const MOUNT_COMPONENT_REF = 'VTU_COMPONENT'
-  // we define props as reactive so that way when we update them with `setProps`
-  // Vue's reactivity system will cause a rerender.
-  const refs = shallowReactive<Record<string, unknown>>({})
-  const props = reactive<Record<string, unknown>>({})
-
-  Object.entries({
-    ...options?.attrs,
-    ...options?.propsData,
-    ...options?.props,
-    ref: MOUNT_COMPONENT_REF
-  }).forEach(([k, v]) => {
-    if (isRef(v)) {
-      refs[k] = v
-    } else {
-      props[k] = v
-    }
-  })
-
-  const global = mergeGlobalProperties(options?.global)
-  if (isObjectComponent(component)) {
-    component.components = { ...component.components, ...global.components }
-  }
-
-  // create the wrapper component
-  const Parent = defineComponent({
-    name: 'VTU_ROOT',
-    render() {
-      return h(component as ComponentOptions, { ...props, ...refs }, slots)
-    }
-  })
-
-  const setProps = (newProps: Record<string, unknown>) => {
-    for (const [k, v] of Object.entries(newProps)) {
-      props[k] = v
-    }
-
-    return vm.$nextTick()
-  }
-
-  // create the app
-  const app = createApp(Parent)
-  // the Parent type must not be stubbed
-  // but we can't add it directly, as createApp creates a copy
-  // and store it in app._component (since v3.2.32)
-  // So we store this one instead
-  addToDoNotStubComponents(app._component)
-
-  // add tracking for emitted events
-  // this must be done after `createApp`: https://github.com/vuejs/test-utils/issues/436
-  attachEmitListener()
-
-  // global mocks mixin
-  if (global?.mocks) {
-    const mixin = {
-      beforeCreate() {
-        for (const [k, v] of Object.entries(
-          global.mocks as { [key: string]: any }
-        )) {
-          ;(this as any)[k] = v
-        }
-      }
-    }
-
-    app.mixin(mixin)
-  }
-
-  // AppConfig
-  if (global.config) {
-    for (const [k, v] of Object.entries(global.config) as [
-      keyof Omit<AppConfig, 'isNativeTag'>,
-      any
-    ][]) {
-      app.config[k] = isObject(app.config[k])
-        ? Object.assign(app.config[k]!, v)
-        : v
-    }
-  }
-
-  // use and plugins from mounting options
-  if (global.plugins) {
-    for (const plugin of global.plugins) {
-      if (Array.isArray(plugin)) {
-        app.use(plugin[0], ...plugin.slice(1))
-        continue
-      }
-      app.use(plugin)
-    }
-  }
-
-  // use any mixins from mounting options
-  if (global.mixins) {
-    for (const mixin of global.mixins) app.mixin(mixin)
-  }
-
-  if (global.components) {
-    for (const key of Object.keys(global.components)) {
-      // avoid registering components that are stubbed twice
-      if (!(key in global.stubs)) {
-        app.component(key, global.components[key])
-      }
-    }
-  }
-
-  if (global.directives) {
-    for (const key of Object.keys(global.directives))
-      app.directive(key, global.directives[key])
-  }
-
-  // provide any values passed via provides mounting option
-  if (global.provide) {
-    for (const key of Reflect.ownKeys(global.provide)) {
-      // @ts-ignore: https://github.com/microsoft/TypeScript/issues/1863
-      app.provide(key, global.provide[key])
-    }
-  }
-
-  // stubs
-  // even if we are using `mount`, we will still
-  // stub out Transition and Transition Group by default.
-  stubComponents(global.stubs, options?.shallow, global?.renderStubDefaultSlot)
-
-  // users expect stubs to work with globally registered
-  // components so we register stubs as global components to avoid
-  // warning about not being able to resolve component
-  //
-  // component implementation provided here will never be called
-  // but we need name to make sure that stubComponents will
-  // properly stub this later by matching stub name
-  //
-  // ref: https://github.com/vuejs/test-utils/issues/249
-  // ref: https://github.com/vuejs/test-utils/issues/425
-  if (global?.stubs) {
-    for (const name of Object.keys(global.stubs)) {
-      if (!app.component(name)) {
-        app.component(name, { name })
-      }
-    }
-  }
-
-  // mount the app!
   const vm = app.mount(el)
+  if (errorsOnMount.length) {
+    // If several errors are thrown during mount, then throw the first one
+    throw errorsOnMount[0]
+  }
+  app.config.errorHandler = originalErrorHandler
 
-  // Ignore "Avoid app logic that relies on enumerating keys on a component instance..." warning
-  const warnSave = console.warn
-  console.warn = () => {}
-
-  const appRef = vm.$refs[MOUNT_COMPONENT_REF] as ComponentPublicInstance
+  const appRef = componentRef.value! as ComponentPublicInstance
   // we add `hasOwnProperty` so Jest can spy on the proxied vm without throwing
   // note that this is not necessary with Jest v27+ or Vitest, but is kept for compatibility with older Jest versions
-  appRef.hasOwnProperty = (property) => {
-    return Reflect.has(appRef, property)
+  if (!app.hasOwnProperty) {
+    appRef.hasOwnProperty = (property) => {
+      return Reflect.has(appRef, property)
+    }
   }
-  console.warn = warnSave
   const wrapper = createVueWrapper(app, appRef, setProps)
   trackInstance(wrapper)
   return wrapper
diff --git a/src/renderToString.ts b/src/renderToString.ts
new file mode 100644
index 000000000..bac8d1cd6
--- /dev/null
+++ b/src/renderToString.ts
@@ -0,0 +1,31 @@
+import { renderToString as baseRenderToString } from '@vue/server-renderer'
+import { DefineComponent } from 'vue'
+import { createInstance } from './createInstance'
+import { ComponentMountingOptions } from './mount'
+import { RenderMountingOptions } from './types'
+
+export function renderToString<
+  T,
+  C = T extends ((...args: any) => any) | (new (...args: any) => any)
+    ? T
+    : T extends { props?: infer Props }
+      ? DefineComponent<
+          Props extends Readonly<(infer PropNames)[]> | (infer PropNames)[]
+            ? { [key in PropNames extends string ? PropNames : string]?: any }
+            : Props
+        >
+      : DefineComponent
+>(
+  originalComponent: T,
+  options?: ComponentMountingOptions<C> &
+    Pick<RenderMountingOptions<any>, 'attachTo'>
+): Promise<string>
+
+export function renderToString(component: any, options?: any): Promise<string> {
+  if (options?.attachTo) {
+    console.warn('attachTo option is not available for renderToString')
+  }
+
+  const { app } = createInstance(component, options)
+  return baseRenderToString(app)
+}
diff --git a/src/stubs.ts b/src/stubs.ts
index eb1cde375..a0b8d7cb2 100644
--- a/src/stubs.ts
+++ b/src/stubs.ts
@@ -1,300 +1,32 @@
-import {
-  transformVNodeArgs,
-  Transition,
-  TransitionGroup,
-  BaseTransition,
-  Teleport,
-  h,
-  defineComponent,
-  VNodeTypes,
-  ConcreteComponent,
-  ComponentPropsOptions,
-  ComponentObjectPropsOptions,
-  DefineComponent
-} from 'vue'
-import { hyphenate } from './utils/vueShared'
-import { matchName } from './utils/matchName'
-import { isComponent, isFunctionalComponent } from './utils'
-import { ComponentInternalInstance } from '@vue/runtime-core'
-import { unwrapLegacyVueExtendComponent } from './utils/vueCompatSupport'
-import { Stub, Stubs } from './types'
-import {
-  getComponentName,
-  getComponentRegisteredName
-} from './utils/componentName'
-import { config } from './config'
+import { Component } from 'vue'
 
-export type CustomCreateStub = (params: {
-  name: string
-  component: ConcreteComponent
-}) => ConcreteComponent
+// Stubbing occurs when in vnode transformer we're swapping
+// component vnode type due to stubbing either component
+// or directive on component
 
-interface StubOptions {
-  name: string
-  type?: VNodeTypes | typeof Teleport
-  renderStubDefaultSlot?: boolean
-}
+// In order to be able to find components we need to track pairs
+// stub --> original component
+
+// Having this as global might feel unsafe at first point
+// One can assume that sharing stub map across mounts might
+// lead to false matches, however our vnode mappers always
+// produce new nodeTypes for each mount even if you're reusing
+// same stub, so we're safe and do not need to pass these stubs
+// for each mount operation
+const stubs: WeakMap<Component, Component> = new WeakMap()
 
-const stubsMap: WeakMap<
-  ConcreteComponent,
-  { source: ConcreteComponent; originalStub?: ConcreteComponent }
-> = new WeakMap()
-export const registerStub = ({
+export function registerStub({
   source,
-  stub,
-  originalStub
+  stub
 }: {
-  source: ConcreteComponent
-  stub: ConcreteComponent
-  originalStub?: ConcreteComponent
-}) => {
-  stubsMap.set(stub, { source, originalStub })
-}
-
-export const getOriginalVNodeTypeFromStub = (
-  type: ConcreteComponent
-): VNodeTypes | undefined => stubsMap.get(type)?.source
-
-export const getOriginalStubFromSpecializedStub = (
-  type: ConcreteComponent
-): VNodeTypes | undefined => stubsMap.get(type)?.originalStub
-
-const doNotStubComponents: WeakSet<ConcreteComponent> = new WeakSet()
-const shouldNotStub = (type: ConcreteComponent) => doNotStubComponents.has(type)
-export const addToDoNotStubComponents = (type: ConcreteComponent) =>
-  doNotStubComponents.add(type)
-
-const stringifySymbols = (props: ComponentPropsOptions) => {
-  // props are always normalized to object syntax
-  const $props = props as unknown as ComponentObjectPropsOptions
-  return Object.keys($props).reduce((acc, key) => {
-    if (typeof $props[key] === 'symbol') {
-      return { ...acc, [key]: $props[key]?.toString() }
-    }
-    return { ...acc, [key]: $props[key] }
-  }, {})
+  source: Component
+  stub: Component
+}) {
+  stubs.set(stub, source)
 }
 
-export const createStub = ({
-  name,
-  type,
-  renderStubDefaultSlot
-}: StubOptions): DefineComponent => {
-  const anonName = 'anonymous-stub'
-  const tag = name ? `${hyphenate(name)}-stub` : anonName
-
-  const componentOptions = type
-    ? unwrapLegacyVueExtendComponent(type) || {}
-    : {}
-
-  return defineComponent({
-    name: name || anonName,
-    props: (componentOptions as ConcreteComponent).props || {},
-    // fix #1550 - respect old-style v-model for shallow mounted components with @vue/compat
-    // @ts-expect-error
-    model: componentOptions.model,
-    setup(props, { slots }) {
-      return () => {
-        // https://github.com/vuejs/test-utils/issues/1076
-        // Passing a symbol as a static prop is not legal, since Vue will try to do
-        // something like `el.setAttribute('val', Symbol())` which is not valid and
-        // causes an error.
-        // Only a problem when shallow mounting. For this reason we iterate of the
-        // props that will be passed and stringify any that are symbols.
-        const propsWithoutSymbols = stringifySymbols(props)
-
-        return h(
-          tag,
-          propsWithoutSymbols,
-          renderStubDefaultSlot ? slots : undefined
-        )
-      }
-    }
-  })
-}
-
-const resolveComponentStubByName = (componentName: string, stubs: Stubs) => {
-  if (Array.isArray(stubs) && stubs.length) {
-    // ['Foo', 'Bar'] => { Foo: true, Bar: true }
-    stubs = stubs.reduce((acc, current) => {
-      acc[current] = true
-      return acc
-    }, {} as Record<string, Stub>)
-  }
-
-  for (const [stubKey, value] of Object.entries(stubs)) {
-    if (matchName(componentName, stubKey)) {
-      return value
-    }
-  }
-}
-
-function createStubOnceForType(
-  type: ConcreteComponent,
-  factoryFn: () => ConcreteComponent,
-  cache: WeakMap<ConcreteComponent, ConcreteComponent>
-): ConcreteComponent {
-  const cachedStub = cache.get(type)
-  if (cachedStub) {
-    return cachedStub
-  }
-
-  const stub = factoryFn()
-  cache.set(type, stub)
-  return stub
-}
-
-export function stubComponents(
-  stubs: Stubs = {},
-  shallow = false,
-  renderStubDefaultSlot = false
-) {
-  const createdStubsMap: WeakMap<ConcreteComponent, ConcreteComponent> =
-    new WeakMap()
-
-  const createStubOnce = (
-    type: ConcreteComponent,
-    factoryFn: () => ConcreteComponent
-  ) => createStubOnceForType(type, factoryFn, createdStubsMap)
-
-  transformVNodeArgs((args, instance: ComponentInternalInstance | null) => {
-    const [nodeType, props, children, patchFlag, dynamicProps] = args
-    const type = nodeType as VNodeTypes | typeof Teleport
-
-    // stub transition by default via config.global.stubs
-    if (
-      (type === Transition || type === BaseTransition) &&
-      'transition' in stubs
-    ) {
-      if (stubs.transition === false) return args
-
-      return [
-        createStub({
-          name: 'transition',
-          type,
-          renderStubDefaultSlot: true
-        }),
-        props,
-        children
-      ]
-    }
-
-    // stub transition-group by default via config.global.stubs
-    if (type === TransitionGroup && 'transition-group' in stubs) {
-      if (stubs['transition-group'] === false) return args
-
-      return [
-        createStub({
-          name: 'transition-group',
-          type,
-          renderStubDefaultSlot: true
-        }),
-        props,
-        children
-      ]
-    }
-
-    // stub teleport by default via config.global.stubs
-    if (type === Teleport && 'teleport' in stubs) {
-      if (stubs.teleport === false) return args
-
-      return [
-        createStub({
-          name: 'teleport',
-          type,
-          renderStubDefaultSlot: true
-        }),
-        props,
-        () => children
-      ]
-    }
-
-    if (isComponent(type) || isFunctionalComponent(type)) {
-      if (shouldNotStub(type)) {
-        return args
-      }
-
-      const registeredName = getComponentRegisteredName(instance, type)
-      const componentName = getComponentName(instance, type)
-
-      let stub = null
-      let name = null
-
-      // Prio 1 using the key in locally registered components in the parent
-      if (registeredName) {
-        stub = resolveComponentStubByName(registeredName, stubs)
-        if (stub) {
-          name = registeredName
-        }
-      }
-
-      // Prio 2 using the name attribute in the component
-      if (!stub && componentName) {
-        stub = resolveComponentStubByName(componentName, stubs)
-        if (stub) {
-          name = componentName
-        }
-      }
-
-      // case 2: custom implementation
-      if (isComponent(stub)) {
-        const unwrappedStub = unwrapLegacyVueExtendComponent(stub)
-        const stubFn = isFunctionalComponent(unwrappedStub)
-          ? unwrappedStub
-          : null
-        const specializedStubComponent: ConcreteComponent = stubFn
-          ? (...args) => stubFn(...args)
-          : { ...unwrappedStub }
-        specializedStubComponent.props = unwrappedStub.props
-
-        const specializedStub = createStubOnce(
-          type,
-          () => specializedStubComponent
-        )
-        specializedStub.props = unwrappedStub.props
-        registerStub({
-          source: type,
-          stub: specializedStub,
-          originalStub: stub
-        })
-        // pass the props and children, for advanced stubbing
-        return [specializedStub, props, children, patchFlag, dynamicProps]
-      }
-
-      if (stub === false) {
-        // we explicitly opt out of stubbing this component
-        return args
-      }
-
-      // we return a stub by matching Vue's `h` function
-      // where the signature is h(Component, props, slots)
-      // case 1: default stub
-      if (stub === true || shallow) {
-        // Set name when using shallow without stub
-        const stubName = name || registeredName || componentName
-
-        if (!isComponent(type)) {
-          throw new Error('Attempted to stub a non-component')
-        }
-
-        const newStub = createStubOnce(type, () =>
-          config.plugins.createStubs
-            ? config.plugins.createStubs({
-                name: stubName,
-                component: type
-              })
-            : createStub({
-                name: stubName,
-                type,
-                renderStubDefaultSlot
-              })
-        )
-        registerStub({ source: type, stub: newStub })
-        return [newStub, props, children, patchFlag, dynamicProps]
-      }
-    }
-
-    // do not stub anything what is not a component
-    return args
-  })
+export function getOriginalComponentFromStub(
+  stub: Component
+): Component | undefined {
+  return stubs.get(stub)
 }
diff --git a/src/types.ts b/src/types.ts
index 4bda84b1c..718a5577d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
 import {
   Component,
   ComponentOptions,
@@ -7,7 +8,8 @@ import {
   VNode,
   VNodeProps,
   FunctionalComponent,
-  ComponentInternalInstance
+  ComponentInternalInstance,
+  Ref
 } from 'vue'
 
 export interface RefSelector {
@@ -20,12 +22,13 @@ export interface NameSelector {
 
 export type FindAllComponentsSelector =
   | DefinedComponent
-  | FunctionalComponent
+  | FunctionalComponent<any>
   | ComponentOptions
   | NameSelector
   | string
 export type FindComponentSelector = RefSelector | FindAllComponentsSelector
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 export type Slot = VNode | string | { render: Function } | Function | Component
 
 type SlotDictionary = {
@@ -33,7 +36,7 @@ type SlotDictionary = {
 }
 
 // From vue next
-// https://github.com/vuejs/vue-next/blob/1f2a652a9d2e3bec472fb1786a4c16d6ccfa1fb1/packages/runtime-core/src/h.ts#L53-L58
+// https://github.com/vuejs/core/blob/1f2a652a9d2e3bec472fb1786a4c16d6ccfa1fb1/packages/runtime-core/src/h.ts#L53-L58
 type RawProps = VNodeProps & {
   // used to differ from a single VNode object as children
   __v_isVNode?: never
@@ -41,29 +44,29 @@ type RawProps = VNodeProps & {
   [Symbol.iterator]?: never
 } & Record<string, any>
 
-export interface MountingOptions<Props, Data = {}> {
+interface BaseMountingOptions<Props, Data = {}> {
   /**
    * Overrides component's default data. Must be a function.
-   * @see https://next.vue-test-utils.vuejs.org/api/#data
+   * @see https://test-utils.vuejs.org/api/#data
    */
   data?: () => {} extends Data ? any : Data extends object ? Partial<Data> : any
   /**
    * Sets component props when mounted.
-   * @see https://next.vue-test-utils.vuejs.org/api/#props
+   * @see https://test-utils.vuejs.org/api/#props
    */
   props?: (RawProps & Props) | ({} extends Props ? null : never)
   /**
-   * @deprecated use `data` instead.
+   * @deprecated use `props` instead.
    */
   propsData?: Props
   /**
    * Sets component attributes when mounted.
-   * @see https://next.vue-test-utils.vuejs.org/api/#attrs
+   * @see https://test-utils.vuejs.org/api/#attrs
    */
   attrs?: Record<string, unknown>
   /**
    * Provide values for slots on a component.
-   * @see https://next.vue-test-utils.vuejs.org/api/#slots
+   * @see https://test-utils.vuejs.org/api/#slots
    */
   slots?: SlotDictionary & {
     default?: Slot
@@ -72,26 +75,44 @@ export interface MountingOptions<Props, Data = {}> {
    * Provides global mounting options to the component.
    */
   global?: GlobalMountOptions
+  /**
+   * Automatically stub out all the child components.
+   * @default false
+   * @see https://test-utils.vuejs.org/api/#slots
+   */
+  shallow?: boolean
+}
+
+/**
+ * Mounting options for `mount` and `shallowMount`
+ */
+export interface MountingOptions<Props, Data = {}>
+  extends BaseMountingOptions<Props, Data> {
   /**
    * Specify where to mount the component.
    * Can be a valid CSS selector, or an Element connected to the document.
-   * @see https://next.vue-test-utils.vuejs.org/api/#attachto
+   * @see https://test-utils.vuejs.org/api/#attachTo
    */
-  attachTo?: HTMLElement | string
+  attachTo?: Element | string
+}
+
+/**
+ * Mounting options for `renderToString`
+ */
+export interface RenderMountingOptions<Props, Data = {}>
+  extends BaseMountingOptions<Props, Data> {
   /**
-   * Automatically stub out all the child components.
-   * @default false
-   * @see https://next.vue-test-utils.vuejs.org/api/#slots
+   * Attach to is not available in SSR mode
    */
-  shallow?: boolean
+  attachTo?: never
 }
 
-export type Stub = boolean | Component
+export type Stub = boolean | Component | Directive
 export type Stubs = Record<string, Stub> | Array<string>
 export type GlobalMountOptions = {
   /**
    * Installs plugins on the component.
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-plugins
+   * @see https://test-utils.vuejs.org/api/#global-plugins
    */
   plugins?: (Plugin | [Plugin, ...any[]])[]
   /**
@@ -101,42 +122,42 @@ export type GlobalMountOptions = {
   config?: Partial<Omit<AppConfig, 'isNativeTag'>> // isNativeTag is readonly, so we omit it
   /**
    * Applies a mixin for components under testing.
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-mixins
+   * @see https://test-utils.vuejs.org/api/#global-mixins
    */
   mixins?: ComponentOptions[]
   /**
    * Mocks a global instance property.
    * This is designed to mock variables injected by third party plugins, not
    * Vue's native properties such as $root, $children, etc.
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-mocks
+   * @see https://test-utils.vuejs.org/api/#global-mocks
    */
   mocks?: Record<string, any>
   /**
    * Provides data to be received in a setup function via `inject`.
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-provide
+   * @see https://test-utils.vuejs.org/api/#global-provide
    */
   provide?: Record<any, any>
   /**
    * Registers components globally for components under testing.
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-components
+   * @see https://test-utils.vuejs.org/api/#global-components
    */
   components?: Record<string, Component | object>
   /**
    * Registers a directive globally for components under testing
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-directives
+   * @see https://test-utils.vuejs.org/api/#global-directives
    */
   directives?: Record<string, Directive>
   /**
    * Stubs a component for components under testing.
    * @default "{ transition: true, 'transition-group': true }"
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-stubs
+   * @see https://test-utils.vuejs.org/api/#global-stubs
    */
   stubs?: Stubs
   /**
    * Allows rendering the default slot content, even when using
    * `shallow` or `shallowMount`.
    * @default false
-   * @see https://next.vue-test-utils.vuejs.org/api/#global-renderstubdefaultslot
+   * @see https://test-utils.vuejs.org/api/#global-renderstubdefaultslot
    */
   renderStubDefaultSlot?: boolean
 }
@@ -149,3 +170,12 @@ export type VueNode<T extends Node = Node> = T & {
 export type VueElement = VueNode<Element>
 
 export type DefinedComponent = new (...args: any[]) => any
+
+/**
+ * T is a DeepRef if:
+ * - It's a Ref itself
+ * - It's an array containing a ref at any level
+ * - It's an object containing a ref at any level
+ */
+export type DeepRef<T> =
+  T extends Ref<T> ? T : T extends object ? DeepRef<T> : Ref<T>
diff --git a/src/utils.ts b/src/utils.ts
index 23c10ea61..e35e01983 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -1,5 +1,12 @@
-import { GlobalMountOptions, RefSelector } from './types'
-import { ComponentOptions, ConcreteComponent, FunctionalComponent } from 'vue'
+import { GlobalMountOptions, RefSelector, Stub, Stubs } from './types'
+import {
+  Component,
+  ComponentOptions,
+  ComponentPublicInstance,
+  ConcreteComponent,
+  Directive,
+  FunctionalComponent
+} from 'vue'
 import { config } from './config'
 
 function mergeStubs(target: Record<string, any>, source: GlobalMountOptions) {
@@ -26,7 +33,7 @@ function mergeAppConfig(
     globalProperties: {
       ...configGlobalConfig?.globalProperties,
       ...mountGlobalConfig?.globalProperties
-    }
+    } as Required<GlobalMountOptions>['config']['globalProperties']
   }
 }
 
@@ -40,8 +47,14 @@ export function mergeGlobalProperties(
 
   const renderStubDefaultSlot =
     mountGlobal.renderStubDefaultSlot ??
-    config?.renderStubDefaultSlot ??
-    configGlobal?.renderStubDefaultSlot
+    (configGlobal.renderStubDefaultSlot || config?.renderStubDefaultSlot) ??
+    false
+
+  if (config.renderStubDefaultSlot === true) {
+    console.warn(
+      'config.renderStubDefaultSlot is deprecated, use config.global.renderStubDefaultSlot instead'
+    )
+  }
 
   return {
     mixins: [...(configGlobal.mixins || []), ...(mountGlobal.mixins || [])],
@@ -59,6 +72,25 @@ export function mergeGlobalProperties(
 export const isObject = (obj: unknown): obj is Record<string, any> =>
   !!obj && typeof obj === 'object'
 
+function isClass(obj: unknown) {
+  if (!(obj instanceof Object)) return
+
+  const isCtorClass =
+    obj.constructor && obj.constructor.toString().substring(0, 5) === 'class'
+
+  if (!('prototype' in obj)) {
+    return isCtorClass
+  }
+
+  const prototype = obj.prototype as any
+  const isPrototypeCtorClass =
+    prototype.constructor &&
+    prototype.constructor.toString &&
+    prototype.constructor.toString().substring(0, 5) === 'class'
+
+  return isCtorClass || isPrototypeCtorClass
+}
+
 // https://stackoverflow.com/a/48218209
 export const mergeDeep = (
   target: Record<string, unknown>,
@@ -68,20 +100,26 @@ export const mergeDeep = (
     return source
   }
 
-  Object.keys(source).forEach((key) => {
-    const targetValue = target[key]
-    const sourceValue = source[key]
-
-    if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
-      target[key] = sourceValue
-    } else if (sourceValue instanceof Date) {
-      target[key] = sourceValue
-    } else if (isObject(targetValue) && isObject(sourceValue)) {
-      target[key] = mergeDeep(Object.assign({}, targetValue), sourceValue)
-    } else {
-      target[key] = sourceValue
-    }
-  })
+  Object.keys(source)
+    .concat(
+      isClass(source)
+        ? Object.getOwnPropertyNames(Object.getPrototypeOf(source) ?? {})
+        : Object.getOwnPropertyNames(source)
+    )
+    .forEach((key) => {
+      const targetValue = target[key]
+      const sourceValue = source[key]
+
+      if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
+        target[key] = sourceValue
+      } else if (sourceValue instanceof Date) {
+        target[key] = sourceValue
+      } else if (isObject(targetValue) && isObject(sourceValue)) {
+        target[key] = mergeDeep(Object.assign({}, targetValue), sourceValue)
+      } else {
+        target[key] = sourceValue
+      }
+    })
 
   return target
 }
@@ -101,7 +139,7 @@ export function isComponent(
 
 export function isFunctionalComponent(
   component: unknown
-): component is FunctionalComponent {
+): component is FunctionalComponent<any> {
   return typeof component === 'function' && !isClassComponent(component)
 }
 
@@ -115,18 +153,19 @@ export function textContent(element: Node): string {
   // we check if the element is a comment first
   // to return an empty string in that case, instead of the comment content
   return element.nodeType !== Node.COMMENT_NODE
-    ? element.textContent?.trim() ?? ''
+    ? (element.textContent?.trim() ?? '')
     : ''
 }
 
-export function hasOwnProperty<O extends {}, P extends PropertyKey>(
+export function hasOwnProperty<O extends object, P extends PropertyKey>(
   obj: O,
   prop: P
 ): obj is O & Record<P, unknown> {
+  // eslint-disable-next-line no-prototype-builtins
   return obj.hasOwnProperty(prop)
 }
 
-export function isNotNullOrUndefined<T extends {}>(
+export function isNotNullOrUndefined<T extends object>(
   obj: T | null | undefined
 ): obj is T {
   return Boolean(obj)
@@ -137,3 +176,80 @@ export function isRefSelector(
 ): selector is RefSelector {
   return typeof selector === 'object' && 'ref' in selector
 }
+
+export function convertStubsToRecord(stubs: Stubs) {
+  if (Array.isArray(stubs)) {
+    // ['Foo', 'Bar'] => { Foo: true, Bar: true }
+    return stubs.reduce(
+      (acc, current) => {
+        acc[current] = true
+        return acc
+      },
+      {} as Record<string, Stub>
+    )
+  }
+
+  return stubs
+}
+
+const isDirectiveKey = (key: string) => key.match(/^v[A-Z].*/)
+
+export function getComponentsFromStubs(
+  stubs: Stubs
+): Record<string, Component | boolean> {
+  const normalizedStubs = convertStubsToRecord(stubs)
+
+  return Object.fromEntries(
+    Object.entries(normalizedStubs).filter(([key]) => !isDirectiveKey(key))
+  ) as Record<string, Component | boolean>
+}
+
+export function getDirectivesFromStubs(
+  stubs: Stubs
+): Record<string, Directive | true> {
+  const normalizedStubs = convertStubsToRecord(stubs)
+
+  return Object.fromEntries(
+    Object.entries(normalizedStubs)
+      .filter(([key, value]) => isDirectiveKey(key) && value !== false)
+      .map(([key, value]) => [key.substring(1), value])
+  ) as Record<string, Directive>
+}
+
+export function hasSetupState(
+  vm: ComponentPublicInstance
+): vm is ComponentPublicInstance & {
+  $: { setupState: Record<string, unknown> }
+} {
+  return (
+    vm &&
+    (vm.$ as unknown as { devtoolsRawSetupState: any }).devtoolsRawSetupState
+  )
+}
+
+export function isScriptSetup(
+  vm: ComponentPublicInstance
+): vm is ComponentPublicInstance & {
+  $: { setupState: Record<string, unknown> }
+} {
+  return (
+    vm && (vm.$ as unknown as { setupState: any }).setupState.__isScriptSetup
+  )
+}
+
+let _globalThis: any
+export const getGlobalThis = (): any => {
+  return (
+    _globalThis ||
+    (_globalThis =
+      typeof globalThis !== 'undefined'
+        ? globalThis
+        : typeof self !== 'undefined'
+          ? self
+          : typeof window !== 'undefined'
+            ? window
+            : typeof global !== 'undefined'
+              ? global
+              : {})
+  )
+}
diff --git a/src/utils/autoUnmount.ts b/src/utils/autoUnmount.ts
index 5b81fa998..4ce24cd4e 100644
--- a/src/utils/autoUnmount.ts
+++ b/src/utils/autoUnmount.ts
@@ -9,7 +9,7 @@ export function disableAutoUnmount() {
   wrapperInstances.length = 0
 }
 
-export function enableAutoUnmount(hook: Function) {
+export function enableAutoUnmount(hook: (callback: () => void) => void) {
   if (isEnabled) {
     throw new Error('enableAutoUnmount cannot be called more than once')
   }
diff --git a/src/utils/componentName.ts b/src/utils/componentName.ts
index 318e0ed81..4bac06c60 100644
--- a/src/utils/componentName.ts
+++ b/src/utils/componentName.ts
@@ -1,5 +1,4 @@
-import { ComponentInternalInstance } from '@vue/runtime-core'
-import { VNodeTypes } from 'vue'
+import { ComponentInternalInstance, VNodeTypes } from 'vue'
 import { isFunctionalComponent, isObjectComponent } from '../utils'
 import {
   isLegacyExtendedComponent,
diff --git a/src/utils/find.ts b/src/utils/find.ts
index 388225621..54052ef3c 100644
--- a/src/utils/find.ts
+++ b/src/utils/find.ts
@@ -1,15 +1,13 @@
 import {
   ComponentInternalInstance,
   VNode,
+  VNodeChild,
   VNodeArrayChildren,
   VNodeNormalizedChildren,
   VNodeTypes
 } from 'vue'
+import { getOriginalComponentFromStub } from '../stubs'
 import { FindAllComponentsSelector } from '../types'
-import {
-  getOriginalStubFromSpecializedStub,
-  getOriginalVNodeTypeFromStub
-} from '../stubs'
 import { isComponent } from '../utils'
 import { matchName } from './matchName'
 import { unwrapLegacyVueExtendComponent } from './vueCompatSupport'
@@ -45,11 +43,13 @@ export function matches(
 
   const nodeTypeCandidates: VNodeTypes[] = [
     nodeType,
-    getOriginalVNodeTypeFromStub(nodeType),
-    getOriginalStubFromSpecializedStub(nodeType)
+    getOriginalComponentFromStub(nodeType)
   ].filter(Boolean) as VNodeTypes[]
 
-  if (nodeTypeCandidates.includes(selector)) {
+  // our selector might be a stub itself
+  const target = getOriginalComponentFromStub(selector) ?? selector
+
+  if (nodeTypeCandidates.includes(target)) {
     return true
   }
 
@@ -93,16 +93,8 @@ export function matches(
  * to only keep VNode and VNodeArrayChildren values
  * @param value
  */
-function nodesAsObject<Node>(
-  value:
-    | string
-    | number
-    | boolean
-    | VNodeArrayChildren
-    | VNode
-    | null
-    | undefined
-    | void
+function nodesAsObject(
+  value: VNodeChild | VNodeArrayChildren
 ): value is VNodeArrayChildren | VNode {
   return !!value && typeof value === 'object'
 }
diff --git a/src/utils/isDeepRef.ts b/src/utils/isDeepRef.ts
new file mode 100644
index 000000000..00002c2bd
--- /dev/null
+++ b/src/utils/isDeepRef.ts
@@ -0,0 +1,36 @@
+import { isObject } from '../utils'
+import type { DeepRef } from '../types'
+import { isRef } from 'vue'
+
+/**
+ * Implementation details of isDeepRef to avoid circular dependencies.
+ * It keeps track of visited objects to avoid infinite recursion.
+ *
+ * @param r The value to check for a Ref.
+ * @param visitedObjects a weak map to keep track of visited objects and avoid infinite recursion
+ * @returns returns true if the value is a Ref, false otherwise
+ */
+const deeplyCheckForRef = <T>(
+  r: DeepRef<T> | unknown,
+  visitedObjects: WeakMap<object, boolean>
+): r is DeepRef<T> => {
+  if (isRef(r)) return true
+  if (!isObject(r)) return false
+  if (visitedObjects.has(r)) return false
+  visitedObjects.set(r, true)
+  return Object.values(r).some((val) => deeplyCheckForRef(val, visitedObjects))
+}
+
+/**
+ * Checks if the given value is a DeepRef.
+ *
+ * For both arrays and objects, it will recursively check
+ * if any of their values is a Ref.
+ *
+ * @param {DeepRef<T> | unknown} r - The value to check.
+ * @returns {boolean} Returns true if the value is a DeepRef, false otherwise.
+ */
+export const isDeepRef = <T>(r: DeepRef<T> | unknown): r is DeepRef<T> => {
+  const visitedObjects = new WeakMap()
+  return deeplyCheckForRef(r, visitedObjects)
+}
diff --git a/src/utils/vueCompatSupport.ts b/src/utils/vueCompatSupport.ts
index 299629c63..839d861ee 100644
--- a/src/utils/vueCompatSupport.ts
+++ b/src/utils/vueCompatSupport.ts
@@ -7,7 +7,9 @@ function isCompatEnabled(key: string): boolean {
 }
 
 export function isLegacyExtendedComponent(component: unknown): component is {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
   (): Function
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
   super: Function
   options: ComponentOptions
 } {
diff --git a/src/vnodeTransformers/stubComponentsTransformer.ts b/src/vnodeTransformers/stubComponentsTransformer.ts
new file mode 100644
index 000000000..bc09fa828
--- /dev/null
+++ b/src/vnodeTransformers/stubComponentsTransformer.ts
@@ -0,0 +1,254 @@
+import {
+  isKeepAlive,
+  isRootComponent,
+  isTeleport,
+  VTUVNodeTypeTransformer
+} from './util'
+import {
+  Transition,
+  TransitionGroup,
+  BaseTransition,
+  Teleport,
+  KeepAlive,
+  h,
+  defineComponent,
+  VNodeTypes,
+  ConcreteComponent,
+  ComponentPropsOptions,
+  ComponentObjectPropsOptions,
+  Component,
+  ComponentOptions
+} from 'vue'
+import { hyphenate } from '../utils/vueShared'
+import { matchName } from '../utils/matchName'
+import { isComponent, isFunctionalComponent } from '../utils'
+import { unwrapLegacyVueExtendComponent } from '../utils/vueCompatSupport'
+import {
+  getComponentName,
+  getComponentRegisteredName
+} from '../utils/componentName'
+import { config } from '../config'
+import { registerStub } from '../stubs'
+
+export type CustomCreateStub = (params: {
+  name: string
+  component: ConcreteComponent
+  registerStub: (config: { source: Component; stub: Component }) => void
+}) => ConcreteComponent
+
+interface StubOptions {
+  name: string
+  type?: VNodeTypes | typeof Teleport | typeof KeepAlive
+  renderStubDefaultSlot?: boolean
+}
+
+const normalizeStubProps = (props: ComponentPropsOptions) => {
+  // props are always normalized to object syntax
+  const $props = props as unknown as ComponentObjectPropsOptions
+  return Object.keys($props).reduce((acc, key) => {
+    const value: unknown = $props[key]
+    if (typeof value === 'symbol') {
+      return { ...acc, [key]: [value?.toString()] }
+    }
+    if (typeof value === 'function') {
+      return { ...acc, [key]: ['[Function]'] }
+    }
+    return { ...acc, [key]: value }
+  }, {})
+}
+
+const clearAndUpper = (text: string) => text.replace(/-/, '').toUpperCase()
+const kebabToPascalCase = (tag: string) =>
+  tag.replace(/(^\w|-\w)/g, clearAndUpper)
+
+const DEFAULT_STUBS = {
+  teleport: isTeleport,
+  'keep-alive': isKeepAlive,
+  transition: (type: any) => type === Transition || type === BaseTransition,
+  'transition-group': (type: any) => type === TransitionGroup
+}
+
+const createDefaultStub = (
+  kebabTag: string,
+  predicate: (type: any) => boolean,
+  type: any,
+  stubs: Record<string, boolean | Component>
+) => {
+  const pascalTag = kebabToPascalCase(kebabTag)
+  if (predicate(type) && (pascalTag in stubs || kebabTag in stubs)) {
+    if (kebabTag in stubs && stubs[kebabTag] === false) return type
+    if (pascalTag in stubs && stubs[pascalTag] === false) return type
+
+    if (stubs[kebabTag] === true || stubs[pascalTag] === true) {
+      return createStub({
+        name: kebabTag,
+        type,
+        renderStubDefaultSlot: true
+      })
+    }
+  }
+}
+
+export const createStub = ({
+  name,
+  type,
+  renderStubDefaultSlot
+}: StubOptions) => {
+  const anonName = 'anonymous-stub'
+  const tag = name ? `${hyphenate(name)}-stub` : anonName
+
+  const componentOptions = type
+    ? unwrapLegacyVueExtendComponent(type) || {}
+    : {}
+
+  const stub = defineComponent({
+    name: name || anonName,
+    props: (componentOptions as ConcreteComponent).props || {},
+    // fix #1550 - respect old-style v-model for shallow mounted components with @vue/compat
+    // @ts-expect-error
+    model: componentOptions.model,
+    setup(props, { slots }) {
+      return () => {
+        // https://github.com/vuejs/test-utils/issues/1076
+        // Passing a symbol as a static prop is not legal, since Vue will try to do
+        // something like `el.setAttribute('val', Symbol())` which is not valid and
+        // causes an error.
+        // Only a problem when shallow mounting. For this reason we iterate of the
+        // props that will be passed and stringify any that are symbols.
+        // Also having function text as attribute is useless and annoying so
+        // we replace it with "[Function]""
+        const stubProps = normalizeStubProps(props)
+        // if renderStubDefaultSlot is true, we render the default slot
+        if (renderStubDefaultSlot && slots.default) {
+          // we explicitly call the default slot with an empty object
+          // so scope slots destructuring works
+          return h(tag, stubProps, slots.default({}))
+        }
+        return h(tag, stubProps)
+      }
+    }
+  })
+
+  const { __asyncLoader: asyncLoader } = type as ComponentOptions
+  if (asyncLoader) {
+    asyncLoader().then(() => {
+      registerStub({
+        source: (type as ComponentOptions).__asyncResolved,
+        stub
+      })
+    })
+  }
+
+  return stub
+}
+
+const resolveComponentStubByName = (
+  componentName: string,
+  stubs: Record<string, Component | boolean>
+) => {
+  for (const [stubKey, value] of Object.entries(stubs)) {
+    if (matchName(componentName, stubKey)) {
+      return value
+    }
+  }
+}
+
+export interface CreateStubComponentsTransformerConfig {
+  rootComponents: {
+    // Component which has been passed to mount. For functional components it contains a wrapper
+    component?: Component
+    // If component is functional then contains the original component otherwise empty
+    functional?: Component
+  }
+  stubs?: Record<string, Component | boolean>
+  shallow?: boolean
+  renderStubDefaultSlot: boolean
+}
+
+export function createStubComponentsTransformer({
+  rootComponents,
+  stubs = {},
+  shallow = false,
+  renderStubDefaultSlot = false
+}: CreateStubComponentsTransformerConfig): VTUVNodeTypeTransformer {
+  return function componentsTransformer(type, instance) {
+    for (const tag in DEFAULT_STUBS) {
+      const predicate = DEFAULT_STUBS[tag as keyof typeof DEFAULT_STUBS]
+      const defaultStub = createDefaultStub(tag, predicate, type, stubs)
+      if (defaultStub) return defaultStub
+    }
+
+    // Don't stub root components
+    if (isRootComponent(rootComponents, type, instance)) {
+      return type
+    }
+
+    const registeredName = getComponentRegisteredName(instance, type)
+    const componentName = getComponentName(instance, type)
+
+    let stub = null
+    let name = null
+
+    // Prio 1 using the key in locally registered components in the parent
+    if (registeredName) {
+      stub = resolveComponentStubByName(registeredName, stubs)
+      if (stub) {
+        name = registeredName
+      }
+    }
+
+    // Prio 2 using the name attribute in the component
+    if (!stub && componentName) {
+      stub = resolveComponentStubByName(componentName, stubs)
+      if (stub) {
+        name = componentName
+      }
+    }
+
+    // case 2: custom implementation
+    if (isComponent(stub)) {
+      const unwrappedStub = unwrapLegacyVueExtendComponent(stub)
+      const stubFn = isFunctionalComponent(unwrappedStub) ? unwrappedStub : null
+
+      // Edge case: stub is component, we will not render stub but instead will create
+      // a new "copy" of stub component definition, but we want user still to be able
+      // to find our component by stub definition, so we register it manually
+      registerStub({ source: type, stub })
+
+      const specializedStubComponent: ConcreteComponent = stubFn
+        ? (...args) => stubFn(...args)
+        : { ...unwrappedStub }
+      specializedStubComponent.props = unwrappedStub.props
+
+      return specializedStubComponent
+    }
+
+    if (stub === false) {
+      // we explicitly opt out of stubbing this component
+      return type
+    }
+
+    // we return a stub by matching Vue's `h` function
+    // where the signature is h(Component, props, slots)
+    // case 1: default stub
+    if (stub === true || shallow) {
+      // Set name when using shallow without stub
+      const stubName = name || registeredName || componentName
+
+      return (
+        config.plugins.createStubs?.({
+          name: stubName,
+          component: type,
+          registerStub
+        }) ??
+        createStub({
+          name: stubName,
+          type,
+          renderStubDefaultSlot
+        })
+      )
+    }
+
+    return type
+  }
+}
diff --git a/src/vnodeTransformers/stubDirectivesTransformer.ts b/src/vnodeTransformers/stubDirectivesTransformer.ts
new file mode 100644
index 000000000..935f121d2
--- /dev/null
+++ b/src/vnodeTransformers/stubDirectivesTransformer.ts
@@ -0,0 +1,49 @@
+import { Directive } from 'vue'
+import { isObjectComponent } from '../utils'
+import type { VTUVNodeTypeTransformer } from './util'
+
+interface CreateDirectivesTransformerConfig {
+  directives: Record<string, Directive | true>
+}
+
+const noop = () => {}
+export function createStubDirectivesTransformer({
+  directives = {}
+}: CreateDirectivesTransformerConfig): VTUVNodeTypeTransformer {
+  if (Object.keys(directives).length === 0) {
+    return (type) => type
+  }
+
+  return function directivesTransformer(type) {
+    if (isObjectComponent(type) && type.directives) {
+      // We want to change component types as rarely as possible
+      // So first we check if there are any directives we should stub
+      const directivesToPatch = Object.keys(type.directives).filter(
+        (key) => key in directives
+      )
+
+      if (!directivesToPatch.length) {
+        return type
+      }
+
+      const replacementDirectives = Object.fromEntries(
+        directivesToPatch.map((name) => {
+          const directive = directives[name]
+
+          return [name, typeof directive === 'boolean' ? noop : directive]
+        })
+      )
+
+      return {
+        ...type,
+        directives: {
+          ...type.directives,
+          // let's add replacement directives on top of existing component directives
+          ...replacementDirectives
+        }
+      }
+    }
+
+    return type
+  }
+}
diff --git a/src/vnodeTransformers/util.ts b/src/vnodeTransformers/util.ts
new file mode 100644
index 000000000..950b8b204
--- /dev/null
+++ b/src/vnodeTransformers/util.ts
@@ -0,0 +1,94 @@
+import { isComponent } from '../utils'
+import { registerStub } from '../stubs'
+import { Component, ConcreteComponent, transformVNodeArgs } from 'vue'
+
+type VNodeArgsTransformerFn = NonNullable<
+  Parameters<typeof transformVNodeArgs>[0]
+>
+type TransformVNodeArgs = Parameters<VNodeArgsTransformerFn>
+type VNodeTransformerArgsType = TransformVNodeArgs[0]
+type InstanceArgsType = TransformVNodeArgs[1]
+type VNodeTransformerInputType = VNodeTransformerArgsType[0]
+
+type ExtractComponentTypes<T> = T extends ConcreteComponent ? T : never
+
+type VNodeTransformerInputComponentType =
+  ExtractComponentTypes<VNodeTransformerInputType>
+
+export type VTUVNodeTypeTransformer = (
+  inputType: VNodeTransformerInputComponentType,
+  instance: InstanceArgsType
+) => VNodeTransformerInputComponentType
+
+export const isTeleport = (type: any): boolean => type.__isTeleport
+export const isKeepAlive = (type: any): boolean => type.__isKeepAlive
+
+export interface RootComponents {
+  // Component which has been passed to mount. For functional components it contains a wrapper
+  component?: Component
+  // If component is functional then contains the original component otherwise empty
+  functional?: Component
+}
+export const isRootComponent = (
+  rootComponents: RootComponents,
+  type: VNodeTransformerInputComponentType,
+  instance: InstanceArgsType
+): boolean =>
+  !!(
+    !instance ||
+    // Don't stub mounted component on root level
+    (rootComponents.component === type && !instance?.parent) ||
+    // Don't stub component with compat wrapper
+    (rootComponents.functional && rootComponents.functional === type)
+  )
+
+export const createVNodeTransformer = ({
+  rootComponents,
+  transformers
+}: {
+  rootComponents: RootComponents
+  transformers: VTUVNodeTypeTransformer[]
+}): VNodeArgsTransformerFn => {
+  const transformationCache: WeakMap<
+    VNodeTransformerInputComponentType,
+    VNodeTransformerInputComponentType
+  > = new WeakMap()
+
+  return (args: VNodeTransformerArgsType, instance: InstanceArgsType) => {
+    const [originalType, props, children, ...restVNodeArgs] = args
+
+    if (!isComponent(originalType)) {
+      return [originalType, props, children, ...restVNodeArgs]
+    }
+
+    const componentType: VNodeTransformerInputComponentType = originalType
+
+    const cachedTransformation = transformationCache.get(originalType)
+    if (
+      cachedTransformation &&
+      // Don't use cache for root component, as it could use stubbed recursive component
+      !isRootComponent(rootComponents, componentType, instance) &&
+      !isTeleport(originalType) &&
+      !isKeepAlive(originalType)
+    ) {
+      return [cachedTransformation, props, children, ...restVNodeArgs]
+    }
+
+    const transformedType = transformers.reduce(
+      (type, transformer) => transformer(type, instance),
+      componentType
+    )
+
+    if (originalType !== transformedType) {
+      transformationCache.set(originalType, transformedType)
+
+      registerStub({ source: originalType, stub: transformedType })
+      // https://github.com/vuejs/test-utils/issues/1829 & https://github.com/vuejs/test-utils/issues/1888
+      // Teleport/KeepAlive should return child nodes as a function
+      if (isTeleport(originalType) || isKeepAlive(originalType)) {
+        return [transformedType, props, () => children, ...restVNodeArgs]
+      }
+    }
+    return [transformedType, props, children, ...restVNodeArgs]
+  }
+}
diff --git a/src/vueWrapper.ts b/src/vueWrapper.ts
index b398e12af..61c5edd20 100644
--- a/src/vueWrapper.ts
+++ b/src/vueWrapper.ts
@@ -1,16 +1,9 @@
-import {
-  nextTick,
-  App,
-  ComponentCustomProperties,
-  ComponentPublicInstance
-} from 'vue'
-// @ts-ignore todo - No DefinitelyTyped package exists for this
-import pretty from 'pretty'
+import { nextTick, App, ComponentPublicInstance, VNode, proxyRefs } from 'vue'
 
 import { config } from './config'
 import domEvents from './constants/dom-events'
 import { VueElement, VueNode } from './types'
-import { mergeDeep } from './utils'
+import { hasSetupState, mergeDeep } from './utils'
 import { getRootNodes } from './utils/getRootNodes'
 import { emitted, recordEvent, removeEventHistory } from './emit'
 import BaseWrapper from './baseWrapper'
@@ -20,21 +13,83 @@ import {
   registerFactory,
   WrapperType
 } from './wrapperFactory'
-import { VNode } from '@vue/runtime-core'
 import { ShapeFlags } from './utils/vueShared'
 
+/**
+ * Creates a proxy around the VM instance.
+ * This proxy returns the value from the setupState if there is one, or the one from the VM if not.
+ * See https://github.com/vuejs/core/issues/7103
+ */
+function createVMProxy<T extends ComponentPublicInstance>(
+  vm: T,
+  setupState: Record<string, any>
+): T {
+  return new Proxy(vm, {
+    get(vm, key, receiver) {
+      if (vm.$.exposed && vm.$.exposeProxy && key in vm.$.exposeProxy) {
+        // first if the key is exposed
+        return Reflect.get(vm.$.exposeProxy, key, receiver)
+      } else if (key in setupState) {
+        // second if the key is acccessible from the setupState
+        return Reflect.get(setupState, key, receiver)
+      } else if (key in vm.$.appContext.config.globalProperties) {
+        // third if the key is a global property
+        return Reflect.get(
+          vm.$.appContext.config.globalProperties,
+          key,
+          receiver
+        )
+      } else {
+        // vm.$.ctx is the internal context of the vm
+        // with all variables, methods and props
+        return (vm as any).$.ctx[key]
+      }
+    },
+    set(vm, key, value, receiver) {
+      if (key in setupState) {
+        return Reflect.set(setupState, key, value, receiver)
+      } else {
+        return Reflect.set(vm, key, value, receiver)
+      }
+    },
+    has(vm, property) {
+      return Reflect.has(setupState, property) || Reflect.has(vm, property)
+    },
+    defineProperty(vm, key, attributes) {
+      if (key in setupState) {
+        return Reflect.defineProperty(setupState, key, attributes)
+      } else {
+        return Reflect.defineProperty(vm, key, attributes)
+      }
+    },
+    getOwnPropertyDescriptor(vm, property) {
+      if (property in setupState) {
+        return Reflect.getOwnPropertyDescriptor(setupState, property)
+      } else {
+        return Reflect.getOwnPropertyDescriptor(vm, property)
+      }
+    },
+    deleteProperty(vm, property) {
+      if (property in setupState) {
+        return Reflect.deleteProperty(setupState, property)
+      } else {
+        return Reflect.deleteProperty(vm, property)
+      }
+    }
+  })
+}
+
 export class VueWrapper<
-  T extends Omit<
-    ComponentPublicInstance,
-    '$emit' | keyof ComponentCustomProperties
-  > & {
-    $emit: (event: any, ...args: any[]) => void
-  } & ComponentCustomProperties = ComponentPublicInstance
+  VM = unknown,
+  T extends ComponentPublicInstance = VM & ComponentPublicInstance
 > extends BaseWrapper<Node> {
-  private componentVM: T
-  private rootVM: ComponentPublicInstance | undefined | null
-  private __app: App | null
-  private __setProps: ((props: Record<string, unknown>) => void) | undefined
+  private readonly componentVM: T
+  private readonly rootVM: ComponentPublicInstance | undefined | null
+  private readonly __app: App | null
+  private readonly __setProps:
+    | ((props: Record<string, unknown>) => void)
+    | undefined
+  private cleanUpCallbacks: Array<() => void> = []
 
   constructor(
     app: App | null,
@@ -45,7 +100,7 @@ export class VueWrapper<
     this.__app = app
     // root is null on functional components
     this.rootVM = vm?.$root
-    // `vm.$.proxy` is what the template has access to
+    // `vm.$.setupState` is what the template has access to
     // so even if the component is closed (as they are by default for `script setup`)
     // a test will still be able to do something like
     // `expect(wrapper.vm.count).toBe(1)`
@@ -53,12 +108,11 @@ export class VueWrapper<
     // This does not work for functional components though (as they have no vm)
     // or for components with a setup that returns a render function (as they have an empty proxy)
     // in both cases, we return `vm` directly instead
-    this.componentVM =
-      vm &&
-      // a component with a setup that returns a render function will have no `devtoolsRawSetupState`
-      (vm.$ as unknown as { devtoolsRawSetupState: any }).devtoolsRawSetupState
-        ? ((vm.$ as any).proxy as T)
-        : (vm as T)
+    if (hasSetupState(vm)) {
+      this.componentVM = createVMProxy<T>(vm, vm.$.setupState)
+    } else {
+      this.componentVM = vm
+    }
     this.__setProps = setProps
 
     this.attachNativeEventListener()
@@ -74,19 +128,19 @@ export class VueWrapper<
     const checkTree = (subTree: VNode): boolean => {
       // if the subtree is an array of children, we have multiple root nodes
       if (subTree.shapeFlag === ShapeFlags.ARRAY_CHILDREN) return true
-
       if (
         subTree.shapeFlag & ShapeFlags.STATEFUL_COMPONENT ||
         subTree.shapeFlag & ShapeFlags.FUNCTIONAL_COMPONENT
       ) {
-        // Component has multiple children or slot with multiple children
-        if (subTree.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
-          return true
-        }
-
+        // We are rendering other component, check it's tree instead
         if (subTree.component?.subTree) {
           return checkTree(subTree.component.subTree)
         }
+
+        // Component has multiple children
+        if (subTree.shapeFlag & ShapeFlags.ARRAY_CHILDREN) {
+          return true
+        }
       }
 
       return false
@@ -119,7 +173,7 @@ export class VueWrapper<
   ): DOMWrapper<SVGElementTagNameMap[K]>[]
   findAll<T extends Element>(selector: string): DOMWrapper<T>[]
   findAll(selector: string): DOMWrapper<Element>[] {
-    return this.findAllDOMElements(selector).map(createDOMWrapper)
+    return this.findAllDOMElements(selector).map((e) => createDOMWrapper(e))
   }
 
   private attachNativeEventListener(): void {
@@ -143,19 +197,23 @@ export class VueWrapper<
       return
     }
     const [element] = elementRoots
-    for (let eventName of Object.keys(domEvents)) {
+    for (const eventName of Object.keys(domEvents)) {
       // if a component includes events in 'emits' with the same name as native
       // events, the native events with that name should be ignored
       // @see https://github.com/vuejs/rfcs/blob/master/active-rfcs/0030-emits-option.md#fallthrough-control
       if (emits.includes(eventName)) continue
 
-      element.addEventListener(eventName, (...args) => {
+      const eventListener: EventListener = (...args) => {
         recordEvent(vm.$, eventName, args)
+      }
+      element.addEventListener(eventName, eventListener)
+      this.cleanUpCallbacks.push(() => {
+        element.removeEventListener(eventName, eventListener)
       })
     }
   }
 
-  get element(): Element {
+  get element(): T['$el'] {
     // if the component has multiple root elements, we use the parent's element
     return this.hasMultipleRoots ? this.parentElement : this.vm.$el
   }
@@ -164,10 +222,14 @@ export class VueWrapper<
     return this.componentVM
   }
 
-  props(): { [key: string]: any }
-  props(selector: string): any
-  props(selector?: string): { [key: string]: any } | any {
-    const props = this.componentVM.$props as { [key: string]: any }
+  props(): T['$props']
+  props<Selector extends keyof T['$props']>(
+    selector: Selector
+  ): T['$props'][Selector]
+  props<Selector extends keyof T['$props']>(
+    selector?: Selector
+  ): T['$props'] | T['$props'][Selector] {
+    const props = this.componentVM.$props as T['$props']
     return selector ? props[selector] : props
   }
 
@@ -185,11 +247,33 @@ export class VueWrapper<
   }
 
   setData(data: Record<string, unknown>): Promise<void> {
-    mergeDeep(this.componentVM.$data, data)
+    /*
+    Depending on how the component was defined, data can live in different places 
+    Vue sets some default placeholder in all the locations however, so we cannot just check
+    if the data object exists or not.
+    When using <script setup>, data lives in the setupState object, which is then marked with __isScriptSetup
+    When using the setup() function, data lives in the setupState object, but is not marked with __isScriptSetup
+    When using the object api, data lives in the data object, proxied through $data, HOWEVER
+    the setupState object will also exist, and be frozen.
+    */
+    // @ts-ignore
+    if (this.componentVM.$.setupState.__isScriptSetup) {
+      // data from <script setup>
+      // @ts-ignore
+      mergeDeep(this.componentVM.$.setupState, data)
+      // @ts-ignore
+    } else if (!Object.isFrozen(this.componentVM.$.setupState)) {
+      // data from setup() function when using the object api
+      // @ts-ignore
+      mergeDeep(proxyRefs(this.componentVM.$.setupState), data)
+    } else {
+      // data when using data: {...} in the object api
+      mergeDeep(this.componentVM.$data, data)
+    }
     return nextTick()
   }
 
-  setProps(props: Record<string, unknown>): Promise<void> {
+  setProps(props: Partial<T['$props']>): Promise<void> {
     // if this VM's parent is not the root or if setProps does not exist, error out
     if (this.vm.$parent !== this.rootVM || !this.__setProps) {
       throw Error('You can only use setProps on your mounted component')
@@ -214,6 +298,9 @@ export class VueWrapper<
     // Clear emitted events cache for this component instance
     removeEventHistory(this.vm)
 
+    this.cleanUpCallbacks.forEach((cb) => cb())
+    this.cleanUpCallbacks = []
+
     this.__app.unmount()
   }
 }
diff --git a/src/wrapperFactory.ts b/src/wrapperFactory.ts
index af1cd04d9..b187e2707 100644
--- a/src/wrapperFactory.ts
+++ b/src/wrapperFactory.ts
@@ -1,4 +1,4 @@
-import { ComponentPublicInstance, App } from 'vue'
+import { ComponentPublicInstance, App, VNode } from 'vue'
 import type { DOMWrapper as DOMWrapperType } from './domWrapper'
 import type { VueWrapper as VueWrapperType } from './vueWrapper'
 
@@ -7,7 +7,10 @@ export enum WrapperType {
   VueWrapper
 }
 
-type DOMWrapperFactory = <T extends Node>(element: T) => DOMWrapperType<T>
+type DOMWrapperFactory = <T extends Node>(
+  element: T | null | undefined,
+  subTree?: VNode
+) => DOMWrapperType<T>
 type VueWrapperFactory = <T extends ComponentPublicInstance>(
   app: App | null,
   vm: T,
@@ -34,7 +37,7 @@ export function registerFactory(
   factories[type] = fn
 }
 
-export const createDOMWrapper: DOMWrapperFactory = (element) =>
-  factories[WrapperType.DOMWrapper]!(element)
+export const createDOMWrapper: DOMWrapperFactory = (element, subTree) =>
+  factories[WrapperType.DOMWrapper]!(element, subTree)
 export const createVueWrapper: VueWrapperFactory = (app, vm, setProps) =>
   factories[WrapperType.VueWrapper]!(app, vm, setProps)
diff --git a/test-dts/findComponent.d-test.ts b/test-dts/findComponent.d-test.ts
index deb64e1d1..96dac42b5 100644
--- a/test-dts/findComponent.d-test.ts
+++ b/test-dts/findComponent.d-test.ts
@@ -5,6 +5,13 @@ import WrapperLike from '../src/interfaces/wrapperLike'
 
 const FuncComponent = () => 'hello'
 
+const FuncComponentWithProps = (props: { a: string }) => 'hello'
+
+const FuncComponentWithEmits = (
+  props: object,
+  ctx: { emit: (event: 'hi') => void }
+) => 'hello'
+
 const ComponentToFind = defineComponent({
   props: {
     a: {
@@ -43,6 +50,18 @@ expectType<VueWrapper<InstanceType<typeof ComponentWithEmits>>>(
 const functionalComponentByType = wrapper.findComponent(FuncComponent)
 expectType<DOMWrapper<Node>>(functionalComponentByType)
 
+// find by type - functional component with props
+const functionalComponentWithPropsByType = wrapper.findComponent(
+  FuncComponentWithProps
+)
+expectType<DOMWrapper<Node>>(functionalComponentWithPropsByType)
+
+// find by type - functional component with emits
+const functionalComponentWithEmitsByType = wrapper.findComponent(
+  FuncComponentWithEmits
+)
+expectType<DOMWrapper<Node>>(functionalComponentWithEmitsByType)
+
 // find by string
 const componentByString = wrapper.findComponent('.foo')
 expectType<WrapperLike>(componentByString)
@@ -58,6 +77,14 @@ const functionalComponentByStringWithParam =
   wrapper.findComponent<typeof FuncComponent>('.foo')
 expectType<DOMWrapper<Element>>(functionalComponentByStringWithParam)
 
+const functionalComponentWithPropsByString =
+  wrapper.findComponent<typeof FuncComponentWithProps>('.foo')
+expectType<DOMWrapper<Element>>(functionalComponentWithPropsByString)
+
+const functionalComponentWithEmitsByString =
+  wrapper.findComponent<typeof FuncComponentWithEmits>('.foo')
+expectType<DOMWrapper<Element>>(functionalComponentWithEmitsByString)
+
 // find by ref
 const componentByRef = wrapper.findComponent({ ref: 'foo' })
 expectType<VueWrapper>(componentByRef)
diff --git a/test-dts/mount.d-test.ts b/test-dts/mount.d-test.ts
index 4c5b47753..feadf91f4 100644
--- a/test-dts/mount.d-test.ts
+++ b/test-dts/mount.d-test.ts
@@ -56,8 +56,8 @@ mount(AppWithDefine, {
 })
 
 expectError(
-  // @ts-expect-error wrong prop type should not compile
   mount(AppWithDefine, {
+    // @ts-expect-error wrong prop type should not compile
     props: { a: 2 }
   })
 )
@@ -70,7 +70,7 @@ const AppWithProps = {
     }
   },
   template: ''
-}
+} as const
 
 // accept props - vm is properly typed
 expectType<string>(
@@ -93,7 +93,7 @@ expectError(
 const AppWithArrayProps = {
   props: ['a'],
   template: ''
-}
+} as const
 
 // accept props - vm is properly typed
 expectType<string>(
@@ -133,15 +133,17 @@ mount(AppWithoutProps, {
 
 // Functional tests
 
-// @ts-expect-error wrong props
-expectError((props: { a: 1 }) => {}, {
-  props: {
-    a: '222'
-  }
-})
+expectError(
+  mount((props: { a: 1 }) => {}, {
+    props: {
+      // @ts-expect-error wrong props
+      a: '222'
+    }
+  })
+)
 
 expectType<number>(
-  mount((props: { a: number }, ctx) => {}, {
+  mount((props: { a: number }, ctx: any) => {}, {
     props: {
       a: 22
     }
@@ -217,6 +219,7 @@ expectError(mount(ClassComponent, {}).vm.changeMessage())
 mount(ClassComponent, {}).vm.changeMessage('')
 
 // region custom class component implement
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 class CustomClassComponent<Props extends {} = {}> {
   static defaultProps?: Record<string, Prop<any>> | string[]
   private static __vccValue?: ComponentOptions
@@ -278,16 +281,18 @@ class WithPropCustomClassComponent extends CustomClassComponent<CustomClassCompo
 }
 
 expectError(
-  mount<WithPropCustomClassComponent, CustomClassComponentProps>(
-    // @ts-expect-error should has props error
-    WithPropCustomClassComponent,
+  mount(
+    WithPropCustomClassComponent as typeof WithPropCustomClassComponent &
+      (new () => { $props: CustomClassComponentProps }),
     {
+      // @ts-expect-error should has props error
       props: {}
     }
   )
 )
-mount<WithPropCustomClassComponent, CustomClassComponentProps>(
-  WithPropCustomClassComponent,
+mount(
+  WithPropCustomClassComponent as typeof WithPropCustomClassComponent &
+    (new () => { $props: CustomClassComponentProps }),
   {
     props: { size: 'small' }
   }
@@ -318,7 +323,6 @@ mount(Foo, {
 
 expectError(
   mount(
-    // @ts-expect-error
     defineComponent({
       props: {
         baz: String,
@@ -329,6 +333,7 @@ expectError(
       }
     }),
     {
+      // @ts-expect-error
       props: {
         baz: 'hello'
       }
diff --git a/test-dts/renderToString.d-test.ts b/test-dts/renderToString.d-test.ts
new file mode 100644
index 000000000..d0eee2526
--- /dev/null
+++ b/test-dts/renderToString.d-test.ts
@@ -0,0 +1,115 @@
+import { expectError, expectType } from './index'
+import { defineComponent } from 'vue'
+import { Options, Vue } from 'vue-class-component'
+import { renderToString } from '../src'
+
+const AppWithDefine = defineComponent({
+  props: {
+    a: {
+      type: String,
+      required: true
+    },
+    b: Number
+  },
+  template: ''
+})
+
+// accept props
+let html = renderToString(AppWithDefine, {
+  props: { a: 'Hello', b: 2 }
+})
+// html is properly typed
+expectType<Promise<string>>(html)
+
+// allow extra props, like using `h()`
+renderToString(AppWithDefine, {
+  props: { a: 'Hello', c: 2 }
+})
+
+expectError(
+  renderToString(AppWithDefine, {
+    // @ts-expect-error wrong prop type should not compile
+    props: { a: 2 }
+  })
+)
+
+const AppWithProps = {
+  props: {
+    a: {
+      type: String,
+      required: true
+    }
+  },
+  template: ''
+}
+
+// accept props
+expectType<Promise<string>>(
+  renderToString(AppWithProps, {
+    props: { a: 'Hello' }
+  })
+)
+
+// allow extra props, like using `h()`
+renderToString(AppWithProps, {
+  props: { a: 'Hello', b: 2 }
+})
+
+expectError(
+  renderToString(AppWithProps, {
+    // @ts-expect-error wrong prop type should not compile
+    props: { a: 2 }
+  })
+)
+
+const AppWithArrayProps = {
+  props: ['a'],
+  template: ''
+}
+
+// accept props
+html = renderToString(AppWithArrayProps, {
+  props: { a: 'Hello' }
+})
+expectType<Promise<string>>(html)
+
+// can receive extra props
+// as they are declared as `string[]`
+renderToString(AppWithArrayProps, {
+  props: { a: 'Hello', b: 2 }
+})
+
+const AppWithoutProps = {
+  template: ''
+}
+
+// allow extra props, like using `h()`
+html = renderToString(AppWithoutProps, {
+  props: { b: 'Hello' }
+})
+
+// class component
+@Options({
+  props: {
+    msg: String
+  }
+})
+class ClassComponent extends Vue {
+  dataText = ''
+  get computedMsg(): string {
+    return `Message: ${(this.$props as any).msg}`
+  }
+
+  changeMessage(text: string): void {
+    this.dataText = 'Updated'
+  }
+}
+expectType<Promise<string>>(renderToString(ClassComponent))
+
+// No `attachTo` mounting option
+expectError(
+  renderToString(AppWithProps, {
+    // @ts-expect-error should not have attachTo mounting option
+    attachTo: 'body'
+  })
+)
diff --git a/test-dts/shallowMount.d-test.ts b/test-dts/shallowMount.d-test.ts
index e11507bc2..af9c5fa5c 100644
--- a/test-dts/shallowMount.d-test.ts
+++ b/test-dts/shallowMount.d-test.ts
@@ -15,11 +15,12 @@ const AppWithDefine = defineComponent({
 })
 
 // accept props
-let wrapper = shallowMount(AppWithDefine, {
-  props: { a: 'Hello', b: 2 }
-})
 // vm is properly typed
-expectType<string>(wrapper.vm.a)
+expectType<string>(
+  shallowMount(AppWithDefine, {
+    props: { a: 'Hello', b: 2 }
+  }).vm.a
+)
 
 // allow extra props, like using `h()`
 shallowMount(AppWithDefine, {
@@ -27,8 +28,8 @@ shallowMount(AppWithDefine, {
 })
 
 expectError(
-  // @ts-expect-error wrong prop type should not compile
   shallowMount(AppWithDefine, {
+    // @ts-expect-error wrong prop type should not compile
     props: { a: 2 }
   })
 )
@@ -41,7 +42,7 @@ const AppWithProps = {
     }
   },
   template: ''
-}
+} as const
 
 // accept props
 // vm is properly typed
@@ -66,14 +67,15 @@ expectError(
 const AppWithArrayProps = {
   props: ['a'],
   template: ''
-}
+} as const
 
 // accept props
-wrapper = shallowMount(AppWithArrayProps, {
-  props: { a: 'Hello' }
-})
 // vm is properly typed
-expectType<string>(wrapper.vm.a)
+expectType<string>(
+  shallowMount(AppWithArrayProps, {
+    props: { a: 'Hello' }
+  }).vm.a
+)
 
 // can receive extra props
 // as they are declared as `string[]`
@@ -86,7 +88,7 @@ const AppWithoutProps = {
 }
 
 // allow extra props, like using `h()`
-wrapper = shallowMount(AppWithoutProps, {
+shallowMount(AppWithoutProps, {
   props: { b: 'Hello' }
 })
 
diff --git a/test-dts/wrapper.d-test.ts b/test-dts/wrapper.d-test.ts
index fcd3fc21c..ddf26da19 100644
--- a/test-dts/wrapper.d-test.ts
+++ b/test-dts/wrapper.d-test.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-expressions */
 import { expectType } from './index'
 import { defineComponent } from 'vue'
 import { mount } from '../src'
@@ -14,6 +15,16 @@ const domWrapper = wrapper.find('#other')
 let inputMaybe = wrapper.find('input')
 expectType<HTMLInputElement | undefined>(inputMaybe.element)
 
+const buttonComp = mount(
+  defineComponent({ template: '<button>Click me</button>' })
+)
+expectType<HTMLButtonElement>(buttonComp.element)
+
+const multiRootComp = mount(defineComponent({ template: '<span /><span />' }))
+// this will be a wrapper div element like so: <div data-v-app="">
+expectType<HTMLDivElement>(multiRootComp.element)
+expectType<HTMLSpanElement>(multiRootComp.element.firstElementChild)
+
 // SVG element selector
 let lineMaybe = wrapper.find('line')
 expectType<SVGLineElement | undefined>(lineMaybe.element)
@@ -64,16 +75,16 @@ expectType<Element | undefined>(byClassArray[0].element)
 // emitted
 
 // event name without specific type
-let incrementEventWithoutType = wrapper.emitted('increment')
+const incrementEventWithoutType = wrapper.emitted('increment')
 expectType<unknown[][] | undefined>(incrementEventWithoutType)
 
 // event name
-let incrementEvent = wrapper.emitted<{ count: number }>('increment')
+const incrementEvent = wrapper.emitted<{ count: number }>('increment')
 expectType<{ count: number }[] | undefined>(incrementEvent)
 expectType<{ count: number }>(incrementEvent![0])
 
 // without event name
-let allEvents = wrapper.emitted()
+const allEvents = wrapper.emitted()
 expectType<Record<string, unknown[]>>(allEvents)
 
 // get
@@ -116,4 +127,53 @@ expectType<boolean>(domWrapper.classes('class'))
 
 // props
 expectType<{ [key: string]: any }>(wrapper.props())
-expectType<any>(wrapper.props('prop'))
+
+const ComponentWithProps = defineComponent({
+  props: {
+    foo: String,
+    bar: Number
+  }
+})
+
+const propsWrapper = mount(ComponentWithProps)
+
+propsWrapper.setProps({ foo: 'abc' })
+propsWrapper.setProps({ foo: 'abc', bar: 123 })
+// @ts-expect-error :: should require string
+propsWrapper.setProps({ foo: 123 })
+// @ts-expect-error :: unknown prop
+propsWrapper.setProps({ badProp: true })
+
+expectType<string | undefined>(propsWrapper.props().foo)
+expectType<number | undefined>(propsWrapper.props().bar)
+// @ts-expect-error :: unknown prop
+propsWrapper.props().badProp
+
+expectType<string | undefined>(propsWrapper.props('foo'))
+expectType<number | undefined>(propsWrapper.props('bar'))
+// @ts-expect-error :: unknown prop
+propsWrapper.props('badProp')
+
+const requiredPropsWrapper = mount(
+  defineComponent({
+    props: {
+      foo: { type: String, required: true },
+      bar: { type: Number, required: true }
+    }
+  }),
+  {
+    props: {
+      foo: 'abc',
+      bar: 123
+    }
+  }
+)
+
+requiredPropsWrapper.setProps({
+  foo: 'abc'
+})
+
+requiredPropsWrapper.setProps({
+  // @ts-expect-error wrong type
+  foo: 1
+})
diff --git a/tests/__snapshots__/shallowMount.spec.ts.snap b/tests/__snapshots__/shallowMount.spec.ts.snap
index 8db58ddee..9ade8de88 100644
--- a/tests/__snapshots__/shallowMount.spec.ts.snap
+++ b/tests/__snapshots__/shallowMount.spec.ts.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`shallowMount > renders props for stubbed component in a snapshot 1`] = `
 <div>
diff --git a/tests/components/ComponentWithI18n.vue b/tests/components/ComponentWithI18n.vue
new file mode 100644
index 000000000..d955296a3
--- /dev/null
+++ b/tests/components/ComponentWithI18n.vue
@@ -0,0 +1,16 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  data() {
+    return { hello: 'hello' }
+  }
+})
+</script>
+
+<template>
+  <div>{{ hello }}</div>
+  <!-- this emulates components that use a global function like $t for i18n -->
+  <!-- this function can be mocked using global.mocks -->
+  <div>{{ $t('world') }}</div>
+</template>
diff --git a/tests/components/ComponentWithInput.vue b/tests/components/ComponentWithInput.vue
index 832263dd6..64f958079 100644
--- a/tests/components/ComponentWithInput.vue
+++ b/tests/components/ComponentWithInput.vue
@@ -30,12 +30,18 @@
         <option value="selectC"></option>
       </optgroup>
     </select>
+    <select v-model="multiselectVal" class="multiselect" multiple>
+      <option value="selectA"></option>
+      <option value="selectB"></option>
+      <option value="selectC"></option>
+    </select>
     <label id="label-el"></label>
 
     <span class="checkboxResult" v-if="checkboxVal">checkbox checked</span>
     <span class="counter">{{ counter }}</span>
     {{ textVal }}
     {{ selectVal }}
+    {{ multiselectVal }}
     {{ radioVal }}
     {{ lazy }}
   </div>
@@ -55,6 +61,7 @@ export default defineComponent({
       textareaVal: undefined,
       radioVal: undefined,
       selectVal: undefined,
+      multiselectVal: [],
       counter: 0
     }
   },
diff --git a/tests/components/ComponentWithSlots.vue b/tests/components/ComponentWithSlots.vue
index e5353d127..8b3b89f6b 100644
--- a/tests/components/ComponentWithSlots.vue
+++ b/tests/components/ComponentWithSlots.vue
@@ -29,17 +29,8 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'ComponentWithSlots',
-  data() {
-    return {
-      aBoolean: true,
-      aString: 'string',
-      anObject: { foo: 'foo' }
-    }
-  }
-})
+<script lang="ts" setup>
+const aBoolean = true
+const aString = 'string'
+const anObject = { foo: 'foo' }
 </script>
diff --git a/tests/components/DefineExpose.vue b/tests/components/DefineExpose.vue
index d9319ee89..1beb34a99 100644
--- a/tests/components/DefineExpose.vue
+++ b/tests/components/DefineExpose.vue
@@ -1,7 +1,6 @@
 <template>
   <div id="root">
-    <div id="msg">{{ msg }}</div>
-    <div>{{ other }}</div>
+    <div id="msg">{{ returnedState }}</div>
   </div>
 </template>
 
@@ -12,11 +11,56 @@ export default defineComponent({
   name: 'Hello',
 
   setup(props, { expose }) {
-    const other = ref('other')
-    expose({ other })
+    /* ------ Common Test Case ------ */
+    const exposedState1 = 'exposedState1'
+    const exposedState2 = 'exposedState2'
+
+    const exposedState2Getter = () => {
+      return exposedState2;
+    }
+
+    const exposedRef = ref('exposedRef')
+    const exposedRefGetter = () => {
+      return exposedRef.value;
+    }
+
+    const exposedMethod1 = () => {
+
+      return 'result of exposedMethod1';
+    }
+
+    const exposedMethod2 = () => {
+      return 'result of exposedMethod2';
+    }
+    /* ------ Common Test Case End ------ */
+
+    const stateNonExposedAndNonReturned = 'stateNonExposedAndNonReturned'
+    const stateNonExposedAndNonReturnedGetter = () => {
+      return stateNonExposedAndNonReturned;
+    }
+
+    const returnedState = ref('returnedState')
+
+    expose({
+      /* ------ Common Test Case ------ */
+      exposeObjectLiteral: 'exposeObjectLiteral',
+
+      exposedState1,
+      exposedState2Alias: exposedState2,
+      exposedState2Getter,
+
+      exposedRef,
+      exposedRefGetter,
+
+      exposedMethod1,
+      exposedMethod2Alias: exposedMethod2,
+      /* ------ Common Test Case End ------ */
+
+      stateNonExposedAndNonReturnedGetter,
+    })
+
     return {
-      msg: ref('Hello world'),
-      other
+      returnedState,
     }
   }
 })
diff --git a/tests/components/DefineExposeWithRenderFunction.vue b/tests/components/DefineExposeWithRenderFunction.vue
index 1bbb2ca45..de161e2f2 100644
--- a/tests/components/DefineExposeWithRenderFunction.vue
+++ b/tests/components/DefineExposeWithRenderFunction.vue
@@ -5,10 +5,48 @@ export default defineComponent({
   name: 'Hello',
 
   setup(props, { expose }) {
-    const other = ref('other')
-    const msg = ref('Hello world')
-    expose({ other })
-    return () => [h('div', msg.value), h('div', other.value)]
+    /* ------ Common Test Case ------ */
+    const exposedState1 = 'exposedState1'
+    const exposedState2 = 'exposedState2'
+
+    const exposedState2Getter = () => {
+      return exposedState2;
+    }
+
+    const exposedRef = ref('exposedRef')
+    const exposedRefGetter = () => {
+      return exposedRef.value;
+    }
+
+    const exposedMethod1 = () => {
+
+      return 'result of exposedMethod1';
+    }
+
+    const exposedMethod2 = () => {
+      return 'result of exposedMethod2';
+    }
+    /* ------ Common Test Case End ------ */
+
+    const refUseByRenderFnButNotExposed = ref('refUseByRenderFnButNotExposed')
+
+    expose({
+      /* ------ Common Test Case ------ */
+      exposeObjectLiteral: 'exposeObjectLiteral',
+  
+      exposedState1,
+      exposedState2Alias: exposedState2,
+      exposedState2Getter,
+
+      exposedRef,
+      exposedRefGetter,
+
+      exposedMethod1,
+      exposedMethod2Alias: exposedMethod2,
+      /* ------ Common Test Case ------ */
+    })
+
+    return () => [h('div', refUseByRenderFnButNotExposed.value)]
   }
 })
 </script>
diff --git a/tests/components/DefinePropsAndDefineEmits.vue b/tests/components/DefinePropsAndDefineEmits.vue
new file mode 100644
index 000000000..93b1cf6ee
--- /dev/null
+++ b/tests/components/DefinePropsAndDefineEmits.vue
@@ -0,0 +1,15 @@
+<template>
+  <div :class="placement">
+    <slot />
+  </div>
+</template>
+
+<script lang="ts" setup>
+defineProps<{
+  placement: 'start' | 'end' | 'top' | 'bottom';
+}>();
+
+defineEmits<{
+  (e: 'update', value: string): void;
+}>();
+</script>
diff --git a/tests/components/HelloFromVitestPlayground.vue b/tests/components/HelloFromVitestPlayground.vue
new file mode 100644
index 000000000..d1bf7f677
--- /dev/null
+++ b/tests/components/HelloFromVitestPlayground.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+
+const props = defineProps<{ count: number }>()
+
+const times = ref(2)
+const result = computed(() => props.count * times.value)
+
+defineExpose(props)
+</script>
+
+<template>
+  <div>{{ count }} x {{ times }} = {{ result }}</div>
+  <button @click="times += 1">
+    x1
+  </button>
+</template>
diff --git a/tests/components/OptionComponent.vue b/tests/components/OptionComponent.vue
new file mode 100644
index 000000000..6cfec2cae
--- /dev/null
+++ b/tests/components/OptionComponent.vue
@@ -0,0 +1,14 @@
+<script>
+export default {
+  data() {
+    return {
+      message: 'Hello world!'
+    }
+  }
+}
+</script>
+
+<template>
+  <div>{{ message }} (Options API)</div>
+  <div>{{ foo }}</div>
+</template>
diff --git a/tests/components/OptionSetupComponent.vue b/tests/components/OptionSetupComponent.vue
new file mode 100644
index 000000000..fc4160b5b
--- /dev/null
+++ b/tests/components/OptionSetupComponent.vue
@@ -0,0 +1,18 @@
+<script>
+export default {
+  setup() {
+    const description = "Options API with setup() function";
+    return { description };
+  },
+  data() {
+    return {
+      message: "Hello world!",
+    };
+  },
+};
+</script>
+
+<template>
+  <div>{{ message }} ({{ description }})</div>
+  <div>{{ foo }}</div>
+</template>
diff --git a/tests/components/OptionSetupWithoutReturnComponent.vue b/tests/components/OptionSetupWithoutReturnComponent.vue
new file mode 100644
index 000000000..f9a36218c
--- /dev/null
+++ b/tests/components/OptionSetupWithoutReturnComponent.vue
@@ -0,0 +1,18 @@
+<script>
+import { onUnmounted } from 'vue'
+
+export default {
+  setup() {
+    onUnmounted(() => { console.log('unmounted') })
+  },
+  data() {
+    return {
+      message: 'Hello world!'
+    }
+  }
+}
+</script>
+
+<template>
+  <div>{{ message }} (Options API component with a setup() function that does not return)</div>
+</template>
diff --git a/tests/components/PropWithSymbol.vue b/tests/components/PropWithSymbol.vue
index aea5e64fc..c5723eace 100644
--- a/tests/components/PropWithSymbol.vue
+++ b/tests/components/PropWithSymbol.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>Symbol: {{ $props.sym }}</div>
+  <div>Symbol: {{ sym }}</div>
 </template>
 
 <script lang="ts" setup>
@@ -7,7 +7,5 @@ interface Props {
   sym?: Symbol
 }
 
-withDefaults(defineProps<Props>(), {
-  sym: () => Symbol()
-})
+const { sym = Symbol() } = defineProps<Props>()
 </script>
diff --git a/tests/components/RecursiveComponent.vue b/tests/components/RecursiveComponent.vue
new file mode 100644
index 000000000..a0a69d7a0
--- /dev/null
+++ b/tests/components/RecursiveComponent.vue
@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <h2>{{ name }}</h2>
+    <Hello />
+    <template
+      v-for="item in items"
+      :key="item"
+    >
+      <RecursiveComponent
+        :name="item"
+      />
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Hello from './Hello.vue'
+
+defineProps<{
+  name: string
+  items?: string[]
+}>()
+</script>
diff --git a/tests/components/ScriptSetup.vue b/tests/components/ScriptSetup.vue
index d79d16ab5..48402e806 100644
--- a/tests/components/ScriptSetup.vue
+++ b/tests/components/ScriptSetup.vue
@@ -12,6 +12,6 @@ const inc = () => {
 </script>
 
 <template>
-  <button @click="inc">{{ count }}</button>
+  <button @click="inc()">{{ count }}</button>
   <Hello />
 </template>
diff --git a/tests/components/ScriptSetupWithI18n.vue b/tests/components/ScriptSetupWithI18n.vue
new file mode 100644
index 000000000..2540d36c2
--- /dev/null
+++ b/tests/components/ScriptSetupWithI18n.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+const hello = ref('hello')
+</script>
+
+<template>
+  <div>{{ hello }}</div>
+  <!-- this emulates components that use a global function like $t for i18n -->
+  <!-- this function can be mocked using global.mocks -->
+  <div>{{ $t('world') }}</div>
+</template>
diff --git a/tests/components/ScriptSetupWithProps.vue b/tests/components/ScriptSetupWithProps.vue
new file mode 100644
index 000000000..8a2b1c09f
--- /dev/null
+++ b/tests/components/ScriptSetupWithProps.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const props = defineProps<{ count: number }>()
+const internalCount = ref(props.count);
+const inc = () => {
+  internalCount.value++
+}
+</script>
+
+<template>
+  <button @click="inc">{{ internalCount }}</button>
+</template>
diff --git a/tests/components/ScriptSetup_Expose.vue b/tests/components/ScriptSetup_Expose.vue
index bbe741de9..369d91138 100644
--- a/tests/components/ScriptSetup_Expose.vue
+++ b/tests/components/ScriptSetup_Expose.vue
@@ -3,21 +3,67 @@
 import { ref } from 'vue'
 import Hello from './Hello.vue'
 
+/* ------ Common Test Case ------ */
+const exposedState1 = 'exposedState1'
+const exposedState2 = 'exposedState2'
+
+const exposedState2Getter = () => {
+  return exposedState2;
+}
+
+const exposedRef = ref('exposedRef')
+const exposedRefGetter = () => {
+  return exposedRef.value;
+}
+
+const exposedMethod1 = () => {
+
+  return 'result of exposedMethod1';
+}
+
+const exposedMethod2 = () => {
+  return 'result of exposedMethod2';
+}
+/* ------ Common Test Case End ------ */
+
+const refNonExposed = ref('refNonExposed')
+const refNonExposedGetter = () => {
+  return refNonExposed.value;
+}
+
 const count = ref(0)
 const inc = () => {
   count.value++
 }
+
 const resetCount = () => {
   count.value = 0
 }
 
+
 defineExpose({
+  /* ------ Common Test Case ------ */
+  exposeObjectLiteral: 'exposeObjectLiteral',
+
+  exposedState1,
+  exposedState2Alias: exposedState2,
+  exposedState2Getter,
+
+  exposedRef,
+  exposedRefGetter,
+
+  exposedMethod1,
+  exposedMethod2Alias: exposedMethod2,
+  /* ------ Common Test Case End ------ */
+
   count,
-  resetCount
+  resetCount,
+  refNonExposedGetter,
 })
 </script>
 
 <template>
   <button @click="inc">{{ count }}</button>
+  <div>{{ refNonExposed }}</div>
   <Hello />
 </template>
diff --git a/tests/components/WithDeepRef.vue b/tests/components/WithDeepRef.vue
new file mode 100644
index 000000000..d7a461777
--- /dev/null
+++ b/tests/components/WithDeepRef.vue
@@ -0,0 +1,55 @@
+<template>
+  <div id="countValue">{{ countValue }}</div>
+  <div id="oneLayerCountObjectValue">{{ oneLayerCountObjectValue }}</div>
+  <div id="twoLayersCountObjectValue">{{ twoLayersCountObjectValue }}</div>
+  <div id="countArrayValue">{{ countArrayValue }}</div>
+  <div id="countMatrixValue">{{ countMatrixValue }}</div>
+  <div id="oneLayerCountObjectArrayValue">
+    {{ oneLayerCountObjectArrayValue }}
+  </div>
+  <div id="oneLayerCountArrayObjectValue">
+    {{ oneLayerCountArrayObjectValue }}
+  </div>
+  <div id="oneLayerCountObjectMatrixValue">
+    {{ oneLayerCountObjectMatrixValue }}
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, Ref } from 'vue'
+
+type Props = {
+  count: Ref<number>
+  oneLayerCountObject: { count: Ref<number> }
+  twoLayersCountObject: { oneLayerCountObject: { count: Ref<number> } }
+
+  countArray: Ref<number>[]
+  countMatrix: Ref<number>[][]
+
+  oneLayerCountObjectArray: { count: Ref<number> }[]
+  oneLayerCountArrayObject: { count: Ref<number>[] }
+  oneLayerCountObjectMatrix: { count: Ref<number> }[][]
+}
+
+const props = defineProps<Props>()
+const countValue = computed(() => props.count.value)
+const oneLayerCountObjectValue = computed(
+  () => props.oneLayerCountObject.count.value
+)
+const twoLayersCountObjectValue = computed(
+  () => props.twoLayersCountObject.oneLayerCountObject.count.value
+)
+
+const countArrayValue = computed(() => props.countArray[0].value)
+const countMatrixValue = computed(() => props.countMatrix[0][0].value)
+
+const oneLayerCountObjectArrayValue = computed(
+  () => props.oneLayerCountObjectArray[0].count.value
+)
+const oneLayerCountArrayObjectValue = computed(
+  () => props.oneLayerCountArrayObject.count[0].value
+)
+const oneLayerCountObjectMatrixValue = computed(
+  () => props.oneLayerCountObjectMatrix[0][0].count.value
+)
+</script>
diff --git a/tests/components/WithTeleportEmitsComp.vue b/tests/components/WithTeleportEmitsComp.vue
index 04b1f8af7..fae24099b 100644
--- a/tests/components/WithTeleportEmitsComp.vue
+++ b/tests/components/WithTeleportEmitsComp.vue
@@ -1,6 +1,8 @@
 <template>
   <teleport to="#somewhere">
-    <emits-event msg="hi there" />
+    <emits-event />
+    <!-- avoid vue-tsc unknown prop bug for now, issue: https://github.com/vuejs/language-tools/issues/2584 -->
+    <!-- <emits-event msg="hi there" /> -->
   </teleport>
 </template>
 
diff --git a/tests/config.spec.ts b/tests/config.spec.ts
index 0d3d13a50..408fc235b 100644
--- a/tests/config.spec.ts
+++ b/tests/config.spec.ts
@@ -1,9 +1,10 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { defineComponent, ComponentPublicInstance, h, inject } from 'vue'
-import type { App } from 'vue'
+import type { App, ComponentCustomProperties } from 'vue'
 import { config, mount } from '../src'
 import Hello from './components/Hello.vue'
 import ComponentWithSlots from './components/ComponentWithSlots.vue'
+import { Router } from 'vue-router'
 
 describe('config', () => {
   beforeEach(() => {
@@ -26,7 +27,7 @@ describe('config', () => {
     it('should merge the configs in the correct order', () => {
       config.global.config.globalProperties = {
         myProp: 1
-      }
+      } as unknown as ComponentCustomProperties & Record<string, any>
       config.global.components = { Hello }
 
       const comp = mount(ComponentWithSlots, {
@@ -38,7 +39,7 @@ describe('config', () => {
           config: {
             globalProperties: {
               myProp: 2
-            }
+            } as unknown as ComponentCustomProperties & Record<string, any>
           },
           renderStubDefaultSlot: true
         }
@@ -62,13 +63,14 @@ describe('config', () => {
 
       class Plugin {
         static install(_app: App) {
-          _app.config.globalProperties.$router = pluginRouterMock
+          _app.config.globalProperties.$router =
+            pluginRouterMock as unknown as Router
         }
       }
 
       config.global.config.globalProperties = {
-        $router: globalRouterMock
-      }
+        $router: globalRouterMock as unknown as Router
+      } as unknown as ComponentCustomProperties & Record<string, any>
 
       // first with plugin to overwrite globalRouterMock with pluginRouterMock
       const wrapper1 = mount(Component, {
@@ -111,20 +113,20 @@ describe('config', () => {
         components: { Child },
         template: '<child><div id="default-slot" /></child>'
       })
-      // @ts-expect-error
-      let comp = mount(Component, {
+      const comp = mount(Component, {
         shallow: true,
         global: {
+          // @ts-expect-error
           renderStubDefaultSlot: 'truthy'
         }
       })
 
       expect(comp.find('#default-slot').exists()).toBe(true)
 
-      // @ts-expect-error
-      let comp2 = mount(Component, {
+      const comp2 = mount(Component, {
         shallow: true,
         global: {
+          // @ts-expect-error
           renderStubDefaultSlot: 0
         }
       })
diff --git a/tests/docs-examples/teleport.spec.ts b/tests/docs-examples/teleport.spec.ts
index 9a91aec80..0d095a125 100644
--- a/tests/docs-examples/teleport.spec.ts
+++ b/tests/docs-examples/teleport.spec.ts
@@ -12,7 +12,7 @@ beforeEach(() => {
 
 afterEach(() => {
   // clean up
-  document.body.outerHTML = ''
+  document.body.innerHTML = ''
 })
 
 test('teleport', async () => {
diff --git a/tests/element.spec.ts b/tests/element.spec.ts
index 5e77ac720..c3abcd2bf 100644
--- a/tests/element.spec.ts
+++ b/tests/element.spec.ts
@@ -1,4 +1,4 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { defineComponent, h } from 'vue'
 
 import { mount } from '../src'
@@ -60,6 +60,36 @@ describe('element', () => {
     expect(wrapper.text()).toBe('foobarbaz')
   })
 
+  it('returns correct output for functional component with multiple text roots', () => {
+    const Func = () => ['foo', 'bar']
+
+    const Parent = defineComponent({
+      name: 'Parent',
+      components: { Func },
+      template: '<div><Func/></div>'
+    })
+    const wrapper = mount(Parent)
+
+    expect(wrapper.findComponent(Func).html()).toBe('foo\nbar')
+    expect(wrapper.findComponent(Func).text()).toBe('foobar')
+  })
+
+  it('returns correct output for functional component with multiple element roots', () => {
+    const Func = () => [h('div', {}, 'foo'), h('div', {}, 'bar')]
+
+    const Parent = defineComponent({
+      name: 'Parent',
+      components: { Func },
+      template: '<div><Func/></div>'
+    })
+    const wrapper = mount(Parent)
+
+    expect(wrapper.findComponent(Func).html()).toBe(
+      '<div>foo</div>\n<div>bar</div>'
+    )
+    expect(wrapper.findComponent(Func).text()).toBe('foobar')
+  })
+
   it('returns correct element for root slot', () => {
     const Parent = defineComponent({
       components: { ReturnSlot },
@@ -105,4 +135,19 @@ describe('element', () => {
       '<div>foo</div><div>bar</div><div>baz</div>'
     )
   })
+
+  it('returns correct element for component which renders other component with array of vnodes in default slot', () => {
+    const spy = vi.spyOn(console, 'warn').mockImplementation(() => {})
+    const Nested = {
+      template: '<div class="nested-root"><slot></slot></div>'
+    }
+    const Root = () => h(Nested, {}, [h('div', {}, 'foo'), h('div', {}, 'bar')])
+
+    const wrapper = mount(Root)
+    expect(wrapper.element.innerHTML).toBe('<div>foo</div><div>bar</div>')
+    // we're expecting a warning from Vue as we're using non-function slots
+    expect(spy.mock.calls[0][0]).toContain(
+      'Non-function value encountered for default slot'
+    )
+  })
 })
diff --git a/tests/emit.spec.ts b/tests/emit.spec.ts
index b54499385..ffc4c6b4a 100644
--- a/tests/emit.spec.ts
+++ b/tests/emit.spec.ts
@@ -1,4 +1,4 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import {
   defineComponent,
   FunctionalComponent,
@@ -13,17 +13,6 @@ import EmitsEventScriptSetup from './components/EmitsEventScriptSetup.vue'
 import { mount } from '../src'
 
 describe('emitted', () => {
-  let consoleWarnSave = console.info
-
-  beforeEach(() => {
-    consoleWarnSave = console.warn
-    console.warn = vi.fn()
-  })
-
-  afterEach(() => {
-    console.warn = consoleWarnSave
-  })
-
   it('captures events emitted via this.$emit', async () => {
     const Component = defineComponent({
       render() {
@@ -269,7 +258,8 @@ describe('emitted', () => {
     const Comp = {
       setup(_: Record<string, any>, { emit }: { emit: SetupContext['emit'] }) {
         emit('foo')
-      }
+      },
+      template: '<div/>'
     }
     const wrapper = mount(Comp)
     expect(wrapper.emitted().foo).toBeTruthy()
diff --git a/tests/exists.spec.ts b/tests/exists.spec.ts
index 706d4e050..11d28bdf8 100644
--- a/tests/exists.spec.ts
+++ b/tests/exists.spec.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import { h, defineComponent } from 'vue'
 
-import { mount } from '../src'
+import { DOMWrapper, mount } from '../src'
 
 describe('exists', () => {
   it('returns false when element does not exist', () => {
@@ -50,4 +50,9 @@ describe('exists', () => {
     await wrapper.setProps({ hide: true })
     expect(child.exists()).toBe(false)
   })
+
+  it('returns false when wrapper is manually constructed against nullish element', () => {
+    const wrapper = new DOMWrapper(null)
+    expect(wrapper.exists()).toBe(false)
+  })
 })
diff --git a/tests/expose.spec.ts b/tests/expose.spec.ts
index e2276621e..28484e2fb 100644
--- a/tests/expose.spec.ts
+++ b/tests/expose.spec.ts
@@ -1,49 +1,97 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
+import { nextTick } from 'vue'
 import { mount } from '../src'
-import Hello from './components/Hello.vue'
+
 import DefineExpose from './components/DefineExpose.vue'
 import DefineExposeWithRenderFunction from './components/DefineExposeWithRenderFunction.vue'
 import ScriptSetupExpose from './components/ScriptSetup_Expose.vue'
 import ScriptSetup from './components/ScriptSetup.vue'
+import ScriptSetupWithProps from './components/ScriptSetupWithProps.vue'
 
 describe('expose', () => {
-  it('access vm on simple components', async () => {
-    const wrapper = mount(Hello)
+  const commonTests = (vm: any) => {
+    // exposedState1 is exposed vie `expose` and aliased to `exposedState1`
+    expect(vm.exposedState1).toBe('exposedState1')
+    // exposedState2 is exposed vie `expose` and aliased to `exposedState2Alias`
+    expect(vm.exposedState2Alias).toBe('exposedState2')
 
-    expect(wrapper.vm.msg).toBe('Hello world')
-  })
+    // exposed state can be changed but will not affect the original state
+    vm.exposedState2Alias = 'newExposedState2'
+    expect(vm.exposedState2Alias).toBe('newExposedState2')
+    expect(vm.exposedState2Getter()).toBe('exposedState2')
+
+    // exposed ref can be changed and will affect the original ref
+    // @ts-ignore upstream issue, see https://github.com/vuejs/core/issues/4397#issuecomment-957613874
+    expect(vm.exposedRef).toBe('exposedRef')
+    vm.exposedRef = 'newExposedRef'
+    expect(vm.exposedRef).toBe('newExposedRef')
+    expect(vm.exposedRefGetter()).toBe('newExposedRef')
+
+    // exposedMethod1 is exposed vie `expose`
+    expect(vm.exposedMethod1).not.toBe(undefined)
+    expect(vm.exposedMethod1()).toBe('result of exposedMethod1')
+
+    // exposedMethod2 is exposed vie `expose` and aliased to `exposedMethod2Alias`
+    expect(vm.exposedMethod2Alias).not.toBe(undefined)
+    expect(vm.exposedMethod2Alias()).toBe('result of exposedMethod2')
+  }
 
   it('access vm on simple components with custom `expose`', async () => {
     const wrapper = mount(DefineExpose)
+    const vm = wrapper.vm
+
+    commonTests(vm)
+
+    // returned state shuold be accessible
+    expect(vm.returnedState).toBe('returnedState')
 
-    // other is exposed vie `expose`
-    expect(wrapper.vm.other).toBe('other')
-    // can access `msg` even if not exposed
-    expect(wrapper.vm.msg).toBe('Hello world')
+    // non-exposed and non-returned state should not be accessible
+    expect(
+      (vm as unknown as { stateNonExposedAndNonReturned: undefined })
+        .stateNonExposedAndNonReturned
+    ).toBe(undefined)
   })
 
   it('access vm on simple components with custom `expose` and a setup returning a render function', async () => {
     const wrapper = mount(DefineExposeWithRenderFunction)
+    const vm = wrapper.vm
 
-    // other is exposed vie `expose`
-    // @ts-ignore upstream issue, see https://github.com/vuejs/vue-next/issues/4397#issuecomment-957613874
-    expect(wrapper.vm.other).toBe('other')
-    // can't access `msg` as it is not exposed
+    commonTests(vm)
+
+    // can't access `refUseByRenderFnButNotExposed` as it is not exposed
     // and we are in a component with a setup returning a render function
-    expect((wrapper.vm as unknown as { msg: undefined }).msg).toBeUndefined()
+    expect(
+      (vm as unknown as { refUseByRenderFnButNotExposed: undefined })
+        .refUseByRenderFnButNotExposed
+    ).toBeUndefined()
   })
 
   it('access vm with <script setup> and defineExpose()', async () => {
     const wrapper = mount(ScriptSetupExpose)
+    const vm = wrapper.vm as unknown as {
+      inc: () => void
+      resetCount: () => void
+      count: number
+      refNonExposed: string
+      refNonExposedGetter: () => string
+    }
+
+    commonTests(vm)
 
     await wrapper.find('button').trigger('click')
     expect(wrapper.html()).toContain('1')
-    // can access `count` as it is exposed via `defineExpose()`
-    expect(wrapper.vm.count).toBe(1)
 
-    wrapper.vm.resetCount()
+    // can access state/method/ref as it is exposed via `defineExpose()`
+    expect(vm.count).toBe(1)
+    vm.resetCount()
+    expect(vm.count).toBe(0)
 
-    expect(wrapper.vm.count).toBe(0)
+    // non-exposed state/method/ref should be accessible
+    vm.inc()
+    expect(vm.count).toBe(1)
+    expect(vm.refNonExposed).toBe('refNonExposed')
+    vm.refNonExposed = 'newRefNonExposed'
+    expect(vm.refNonExposedGetter()).toBe('newRefNonExposed')
   })
 
   it('access vm with <script setup> even without defineExpose()', async () => {
@@ -54,5 +102,58 @@ describe('expose', () => {
     // can access `count` even if it is _not_ exposed
     // @ts-ignore we need better types here, see https://github.com/vuejs/test-utils/issues/972
     expect(wrapper.vm.count).toBe(1)
+
+    // @ts-ignore we need better types here, see https://github.com/vuejs/test-utils/issues/972
+    wrapper.vm.count = 2
+    await nextTick()
+    expect(wrapper.html()).toContain('2')
+  })
+
+  it('spies on vm with <script setup> even without defineExpose()', async () => {
+    const wrapper = mount(ScriptSetup)
+
+    const spiedIncrement = vi
+      // @ts-ignore we need better types here, see https://github.com/vuejs/test-utils/issues/972
+      .spyOn(wrapper.vm, 'inc')
+      .mockImplementation(() => {})
+
+    await wrapper.find('button').trigger('click')
+    await nextTick()
+
+    expect(spiedIncrement).toHaveBeenCalled()
+    expect(wrapper.html()).toContain('0')
+  })
+
+  it('access props on vm with <script setup>', async () => {
+    const wrapper = mount(ScriptSetupWithProps, {
+      props: {
+        count: 2
+      }
+    })
+    // make sure that props are accessible on wrapper.vm
+    expect(wrapper.vm.count).toBe(2)
+    expect(wrapper.html()).toContain('2')
+
+    await wrapper.find('button').trigger('click')
+    expect(wrapper.html()).toContain('3')
+  })
+
+  it('should not throw when mocking', async () => {
+    const spiedIncrement = vi.fn()
+    const wrapper = mount(ScriptSetup, {
+      global: {
+        mocks: {
+          count: -1,
+          inc: spiedIncrement
+        }
+      }
+    })
+    expect(wrapper.html()).toContain('-1')
+
+    await wrapper.find('button').trigger('click')
+    await nextTick()
+
+    expect(spiedIncrement).toHaveBeenCalled()
+    expect(wrapper.html()).toContain('-1')
   })
 })
diff --git a/tests/features/async-components.spec.ts b/tests/features/async-components.spec.ts
index b1311e979..b04a730d8 100644
--- a/tests/features/async-components.spec.ts
+++ b/tests/features/async-components.spec.ts
@@ -1,6 +1,7 @@
 import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest'
 import { defineAsyncComponent, defineComponent, h, AppConfig } from 'vue'
-import { mount, flushPromises } from '../../src'
+import { mount, shallowMount, flushPromises } from '../../src'
+import Hello from '../components/Hello.vue'
 
 const config: Partial<AppConfig> = {
   errorHandler: (error: unknown) => {
@@ -108,4 +109,38 @@ describe('defineAsyncComponent', () => {
     await vi.dynamicImportSettled()
     expect(wrapper.html()).toContain('Hello world')
   })
+
+  it('finds Async Component by async definition when using shallow mount', async () => {
+    const AsyncHello = defineAsyncComponent(
+      () => import('../components/Hello.vue')
+    )
+
+    const Comp = defineComponent({
+      render() {
+        return h(AsyncHello)
+      }
+    })
+
+    const wrapper = shallowMount(Comp)
+    await flushPromises()
+    await vi.dynamicImportSettled()
+    expect(wrapper.findComponent(AsyncHello).exists()).toBe(true)
+  })
+
+  it('finds Async Component by definition when using shallow mount', async () => {
+    const AsyncHello = defineAsyncComponent(
+      () => import('../components/Hello.vue')
+    )
+
+    const Comp = defineComponent({
+      render() {
+        return h(AsyncHello)
+      }
+    })
+
+    const wrapper = shallowMount(Comp)
+    await flushPromises()
+    await vi.dynamicImportSettled()
+    expect(wrapper.findComponent(Hello).exists()).toBe(true)
+  })
 })
diff --git a/tests/features/compat.spec.ts b/tests/features/compat.spec.ts
index 34c337885..6984a3e35 100644
--- a/tests/features/compat.spec.ts
+++ b/tests/features/compat.spec.ts
@@ -3,9 +3,9 @@ import * as mockVue from '@vue/compat'
 import { mount } from '../../src'
 
 vi.mock('vue', () => mockVue)
-const { configureCompat, extend, defineComponent, h } = mockVue
+const { configureCompat, defineComponent, h } = mockVue
 // @ts-expect-error @vue/compat does not expose default export in types
-const Vue = mockVue.default
+const Vue = mockVue.default as typeof mockVue
 
 describe('@vue/compat build', () => {
   describe.each(['suppress-warning', false])(
@@ -46,7 +46,7 @@ describe('@vue/compat build', () => {
   it('finds components declared with legacy Vue.extend', () => {
     configureCompat({ MODE: 3, GLOBAL_EXTEND: 'suppress-warning' })
 
-    const LegacyComponent = extend({
+    const LegacyComponent = Vue.extend({
       template: '<div>LEGACY</div>'
     })
 
@@ -97,7 +97,7 @@ describe('@vue/compat build', () => {
       COMPONENT_FUNCTIONAL: 'suppress-warning'
     })
 
-    const Component = extend({
+    const Component = Vue.extend({
       functional: true,
       render: () => h('div', 'test')
     })
@@ -112,7 +112,7 @@ describe('@vue/compat build', () => {
       GLOBAL_EXTEND: 'suppress-warning'
     })
 
-    const Foo = extend({
+    const Foo = Vue.extend({
       name: 'Foo',
       template: '<div>original</div>'
     })
@@ -147,7 +147,7 @@ describe('@vue/compat build', () => {
       template: '<div>original</div>'
     }
 
-    const FooStub = extend({ template: '<div>stubbed</div>' })
+    const FooStub = Vue.extend({ template: '<div>stubbed</div>' })
 
     const Component = {
       components: { NamedAsNotFoo: Foo },
@@ -172,7 +172,7 @@ describe('@vue/compat build', () => {
       GLOBAL_MOUNT: 'suppress-warning'
     })
 
-    const Component = extend({
+    const Component = Vue.extend({
       data() {
         return { foo: 'bar' }
       },
@@ -221,12 +221,13 @@ describe('@vue/compat build', () => {
       GLOBAL_PROTOTYPE: 'suppress-warning'
     })
 
+    // @ts-expect-error
     Vue.prototype.$test = 1
 
     const Component = { template: 'hello ' }
     const wrapper = mount(Component)
 
-    // @ts-expect-error $test "magically" appears from "Vue.prototype" in compat build
+    // $test "magically" appears from "Vue.prototype" in compat build
     expect(wrapper.vm.$test).toBe(1)
   })
 })
diff --git a/tests/features/plugins.spec.ts b/tests/features/plugins.spec.ts
index 7824768ac..71fe8a6b9 100644
--- a/tests/features/plugins.spec.ts
+++ b/tests/features/plugins.spec.ts
@@ -8,7 +8,6 @@ import {
   vi
 } from 'vitest'
 import { ComponentPublicInstance, h } from 'vue'
-
 import { mount, config, VueWrapper } from '../../src'
 
 declare module '../../src/vueWrapper' {
@@ -145,11 +144,13 @@ describe('createStubs', () => {
     expect(customCreateStub).toHaveBeenCalledTimes(2)
     expect(customCreateStub).toHaveBeenCalledWith({
       name: 'child1',
-      component: Child1
+      component: Child1,
+      registerStub: expect.any(Function)
     })
     expect(customCreateStub).toHaveBeenCalledWith({
       name: 'child2',
-      component: Child2
+      component: Child2,
+      registerStub: expect.any(Function)
     })
   })
 
@@ -173,7 +174,8 @@ describe('createStubs', () => {
     expect(customCreateStub).toHaveBeenCalledTimes(1)
     expect(customCreateStub).toHaveBeenCalledWith({
       name: 'child2',
-      component: Child2
+      component: Child2,
+      registerStub: expect.any(Function)
     })
   })
 
@@ -212,7 +214,8 @@ describe('createStubs', () => {
     expect(customCreateStub).toHaveBeenCalledTimes(1)
     expect(customCreateStub).toHaveBeenCalledWith({
       name: 'child1',
-      component: Child1
+      component: Child1,
+      registerStub: expect.any(Function)
     })
   })
 })
diff --git a/tests/features/teleport.spec.ts b/tests/features/teleport.spec.ts
index 73c039622..651495b32 100644
--- a/tests/features/teleport.spec.ts
+++ b/tests/features/teleport.spec.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { defineComponent, h, Teleport } from 'vue'
+import { defineComponent, h, ref, Teleport } from 'vue'
 import { mount } from '../../src'
 import WithTeleportPropsComp from '../components/WithTeleportPropsComp.vue'
 import WithTeleportEmitsComp from '../components/WithTeleportEmitsComp.vue'
@@ -144,4 +144,42 @@ describe('teleport', () => {
 
     expect(withProps.emitted().greet[0]).toEqual(['Hey!'])
   })
+
+  it('should reactively update content with teleport', async () => {
+    const wrapper = mount(
+      defineComponent({
+        template:
+          '<div>' +
+          '<button @click="add">Add</button>' +
+          '<Teleport to="body"><div id="count">{{ count }}</div></Teleport>' +
+          '</div>',
+        setup() {
+          const count = ref(1)
+          const add = () => (count.value += 1)
+          return { count, add }
+        }
+      }),
+      {
+        global: {
+          stubs: {
+            teleport: true
+          }
+        }
+      }
+    )
+
+    expect(wrapper.html()).toBe(
+      '<div><button>Add</button>\n' +
+        '  <teleport-stub to="body">\n' +
+        '    <div id="count">1</div>\n' +
+        '  </teleport-stub>\n' +
+        '</div>'
+    )
+
+    expect(wrapper.find('#count').text()).toBe('1')
+
+    await wrapper.find('button').trigger('click')
+
+    expect(wrapper.find('#count').text()).toBe('2')
+  })
 })
diff --git a/tests/findAllComponents.spec.ts b/tests/findAllComponents.spec.ts
index 7785d7d7d..155a8f696 100644
--- a/tests/findAllComponents.spec.ts
+++ b/tests/findAllComponents.spec.ts
@@ -1,4 +1,4 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { mount } from '../src'
 import Hello from './components/Hello.vue'
 import { DefineComponent, defineComponent, h } from 'vue'
@@ -100,6 +100,7 @@ describe('findAllComponents', () => {
   })
 
   it('findAllComponents with non-function slots', () => {
+    const spy = vi.spyOn(console, 'warn').mockImplementation(() => {})
     const ComponentA = defineComponent({
       template: '<div><slot /></div>'
     })
@@ -119,5 +120,9 @@ describe('findAllComponents', () => {
     })
     expect(wrapper.findAll('span')).toHaveLength(3)
     expect(wrapper.findAllComponents(ComponentB)).toHaveLength(3)
+    // we're expecting a warning from Vue as we're using non-function slots
+    expect(spy.mock.calls[0][0]).toContain(
+      'Non-function value encountered for default slot'
+    )
   })
 })
diff --git a/tests/findComponent.spec.ts b/tests/findComponent.spec.ts
index e30e06608..2882ce5f9 100644
--- a/tests/findComponent.spec.ts
+++ b/tests/findComponent.spec.ts
@@ -541,4 +541,24 @@ describe('findComponent', () => {
       ).toBe(true)
     })
   })
+
+  it('finds a component without name by its definition when stubbing directives', () => {
+    const ChildComponent = { template: 'child' }
+
+    const Component = defineComponent({
+      template: '<div><other-name /></div>',
+      components: {
+        OtherName: ChildComponent
+      }
+    })
+
+    const wrapper = mount(Component, {
+      global: {
+        stubs: {
+          vFakeDirective: {}
+        }
+      }
+    })
+    expect(wrapper.findComponent(ChildComponent).exists()).toBe(true)
+  })
 })
diff --git a/tests/getComponent.spec.ts b/tests/getComponent.spec.ts
index d58057de4..117678278 100644
--- a/tests/getComponent.spec.ts
+++ b/tests/getComponent.spec.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from 'vitest'
-import { DefineComponent, defineComponent } from 'vue'
+import { defineComponent } from 'vue'
 import { mount, RouterLinkStub, shallowMount } from '../src'
 import Issue425 from './components/Issue425.vue'
 
@@ -70,7 +70,9 @@ describe('getComponent', () => {
   // https://github.com/vuejs/test-utils/issues/425
   it('works with router-link and mount', () => {
     const wrapper = mount(Issue425, options)
-    expect(wrapper.getComponent<DefineComponent>('.link').props('to')).toEqual({
+    expect(
+      wrapper.getComponent<typeof RouterLinkStub>('.link').props('to')
+    ).toEqual({
       name
     })
   })
@@ -78,7 +80,9 @@ describe('getComponent', () => {
   // https://github.com/vuejs/test-utils/issues/425
   it('works with router-link and shallowMount', () => {
     const wrapper = shallowMount(Issue425, options)
-    expect(wrapper.getComponent<DefineComponent>('.link').props('to')).toEqual({
+    expect(
+      wrapper.getComponent<typeof RouterLinkStub>('.link').props('to')
+    ).toEqual({
       name
     })
   })
diff --git a/tests/html.spec.ts b/tests/html.spec.ts
index d90873f73..d914c8bbc 100644
--- a/tests/html.spec.ts
+++ b/tests/html.spec.ts
@@ -3,6 +3,12 @@ import { defineComponent, h } from 'vue'
 
 import { mount } from '../src'
 
+const nestedTemplate =
+  '<div><div class="element"><span>Text 1</span></div><div>Text 2</div></div>'
+const NestedNodes = defineComponent({
+  template: nestedTemplate
+})
+
 describe('html', () => {
   it('returns html when mounting single root node', () => {
     const Component = defineComponent({
@@ -16,6 +22,29 @@ describe('html', () => {
     expect(wrapper.html()).toBe('<div>Text content</div>')
   })
 
+  it('returns formatted html string', () => {
+    const wrapper = mount(NestedNodes)
+
+    expect(wrapper.html()).toBe(
+      '<div>\n' +
+        '  <div class="element"><span>Text 1</span></div>\n' +
+        '  <div>Text 2</div>\n' +
+        '</div>'
+    )
+    expect(wrapper.html()).toBe(
+      '<div>\n' +
+        '  <div class="element"><span>Text 1</span></div>\n' +
+        '  <div>Text 2</div>\n' +
+        '</div>'
+    )
+  })
+
+  it('returns raw html string', () => {
+    const wrapper = mount(NestedNodes)
+
+    expect(wrapper.html({ raw: true })).toBe(nestedTemplate)
+  })
+
   describe('multiple root components', () => {
     const originalTemplate = [
       '<div>foo</div>',
@@ -35,6 +64,11 @@ describe('html', () => {
       expect(wrapper.html()).toBe(originalTemplate.join('\n'))
     })
 
+    it('returns the raw html when mounting multiple root nodes', () => {
+      const wrapper = mount(Component)
+      expect(wrapper.html({ raw: true })).toBe(originalTemplate.join(''))
+    })
+
     it('returns the html when multiple root component is located inside other component', () => {
       const ParentComponent = defineComponent({
         components: { MultipleRoots: Component },
diff --git a/tests/isDeepRef.spec.ts b/tests/isDeepRef.spec.ts
new file mode 100644
index 000000000..934c3c97d
--- /dev/null
+++ b/tests/isDeepRef.spec.ts
@@ -0,0 +1,82 @@
+import { isDeepRef } from '../src/utils/isDeepRef'
+import { describe, expect, it } from 'vitest'
+import { ref } from 'vue'
+
+describe('isDeepRef', () => {
+  it('should return true for a Ref value', () => {
+    const testRef = ref(1)
+
+    expect(isDeepRef(testRef)).toBe(true)
+  })
+  it('should return false for a non-object, non-Ref value', () => {
+    const nonObject = 1
+
+    expect(isDeepRef(nonObject)).toBe(false)
+  })
+  it('should return true for an object with a Ref value', () => {
+    const testObject = { ref: ref(1) }
+
+    expect(isDeepRef(testObject)).toBe(true)
+  })
+  it('should return false for an object without a Ref value', () => {
+    const testObject = { nonRef: 1 }
+
+    expect(isDeepRef(testObject)).toBe(false)
+  })
+  it('should return true for an array with a Ref value', () => {
+    const arrayWithRef = [ref(1)]
+
+    expect(isDeepRef(arrayWithRef)).toBe(true)
+  })
+  it('should return false for an array without a Ref value', () => {
+    const arrayWithoutRef = [1]
+
+    expect(isDeepRef(arrayWithoutRef)).toBe(false)
+  })
+  it('should return true for a nested object with a Ref value', () => {
+    const nestedObject = { nested: { ref: ref(1) } }
+
+    expect(isDeepRef(nestedObject)).toBe(true)
+  })
+  it('should return false for a nested object without a Ref value', () => {
+    const nestedObject = { nested: { nonRef: 1 } }
+
+    expect(isDeepRef(nestedObject)).toBe(false)
+  })
+  it('should return true for a nested array with a Ref value', () => {
+    const nestedArray = [[ref(1)]]
+
+    expect(isDeepRef(nestedArray)).toBe(true)
+  })
+  it('should return false for a nested array without a Ref value', () => {
+    const nestedArray = [[1]]
+
+    expect(isDeepRef(nestedArray)).toBe(false)
+  })
+  it('should return false for an object that has already been visited and does not contain a Ref', () => {
+    const item = { parent: null as any }
+    const parentItem = { children: [item] }
+    item.parent = parentItem
+
+    expect(isDeepRef(item)).toBe(false)
+  })
+  it('should return true for an object that has already been visited and contains a Ref', () => {
+    const item = { parent: ref<any>(null) }
+    const parentItem = { children: [ref(item)] }
+    item.parent.value = parentItem
+
+    expect(isDeepRef(item)).toBe(true)
+  })
+  it('should return false for an object with a dynamic circular reference', () => {
+    const testObject = {}
+    Object.defineProperty(testObject, 'circularReference', {
+      get: function () {
+        delete this.circularReference
+        this.circularReference = testObject
+        return this.circularReference
+      }
+    })
+    expect(() => isDeepRef(testObject)).not.toThrow()
+    expect(isDeepRef(testObject)).toBe(false)
+  })
+})
diff --git a/tests/isVisible.spec.ts b/tests/isVisible.spec.ts
index ed53359d2..2de407a61 100644
--- a/tests/isVisible.spec.ts
+++ b/tests/isVisible.spec.ts
@@ -50,7 +50,10 @@ describe('isVisible', () => {
         }
       }
     }
-    const wrapper = mount(Comp)
+    // TODO: attachTo can be removed when https://github.com/jsdom/jsdom/issues/3502 is fixed
+    // with jsdom v21.1, getComputedStyle is cached and not updated for elements not in the DOM
+    // so the test fails (because the element is checked a first time)
+    const wrapper = mount(Comp, { attachTo: document.body })
 
     expect(wrapper.find('span').isVisible()).toBe(true)
     await wrapper.find('button').trigger('click')
@@ -73,7 +76,10 @@ describe('isVisible', () => {
         }
       }
     }
-    const wrapper = mount(Comp, {})
+    // TODO: attachTo can be removed when https://github.com/jsdom/jsdom/issues/3502 is fixed
+    // with jsdom v21.1, getComputedStyle is cached and not updated for elements not in the DOM
+    // so the test fails (because the element is checked a first time)
+    const wrapper = mount(Comp, { attachTo: document.body })
 
     expect(wrapper.find('span').isVisible()).toBe(true)
     await wrapper.find('button').trigger('click')
diff --git a/tests/mount.spec.ts b/tests/mount.spec.ts
new file mode 100644
index 000000000..e3a3dccba
--- /dev/null
+++ b/tests/mount.spec.ts
@@ -0,0 +1,105 @@
+import { describe, expect, it, vi } from 'vitest'
+import { defineComponent, ref } from 'vue'
+import { mount } from '../src'
+import DefinePropsAndDefineEmits from './components/DefinePropsAndDefineEmits.vue'
+import WithDeepRef from './components/WithDeepRef.vue'
+import HelloFromVitestPlayground from './components/HelloFromVitestPlayground.vue'
+import Hello from './components/Hello.vue'
+
+describe('mount: general tests', () => {
+  it('correctly handles component, throwing on mount', () => {
+    // See https://github.com/vuejs/core/issues/7020
+    const ThrowingComponent = defineComponent({
+      props: ['blowup'],
+      mounted() {
+        if (this.blowup) {
+          throw new Error('Boom!')
+        }
+      },
+      template: '<div>hello</div>'
+    })
+
+    expect(() =>
+      mount(ThrowingComponent, { props: { blowup: true } })
+    ).toThrow()
+
+    const wrapper = mount(ThrowingComponent, { props: { blowup: false } })
+
+    expect(wrapper.html()).toBe('<div>hello</div>')
+  })
+
+  it('should throw the first error encountered when mounting the component', () => {
+    const ThrowingComponent = defineComponent({
+      setup() {
+        throw new Error('Boom!')
+      },
+      template: '<div>{{ x.y }}</div>'
+    })
+
+    expect(() => mount(ThrowingComponent)).toThrowError('Boom!')
+  })
+
+  it('should not warn on readonly hasOwnProperty when mounting a component', () => {
+    const spy = vi.spyOn(console, 'warn').mockImplementation(() => {})
+
+    mount(HelloFromVitestPlayground, { props: { count: 2 } })
+
+    expect(spy).not.toHaveBeenCalled()
+  })
+
+  it('should mount a component with props, emits and slot (#1973)', () => {
+    const wrapper = mount(DefinePropsAndDefineEmits, {
+      props: {
+        placement: 'end'
+      },
+      slots: { default: 'Hello' }
+    })
+    expect(wrapper.get('div').text()).toContain('Hello')
+    expect(wrapper.get('div').classes()).toContain('end')
+  })
+  it('allows access to nested computed values', async () => {
+    const wrapper = mount(WithDeepRef, {
+      props: {
+        count: ref(1),
+        oneLayerCountObject: { count: ref(2) },
+        twoLayersCountObject: { oneLayerCountObject: { count: ref(3) } },
+
+        countArray: [ref(4)],
+        countMatrix: [[ref(5)]],
+
+        oneLayerCountObjectArray: [{ count: ref(6) }],
+        oneLayerCountArrayObject: { count: [ref(7)] },
+        oneLayerCountObjectMatrix: [[{ count: ref(8) }]]
+      }
+    })
+
+    expect(wrapper.get('#countValue').text()).toBe('1')
+    expect(wrapper.get('#oneLayerCountObjectValue').text()).toBe('2')
+    expect(wrapper.get('#twoLayersCountObjectValue').text()).toBe('3')
+    expect(wrapper.get('#countArrayValue').text()).toBe('4')
+    expect(wrapper.get('#countMatrixValue').text()).toBe('5')
+    expect(wrapper.get('#oneLayerCountObjectArrayValue').text()).toBe('6')
+    expect(wrapper.get('#oneLayerCountArrayObjectValue').text()).toBe('7')
+    expect(wrapper.get('#oneLayerCountObjectMatrixValue').text()).toBe('8')
+  })
+  it('circular references in non-ref props do not cause a stack overflow', () => {
+    const item = { id: 1, parent: null as any }
+    const parentItem = { children: [item] }
+    item.parent = parentItem
+
+    const wrapper = mount(Hello, {
+      props: { msg: 'Hello world', item: item }
+    })
+    expect(wrapper.text()).toContain('Hello world')
+  })
+  it('circular references in ref props do not cause a stack overflow', () => {
+    const item = { id: 1, parent: ref<any>(null) }
+    const parentItem = { children: [ref(item)] }
+    item.parent.value = parentItem
+
+    const wrapper = mount(Hello, {
+      props: { msg: 'Hello world', item: item }
+    })
+    expect(wrapper.text()).toContain('Hello world')
+  })
+})
diff --git a/tests/mountingOptions/attachTo.spec.ts b/tests/mountingOptions/attachTo.spec.ts
index d499df86b..6ceba75bd 100644
--- a/tests/mountingOptions/attachTo.spec.ts
+++ b/tests/mountingOptions/attachTo.spec.ts
@@ -26,6 +26,25 @@ describe('options.attachTo', () => {
     wrapper.unmount()
     expect(document.getElementById('attach-to')).toBeNull()
   })
+  it('attaches to a provided SVGElement', () => {
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
+    svg.id = 'root'
+    document.body.appendChild(svg)
+    expect(document.getElementById('root')).not.toBeNull()
+    expect(document.getElementById('attach-to')).toBeNull()
+    const wrapper = mount(TestComponent, {
+      attachTo: svg
+    })
+
+    const root = document.getElementById('root')
+    const rendered = document.getElementById('attach-to')!
+    expect(wrapper.vm.$el.parentNode).not.toBeNull()
+    expect(root).not.toBeNull()
+    expect(rendered).not.toBeNull()
+    expect(rendered.outerHTML).toBe(outerHTML)
+    wrapper.unmount()
+    expect(document.getElementById('attach-to')).toBeNull()
+  })
   it('attaches to a provided CSS selector string', () => {
     const div = document.createElement('div')
     div.id = 'root'
diff --git a/tests/mountingOptions/global.components.spec.ts b/tests/mountingOptions/global.components.spec.ts
index f60225c1f..46c8c3d38 100644
--- a/tests/mountingOptions/global.components.spec.ts
+++ b/tests/mountingOptions/global.components.spec.ts
@@ -72,6 +72,7 @@ describe('global.components', () => {
     spy.mockRestore()
     expect(wrapper.text()).toBe('Global')
   })
+
   it('render children with shallow and renderStubDefaultSlot', () => {
     const Child = defineComponent({
       template: '<div><p>child</p><slot /></div>'
@@ -97,4 +98,33 @@ describe('global.components', () => {
         '</div>'
     )
   })
+
+  // https://github.com/vuejs/test-utils/issues/2395
+  it('render children with shallow and renderStubDefaultSlot with v-slot', () => {
+    const Child = defineComponent({
+      template: '<div><p>child</p><slot /></div>'
+    })
+    const Component = defineComponent({
+      template:
+        '<div><Child v-slot="{ count }"><div>hello{{ count }}there</div></Child></div>',
+      components: {
+        Child
+      }
+    })
+    const wrapper = mount(Component, {
+      shallow: true,
+      global: {
+        renderStubDefaultSlot: true
+      }
+    })
+
+    // count is undefined, but doesn't throw an error
+    expect(wrapper.html()).toEqual(
+      '<div>\n' +
+        '  <child-stub>\n' +
+        '    <div>hellothere</div>\n' +
+        '  </child-stub>\n' +
+        '</div>'
+    )
+  })
 })
diff --git a/tests/mountingOptions/global.plugins.spec.ts b/tests/mountingOptions/global.plugins.spec.ts
index 974c7597e..d077ce52c 100644
--- a/tests/mountingOptions/global.plugins.spec.ts
+++ b/tests/mountingOptions/global.plugins.spec.ts
@@ -2,6 +2,10 @@ import { describe, expect, test, it, vi } from 'vitest'
 import { h, App } from 'vue'
 
 import { mount } from '../../src'
+import ScriptSetup from '../components/ScriptSetup.vue'
+import Option from '../components/OptionComponent.vue'
+import OptionsSetup from '../components/OptionSetupComponent.vue'
+import OptionsSetupWithoutReturn from '../components/OptionSetupWithoutReturnComponent.vue'
 
 describe('mounting options: plugins', () => {
   it('installs a plugin via `plugins`', () => {
@@ -51,6 +55,41 @@ describe('mounting options: plugins', () => {
 
     expect(installed).toHaveBeenCalledWith(options, testString)
   })
+
+  describe('provides access to a global property', () => {
+    class Plugin {
+      static install(app: App) {
+        app.config.globalProperties.foo = 'bar'
+      }
+    }
+    it('provides access to a global property from a Composition API component', () => {
+      const wrapper = mount(ScriptSetup, {
+        global: { plugins: [Plugin] }
+      })
+      expect((wrapper.vm as any).foo).toBeDefined()
+    })
+
+    it('provides access to a global property from an Options API component', () => {
+      const wrapper = mount(Option, {
+        global: { plugins: [Plugin] }
+      })
+      expect((wrapper.vm as any).foo).toBeDefined()
+    })
+
+    it('provides access to a global property from an Options API component with a setup() function', () => {
+      const wrapper = mount(OptionsSetup, {
+        global: { plugins: [Plugin] }
+      })
+      expect((wrapper.vm as any).foo).toBeDefined()
+    })
+
+    it('provides access to a global property from an Options API component with a setup() function that does not return', () => {
+      const wrapper = mount(OptionsSetupWithoutReturn, {
+        global: { plugins: [Plugin] }
+      })
+      expect((wrapper.vm as any).foo).toBeDefined()
+    })
+  })
 })
 
 test('installs plugins with and without options', () => {
diff --git a/tests/mountingOptions/global.stubs.spec.ts b/tests/mountingOptions/global.stubs.spec.ts
index f7534b0f6..e25e16ee8 100644
--- a/tests/mountingOptions/global.stubs.spec.ts
+++ b/tests/mountingOptions/global.stubs.spec.ts
@@ -1,6 +1,5 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-import { h, defineComponent, defineAsyncComponent } from 'vue'
-
+import { h, defineComponent, defineAsyncComponent, Directive } from 'vue'
 import { config, flushPromises, mount, RouterLinkStub } from '../../src'
 import Hello from '../components/Hello.vue'
 import ComponentWithoutName from '../components/ComponentWithoutName.vue'
@@ -9,7 +8,7 @@ import ScriptSetupWithChildren from '../components/ScriptSetupWithChildren.vue'
 import AutoImportScriptSetup from '../components/AutoImportScriptSetup.vue'
 
 describe('mounting options: stubs', () => {
-  let configStubsSave = config.global.stubs
+  const configStubsSave = config.global.stubs
   beforeEach(() => {
     config.global.stubs = configStubsSave
   })
@@ -453,6 +452,54 @@ describe('mounting options: stubs', () => {
       // appear in the html when it isn't stubbed.
       expect(wrapper.html()).toBe('<div id="content"></div>')
     })
+
+    it('does not stub transition after overriding config.global.stubs', () => {
+      const Comp = {
+        template: `<transition><div id="content-global-stubs-no-transition" /></transition>`
+      }
+      config.global.stubs = {}
+      const wrapper = mount(Comp)
+
+      // Vue removes <transition> at run-time and does it's magic, so <transition> should not
+      // appear in the html when it isn't stubbed.
+      expect(wrapper.html()).toBe(
+        '<div id="content-global-stubs-no-transition"></div>'
+      )
+    })
+
+    it('stub transition after overriding config.global.stubs with Transition: true PascalCase', () => {
+      const Comp = {
+        template: `<transition><div id="content-global-stubs-transition" /></transition>`
+      }
+      config.global.stubs = {
+        Transition: true
+      }
+      const wrapper = mount(Comp)
+
+      expect(wrapper.html()).toBe(
+        '<transition-stub appear="false" persisted="false" css="true">\n' +
+          '  <div id="content-global-stubs-transition"></div>\n' +
+          '</transition-stub>'
+      )
+    })
+
+    it('custom transition stub', () => {
+      const Comp = {
+        template: `<transition><div id="content-custom-stub" /></transition>`
+      }
+      config.global.stubs = {
+        transition: {
+          template: '<div class="custom-transition-stub"><slot /></div>'
+        }
+      }
+      const wrapper = mount(Comp)
+
+      expect(wrapper.html()).toBe(
+        '<div class="custom-transition-stub">\n' +
+          '  <div id="content-custom-stub"></div>\n' +
+          '</div>'
+      )
+    })
   })
 
   describe('transition-group', () => {
@@ -498,6 +545,36 @@ describe('mounting options: stubs', () => {
       // appear in the html when it isn't stubbed.
       expect(wrapper.html()).toBe('<div id="content"></div>')
     })
+
+    it('does not stub transition-group after overriding config.global.stubs', () => {
+      const Comp = {
+        template: `<transition-group><div key="content" id="content-global-stubs-no-transition-group" /></transition-group>`
+      }
+      config.global.stubs = {}
+      const wrapper = mount(Comp)
+
+      // Vue removes <transition-group> at run-time and does it's magic, so <transition-group> should not
+      // appear in the html when it isn't stubbed.
+      expect(wrapper.html()).toBe(
+        '<div id="content-global-stubs-no-transition-group"></div>'
+      )
+    })
+
+    it('stub transition-group after overriding config.global.stubs with TransitionGroup: true in PascalCase', () => {
+      const Comp = {
+        template: `<transition-group><div key="content" id="content-global-stubs-transition-group" /></transition-group>`
+      }
+      config.global.stubs = {
+        TransitionGroup: true
+      }
+      const wrapper = mount(Comp)
+
+      expect(wrapper.html()).toBe(
+        '<transition-group-stub appear="false" persisted="false" css="true">\n' +
+          '  <div id="content-global-stubs-transition-group"></div>\n' +
+          '</transition-group-stub>'
+      )
+    })
   })
 
   describe('teleport', () => {
@@ -513,6 +590,7 @@ describe('mounting options: stubs', () => {
     })
 
     it('opts in to stubbing teleport ', () => {
+      const spy = vi.spyOn(console, 'warn')
       const Comp = {
         template: `<teleport to="body"><div id="content" /></teleport>`
       }
@@ -529,6 +607,9 @@ describe('mounting options: stubs', () => {
           '  <div id="content"></div>\n' +
           '</teleport-stub>'
       )
+      // Make sure that we don't have a warning when stubbing teleport
+      // https://github.com/vuejs/test-utils/issues/1829
+      expect(spy).not.toHaveBeenCalled()
     })
 
     it('does not stub teleport with shallow', () => {
@@ -548,6 +629,121 @@ describe('mounting options: stubs', () => {
         '<!--teleport start-->\n' + '<!--teleport end-->'
       )
     })
+
+    it('opts in to stubbing teleport with Teleport: true', () => {
+      const Comp = {
+        template: `<teleport to="body"><div id="content-global-stubs-teleport" /></teleport>`
+      }
+      const wrapper = mount(Comp, {
+        global: {
+          stubs: {
+            Teleport: true
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe(
+        '<teleport-stub to="body">\n' +
+          '  <div id="content-global-stubs-teleport"></div>\n' +
+          '</teleport-stub>'
+      )
+    })
+  })
+
+  describe('keep-alive', () => {
+    it('will omit the keep-alive tag by default', () => {
+      const Comp = {
+        template: `<keep-alive><div id="content" /></keep-alive>`
+      }
+      const wrapper = mount(Comp)
+
+      expect(wrapper.html()).toBe('<div id="content"></div>')
+    })
+
+    it('opts in to stubbing keep-alive with keep-alive: true', () => {
+      const spy = vi.spyOn(console, 'warn')
+      const Comp = {
+        template: `<keep-alive><div id="content" /></keep-alive>`
+      }
+      const wrapper = mount(Comp, {
+        global: {
+          stubs: {
+            'keep-alive': true
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe(
+        '<keep-alive-stub>\n' +
+          '  <div id="content"></div>\n' +
+          '</keep-alive-stub>'
+      )
+      // Make sure that we don't have a warning when stubbing keep-alive
+      // https://github.com/vuejs/test-utils/issues/1888
+      expect(spy).not.toHaveBeenCalled()
+    })
+
+    it('opts in to stubbing KeepAlive with KeepAlive: true', () => {
+      const spy = vi.spyOn(console, 'warn')
+      const Comp = {
+        template: `<KeepAlive><div id="content" /></KeepAlive>`
+      }
+      const wrapper = mount(Comp, {
+        global: {
+          stubs: {
+            KeepAlive: true
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe(
+        '<keep-alive-stub>\n' +
+          '  <div id="content"></div>\n' +
+          '</keep-alive-stub>'
+      )
+      // Make sure that we don't have a warning when stubbing keep-alive
+      // https://github.com/vuejs/test-utils/issues/1888
+      expect(spy).not.toHaveBeenCalled()
+    })
+
+    it('opts in to stubbing keep-alive with KeepAlive: true', () => {
+      const spy = vi.spyOn(console, 'warn')
+      const Comp = {
+        template: `<keep-alive><div id="content" /></keep-alive>`
+      }
+      const wrapper = mount(Comp, {
+        global: {
+          stubs: {
+            KeepAlive: true
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe(
+        '<keep-alive-stub>\n' +
+          '  <div id="content"></div>\n' +
+          '</keep-alive-stub>'
+      )
+      // Make sure that we don't have a warning when stubbing keep-alive
+      // https://github.com/vuejs/test-utils/issues/1888
+      expect(spy).not.toHaveBeenCalled()
+    })
+
+    it('does not stub keep-alive with shallow', () => {
+      const Comp = {
+        template: `<keep-alive><div id="content" /></keep-alive>`
+      }
+      const wrapper = mount(Comp, {
+        shallow: true,
+        global: {
+          stubs: {
+            'keep-alive': false
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe('<div id="content"></div>')
+    })
   })
 
   it('stubs component by key prior before name', () => {
@@ -580,16 +776,16 @@ describe('mounting options: stubs', () => {
   })
 
   describe('stub async component', () => {
-    const AsyncComponent = defineAsyncComponent(async () => ({
-      name: 'AsyncComponent',
-      template: '<span>AsyncComponent</span>'
-    }))
-
     const AsyncComponentWithoutName = defineAsyncComponent(async () => ({
       template: '<span>AsyncComponent</span>'
     }))
 
     it('stubs async component with name', async () => {
+      const AsyncComponent = defineAsyncComponent(async () => ({
+        name: 'AsyncComponent',
+        template: '<span>AsyncComponent</span>'
+      }))
+
       const TestComponent = defineComponent({
         components: {
           MyComponent: AsyncComponent
@@ -617,6 +813,11 @@ describe('mounting options: stubs', () => {
     })
 
     it('stubs async component with name by alias', () => {
+      const AsyncComponent = defineAsyncComponent(async () => ({
+        name: 'AsyncComponent',
+        template: '<span>AsyncComponent</span>'
+      }))
+
       const TestComponent = defineComponent({
         components: {
           MyComponent: AsyncComponent
@@ -731,11 +932,11 @@ describe('mounting options: stubs', () => {
     }
 
     afterEach(() => {
-      config.renderStubDefaultSlot = false
+      config.global.renderStubDefaultSlot = false
     })
 
     it('renders only the default stub slot only behind flag', () => {
-      config.renderStubDefaultSlot = true
+      config.global.renderStubDefaultSlot = true
 
       const wrapper = mount(Component, {
         global: {
@@ -750,7 +951,7 @@ describe('mounting options: stubs', () => {
     })
 
     it('renders none of the slots on a stub', () => {
-      config.renderStubDefaultSlot = false
+      config.global.renderStubDefaultSlot = false
       const wrapper = mount(Component, {
         global: {
           stubs: ['ComponentWithSlots']
@@ -764,7 +965,7 @@ describe('mounting options: stubs', () => {
     })
 
     it('renders the default slot of deeply nested stubs when renderStubDefaultSlot=true', () => {
-      config.renderStubDefaultSlot = true
+      config.global.renderStubDefaultSlot = true
 
       const SimpleSlot = {
         name: 'SimpleSlot',
@@ -853,4 +1054,122 @@ describe('mounting options: stubs', () => {
 
     expect(stub.vm).toBe(stubAfterSecondRender.vm)
   })
+
+  describe('directives', () => {
+    const MyDirective: Directive = {
+      beforeMount(el: Element) {
+        el.classList.add('DirectiveAdded')
+      }
+    }
+
+    const MyDirectiveStub: Directive = {
+      beforeMount(el: Element) {
+        el.classList.add('DirectiveStubAdded')
+      }
+    }
+
+    it('stubs directive on root component', () => {
+      const Component = {
+        template: '<div v-my-directive>text</div>',
+        directives: { MyDirective }
+      }
+
+      const wrapper = mount(Component, {
+        global: {
+          stubs: {
+            vMyDirective: MyDirectiveStub
+          }
+        }
+      })
+
+      expect(wrapper.classes()).toContain('DirectiveStubAdded')
+    })
+
+    it('stubs directive as noop when true passed as value', () => {
+      const SomeDirective = () => {
+        throw new Error('I will blow up!')
+      }
+
+      const Component = {
+        template: '<div v-some-directive>text</div>',
+        directives: { SomeDirective }
+      }
+
+      const wrapper = mount(Component, {
+        global: {
+          stubs: {
+            vSomeDirective: true
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe('<div>text</div>')
+    })
+
+    it('does not stub directive as noop when false passed as value', () => {
+      const Component = {
+        template: '<div v-my-directive>text</div>',
+        directives: { MyDirective }
+      }
+
+      const wrapper = mount(Component, {
+        global: {
+          stubs: {
+            vMyDirective: false
+          }
+        }
+      })
+
+      expect(wrapper.html()).toBe('<div class="DirectiveAdded">text</div>')
+    })
+
+    it('stubs directive on child component', () => {
+      const Component = {
+        template: '<div v-my-directive>text</div>',
+        directives: { MyDirective }
+      }
+
+      const RootComponent = {
+        components: { ChildComponent: Component },
+        template: '<div><child-component class="child" /></div>'
+      }
+
+      const wrapper = mount(RootComponent, {
+        global: {
+          stubs: {
+            vMyDirective: MyDirectiveStub
+          }
+        }
+      })
+
+      expect(wrapper.find('.child').classes()).toContain('DirectiveStubAdded')
+    })
+
+    it('stubs directive on root component with script setup', () => {
+      const Component = {
+        setup() {
+          // @ts-ignore-error (directive used by script setup)
+          const vMyDirective = MyDirective
+        },
+        template: '<div v-my-directive>text</div>',
+        directives: { MyDirective }
+      }
+
+      const MyDirectiveStub: Directive = {
+        beforeMount(el: Element) {
+          el.classList.add('DirectiveStubAdded')
+        }
+      }
+
+      const wrapper = mount(Component, {
+        global: {
+          stubs: {
+            vMyDirective: MyDirectiveStub
+          }
+        }
+      })
+
+      expect(wrapper.classes()).toContain('DirectiveStubAdded')
+    })
+  })
 })
diff --git a/tests/mountingOptions/mocks.spec.ts b/tests/mountingOptions/mocks.spec.ts
index a37412814..c07bb5937 100644
--- a/tests/mountingOptions/mocks.spec.ts
+++ b/tests/mountingOptions/mocks.spec.ts
@@ -1,6 +1,8 @@
 import { describe, expect, it, vi } from 'vitest'
 import { mount, RouterLinkStub } from '../../src'
 import { defineComponent } from 'vue'
+import ScriptSetupWithI18n from '../components/ScriptSetupWithI18n.vue'
+import ComponentWithI18n from '../components/ComponentWithI18n.vue'
 
 describe('mocks', () => {
   it('mocks a vuex store', async () => {
@@ -75,4 +77,53 @@ describe('mocks', () => {
     await wrapper.find('button').trigger('click')
     expect($router.push).toHaveBeenCalledWith('/posts/1')
   })
+
+  it('mocks a global function in a script setup component', () => {
+    const wrapper = mount(ScriptSetupWithI18n, {
+      global: {
+        mocks: {
+          $t: () => 'mocked'
+        }
+      }
+    })
+    expect(wrapper.text()).toContain('hello')
+    expect(wrapper.text()).toContain('mocked')
+  })
+
+  it('mocks a global function in an option component', () => {
+    const wrapper = mount(ComponentWithI18n, {
+      global: {
+        mocks: {
+          $t: () => 'mocked'
+        }
+      }
+    })
+    expect(wrapper.text()).toContain('hello')
+    expect(wrapper.text()).toContain('mocked')
+  })
+
+  it('mocks a global function in an option component which includes the setup() option', () => {
+    const ComponentWithI18nAndSetupOption = defineComponent({
+      setup: () => ({
+        hello: 'hello'
+      }),
+      template: `
+        <div>{{ hello }}</div>
+        <!-- this emulates components that use a global function like $t for i18n -->
+        <!-- this function can be mocked using global.mocks -->
+        <div>{{ $t('world') }}</div>
+      `
+    })
+
+    const wrapper = mount(ComponentWithI18nAndSetupOption, {
+      global: {
+        mocks: {
+          $t: () => 'mocked'
+        }
+      }
+    })
+
+    expect(wrapper.text()).toContain('hello')
+    expect(wrapper.text()).toContain('mocked')
+  })
 })
diff --git a/tests/mountingOptions/slots.spec.ts b/tests/mountingOptions/slots.spec.ts
index 289e983e5..ecdfabcf8 100644
--- a/tests/mountingOptions/slots.spec.ts
+++ b/tests/mountingOptions/slots.spec.ts
@@ -10,7 +10,7 @@ describe('slots', () => {
   describe('normal slots', () => {
     it('supports providing a plain string text in slot', () => {
       const defaultString = 'Rendered in Default'
-      let namedString = 'Rendered in Named'
+      const namedString = 'Rendered in Named'
       const wrapper = mount(ComponentWithSlots, {
         slots: {
           default: defaultString,
diff --git a/tests/props.spec.ts b/tests/props.spec.ts
index 87c5a2447..7ba71b3b7 100644
--- a/tests/props.spec.ts
+++ b/tests/props.spec.ts
@@ -1,5 +1,5 @@
-import { describe, expect, it } from 'vitest'
-import { mount, shallowMount } from '../src'
+import { describe, expect, it, vi } from 'vitest'
+import { mount, shallowMount, VueWrapper } from '../src'
 import WithProps from './components/WithProps.vue'
 import PropWithSymbol from './components/PropWithSymbol.vue'
 import Hello from './components/Hello.vue'
@@ -20,6 +20,7 @@ describe('props', () => {
 
   it('returns undefined if props does not exist', () => {
     const wrapper = mount(WithProps, { props: { msg: 'ABC' } })
+    // @ts-expect-error :: non-existent prop
     expect(wrapper.props('foo')).toEqual(undefined)
   })
 
@@ -108,8 +109,9 @@ describe('props', () => {
     const wrapper = mount(component, {
       props: {
         modelValue: 1,
-        'onUpdate:modelValue': async (modelValue: number) =>
-          wrapper.setProps({ modelValue })
+        'onUpdate:modelValue': async (modelValue: number) => {
+          await wrapper.setProps({ modelValue })
+        }
       }
     })
 
@@ -205,6 +207,31 @@ describe('props', () => {
     expect(wrapper.find('.selectedField').text()).toBe('Cities')
   })
 
+  it('returns props of stubbed root component', async () => {
+    const ChildComponent = defineComponent({
+      props: {
+        value: {
+          type: Number,
+          required: true
+        }
+      },
+      template: '<div>{{ value }}</div>'
+    })
+
+    const TestComponent = defineComponent({
+      components: { ChildComponent },
+      template: '<ChildComponent :value="2"/>'
+    })
+
+    const wrapper = shallowMount(TestComponent)
+    expect(
+      wrapper.findComponent({ name: 'ChildComponent' }).props()
+    ).toStrictEqual({ value: 2 })
+    expect(
+      (wrapper.findComponent('child-component-stub') as VueWrapper).props()
+    ).toStrictEqual({ value: 2 })
+  })
+
   it('returns reactive props on a stubbed component shallow case', async () => {
     const Foo = {
       name: 'Foo',
@@ -240,6 +267,7 @@ describe('props', () => {
       foo: 'new value'
     })
   })
+
   it('https://github.com/vuejs/test-utils/issues/440', async () => {
     const Foo = defineComponent({
       name: 'Foo',
@@ -274,6 +302,36 @@ describe('props', () => {
     expect(wrapper.text()).toEqual('hello')
   })
 
+  it('stub function props when shallow mounting', () => {
+    const Comp = defineComponent({
+      name: 'Comp',
+      template: `<div>Test</div>`,
+      props: ['fn']
+    })
+
+    const wrapper = shallowMount({
+      render() {
+        return h(Comp, { fn: () => {} })
+      }
+    })
+
+    expect(wrapper.html()).toBe('<comp-stub fn="[Function]"></comp-stub>')
+  })
+
+  // https://github.com/vuejs/test-utils/issues/2411
+  it('should not warn on stringify props in stubs', () => {
+    const spy = vi.spyOn(console, 'warn').mockReturnValue()
+    const Comp = defineComponent({
+      name: 'Comp',
+      template: `<transition @enter="() => {}"></transition>`
+    })
+
+    const wrapper = mount(Comp)
+
+    expect(wrapper.html()).toContain('<transition-stub')
+    expect(spy).not.toHaveBeenCalled()
+  })
+
   describe('edge case with symbol props and stubs', () => {
     it('works with Symbol as default', () => {
       const Comp = defineComponent({
diff --git a/tests/renderToString.spec.ts b/tests/renderToString.spec.ts
new file mode 100644
index 000000000..f844fd35f
--- /dev/null
+++ b/tests/renderToString.spec.ts
@@ -0,0 +1,86 @@
+/**
+ * Run SSR tests in node environment
+ * @vitest-environment node
+ */
+
+import { describe, it, expect, vi } from 'vitest'
+import { defineComponent, onMounted, onServerPrefetch, ref } from 'vue'
+import { renderToString } from '../src'
+
+describe('renderToString', () => {
+  it('returns a promise', async () => {
+    const Component = defineComponent({
+      template: '<div>{{ text }}</div>',
+      setup() {
+        return { text: 'Text content' }
+      }
+    })
+
+    const wrapper = await renderToString(Component)
+
+    expect(wrapper).toMatchInlineSnapshot(`"<div>Text content</div>"`)
+  })
+
+  it('returns correct html on multi root nodes', async () => {
+    const Component = defineComponent({
+      template: '<div>foo</div><div>bar</div>'
+    })
+
+    const wrapper = await renderToString(Component)
+
+    expect(wrapper).toMatchInlineSnapshot(
+      `"<!--[--><div>foo</div><div>bar</div><!--]-->"`
+    )
+  })
+
+  it('returns correct html with pre-fetched data on server', async () => {
+    function fakeFetch(text: string) {
+      return Promise.resolve(text)
+    }
+
+    const Component = defineComponent({
+      template: '<div>{{ text }}</div>',
+      setup() {
+        const text = ref<string | null>(null)
+
+        onServerPrefetch(async () => {
+          text.value = await fakeFetch('onServerPrefetch')
+        })
+
+        onMounted(async () => {
+          if (!text.value) {
+            text.value = await fakeFetch('onMounted')
+          }
+        })
+
+        return { text }
+      }
+    })
+
+    const contents = await renderToString(Component)
+
+    expect(contents).toBe('<div>onServerPrefetch</div>')
+  })
+
+  it('returns print warning if `attachTo` option is used', async () => {
+    const spy = vi.spyOn(console, 'warn').mockReturnValue()
+
+    const Component = defineComponent({
+      template: '<div>foo</div>'
+    })
+
+    expect(
+      await renderToString(Component, {
+        // @ts-expect-error `attachTo` property is not allowed
+        attachTo: 'body'
+      })
+    ).toBe('<div>foo</div>')
+
+    expect(spy).toHaveBeenCalledTimes(1)
+    expect(spy).toHaveBeenCalledWith(
+      'attachTo option is not available for renderToString'
+    )
+
+    spy.mockRestore()
+  })
+})
diff --git a/tests/setData.spec.ts b/tests/setData.spec.ts
index 30cfabd55..8bcd49b6a 100644
--- a/tests/setData.spec.ts
+++ b/tests/setData.spec.ts
@@ -1,7 +1,8 @@
 import { describe, expect, it, vi } from 'vitest'
 import { defineComponent, ref } from 'vue'
 
-import { mount } from '../src'
+import { mount, shallowMount } from '../src'
+import ScriptSetup from './components/ScriptSetup.vue'
 
 describe('setData', () => {
   it('sets component data', async () => {
@@ -111,28 +112,9 @@ describe('setData', () => {
     )
   })
 
-  it('does not modify composition API setup data', async () => {
-    const Component = defineComponent({
-      template: `<div>Count is: {{ count }}</div>`,
-      setup: () => ({ count: ref(1) })
-    })
-    const wrapper = mount(Component)
-
-    expect(wrapper.html()).toContain('Count is: 1')
-
-    expect(() => wrapper.setData({ count: 2 })).toThrowError(
-      'Cannot add property count'
-    )
-  })
-
   // https://github.com/vuejs/test-utils/issues/538
   it('updates data set via data mounting option using setData', async () => {
-    const Comp = defineComponent<
-      {},
-      {},
-      { field: number | null },
-      { isFieldNull: any }
-    >({
+    const Comp = defineComponent({
       template: `
         <div>{{ isFieldNull ? 'It is null' : 'It is not null' }}</div>
       `,
@@ -190,13 +172,13 @@ describe('setData', () => {
 
   it('should keep Date object on setData', async () => {
     const wrapper = mount(
-      {
+      defineComponent({
         template: '<div/>',
         props: { modelValue: Date },
         data() {
           return { value: this.modelValue }
         }
-      },
+      }),
       {
         props: {
           modelValue: new Date('2022-08-10T12:15:54Z')
@@ -214,4 +196,142 @@ describe('setData', () => {
     expect(wrapper.vm.value).toBeInstanceOf(Date)
     expect(wrapper.vm.value!.toISOString()).toBe('2022-08-11T12:15:54.000Z')
   })
+
+  it('should retain prototype methods for constructed objects when calling setData', async () => {
+    const expectedResult = 'success!'
+    class TestClass {
+      constructor(readonly name: string) {}
+      getResult(): string {
+        return expectedResult
+      }
+    }
+
+    const wrapper = mount(
+      defineComponent({
+        template: '<div/>',
+        data() {
+          return { value: new TestClass('test1') }
+        },
+        methods: {
+          getResult() {
+            return `${this.value.name}: ${this.value.getResult()}`
+          }
+        }
+      })
+    )
+
+    expect(wrapper.vm.getResult()).toStrictEqual(`test1: ${expectedResult}`)
+
+    await wrapper.setData({
+      value: new TestClass('test2')
+    })
+
+    expect(wrapper.vm.getResult()).toStrictEqual(`test2: ${expectedResult}`)
+  })
+
+  // https://github.com/vuejs/test-utils/issues/2257
+  it('should ignore prototype methods when using setData on objects', async () => {
+    const wrapper = mount(
+      defineComponent({
+        template: '<div />',
+        data() {
+          return {
+            firstArray: [],
+            secondArray: []
+          }
+        }
+      })
+    )
+
+    await wrapper.setData({
+      firstArray: [1, 2],
+      secondArray: [3, 4]
+    })
+
+    expect(wrapper.vm.$data).toStrictEqual({
+      firstArray: [1, 2],
+      secondArray: [3, 4]
+    })
+  })
+
+  it('updates initial data on a component using <script setup>', async () => {
+    const wrapper = shallowMount(ScriptSetup, {
+      data() {
+        return {
+          count: 10
+        }
+      }
+    })
+    expect(wrapper.html()).toContain('10')
+  })
+
+  it('updates nested data returned from setup()', async () => {
+    const Component = {
+      template: `<div>{{ nested.property }}</div>`,
+      setup: () => ({
+        nested: ref({
+          property: 'initial value'
+        })
+      })
+    }
+
+    const wrapper = mount(Component)
+
+    expect(wrapper.html()).toContain('initial value')
+
+    await wrapper.setData({ nested: { property: 'updated value' } })
+
+    expect(wrapper.html()).toContain('updated value')
+  })
+
+  it('updates data on a component using <script setup>', async () => {
+    const wrapper = shallowMount(ScriptSetup)
+    await wrapper.setData({ count: 20 })
+    expect(wrapper.html()).toContain('20')
+  })
+
+  it('updates data on a component using setup()', async () => {
+    const Component = {
+      template: `<div><div v-if="show" id="show">Show</div></div>`,
+      setup() {
+        return {
+          show: ref(false)
+        }
+      }
+    }
+
+    const wrapper = mount(Component)
+
+    expect(wrapper.find('#show').exists()).toBe(false)
+
+    await wrapper.setData({ show: true })
+
+    expect(wrapper.find('#show').exists()).toBe(true)
+  })
+
+  it('correctly sets initial array refs data when using <script setup>', async () => {
+    const Component = {
+      template: `<div><div v-for="item in items" :key="item">{{ item }}</div></div>`,
+      setup() {
+        const items = ref([])
+        return { items }
+      }
+    }
+
+    const wrapper = shallowMount(Component, {
+      data() {
+        return {
+          items: ['item1', 'item2']
+        }
+      }
+    })
+
+    expect(wrapper.html()).toContain('item1')
+    expect(wrapper.html()).toContain('item2')
+
+    await wrapper.setData({ items: ['item3', 'item4'] })
+
+    expect(wrapper.html()).toContain('item3')
+    expect(wrapper.html()).toContain('item4')
+  })
 })
diff --git a/tests/setValue.spec.ts b/tests/setValue.spec.ts
index 3b89c588d..911a039b4 100644
--- a/tests/setValue.spec.ts
+++ b/tests/setValue.spec.ts
@@ -33,6 +33,11 @@ describe('setValue', () => {
   })
 
   describe('on select and option', () => {
+    const renderOptions = () => [
+      h('option', { value: 'A' }),
+      h('option', { value: 'B' })
+    ]
+
     it('sets element of select value', async () => {
       const wrapper = mount(ComponentWithInput)
       const select = wrapper.find<HTMLSelectElement>('select')
@@ -40,6 +45,9 @@ describe('setValue', () => {
 
       expect(select.element.value).toEqual('selectB')
       expect(wrapper.text()).toContain('selectB')
+
+      expect(wrapper.emitted('change')).toHaveLength(1)
+      expect(wrapper.emitted('input')).toHaveLength(1)
     })
 
     it('as an option of a select as selected', async () => {
@@ -65,11 +73,7 @@ describe('setValue', () => {
 
       const Component = {
         setup() {
-          return () =>
-            h('select', { onChange: handle }, [
-              h('option', { value: 'A' }),
-              h('option', { value: 'B' })
-            ])
+          return () => h('select', { onChange: handle }, renderOptions())
         }
       }
 
@@ -82,6 +86,67 @@ describe('setValue', () => {
 
       expect(handle).toHaveBeenCalledTimes(1)
     })
+
+    it('sets element of multiselect value', async () => {
+      const wrapper = mount(ComponentWithInput)
+      const select = wrapper.find<HTMLSelectElement>('select.multiselect')
+      await select.setValue(['selectA', 'selectC'])
+
+      const selectedOptions = Array.from(select.element.selectedOptions).map(
+        (o) => o.value
+      )
+      expect(selectedOptions).toEqual(['selectA', 'selectC'])
+      expect(wrapper.vm.multiselectVal).toEqual(['selectA', 'selectC'])
+
+      expect(wrapper.emitted('change')).toHaveLength(1)
+      expect(wrapper.emitted('input')).toHaveLength(1)
+    })
+
+    it('overrides elements of multiselect', async () => {
+      const wrapper = mount(ComponentWithInput)
+      const select = wrapper.find<HTMLSelectElement>('select.multiselect')
+      await select.setValue(['selectA', 'selectC'])
+      await select.setValue(['selectB'])
+
+      const selectedOptions = Array.from(select.element.selectedOptions).map(
+        (o) => o.value
+      )
+      expect(selectedOptions).toEqual(['selectB'])
+      expect(wrapper.vm.multiselectVal).toEqual(['selectB'])
+
+      expect(wrapper.emitted('change')).toHaveLength(2)
+      expect(wrapper.emitted('input')).toHaveLength(2)
+    })
+
+    it('does trigger input and change event on select', async () => {
+      const onInput = vi.fn()
+      const onChange = vi.fn()
+      const Comp = defineComponent({
+        setup() {
+          return () => h('select', { onInput, onChange }, renderOptions())
+        }
+      })
+
+      await mount(Comp).find('select').setValue('A')
+
+      expect(onInput).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenCalledTimes(1)
+    })
+
+    it('does trigger input and change event on option select', async () => {
+      const onInput = vi.fn()
+      const onChange = vi.fn()
+      const Comp = defineComponent({
+        setup() {
+          return () => h('select', { onInput, onChange }, renderOptions())
+        }
+      })
+
+      await mount(Comp).findAll('option')[1].setValue()
+
+      expect(onInput).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenCalledTimes(1)
+    })
   })
 
   describe('on radio and checkbox', () => {
@@ -168,6 +233,46 @@ describe('setValue', () => {
       const fn = radioFoo.setValue(false)
       await expect(fn).rejects.toThrowError(message)
     })
+
+    it('does trigger input and change event on checkbox', async () => {
+      const onInput = vi.fn()
+      const onChange = vi.fn()
+      const Comp = defineComponent({
+        setup() {
+          return () =>
+            h('input', {
+              onInput,
+              onChange,
+              type: 'checkbox'
+            })
+        }
+      })
+
+      await mount(Comp).find('input').setValue()
+
+      expect(onInput).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenCalledTimes(1)
+    })
+
+    it('does trigger input and change event on radio', async () => {
+      const onInput = vi.fn()
+      const onChange = vi.fn()
+      const Comp = defineComponent({
+        setup() {
+          return () =>
+            h('input', {
+              onInput,
+              onChange,
+              type: 'radio'
+            })
+        }
+      })
+
+      await mount(Comp).find('input').setValue()
+
+      expect(onInput).toHaveBeenCalledTimes(1)
+      expect(onChange).toHaveBeenCalledTimes(1)
+    })
   })
 
   it('throws error if element is not valid', () => {
diff --git a/tests/shallowMount.spec.ts b/tests/shallowMount.spec.ts
index a852cbca1..2a2fba099 100644
--- a/tests/shallowMount.spec.ts
+++ b/tests/shallowMount.spec.ts
@@ -4,6 +4,7 @@ import { mount, shallowMount, VueWrapper } from '../src'
 import ComponentWithChildren from './components/ComponentWithChildren.vue'
 import ScriptSetupWithChildren from './components/ScriptSetupWithChildren.vue'
 import DynamicComponentWithComputedProperty from './components/DynamicComponentWithComputedProperty.vue'
+import RecursiveComponent from './components/RecursiveComponent.vue'
 
 describe('shallowMount', () => {
   it('renders props for stubbed component in a snapshot', () => {
@@ -73,6 +74,31 @@ describe('shallowMount', () => {
     )
   })
 
+  it('stub instance of same component', async () => {
+    const wrapper = mount(RecursiveComponent, {
+      shallow: true,
+      props: {
+        name: '1',
+        items: ['2']
+      }
+    })
+    expect(wrapper.html()).toEqual(
+      '<div>\n' +
+        '  <h2>1</h2>\n' +
+        '  <hello-stub></hello-stub>\n' +
+        '  <recursive-component-stub name="2"></recursive-component-stub>\n' +
+        '</div>'
+    )
+
+    expect(wrapper.find('h2').text()).toBe('1')
+
+    await wrapper.setProps({
+      name: '3'
+    })
+
+    expect(wrapper.find('h2').text()).toBe('3')
+  })
+
   it('correctly renders slot content', () => {
     const ComponentWithSlot = defineComponent({
       template: '<div><slot></slot></div>'
diff --git a/tests/text.spec.ts b/tests/text.spec.ts
index a3a33387b..05e58b3db 100644
--- a/tests/text.spec.ts
+++ b/tests/text.spec.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { defineComponent, h } from 'vue'
+import { defineComponent, h, Suspense } from 'vue'
 
 import { mount } from '../src'
 
@@ -93,4 +93,24 @@ describe('text', () => {
     const wrapper = mount(() => h(ReturnSlot, {}, () => h(MultiRootText)))
     expect(wrapper.text()).toBe('foobarbaz')
   })
+
+  it('returns correct text for suspense component has multiple elements in a slot', () => {
+    const wrapper = mount({
+      render: () =>
+        h(
+          Suspense,
+          {},
+          {
+            default: () =>
+              h(
+                defineComponent({
+                  template: `<!-- some comments --><div>Text content</div>`
+                })
+              )
+          }
+        )
+    })
+
+    expect(wrapper.text()).toBe('Text content')
+  })
 })
diff --git a/tests/trigger.spec.ts b/tests/trigger.spec.ts
index abd870863..da954928c 100644
--- a/tests/trigger.spec.ts
+++ b/tests/trigger.spec.ts
@@ -205,7 +205,7 @@ describe('trigger', () => {
 
       expect(keydownHandler).toHaveBeenCalledTimes(1)
 
-      let event = keydownHandler.mock.calls[0][0]
+      const event = keydownHandler.mock.calls[0][0]
       expect(event.key).toBe('left')
       expect(event.shiftKey).toBe(true)
       expect(event.ctrlKey).toBe(true)
@@ -225,8 +225,23 @@ describe('trigger', () => {
       expect(keydownHandler.mock.calls[0][0].keyCode).toBe(65)
     })
 
+    it('causes keydown handler to fire with the appropriate code when wrapper.trigger("keydown", { code: "Space" }) is fired', async () => {
+      const keydownHandler = vi.fn()
+      const Component = {
+        template: '<input @keydown="keydownHandler" />',
+        methods: { keydownHandler }
+      }
+      const wrapper = mount(Component, {})
+      await wrapper.trigger('keydown', { code: 'Space', key: ' ', keyCode: 32 })
+
+      expect(keydownHandler).toHaveBeenCalledTimes(1)
+      expect(keydownHandler.mock.calls[0][0].key).toBe(' ')
+      expect(keydownHandler.mock.calls[0][0].code).toBe('Space')
+      expect(keydownHandler.mock.calls[0][0].keyCode).toBe(32)
+    })
+
     it('causes keydown handler to fire converting keyName in an appropriate keyCode when wrapper.trigger("keydown.${keyName}") is fired', async () => {
-      let keydownHandler = vi.fn()
+      const keydownHandler = vi.fn()
 
       const Component = {
         template: '<input @keydown="keydownHandler" />',
@@ -258,7 +273,7 @@ describe('trigger', () => {
         'input'
       ]
 
-      for (let element of validElementsToBeDisabled) {
+      for (const element of validElementsToBeDisabled) {
         const clickHandler = vi.fn()
         const Component = {
           template: `<${element} disabled @click="clickHandler" />`,
@@ -274,7 +289,7 @@ describe('trigger', () => {
     it('is fired when trigger is called on a element set as disabled but who is invalid to be disabled', async () => {
       const invalidElementsToBeDisabled = ['div', 'span', 'a']
 
-      for (let element of invalidElementsToBeDisabled) {
+      for (const element of invalidElementsToBeDisabled) {
         const clickHandler = vi.fn()
         const Component = {
           template: `<${element} disabled @click="clickHandler" />`,
@@ -297,7 +312,7 @@ describe('trigger', () => {
       'once',
       'passive'
     ]
-    for (let modifier of eventModifiers) {
+    for (const modifier of eventModifiers) {
       it(`handles .${modifier}`, async () => {
         const keydownHandler = vi.fn()
         const Component = {
@@ -329,7 +344,7 @@ describe('trigger', () => {
   })
 
   describe('errors', () => {
-    it('throws error if options contains a target value', () => {
+    it('throws error if options contains a target value', async () => {
       const expectedErrorMessage =
         '[vue-test-utils]: you cannot set the target value of an event. See the notes section of the docs for more details—https://vue-test-utils.vuejs.org/api/wrapper/trigger.html'
 
@@ -341,7 +356,7 @@ describe('trigger', () => {
       const wrapper = mount(Component, {})
 
       const fn = wrapper.trigger('click', { target: 'something' })
-      expect(fn).rejects.toThrowError(expectedErrorMessage)
+      await expect(fn).rejects.toThrowError(expectedErrorMessage)
 
       expect(clickHandler).not.toHaveBeenCalled()
     })
@@ -364,4 +379,31 @@ describe('trigger', () => {
 
     expect(wrapper.emitted().enter).toHaveLength(1)
   })
+
+  // https://github.com/vuejs/test-utils/issues/1854
+  it('dispatches events even with fakeTimers', async () => {
+    const handlerSpy = vi.fn()
+
+    const Component = defineComponent({
+      setup() {
+        return { handlerSpy }
+      },
+      template: `
+      <div>
+        <a @click="handlerSpy">
+          <span @click="() => {}">Ok</span>
+        </a>
+      </div>
+      `
+    })
+
+    vi.useFakeTimers()
+    const wrapper = mount(Component)
+
+    expect(handlerSpy).not.toHaveBeenCalled()
+
+    await wrapper.get('span').trigger('click')
+
+    expect(handlerSpy).toHaveBeenCalled()
+  })
 })
diff --git a/tsconfig.json b/tsconfig.json
index 24fe1719e..50ef836da 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,6 +10,7 @@
     ],
     "strict": true,
     "jsx": "preserve",
+    "jsxImportSource": "vue",
     "moduleResolution": "node",
     "esModuleInterop": true,
     "experimentalDecorators": true,
diff --git a/types/global.d.ts b/types/global.d.ts
index 15cfa150c..f3f8247a6 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -1,2 +1,2 @@
-declare var __BROWSER__: boolean
-declare var __USE_PREFIX_IDENTIFIERS__: boolean
+declare const __BROWSER__: boolean
+declare const __USE_PREFIX_IDENTIFIERS__: boolean
diff --git a/types/testing.d.ts b/types/testing.d.ts
index 4aa77f8f2..f20fafd0e 100644
--- a/types/testing.d.ts
+++ b/types/testing.d.ts
@@ -1,7 +1,9 @@
-import type { Router } from 'vue-router'
+import type { Router, RouteLocation } from 'vue-router'
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   interface ComponentCustomProperties {
+    $route: RouteLocation
     $router: Router
+    $t: (key: string) => string
   }
 }
diff --git a/vitest.config.ts b/vitest.config.ts
index 7aa625d69..c2c7ed33d 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -24,10 +24,13 @@ export default defineConfig({
   },
   test: {
     environment: 'jsdom',
+    pool: 'threads',
     setupFiles: [path.resolve(__dirname, './setup.js')],
     include: ['tests/**/*.spec.ts'],
-    deps: {
-      inline: ['vue', '@vue/compat']
+    server: {
+      deps: {
+        inline: ['vue', '@vue/compat']
+      }
     },
     sequence: {
       shuffle: true
@@ -35,6 +38,9 @@ export default defineConfig({
   },
   resolve: {
     extensions: ['.vue', '.js', '.json', '.jsx', '.ts', '.tsx', '.node'],
-    dedupe: ['vue', '@vue/compat']
+    dedupe: ['vue', '@vue/compat'],
+    alias: {
+      '@vue/compat': '@vue/compat/dist/vue.esm-bundler.js'
+    }
   }
 })