From 8998afa42755cbdb3403cd6c0fe158980da8492c Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Wed, 30 Aug 2023 15:06:05 +0800
Subject: [PATCH 01/18] chore: redirect feature requests to rfc discussion

---
 .github/ISSUE_TEMPLATE/config.yml          |  3 ++
 .github/ISSUE_TEMPLATE/feature_request.yml | 39 ----------------------
 2 files changed, 3 insertions(+), 39 deletions(-)
 delete mode 100644 .github/ISSUE_TEMPLATE/feature_request.yml

diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index af3782c8422..02f99c6bfbb 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,5 +1,8 @@
 blank_issues_enabled: false
 contact_links:
+  - name: Feature Request
+    url: https://github.com/vuejs/rfcs/discussions
+    about: Suggest new features for consideration
   - name: Discord Chat
     url: https://chat.vuejs.org
     about: Ask questions and discuss with other Vue users in real time.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
deleted file mode 100644
index 6861fc26d86..00000000000
--- a/.github/ISSUE_TEMPLATE/feature_request.yml
+++ /dev/null
@@ -1,39 +0,0 @@
-name: "\U0001F680 New feature proposal"
-description: Suggest an idea for this project
-labels: [":sparkles: feature request"]
-body:
-  - type: markdown
-    attributes:
-      value: |
-       **Before You Start...**
-
-        This form is only for submitting feature requests. If you have a usage question
-        or are unsure if this is really a bug, make sure to:
-
-        - Read the [docs](https://vuejs.org/)
-        - Ask on [Discord Chat](https://chat.vuejs.org/)
-        - Ask on [GitHub Discussions](https://github.com/vuejs/core/discussions)
-        - Look for / ask questions on [Stack Overflow](https://stackoverflow.com/questions/ask?tags=vue.js)
-
-        Also try to search for your issue - another user may have already requested something similar!
-
-  - type: textarea
-    id: problem-description
-    attributes:
-      label: What problem does this feature solve?
-      description: |
-        Explain your use case, context, and rationale behind this feature request. More importantly, what is the **end user experience** you are trying to build that led to the need for this feature?
-
-        An important design goal of Vue is keeping the API surface small and straightforward. In general, we only consider adding new features that solve a problem that cannot be easily dealt with using existing APIs (i.e. not just an alternative way of doing things that can already be done). The problem should also be common enough to justify the addition.
-      placeholder: Problem description
-    validations:
-      required: true
-  - type: textarea
-    id: proposed-API
-    attributes:
-      label: What does the proposed API look like?
-      description: |
-        Describe how you propose to solve the problem and provide code samples of how the API would work once implemented. Note that you can use [Markdown](https://guides.github.com/features/mastering-markdown/) to format your code blocks.
-      placeholder: Assumed API
-    validations:
-      required: true

From 8f311c6f823f6776ca1c49bfbbbf8c7d9dea9cf1 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Tue, 5 Sep 2023 08:21:20 +0100
Subject: [PATCH 02/18] fix(runtime-core): swap client/server debug labels
 (#9089)

---
 packages/runtime-core/src/hydration.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/runtime-core/src/hydration.ts b/packages/runtime-core/src/hydration.ts
index 2170a9192cf..963038e3f97 100644
--- a/packages/runtime-core/src/hydration.ts
+++ b/packages/runtime-core/src/hydration.ts
@@ -134,8 +134,8 @@ export function createHydrationFunctions(
             __DEV__ &&
               warn(
                 `Hydration text mismatch:` +
-                  `\n- Client: ${JSON.stringify((node as Text).data)}` +
-                  `\n- Server: ${JSON.stringify(vnode.children)}`
+                  `\n- Server rendered: ${JSON.stringify((node as Text).data)}` +
+                  `\n- Client rendered: ${JSON.stringify(vnode.children)}`
               )
             ;(node as Text).data = vnode.children as string
           }
@@ -406,8 +406,8 @@ export function createHydrationFunctions(
               `Hydration text content mismatch in <${
                 vnode.type as string
               }>:\n` +
-                `- Client: ${el.textContent}\n` +
-                `- Server: ${vnode.children as string}`
+                `- Server rendered: ${el.textContent}\n` +
+                `- Client rendered: ${vnode.children as string}`
             )
           el.textContent = vnode.children as string
         }

From 8adb2ca5370a0e24fb5e79622974645a1366a25f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Tue, 5 Sep 2023 02:22:39 -0500
Subject: [PATCH 03/18] ci: add autofix for pr (#9112)

---
 .github/workflows/autofix.yml     | 33 +++++++++++++++++++++++++++++++
 .github/workflows/ci.yml          | 15 ++++++--------
 .github/workflows/size-data.yml   |  5 ++++-
 .github/workflows/size-report.yml |  5 ++++-
 4 files changed, 47 insertions(+), 11 deletions(-)
 create mode 100644 .github/workflows/autofix.yml

diff --git a/.github/workflows/autofix.yml b/.github/workflows/autofix.yml
new file mode 100644
index 00000000000..a51b76fc388
--- /dev/null
+++ b/.github/workflows/autofix.yml
@@ -0,0 +1,33 @@
+name: autofix.ci
+
+on:
+  pull_request:
+permissions:
+  contents: read
+
+jobs:
+  autofix:
+    runs-on: ubuntu-latest
+    env:
+      PUPPETEER_SKIP_DOWNLOAD: 'true'
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+
+      - name: Set node version to 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
+
+      - run: pnpm install
+
+      - name: Run eslint
+        run: pnpm run lint --fix
+
+      - name: Run prettier
+        run: pnpm run format
+
+      - uses: autofix-ci/action@8caa572fd27b0019a65e4c695447089c8d3138b9
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8c08c9a935a..b85878c836a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -14,6 +14,8 @@ jobs:
   unit-test:
     runs-on: ubuntu-latest
     if: github.event_name == 'push' || github.event.pull_request.head.repo.full_name != github.repository
+    env:
+      PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
       - uses: actions/checkout@v3
 
@@ -26,9 +28,6 @@ jobs:
           node-version: 18
           cache: 'pnpm'
 
-      - name: Skip Puppeteer download
-        run: echo "PUPPETEER_SKIP_DOWNLOAD=1" >> $GITHUB_ENV
-
       - run: pnpm install
 
       - name: Run unit tests
@@ -37,6 +36,8 @@ jobs:
   unit-test-windows:
     runs-on: windows-latest
     if: github.event_name == 'push' || github.event.pull_request.head.repo.full_name != github.repository
+    env:
+      PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
       - uses: actions/checkout@v3
 
@@ -49,9 +50,6 @@ jobs:
           node-version: 18
           cache: 'pnpm'
 
-      - name: Skip Puppeteer download
-        run: echo "PUPPETEER_SKIP_DOWNLOAD=1" >> $env:GITHUB_ENV
-
       - run: pnpm install
 
       - name: Run compiler unit tests
@@ -89,6 +87,8 @@ jobs:
   lint-and-test-dts:
     runs-on: ubuntu-latest
     if: github.event_name == 'push' || github.event.pull_request.head.repo.full_name != github.repository
+    env:
+      PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
       - uses: actions/checkout@v3
 
@@ -101,9 +101,6 @@ jobs:
           node-version: 18
           cache: 'pnpm'
 
-      - name: Skip Puppeteer download
-        run: echo "PUPPETEER_SKIP_DOWNLOAD=1" >> $GITHUB_ENV
-
       - run: pnpm install
 
       - name: Run eslint
diff --git a/.github/workflows/size-data.yml b/.github/workflows/size-data.yml
index 647e029c578..a9edfeb6e0a 100644
--- a/.github/workflows/size-data.yml
+++ b/.github/workflows/size-data.yml
@@ -11,6 +11,9 @@ on:
 permissions:
   contents: read
 
+env:
+  PUPPETEER_SKIP_DOWNLOAD: 'true'
+
 jobs:
   upload:
     runs-on: ubuntu-latest
@@ -28,7 +31,7 @@ jobs:
           cache: pnpm
 
       - name: Install dependencies
-        run: PUPPETEER_SKIP_DOWNLOAD=1 pnpm install
+        run: pnpm install
 
       - run: pnpm run size
 
diff --git a/.github/workflows/size-report.yml b/.github/workflows/size-report.yml
index 75c52f717b3..d0b2e2b40ee 100644
--- a/.github/workflows/size-report.yml
+++ b/.github/workflows/size-report.yml
@@ -11,6 +11,9 @@ permissions:
   pull-requests: write
   issues: write
 
+env:
+  PUPPETEER_SKIP_DOWNLOAD: 'true'
+
 jobs:
   size-report:
     runs-on: ubuntu-latest
@@ -30,7 +33,7 @@ jobs:
           cache: pnpm
 
       - name: Install dependencies
-        run: PUPPETEER_SKIP_DOWNLOAD=1 pnpm install
+        run: pnpm install
 
       - name: Download PR number
         uses: dawidd6/action-download-artifact@v2

From 5c137c9c8f0523687360269caa54f0a67f1e6742 Mon Sep 17 00:00:00 2001
From: Alex <49969959+alexzhang1030@users.noreply.github.com>
Date: Tue, 5 Sep 2023 15:23:00 +0800
Subject: [PATCH 04/18] workflow: add lock-closed-issues (#8970)

---
 .github/workflows/lock-closed-issues.yml | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 .github/workflows/lock-closed-issues.yml

diff --git a/.github/workflows/lock-closed-issues.yml b/.github/workflows/lock-closed-issues.yml
new file mode 100644
index 00000000000..cf01a5f6cdf
--- /dev/null
+++ b/.github/workflows/lock-closed-issues.yml
@@ -0,0 +1,20 @@
+name: Lock Closed Issues
+
+on:
+  schedule:
+    - cron: '0 0 * * *'
+
+permissions:
+  issues: write
+
+jobs:
+  action:
+    if: github.repository == 'vuejs/core'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: dessant/lock-threads@v4
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          issue-inactive-days: '14'
+          issue-lock-reason: ''
+          process-only: 'issues'

From 5479d1e5bba66010d9d9253ab3119cef8f051705 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Tue, 5 Sep 2023 15:24:10 +0800
Subject: [PATCH 05/18] chore: format

---
 packages/runtime-core/src/hydration.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/runtime-core/src/hydration.ts b/packages/runtime-core/src/hydration.ts
index 963038e3f97..89a00886332 100644
--- a/packages/runtime-core/src/hydration.ts
+++ b/packages/runtime-core/src/hydration.ts
@@ -134,7 +134,9 @@ export function createHydrationFunctions(
             __DEV__ &&
               warn(
                 `Hydration text mismatch:` +
-                  `\n- Server rendered: ${JSON.stringify((node as Text).data)}` +
+                  `\n- Server rendered: ${JSON.stringify(
+                    (node as Text).data
+                  )}` +
                   `\n- Client rendered: ${JSON.stringify(vnode.children)}`
               )
             ;(node as Text).data = vnode.children as string

From e33d554cae3824a30fea140ae73852ae47b13e58 Mon Sep 17 00:00:00 2001
From: chenfan <83797583+chenfan0@users.noreply.github.com>
Date: Tue, 5 Sep 2023 16:27:54 +0800
Subject: [PATCH 06/18] refactor(reactivity): add instance check for effect
 (#9055)

---
 packages/reactivity/__tests__/effect.spec.ts | 8 ++++++++
 packages/reactivity/src/effect.ts            | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/reactivity/__tests__/effect.spec.ts b/packages/reactivity/__tests__/effect.spec.ts
index 69d24a76520..635e6534abe 100644
--- a/packages/reactivity/__tests__/effect.spec.ts
+++ b/packages/reactivity/__tests__/effect.spec.ts
@@ -585,6 +585,14 @@ describe('reactivity/effect', () => {
     expect(runner.effect.fn).toBe(otherRunner.effect.fn)
   })
 
+  it('should wrap if the passed function is a fake effect', () => {
+    const fakeRunner = () => {}
+    fakeRunner.effect = {}
+    const runner = effect(fakeRunner)
+    expect(fakeRunner).not.toBe(runner)
+    expect(runner.effect.fn).toBe(fakeRunner)
+  })
+
   it('should not run multiple times for a single mutation', () => {
     let dummy
     const obj = reactive<Record<string, number>>({})
diff --git a/packages/reactivity/src/effect.ts b/packages/reactivity/src/effect.ts
index d4a34edfef4..bbac96a4b2a 100644
--- a/packages/reactivity/src/effect.ts
+++ b/packages/reactivity/src/effect.ts
@@ -16,7 +16,7 @@ import { ComputedRefImpl } from './computed'
 // which maintains a Set of subscribers, but we simply store them as
 // raw Sets to reduce memory overhead.
 type KeyToDepMap = Map<any, Dep>
-const targetMap = new WeakMap<any, KeyToDepMap>()
+const targetMap = new WeakMap<object, KeyToDepMap>()
 
 // The number of effects currently being tracked recursively.
 let effectTrackDepth = 0
@@ -181,7 +181,7 @@ export function effect<T = any>(
   fn: () => T,
   options?: ReactiveEffectOptions
 ): ReactiveEffectRunner {
-  if ((fn as ReactiveEffectRunner).effect) {
+  if ((fn as ReactiveEffectRunner).effect instanceof ReactiveEffect) {
     fn = (fn as ReactiveEffectRunner).effect.fn
   }
 

From db99b95d160eb3769cfe2e380bee01221146ab18 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Wed, 6 Sep 2023 04:57:06 -0500
Subject: [PATCH 07/18] chore: configure renovate (#8091)

---
 .github/dependabot.yml | 70 ------------------------------------------
 .github/renovate.json5 | 51 ++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 70 deletions(-)
 delete mode 100644 .github/dependabot.yml
 create mode 100644 .github/renovate.json5

diff --git a/.github/dependabot.yml b/.github/dependabot.yml
deleted file mode 100644
index 206deefc560..00000000000
--- a/.github/dependabot.yml
+++ /dev/null
@@ -1,70 +0,0 @@
-version: 2
-updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: monthly
-  open-pull-requests-limit: 10
-  versioning-strategy: lockfile-only
-  ignore:
-  - dependency-name: "@types/node"
-    versions:
-    - 14.14.24
-    - 14.14.37
-  - dependency-name: "@babel/parser"
-    versions:
-    - 7.12.11
-    - 7.12.13
-    - 7.12.14
-    - 7.12.15
-    - 7.12.16
-    - 7.12.17
-    - 7.13.0
-    - 7.13.10
-    - 7.13.11
-    - 7.13.13
-    - 7.13.4
-    - 7.13.9
-  - dependency-name: eslint
-    versions:
-    - 7.23.0
-  - dependency-name: postcss
-    versions:
-    - 8.2.4
-    - 8.2.5
-    - 8.2.7
-    - 8.2.8
-  - dependency-name: typescript
-    versions:
-    - 4.2.2
-  - dependency-name: "@babel/types"
-    versions:
-    - 7.12.12
-    - 7.12.13
-    - 7.12.17
-    - 7.13.0
-  - dependency-name: pug-code-gen
-    versions:
-    - 2.0.3
-  - dependency-name: estree-walker
-    versions:
-    - 2.0.2
-  - dependency-name: "@typescript-eslint/parser"
-    versions:
-    - 4.14.2
-    - 4.15.0
-  - dependency-name: "@microsoft/api-extractor"
-    versions:
-    - 7.13.1
-  - dependency-name: rollup
-    versions:
-    - 2.38.5
-  - dependency-name: node-notifier
-    versions:
-    - 8.0.1
-- package-ecosystem: "github-actions"
-  directory: "/"
-  schedule:
-    interval: monthly
-  open-pull-requests-limit: 10
-  versioning-strategy: lockfile-only
diff --git a/.github/renovate.json5 b/.github/renovate.json5
new file mode 100644
index 00000000000..8f8378edf9c
--- /dev/null
+++ b/.github/renovate.json5
@@ -0,0 +1,51 @@
+{
+  $schema: 'https://docs.renovatebot.com/renovate-schema.json',
+  extends: ['config:base', 'schedule:weekly', 'group:allNonMajor'],
+  labels: ['dependencies'],
+  ignorePaths: ['**/__tests__/**'],
+  rangeStrategy: 'bump',
+  packageRules: [
+    {
+      depTypeList: ['peerDependencies'],
+      enabled: false
+    },
+    {
+      groupName: 'test',
+      matchPackageNames: ['vitest', 'jsdom', 'puppeteer'],
+      matchPackagePrefixes: ['@vitest']
+    },
+    {
+      groupName: 'playground',
+      matchFileNames: [
+        'packages/sfc-playground/package.json',
+        'packages/template-explorer/package.json'
+      ]
+    },
+    {
+      groupName: 'compiler',
+      matchPackageNames: ['magic-string'],
+      matchPackagePrefixes: ['@babel', 'postcss']
+    },
+    {
+      groupName: 'build',
+      matchPackageNames: ['vite', 'terser'],
+      matchPackagePrefixes: ['rollup', 'esbuild', '@rollup', '@vitejs']
+    },
+    {
+      groupName: 'lint',
+      matchPackageNames: ['simple-git-hooks', 'lint-staged'],
+      matchPackagePrefixes: ['@typescript-eslint', 'eslint', 'prettier']
+    }
+  ],
+  ignoreDeps: [
+    'vue',
+
+    // manually bumping
+    'node',
+    'typescript',
+
+    // ESM only
+    'chalk',
+    'estree-walker'
+  ]
+}

From 8cb147cc18ebc72bce9467f6000acc8c2e2df135 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 05:31:10 -0500
Subject: [PATCH 08/18] chore(deps): update dependency serve to v14 (#9146)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
---
 .github/contributing.md |   2 +-
 package.json            |   4 +-
 pnpm-lock.yaml          | 363 ++++++++++++++++++----------------------
 3 files changed, 170 insertions(+), 199 deletions(-)

diff --git a/.github/contributing.md b/.github/contributing.md
index 0c6771ca0b4..035cfb77a81 100644
--- a/.github/contributing.md
+++ b/.github/contributing.md
@@ -185,7 +185,7 @@ Builds and watches `vue/dist/vue-runtime.esm-bundler.js` with all deps inlined u
 
 ### `nr dev-compiler`
 
-The `dev-compiler` script builds, watches and serves the [Template Explorer](https://github.com/vuejs/core/tree/main/packages/template-explorer) at `http://localhost:5000`. This is useful when working on pure compiler issues.
+The `dev-compiler` script builds, watches and serves the [Template Explorer](https://github.com/vuejs/core/tree/main/packages/template-explorer) at `http://localhost:3000`. This is useful when working on pure compiler issues.
 
 ### `nr test`
 
diff --git a/package.json b/package.json
index b4ee1b00082..8e4dd16617d 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "dev-sfc-serve": "vite packages/sfc-playground --host",
     "dev-sfc-run": "run-p \"dev compiler-sfc -f esm-browser\" \"dev vue -if esm-bundler-runtime\" \"dev server-renderer -if esm-bundler\" dev-sfc-serve",
     "serve": "serve",
-    "open": "open http://localhost:5000/packages/template-explorer/local.html",
+    "open": "open http://localhost:3000/packages/template-explorer/local.html",
     "build-sfc-playground": "run-s build-compiler-cjs build-runtime-esm build-ssr-esm build-sfc-playground-self",
     "build-compiler-cjs": "node scripts/build.js compiler reactivity-transform shared -af cjs",
     "build-runtime-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler-runtime && node scripts/build.js vue -f esm-browser-runtime",
@@ -95,7 +95,7 @@
     "rollup-plugin-esbuild": "^5.0.0",
     "rollup-plugin-polyfill-node": "^0.12.0",
     "semver": "^7.3.2",
-    "serve": "^12.0.0",
+    "serve": "^14.2.1",
     "simple-git-hooks": "^2.8.1",
     "terser": "^5.19.2",
     "todomvc-app-css": "^2.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7c6e2a198c5..33c2ddb09a8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -126,8 +126,8 @@ importers:
         specifier: ^7.3.2
         version: 7.5.3
       serve:
-        specifier: ^12.0.0
-        version: 12.0.1
+        specifier: ^14.2.1
+        version: 14.2.1
       simple-git-hooks:
         specifier: ^2.8.1
         version: 2.8.1
@@ -359,7 +359,7 @@ importers:
         version: 4.2.3(vite@4.4.2)(vue@packages+vue)
       vite:
         specifier: ^4.4.2
-        version: 4.4.2(@types/node@16.18.38)(terser@5.18.2)
+        version: 4.4.2(@types/node@16.18.38)(terser@5.19.2)
 
   packages/shared: {}
 
@@ -1508,7 +1508,7 @@ packages:
       vite: ^4.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.4.2(@types/node@16.18.38)(terser@5.18.2)
+      vite: 4.4.2(@types/node@16.18.38)(terser@5.19.2)
       vue: link:packages/vue
     dev: true
 
@@ -1577,8 +1577,8 @@ packages:
     requiresBuild: true
     dev: false
 
-  /@zeit/schemas@2.6.0:
-    resolution: {integrity: sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg==}
+  /@zeit/schemas@2.29.0:
+    resolution: {integrity: sha512-g5QiLIfbg3pLuYUJPlisNKY+epQJTcMDsOnVNkscrDP1oi7vmJnzOANYJI/1pZcVJ6umUkBv3aFtlg1UvUHGzA==}
     dev: true
 
   /JSONStream@1.3.5:
@@ -1669,10 +1669,19 @@ packages:
       uri-js: 4.4.1
     dev: true
 
-  /ansi-align@2.0.0:
-    resolution: {integrity: sha512-TdlOggdA/zURfMYa7ABC66j+oqfMew58KpJMbUlH3bcZP1b+cBHIHDDn5uH9INsxrHBPjsqM0tDB4jPTF/vgJA==}
+  /ajv@8.11.0:
+    resolution: {integrity: sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==}
     dependencies:
-      string-width: 2.1.1
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+    dev: true
+
+  /ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+    dependencies:
+      string-width: 4.2.3
     dev: true
 
   /ansi-colors@4.1.3:
@@ -1687,16 +1696,16 @@ packages:
       type-fest: 0.21.3
     dev: true
 
-  /ansi-regex@3.0.1:
-    resolution: {integrity: sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==}
-    engines: {node: '>=4'}
-    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
+
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -1716,6 +1725,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1728,8 +1742,8 @@ packages:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
     dev: true
 
-  /arg@2.0.0:
-    resolution: {integrity: sha512-XxNTUzKnz1ctK3ZIcI2XUPlD96wbHP2nGqkPKpvk/HNRlPveYrXIVSTk9m3LcqOgDPg3B1nMvdV/K8wZd7PG4w==}
+  /arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
     dev: true
 
   /argparse@2.0.1:
@@ -1808,17 +1822,18 @@ packages:
     resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
     dev: true
 
-  /boxen@1.3.0:
-    resolution: {integrity: sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==}
-    engines: {node: '>=4'}
+  /boxen@7.0.0:
+    resolution: {integrity: sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==}
+    engines: {node: '>=14.16'}
     dependencies:
-      ansi-align: 2.0.0
-      camelcase: 4.1.0
-      chalk: 2.4.2
-      cli-boxes: 1.0.0
-      string-width: 2.1.1
-      term-size: 1.2.0
-      widest-line: 2.0.1
+      ansi-align: 3.0.1
+      camelcase: 7.0.1
+      chalk: 5.0.1
+      cli-boxes: 3.0.0
+      string-width: 5.1.2
+      type-fest: 2.19.0
+      widest-line: 4.0.1
+      wrap-ansi: 8.1.0
     dev: true
 
   /brace-expansion@1.1.11:
@@ -1903,16 +1918,16 @@ packages:
       quick-lru: 4.0.1
     dev: true
 
-  /camelcase@4.1.0:
-    resolution: {integrity: sha512-FxAv7HpHrXbh3aPo4o2qxHay2lkLY3x5Mw3KeE4KQE8ysVfziWeRZDwcjauvwBSGEC/nXUPzZy8zeh4HokqOnw==}
-    engines: {node: '>=4'}
-    dev: true
-
   /camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
     dev: true
 
+  /camelcase@7.0.1:
+    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
+    engines: {node: '>=14.16'}
+    dev: true
+
   /caniuse-lite@1.0.30001467:
     resolution: {integrity: sha512-cEdN/5e+RPikvl9AHm4uuLXxeCNq8rFsQ+lPHTfe/OtypP3WwnVVbjn+6uBV7PaFL6xUFzTh+sSCOz1rKhcO+Q==}
     dev: true
@@ -1930,13 +1945,11 @@ packages:
       type-detect: 4.0.8
     dev: true
 
-  /chalk@2.4.1:
-    resolution: {integrity: sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==}
-    engines: {node: '>=4'}
+  /chalk-template@0.4.0:
+    resolution: {integrity: sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==}
+    engines: {node: '>=12'}
     dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
+      chalk: 4.1.2
     dev: true
 
   /chalk@2.4.2:
@@ -1956,6 +1969,11 @@ packages:
       supports-color: 7.2.0
     dev: true
 
+  /chalk@5.0.1:
+    resolution: {integrity: sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
   /character-parser@2.2.0:
     resolution: {integrity: sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==}
     dependencies:
@@ -1990,9 +2008,9 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /cli-boxes@1.0.0:
-    resolution: {integrity: sha512-3Fo5wu8Ytle8q9iCzS4D2MWVL2X7JVWRiS1BnXbTFDhS9c/REkM9vd1AmabsoZoY5/dGi5TT9iKL8Kb6DeBRQg==}
-    engines: {node: '>=0.10.0'}
+  /cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
     dev: true
 
   /cli-cursor@3.1.0:
@@ -2010,12 +2028,12 @@ packages:
       string-width: 4.2.3
     dev: true
 
-  /clipboardy@2.3.0:
-    resolution: {integrity: sha512-mKhiIL2DrQIsuXMgBgnfEHOZOryC7kY7YO//TN6c63wlEm3NG5tz+YgY5rVi29KCmq/QQjKYvM7a19+MDOTHOQ==}
-    engines: {node: '>=8'}
+  /clipboardy@3.0.0:
+    resolution: {integrity: sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       arch: 2.2.0
-      execa: 1.0.0
+      execa: 5.1.1
       is-wsl: 2.2.0
     dev: true
 
@@ -2086,8 +2104,8 @@ packages:
       mime-db: 1.52.0
     dev: true
 
-  /compression@1.7.3:
-    resolution: {integrity: sha512-HSjyBG5N1Nnz7tF2+O7A9XUhyjru71/fwgNb7oIsEVHR0WShfs2tIS/EySLgiTe98aOK18YDlMXpzjCXY/n9mg==}
+  /compression@1.7.4:
+    resolution: {integrity: sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==}
     engines: {node: '>= 0.8.0'}
     dependencies:
       accepts: 1.3.8
@@ -2325,14 +2343,6 @@ packages:
       - encoding
     dev: true
 
-  /cross-spawn@5.1.0:
-    resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
-    dependencies:
-      lru-cache: 4.1.5
-      shebang-command: 1.2.0
-      which: 1.3.1
-    dev: true
-
   /cross-spawn@6.0.5:
     resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==}
     engines: {node: '>=4.8'}
@@ -2517,6 +2527,10 @@ packages:
       is-obj: 2.0.0
     dev: true
 
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: true
+
   /electron-to-chromium@1.4.333:
     resolution: {integrity: sha512-YyE8+GKyGtPEP1/kpvqsdhD6rA/TP1DUFDN4uiU/YI52NzDxmwHkEb3qjId8hLBa5siJvG0sfC3O66501jMruQ==}
     dev: true
@@ -2525,6 +2539,10 @@ packages:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
     dev: true
 
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: true
+
   /end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
     dependencies:
@@ -2859,32 +2877,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /execa@0.7.0:
-    resolution: {integrity: sha512-RztN09XglpYI7aBBrJCPW95jEH7YF1UEPOoX9yDhUTPdp7mK+CQvnLTuD10BNXZ3byLTu2uehZ8EcKT/4CGiFw==}
-    engines: {node: '>=4'}
-    dependencies:
-      cross-spawn: 5.1.0
-      get-stream: 3.0.0
-      is-stream: 1.1.0
-      npm-run-path: 2.0.2
-      p-finally: 1.0.0
-      signal-exit: 3.0.7
-      strip-eof: 1.0.0
-    dev: true
-
-  /execa@1.0.0:
-    resolution: {integrity: sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==}
-    engines: {node: '>=6'}
-    dependencies:
-      cross-spawn: 6.0.5
-      get-stream: 4.1.0
-      is-stream: 1.1.0
-      npm-run-path: 2.0.2
-      p-finally: 1.0.0
-      signal-exit: 3.0.7
-      strip-eof: 1.0.0
-    dev: true
-
   /execa@4.1.0:
     resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
     engines: {node: '>=10'}
@@ -2900,6 +2892,21 @@ packages:
       strip-final-newline: 2.0.0
     dev: true
 
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
   /extract-zip@2.0.1:
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
@@ -2942,7 +2949,7 @@ packages:
     dev: true
 
   /fast-url-parser@1.1.3:
-    resolution: {integrity: sha1-9K8+qfNNiicc9YrSs3WfQx8LMY0=}
+    resolution: {integrity: sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==}
     dependencies:
       punycode: 1.4.1
     dev: true
@@ -3104,18 +3111,6 @@ packages:
       yargs: 16.2.0
     dev: true
 
-  /get-stream@3.0.0:
-    resolution: {integrity: sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /get-stream@4.1.0:
-    resolution: {integrity: sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==}
-    engines: {node: '>=6'}
-    dependencies:
-      pump: 3.0.0
-    dev: true
-
   /get-stream@5.2.0:
     resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
     engines: {node: '>=8'}
@@ -3123,6 +3118,11 @@ packages:
       pump: 3.0.0
     dev: true
 
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+
   /get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
@@ -3367,6 +3367,11 @@ packages:
     engines: {node: '>=8.12.0'}
     dev: true
 
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+
   /iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -3525,11 +3530,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /is-fullwidth-code-point@2.0.0:
-    resolution: {integrity: sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==}
-    engines: {node: '>=4'}
-    dev: true
-
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -3583,6 +3583,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /is-port-reachable@4.0.0:
+    resolution: {integrity: sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
   /is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
     dev: true
@@ -3616,11 +3621,6 @@ packages:
       call-bind: 1.0.2
     dev: true
 
-  /is-stream@1.1.0:
-    resolution: {integrity: sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -3817,6 +3817,10 @@ packages:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
     dev: true
 
+  /json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
+
   /json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
     dev: true
@@ -4012,13 +4016,6 @@ packages:
       get-func-name: 2.0.0
     dev: true
 
-  /lru-cache@4.1.5:
-    resolution: {integrity: sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==}
-    dependencies:
-      pseudomap: 1.0.2
-      yallist: 2.1.2
-    dev: true
-
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
     dependencies:
@@ -4158,12 +4155,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /minimatch@3.0.4:
-    resolution: {integrity: sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==}
-    dependencies:
-      brace-expansion: 1.1.11
-    dev: true
-
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -4311,13 +4302,6 @@ packages:
       string.prototype.padend: 3.1.4
     dev: true
 
-  /npm-run-path@2.0.2:
-    resolution: {integrity: sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==}
-    engines: {node: '>=4'}
-    dependencies:
-      path-key: 2.0.1
-    dev: true
-
   /npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
@@ -4395,11 +4379,6 @@ packages:
       word-wrap: 1.2.4
     dev: true
 
-  /p-finally@1.0.0:
-    resolution: {integrity: sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==}
-    engines: {node: '>=4'}
-    dev: true
-
   /p-limit@1.3.0:
     resolution: {integrity: sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==}
     engines: {node: '>=4'}
@@ -4734,10 +4713,6 @@ packages:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
     dev: true
 
-  /pseudomap@1.0.2:
-    resolution: {integrity: sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==}
-    dev: true
-
   /psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
     dev: true
@@ -5034,6 +5009,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
     dev: true
@@ -5205,32 +5185,35 @@ packages:
       randombytes: 2.1.0
     dev: true
 
-  /serve-handler@6.1.3:
-    resolution: {integrity: sha512-FosMqFBNrLyeiIDvP1zgO6YoTzFYHxLDEIavhlmQ+knB2Z7l1t+kGLHkZIDN7UVWqQAmKI3D20A6F6jo3nDd4w==}
+  /serve-handler@6.1.5:
+    resolution: {integrity: sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==}
     dependencies:
       bytes: 3.0.0
       content-disposition: 0.5.2
       fast-url-parser: 1.1.3
       mime-types: 2.1.18
-      minimatch: 3.0.4
+      minimatch: 3.1.2
       path-is-inside: 1.0.2
       path-to-regexp: 2.2.1
       range-parser: 1.2.0
     dev: true
 
-  /serve@12.0.1:
-    resolution: {integrity: sha512-CQ4ikLpxg/wmNM7yivulpS6fhjRiFG6OjmP8ty3/c1SBnSk23fpKmLAV4HboTA2KrZhkUPlDfjDhnRmAjQ5Phw==}
+  /serve@14.2.1:
+    resolution: {integrity: sha512-48er5fzHh7GCShLnNyPBRPEjs2I6QBozeGr02gaacROiyS/8ARADlj595j39iZXAqBbJHH/ivJJyPRWY9sQWZA==}
+    engines: {node: '>= 14'}
     hasBin: true
     dependencies:
-      '@zeit/schemas': 2.6.0
-      ajv: 6.12.6
-      arg: 2.0.0
-      boxen: 1.3.0
-      chalk: 2.4.1
-      clipboardy: 2.3.0
-      compression: 1.7.3
-      serve-handler: 6.1.3
-      update-check: 1.5.2
+      '@zeit/schemas': 2.29.0
+      ajv: 8.11.0
+      arg: 5.0.2
+      boxen: 7.0.0
+      chalk: 5.0.1
+      chalk-template: 0.4.0
+      clipboardy: 3.0.0
+      compression: 1.7.4
+      is-port-reachable: 4.0.0
+      serve-handler: 6.1.5
+      update-check: 1.5.4
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -5388,14 +5371,6 @@ packages:
     resolution: {integrity: sha512-kJUvRUFK49aub+a7T1nNE66EJbZBMnBgoC1UbCZ5n6bsZKBRga4KgBRTMn/pFkeCZSYtNeSyMxPDM0AXWELk2A==}
     dev: true
 
-  /string-width@2.1.1:
-    resolution: {integrity: sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==}
-    engines: {node: '>=4'}
-    dependencies:
-      is-fullwidth-code-point: 2.0.0
-      strip-ansi: 4.0.0
-    dev: true
-
   /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -5405,6 +5380,15 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+    dev: true
+
   /string.prototype.padend@3.1.4:
     resolution: {integrity: sha512-67otBXoksdjsnXXRUq+KMVTdlVRZ2af422Y0aTyTjVaoQkGr3mxl2Bc5emi7dOQ3OGVVQQskmLEWwFXwommpNw==}
     engines: {node: '>= 0.4'}
@@ -5450,13 +5434,6 @@ packages:
       is-regexp: 1.0.0
     dev: true
 
-  /strip-ansi@4.0.0:
-    resolution: {integrity: sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==}
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-regex: 3.0.1
-    dev: true
-
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -5464,16 +5441,18 @@ packages:
       ansi-regex: 5.0.1
     dev: true
 
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
     dev: true
 
-  /strip-eof@1.0.0:
-    resolution: {integrity: sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
@@ -5558,24 +5537,6 @@ packages:
       uuid: 3.4.0
     dev: true
 
-  /term-size@1.2.0:
-    resolution: {integrity: sha512-7dPUZQGy/+m3/wjVz3ZW5dobSoD/02NxJpoXUX0WIyjfVS3l0c+b/+9phIDFA7FHzkYtwtMFgeGZ/Y8jVTeqQQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      execa: 0.7.0
-    dev: true
-
-  /terser@5.18.2:
-    resolution: {integrity: sha512-Ah19JS86ypbJzTzvUCX7KOsEIhDaRONungA4aYBjEP3JZRf4ocuDzTg4QWZnPn9DEMiMYGJPiSOy7aykoCc70w==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      '@jridgewell/source-map': 0.3.5
-      acorn: 8.8.2
-      commander: 2.20.3
-      source-map-support: 0.5.21
-    dev: true
-
   /terser@5.19.2:
     resolution: {integrity: sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==}
     engines: {node: '>=10'}
@@ -5759,6 +5720,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+    dev: true
+
   /typed-array-length@1.0.4:
     resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
     dependencies:
@@ -5823,8 +5789,8 @@ packages:
       picocolors: 1.0.0
     dev: true
 
-  /update-check@1.5.2:
-    resolution: {integrity: sha512-1TrmYLuLj/5ZovwUS7fFd1jMH3NnFDN1y1A8dboedIDt7zs/zJMo6TwwlhYKkSeEwzleeiSBV5/3c9ufAQWDaQ==}
+  /update-check@1.5.4:
+    resolution: {integrity: sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==}
     dependencies:
       registry-auth-token: 3.3.2
       registry-url: 3.1.0
@@ -5919,7 +5885,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vite@4.4.2(@types/node@16.18.38)(terser@5.18.2):
+  /vite@4.4.2(@types/node@16.18.38)(terser@5.19.2):
     resolution: {integrity: sha512-zUcsJN+UvdSyHhYa277UHhiJ3iq4hUBwHavOpsNUGsTgjBeoBlK8eDt+iT09pBq0h9/knhG/SPrZiM7cGmg7NA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -5951,7 +5917,7 @@ packages:
       esbuild: 0.18.11
       postcss: 8.4.25
       rollup: 3.26.2
-      terser: 5.18.2
+      terser: 5.19.2
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
@@ -6122,11 +6088,11 @@ packages:
       stackback: 0.0.2
     dev: true
 
-  /widest-line@2.0.1:
-    resolution: {integrity: sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==}
-    engines: {node: '>=4'}
+  /widest-line@4.0.1:
+    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
+    engines: {node: '>=12'}
     dependencies:
-      string-width: 2.1.1
+      string-width: 5.1.2
     dev: true
 
   /with@7.0.2:
@@ -6166,6 +6132,15 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+    dev: true
+
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
@@ -6215,10 +6190,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /yallist@2.1.2:
-    resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
-    dev: true
-
   /yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
     dev: true

From 2ac544b138564f2457bf9705e14c35788e3e79e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Wed, 6 Sep 2023 18:39:01 +0800
Subject: [PATCH 09/18] chore: upgrade node requirement for dev

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8e4dd16617d..63c9f7641b8 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     ]
   },
   "engines": {
-    "node": ">=16.11.0"
+    "node": ">=16.14.0"
   },
   "devDependencies": {
     "@babel/parser": "^7.21.3",

From 25595f593c94f66491251c10ee0ec01458f3c01f Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 05:41:24 -0500
Subject: [PATCH 10/18] chore(deps): update lint (major) (#9147)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 package.json   |   4 +-
 pnpm-lock.yaml | 427 ++++++++++++++++++++++++-------------------------
 2 files changed, 207 insertions(+), 224 deletions(-)

diff --git a/package.json b/package.json
index 63c9f7641b8..fbc5892184a 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "@rollup/plugin-terser": "^0.4.0",
     "@types/hash-sum": "^1.0.0",
     "@types/node": "^16.4.7",
-    "@typescript-eslint/parser": "^5.56.0",
+    "@typescript-eslint/parser": "^6.6.0",
     "@vitest/coverage-istanbul": "^0.29.7",
     "@vue/consolidate": "0.17.3",
     "chalk": "^4.1.0",
@@ -79,7 +79,7 @@
     "estree-walker": "^2.0.2",
     "execa": "^4.0.2",
     "jsdom": "^21.1.0",
-    "lint-staged": "^10.2.10",
+    "lint-staged": "^14.0.1",
     "lodash": "^4.17.15",
     "magic-string": "^0.30.0",
     "markdown-table": "^3.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33c2ddb09a8..d428aca5eed 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,8 +39,8 @@ importers:
         specifier: ^16.4.7
         version: 16.18.38
       '@typescript-eslint/parser':
-        specifier: ^5.56.0
-        version: 5.56.0(eslint@8.33.0)(typescript@5.1.6)
+        specifier: ^6.6.0
+        version: 6.6.0(eslint@8.33.0)(typescript@5.1.6)
       '@vitest/coverage-istanbul':
         specifier: ^0.29.7
         version: 0.29.7(vitest@0.30.1)
@@ -78,8 +78,8 @@ importers:
         specifier: ^21.1.0
         version: 21.1.0
       lint-staged:
-        specifier: ^10.2.10
-        version: 10.5.4
+        specifier: ^14.0.1
+        version: 14.0.1(enquirer@2.3.6)
       lodash:
         specifier: ^4.17.15
         version: 4.17.21
@@ -1357,10 +1357,6 @@ packages:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
     dev: true
 
-  /@types/parse-json@4.0.0:
-    resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
-    dev: true
-
   /@types/resolve@1.20.2:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
     dev: true
@@ -1377,19 +1373,20 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/parser@5.56.0(eslint@8.33.0)(typescript@5.1.6):
-    resolution: {integrity: sha512-sn1OZmBxUsgxMmR8a8U5QM/Wl+tyqlH//jTqCg8daTAmhAk26L2PFhcqPLlYBhYUJMZJK276qLXlHN3a83o2cg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/parser@6.6.0(eslint@8.33.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-setq5aJgUwtzGrhW177/i+DMLqBaJbdwGj2CPIVFFLE0NCliy5ujIdLHd2D1ysmlmsjdL2GWW+hR85neEfc12w==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      eslint: ^7.0.0 || ^8.0.0
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 5.56.0
-      '@typescript-eslint/types': 5.56.0
-      '@typescript-eslint/typescript-estree': 5.56.0(typescript@5.1.6)
+      '@typescript-eslint/scope-manager': 6.6.0
+      '@typescript-eslint/types': 6.6.0
+      '@typescript-eslint/typescript-estree': 6.6.0(typescript@5.1.6)
+      '@typescript-eslint/visitor-keys': 6.6.0
       debug: 4.3.4
       eslint: 8.33.0
       typescript: 5.1.6
@@ -1405,12 +1402,12 @@ packages:
       '@typescript-eslint/visitor-keys': 5.50.0
     dev: true
 
-  /@typescript-eslint/scope-manager@5.56.0:
-    resolution: {integrity: sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/scope-manager@6.6.0:
+    resolution: {integrity: sha512-pT08u5W/GT4KjPUmEtc2kSYvrH8x89cVzkA0Sy2aaOUIw6YxOIjA8ilwLr/1fLjOedX1QAuBpG9XggWqIIfERw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.56.0
-      '@typescript-eslint/visitor-keys': 5.56.0
+      '@typescript-eslint/types': 6.6.0
+      '@typescript-eslint/visitor-keys': 6.6.0
     dev: true
 
   /@typescript-eslint/types@5.50.0:
@@ -1418,9 +1415,9 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/types@5.56.0:
-    resolution: {integrity: sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/types@6.6.0:
+    resolution: {integrity: sha512-CB6QpJQ6BAHlJXdwUmiaXDBmTqIE2bzGTDLADgvqtHWuhfNP3rAOK7kAgRMAET5rDRr9Utt+qAzRBdu3AhR3sg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
   /@typescript-eslint/typescript-estree@5.50.0(typescript@5.1.6):
@@ -1437,29 +1434,29 @@ packages:
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.3
+      semver: 7.5.4
       tsutils: 3.21.0(typescript@5.1.6)
       typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@5.56.0(typescript@5.1.6):
-    resolution: {integrity: sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/typescript-estree@6.6.0(typescript@5.1.6):
+    resolution: {integrity: sha512-hMcTQ6Al8MP2E6JKBAaSxSVw5bDhdmbCEhGW/V8QXkb9oNsFkA4SBuOMYVPxD3jbtQ4R/vSODBsr76R6fP3tbA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 5.56.0
-      '@typescript-eslint/visitor-keys': 5.56.0
+      '@typescript-eslint/types': 6.6.0
+      '@typescript-eslint/visitor-keys': 6.6.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.3
-      tsutils: 3.21.0(typescript@5.1.6)
+      semver: 7.5.4
+      ts-api-utils: 1.0.2(typescript@5.1.6)
       typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
@@ -1490,15 +1487,15 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       '@typescript-eslint/types': 5.50.0
-      eslint-visitor-keys: 3.3.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@typescript-eslint/visitor-keys@5.56.0:
-    resolution: {integrity: sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@typescript-eslint/visitor-keys@6.6.0:
+    resolution: {integrity: sha512-L61uJT26cMOfFQ+lMZKoJNbAEckLe539VhTxiGHrWl5XSKQgA0RTBZJW2HFPy5T0ZvPVSD93QsrTKDkfNwJGyQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 5.56.0
-      eslint-visitor-keys: 3.3.0
+      '@typescript-eslint/types': 6.6.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
   /@vitejs/plugin-vue@4.2.3(vite@4.4.2)(vue@packages+vue):
@@ -1652,14 +1649,6 @@ packages:
       - supports-color
     dev: true
 
-  /aggregate-error@3.1.0:
-    resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
-    engines: {node: '>=8'}
-    dependencies:
-      clean-stack: 2.2.0
-      indent-string: 4.0.0
-    dev: true
-
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -1689,11 +1678,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /ansi-escapes@4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
-    engines: {node: '>=8'}
+  /ansi-escapes@5.0.0:
+    resolution: {integrity: sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==}
+    engines: {node: '>=12'}
     dependencies:
-      type-fest: 0.21.3
+      type-fest: 1.4.0
     dev: true
 
   /ansi-regex@5.0.1:
@@ -1776,11 +1765,6 @@ packages:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
 
-  /astral-regex@2.0.0:
-    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
-    engines: {node: '>=8'}
-    dev: true
-
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: true
@@ -1828,7 +1812,7 @@ packages:
     dependencies:
       ansi-align: 3.0.1
       camelcase: 7.0.1
-      chalk: 5.0.1
+      chalk: 5.3.0
       cli-boxes: 3.0.0
       string-width: 5.1.2
       type-fest: 2.19.0
@@ -1974,6 +1958,11 @@ packages:
     engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
     dev: true
 
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
   /character-parser@2.2.0:
     resolution: {integrity: sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==}
     dependencies:
@@ -2003,29 +1992,24 @@ packages:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     dev: true
 
-  /clean-stack@2.2.0:
-    resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
-    engines: {node: '>=6'}
-    dev: true
-
   /cli-boxes@3.0.0:
     resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
     engines: {node: '>=10'}
     dev: true
 
-  /cli-cursor@3.1.0:
-    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
-    engines: {node: '>=8'}
+  /cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      restore-cursor: 3.1.0
+      restore-cursor: 4.0.0
     dev: true
 
-  /cli-truncate@2.1.0:
-    resolution: {integrity: sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==}
-    engines: {node: '>=8'}
+  /cli-truncate@3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      slice-ansi: 3.0.0
-      string-width: 4.2.3
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
     dev: true
 
   /clipboardy@3.0.0:
@@ -2066,8 +2050,8 @@ packages:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     dev: true
 
-  /colorette@2.0.19:
-    resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
     dev: true
 
   /combined-stream@1.0.8:
@@ -2077,13 +2061,13 @@ packages:
       delayed-stream: 1.0.0
     dev: true
 
-  /commander@2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+  /commander@11.0.0:
+    resolution: {integrity: sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==}
+    engines: {node: '>=16'}
     dev: true
 
-  /commander@6.2.1:
-    resolution: {integrity: sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==}
-    engines: {node: '>= 6'}
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
     dev: true
 
   /commondir@1.0.1:
@@ -2133,7 +2117,7 @@ packages:
       js-string-escape: 1.0.1
       lodash: 4.17.21
       md5-hex: 3.0.1
-      semver: 7.5.3
+      semver: 7.5.4
       well-known-symbols: 2.0.0
     dev: true
 
@@ -2314,17 +2298,6 @@ packages:
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
-  /cosmiconfig@7.1.0:
-    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
-    engines: {node: '>=10'}
-    dependencies:
-      '@types/parse-json': 4.0.0
-      import-fresh: 3.3.0
-      parse-json: 5.2.0
-      path-type: 4.0.0
-      yaml: 1.10.2
-    dev: true
-
   /cosmiconfig@8.0.0:
     resolution: {integrity: sha512-da1EafcpH6b/TD8vDRaWV7xFINlHlF6zKsGwS1TsuVJTZRkquaS5HTMq7uq6h31619QjbsYl21gVDOm32KM1vQ==}
     engines: {node: '>=14'}
@@ -2453,10 +2426,6 @@ packages:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
     dev: true
 
-  /dedent@0.7.0:
-    resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
-    dev: true
-
   /deep-eql@4.1.3:
     resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
     engines: {node: '>=6'}
@@ -2782,6 +2751,11 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /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}
+    dev: true
+
   /eslint@8.33.0:
     resolution: {integrity: sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2836,7 +2810,7 @@ packages:
     dependencies:
       acorn: 8.8.2
       acorn-jsx: 5.3.2(acorn@8.8.2)
-      eslint-visitor-keys: 3.3.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
   /esprima@4.0.1:
@@ -2877,6 +2851,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+    dev: true
+
   /execa@4.1.0:
     resolution: {integrity: sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==}
     engines: {node: '>=10'}
@@ -2907,6 +2885,21 @@ packages:
       strip-final-newline: 2.0.0
     dev: true
 
+  /execa@7.2.0:
+    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
+    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 4.3.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
+
   /extract-zip@2.0.1:
     resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
     engines: {node: '>= 10.17.0'}
@@ -3096,10 +3089,6 @@ packages:
       has-symbols: 1.0.3
     dev: true
 
-  /get-own-enumerable-property-symbols@3.0.2:
-    resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
-    dev: true
-
   /get-pkg-repo@4.2.1:
     resolution: {integrity: sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==}
     engines: {node: '>=6.9.0'}
@@ -3372,6 +3361,11 @@ packages:
     engines: {node: '>=10.17.0'}
     dev: true
 
+  /human-signals@4.3.1:
+    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
+    engines: {node: '>=14.18.0'}
+    dev: true
+
   /iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -3535,6 +3529,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
@@ -3563,11 +3562,6 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
-  /is-obj@1.0.1:
-    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /is-obj@2.0.0:
     resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
     engines: {node: '>=8'}
@@ -3610,11 +3604,6 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
-  /is-regexp@1.0.0:
-    resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /is-shared-array-buffer@1.0.2:
     resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
     dependencies:
@@ -3626,6 +3615,11 @@ packages:
     engines: {node: '>=8'}
     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
+
   /is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
@@ -3658,11 +3652,6 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
-  /is-unicode-supported@0.1.0:
-    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
-    engines: {node: '>=10'}
-    dev: true
-
   /is-weakref@1.0.2:
     resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
     dependencies:
@@ -3887,51 +3876,51 @@ packages:
       immediate: 3.0.6
     dev: false
 
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
 
-  /lint-staged@10.5.4:
-    resolution: {integrity: sha512-EechC3DdFic/TdOPgj/RB3FicqE6932LTHCUm0Y2fsD9KGlLB+RwJl2q1IYBIvEsKzDOgn0D4gll+YxG5RsrKg==}
+  /lint-staged@14.0.1(enquirer@2.3.6):
+    resolution: {integrity: sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw==}
+    engines: {node: ^16.14.0 || >=18.0.0}
     hasBin: true
     dependencies:
-      chalk: 4.1.2
-      cli-truncate: 2.1.0
-      commander: 6.2.1
-      cosmiconfig: 7.1.0
+      chalk: 5.3.0
+      commander: 11.0.0
       debug: 4.3.4
-      dedent: 0.7.0
-      enquirer: 2.3.6
-      execa: 4.1.0
-      listr2: 3.14.0(enquirer@2.3.6)
-      log-symbols: 4.1.0
+      execa: 7.2.0
+      lilconfig: 2.1.0
+      listr2: 6.6.1(enquirer@2.3.6)
       micromatch: 4.0.5
-      normalize-path: 3.0.0
-      please-upgrade-node: 3.2.0
-      string-argv: 0.3.1
-      stringify-object: 3.3.0
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.3.1
     transitivePeerDependencies:
+      - enquirer
       - supports-color
     dev: true
 
-  /listr2@3.14.0(enquirer@2.3.6):
-    resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
-    engines: {node: '>=10.0.0'}
+  /listr2@6.6.1(enquirer@2.3.6):
+    resolution: {integrity: sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==}
+    engines: {node: '>=16.0.0'}
     peerDependencies:
       enquirer: '>= 2.3.0 < 3'
     peerDependenciesMeta:
       enquirer:
         optional: true
     dependencies:
-      cli-truncate: 2.1.0
-      colorette: 2.0.19
+      cli-truncate: 3.1.0
+      colorette: 2.0.20
       enquirer: 2.3.6
-      log-update: 4.0.0
-      p-map: 4.0.0
+      eventemitter3: 5.0.1
+      log-update: 5.0.1
       rfdc: 1.3.0
-      rxjs: 7.8.0
-      through: 2.3.8
-      wrap-ansi: 7.0.0
+      wrap-ansi: 8.1.0
     dev: true
 
   /load-json-file@4.0.0:
@@ -3992,22 +3981,15 @@ packages:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
     dev: true
 
-  /log-symbols@4.1.0:
-    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
-    engines: {node: '>=10'}
-    dependencies:
-      chalk: 4.1.2
-      is-unicode-supported: 0.1.0
-    dev: true
-
-  /log-update@4.0.0:
-    resolution: {integrity: sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==}
-    engines: {node: '>=10'}
+  /log-update@5.0.1:
+    resolution: {integrity: sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
-      ansi-escapes: 4.3.2
-      cli-cursor: 3.1.0
-      slice-ansi: 4.0.0
-      wrap-ansi: 6.2.0
+      ansi-escapes: 5.0.0
+      cli-cursor: 4.0.0
+      slice-ansi: 5.0.0
+      strip-ansi: 7.1.0
+      wrap-ansi: 8.1.0
     dev: true
 
   /loupe@2.3.6:
@@ -4150,6 +4132,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -4277,7 +4264,7 @@ packages:
     dependencies:
       hosted-git-info: 4.1.0
       is-core-module: 2.11.0
-      semver: 7.5.3
+      semver: 7.5.4
       validate-npm-package-license: 3.0.4
     dev: true
 
@@ -4309,6 +4296,13 @@ packages:
       path-key: 3.1.1
     dev: true
 
+  /npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
   /nwsapi@2.2.2:
     resolution: {integrity: sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==}
     dev: true
@@ -4355,6 +4349,13 @@ packages:
       mimic-fn: 2.1.0
     dev: true
 
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
   /optionator@0.8.3:
     resolution: {integrity: sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==}
     engines: {node: '>= 0.8.0'}
@@ -4428,13 +4429,6 @@ packages:
       p-limit: 3.1.0
     dev: true
 
-  /p-map@4.0.0:
-    resolution: {integrity: sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      aggregate-error: 3.1.0
-    dev: true
-
   /p-try@1.0.0:
     resolution: {integrity: sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==}
     engines: {node: '>=4'}
@@ -4509,6 +4503,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
     dev: true
@@ -4555,6 +4554,12 @@ packages:
     hasBin: true
     dev: true
 
+  /pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
   /pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
@@ -4573,12 +4578,6 @@ packages:
       pathe: 1.1.0
     dev: true
 
-  /please-upgrade-node@3.2.0:
-    resolution: {integrity: sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==}
-    dependencies:
-      semver-compare: 1.0.0
-    dev: true
-
   /postcss-modules-extract-imports@3.0.0(postcss@8.4.21):
     resolution: {integrity: sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==}
     engines: {node: ^10 || ^12 || >= 14}
@@ -5036,9 +5035,9 @@ packages:
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
 
-  /restore-cursor@3.1.0:
-    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
-    engines: {node: '>=8'}
+  /restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       onetime: 5.1.2
       signal-exit: 3.0.7
@@ -5115,12 +5114,6 @@ packages:
       queue-microtask: 1.2.3
     dev: true
 
-  /rxjs@7.8.0:
-    resolution: {integrity: sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==}
-    dependencies:
-      tslib: 2.6.0
-    dev: true
-
   /safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
@@ -5157,10 +5150,6 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
-  /semver-compare@1.0.0:
-    resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
-    dev: true
-
   /semver@5.7.1:
     resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
     hasBin: true
@@ -5179,6 +5168,14 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
   /serialize-javascript@6.0.1:
     resolution: {integrity: sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==}
     dependencies:
@@ -5282,22 +5279,12 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /slice-ansi@3.0.0:
-    resolution: {integrity: sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
-    dev: true
-
-  /slice-ansi@4.0.0:
-    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
-    engines: {node: '>=10'}
+  /slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
     dependencies:
-      ansi-styles: 4.3.0
-      astral-regex: 2.0.0
-      is-fullwidth-code-point: 3.0.0
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
     dev: true
 
   /smob@0.0.6:
@@ -5362,8 +5349,8 @@ packages:
     resolution: {integrity: sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==}
     dev: true
 
-  /string-argv@0.3.1:
-    resolution: {integrity: sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==}
+  /string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
     dev: true
 
@@ -5425,15 +5412,6 @@ packages:
       safe-buffer: 5.2.1
     dev: true
 
-  /stringify-object@3.3.0:
-    resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
-    engines: {node: '>=4'}
-    dependencies:
-      get-own-enumerable-property-symbols: 3.0.2
-      is-obj: 1.0.1
-      is-regexp: 1.0.0
-    dev: true
-
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -5458,6 +5436,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -5647,6 +5630,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /ts-api-utils@1.0.2(typescript@5.1.6):
+    resolution: {integrity: sha512-Cbu4nIqnEdd+THNEsBdkolnOXhg0I8XteoHaEKgvsxpsbWda4IsUut2c187HxywQCvveojow0Dgw/amxtSKVkQ==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.1.6
+    dev: true
+
   /tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
     dev: true
@@ -5705,11 +5697,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /type-fest@0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
-    engines: {node: '>=10'}
-    dev: true
-
   /type-fest@0.6.0:
     resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
     engines: {node: '>=8'}
@@ -5720,6 +5707,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /type-fest@1.4.0:
+    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
+    engines: {node: '>=10'}
+    dev: true
+
   /type-fest@2.19.0:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
@@ -6114,15 +6106,6 @@ packages:
     resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
     dev: true
 
-  /wrap-ansi@6.2.0:
-    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
-    engines: {node: '>=8'}
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-    dev: true
-
   /wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -6198,9 +6181,9 @@ packages:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
     dev: true
 
-  /yaml@1.10.2:
-    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
-    engines: {node: '>= 6'}
+  /yaml@2.3.1:
+    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
+    engines: {node: '>= 14'}
     dev: true
 
   /yargs-parser@20.2.9:

From ca00cf245efe9e0541852f5bb9fb3b59a80a9871 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:12:48 -0500
Subject: [PATCH 11/18] chore(deps): update test (major) (#9148)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
---
 .github/workflows/ci.yml                      |   3 +-
 package.json                                  |   4 +-
 packages/vue/__tests__/e2e/Transition.spec.ts |  72 +--
 .../vue/__tests__/e2e/TransitionGroup.spec.ts |  18 +-
 packages/vue/__tests__/e2e/e2eUtils.ts        |  14 +-
 pnpm-lock.yaml                                | 473 ++++++++++++------
 6 files changed, 377 insertions(+), 207 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index b85878c836a..d17e1cbe842 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -67,7 +67,7 @@ jobs:
       - name: Setup cache for Chromium binary
         uses: actions/cache@v3
         with:
-          path: ~/.cache/puppeteer/chrome
+          path: ~/.cache/puppeteer
           key: chromium-${{ hashFiles('pnpm-lock.yaml') }}
 
       - name: Install pnpm
@@ -80,6 +80,7 @@ jobs:
           cache: 'pnpm'
 
       - run: pnpm install
+      - run: node node_modules/puppeteer/install.js
 
       - name: Run e2e tests
         run: pnpm run test-e2e
diff --git a/package.json b/package.json
index fbc5892184a..ab5d8b10b1e 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "eslint-plugin-jest": "^27.2.1",
     "estree-walker": "^2.0.2",
     "execa": "^4.0.2",
-    "jsdom": "^21.1.0",
+    "jsdom": "^22.1.0",
     "lint-staged": "^14.0.1",
     "lodash": "^4.17.15",
     "magic-string": "^0.30.0",
@@ -89,7 +89,7 @@
     "prettier": "^3.0.1",
     "pretty-bytes": "^6.1.1",
     "pug": "^3.0.1",
-    "puppeteer": "~19.6.0",
+    "puppeteer": "~21.1.1",
     "rollup": "^3.26.0",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-esbuild": "^5.0.0",
diff --git a/packages/vue/__tests__/e2e/Transition.spec.ts b/packages/vue/__tests__/e2e/Transition.spec.ts
index 50b3524fdb7..326eaa57e3d 100644
--- a/packages/vue/__tests__/e2e/Transition.spec.ts
+++ b/packages/vue/__tests__/e2e/Transition.spec.ts
@@ -295,12 +295,12 @@ describe('e2e: Transition', () => {
             <div id="container">
               <transition
                 name="test"
-                @before-enter="beforeEnterSpy"
-                @enter="onEnterSpy"
-                @after-enter="afterEnterSpy"
-                @before-leave="beforeLeaveSpy"
-                @leave="onLeaveSpy"
-                @after-leave="afterLeaveSpy">
+                @before-enter="beforeEnterSpy()"
+                @enter="onEnterSpy()"
+                @after-enter="afterEnterSpy()"
+                @before-leave="beforeLeaveSpy()"
+                @leave="onLeaveSpy()"
+                @after-leave="afterLeaveSpy()">
                 <div v-if="toggle" class="test">content</div>
               </transition>
             </div>
@@ -496,7 +496,7 @@ describe('e2e: Transition', () => {
             <div id="container">
               <transition
                 name="test"
-                @enter-cancelled="enterCancelledSpy">
+                @enter-cancelled="enterCancelledSpy()">
                 <div v-if="toggle" class="test">content</div>
               </transition>
             </div>
@@ -666,15 +666,15 @@ describe('e2e: Transition', () => {
                   appear-from-class="test-appear-from"
                   appear-to-class="test-appear-to"
                   appear-active-class="test-appear-active"
-                  @before-enter="beforeEnterSpy"
-                  @enter="onEnterSpy"
-                  @after-enter="afterEnterSpy"
-                  @before-leave="beforeLeaveSpy"
-                  @leave="onLeaveSpy"
-                  @after-leave="afterLeaveSpy"
-                  @before-appear="beforeAppearSpy"
-                  @appear="onAppearSpy"
-                  @after-appear="afterAppearSpy">
+                  @before-enter="beforeEnterSpy()"
+                  @enter="onEnterSpy()"
+                  @after-enter="afterEnterSpy()"
+                  @before-leave="beforeLeaveSpy()"
+                  @leave="onLeaveSpy()"
+                  @after-leave="afterLeaveSpy()"
+                  @before-appear="beforeAppearSpy()"
+                  @appear="onAppearSpy()"
+                  @after-appear="afterAppearSpy()">
                   <div v-if="toggle" class="test">content</div>
                 </transition>
               </div>
@@ -802,12 +802,12 @@ describe('e2e: Transition', () => {
               <transition
                 :css="false"
                 name="test"
-                @before-enter="onBeforeEnterSpy"
-                @enter="onEnterSpy"
-                @after-enter="onAfterEnterSpy"
-                @before-leave="onBeforeLeaveSpy"
-                @leave="onLeaveSpy"
-                @after-leave="onAfterLeaveSpy">
+                @before-enter="onBeforeEnterSpy()"
+                @enter="onEnterSpy()"
+                @after-enter="onAfterEnterSpy()"
+                @before-leave="onBeforeLeaveSpy()"
+                @leave="onLeaveSpy()"
+                @after-leave="onAfterLeaveSpy()">
                 <div v-if="toggle" class="test">content</div>
               </transition>
             </div>
@@ -1233,7 +1233,7 @@ describe('e2e: Transition', () => {
           createApp({
             template: `
             <div id="container">
-              <transition @enter="onEnterSpy" @leave="onLeaveSpy">
+              <transition @enter="onEnterSpy()" @leave="onLeaveSpy()">
                 <Suspense>
                   <Comp v-if="toggle" class="test">content</Comp>
                 </Suspense>
@@ -1592,12 +1592,12 @@ describe('e2e: Transition', () => {
             <div id="container">
               <transition
                 name="test"
-                @before-enter="beforeEnterSpy"
-                @enter="onEnterSpy"
-                @after-enter="afterEnterSpy"
-                @before-leave="beforeLeaveSpy"
-                @leave="onLeaveSpy"
-                @after-leave="afterLeaveSpy">
+                @before-enter="beforeEnterSpy()"
+                @enter="onEnterSpy()"
+                @after-enter="afterEnterSpy()"
+                @before-leave="beforeLeaveSpy()"
+                @leave="onLeaveSpy()"
+                @after-leave="afterLeaveSpy()">
                 <div v-show="toggle" class="test">content</div>
               </transition>
             </div>
@@ -1678,7 +1678,7 @@ describe('e2e: Transition', () => {
           createApp({
             template: `
             <div id="container">
-              <transition name="test" @leave-cancelled="onLeaveCancelledSpy">
+              <transition name="test" @leave-cancelled="onLeaveCancelledSpy()">
                 <div v-show="toggle" class="test">content</div>
               </transition>
             </div>
@@ -1750,9 +1750,9 @@ describe('e2e: Transition', () => {
                             appear-from-class="test-appear-from"
                             appear-to-class="test-appear-to"
                             appear-active-class="test-appear-active"
-                            @before-enter="beforeEnterSpy"
-                            @enter="onEnterSpy"
-                            @after-enter="afterEnterSpy">
+                            @before-enter="beforeEnterSpy()"
+                            @enter="onEnterSpy()"
+                            @after-enter="afterEnterSpy()">
                   <div v-show="toggle" class="test">content</div>
                 </transition>
               </div>
@@ -1854,9 +1854,9 @@ describe('e2e: Transition', () => {
               <transition
                 name="test"
                 appear
-                @before-enter="beforeEnterSpy"
-                @enter="onEnterSpy"
-                @after-enter="afterEnterSpy">
+                @before-enter="beforeEnterSpy()"
+                @enter="onEnterSpy()"
+                @after-enter="afterEnterSpy()">
                 <div v-show="toggle" class="test">content</div>
               </transition>
             </div>
diff --git a/packages/vue/__tests__/e2e/TransitionGroup.spec.ts b/packages/vue/__tests__/e2e/TransitionGroup.spec.ts
index 434735b5e9e..1a61c23a44e 100644
--- a/packages/vue/__tests__/e2e/TransitionGroup.spec.ts
+++ b/packages/vue/__tests__/e2e/TransitionGroup.spec.ts
@@ -400,15 +400,15 @@ describe('e2e: TransitionGroup', () => {
                       appear-from-class="test-appear-from"
                       appear-to-class="test-appear-to"
                       appear-active-class="test-appear-active"
-                      @before-enter="beforeEnterSpy"
-                      @enter="onEnterSpy"
-                      @after-enter="afterEnterSpy"
-                      @before-leave="beforeLeaveSpy"
-                      @leave="onLeaveSpy"
-                      @after-leave="afterLeaveSpy"
-                      @before-appear="beforeAppearSpy"
-                      @appear="onAppearSpy"
-                      @after-appear="afterAppearSpy">
+                      @before-enter="beforeEnterSpy()"
+                      @enter="onEnterSpy()"
+                      @after-enter="afterEnterSpy()"
+                      @before-leave="beforeLeaveSpy()"
+                      @leave="onLeaveSpy()"
+                      @after-leave="afterLeaveSpy()"
+                      @before-appear="beforeAppearSpy()"
+                      @appear="onAppearSpy()"
+                      @after-appear="afterAppearSpy()">
                     <div v-for="item in items" :key="item" class="test">{{item}}</div>
                   </transition-group>
                 </div>
diff --git a/packages/vue/__tests__/e2e/e2eUtils.ts b/packages/vue/__tests__/e2e/e2eUtils.ts
index 182cf021f17..4d840a690e4 100644
--- a/packages/vue/__tests__/e2e/e2eUtils.ts
+++ b/packages/vue/__tests__/e2e/e2eUtils.ts
@@ -1,10 +1,16 @@
-import puppeteer, { Browser, Page, ClickOptions } from 'puppeteer'
+import puppeteer, {
+  Browser,
+  Page,
+  ClickOptions,
+  PuppeteerLaunchOptions
+} from 'puppeteer'
 
 export const E2E_TIMEOUT = 30 * 1000
 
-const puppeteerOptions = process.env.CI
-  ? { args: ['--no-sandbox', '--disable-setuid-sandbox'] }
-  : {}
+const puppeteerOptions: PuppeteerLaunchOptions = {
+  args: process.env.CI ? ['--no-sandbox', '--disable-setuid-sandbox'] : [],
+  headless: 'new'
+}
 
 const maxTries = 30
 export const timeout = (n: number) => new Promise(r => setTimeout(r, n))
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d428aca5eed..0348ae61282 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,8 +75,8 @@ importers:
         specifier: ^4.0.2
         version: 4.1.0
       jsdom:
-        specifier: ^21.1.0
-        version: 21.1.0
+        specifier: ^22.1.0
+        version: 22.1.0
       lint-staged:
         specifier: ^14.0.1
         version: 14.0.1(enquirer@2.3.6)
@@ -108,8 +108,8 @@ importers:
         specifier: ^3.0.1
         version: 3.0.2
       puppeteer:
-        specifier: ~19.6.0
-        version: 19.6.3
+        specifier: ~21.1.1
+        version: 21.1.1
       rollup:
         specifier: ^3.26.0
         version: 3.26.2
@@ -151,7 +151,7 @@ importers:
         version: 4.3.1(@types/node@16.18.38)(terser@5.19.2)
       vitest:
         specifier: ^0.30.1
-        version: 0.30.1(jsdom@21.1.0)(terser@5.19.2)
+        version: 0.30.1(jsdom@22.1.0)(terser@5.19.2)
 
   packages/compiler-core:
     dependencies:
@@ -1189,6 +1189,22 @@ packages:
       fastq: 1.15.0
     dev: true
 
+  /@puppeteer/browsers@1.7.0:
+    resolution: {integrity: sha512-sl7zI0IkbQGak/+IE3VEEZab5SSOlI5F6558WvzWGC1n3+C722rfewC1ZIkcF9dsoGSsxhsONoseVlNQG4wWvQ==}
+    engines: {node: '>=16.3.0'}
+    hasBin: true
+    dependencies:
+      debug: 4.3.4
+      extract-zip: 2.0.1
+      progress: 2.0.3
+      proxy-agent: 6.3.0
+      tar-fs: 3.0.4
+      unbzip2-stream: 1.4.3
+      yargs: 17.7.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@rollup/plugin-alias@4.0.4(rollup@3.26.2):
     resolution: {integrity: sha512-0CaAY238SMtYAWEXXptWSR8iz8NYZnH7zNBKuJ14xFJSGwLtPgjvXYsoApAHfzYXXH1ejxpVw7WlHss3zhh9SQ==}
     engines: {node: '>=14.0.0'}
@@ -1315,6 +1331,10 @@ packages:
     engines: {node: '>= 10'}
     dev: true
 
+  /@tootallnate/quickjs-emscripten@0.23.0:
+    resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
+    dev: true
+
   /@types/chai-subset@1.3.3:
     resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
     dependencies:
@@ -1520,7 +1540,7 @@ packages:
       istanbul-lib-source-maps: 4.0.1
       istanbul-reports: 3.1.5
       test-exclude: 6.0.0
-      vitest: 0.30.1(jsdom@21.1.0)(terser@5.19.2)
+      vitest: 0.30.1(jsdom@22.1.0)(terser@5.19.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1598,13 +1618,6 @@ packages:
       negotiator: 0.6.3
     dev: true
 
-  /acorn-globals@7.0.1:
-    resolution: {integrity: sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==}
-    dependencies:
-      acorn: 8.8.2
-      acorn-walk: 8.2.0
-    dev: true
-
   /acorn-jsx@5.3.2(acorn@8.8.2):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1649,6 +1662,15 @@ packages:
       - supports-color
     dev: true
 
+  /agent-base@7.1.0:
+    resolution: {integrity: sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==}
+    engines: {node: '>= 14'}
+    dependencies:
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -1765,6 +1787,13 @@ packages:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
 
+  /ast-types@0.13.4:
+    resolution: {integrity: sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==}
+    engines: {node: '>=4'}
+    dependencies:
+      tslib: 2.6.0
+    dev: true
+
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: true
@@ -1774,6 +1803,10 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
+  /b4a@1.6.4:
+    resolution: {integrity: sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==}
+    dev: true
+
   /babel-walk@3.0.0-canary-5:
     resolution: {integrity: sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==}
     engines: {node: '>= 10.0.0'}
@@ -1789,19 +1822,16 @@ packages:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
     dev: true
 
+  /basic-ftp@5.0.3:
+    resolution: {integrity: sha512-QHX8HLlncOLpy54mh+k/sWIFd0ThmRqwe9ZjELybGZK+tZ8rUb9VO0saKJUROTbE+KhzDUT7xziGpGrW8Kmd+g==}
+    engines: {node: '>=10.0.0'}
+    dev: true
+
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
     dev: true
 
-  /bl@4.1.0:
-    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
-    dependencies:
-      buffer: 5.7.1
-      inherits: 2.0.4
-      readable-stream: 3.6.0
-    dev: true
-
   /blueimp-md5@2.19.0:
     resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
     dev: true
@@ -1988,8 +2018,13 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /chownr@1.1.4:
-    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+  /chromium-bidi@0.4.22(devtools-protocol@0.0.1159816):
+    resolution: {integrity: sha512-wR7Y9Ioez+cNXT4ZP7VNM1HRTljpNnMSLw4/RnwhhZUP4yCU7kIQND00YiktuHekch68jklGPK1q9Jkb29+fQg==}
+    peerDependencies:
+      devtools-protocol: '*'
+    dependencies:
+      devtools-protocol: 0.0.1159816
+      mitt: 3.0.1
     dev: true
 
   /cli-boxes@3.0.0:
@@ -2029,6 +2064,15 @@ packages:
       wrap-ansi: 7.0.0
     dev: true
 
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
   /color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -2298,8 +2342,8 @@ packages:
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
-  /cosmiconfig@8.0.0:
-    resolution: {integrity: sha512-da1EafcpH6b/TD8vDRaWV7xFINlHlF6zKsGwS1TsuVJTZRkquaS5HTMq7uq6h31619QjbsYl21gVDOm32KM1vQ==}
+  /cosmiconfig@8.2.0:
+    resolution: {integrity: sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==}
     engines: {node: '>=14'}
     dependencies:
       import-fresh: 3.3.0
@@ -2308,10 +2352,10 @@ packages:
       path-type: 4.0.0
     dev: true
 
-  /cross-fetch@3.1.5:
-    resolution: {integrity: sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==}
+  /cross-fetch@4.0.0:
+    resolution: {integrity: sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==}
     dependencies:
-      node-fetch: 2.6.7
+      node-fetch: 2.7.0
     transitivePeerDependencies:
       - encoding
     dev: true
@@ -2342,19 +2386,11 @@ packages:
     hasBin: true
     dev: true
 
-  /cssom@0.3.8:
-    resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
-    dev: true
-
-  /cssom@0.5.0:
-    resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
-    dev: true
-
-  /cssstyle@2.3.0:
-    resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
-    engines: {node: '>=8'}
+  /cssstyle@3.0.0:
+    resolution: {integrity: sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==}
+    engines: {node: '>=14'}
     dependencies:
-      cssom: 0.3.8
+      rrweb-cssom: 0.6.0
     dev: true
 
   /csstype@3.1.1:
@@ -2366,13 +2402,18 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /data-urls@3.0.2:
-    resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
-    engines: {node: '>=12'}
+  /data-uri-to-buffer@5.0.1:
+    resolution: {integrity: sha512-a9l6T1qqDogvvnw0nKlfZzqsyikEBZBClF39V3TFoKhDtGBqHu2HkuomJc02j5zft8zrUaXEuoicLeW54RkzPg==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /data-urls@4.0.0:
+    resolution: {integrity: sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==}
+    engines: {node: '>=14'}
     dependencies:
       abab: 2.0.6
       whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
+      whatwg-url: 12.0.1
     dev: true
 
   /date-time@3.1.0:
@@ -2455,13 +2496,22 @@ packages:
       object-keys: 1.1.1
     dev: true
 
+  /degenerator@5.0.1:
+    resolution: {integrity: sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==}
+    engines: {node: '>= 14'}
+    dependencies:
+      ast-types: 0.13.4
+      escodegen: 2.1.0
+      esprima: 4.0.1
+    dev: true
+
   /delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /devtools-protocol@0.0.1082910:
-    resolution: {integrity: sha512-RqoZ2GmqaNxyx+99L/RemY5CkwG9D0WEfOKxekwCRXOGrDCep62ngezEJUVMq6rISYQ+085fJnWDQqGHlxVNww==}
+  /devtools-protocol@0.0.1159816:
+    resolution: {integrity: sha512-2cZlHxC5IlgkIWe2pSDmCrDiTzbSJWywjbDDnupOImEBcG31CQgBLV8wWE+5t+C4rimcjHsbzy7CBzf9oFjboA==}
     dev: true
 
   /dir-glob@3.0.1:
@@ -2682,15 +2732,14 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /escodegen@2.0.0:
-    resolution: {integrity: sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==}
+  /escodegen@2.1.0:
+    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
     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
@@ -2922,6 +2971,10 @@ packages:
     resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
     dev: true
 
+  /fast-fifo@1.3.2:
+    resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
+    dev: true
+
   /fast-glob@3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
     engines: {node: '>=8.6.0'}
@@ -3027,8 +3080,13 @@ packages:
       mime-types: 2.1.35
     dev: true
 
-  /fs-constants@1.0.0:
-    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+  /fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
+    dependencies:
+      graceful-fs: 4.2.10
+      jsonfile: 4.0.0
+      universalify: 0.1.2
     dev: true
 
   /fs.realpath@1.0.0:
@@ -3126,6 +3184,18 @@ packages:
       resolve-pkg-maps: 1.0.0
     dev: true
 
+  /get-uri@6.0.1:
+    resolution: {integrity: sha512-7ZqONUVqaabogsYNWlYj0t3YZaL6dhuEueZXGF+/YVmf6dHmaFg8/6psJKqhx9QykIDKzpGcy2cn4oV4YC7V/Q==}
+    engines: {node: '>= 14'}
+    dependencies:
+      basic-ftp: 5.0.3
+      data-uri-to-buffer: 5.0.1
+      debug: 4.3.4
+      fs-extra: 8.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /git-raw-commits@2.0.11:
     resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
     engines: {node: '>=10'}
@@ -3341,6 +3411,16 @@ packages:
       - supports-color
     dev: true
 
+  /http-proxy-agent@7.0.0:
+    resolution: {integrity: sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.0
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /https-proxy-agent@5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
@@ -3351,6 +3431,16 @@ packages:
       - supports-color
     dev: true
 
+  /https-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.0
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /human-signals@1.1.1:
     resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
     engines: {node: '>=8.12.0'}
@@ -3448,6 +3538,14 @@ packages:
       side-channel: 1.0.4
     dev: true
 
+  /ip@1.1.8:
+    resolution: {integrity: sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==}
+    dev: true
+
+  /ip@2.0.0:
+    resolution: {integrity: sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==}
+    dev: true
+
   /is-array-buffer@3.0.1:
     resolution: {integrity: sha512-ASfLknmY8Xa2XtB4wmbz13Wu202baeA18cJBCeCy0wXUHZF0IPyVEXqKEcd+t2fNSLLL1vC6k7lxZEojNbISXQ==}
     dependencies:
@@ -3747,9 +3845,9 @@ packages:
       argparse: 2.0.1
     dev: true
 
-  /jsdom@21.1.0:
-    resolution: {integrity: sha512-m0lzlP7qOtthD918nenK3hdItSd2I+V3W9IrBcB36sqDwG+KnUs66IF5GY7laGWUnlM9vTsD0W1QwSEBYWWcJg==}
-    engines: {node: '>=14'}
+  /jsdom@22.1.0:
+    resolution: {integrity: sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==}
+    engines: {node: '>=16'}
     peerDependencies:
       canvas: ^2.5.0
     peerDependenciesMeta:
@@ -3757,21 +3855,18 @@ packages:
         optional: true
     dependencies:
       abab: 2.0.6
-      acorn: 8.8.2
-      acorn-globals: 7.0.1
-      cssom: 0.5.0
-      cssstyle: 2.3.0
-      data-urls: 3.0.2
+      cssstyle: 3.0.0
+      data-urls: 4.0.0
       decimal.js: 10.4.3
       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
       is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.2
+      nwsapi: 2.2.7
       parse5: 7.1.2
+      rrweb-cssom: 0.6.0
       saxes: 6.0.0
       symbol-tree: 3.2.4
       tough-cookie: 4.1.2
@@ -3779,8 +3874,8 @@ packages:
       webidl-conversions: 7.0.0
       whatwg-encoding: 2.0.0
       whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
-      ws: 8.12.0
+      whatwg-url: 12.0.1
+      ws: 8.13.0
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - bufferutil
@@ -3828,6 +3923,12 @@ packages:
     resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
     dev: true
 
+  /jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+    optionalDependencies:
+      graceful-fs: 4.2.10
+    dev: true
+
   /jsonparse@1.3.1:
     resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
     engines: {'0': node >= 0.2.0}
@@ -3854,14 +3955,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /levn@0.3.0:
-    resolution: {integrity: sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-    dev: true
-
   /levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -4011,6 +4104,11 @@ packages:
       yallist: 4.0.0
     dev: true
 
+  /lru-cache@7.18.3:
+    resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
+    engines: {node: '>=12'}
+    dev: true
+
   /magic-string@0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
@@ -4175,6 +4273,10 @@ packages:
     resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
     dev: true
 
+  /mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+    dev: true
+
   /mkdirp-classic@0.5.3:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
     dev: true
@@ -4229,12 +4331,17 @@ packages:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
     dev: true
 
+  /netmask@2.0.2:
+    resolution: {integrity: sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==}
+    engines: {node: '>= 0.4.0'}
+    dev: true
+
   /nice-try@1.0.5:
     resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
     dev: true
 
-  /node-fetch@2.6.7:
-    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
+  /node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -4303,8 +4410,8 @@ packages:
       path-key: 4.0.0
     dev: true
 
-  /nwsapi@2.2.2:
-    resolution: {integrity: sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==}
+  /nwsapi@2.2.7:
+    resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
     dev: true
 
   /object-assign@4.1.1:
@@ -4356,18 +4463,6 @@ packages:
       mimic-fn: 4.0.0
     dev: true
 
-  /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.4
-    dev: true
-
   /optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
     engines: {node: '>= 0.8.0'}
@@ -4439,6 +4534,31 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /pac-proxy-agent@7.0.1:
+    resolution: {integrity: sha512-ASV8yU4LLKBAjqIPMbrgtaKIvxQri/yh2OpI+S6hVa9JRkUI3Y3NPFbfngDtY7oFtSMD3w31Xns89mDa3Feo5A==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@tootallnate/quickjs-emscripten': 0.23.0
+      agent-base: 7.1.0
+      debug: 4.3.4
+      get-uri: 6.0.1
+      http-proxy-agent: 7.0.0
+      https-proxy-agent: 7.0.2
+      pac-resolver: 7.0.0
+      socks-proxy-agent: 8.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /pac-resolver@7.0.0:
+    resolution: {integrity: sha512-Fd9lT9vJbHYRACT8OhCbZBbxr6KRSawSovFpy8nDGshaK99S/EBhVIHp9+crhxrsZOuvLpgL1n23iyPg6Rl2hg==}
+    engines: {node: '>= 14'}
+    dependencies:
+      degenerator: 5.0.1
+      ip: 1.1.8
+      netmask: 2.0.2
+    dev: true
+
   /pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
     dev: false
@@ -4664,11 +4784,6 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /prelude-ls@1.1.2:
-    resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
-
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -4708,6 +4823,22 @@ packages:
       asap: 2.0.6
     dev: true
 
+  /proxy-agent@6.3.0:
+    resolution: {integrity: sha512-0LdR757eTj/JfuU7TL2YCuAZnxWXu3tkJbg4Oq3geW/qFNT/32T0sp2HnZ9O0lMR4q3vwAt0+xCA8SR0WAD0og==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.0
+      debug: 4.3.4
+      http-proxy-agent: 7.0.0
+      https-proxy-agent: 7.0.2
+      lru-cache: 7.18.3
+      pac-proxy-agent: 7.0.1
+      proxy-from-env: 1.1.0
+      socks-proxy-agent: 8.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
     dev: true
@@ -4823,20 +4954,16 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /puppeteer-core@19.6.3:
-    resolution: {integrity: sha512-8MbhioSlkDaHkmolpQf9Z7ui7jplFfOFTnN8d5kPsCazRRTNIH6/bVxPskn0v5Gh9oqOBlknw0eHH0/OBQAxpQ==}
-    engines: {node: '>=14.1.0'}
+  /puppeteer-core@21.1.1:
+    resolution: {integrity: sha512-Tlcajcf44zwfa9Sbwv3T8BtaNMJ69wtpHIxwl2NOBTyTK3D1wppQovXTjfw0TDOm3a16eCfQ+5BMi3vRQ4kuAQ==}
+    engines: {node: '>=16.3.0'}
     dependencies:
-      cross-fetch: 3.1.5
+      '@puppeteer/browsers': 1.7.0
+      chromium-bidi: 0.4.22(devtools-protocol@0.0.1159816)
+      cross-fetch: 4.0.0
       debug: 4.3.4
-      devtools-protocol: 0.0.1082910
-      extract-zip: 2.0.1
-      https-proxy-agent: 5.0.1
-      proxy-from-env: 1.1.0
-      rimraf: 3.0.2
-      tar-fs: 2.1.1
-      unbzip2-stream: 1.4.3
-      ws: 8.11.0
+      devtools-protocol: 0.0.1159816
+      ws: 8.13.0
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -4844,16 +4971,14 @@ packages:
       - utf-8-validate
     dev: true
 
-  /puppeteer@19.6.3:
-    resolution: {integrity: sha512-K03xTtGDwS6cBXX/EoqoZxglCUKcX2SLIl92fMnGMRjYpPGXoAV2yKEh3QXmXzKqfZXd8TxjjFww+tEttWv8kw==}
-    engines: {node: '>=14.1.0'}
+  /puppeteer@21.1.1:
+    resolution: {integrity: sha512-2TLntjGA4qLrI9/8N0UK/5OoZJ2Ue7QgphN2SD+RsaHiha12AEiVyMGsB+i6LY1IoPAtEgYIjblQ7lw3kWDNRw==}
+    engines: {node: '>=16.3.0'}
     requiresBuild: true
     dependencies:
-      cosmiconfig: 8.0.0
-      https-proxy-agent: 5.0.1
-      progress: 2.0.3
-      proxy-from-env: 1.1.0
-      puppeteer-core: 19.6.3
+      '@puppeteer/browsers': 1.7.0
+      cosmiconfig: 8.2.0
+      puppeteer-core: 21.1.1
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -4874,6 +4999,10 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
 
+  /queue-tick@1.0.1:
+    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
+    dev: true
+
   /quick-lru@4.0.1:
     resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
     engines: {node: '>=8'}
@@ -5108,6 +5237,10 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /rrweb-cssom@0.6.0:
+    resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
+    dev: true
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -5287,10 +5420,34 @@ packages:
       is-fullwidth-code-point: 4.0.0
     dev: true
 
+  /smart-buffer@4.2.0:
+    resolution: {integrity: sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==}
+    engines: {node: '>= 6.0.0', npm: '>= 3.0.0'}
+    dev: true
+
   /smob@0.0.6:
     resolution: {integrity: sha512-V21+XeNni+tTyiST1MHsa84AQhT1aFZipzPpOFAVB8DkHzwJyjjAmt9bgwnuZiZWnIbMo2duE29wybxv/7HWUw==}
     dev: true
 
+  /socks-proxy-agent@8.0.2:
+    resolution: {integrity: sha512-8zuqoLv1aP/66PHF5TqwJ7Czm3Yv32urJQHrVyhD7mmA6d61Zv8cIXQYPTWwmg6qlupnPvs/QKDmfa4P/qct2g==}
+    engines: {node: '>= 14'}
+    dependencies:
+      agent-base: 7.1.0
+      debug: 4.3.4
+      socks: 2.7.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /socks@2.7.1:
+    resolution: {integrity: sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==}
+    engines: {node: '>= 10.13.0', npm: '>= 3.0.0'}
+    dependencies:
+      ip: 2.0.0
+      smart-buffer: 4.2.0
+    dev: true
+
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
@@ -5349,6 +5506,13 @@ packages:
     resolution: {integrity: sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==}
     dev: true
 
+  /streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
+    dependencies:
+      fast-fifo: 1.3.2
+      queue-tick: 1.0.1
+    dev: true
+
   /string-argv@0.3.2:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
@@ -5487,24 +5651,20 @@ packages:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
     dev: true
 
-  /tar-fs@2.1.1:
-    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+  /tar-fs@3.0.4:
+    resolution: {integrity: sha512-5AFQU8b9qLfZCX9zp2duONhPmZv0hGYiBPJsyUdqMjzq/mqVpy/rEUSeHk1+YitmxugaptgBh5oDGU3VsAJq4w==}
     dependencies:
-      chownr: 1.1.4
       mkdirp-classic: 0.5.3
       pump: 3.0.0
-      tar-stream: 2.2.0
+      tar-stream: 3.1.6
     dev: true
 
-  /tar-stream@2.2.0:
-    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
-    engines: {node: '>=6'}
+  /tar-stream@3.1.6:
+    resolution: {integrity: sha512-B/UyjYwPpMBv+PaFSWAmtYjwdrlEaZQEhMIBFNC5oEG8lpiW8XjcSdmEaClj28ArfKScKHs2nshz3k2le6crsg==}
     dependencies:
-      bl: 4.1.0
-      end-of-stream: 1.4.4
-      fs-constants: 1.0.0
-      inherits: 2.0.4
-      readable-stream: 3.6.0
+      b4a: 1.6.4
+      fast-fifo: 1.3.2
+      streamx: 2.15.1
     dev: true
 
   /temp-dir@2.0.0:
@@ -5618,9 +5778,9 @@ packages:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
 
-  /tr46@3.0.0:
-    resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
-    engines: {node: '>=12'}
+  /tr46@4.1.1:
+    resolution: {integrity: sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==}
+    engines: {node: '>=14'}
     dependencies:
       punycode: 2.3.0
     dev: true
@@ -5668,13 +5828,6 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /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
-
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -5765,6 +5918,11 @@ packages:
       through: 2.3.8
     dev: true
 
+  /universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
   /universalify@0.2.0:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
@@ -5914,7 +6072,7 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest@0.30.1(jsdom@21.1.0)(terser@5.19.2):
+  /vitest@0.30.1(jsdom@22.1.0)(terser@5.19.2):
     resolution: {integrity: sha512-y35WTrSTlTxfMLttgQk4rHcaDkbHQwDP++SNwPb+7H8yb13Q3cu2EixrtHzF27iZ8v0XCciSsLg00RkPAzB/aA==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
@@ -5959,7 +6117,7 @@ packages:
       chai: 4.3.7
       concordance: 5.0.4
       debug: 4.3.4
-      jsdom: 21.1.0
+      jsdom: 22.1.0
       local-pkg: 0.4.3
       magic-string: 0.30.0
       pathe: 1.1.0
@@ -6019,11 +6177,11 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /whatwg-url@11.0.0:
-    resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
-    engines: {node: '>=12'}
+  /whatwg-url@12.0.1:
+    resolution: {integrity: sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==}
+    engines: {node: '>=14'}
     dependencies:
-      tr46: 3.0.0
+      tr46: 4.1.1
       webidl-conversions: 7.0.0
     dev: true
 
@@ -6128,21 +6286,8 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
 
-  /ws@8.11.0:
-    resolution: {integrity: sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==}
-    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
-
-  /ws@8.12.0:
-    resolution: {integrity: sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==}
+  /ws@8.13.0:
+    resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
@@ -6191,6 +6336,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /yargs@16.2.0:
     resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
     engines: {node: '>=10'}
@@ -6204,6 +6354,19 @@ packages:
       yargs-parser: 20.2.9
     dev: true
 
+  /yargs@17.7.1:
+    resolution: {integrity: sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==}
+    engines: {node: '>=12'}
+    dependencies:
+      cliui: 8.0.1
+      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: 21.1.1
+    dev: true
+
   /yauzl@2.10.0:
     resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
     dependencies:

From 323d2cebba816831b32a5b5180985b68911a41fb Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:05:19 -0500
Subject: [PATCH 12/18] chore(deps): update actions/upload-artifact action to
 v3 (#9153)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 .github/workflows/size-data.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/size-data.yml b/.github/workflows/size-data.yml
index a9edfeb6e0a..b96c71b9714 100644
--- a/.github/workflows/size-data.yml
+++ b/.github/workflows/size-data.yml
@@ -45,7 +45,7 @@ jobs:
         if: ${{github.event_name == 'pull_request'}}
         run: echo ${{ github.event.number }} > ./pr.txt
 
-      - uses: actions/upload-artifact@v2
+      - uses: actions/upload-artifact@v3
         if: ${{github.event_name == 'pull_request'}}
         with:
           name: pr-number

From 8238d106ec5288975d80260e0282ad109bf5a848 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:05:43 -0500
Subject: [PATCH 13/18] chore(deps): update lint (#9152)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 package.json   |   8 +--
 pnpm-lock.yaml | 168 +++++++++++++++++++++++++------------------------
 2 files changed, 90 insertions(+), 86 deletions(-)

diff --git a/package.json b/package.json
index ab5d8b10b1e..0e67bb4f00d 100644
--- a/package.json
+++ b/package.json
@@ -74,8 +74,8 @@
     "enquirer": "^2.3.2",
     "esbuild": "^0.17.4",
     "esbuild-plugin-polyfill-node": "^0.2.0",
-    "eslint": "^8.33.0",
-    "eslint-plugin-jest": "^27.2.1",
+    "eslint": "^8.48.0",
+    "eslint-plugin-jest": "^27.2.3",
     "estree-walker": "^2.0.2",
     "execa": "^4.0.2",
     "jsdom": "^22.1.0",
@@ -86,7 +86,7 @@
     "marked": "^4.0.10",
     "minimist": "^1.2.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.1",
+    "prettier": "^3.0.3",
     "pretty-bytes": "^6.1.1",
     "pug": "^3.0.1",
     "puppeteer": "~21.1.1",
@@ -96,7 +96,7 @@
     "rollup-plugin-polyfill-node": "^0.12.0",
     "semver": "^7.3.2",
     "serve": "^14.2.1",
-    "simple-git-hooks": "^2.8.1",
+    "simple-git-hooks": "^2.9.0",
     "terser": "^5.19.2",
     "todomvc-app-css": "^2.3.0",
     "tslib": "^2.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0348ae61282..d9948030df3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,7 +40,7 @@ importers:
         version: 16.18.38
       '@typescript-eslint/parser':
         specifier: ^6.6.0
-        version: 6.6.0(eslint@8.33.0)(typescript@5.1.6)
+        version: 6.6.0(eslint@8.48.0)(typescript@5.1.6)
       '@vitest/coverage-istanbul':
         specifier: ^0.29.7
         version: 0.29.7(vitest@0.30.1)
@@ -63,11 +63,11 @@ importers:
         specifier: ^0.2.0
         version: 0.2.0(esbuild@0.17.19)
       eslint:
-        specifier: ^8.33.0
-        version: 8.33.0
+        specifier: ^8.48.0
+        version: 8.48.0
       eslint-plugin-jest:
-        specifier: ^27.2.1
-        version: 27.2.2(eslint@8.33.0)(typescript@5.1.6)
+        specifier: ^27.2.3
+        version: 27.2.3(eslint@8.48.0)(typescript@5.1.6)
       estree-walker:
         specifier: ^2.0.2
         version: 2.0.2
@@ -99,8 +99,8 @@ importers:
         specifier: ^4.1.5
         version: 4.1.5
       prettier:
-        specifier: ^3.0.1
-        version: 3.0.1
+        specifier: ^3.0.3
+        version: 3.0.3
       pretty-bytes:
         specifier: ^6.1.1
         version: 6.1.1
@@ -129,8 +129,8 @@ importers:
         specifier: ^14.2.1
         version: 14.2.1
       simple-git-hooks:
-        specifier: ^2.8.1
-        version: 2.8.1
+        specifier: ^2.9.0
+        version: 2.9.0
       terser:
         specifier: ^5.19.2
         version: 5.19.2
@@ -410,6 +410,11 @@ importers:
 
 packages:
 
+  /@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /@ampproject/remapping@2.2.0:
     resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
     engines: {node: '>=6.0.0'}
@@ -1048,13 +1053,28 @@ packages:
     dev: true
     optional: true
 
-  /@eslint/eslintrc@1.4.1:
-    resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==}
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.48.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.48.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@eslint-community/regexpp@4.8.0:
+    resolution: {integrity: sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4
-      espree: 9.4.1
+      espree: 9.6.1
       globals: 13.20.0
       ignore: 5.2.4
       import-fresh: 3.3.0
@@ -1065,8 +1085,13 @@ packages:
       - supports-color
     dev: true
 
-  /@humanwhocodes/config-array@0.11.8:
-    resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
+  /@eslint/js@8.48.0:
+    resolution: {integrity: sha512-ZSjtmelB7IJfWD2Fvb7+Z+ChTIKWq6kjda95fLcQKNS5aheVHn4IkfgRQE3sIIzTcSLwLcLZUD9UBt+V7+h+Pw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@humanwhocodes/config-array@0.11.11:
+    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
@@ -1393,7 +1418,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/parser@6.6.0(eslint@8.33.0)(typescript@5.1.6):
+  /@typescript-eslint/parser@6.6.0(eslint@8.48.0)(typescript@5.1.6):
     resolution: {integrity: sha512-setq5aJgUwtzGrhW177/i+DMLqBaJbdwGj2CPIVFFLE0NCliy5ujIdLHd2D1ysmlmsjdL2GWW+hR85neEfc12w==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
@@ -1408,7 +1433,7 @@ packages:
       '@typescript-eslint/typescript-estree': 6.6.0(typescript@5.1.6)
       '@typescript-eslint/visitor-keys': 6.6.0
       debug: 4.3.4
-      eslint: 8.33.0
+      eslint: 8.48.0
       typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
@@ -1482,7 +1507,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@5.50.0(eslint@8.33.0)(typescript@5.1.6):
+  /@typescript-eslint/utils@5.50.0(eslint@8.48.0)(typescript@5.1.6):
     resolution: {integrity: sha512-v/AnUFImmh8G4PH0NDkf6wA8hujNNcrwtecqW4vtQ1UOSNBaZl49zP1SHoZ/06e+UiwzHpgb5zP5+hwlYYWYAw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1493,10 +1518,10 @@ packages:
       '@typescript-eslint/scope-manager': 5.50.0
       '@typescript-eslint/types': 5.50.0
       '@typescript-eslint/typescript-estree': 5.50.0(typescript@5.1.6)
-      eslint: 8.33.0
+      eslint: 8.48.0
       eslint-scope: 5.1.1
-      eslint-utils: 3.0.0(eslint@8.33.0)
-      semver: 7.5.3
+      eslint-utils: 3.0.0(eslint@8.48.0)
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -1618,12 +1643,12 @@ packages:
       negotiator: 0.6.3
     dev: true
 
-  /acorn-jsx@5.3.2(acorn@8.8.2):
+  /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: 8.8.2
+      acorn: 8.10.0
     dev: true
 
   /acorn-walk@8.2.0:
@@ -2744,11 +2769,11 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-plugin-jest@27.2.2(eslint@8.33.0)(typescript@5.1.6):
-    resolution: {integrity: sha512-euzbp06F934Z7UDl5ZUaRPLAc9MKjh0rMPERrHT7UhlCEwgb25kBj37TvMgWeHZVkR5I9CayswrpoaqZU1RImw==}
+  /eslint-plugin-jest@27.2.3(eslint@8.48.0)(typescript@5.1.6):
+    resolution: {integrity: sha512-sRLlSCpICzWuje66Gl9zvdF6mwD5X86I4u55hJyFBsxYOsBCmT5+kSUjf+fkFWVMMgpzNEupjW8WzUqi83hJAQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     peerDependencies:
-      '@typescript-eslint/eslint-plugin': ^5.0.0
+      '@typescript-eslint/eslint-plugin': ^5.0.0 || ^6.0.0
       eslint: ^7.0.0 || ^8.0.0
       jest: '*'
     peerDependenciesMeta:
@@ -2757,8 +2782,8 @@ packages:
       jest:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.50.0(eslint@8.33.0)(typescript@5.1.6)
-      eslint: 8.33.0
+      '@typescript-eslint/utils': 5.50.0(eslint@8.48.0)(typescript@5.1.6)
+      eslint: 8.48.0
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2772,21 +2797,21 @@ packages:
       estraverse: 4.3.0
     dev: true
 
-  /eslint-scope@7.1.1:
-    resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==}
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils@3.0.0(eslint@8.33.0):
+  /eslint-utils@3.0.0(eslint@8.48.0):
     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
     peerDependencies:
       eslint: '>=5'
     dependencies:
-      eslint: 8.33.0
+      eslint: 8.48.0
       eslint-visitor-keys: 2.1.0
     dev: true
 
@@ -2795,23 +2820,21 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /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@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint@8.33.0:
-    resolution: {integrity: sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==}
+  /eslint@8.48.0:
+    resolution: {integrity: sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint/eslintrc': 1.4.1
-      '@humanwhocodes/config-array': 0.11.8
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.48.0)
+      '@eslint-community/regexpp': 4.8.0
+      '@eslint/eslintrc': 2.1.2
+      '@eslint/js': 8.48.0
+      '@humanwhocodes/config-array': 0.11.11
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       ajv: 6.12.6
@@ -2820,45 +2843,40 @@ packages:
       debug: 4.3.4
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.1.1
-      eslint-utils: 3.0.0(eslint@8.33.0)
-      eslint-visitor-keys: 3.3.0
-      espree: 9.4.1
-      esquery: 1.4.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 6.0.1
       find-up: 5.0.0
       glob-parent: 6.0.2
       globals: 13.20.0
-      grapheme-splitter: 1.0.4
+      graphemer: 1.4.0
       ignore: 5.2.4
-      import-fresh: 3.3.0
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
-      js-sdsl: 4.3.0
       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
+      optionator: 0.9.3
       strip-ansi: 6.0.1
-      strip-json-comments: 3.1.1
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /espree@9.4.1:
-    resolution: {integrity: sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==}
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: 8.8.2
-      acorn-jsx: 5.3.2(acorn@8.8.2)
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2(acorn@8.10.0)
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -2868,8 +2886,8 @@ packages:
     hasBin: true
     dev: true
 
-  /esquery@1.4.0:
-    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
     dependencies:
       estraverse: 5.3.0
@@ -3308,8 +3326,8 @@ packages:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
     dev: true
 
-  /grapheme-splitter@1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
   /handlebars@4.7.7:
@@ -3821,10 +3839,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /js-sdsl@4.3.0:
-    resolution: {integrity: sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==}
-    dev: true
-
   /js-string-escape@1.0.1:
     resolution: {integrity: sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==}
     engines: {node: '>= 0.8'}
@@ -4284,7 +4298,7 @@ packages:
   /mlly@1.2.0:
     resolution: {integrity: sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==}
     dependencies:
-      acorn: 8.8.2
+      acorn: 8.10.0
       pathe: 1.1.0
       pkg-types: 1.0.2
       ufo: 1.1.1
@@ -4463,16 +4477,16 @@ packages:
       mimic-fn: 4.0.0
     dev: true
 
-  /optionator@0.9.1:
-    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
     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.4
     dev: true
 
   /p-limit@1.3.0:
@@ -4789,8 +4803,8 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier@3.0.1:
-    resolution: {integrity: sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==}
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -5113,11 +5127,6 @@ packages:
       functions-have-names: 1.2.3
     dev: true
 
-  /regexpp@3.2.0:
-    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
-    engines: {node: '>=8'}
-    dev: true
-
   /registry-auth-token@3.3.2:
     resolution: {integrity: sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==}
     dependencies:
@@ -5396,8 +5405,8 @@ packages:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: true
 
-  /simple-git-hooks@2.8.1:
-    resolution: {integrity: sha512-DYpcVR1AGtSfFUNzlBdHrQGPsOhuuEJ/FkmPOOlFysP60AHd3nsEpkGq/QEOdtUyT1Qhk7w9oLmFoMG+75BDog==}
+  /simple-git-hooks@2.9.0:
+    resolution: {integrity: sha512-waSQ5paUQtyGC0ZxlHmcMmD9I1rRXauikBwX31bX58l5vTOhCEcBC5Bi+ZDkPXTjDnZAF8TbCqKBY+9+sVPScw==}
     hasBin: true
     requiresBuild: true
     dev: true
@@ -5625,7 +5634,7 @@ packages:
   /strip-literal@1.0.1:
     resolution: {integrity: sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==}
     dependencies:
-      acorn: 8.8.2
+      acorn: 8.10.0
     dev: true
 
   /supports-color@5.5.0:
@@ -6255,11 +6264,6 @@ packages:
       babel-walk: 3.0.0-canary-5
     dev: true
 
-  /word-wrap@1.2.4:
-    resolution: {integrity: sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /wordwrap@1.0.0:
     resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
     dev: true

From 9944b50456ed9b05c051936ba3af2f373c361ef2 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:08:44 -0500
Subject: [PATCH 14/18] chore(deps): update actions/checkout action to v4
 (#9156)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 .github/workflows/autofix.yml     | 2 +-
 .github/workflows/canary.yml      | 2 +-
 .github/workflows/ci.yml          | 8 ++++----
 .github/workflows/size-data.yml   | 2 +-
 .github/workflows/size-report.yml | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/autofix.yml b/.github/workflows/autofix.yml
index a51b76fc388..48df8f7a277 100644
--- a/.github/workflows/autofix.yml
+++ b/.github/workflows/autofix.yml
@@ -11,7 +11,7 @@ jobs:
     env:
       PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
diff --git a/.github/workflows/canary.yml b/.github/workflows/canary.yml
index cabd601a8ef..e2f411c8e09 100644
--- a/.github/workflows/canary.yml
+++ b/.github/workflows/canary.yml
@@ -12,7 +12,7 @@ jobs:
     runs-on: ubuntu-latest
     environment: Release
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d17e1cbe842..8fd0389f41c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -17,7 +17,7 @@ jobs:
     env:
       PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
@@ -39,7 +39,7 @@ jobs:
     env:
       PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
@@ -62,7 +62,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.event_name == 'push' || github.event.pull_request.head.repo.full_name != github.repository
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Setup cache for Chromium binary
         uses: actions/cache@v3
@@ -91,7 +91,7 @@ jobs:
     env:
       PUPPETEER_SKIP_DOWNLOAD: 'true'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
diff --git a/.github/workflows/size-data.yml b/.github/workflows/size-data.yml
index b96c71b9714..8068b8645b6 100644
--- a/.github/workflows/size-data.yml
+++ b/.github/workflows/size-data.yml
@@ -19,7 +19,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2
diff --git a/.github/workflows/size-report.yml b/.github/workflows/size-report.yml
index d0b2e2b40ee..8acf464ae37 100644
--- a/.github/workflows/size-report.yml
+++ b/.github/workflows/size-report.yml
@@ -21,7 +21,7 @@ jobs:
       github.event.workflow_run.event == 'pull_request' &&
       github.event.workflow_run.conclusion == 'success'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install pnpm
         uses: pnpm/action-setup@v2

From c8566a22b7cf37e6aefab7bad7b97ce2db9fae4c Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:10:50 -0500
Subject: [PATCH 15/18] fix(deps): update playground (#9154)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 packages/sfc-playground/package.json    |  4 ++--
 packages/template-explorer/package.json |  2 +-
 pnpm-lock.yaml                          | 19 +++++++++----------
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/sfc-playground/package.json b/packages/sfc-playground/package.json
index 04752e39123..3005519b50c 100644
--- a/packages/sfc-playground/package.json
+++ b/packages/sfc-playground/package.json
@@ -12,9 +12,9 @@
     "vite": "^4.4.2"
   },
   "dependencies": {
-    "@vue/repl": "^2.5.4",
+    "@vue/repl": "^2.5.8",
     "file-saver": "^2.0.5",
-    "jszip": "^3.6.0",
+    "jszip": "^3.10.1",
     "vue": "workspace:*"
   }
 }
diff --git a/packages/template-explorer/package.json b/packages/template-explorer/package.json
index 320b4c05ed3..601b8bce66d 100644
--- a/packages/template-explorer/package.json
+++ b/packages/template-explorer/package.json
@@ -11,7 +11,7 @@
     "enableNonBrowserBranches": true
   },
   "dependencies": {
-    "monaco-editor": "^0.20.0",
+    "monaco-editor": "^0.41.0",
     "source-map-js": "^1.0.2"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d9948030df3..923399a5164 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -342,13 +342,13 @@ importers:
   packages/sfc-playground:
     dependencies:
       '@vue/repl':
-        specifier: ^2.5.4
-        version: 2.5.4
+        specifier: ^2.5.8
+        version: 2.5.8
       file-saver:
         specifier: ^2.0.5
         version: 2.0.5
       jszip:
-        specifier: ^3.6.0
+        specifier: ^3.10.1
         version: 3.10.1
       vue:
         specifier: workspace:*
@@ -366,8 +366,8 @@ importers:
   packages/template-explorer:
     dependencies:
       monaco-editor:
-        specifier: ^0.20.0
-        version: 0.20.0
+        specifier: ^0.41.0
+        version: 0.41.0
       source-map-js:
         specifier: ^1.0.2
         version: 1.0.2
@@ -1614,9 +1614,8 @@ packages:
     engines: {node: '>= 0.12.0'}
     dev: true
 
-  /@vue/repl@2.5.4:
-    resolution: {integrity: sha512-rUcoebQQDG/T0oXkj+QGGuVHtWdvmT76CuPjZKgYMhXQiRkydnxPsW8iBdsZ5hHFuLRukuO83Crh5itByDOe5w==}
-    requiresBuild: true
+  /@vue/repl@2.5.8:
+    resolution: {integrity: sha512-IvOlNhka4VKDQZS9FIceFFWyPibzqAUHyjHOoe8cMZmeP7H3H7mfMqvzQ0l1wjMAqqeEcgpFhSzMWsTEL4XZeA==}
     dev: false
 
   /@zeit/schemas@2.29.0:
@@ -4309,8 +4308,8 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /monaco-editor@0.20.0:
-    resolution: {integrity: sha512-hkvf4EtPJRMQlPC3UbMoRs0vTAFAYdzFQ+gpMb8A+9znae1c43q8Mab9iVsgTcg/4PNiLGGn3SlDIa8uvK1FIQ==}
+  /monaco-editor@0.41.0:
+    resolution: {integrity: sha512-1o4olnZJsiLmv5pwLEAmzHTE/5geLKQ07BrGxlF4Ri/AXAc2yyDGZwHjiTqD8D/ROKUZmwMA28A+yEowLNOEcA==}
     dev: false
 
   /ms@2.0.0:

From b775b71c788499ec7ee58bc2cf4cd04ed388e072 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:19:44 -0500
Subject: [PATCH 16/18] chore(deps): update vitest to ^0.34.3 (#9155)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
---
 package.json   |   4 +-
 pnpm-lock.yaml | 279 +++++++++++++++++++++----------------------------
 2 files changed, 124 insertions(+), 159 deletions(-)

diff --git a/package.json b/package.json
index 0e67bb4f00d..8b7e644a6be 100644
--- a/package.json
+++ b/package.json
@@ -67,7 +67,7 @@
     "@types/hash-sum": "^1.0.0",
     "@types/node": "^16.4.7",
     "@typescript-eslint/parser": "^6.6.0",
-    "@vitest/coverage-istanbul": "^0.29.7",
+    "@vitest/coverage-istanbul": "^0.34.3",
     "@vue/consolidate": "0.17.3",
     "chalk": "^4.1.0",
     "conventional-changelog-cli": "^2.0.31",
@@ -103,6 +103,6 @@
     "tsx": "^3.12.7",
     "typescript": "^5.1.6",
     "vite": "^4.3.0",
-    "vitest": "^0.30.1"
+    "vitest": "^0.34.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 923399a5164..a2f09700fc0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -42,8 +42,8 @@ importers:
         specifier: ^6.6.0
         version: 6.6.0(eslint@8.48.0)(typescript@5.1.6)
       '@vitest/coverage-istanbul':
-        specifier: ^0.29.7
-        version: 0.29.7(vitest@0.30.1)
+        specifier: ^0.34.3
+        version: 0.34.3(vitest@0.34.3)
       '@vue/consolidate':
         specifier: 0.17.3
         version: 0.17.3
@@ -150,8 +150,8 @@ importers:
         specifier: ^4.3.0
         version: 4.3.1(@types/node@16.18.38)(terser@5.19.2)
       vitest:
-        specifier: ^0.30.1
-        version: 0.30.1(jsdom@22.1.0)(terser@5.19.2)
+        specifier: ^0.34.3
+        version: 0.34.3(jsdom@22.1.0)(terser@5.19.2)
 
   packages/compiler-core:
     dependencies:
@@ -1120,6 +1120,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /@jest/schemas@29.6.3:
+    resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@sinclair/typebox': 0.27.8
+    dev: true
+
   /@jridgewell/gen-mapping@0.1.1:
     resolution: {integrity: sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==}
     engines: {node: '>=6.0.0'}
@@ -1133,8 +1140,8 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/set-array': 1.1.2
-      '@jridgewell/sourcemap-codec': 1.4.14
-      '@jridgewell/trace-mapping': 0.3.17
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.19
     dev: true
 
   /@jridgewell/gen-mapping@0.3.3:
@@ -1351,6 +1358,10 @@ packages:
       rollup: 3.26.2
     dev: true
 
+  /@sinclair/typebox@0.27.8:
+    resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
+    dev: true
+
   /@tootallnate/once@2.0.0:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
@@ -1363,11 +1374,11 @@ packages:
   /@types/chai-subset@1.3.3:
     resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
     dependencies:
-      '@types/chai': 4.3.4
+      '@types/chai': 4.3.6
     dev: true
 
-  /@types/chai@4.3.4:
-    resolution: {integrity: sha512-KnRanxnpfpjUTqTCXslZSEdLfXExwgNxYPdiO2WGUj8+HDjFi8R3k5RVKPeSCzLjCcshCAtVO2QBbVuAV4kTnw==}
+  /@types/chai@4.3.6:
+    resolution: {integrity: sha512-VOVRLM1mBxIRxydiViqPcKn6MIxZytrbMpd6RJLIWKxUNr3zux8no0Oc7kJx0WAPIitgZ0gkrDS+btlqQpubpw==}
     dev: true
 
   /@types/estree@0.0.48:
@@ -1554,59 +1565,58 @@ packages:
       vue: link:packages/vue
     dev: true
 
-  /@vitest/coverage-istanbul@0.29.7(vitest@0.30.1):
-    resolution: {integrity: sha512-PPnvqEkwSSgjJ1cOgkm5g49/3UiPGPLC5qmWvrx2ITF9AfN2NejnjaEKxoYrX7oQQyBFgf/ph/BraxsqOOo+Kg==}
+  /@vitest/coverage-istanbul@0.34.3(vitest@0.34.3):
+    resolution: {integrity: sha512-RdEGzydbbalyDLmmJ5Qm+T3Lrubw/U9iCnhzM2B1V57t4cVa1t6uyfIHdv68d1au4PRzkLhY7Xouwuhb7BeG+Q==}
     peerDependencies:
-      vitest: '>=0.28.0 <1'
+      vitest: '>=0.32.0 <1'
     dependencies:
       istanbul-lib-coverage: 3.2.0
-      istanbul-lib-instrument: 5.2.1
-      istanbul-lib-report: 3.0.0
+      istanbul-lib-instrument: 6.0.0
+      istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 4.0.1
       istanbul-reports: 3.1.5
       test-exclude: 6.0.0
-      vitest: 0.30.1(jsdom@22.1.0)(terser@5.19.2)
+      vitest: 0.34.3(jsdom@22.1.0)(terser@5.19.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitest/expect@0.30.1:
-    resolution: {integrity: sha512-c3kbEtN8XXJSeN81iDGq29bUzSjQhjES2WR3aColsS4lPGbivwLtas4DNUe0jD9gg/FYGIteqOenfU95EFituw==}
+  /@vitest/expect@0.34.3:
+    resolution: {integrity: sha512-F8MTXZUYRBVsYL1uoIft1HHWhwDbSzwAU9Zgh8S6WFC3YgVb4AnFV2GXO3P5Em8FjEYaZtTnQYoNwwBrlOMXgg==}
     dependencies:
-      '@vitest/spy': 0.30.1
-      '@vitest/utils': 0.30.1
+      '@vitest/spy': 0.34.3
+      '@vitest/utils': 0.34.3
       chai: 4.3.7
     dev: true
 
-  /@vitest/runner@0.30.1:
-    resolution: {integrity: sha512-W62kT/8i0TF1UBCNMRtRMOBWJKRnNyv9RrjIgdUryEe0wNpGZvvwPDLuzYdxvgSckzjp54DSpv1xUbv4BQ0qVA==}
+  /@vitest/runner@0.34.3:
+    resolution: {integrity: sha512-lYNq7N3vR57VMKMPLVvmJoiN4bqwzZ1euTW+XXYH5kzr3W/+xQG3b41xJn9ChJ3AhYOSoweu974S1V3qDcFESA==}
     dependencies:
-      '@vitest/utils': 0.30.1
-      concordance: 5.0.4
+      '@vitest/utils': 0.34.3
       p-limit: 4.0.0
-      pathe: 1.1.0
+      pathe: 1.1.1
     dev: true
 
-  /@vitest/snapshot@0.30.1:
-    resolution: {integrity: sha512-fJZqKrE99zo27uoZA/azgWyWbFvM1rw2APS05yB0JaLwUIg9aUtvvnBf4q7JWhEcAHmSwbrxKFgyBUga6tq9Tw==}
+  /@vitest/snapshot@0.34.3:
+    resolution: {integrity: sha512-QyPaE15DQwbnIBp/yNJ8lbvXTZxS00kRly0kfFgAD5EYmCbYcA+1EEyRalc93M0gosL/xHeg3lKAClIXYpmUiQ==}
     dependencies:
-      magic-string: 0.30.0
-      pathe: 1.1.0
-      pretty-format: 27.5.1
+      magic-string: 0.30.3
+      pathe: 1.1.1
+      pretty-format: 29.6.3
     dev: true
 
-  /@vitest/spy@0.30.1:
-    resolution: {integrity: sha512-YfJeIf37GvTZe04ZKxzJfnNNuNSmTEGnla2OdL60C8od16f3zOfv9q9K0nNii0NfjDJRt/CVN/POuY5/zTS+BA==}
+  /@vitest/spy@0.34.3:
+    resolution: {integrity: sha512-N1V0RFQ6AI7CPgzBq9kzjRdPIgThC340DGjdKdPSE8r86aUSmeliTUgkTqLSgtEwWWsGfBQ+UetZWhK0BgJmkQ==}
     dependencies:
-      tinyspy: 2.1.0
+      tinyspy: 2.1.1
     dev: true
 
-  /@vitest/utils@0.30.1:
-    resolution: {integrity: sha512-/c8Xv2zUVc+rnNt84QF0Y0zkfxnaGhp87K2dYJMLtLOIckPzuxLVzAtFCicGFdB4NeBHNzTRr1tNn7rCtQcWFA==}
+  /@vitest/utils@0.34.3:
+    resolution: {integrity: sha512-kiSnzLG6m/tiT0XEl4U2H8JDBjFtwVlaE8I3QfGiMFR0QvnRDfYfdP3YvTBWM/6iJDAyaPY6yVQiCTUc7ZzTHA==}
     dependencies:
-      concordance: 5.0.4
+      diff-sequences: 29.6.3
       loupe: 2.3.6
-      pretty-format: 27.5.1
+      pretty-format: 29.6.3
     dev: true
 
   /@vue/consolidate@0.17.3:
@@ -1667,12 +1677,6 @@ packages:
     hasBin: true
     dev: true
 
-  /acorn@8.8.2:
-    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: true
-
   /add-stream@1.0.0:
     resolution: {integrity: sha512-qQLMr+8o0WC4FZGQTcJiKBVC59JylcPSrTtk6usvmIDFUOCKegapy1VHQwRbFMOFyb/inzUVqHs+eMYKDM1YeQ==}
     dev: true
@@ -1856,10 +1860,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /blueimp-md5@2.19.0:
-    resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
-    dev: true
-
   /boxen@7.0.0:
     resolution: {integrity: sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==}
     engines: {node: '>=14.16'}
@@ -2175,20 +2175,6 @@ packages:
     resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
     dev: true
 
-  /concordance@5.0.4:
-    resolution: {integrity: sha512-OAcsnTEYu1ARJqWVGwf4zh4JDfHZEaSNlNccFmt8YjB2l/n19/PF2viLINHc57vO4FKIAFl2FWASIGZZWZ2Kxw==}
-    engines: {node: '>=10.18.0 <11 || >=12.14.0 <13 || >=14'}
-    dependencies:
-      date-time: 3.1.0
-      esutils: 2.0.3
-      fast-diff: 1.2.0
-      js-string-escape: 1.0.1
-      lodash: 4.17.21
-      md5-hex: 3.0.1
-      semver: 7.5.4
-      well-known-symbols: 2.0.0
-    dev: true
-
   /constantinople@4.0.1:
     resolution: {integrity: sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==}
     dependencies:
@@ -2440,13 +2426,6 @@ packages:
       whatwg-url: 12.0.1
     dev: true
 
-  /date-time@3.1.0:
-    resolution: {integrity: sha512-uqCUKXE5q1PNBXjPqvwhwJf9SwMoAHBgWJ6DcrnS5o+W2JOiIILl0JEdVD8SGujrNS02GGxgwAg2PN2zONgtjg==}
-    engines: {node: '>=6'}
-    dependencies:
-      time-zone: 1.0.0
-    dev: true
-
   /dateformat@3.0.3:
     resolution: {integrity: sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==}
     dev: true
@@ -2538,6 +2517,11 @@ packages:
     resolution: {integrity: sha512-2cZlHxC5IlgkIWe2pSDmCrDiTzbSJWywjbDDnupOImEBcG31CQgBLV8wWE+5t+C4rimcjHsbzy7CBzf9oFjboA==}
     dev: true
 
+  /diff-sequences@29.6.3:
+    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dev: true
+
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -2984,10 +2968,6 @@ packages:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
 
-  /fast-diff@1.2.0:
-    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
-    dev: true
-
   /fast-fifo@1.3.2:
     resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
     dev: true
@@ -3792,25 +3772,25 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /istanbul-lib-instrument@5.2.1:
-    resolution: {integrity: sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==}
-    engines: {node: '>=8'}
+  /istanbul-lib-instrument@6.0.0:
+    resolution: {integrity: sha512-x58orMzEVfzPUKqlbLd1hXCnySCxKdDKa6Rjg97CwuLLRI4g3FHTdnExu1OqffVFay6zeMW+T6/DowFLndWnIw==}
+    engines: {node: '>=10'}
     dependencies:
       '@babel/core': 7.21.3
       '@babel/parser': 7.21.3
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.0
-      semver: 6.3.0
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /istanbul-lib-report@3.0.0:
-    resolution: {integrity: sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==}
-    engines: {node: '>=8'}
+  /istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
     dependencies:
       istanbul-lib-coverage: 3.2.0
-      make-dir: 3.1.0
+      make-dir: 4.0.0
       supports-color: 7.2.0
     dev: true
 
@@ -3830,7 +3810,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       html-escaper: 2.0.2
-      istanbul-lib-report: 3.0.0
+      istanbul-lib-report: 3.0.1
     dev: true
 
   /joycon@3.1.1:
@@ -3838,11 +3818,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /js-string-escape@1.0.1:
-    resolution: {integrity: sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==}
-    engines: {node: '>= 0.8'}
-    dev: true
-
   /js-stringify@1.0.2:
     resolution: {integrity: sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==}
     dev: true
@@ -4135,11 +4110,18 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.14
 
-  /make-dir@3.1.0:
-    resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
-    engines: {node: '>=8'}
+  /magic-string@0.30.3:
+    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
+    engines: {node: '>=12'}
     dependencies:
-      semver: 6.3.0
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+    dependencies:
+      semver: 7.5.4
     dev: true
 
   /map-obj@1.0.1:
@@ -4162,13 +4144,6 @@ packages:
     hasBin: true
     dev: true
 
-  /md5-hex@3.0.1:
-    resolution: {integrity: sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==}
-    engines: {node: '>=8'}
-    dependencies:
-      blueimp-md5: 2.19.0
-    dev: true
-
   /memorystream@0.3.1:
     resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
     engines: {node: '>= 0.10.0'}
@@ -4294,13 +4269,13 @@ packages:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
     dev: true
 
-  /mlly@1.2.0:
-    resolution: {integrity: sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==}
+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
     dependencies:
       acorn: 8.10.0
-      pathe: 1.1.0
-      pkg-types: 1.0.2
-      ufo: 1.1.1
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.3.0
     dev: true
 
   /modify-values@1.0.1:
@@ -4661,8 +4636,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /pathe@1.1.0:
-    resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==}
+  /pathe@1.1.1:
+    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
     dev: true
 
   /pathval@1.1.1:
@@ -4703,12 +4678,12 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /pkg-types@1.0.2:
-    resolution: {integrity: sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==}
+  /pkg-types@1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
     dependencies:
       jsonc-parser: 3.2.0
-      mlly: 1.2.0
-      pathe: 1.1.0
+      mlly: 1.4.2
+      pathe: 1.1.1
     dev: true
 
   /postcss-modules-extract-imports@3.0.0(postcss@8.4.21):
@@ -4813,13 +4788,13 @@ packages:
     engines: {node: ^14.13.1 || >=16.0.0}
     dev: true
 
-  /pretty-format@27.5.1:
-    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+  /pretty-format@29.6.3:
+    resolution: {integrity: sha512-ZsBgjVhFAj5KeK+nHfF1305/By3lechHQSMWCTl8iHSbfOm2TN5nHEtFc/+W7fAyUeCs2n5iow72gld4gW0xDw==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
-      ansi-regex: 5.0.1
+      '@jest/schemas': 29.6.3
       ansi-styles: 5.2.0
-      react-is: 17.0.2
+      react-is: 18.2.0
     dev: true
 
   /process-nextick-args@2.0.1:
@@ -5042,8 +5017,8 @@ packages:
       strip-json-comments: 2.0.1
     dev: true
 
-  /react-is@17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+  /react-is@18.2.0:
+    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
     dev: true
 
   /read-pkg-up@3.0.0:
@@ -5510,8 +5485,8 @@ packages:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
     dev: true
 
-  /std-env@3.3.2:
-    resolution: {integrity: sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==}
+  /std-env@3.4.3:
+    resolution: {integrity: sha512-f9aPhy8fYBuMN+sNfakZV18U39PbalgjXG3lLB9WkaYTxijru61wb57V9wxxNthXM5Sd88ETBWi29qLAsHO52Q==}
     dev: true
 
   /streamx@2.15.1:
@@ -5734,22 +5709,17 @@ packages:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
 
-  /time-zone@1.0.0:
-    resolution: {integrity: sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==}
-    engines: {node: '>=4'}
-    dev: true
-
-  /tinybench@2.4.0:
-    resolution: {integrity: sha512-iyziEiyFxX4kyxSp+MtY1oCH/lvjH3PxFN8PGCDeqcZWAJ/i+9y+nL85w99PxVzrIvew/GSkSbDYtiGVa85Afg==}
+  /tinybench@2.5.0:
+    resolution: {integrity: sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==}
     dev: true
 
-  /tinypool@0.4.0:
-    resolution: {integrity: sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==}
+  /tinypool@0.7.0:
+    resolution: {integrity: sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==}
     engines: {node: '>=14.0.0'}
     dev: true
 
-  /tinyspy@2.1.0:
-    resolution: {integrity: sha512-7eORpyqImoOvkQJCSkL0d0mB4NHHIFAy4b1u8PHdDa7SjGS2njzl6/lyGoZLm+eyYEtlUmFGE0rFj66SWxZgQQ==}
+  /tinyspy@2.1.1:
+    resolution: {integrity: sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==}
     engines: {node: '>=14.0.0'}
     dev: true
 
@@ -5898,8 +5868,8 @@ packages:
     hasBin: true
     dev: true
 
-  /ufo@1.1.1:
-    resolution: {integrity: sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==}
+  /ufo@1.3.0:
+    resolution: {integrity: sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==}
     dev: true
 
   /uglify-js@3.17.4:
@@ -5988,20 +5958,21 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
-  /vite-node@0.30.1(@types/node@16.18.38)(terser@5.19.2):
-    resolution: {integrity: sha512-vTikpU/J7e6LU/8iM3dzBo8ZhEiKZEKRznEMm+mJh95XhWaPrJQraT/QsT2NWmuEf+zgAoMe64PKT7hfZ1Njmg==}
+  /vite-node@0.34.3(@types/node@16.18.38)(terser@5.19.2):
+    resolution: {integrity: sha512-+0TzJf1g0tYXj6tR2vEyiA42OPq68QkRZCu/ERSo2PtsDJfBpDyEfuKbRvLmZqi/CgC7SCBtyC+WjTGNMRIaig==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
     dependencies:
       cac: 6.7.14
       debug: 4.3.4
-      mlly: 1.2.0
-      pathe: 1.1.0
+      mlly: 1.4.2
+      pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.3.1(@types/node@16.18.38)(terser@5.19.2)
+      vite: 4.4.2(@types/node@16.18.38)(terser@5.19.2)
     transitivePeerDependencies:
       - '@types/node'
       - less
+      - lightningcss
       - sass
       - stylus
       - sugarss
@@ -6080,8 +6051,8 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitest@0.30.1(jsdom@22.1.0)(terser@5.19.2):
-    resolution: {integrity: sha512-y35WTrSTlTxfMLttgQk4rHcaDkbHQwDP++SNwPb+7H8yb13Q3cu2EixrtHzF27iZ8v0XCciSsLg00RkPAzB/aA==}
+  /vitest@0.34.3(jsdom@22.1.0)(terser@5.19.2):
+    resolution: {integrity: sha512-7+VA5Iw4S3USYk+qwPxHl8plCMhA5rtfwMjgoQXMT7rO5ldWcdsdo3U1QD289JgglGK4WeOzgoLTsGFu6VISyQ==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
     peerDependencies:
@@ -6111,35 +6082,34 @@ packages:
       webdriverio:
         optional: true
     dependencies:
-      '@types/chai': 4.3.4
+      '@types/chai': 4.3.6
       '@types/chai-subset': 1.3.3
       '@types/node': 16.18.38
-      '@vitest/expect': 0.30.1
-      '@vitest/runner': 0.30.1
-      '@vitest/snapshot': 0.30.1
-      '@vitest/spy': 0.30.1
-      '@vitest/utils': 0.30.1
-      acorn: 8.8.2
+      '@vitest/expect': 0.34.3
+      '@vitest/runner': 0.34.3
+      '@vitest/snapshot': 0.34.3
+      '@vitest/spy': 0.34.3
+      '@vitest/utils': 0.34.3
+      acorn: 8.10.0
       acorn-walk: 8.2.0
       cac: 6.7.14
       chai: 4.3.7
-      concordance: 5.0.4
       debug: 4.3.4
       jsdom: 22.1.0
       local-pkg: 0.4.3
-      magic-string: 0.30.0
-      pathe: 1.1.0
+      magic-string: 0.30.3
+      pathe: 1.1.1
       picocolors: 1.0.0
-      source-map: 0.6.1
-      std-env: 3.3.2
+      std-env: 3.4.3
       strip-literal: 1.0.1
-      tinybench: 2.4.0
-      tinypool: 0.4.0
-      vite: 4.3.1(@types/node@16.18.38)(terser@5.19.2)
-      vite-node: 0.30.1(@types/node@16.18.38)(terser@5.19.2)
+      tinybench: 2.5.0
+      tinypool: 0.7.0
+      vite: 4.4.2(@types/node@16.18.38)(terser@5.19.2)
+      vite-node: 0.34.3(@types/node@16.18.38)(terser@5.19.2)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
+      - lightningcss
       - sass
       - stylus
       - sugarss
@@ -6168,11 +6138,6 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
-  /well-known-symbols@2.0.0:
-    resolution: {integrity: sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==}
-    engines: {node: '>=6'}
-    dev: true
-
   /whatwg-encoding@2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
     engines: {node: '>=12'}

From 26424b8e082c55b6504163129368f372dc892013 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Thu, 7 Sep 2023 15:52:15 +0800
Subject: [PATCH 17/18] style: add trailing comma

---
 .prettierrc                                   |   12 +-
 .../compiler-core/__tests__/codegen.spec.ts   |  250 ++--
 .../compiler-core/__tests__/compile.spec.ts   |  106 +-
 .../compiler-core/__tests__/parse.spec.ts     | 1244 ++++++++---------
 .../compiler-core/__tests__/scopeId.spec.ts   |   20 +-
 packages/compiler-core/__tests__/testUtils.ts |   20 +-
 .../compiler-core/__tests__/transform.spec.ts |   86 +-
 .../__tests__/transforms/hoistStatic.spec.ts  |  238 ++--
 .../transforms/noopDirectiveTransform.spec.ts |    6 +-
 .../transforms/transformElement.spec.ts       |  526 +++----
 .../transforms/transformExpressions.spec.ts   |  206 +--
 .../transforms/transformSlotOutlet.spec.ts    |  180 +--
 .../transforms/transformText.spec.ts          |   80 +-
 .../__tests__/transforms/vBind.spec.ts        |  146 +-
 .../__tests__/transforms/vFor.spec.ts         |  318 ++---
 .../__tests__/transforms/vIf.spec.ts          |  231 +--
 .../__tests__/transforms/vMemo.spec.ts        |   18 +-
 .../__tests__/transforms/vModel.spec.ts       |  245 ++--
 .../__tests__/transforms/vOn.spec.ts          |  318 ++---
 .../__tests__/transforms/vOnce.spec.ts        |   40 +-
 .../__tests__/transforms/vSlot.spec.ts        |  440 +++---
 .../compiler-core/__tests__/utils.spec.ts     |    6 +-
 packages/compiler-core/src/ast.ts             |   88 +-
 packages/compiler-core/src/babelUtils.ts      |   24 +-
 packages/compiler-core/src/codegen.ts         |   80 +-
 .../compiler-core/src/compat/compatConfig.ts  |   26 +-
 .../src/compat/transformFilter.ts             |    8 +-
 packages/compiler-core/src/compile.ts         |   26 +-
 packages/compiler-core/src/errors.ts          |    6 +-
 packages/compiler-core/src/index.ts           |   14 +-
 packages/compiler-core/src/options.ts         |    8 +-
 packages/compiler-core/src/parse.ts           |  137 +-
 packages/compiler-core/src/runtimeHelpers.ts  |    4 +-
 packages/compiler-core/src/transform.ts       |   30 +-
 .../src/transforms/hoistStatic.ts             |   24 +-
 .../src/transforms/transformElement.ts        |   98 +-
 .../src/transforms/transformExpression.ts     |   34 +-
 .../src/transforms/transformSlotOutlet.ts     |   16 +-
 .../src/transforms/transformText.ts           |   12 +-
 .../compiler-core/src/transforms/vBind.ts     |    6 +-
 packages/compiler-core/src/transforms/vFor.ts |   80 +-
 packages/compiler-core/src/transforms/vIf.ts  |   48 +-
 .../compiler-core/src/transforms/vMemo.ts     |    4 +-
 .../compiler-core/src/transforms/vModel.ts    |   24 +-
 packages/compiler-core/src/transforms/vOn.ts  |   20 +-
 .../compiler-core/src/transforms/vSlot.ts     |   71 +-
 packages/compiler-core/src/utils.ts           |   50 +-
 .../compiler-core/src/validateExpression.ts   |   10 +-
 .../__tests__/decoderHtmlBrowser.spec.ts      |    8 +-
 packages/compiler-dom/__tests__/parse.spec.ts |  114 +-
 .../__tests__/transforms/Transition.spec.ts   |   28 +-
 .../transforms/ignoreSideEffectTags.spec.ts   |    4 +-
 .../transforms/stringifyStatic.spec.ts        |  226 +--
 .../transforms/transformStyle.spec.ts         |   28 +-
 .../__tests__/transforms/vHtml.spec.ts        |   24 +-
 .../__tests__/transforms/vModel.spec.ts       |   26 +-
 .../__tests__/transforms/vOn.spec.ts          |  138 +-
 .../__tests__/transforms/vShow.spec.ts        |   10 +-
 .../__tests__/transforms/vText.spec.ts        |   28 +-
 packages/compiler-dom/src/decodeHtml.ts       |    6 +-
 packages/compiler-dom/src/errors.ts           |   12 +-
 packages/compiler-dom/src/index.ts            |   16 +-
 packages/compiler-dom/src/parserOptions.ts    |   10 +-
 packages/compiler-dom/src/runtimeHelpers.ts   |    2 +-
 .../compiler-dom/src/transforms/Transition.ts |   12 +-
 .../src/transforms/ignoreSideEffectTags.ts    |    4 +-
 .../src/transforms/stringifyStatic.ts         |   22 +-
 .../src/transforms/transformStyle.ts          |    8 +-
 packages/compiler-dom/src/transforms/vHtml.ts |   12 +-
 .../compiler-dom/src/transforms/vModel.ts     |   22 +-
 packages/compiler-dom/src/transforms/vOn.ts   |   20 +-
 packages/compiler-dom/src/transforms/vShow.ts |    4 +-
 packages/compiler-dom/src/transforms/vText.ts |   14 +-
 .../__tests__/compileScript.spec.ts           |  180 +--
 .../compileScript/defineEmits.spec.ts         |    8 +-
 .../compileScript/defineModel.spec.ts         |   36 +-
 .../compileScript/defineOptions.spec.ts       |   44 +-
 .../compileScript/defineProps.spec.ts         |   76 +-
 .../definePropsDestructure.spec.ts            |   92 +-
 .../compileScript/hoistStatic.spec.ts         |   24 +-
 .../compileScript/reactivityTransform.spec.ts |   18 +-
 .../compileScript/resolveType.spec.ts         |  268 ++--
 .../__tests__/compileStyle.spec.ts            |   56 +-
 .../__tests__/compileTemplate.spec.ts         |   38 +-
 .../compiler-sfc/__tests__/cssVars.spec.ts    |   44 +-
 packages/compiler-sfc/__tests__/parse.spec.ts |   82 +-
 .../__tests__/rewriteDefault.spec.ts          |   79 +-
 .../templateTransformAssetUrl.spec.ts         |   38 +-
 .../__tests__/templateTransformSrcset.spec.ts |   28 +-
 .../__tests__/templateUtils.spec.ts           |    2 +-
 packages/compiler-sfc/__tests__/utils.ts      |    8 +-
 packages/compiler-sfc/src/compileScript.ts    |  125 +-
 packages/compiler-sfc/src/compileStyle.ts     |   44 +-
 packages/compiler-sfc/src/compileTemplate.ts  |   48 +-
 packages/compiler-sfc/src/index.ts            |   16 +-
 packages/compiler-sfc/src/parse.ts            |   64 +-
 packages/compiler-sfc/src/rewriteDefault.ts   |   14 +-
 .../src/script/analyzeScriptBindings.ts       |    4 +-
 packages/compiler-sfc/src/script/context.ts   |   14 +-
 .../compiler-sfc/src/script/defineEmits.ts    |    8 +-
 .../compiler-sfc/src/script/defineExpose.ts   |    2 +-
 .../compiler-sfc/src/script/defineModel.ts    |   17 +-
 .../compiler-sfc/src/script/defineOptions.ts  |   10 +-
 .../compiler-sfc/src/script/defineProps.ts    |   44 +-
 .../src/script/definePropsDestructure.ts      |   28 +-
 .../compiler-sfc/src/script/defineSlots.ts    |    4 +-
 .../src/script/importUsageCheck.ts            |   14 +-
 .../compiler-sfc/src/script/normalScript.ts   |   10 +-
 .../compiler-sfc/src/script/resolveType.ts    |  194 +--
 .../compiler-sfc/src/script/topLevelAwait.ts  |   10 +-
 packages/compiler-sfc/src/script/utils.ts     |    9 +-
 packages/compiler-sfc/src/style/cssVars.ts    |   18 +-
 .../compiler-sfc/src/style/pluginScoped.ts    |   16 +-
 packages/compiler-sfc/src/style/pluginTrim.ts |    2 +-
 .../compiler-sfc/src/style/preprocessors.ts   |   22 +-
 .../src/template/transformAssetUrl.ts         |   28 +-
 .../src/template/transformSrcset.ts           |   18 +-
 packages/compiler-sfc/src/warn.ts             |    2 +-
 .../__tests__/ssrComponent.spec.ts            |   10 +-
 .../compiler-ssr/__tests__/ssrElement.spec.ts |   30 +-
 .../__tests__/ssrInjectCssVars.spec.ts        |   24 +-
 .../compiler-ssr/__tests__/ssrPortal.spec.ts  |    2 +-
 .../compiler-ssr/__tests__/ssrScopeId.spec.ts |   16 +-
 .../__tests__/ssrSlotOutlet.spec.ts           |   12 +-
 .../__tests__/ssrSuspense.spec.ts             |    2 +-
 .../compiler-ssr/__tests__/ssrText.spec.ts    |   14 +-
 .../__tests__/ssrTransitionGroup.spec.ts      |   18 +-
 .../compiler-ssr/__tests__/ssrVFor.spec.ts    |   12 +-
 .../compiler-ssr/__tests__/ssrVIf.spec.ts     |    9 +-
 .../compiler-ssr/__tests__/ssrVModel.spec.ts  |   26 +-
 .../compiler-ssr/__tests__/ssrVShow.spec.ts   |   10 +-
 packages/compiler-ssr/__tests__/utils.ts      |    2 +-
 packages/compiler-ssr/src/errors.ts           |   10 +-
 packages/compiler-ssr/src/index.ts            |   14 +-
 packages/compiler-ssr/src/runtimeHelpers.ts   |    2 +-
 .../compiler-ssr/src/ssrCodegenTransform.ts   |   34 +-
 .../src/transforms/ssrInjectCssVars.ts        |    4 +-
 .../transforms/ssrInjectFallthroughAttrs.ts   |    4 +-
 .../src/transforms/ssrTransformComponent.ts   |   48 +-
 .../src/transforms/ssrTransformElement.ts     |   80 +-
 .../src/transforms/ssrTransformSlotOutlet.ts  |    8 +-
 .../src/transforms/ssrTransformSuspense.ts    |   18 +-
 .../src/transforms/ssrTransformTeleport.ts    |   18 +-
 .../transforms/ssrTransformTransitionGroup.ts |   14 +-
 .../compiler-ssr/src/transforms/ssrVFor.ts    |   16 +-
 .../compiler-ssr/src/transforms/ssrVIf.ts     |   18 +-
 .../compiler-ssr/src/transforms/ssrVModel.ts  |   54 +-
 .../compiler-ssr/src/transforms/ssrVShow.ts   |   16 +-
 packages/dts-test/appUse.test-d.ts            |   14 +-
 packages/dts-test/compiler.test-d.ts          |    2 +-
 packages/dts-test/component.test-d.ts         |   78 +-
 .../componentTypeExtensions.test-d.tsx        |    8 +-
 packages/dts-test/defineComponent.test-d.tsx  |  328 ++---
 .../dts-test/defineCustomElement.test-d.ts    |   18 +-
 packages/dts-test/extractProps.test-d.ts      |    6 +-
 .../dts-test/functionalComponent.test-d.tsx   |    4 +-
 packages/dts-test/h.test-d.ts                 |   48 +-
 packages/dts-test/reactivity.test-d.ts        |    8 +-
 packages/dts-test/reactivityMacros.test-d.ts  |   18 +-
 packages/dts-test/ref.test-d.ts               |   60 +-
 packages/dts-test/setupHelpers.test-d.ts      |   34 +-
 packages/dts-test/tsx.test-d.tsx              |    6 +-
 packages/dts-test/watch.test-d.ts             |   14 +-
 packages/global.d.ts                          |    2 +-
 .../__tests__/reactivityTransform.spec.ts     |   42 +-
 .../src/reactivityTransform.ts                |   78 +-
 .../__tests__/collections/Map.spec.ts         |    2 +-
 .../__tests__/collections/Set.spec.ts         |    2 +-
 .../collections/shallowReadonly.spec.ts       |   22 +-
 .../reactivity/__tests__/computed.spec.ts     |   24 +-
 packages/reactivity/__tests__/effect.spec.ts  |   36 +-
 .../reactivity/__tests__/effectScope.spec.ts  |    4 +-
 .../reactivity/__tests__/reactive.spec.ts     |   14 +-
 .../reactivity/__tests__/readonly.spec.ts     |   44 +-
 packages/reactivity/__tests__/ref.spec.ts     |   24 +-
 .../__tests__/shallowReactive.spec.ts         |   14 +-
 .../__tests__/shallowReadonly.spec.ts         |   26 +-
 packages/reactivity/src/baseHandlers.ts       |   20 +-
 packages/reactivity/src/collectionHandlers.ts |   50 +-
 packages/reactivity/src/computed.ts           |    8 +-
 packages/reactivity/src/effect.ts             |   20 +-
 packages/reactivity/src/effectScope.ts        |    6 +-
 packages/reactivity/src/index.ts              |   12 +-
 packages/reactivity/src/operations.ts         |    4 +-
 packages/reactivity/src/reactive.ts           |   24 +-
 packages/reactivity/src/ref.ts                |   32 +-
 .../__tests__/apiAsyncComponent.spec.ts       |  114 +-
 .../__tests__/apiCreateApp.spec.ts            |  122 +-
 .../runtime-core/__tests__/apiExpose.spec.ts  |   72 +-
 .../runtime-core/__tests__/apiInject.spec.ts  |   78 +-
 .../__tests__/apiLifecycle.spec.ts            |   58 +-
 .../runtime-core/__tests__/apiOptions.spec.ts |  492 +++----
 .../__tests__/apiSetupContext.spec.ts         |   44 +-
 .../__tests__/apiSetupHelpers.spec.ts         |   84 +-
 .../runtime-core/__tests__/apiWatch.spec.ts   |  130 +-
 .../__tests__/componentEmits.spec.ts          |  110 +-
 .../__tests__/componentProps.spec.ts          |  146 +-
 .../__tests__/componentPublicInstance.spec.ts |   82 +-
 .../__tests__/componentSlots.spec.ts          |   58 +-
 .../components/BaseTransition.spec.ts         |  122 +-
 .../__tests__/components/KeepAlive.spec.ts    |  118 +-
 .../__tests__/components/Suspense.spec.ts     |  280 ++--
 .../__tests__/components/Teleport.spec.ts     |  166 +--
 .../runtime-core/__tests__/directives.spec.ts |   54 +-
 .../__tests__/errorHandling.spec.ts           |   92 +-
 packages/runtime-core/__tests__/h.spec.ts     |   20 +-
 .../__tests__/helpers/createSlots.spec.ts     |   10 +-
 .../__tests__/helpers/renderList.spec.ts      |   16 +-
 .../__tests__/helpers/renderSlot.spec.ts      |   10 +-
 .../__tests__/helpers/resolveAssets.spec.ts   |   38 +-
 .../__tests__/helpers/toHandlers.spec.ts      |    4 +-
 .../__tests__/helpers/withMemo.spec.ts        |   32 +-
 packages/runtime-core/__tests__/hmr.spec.ts   |  106 +-
 .../runtime-core/__tests__/hydration.spec.ts  |  211 +--
 packages/runtime-core/__tests__/misc.spec.ts  |    2 +-
 .../rendererAttrsFallthrough.spec.ts          |  130 +-
 .../__tests__/rendererChildren.spec.ts        |  102 +-
 .../__tests__/rendererComponent.spec.ts       |   66 +-
 .../__tests__/rendererElement.spec.ts         |    2 +-
 .../__tests__/rendererFragment.spec.ts        |  110 +-
 .../__tests__/rendererOptimizedMode.spec.ts   |  252 ++--
 .../__tests__/rendererTemplateRef.spec.ts     |   96 +-
 .../runtime-core/__tests__/scheduler.spec.ts  |    4 +-
 .../runtime-core/__tests__/scopeId.spec.ts    |   72 +-
 packages/runtime-core/__tests__/vnode.spec.ts |  140 +-
 .../runtime-core/__tests__/vnodeHooks.spec.ts |   20 +-
 .../runtime-core/src/apiAsyncComponent.ts     |   22 +-
 packages/runtime-core/src/apiComputed.ts      |    2 +-
 packages/runtime-core/src/apiCreateApp.ts     |   40 +-
 .../runtime-core/src/apiDefineComponent.ts    |   36 +-
 packages/runtime-core/src/apiInject.ts        |    8 +-
 packages/runtime-core/src/apiLifecycle.ts     |   14 +-
 packages/runtime-core/src/apiSetupHelpers.ts  |   68 +-
 packages/runtime-core/src/apiWatch.ts         |   56 +-
 .../src/compat/attrsFallthrough.ts            |    2 +-
 .../runtime-core/src/compat/compatConfig.ts   |  108 +-
 packages/runtime-core/src/compat/component.ts |    6 +-
 .../runtime-core/src/compat/componentAsync.ts |    4 +-
 .../src/compat/componentFunctional.ts         |    6 +-
 .../src/compat/componentVModel.ts             |    8 +-
 .../src/compat/customDirective.ts             |    8 +-
 packages/runtime-core/src/compat/global.ts    |   48 +-
 .../runtime-core/src/compat/globalConfig.ts   |   10 +-
 packages/runtime-core/src/compat/instance.ts  |   14 +-
 .../src/compat/instanceChildren.ts            |    2 +-
 .../src/compat/instanceEventEmitter.ts        |   14 +-
 packages/runtime-core/src/compat/props.ts     |    6 +-
 packages/runtime-core/src/compat/renderFn.ts  |   44 +-
 .../runtime-core/src/compat/renderHelpers.ts  |   14 +-
 packages/runtime-core/src/component.ts        |   93 +-
 packages/runtime-core/src/componentEmits.ts   |   28 +-
 packages/runtime-core/src/componentOptions.ts |  102 +-
 packages/runtime-core/src/componentProps.ts   |   46 +-
 .../src/componentPublicInstance.ts            |   72 +-
 .../src/componentRenderContext.ts             |    4 +-
 .../runtime-core/src/componentRenderUtils.ts  |   42 +-
 packages/runtime-core/src/componentSlots.ts   |   26 +-
 .../src/components/BaseTransition.ts          |   40 +-
 .../runtime-core/src/components/KeepAlive.ts  |   34 +-
 .../runtime-core/src/components/Suspense.ts   |   84 +-
 .../runtime-core/src/components/Teleport.ts   |   52 +-
 packages/runtime-core/src/customFormatter.ts  |   28 +-
 packages/runtime-core/src/devtools.ts         |   20 +-
 packages/runtime-core/src/directives.ts       |   14 +-
 packages/runtime-core/src/enums.ts            |    2 +-
 packages/runtime-core/src/errorHandling.ts    |   14 +-
 packages/runtime-core/src/featureFlags.ts     |    2 +-
 packages/runtime-core/src/h.ts                |   32 +-
 .../runtime-core/src/helpers/createSlots.ts   |    2 +-
 .../runtime-core/src/helpers/renderList.ts    |   16 +-
 .../runtime-core/src/helpers/renderSlot.ts    |   12 +-
 .../runtime-core/src/helpers/resolveAssets.ts |   14 +-
 .../runtime-core/src/helpers/toHandlers.ts    |    2 +-
 .../runtime-core/src/helpers/useSsrContext.ts |    2 +-
 packages/runtime-core/src/helpers/withMemo.ts |    2 +-
 packages/runtime-core/src/hmr.ts              |   14 +-
 packages/runtime-core/src/hydration.ts        |   64 +-
 packages/runtime-core/src/index.ts            |   52 +-
 packages/runtime-core/src/profiling.ts        |    4 +-
 packages/runtime-core/src/renderer.ts         |  236 ++--
 .../runtime-core/src/rendererTemplateRef.ts   |   10 +-
 packages/runtime-core/src/scheduler.ts        |   10 +-
 packages/runtime-core/src/vnode.ts            |   54 +-
 packages/runtime-core/src/warning.ts          |   12 +-
 .../runtime-dom/__tests__/createApp.spec.ts   |    6 +-
 .../__tests__/customElement.spec.ts           |  124 +-
 .../__tests__/customizedBuiltIn.spec.ts       |    2 +-
 .../__tests__/directives/vCloak.spec.ts       |    2 +-
 .../__tests__/directives/vModel.spec.ts       |  232 +--
 .../__tests__/directives/vOn.spec.ts          |    6 +-
 .../__tests__/directives/vShow.spec.ts        |   20 +-
 .../__tests__/helpers/useCssModule.spec.ts    |   12 +-
 .../__tests__/helpers/useCssVars.spec.ts      |   36 +-
 .../runtime-dom/__tests__/nodeOps.spec.ts     |    8 +-
 .../runtime-dom/__tests__/patchEvents.spec.ts |    2 +-
 .../runtime-dom/__tests__/patchProps.spec.ts  |   18 +-
 .../runtime-dom/__tests__/patchStyle.spec.ts  |   20 +-
 packages/runtime-dom/src/apiCustomElement.ts  |   32 +-
 .../runtime-dom/src/components/Transition.ts  |   34 +-
 .../src/components/TransitionGroup.ts         |   18 +-
 packages/runtime-dom/src/directives/vModel.ts |   30 +-
 packages/runtime-dom/src/directives/vOn.ts    |   10 +-
 packages/runtime-dom/src/directives/vShow.ts  |    2 +-
 .../runtime-dom/src/helpers/useCssVars.ts     |    4 +-
 packages/runtime-dom/src/index.ts             |   26 +-
 packages/runtime-dom/src/modules/attrs.ts     |   12 +-
 packages/runtime-dom/src/modules/events.ts    |   14 +-
 packages/runtime-dom/src/modules/props.ts     |    8 +-
 packages/runtime-dom/src/modules/style.ts     |    6 +-
 packages/runtime-dom/src/nodeOps.ts           |    4 +-
 packages/runtime-dom/src/patchProp.ts         |    6 +-
 .../__tests__/testRuntime.spec.ts             |   48 +-
 packages/runtime-test/src/index.ts            |    4 +-
 packages/runtime-test/src/nodeOps.ts          |   30 +-
 packages/runtime-test/src/patchProp.ts        |    4 +-
 packages/runtime-test/src/serialize.ts        |   10 +-
 packages/runtime-test/src/triggerEvent.ts     |    2 +-
 .../server-renderer/__tests__/render.spec.ts  |  380 ++---
 .../__tests__/ssrAttrFallthrough.spec.ts      |   30 +-
 .../__tests__/ssrCompilerOptions.spec.ts      |   68 +-
 .../__tests__/ssrComputed.spec.ts             |    2 +-
 .../__tests__/ssrDirectives.spec.ts           |  314 ++---
 .../__tests__/ssrDynamicComponent.spec.ts     |   34 +-
 .../__tests__/ssrInterpolate.spec.ts          |   14 +-
 .../__tests__/ssrRenderAttrs.spec.ts          |   74 +-
 .../__tests__/ssrRenderList.spec.ts           |   10 +-
 .../__tests__/ssrScopeId.spec.ts              |   58 +-
 .../server-renderer/__tests__/ssrSlot.spec.ts |   86 +-
 .../__tests__/ssrSuspense.spec.ts             |   44 +-
 .../__tests__/ssrTeleport.spec.ts             |   62 +-
 .../__tests__/ssrVModelHelpers.spec.ts        |   62 +-
 .../__tests__/ssrWatch.spec.ts                |    2 +-
 .../__tests__/webStream.spec.ts               |   12 +-
 .../server-renderer/src/helpers/ssrCompile.ts |   20 +-
 .../src/helpers/ssrGetDirectiveProps.ts       |    6 +-
 .../src/helpers/ssrRenderAttrs.ts             |   10 +-
 .../src/helpers/ssrRenderComponent.ts         |    4 +-
 .../src/helpers/ssrRenderList.ts              |    2 +-
 .../src/helpers/ssrRenderSlot.ts              |   10 +-
 .../src/helpers/ssrRenderSuspense.ts          |    2 +-
 .../src/helpers/ssrRenderTeleport.ts          |    2 +-
 .../src/helpers/ssrVModelHelpers.ts           |    4 +-
 packages/server-renderer/src/index.ts         |    2 +-
 packages/server-renderer/src/internal.ts      |    4 +-
 packages/server-renderer/src/render.ts        |   48 +-
 .../server-renderer/src/renderToStream.ts     |   32 +-
 .../server-renderer/src/renderToString.ts     |    6 +-
 .../src/download/template/vite.config.js      |    2 +-
 packages/sfc-playground/src/main.ts           |    2 +-
 packages/sfc-playground/vite.config.ts        |   20 +-
 packages/shared/__tests__/codeframe.spec.ts   |    4 +-
 packages/shared/__tests__/looseEqual.spec.ts  |   14 +-
 .../shared/__tests__/normalizeProp.spec.ts    |    6 +-
 .../shared/__tests__/toDisplayString.spec.ts  |   20 +-
 packages/shared/src/codeframe.ts              |    6 +-
 packages/shared/src/domAttrConfig.ts          |    8 +-
 packages/shared/src/general.ts                |   10 +-
 packages/shared/src/makeMap.ts                |    2 +-
 packages/shared/src/normalizeProp.ts          |    4 +-
 packages/shared/src/patchFlags.ts             |    4 +-
 packages/shared/src/shapeFlags.ts             |    2 +-
 packages/shared/src/slotFlags.ts              |    4 +-
 packages/shared/src/toDisplayString.ts        |    6 +-
 packages/template-explorer/src/index.ts       |   56 +-
 packages/template-explorer/src/options.ts     |   62 +-
 packages/template-explorer/src/theme.ts       |  118 +-
 .../vue-compat/__tests__/compiler.spec.ts     |   46 +-
 .../__tests__/componentAsync.spec.ts          |   24 +-
 .../__tests__/componentFunctional.spec.ts     |   32 +-
 .../__tests__/componentVModel.spec.ts         |   18 +-
 packages/vue-compat/__tests__/filters.spec.ts |   70 +-
 packages/vue-compat/__tests__/global.spec.ts  |  114 +-
 .../vue-compat/__tests__/globalConfig.spec.ts |   12 +-
 .../vue-compat/__tests__/instance.spec.ts     |   84 +-
 packages/vue-compat/__tests__/misc.spec.ts    |   82 +-
 packages/vue-compat/__tests__/options.spec.ts |   50 +-
 .../vue-compat/__tests__/renderFn.spec.ts     |  108 +-
 packages/vue-compat/__tests__/utils.ts        |    4 +-
 packages/vue-compat/src/createCompatVue.ts    |    2 +-
 packages/vue-compat/src/dev.ts                |    2 +-
 packages/vue-compat/src/index.ts              |   12 +-
 packages/vue-compat/src/runtime.ts            |    2 +-
 .../vue/__tests__/customElementCasing.spec.ts |    6 +-
 packages/vue/__tests__/e2e/Transition.spec.ts |  442 +++---
 .../vue/__tests__/e2e/TransitionGroup.spec.ts |   96 +-
 packages/vue/__tests__/e2e/commits.mock.ts    |  126 +-
 packages/vue/__tests__/e2e/commits.spec.ts    |    8 +-
 packages/vue/__tests__/e2e/e2eUtils.ts        |   16 +-
 packages/vue/__tests__/e2e/grid.spec.ts       |   20 +-
 packages/vue/__tests__/e2e/markdown.spec.ts   |    8 +-
 packages/vue/__tests__/e2e/svg.spec.ts        |   16 +-
 packages/vue/__tests__/e2e/todomvc.spec.ts    |    8 +-
 packages/vue/__tests__/e2e/tree.spec.ts       |   38 +-
 packages/vue/__tests__/index.spec.ts          |   64 +-
 .../__tests__/runtimeCompilerOptions.spec.ts  |   24 +-
 packages/vue/__tests__/svgNamespace.spec.ts   |    4 +-
 packages/vue/macros-global.d.ts               |    2 +-
 packages/vue/macros.d.ts                      |   16 +-
 packages/vue/src/dev.ts                       |    2 +-
 packages/vue/src/index.ts                     |    8 +-
 packages/vue/src/runtime.ts                   |    2 +-
 rollup.config.js                              |   56 +-
 rollup.dts.config.js                          |   26 +-
 scripts/aliases.js                            |    4 +-
 scripts/build.js                              |   22 +-
 scripts/const-enum.js                         |   22 +-
 scripts/dev.js                                |   22 +-
 scripts/pre-dev-sfc.js                        |    4 +-
 scripts/release.js                            |   38 +-
 scripts/setupVitest.ts                        |   18 +-
 scripts/size-report.ts                        |    8 +-
 scripts/usage-size.ts                         |   22 +-
 scripts/utils.js                              |    4 +-
 scripts/verifyCommit.js                       |    8 +-
 vitest.config.ts                              |   16 +-
 vitest.e2e.config.ts                          |    4 +-
 vitest.unit.config.ts                         |    4 +-
 417 files changed, 10095 insertions(+), 10032 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index ef93d94821a..600fbaf079f 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,7 @@
-semi: false
-singleQuote: true
-printWidth: 80
-trailingComma: 'none'
-arrowParens: 'avoid'
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "trailingComma": "all",
+  "arrowParens": "avoid"
+}
diff --git a/packages/compiler-core/__tests__/codegen.spec.ts b/packages/compiler-core/__tests__/codegen.spec.ts
index 802df84b35b..19a91c8f8c5 100644
--- a/packages/compiler-core/__tests__/codegen.spec.ts
+++ b/packages/compiler-core/__tests__/codegen.spec.ts
@@ -21,7 +21,7 @@ import {
   createVNodeCall,
   VNodeCall,
   DirectiveArguments,
-  ConstantTypes
+  ConstantTypes,
 } from '../src'
 import {
   CREATE_VNODE,
@@ -32,7 +32,7 @@ import {
   CREATE_COMMENT,
   FRAGMENT,
   RENDER_LIST,
-  CREATE_ELEMENT_VNODE
+  CREATE_ELEMENT_VNODE,
 } from '../src/runtimeHelpers'
 import { createElementWithCodegen, genFlagText } from './testUtils'
 import { PatchFlags } from '@vue/shared'
@@ -50,59 +50,59 @@ function createRoot(options: Partial<RootNode> = {}): RootNode {
     temps: 0,
     codegenNode: createSimpleExpression(`null`, false),
     loc: locStub,
-    ...options
+    ...options,
   }
 }
 
 describe('compiler: codegen', () => {
   test('module mode preamble', () => {
     const root = createRoot({
-      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE])
+      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE]),
     })
     const { code } = generate(root, { mode: 'module' })
     expect(code).toMatch(
-      `import { ${helperNameMap[CREATE_VNODE]} as _${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]} as _${helperNameMap[RESOLVE_DIRECTIVE]} } from "vue"`
+      `import { ${helperNameMap[CREATE_VNODE]} as _${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]} as _${helperNameMap[RESOLVE_DIRECTIVE]} } from "vue"`,
     )
     expect(code).toMatchSnapshot()
   })
 
   test('module mode preamble w/ optimizeImports: true', () => {
     const root = createRoot({
-      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE])
+      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE]),
     })
     const { code } = generate(root, { mode: 'module', optimizeImports: true })
     expect(code).toMatch(
-      `import { ${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]} } from "vue"`
+      `import { ${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]} } from "vue"`,
     )
     expect(code).toMatch(
-      `const _${helperNameMap[CREATE_VNODE]} = ${helperNameMap[CREATE_VNODE]}, _${helperNameMap[RESOLVE_DIRECTIVE]} = ${helperNameMap[RESOLVE_DIRECTIVE]}`
+      `const _${helperNameMap[CREATE_VNODE]} = ${helperNameMap[CREATE_VNODE]}, _${helperNameMap[RESOLVE_DIRECTIVE]} = ${helperNameMap[RESOLVE_DIRECTIVE]}`,
     )
     expect(code).toMatchSnapshot()
   })
 
   test('function mode preamble', () => {
     const root = createRoot({
-      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE])
+      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE]),
     })
     const { code } = generate(root, { mode: 'function' })
     expect(code).toMatch(`const _Vue = Vue`)
     expect(code).toMatch(
-      `const { ${helperNameMap[CREATE_VNODE]}: _${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]}: _${helperNameMap[RESOLVE_DIRECTIVE]} } = _Vue`
+      `const { ${helperNameMap[CREATE_VNODE]}: _${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]}: _${helperNameMap[RESOLVE_DIRECTIVE]} } = _Vue`,
     )
     expect(code).toMatchSnapshot()
   })
 
   test('function mode preamble w/ prefixIdentifiers: true', () => {
     const root = createRoot({
-      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE])
+      helpers: new Set([CREATE_VNODE, RESOLVE_DIRECTIVE]),
     })
     const { code } = generate(root, {
       mode: 'function',
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(code).not.toMatch(`const _Vue = Vue`)
     expect(code).toMatch(
-      `const { ${helperNameMap[CREATE_VNODE]}: _${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]}: _${helperNameMap[RESOLVE_DIRECTIVE]} } = Vue`
+      `const { ${helperNameMap[CREATE_VNODE]}: _${helperNameMap[CREATE_VNODE]}, ${helperNameMap[RESOLVE_DIRECTIVE]}: _${helperNameMap[RESOLVE_DIRECTIVE]} } = Vue`,
     )
     expect(code).toMatchSnapshot()
   })
@@ -111,27 +111,27 @@ describe('compiler: codegen', () => {
     const root = createRoot({
       components: [`Foo`, `bar-baz`, `barbaz`, `Qux__self`],
       directives: [`my_dir_0`, `my_dir_1`],
-      temps: 3
+      temps: 3,
     })
     const { code } = generate(root, { mode: 'function' })
     expect(code).toMatch(
-      `const _component_Foo = _${helperNameMap[RESOLVE_COMPONENT]}("Foo")\n`
+      `const _component_Foo = _${helperNameMap[RESOLVE_COMPONENT]}("Foo")\n`,
     )
     expect(code).toMatch(
-      `const _component_bar_baz = _${helperNameMap[RESOLVE_COMPONENT]}("bar-baz")\n`
+      `const _component_bar_baz = _${helperNameMap[RESOLVE_COMPONENT]}("bar-baz")\n`,
     )
     expect(code).toMatch(
-      `const _component_barbaz = _${helperNameMap[RESOLVE_COMPONENT]}("barbaz")\n`
+      `const _component_barbaz = _${helperNameMap[RESOLVE_COMPONENT]}("barbaz")\n`,
     )
     // implicit self reference from SFC filename
     expect(code).toMatch(
-      `const _component_Qux = _${helperNameMap[RESOLVE_COMPONENT]}("Qux", true)\n`
+      `const _component_Qux = _${helperNameMap[RESOLVE_COMPONENT]}("Qux", true)\n`,
     )
     expect(code).toMatch(
-      `const _directive_my_dir_0 = _${helperNameMap[RESOLVE_DIRECTIVE]}("my_dir_0")\n`
+      `const _directive_my_dir_0 = _${helperNameMap[RESOLVE_DIRECTIVE]}("my_dir_0")\n`,
     )
     expect(code).toMatch(
-      `const _directive_my_dir_1 = _${helperNameMap[RESOLVE_DIRECTIVE]}("my_dir_1")\n`
+      `const _directive_my_dir_1 = _${helperNameMap[RESOLVE_DIRECTIVE]}("my_dir_1")\n`,
     )
     expect(code).toMatch(`let _temp0, _temp1, _temp2`)
     expect(code).toMatchSnapshot()
@@ -145,12 +145,12 @@ describe('compiler: codegen', () => {
           [
             createObjectProperty(
               createSimpleExpression(`id`, true, locStub),
-              createSimpleExpression(`foo`, true, locStub)
-            )
+              createSimpleExpression(`foo`, true, locStub),
+            ),
           ],
-          locStub
-        )
-      ]
+          locStub,
+        ),
+      ],
     })
     const { code } = generate(root)
     expect(code).toMatch(`const _hoisted_1 = hello`)
@@ -160,7 +160,7 @@ describe('compiler: codegen', () => {
 
   test('temps', () => {
     const root = createRoot({
-      temps: 3
+      temps: 3,
     })
     const { code } = generate(root)
     expect(code).toMatch(`let _temp0, _temp1, _temp2`)
@@ -173,9 +173,9 @@ describe('compiler: codegen', () => {
         codegenNode: {
           type: NodeTypes.TEXT,
           content: 'hello',
-          loc: locStub
-        }
-      })
+          loc: locStub,
+        },
+      }),
     )
     expect(code).toMatch(`return "hello"`)
     expect(code).toMatchSnapshot()
@@ -184,8 +184,8 @@ describe('compiler: codegen', () => {
   test('interpolation', () => {
     const { code } = generate(
       createRoot({
-        codegenNode: createInterpolation(`hello`, locStub)
-      })
+        codegenNode: createInterpolation(`hello`, locStub),
+      }),
     )
     expect(code).toMatch(`return _${helperNameMap[TO_DISPLAY_STRING]}(hello)`)
     expect(code).toMatchSnapshot()
@@ -197,9 +197,9 @@ describe('compiler: codegen', () => {
         codegenNode: {
           type: NodeTypes.COMMENT,
           content: 'foo',
-          loc: locStub
-        }
-      })
+          loc: locStub,
+        },
+      }),
     )
     expect(code).toMatch(`return _${helperNameMap[CREATE_COMMENT]}("foo")`)
     expect(code).toMatchSnapshot()
@@ -215,15 +215,15 @@ describe('compiler: codegen', () => {
           {
             type: NodeTypes.INTERPOLATION,
             loc: locStub,
-            content: createSimpleExpression(`bar`, false, locStub)
+            content: createSimpleExpression(`bar`, false, locStub),
           },
           // nested compound
-          createCompoundExpression([` + `, `nested`])
-        ])
-      })
+          createCompoundExpression([` + `, `nested`]),
+        ]),
+      }),
     )
     expect(code).toMatch(
-      `return _ctx.foo + _${helperNameMap[TO_DISPLAY_STRING]}(bar) + nested`
+      `return _ctx.foo + _${helperNameMap[TO_DISPLAY_STRING]}(bar) + nested`,
     )
     expect(code).toMatchSnapshot()
   })
@@ -238,10 +238,10 @@ describe('compiler: codegen', () => {
           codegenNode: createConditionalExpression(
             createSimpleExpression('foo', false),
             createSimpleExpression('bar', false),
-            createSimpleExpression('baz', false)
-          ) as IfConditionalExpression
-        }
-      })
+            createSimpleExpression('baz', false),
+          ) as IfConditionalExpression,
+        },
+      }),
     )
     expect(code).toMatch(/return foo\s+\? bar\s+: baz/)
     expect(code).toMatchSnapshot()
@@ -269,10 +269,10 @@ describe('compiler: codegen', () => {
             patchFlag: '1',
             dynamicProps: undefined,
             directives: undefined,
-            loc: locStub
-          } as ForCodegenNode
-        }
-      })
+            loc: locStub,
+          } as ForCodegenNode,
+        },
+      }),
     )
     expect(code).toMatch(`openBlock(true)`)
     expect(code).toMatchSnapshot()
@@ -288,7 +288,7 @@ describe('compiler: codegen', () => {
             '1 + 2',
             false,
             locStub,
-            ConstantTypes.CAN_STRINGIFY
+            ConstantTypes.CAN_STRINGIFY,
           ),
           valueAlias: undefined,
           keyAlias: undefined,
@@ -305,10 +305,10 @@ describe('compiler: codegen', () => {
             patchFlag: genFlagText(PatchFlags.STABLE_FRAGMENT),
             dynamicProps: undefined,
             directives: undefined,
-            loc: locStub
-          } as ForCodegenNode
-        }
-      })
+            loc: locStub,
+          } as ForCodegenNode,
+        },
+      }),
     )
     expect(code).toMatch(`openBlock()`)
     expect(code).toMatchSnapshot()
@@ -325,11 +325,11 @@ describe('compiler: codegen', () => {
             [
               createObjectProperty(
                 createSimpleExpression(`id`, true, locStub),
-                createSimpleExpression(`foo`, true, locStub)
+                createSimpleExpression(`foo`, true, locStub),
               ),
               createObjectProperty(
                 createSimpleExpression(`prop`, false, locStub),
-                createSimpleExpression(`bar`, false, locStub)
+                createSimpleExpression(`bar`, false, locStub),
               ),
               // compound expression as computed key
               createObjectProperty(
@@ -338,13 +338,13 @@ describe('compiler: codegen', () => {
                   loc: locStub,
                   children: [
                     `foo + `,
-                    createSimpleExpression(`bar`, false, locStub)
-                  ]
+                    createSimpleExpression(`bar`, false, locStub),
+                  ],
                 },
-                createSimpleExpression(`bar`, false, locStub)
-              )
+                createSimpleExpression(`bar`, false, locStub),
+              ),
             ],
-            locStub
+            locStub,
           ),
           // ChildNode[]
           [
@@ -355,17 +355,17 @@ describe('compiler: codegen', () => {
                   createObjectProperty(
                     // should quote the key!
                     createSimpleExpression(`some-key`, true, locStub),
-                    createSimpleExpression(`foo`, true, locStub)
-                  )
+                    createSimpleExpression(`foo`, true, locStub),
+                  ),
                 ],
-                locStub
-              )
-            )
+                locStub,
+              ),
+            ),
           ],
           // flag
-          PatchFlags.FULL_PROPS + ''
-        )
-      })
+          PatchFlags.FULL_PROPS + '',
+        ),
+      }),
     )
     expect(code).toMatch(`
     return _${helperNameMap[CREATE_ELEMENT_VNODE]}("div", {
@@ -383,9 +383,9 @@ describe('compiler: codegen', () => {
       createRoot({
         codegenNode: createArrayExpression([
           createSimpleExpression(`foo`, false),
-          createCallExpression(`bar`, [`baz`])
-        ])
-      })
+          createCallExpression(`bar`, [`baz`]),
+        ]),
+      }),
     )
     expect(code).toMatch(`return [
       foo,
@@ -403,17 +403,17 @@ describe('compiler: codegen', () => {
           createConditionalExpression(
             createSimpleExpression(`orNot`, false),
             createCallExpression(`bar`),
-            createCallExpression(`baz`)
-          )
-        )
-      })
+            createCallExpression(`baz`),
+          ),
+        ),
+      }),
     )
     expect(code).toMatch(
       `return ok
       ? foo()
       : orNot
         ? bar()
-        : baz()`
+        : baz()`,
     )
     expect(code).toMatchSnapshot()
   })
@@ -424,13 +424,13 @@ describe('compiler: codegen', () => {
         cached: 1,
         codegenNode: createCacheExpression(
           1,
-          createSimpleExpression(`foo`, false)
-        )
+          createSimpleExpression(`foo`, false),
+        ),
       }),
       {
         mode: 'module',
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     expect(code).toMatch(`_cache[1] || (_cache[1] = foo)`)
     expect(code).toMatchSnapshot()
@@ -443,13 +443,13 @@ describe('compiler: codegen', () => {
         codegenNode: createCacheExpression(
           1,
           createSimpleExpression(`foo`, false),
-          true
-        )
+          true,
+        ),
       }),
       {
         mode: 'module',
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     expect(code).toMatch(
       `
@@ -459,7 +459,7 @@ describe('compiler: codegen', () => {
     _setBlockTracking(1),
     _cache[1]
   )
-    `.trim()
+    `.trim(),
     )
     expect(code).toMatchSnapshot()
   })
@@ -471,11 +471,11 @@ describe('compiler: codegen', () => {
           createTemplateLiteral([
             `foo`,
             createCallExpression(`_renderAttr`, ['id', 'foo']),
-            `bar`
-          ])
-        ])
+            `bar`,
+          ]),
+        ]),
       }),
-      { ssr: true, mode: 'module' }
+      { ssr: true, mode: 'module' },
     )
     expect(code).toMatchInlineSnapshot(`
       "
@@ -492,11 +492,11 @@ describe('compiler: codegen', () => {
           codegenNode: createBlockStatement([
             createIfStatement(
               createSimpleExpression('foo', false),
-              createBlockStatement([createCallExpression(`ok`)])
-            )
-          ])
+              createBlockStatement([createCallExpression(`ok`)]),
+            ),
+          ]),
         }),
-        { ssr: true, mode: 'module' }
+        { ssr: true, mode: 'module' },
       )
       expect(code).toMatchInlineSnapshot(`
         "
@@ -515,11 +515,11 @@ describe('compiler: codegen', () => {
             createIfStatement(
               createSimpleExpression('foo', false),
               createBlockStatement([createCallExpression(`foo`)]),
-              createBlockStatement([createCallExpression('bar')])
-            )
-          ])
+              createBlockStatement([createCallExpression('bar')]),
+            ),
+          ]),
         }),
-        { ssr: true, mode: 'module' }
+        { ssr: true, mode: 'module' },
       )
       expect(code).toMatchInlineSnapshot(`
         "
@@ -542,12 +542,12 @@ describe('compiler: codegen', () => {
               createBlockStatement([createCallExpression(`foo`)]),
               createIfStatement(
                 createSimpleExpression('bar', false),
-                createBlockStatement([createCallExpression(`bar`)])
-              )
-            )
-          ])
+                createBlockStatement([createCallExpression(`bar`)]),
+              ),
+            ),
+          ]),
         }),
-        { ssr: true, mode: 'module' }
+        { ssr: true, mode: 'module' },
       )
       expect(code).toMatchInlineSnapshot(`
         "
@@ -571,12 +571,12 @@ describe('compiler: codegen', () => {
               createIfStatement(
                 createSimpleExpression('bar', false),
                 createBlockStatement([createCallExpression(`bar`)]),
-                createBlockStatement([createCallExpression('baz')])
-              )
-            )
-          ])
+                createBlockStatement([createCallExpression('baz')]),
+              ),
+            ),
+          ]),
         }),
-        { ssr: true, mode: 'module' }
+        { ssr: true, mode: 'module' },
       )
       expect(code).toMatchInlineSnapshot(`
         "
@@ -598,9 +598,9 @@ describe('compiler: codegen', () => {
       createRoot({
         codegenNode: createAssignmentExpression(
           createSimpleExpression(`foo`, false),
-          createSimpleExpression(`bar`, false)
-        )
-      })
+          createSimpleExpression(`bar`, false),
+        ),
+      }),
     )
     expect(code).toMatchInlineSnapshot(`
       "
@@ -616,17 +616,17 @@ describe('compiler: codegen', () => {
     function genCode(node: VNodeCall) {
       return generate(
         createRoot({
-          codegenNode: node
-        })
+          codegenNode: node,
+        }),
       ).code.match(/with \(_ctx\) \{\s+([^]+)\s+\}\s+\}$/)![1]
     }
 
     const mockProps = createObjectExpression([
-      createObjectProperty(`foo`, createSimpleExpression(`bar`, true))
+      createObjectProperty(`foo`, createSimpleExpression(`bar`, true)),
     ])
     const mockChildren = createCompoundExpression(['children'])
     const mockDirs = createArrayExpression([
-      createArrayExpression([`foo`, createSimpleExpression(`bar`, false)])
+      createArrayExpression([`foo`, createSimpleExpression(`bar`, false)]),
     ]) as DirectiveArguments
 
     test('tag only', () => {
@@ -683,9 +683,9 @@ describe('compiler: codegen', () => {
             undefined,
             undefined,
             undefined,
-            true
-          )
-        )
+            true,
+          ),
+        ),
       ).toMatchInlineSnapshot(`
         "return (_openBlock(), _createElementBlock(\\"div\\", { foo: \\"bar\\" }, children))
          "
@@ -704,9 +704,9 @@ describe('compiler: codegen', () => {
             undefined,
             undefined,
             true,
-            true
-          )
-        )
+            true,
+          ),
+        ),
       ).toMatchInlineSnapshot(`
         "return (_openBlock(true), _createElementBlock(\\"div\\", { foo: \\"bar\\" }, children))
          "
@@ -723,9 +723,9 @@ describe('compiler: codegen', () => {
             mockChildren,
             undefined,
             undefined,
-            mockDirs
-          )
-        )
+            mockDirs,
+          ),
+        ),
       ).toMatchInlineSnapshot(`
         "return _withDirectives(_createElementVNode(\\"div\\", { foo: \\"bar\\" }, children), [
               [foo, bar]
@@ -745,9 +745,9 @@ describe('compiler: codegen', () => {
             undefined,
             undefined,
             mockDirs,
-            true
-          )
-        )
+            true,
+          ),
+        ),
       ).toMatchInlineSnapshot(`
         "return _withDirectives((_openBlock(), _createElementBlock(\\"div\\", { foo: \\"bar\\" }, children)), [
               [foo, bar]
diff --git a/packages/compiler-core/__tests__/compile.spec.ts b/packages/compiler-core/__tests__/compile.spec.ts
index dc4f57ad3d2..75bb8b73e6b 100644
--- a/packages/compiler-core/__tests__/compile.spec.ts
+++ b/packages/compiler-core/__tests__/compile.spec.ts
@@ -20,7 +20,7 @@ describe('compiler: integration tests', () => {
   function getPositionInCode(
     code: string,
     token: string,
-    expectName: string | boolean = false
+    expectName: string | boolean = false,
   ): Pos {
     const generatedOffset = code.indexOf(token)
     let line = 1
@@ -36,7 +36,7 @@ describe('compiler: integration tests', () => {
       column:
         lastNewLinePos === -1
           ? generatedOffset
-          : generatedOffset - lastNewLinePos - 1
+          : generatedOffset - lastNewLinePos - 1,
     }
     if (expectName) {
       res.name = typeof expectName === 'string' ? expectName : token
@@ -47,7 +47,7 @@ describe('compiler: integration tests', () => {
   test('function mode', () => {
     const { code, map } = compile(source, {
       sourceMap: true,
-      filename: `foo.vue`
+      filename: `foo.vue`,
     })
 
     expect(code).toMatchSnapshot()
@@ -57,55 +57,55 @@ describe('compiler: integration tests', () => {
     const consumer = new SourceMapConsumer(map as RawSourceMap)
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `id`))
+      consumer.originalPositionFor(getPositionInCode(code, `id`)),
     ).toMatchObject(getPositionInCode(source, `id`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `"foo"`))
+      consumer.originalPositionFor(getPositionInCode(code, `"foo"`)),
     ).toMatchObject(getPositionInCode(source, `"foo"`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `class:`))
+      consumer.originalPositionFor(getPositionInCode(code, `class:`)),
     ).toMatchObject(getPositionInCode(source, `class=`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `bar`))
+      consumer.originalPositionFor(getPositionInCode(code, `bar`)),
     ).toMatchObject(getPositionInCode(source, `bar`))
 
     // without prefixIdentifiers: true, identifiers inside compound expressions
     // are mapped to closest parent expression.
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `baz`))
+      consumer.originalPositionFor(getPositionInCode(code, `baz`)),
     ).toMatchObject(getPositionInCode(source, `bar`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `world`))
+      consumer.originalPositionFor(getPositionInCode(code, `world`)),
     ).toMatchObject(getPositionInCode(source, `world`))
 
     // without prefixIdentifiers: true, identifiers inside compound expressions
     // are mapped to closest parent expression.
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `burn()`))
+      consumer.originalPositionFor(getPositionInCode(code, `burn()`)),
     ).toMatchObject(getPositionInCode(source, `world`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `ok`))
+      consumer.originalPositionFor(getPositionInCode(code, `ok`)),
     ).toMatchObject(getPositionInCode(source, `ok`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `list`))
+      consumer.originalPositionFor(getPositionInCode(code, `list`)),
     ).toMatchObject(getPositionInCode(source, `list`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `value`))
+      consumer.originalPositionFor(getPositionInCode(code, `value`)),
     ).toMatchObject(getPositionInCode(source, `value`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `index`))
+      consumer.originalPositionFor(getPositionInCode(code, `index`)),
     ).toMatchObject(getPositionInCode(source, `index`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `value + index`))
+      consumer.originalPositionFor(getPositionInCode(code, `value + index`)),
     ).toMatchObject(getPositionInCode(source, `value + index`))
   })
 
@@ -113,7 +113,7 @@ describe('compiler: integration tests', () => {
     const { code, map } = compile(source, {
       sourceMap: true,
       filename: `foo.vue`,
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
 
     expect(code).toMatchSnapshot()
@@ -123,64 +123,66 @@ describe('compiler: integration tests', () => {
     const consumer = new SourceMapConsumer(map as RawSourceMap)
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `id`))
+      consumer.originalPositionFor(getPositionInCode(code, `id`)),
     ).toMatchObject(getPositionInCode(source, `id`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `"foo"`))
+      consumer.originalPositionFor(getPositionInCode(code, `"foo"`)),
     ).toMatchObject(getPositionInCode(source, `"foo"`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `class:`))
+      consumer.originalPositionFor(getPositionInCode(code, `class:`)),
     ).toMatchObject(getPositionInCode(source, `class=`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `bar`))
+      consumer.originalPositionFor(getPositionInCode(code, `bar`)),
     ).toMatchObject(getPositionInCode(source, `bar`))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `_ctx.bar`, `bar`))
+      consumer.originalPositionFor(getPositionInCode(code, `_ctx.bar`, `bar`)),
     ).toMatchObject(getPositionInCode(source, `bar`, true))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `baz`))
+      consumer.originalPositionFor(getPositionInCode(code, `baz`)),
     ).toMatchObject(getPositionInCode(source, `baz`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `world`, true))
+      consumer.originalPositionFor(getPositionInCode(code, `world`, true)),
     ).toMatchObject(getPositionInCode(source, `world`, `world`))
     expect(
       consumer.originalPositionFor(
-        getPositionInCode(code, `_ctx.world`, `world`)
-      )
+        getPositionInCode(code, `_ctx.world`, `world`),
+      ),
     ).toMatchObject(getPositionInCode(source, `world`, `world`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `burn()`))
+      consumer.originalPositionFor(getPositionInCode(code, `burn()`)),
     ).toMatchObject(getPositionInCode(source, `burn()`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `ok`))
+      consumer.originalPositionFor(getPositionInCode(code, `ok`)),
     ).toMatchObject(getPositionInCode(source, `ok`))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `_ctx.ok`, `ok`))
+      consumer.originalPositionFor(getPositionInCode(code, `_ctx.ok`, `ok`)),
     ).toMatchObject(getPositionInCode(source, `ok`, true))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `list`))
+      consumer.originalPositionFor(getPositionInCode(code, `list`)),
     ).toMatchObject(getPositionInCode(source, `list`))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `_ctx.list`, `list`))
+      consumer.originalPositionFor(
+        getPositionInCode(code, `_ctx.list`, `list`),
+      ),
     ).toMatchObject(getPositionInCode(source, `list`, true))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `value`))
+      consumer.originalPositionFor(getPositionInCode(code, `value`)),
     ).toMatchObject(getPositionInCode(source, `value`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `index`))
+      consumer.originalPositionFor(getPositionInCode(code, `index`)),
     ).toMatchObject(getPositionInCode(source, `index`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `value + index`))
+      consumer.originalPositionFor(getPositionInCode(code, `value + index`)),
     ).toMatchObject(getPositionInCode(source, `value + index`))
   })
 
@@ -188,7 +190,7 @@ describe('compiler: integration tests', () => {
     const { code, map } = compile(source, {
       mode: 'module',
       sourceMap: true,
-      filename: `foo.vue`
+      filename: `foo.vue`,
     })
 
     expect(code).toMatchSnapshot()
@@ -198,64 +200,66 @@ describe('compiler: integration tests', () => {
     const consumer = new SourceMapConsumer(map as RawSourceMap)
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `id`))
+      consumer.originalPositionFor(getPositionInCode(code, `id`)),
     ).toMatchObject(getPositionInCode(source, `id`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `"foo"`))
+      consumer.originalPositionFor(getPositionInCode(code, `"foo"`)),
     ).toMatchObject(getPositionInCode(source, `"foo"`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `class:`))
+      consumer.originalPositionFor(getPositionInCode(code, `class:`)),
     ).toMatchObject(getPositionInCode(source, `class=`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `bar`))
+      consumer.originalPositionFor(getPositionInCode(code, `bar`)),
     ).toMatchObject(getPositionInCode(source, `bar`))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `_ctx.bar`, `bar`))
+      consumer.originalPositionFor(getPositionInCode(code, `_ctx.bar`, `bar`)),
     ).toMatchObject(getPositionInCode(source, `bar`, true))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `baz`))
+      consumer.originalPositionFor(getPositionInCode(code, `baz`)),
     ).toMatchObject(getPositionInCode(source, `baz`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `world`, true))
+      consumer.originalPositionFor(getPositionInCode(code, `world`, true)),
     ).toMatchObject(getPositionInCode(source, `world`, `world`))
     expect(
       consumer.originalPositionFor(
-        getPositionInCode(code, `_ctx.world`, `world`)
-      )
+        getPositionInCode(code, `_ctx.world`, `world`),
+      ),
     ).toMatchObject(getPositionInCode(source, `world`, `world`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `burn()`))
+      consumer.originalPositionFor(getPositionInCode(code, `burn()`)),
     ).toMatchObject(getPositionInCode(source, `burn()`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `ok`))
+      consumer.originalPositionFor(getPositionInCode(code, `ok`)),
     ).toMatchObject(getPositionInCode(source, `ok`))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `_ctx.ok`, `ok`))
+      consumer.originalPositionFor(getPositionInCode(code, `_ctx.ok`, `ok`)),
     ).toMatchObject(getPositionInCode(source, `ok`, true))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `list`))
+      consumer.originalPositionFor(getPositionInCode(code, `list`)),
     ).toMatchObject(getPositionInCode(source, `list`))
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `_ctx.list`, `list`))
+      consumer.originalPositionFor(
+        getPositionInCode(code, `_ctx.list`, `list`),
+      ),
     ).toMatchObject(getPositionInCode(source, `list`, true))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `value`))
+      consumer.originalPositionFor(getPositionInCode(code, `value`)),
     ).toMatchObject(getPositionInCode(source, `value`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `index`))
+      consumer.originalPositionFor(getPositionInCode(code, `index`)),
     ).toMatchObject(getPositionInCode(source, `index`))
 
     expect(
-      consumer.originalPositionFor(getPositionInCode(code, `value + index`))
+      consumer.originalPositionFor(getPositionInCode(code, `value + index`)),
     ).toMatchObject(getPositionInCode(source, `value + index`))
   })
 })
diff --git a/packages/compiler-core/__tests__/parse.spec.ts b/packages/compiler-core/__tests__/parse.spec.ts
index 8db4eeb8acb..df24ea47b1e 100644
--- a/packages/compiler-core/__tests__/parse.spec.ts
+++ b/packages/compiler-core/__tests__/parse.spec.ts
@@ -11,7 +11,7 @@ import {
   TextNode,
   InterpolationNode,
   ConstantTypes,
-  DirectiveNode
+  DirectiveNode,
 } from '../src/ast'
 
 describe('compiler: parse', () => {
@@ -26,15 +26,15 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 9, line: 1, column: 10 },
-          source: 'some text'
-        }
+          source: 'some text',
+        },
       })
     })
 
     test('simple text with invalid end tag', () => {
       const onError = vi.fn()
       const ast = baseParse('some text</div>', {
-        onError
+        onError,
       })
       const text = ast.children[0] as TextNode
 
@@ -45,8 +45,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 9, line: 1, column: 10 },
-          source: 'some text'
-        }
+          source: 'some text',
+        },
       })
     })
 
@@ -61,8 +61,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
-          source: 'some '
-        }
+          source: 'some ',
+        },
       })
       expect(text2).toStrictEqual({
         type: NodeTypes.TEXT,
@@ -70,8 +70,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 20, line: 1, column: 21 },
           end: { offset: 25, line: 1, column: 26 },
-          source: ' text'
-        }
+          source: ' text',
+        },
       })
     })
 
@@ -86,8 +86,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
-          source: 'some '
-        }
+          source: 'some ',
+        },
       })
       expect(text2).toStrictEqual({
         type: NodeTypes.TEXT,
@@ -95,8 +95,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 21, line: 1, column: 22 },
           end: { offset: 26, line: 1, column: 27 },
-          source: ' text'
-        }
+          source: ' text',
+        },
       })
     })
 
@@ -111,8 +111,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
-          source: 'some '
-        }
+          source: 'some ',
+        },
       })
       expect(text2).toStrictEqual({
         type: NodeTypes.TEXT,
@@ -120,8 +120,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 32, line: 1, column: 33 },
           end: { offset: 37, line: 1, column: 38 },
-          source: ' text'
-        }
+          source: ' text',
+        },
       })
     })
 
@@ -131,7 +131,7 @@ describe('compiler: parse', () => {
           if (err.code !== ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME) {
             throw err
           }
-        }
+        },
       })
       const text = ast.children[0] as TextNode
 
@@ -141,8 +141,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
-          source: 'a < b'
-        }
+          source: 'a < b',
+        },
       })
     })
 
@@ -152,7 +152,7 @@ describe('compiler: parse', () => {
           if (error.code !== ErrorCodes.X_MISSING_INTERPOLATION_END) {
             throw error
           }
-        }
+        },
       })
       const text = ast.children[0] as TextNode
 
@@ -162,8 +162,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 6, line: 1, column: 7 },
-          source: 'a {{ b'
-        }
+          source: 'a {{ b',
+        },
       })
     })
   })
@@ -183,14 +183,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 2, line: 1, column: 3 },
             end: { offset: 9, line: 1, column: 10 },
-            source: `message`
-          }
+            source: `message`,
+          },
         },
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 11, line: 1, column: 12 },
-          source: '{{message}}'
-        }
+          source: '{{message}}',
+        },
       })
     })
 
@@ -208,14 +208,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 3, line: 1, column: 4 },
             end: { offset: 6, line: 1, column: 7 },
-            source: 'a<b'
-          }
+            source: 'a<b',
+          },
         },
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 9, line: 1, column: 10 },
-          source: '{{ a<b }}'
-        }
+          source: '{{ a<b }}',
+        },
       })
     })
 
@@ -234,14 +234,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 3, line: 1, column: 4 },
             end: { offset: 6, line: 1, column: 7 },
-            source: 'a<b'
-          }
+            source: 'a<b',
+          },
         },
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 9, line: 1, column: 10 },
-          source: '{{ a<b }}'
-        }
+          source: '{{ a<b }}',
+        },
       })
 
       expect(interpolation2).toStrictEqual({
@@ -254,14 +254,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 12, line: 1, column: 13 },
             end: { offset: 15, line: 1, column: 16 },
-            source: 'c>d'
-          }
+            source: 'c>d',
+          },
         },
         loc: {
           start: { offset: 9, line: 1, column: 10 },
           end: { offset: 18, line: 1, column: 19 },
-          source: '{{ c>d }}'
-        }
+          source: '{{ c>d }}',
+        },
       })
     })
 
@@ -281,20 +281,20 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 8, line: 1, column: 9 },
             end: { offset: 16, line: 1, column: 17 },
-            source: '"</div>"'
-          }
+            source: '"</div>"',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 19, line: 1, column: 20 },
-          source: '{{ "</div>" }}'
-        }
+          source: '{{ "</div>" }}',
+        },
       })
     })
 
     test('custom delimiters', () => {
       const ast = baseParse('<p>{msg}</p>', {
-        delimiters: ['{', '}']
+        delimiters: ['{', '}'],
       })
       const element = ast.children[0] as ElementNode
       const interpolation = element.children[0] as InterpolationNode
@@ -309,14 +309,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 4, line: 1, column: 5 },
             end: { offset: 7, line: 1, column: 8 },
-            source: 'msg'
-          }
+            source: 'msg',
+          },
         },
         loc: {
           start: { offset: 3, line: 1, column: 4 },
           end: { offset: 8, line: 1, column: 9 },
-          source: '{msg}'
-        }
+          source: '{msg}',
+        },
       })
     })
   })
@@ -332,8 +332,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 7, line: 1, column: 8 },
-          source: '<!---->'
-        }
+          source: '<!---->',
+        },
       })
     })
 
@@ -347,8 +347,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 10, line: 1, column: 11 },
-          source: '<!--abc-->'
-        }
+          source: '<!--abc-->',
+        },
       })
     })
 
@@ -363,8 +363,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 10, line: 1, column: 11 },
-          source: '<!--abc-->'
-        }
+          source: '<!--abc-->',
+        },
       })
       expect(comment2).toStrictEqual({
         type: NodeTypes.COMMENT,
@@ -372,8 +372,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 10, line: 1, column: 11 },
           end: { offset: 20, line: 1, column: 21 },
-          source: '<!--def-->'
-        }
+          source: '<!--def-->',
+        },
       })
     })
 
@@ -390,38 +390,38 @@ describe('compiler: parse', () => {
       const rawText = `<p/><!-- foo --><p/>`
 
       const astWithComments = baseParse(`<pre>${rawText}</pre>`, {
-        comments: true
+        comments: true,
       })
       expect(
-        (astWithComments.children[0] as ElementNode).children
+        (astWithComments.children[0] as ElementNode).children,
       ).toMatchObject([
         {
           type: NodeTypes.ELEMENT,
-          tag: 'p'
+          tag: 'p',
         },
         {
-          type: NodeTypes.COMMENT
+          type: NodeTypes.COMMENT,
         },
         {
           type: NodeTypes.ELEMENT,
-          tag: 'p'
-        }
+          tag: 'p',
+        },
       ])
 
       const astWithoutComments = baseParse(`<pre>${rawText}</pre>`, {
-        comments: false
+        comments: false,
       })
       expect(
-        (astWithoutComments.children[0] as ElementNode).children
+        (astWithoutComments.children[0] as ElementNode).children,
       ).toMatchObject([
         {
           type: NodeTypes.ELEMENT,
-          tag: 'p'
+          tag: 'p',
         },
         {
           type: NodeTypes.ELEMENT,
-          tag: 'p'
-        }
+          tag: 'p',
+        },
       ])
     })
   })
@@ -446,15 +446,15 @@ describe('compiler: parse', () => {
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 10, line: 1, column: 11 },
-              source: 'hello'
-            }
-          }
+              source: 'hello',
+            },
+          },
         ],
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 16, line: 1, column: 17 },
-          source: '<div>hello</div>'
-        }
+          source: '<div>hello</div>',
+        },
       })
     })
 
@@ -474,8 +474,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 11, line: 1, column: 12 },
-          source: '<div></div>'
-        }
+          source: '<div></div>',
+        },
       })
     })
 
@@ -496,14 +496,14 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 6, line: 1, column: 7 },
-          source: '<div/>'
-        }
+          source: '<div/>',
+        },
       })
     })
 
     test('void element', () => {
       const ast = baseParse('<img>after', {
-        isVoidTag: tag => tag === 'img'
+        isVoidTag: tag => tag === 'img',
       })
       const element = ast.children[0] as ElementNode
 
@@ -520,8 +520,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
-          source: '<img>'
-        }
+          source: '<img>',
+        },
       })
     })
 
@@ -530,7 +530,7 @@ describe('compiler: parse', () => {
       const element = ast.children[0]
       expect(element).toMatchObject({
         type: NodeTypes.ELEMENT,
-        tagType: ElementTypes.TEMPLATE
+        tagType: ElementTypes.TEMPLATE,
       })
     })
 
@@ -539,31 +539,31 @@ describe('compiler: parse', () => {
       const element = ast.children[0]
       expect(element).toMatchObject({
         type: NodeTypes.ELEMENT,
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
     })
 
     test('native element with `isNativeTag`', () => {
       const ast = baseParse('<div></div><comp></comp><Comp></Comp>', {
-        isNativeTag: tag => tag === 'div'
+        isNativeTag: tag => tag === 'div',
       })
 
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
 
       expect(ast.children[2]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'Comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
@@ -573,19 +573,19 @@ describe('compiler: parse', () => {
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'comp',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[2]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'Comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
@@ -593,26 +593,26 @@ describe('compiler: parse', () => {
       const ast = baseParse(
         `<div></div><div v-is="'foo'"></div><Comp></Comp>`,
         {
-          isNativeTag: tag => tag === 'div'
-        }
+          isNativeTag: tag => tag === 'div',
+        },
       )
 
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
 
       expect(ast.children[2]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'Comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
@@ -622,56 +622,56 @@ describe('compiler: parse', () => {
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
 
       expect(ast.children[2]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'Comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
     test('custom element', () => {
       const ast = baseParse('<div></div><comp></comp>', {
         isNativeTag: tag => tag === 'div',
-        isCustomElement: tag => tag === 'comp'
+        isCustomElement: tag => tag === 'comp',
       })
 
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'comp',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
     })
 
     test('built-in component', () => {
       const ast = baseParse('<div></div><comp></comp>', {
-        isBuiltInComponent: tag => (tag === 'comp' ? Symbol() : void 0)
+        isBuiltInComponent: tag => (tag === 'comp' ? Symbol() : void 0),
       })
 
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
@@ -681,13 +681,13 @@ describe('compiler: parse', () => {
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'slot',
-        tagType: ElementTypes.SLOT
+        tagType: ElementTypes.SLOT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'Comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
@@ -709,9 +709,9 @@ describe('compiler: parse', () => {
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 7, line: 1, column: 8 },
-              source: 'id'
-            }
-          }
+              source: 'id',
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -719,8 +719,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 14, line: 1, column: 15 },
-          source: '<div id></div>'
-        }
+          source: '<div id></div>',
+        },
       })
     })
 
@@ -744,15 +744,15 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 8, line: 1, column: 9 },
                 end: { offset: 10, line: 1, column: 11 },
-                source: '""'
-              }
+                source: '""',
+              },
             },
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 10, line: 1, column: 11 },
-              source: 'id=""'
-            }
-          }
+              source: 'id=""',
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -760,8 +760,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 17, line: 1, column: 18 },
-          source: '<div id=""></div>'
-        }
+          source: '<div id=""></div>',
+        },
       })
     })
 
@@ -785,15 +785,15 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 8, line: 1, column: 9 },
                 end: { offset: 10, line: 1, column: 11 },
-                source: "''"
-              }
+                source: "''",
+              },
             },
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 10, line: 1, column: 11 },
-              source: "id=''"
-            }
-          }
+              source: "id=''",
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -801,8 +801,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 17, line: 1, column: 18 },
-          source: "<div id=''></div>"
-        }
+          source: "<div id=''></div>",
+        },
       })
     })
 
@@ -826,15 +826,15 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 8, line: 1, column: 9 },
                 end: { offset: 12, line: 1, column: 13 },
-                source: '">\'"'
-              }
+                source: '">\'"',
+              },
             },
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 12, line: 1, column: 13 },
-              source: 'id=">\'"'
-            }
-          }
+              source: 'id=">\'"',
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -842,8 +842,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 19, line: 1, column: 20 },
-          source: '<div id=">\'"></div>'
-        }
+          source: '<div id=">\'"></div>',
+        },
       })
     })
 
@@ -867,15 +867,15 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 8, line: 1, column: 9 },
                 end: { offset: 12, line: 1, column: 13 },
-                source: "'>\"'"
-              }
+                source: "'>\"'",
+              },
             },
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 12, line: 1, column: 13 },
-              source: "id='>\"'"
-            }
-          }
+              source: "id='>\"'",
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -883,8 +883,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 19, line: 1, column: 20 },
-          source: "<div id='>\"'></div>"
-        }
+          source: "<div id='>\"'></div>",
+        },
       })
     })
 
@@ -908,15 +908,15 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 8, line: 1, column: 9 },
                 end: { offset: 10, line: 1, column: 11 },
-                source: 'a/'
-              }
+                source: 'a/',
+              },
             },
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 10, line: 1, column: 11 },
-              source: 'id=a/'
-            }
-          }
+              source: 'id=a/',
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -924,8 +924,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 17, line: 1, column: 18 },
-          source: '<div id=a/></div>'
-        }
+          source: '<div id=a/></div>',
+        },
       })
     })
 
@@ -949,14 +949,14 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 8, line: 1, column: 9 },
                 end: { offset: 9, line: 1, column: 10 },
-                source: 'a'
-              }
+                source: 'a',
+              },
             },
             loc: {
               start: { offset: 5, line: 1, column: 6 },
               end: { offset: 9, line: 1, column: 10 },
-              source: 'id=a'
-            }
+              source: 'id=a',
+            },
           },
           {
             type: NodeTypes.ATTRIBUTE,
@@ -967,14 +967,14 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 16, line: 1, column: 17 },
                 end: { offset: 19, line: 1, column: 20 },
-                source: '"c"'
-              }
+                source: '"c"',
+              },
             },
             loc: {
               start: { offset: 10, line: 1, column: 11 },
               end: { offset: 19, line: 1, column: 20 },
-              source: 'class="c"'
-            }
+              source: 'class="c"',
+            },
           },
           {
             type: NodeTypes.ATTRIBUTE,
@@ -983,8 +983,8 @@ describe('compiler: parse', () => {
             loc: {
               start: { offset: 20, line: 1, column: 21 },
               end: { offset: 25, line: 1, column: 26 },
-              source: 'inert'
-            }
+              source: 'inert',
+            },
           },
           {
             type: NodeTypes.ATTRIBUTE,
@@ -995,15 +995,15 @@ describe('compiler: parse', () => {
               loc: {
                 start: { offset: 32, line: 1, column: 33 },
                 end: { offset: 34, line: 1, column: 35 },
-                source: "''"
-              }
+                source: "''",
+              },
             },
             loc: {
               start: { offset: 26, line: 1, column: 27 },
               end: { offset: 34, line: 1, column: 35 },
-              source: "style=''"
-            }
-          }
+              source: "style=''",
+            },
+          },
         ],
 
         isSelfClosing: false,
@@ -1011,8 +1011,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 41, line: 1, column: 42 },
-          source: '<div id=a class="c" inert style=\'\'></div>'
-        }
+          source: '<div id=a class="c" inert style=\'\'></div>',
+        },
       })
     })
 
@@ -1029,14 +1029,14 @@ describe('compiler: parse', () => {
           end: {
             column: 10,
             line: 3,
-            offset: 29
+            offset: 29,
           },
           source: '<div class=" \n\t c \t\n "></div>',
           start: {
             column: 1,
             line: 1,
-            offset: 0
-          }
+            offset: 0,
+          },
         },
         ns: Namespaces.HTML,
         props: [
@@ -1045,14 +1045,14 @@ describe('compiler: parse', () => {
               end: {
                 column: 3,
                 line: 3,
-                offset: 22
+                offset: 22,
               },
               source: 'class=" \n\t c \t\n "',
               start: {
                 column: 6,
                 line: 1,
-                offset: 5
-              }
+                offset: 5,
+              },
             },
             name: 'class',
             type: NodeTypes.ATTRIBUTE,
@@ -1062,22 +1062,22 @@ describe('compiler: parse', () => {
                 end: {
                   column: 3,
                   line: 3,
-                  offset: 22
+                  offset: 22,
                 },
                 source: '" \n\t c \t\n "',
                 start: {
                   column: 12,
                   line: 1,
-                  offset: 11
-                }
+                  offset: 11,
+                },
               },
-              type: NodeTypes.TEXT
-            }
-          }
+              type: NodeTypes.TEXT,
+            },
+          },
         ],
         tag: 'div',
         tagType: ElementTypes.ELEMENT,
-        type: NodeTypes.ELEMENT
+        type: NodeTypes.ELEMENT,
       })
     })
 
@@ -1094,8 +1094,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 9, line: 1, column: 10 },
-          source: 'v-if'
-        }
+          source: 'v-if',
+        },
       })
     })
 
@@ -1116,14 +1116,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 11, line: 1, column: 12 },
             end: { offset: 12, line: 1, column: 13 },
-            source: 'a'
-          }
+            source: 'a',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 13, line: 1, column: 14 },
-          source: 'v-if="a"'
-        }
+          source: 'v-if="a"',
+        },
       })
     })
 
@@ -1145,22 +1145,22 @@ describe('compiler: parse', () => {
             start: {
               column: 11,
               line: 1,
-              offset: 10
+              offset: 10,
             },
             end: {
               column: 16,
               line: 1,
-              offset: 15
-            }
-          }
+              offset: 15,
+            },
+          },
         },
         modifiers: [],
         exp: undefined,
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 15, line: 1, column: 16 },
-          source: 'v-on:click'
-        }
+          source: 'v-on:click',
+        },
       })
     })
 
@@ -1173,8 +1173,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 12, line: 1, column: 13 },
           end: { offset: 16, line: 1, column: 17 },
-          source: 'slot'
-        }
+          source: 'slot',
+        },
       })
     })
 
@@ -1187,8 +1187,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 6, line: 1, column: 7 },
           end: { offset: 15, line: 1, column: 16 },
-          source: 'item.item'
-        }
+          source: 'item.item',
+        },
       })
     })
 
@@ -1210,22 +1210,22 @@ describe('compiler: parse', () => {
             start: {
               column: 11,
               line: 1,
-              offset: 10
+              offset: 10,
             },
             end: {
               column: 18,
               line: 1,
-              offset: 17
-            }
-          }
+              offset: 17,
+            },
+          },
         },
         modifiers: [],
         exp: undefined,
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 17, line: 1, column: 18 },
-          source: 'v-on:[event]'
-        }
+          source: 'v-on:[event]',
+        },
       })
     })
 
@@ -1242,8 +1242,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 15, line: 1, column: 16 },
-          source: 'v-on.enter'
-        }
+          source: 'v-on.enter',
+        },
       })
     })
 
@@ -1260,8 +1260,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 21, line: 1, column: 22 },
-          source: 'v-on.enter.exact'
-        }
+          source: 'v-on.enter.exact',
+        },
       })
     })
 
@@ -1283,22 +1283,22 @@ describe('compiler: parse', () => {
             start: {
               column: 11,
               line: 1,
-              offset: 10
+              offset: 10,
             },
             end: {
               column: 16,
               line: 1,
-              offset: 15
-            }
-          }
+              offset: 15,
+            },
+          },
         },
         modifiers: ['enter', 'exact'],
         exp: undefined,
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 27, line: 1, column: 28 },
-          source: 'v-on:click.enter.exact'
-        }
+          source: 'v-on:click.enter.exact',
+        },
       })
     })
 
@@ -1320,22 +1320,22 @@ describe('compiler: parse', () => {
             start: {
               column: 11,
               line: 1,
-              offset: 10
+              offset: 10,
             },
             end: {
               column: 16,
               line: 1,
-              offset: 15
-            }
-          }
+              offset: 15,
+            },
+          },
         },
         modifiers: ['camel'],
         exp: undefined,
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 21, line: 1, column: 22 },
-          source: 'v-on:[a.b].camel'
-        }
+          source: 'v-on:[a.b].camel',
+        },
       })
     })
     test('directive with no name', () => {
@@ -1343,7 +1343,7 @@ describe('compiler: parse', () => {
       const ast = baseParse('<div v-/>', {
         onError: err => {
           errorCode = err.code as number
-        }
+        },
       })
       const directive = (ast.children[0] as ElementNode).props[0]
 
@@ -1355,8 +1355,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 7, line: 1, column: 8 },
-          source: 'v-'
-        }
+          source: 'v-',
+        },
       })
     })
 
@@ -1378,14 +1378,14 @@ describe('compiler: parse', () => {
             start: {
               column: 7,
               line: 1,
-              offset: 6
+              offset: 6,
             },
             end: {
               column: 8,
               line: 1,
-              offset: 7
-            }
-          }
+              offset: 7,
+            },
+          },
         },
         modifiers: [],
         exp: {
@@ -1397,14 +1397,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 8, line: 1, column: 9 },
             end: { offset: 9, line: 1, column: 10 },
-            source: 'b'
-          }
+            source: 'b',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 9, line: 1, column: 10 },
-          source: ':a=b'
-        }
+          source: ':a=b',
+        },
       })
     })
 
@@ -1426,14 +1426,14 @@ describe('compiler: parse', () => {
             start: {
               column: 7,
               line: 1,
-              offset: 6
+              offset: 6,
             },
             end: {
               column: 8,
               line: 1,
-              offset: 7
-            }
-          }
+              offset: 7,
+            },
+          },
         },
         modifiers: ['prop'],
         exp: {
@@ -1445,14 +1445,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 8, line: 1, column: 9 },
             end: { offset: 9, line: 1, column: 10 },
-            source: 'b'
-          }
+            source: 'b',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 9, line: 1, column: 10 },
-          source: '.a=b'
-        }
+          source: '.a=b',
+        },
       })
     })
 
@@ -1474,14 +1474,14 @@ describe('compiler: parse', () => {
             start: {
               column: 7,
               line: 1,
-              offset: 6
+              offset: 6,
             },
             end: {
               column: 8,
               line: 1,
-              offset: 7
-            }
-          }
+              offset: 7,
+            },
+          },
         },
         modifiers: ['sync'],
         exp: {
@@ -1493,14 +1493,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 13, line: 1, column: 14 },
             end: { offset: 14, line: 1, column: 15 },
-            source: 'b'
-          }
+            source: 'b',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 14, line: 1, column: 15 },
-          source: ':a.sync=b'
-        }
+          source: ':a.sync=b',
+        },
       })
     })
 
@@ -1522,14 +1522,14 @@ describe('compiler: parse', () => {
             start: {
               column: 7,
               line: 1,
-              offset: 6
+              offset: 6,
             },
             end: {
               column: 8,
               line: 1,
-              offset: 7
-            }
-          }
+              offset: 7,
+            },
+          },
         },
         modifiers: [],
         exp: {
@@ -1541,14 +1541,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 8, line: 1, column: 9 },
             end: { offset: 9, line: 1, column: 10 },
-            source: 'b'
-          }
+            source: 'b',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 9, line: 1, column: 10 },
-          source: '@a=b'
-        }
+          source: '@a=b',
+        },
       })
     })
 
@@ -1570,14 +1570,14 @@ describe('compiler: parse', () => {
             start: {
               column: 7,
               line: 1,
-              offset: 6
+              offset: 6,
             },
             end: {
               column: 8,
               line: 1,
-              offset: 7
-            }
-          }
+              offset: 7,
+            },
+          },
         },
         modifiers: ['enter'],
         exp: {
@@ -1589,14 +1589,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 14, line: 1, column: 15 },
             end: { offset: 15, line: 1, column: 16 },
-            source: 'b'
-          }
+            source: 'b',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 15, line: 1, column: 16 },
-          source: '@a.enter=b'
-        }
+          source: '@a.enter=b',
+        },
       })
     })
 
@@ -1617,14 +1617,14 @@ describe('compiler: parse', () => {
             start: {
               column: 8,
               line: 1,
-              offset: 7
+              offset: 7,
             },
             end: {
               column: 9,
               line: 1,
-              offset: 8
-            }
-          }
+              offset: 8,
+            },
+          },
         },
         modifiers: [],
         exp: {
@@ -1636,14 +1636,14 @@ describe('compiler: parse', () => {
           loc: {
             start: { offset: 10, line: 1, column: 11 },
             end: { offset: 15, line: 1, column: 16 },
-            source: '{ b }'
-          }
+            source: '{ b }',
+          },
         },
         loc: {
           start: { offset: 6, line: 1, column: 7 },
           end: { offset: 16, line: 1, column: 17 },
-          source: '#a="{ b }"'
-        }
+          source: '#a="{ b }"',
+        },
       })
     })
 
@@ -1665,22 +1665,22 @@ describe('compiler: parse', () => {
             start: {
               column: 14,
               line: 1,
-              offset: 13
+              offset: 13,
             },
             end: {
               column: 21,
               line: 1,
-              offset: 20
-            }
-          }
-        }
+              offset: 20,
+            },
+          },
+        },
       })
     })
 
     test('v-pre', () => {
       const ast = baseParse(
         `<div v-pre :id="foo"><Comp/>{{ bar }}</div>\n` +
-          `<div :id="foo"><Comp/>{{ bar }}</div>`
+          `<div :id="foo"><Comp/>{{ bar }}</div>`,
       )
 
       const divWithPre = ast.children[0] as ElementNode
@@ -1690,29 +1690,29 @@ describe('compiler: parse', () => {
           name: `:id`,
           value: {
             type: NodeTypes.TEXT,
-            content: `foo`
+            content: `foo`,
           },
           loc: {
             source: `:id="foo"`,
             start: {
               line: 1,
-              column: 12
+              column: 12,
             },
             end: {
               line: 1,
-              column: 21
-            }
-          }
-        }
+              column: 21,
+            },
+          },
+        },
       ])
       expect(divWithPre.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tagType: ElementTypes.ELEMENT,
-        tag: `Comp`
+        tag: `Comp`,
       })
       expect(divWithPre.children[1]).toMatchObject({
         type: NodeTypes.TEXT,
-        content: `{{ bar }}`
+        content: `{{ bar }}`,
       })
 
       // should not affect siblings after it
@@ -1724,44 +1724,44 @@ describe('compiler: parse', () => {
           arg: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             isStatic: true,
-            content: `id`
+            content: `id`,
           },
           exp: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             isStatic: false,
-            content: `foo`
+            content: `foo`,
           },
           loc: {
             source: `:id="foo"`,
             start: {
               line: 2,
-              column: 6
+              column: 6,
             },
             end: {
               line: 2,
-              column: 15
-            }
-          }
-        }
+              column: 15,
+            },
+          },
+        },
       ])
       expect(divWithoutPre.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tagType: ElementTypes.COMPONENT,
-        tag: `Comp`
+        tag: `Comp`,
       })
       expect(divWithoutPre.children[1]).toMatchObject({
         type: NodeTypes.INTERPOLATION,
         content: {
           type: NodeTypes.SIMPLE_EXPRESSION,
           content: `bar`,
-          isStatic: false
-        }
+          isStatic: false,
+        },
       })
     })
 
     test('self-closing v-pre', () => {
       const ast = baseParse(
-        `<div v-pre/>\n<div :id="foo"><Comp/>{{ bar }}</div>`
+        `<div v-pre/>\n<div :id="foo"><Comp/>{{ bar }}</div>`,
       )
       // should not affect siblings after it
       const divWithoutPre = ast.children[1] as ElementNode
@@ -1772,38 +1772,38 @@ describe('compiler: parse', () => {
           arg: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             isStatic: true,
-            content: `id`
+            content: `id`,
           },
           exp: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             isStatic: false,
-            content: `foo`
+            content: `foo`,
           },
           loc: {
             source: `:id="foo"`,
             start: {
               line: 2,
-              column: 6
+              column: 6,
             },
             end: {
               line: 2,
-              column: 15
-            }
-          }
-        }
+              column: 15,
+            },
+          },
+        },
       ])
       expect(divWithoutPre.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tagType: ElementTypes.COMPONENT,
-        tag: `Comp`
+        tag: `Comp`,
       })
       expect(divWithoutPre.children[1]).toMatchObject({
         type: NodeTypes.INTERPOLATION,
         content: {
           type: NodeTypes.SIMPLE_EXPRESSION,
           content: `bar`,
-          isStatic: false
-        }
+          isStatic: false,
+        },
       })
     })
 
@@ -1818,8 +1818,8 @@ describe('compiler: parse', () => {
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 10, line: 1, column: 11 },
-          source: 'hello'
-        }
+          source: 'hello',
+        },
       })
     })
   })
@@ -1834,7 +1834,7 @@ describe('compiler: parse', () => {
   test('self closing multiple tag', () => {
     const ast = baseParse(
       `<div :class="{ some: condition }" />\n` +
-        `<p v-bind:style="{ color: 'red' }"/>`
+        `<p v-bind:style="{ color: 'red' }"/>`,
     )
 
     expect(ast).toMatchSnapshot()
@@ -1849,7 +1849,7 @@ describe('compiler: parse', () => {
       `<div :class="{ some: condition }">\n` +
         `  <p v-bind:style="{ color: 'red' }"/>\n` +
         `  <!-- a comment with <html> inside it -->\n` +
-        `</div>`
+        `</div>`,
     )
 
     expect(ast).toMatchSnapshot()
@@ -1857,14 +1857,14 @@ describe('compiler: parse', () => {
     expect(ast.children).toHaveLength(1)
     const el = ast.children[0] as any
     expect(el).toMatchObject({
-      tag: 'div'
+      tag: 'div',
     })
     expect(el.children).toHaveLength(2)
     expect(el.children[0]).toMatchObject({
-      tag: 'p'
+      tag: 'p',
     })
     expect(el.children[1]).toMatchObject({
-      type: NodeTypes.COMMENT
+      type: NodeTypes.COMMENT,
     })
   })
 
@@ -1875,7 +1875,7 @@ describe('compiler: parse', () => {
 
     const spy = vi.fn()
     const ast = baseParse(`<div>\n<span>\n</div>\n</span>`, {
-      onError: spy
+      onError: spy,
     })
 
     expect(spy.mock.calls).toMatchObject([
@@ -1886,10 +1886,10 @@ describe('compiler: parse', () => {
             start: {
               offset: 6,
               line: 2,
-              column: 1
-            }
-          }
-        }
+              column: 1,
+            },
+          },
+        },
       ],
       [
         {
@@ -1898,11 +1898,11 @@ describe('compiler: parse', () => {
             start: {
               offset: 20,
               line: 4,
-              column: 1
-            }
-          }
-        }
-      ]
+              column: 1,
+            },
+          },
+        },
+      ],
     ])
 
     expect(ast).toMatchSnapshot()
@@ -1912,7 +1912,7 @@ describe('compiler: parse', () => {
     const [foo, bar, but, baz] = baseParse(
       `
 foo
- is {{ bar }} but {{ baz }}`.trim()
+ is {{ bar }} but {{ baz }}`.trim(),
     ).children
 
     let offset = 0
@@ -1955,7 +1955,7 @@ foo
     test('use the given map', () => {
       const ast: any = baseParse('&amp;&cups;', {
         decodeEntities: text => text.replace('&cups;', '\u222A\uFE00'),
-        onError: () => {} // Ignore errors
+        onError: () => {}, // Ignore errors
       })
 
       expect(ast.children.length).toBe(1)
@@ -1968,7 +1968,7 @@ foo
     const parse = (content: string, options?: ParserOptions) =>
       baseParse(content, {
         whitespace: 'condense',
-        ...options
+        ...options,
       })
 
     it('should remove whitespaces at start/end inside an element', () => {
@@ -2004,7 +2004,7 @@ foo
       expect(ast.children[0].type).toBe(NodeTypes.INTERPOLATION)
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.TEXT,
-        content: ' '
+        content: ' ',
       })
       expect(ast.children[2].type).toBe(NodeTypes.INTERPOLATION)
     })
@@ -2015,7 +2015,7 @@ foo
       expect(ast.children[0].type).toBe(NodeTypes.COMMENT)
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.TEXT,
-        content: ' '
+        content: ' ',
       })
       expect(ast.children[2].type).toBe(NodeTypes.INTERPOLATION)
     })
@@ -2028,7 +2028,7 @@ foo
         NodeTypes.TEXT,
         NodeTypes.ELEMENT,
         NodeTypes.TEXT,
-        NodeTypes.ELEMENT
+        NodeTypes.ELEMENT,
       ])
     })
 
@@ -2039,7 +2039,7 @@ foo
 
     it('should remove leading newline character immediately following the pre element start tag', () => {
       const ast = baseParse(`<pre>\n  foo  bar  </pre>`, {
-        isPreTag: tag => tag === 'pre'
+        isPreTag: tag => tag === 'pre',
       })
       expect(ast.children).toHaveLength(1)
       const preElement = ast.children[0] as ElementNode
@@ -2049,18 +2049,18 @@ foo
 
     it('should NOT remove leading newline character immediately following child-tag of pre element', () => {
       const ast = baseParse(`<pre><span></span>\n  foo  bar  </pre>`, {
-        isPreTag: tag => tag === 'pre'
+        isPreTag: tag => tag === 'pre',
       })
       const preElement = ast.children[0] as ElementNode
       expect(preElement.children).toHaveLength(2)
       expect((preElement.children[1] as TextNode).content).toBe(
-        `\n  foo  bar  `
+        `\n  foo  bar  `,
       )
     })
 
     it('self-closing pre tag', () => {
       const ast = baseParse(`<pre/><span>\n  foo   bar</span>`, {
-        isPreTag: tag => tag === 'pre'
+        isPreTag: tag => tag === 'pre',
       })
       const elementAfterPre = ast.children[1] as ElementNode
       // should not affect the <span> and condense its whitespace inside
@@ -2070,7 +2070,7 @@ foo
     it('should NOT condense whitespaces in RCDATA text mode', () => {
       const ast = baseParse(`<textarea>Text:\n   foo</textarea>`, {
         getTextMode: ({ tag }) =>
-          tag === 'textarea' ? TextModes.RCDATA : TextModes.DATA
+          tag === 'textarea' ? TextModes.RCDATA : TextModes.DATA,
       })
       const preElement = ast.children[0] as ElementNode
       expect(preElement.children).toHaveLength(1)
@@ -2082,7 +2082,7 @@ foo
     const parse = (content: string, options?: ParserOptions) =>
       baseParse(content, {
         whitespace: 'preserve',
-        ...options
+        ...options,
       })
 
     it('should still remove whitespaces at start/end inside an element', () => {
@@ -2098,7 +2098,7 @@ foo
         NodeTypes.TEXT,
         NodeTypes.ELEMENT,
         NodeTypes.TEXT,
-        NodeTypes.ELEMENT
+        NodeTypes.ELEMENT,
       ])
     })
 
@@ -2110,7 +2110,7 @@ foo
         NodeTypes.TEXT,
         NodeTypes.COMMENT,
         NodeTypes.TEXT,
-        NodeTypes.ELEMENT
+        NodeTypes.ELEMENT,
       ])
     })
 
@@ -2122,7 +2122,7 @@ foo
         NodeTypes.TEXT,
         NodeTypes.COMMENT,
         NodeTypes.TEXT,
-        NodeTypes.ELEMENT
+        NodeTypes.ELEMENT,
       ])
     })
 
@@ -2132,7 +2132,7 @@ foo
       expect(ast.children[0].type).toBe(NodeTypes.INTERPOLATION)
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.TEXT,
-        content: ' '
+        content: ' ',
       })
       expect(ast.children[2].type).toBe(NodeTypes.INTERPOLATION)
     })
@@ -2145,7 +2145,7 @@ foo
         NodeTypes.TEXT,
         NodeTypes.ELEMENT,
         NodeTypes.TEXT,
-        NodeTypes.ELEMENT
+        NodeTypes.ELEMENT,
       ])
     })
 
@@ -2170,23 +2170,23 @@ foo
           errors: [
             {
               type: ErrorCodes.ABRUPT_CLOSING_OF_EMPTY_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template><!---></template>',
           errors: [
             {
               type: ErrorCodes.ABRUPT_CLOSING_OF_EMPTY_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template><!----></template>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       CDATA_IN_HTML_CONTENT: [
         {
@@ -2194,14 +2194,14 @@ foo
           errors: [
             {
               type: ErrorCodes.CDATA_IN_HTML_CONTENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template><svg><![CDATA[cdata]]></svg></template>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       DUPLICATE_ATTRIBUTE: [
         {
@@ -2209,10 +2209,10 @@ foo
           errors: [
             {
               type: ErrorCodes.DUPLICATE_ATTRIBUTE,
-              loc: { offset: 21, line: 1, column: 22 }
-            }
-          ]
-        }
+              loc: { offset: 21, line: 1, column: 22 },
+            },
+          ],
+        },
       ],
       END_TAG_WITH_ATTRIBUTES: [
         {
@@ -2220,10 +2220,10 @@ foo
           errors: [
             {
               type: ErrorCodes.END_TAG_WITH_ATTRIBUTES,
-              loc: { offset: 21, line: 1, column: 22 }
-            }
-          ]
-        }
+              loc: { offset: 21, line: 1, column: 22 },
+            },
+          ],
+        },
       ],
       END_TAG_WITH_TRAILING_SOLIDUS: [
         {
@@ -2231,10 +2231,10 @@ foo
           errors: [
             {
               type: ErrorCodes.END_TAG_WITH_TRAILING_SOLIDUS,
-              loc: { offset: 20, line: 1, column: 21 }
-            }
-          ]
-        }
+              loc: { offset: 20, line: 1, column: 21 },
+            },
+          ],
+        },
       ],
       EOF_BEFORE_TAG_NAME: [
         {
@@ -2242,27 +2242,27 @@ foo
           errors: [
             {
               type: ErrorCodes.EOF_BEFORE_TAG_NAME,
-              loc: { offset: 11, line: 1, column: 12 }
+              loc: { offset: 11, line: 1, column: 12 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template></',
           errors: [
             {
               type: ErrorCodes.EOF_BEFORE_TAG_NAME,
-              loc: { offset: 12, line: 1, column: 13 }
+              loc: { offset: 12, line: 1, column: 13 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
-        }
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
+        },
       ],
       EOF_IN_CDATA: [
         {
@@ -2270,35 +2270,35 @@ foo
           errors: [
             {
               type: ErrorCodes.EOF_IN_CDATA,
-              loc: { offset: 29, line: 1, column: 30 }
+              loc: { offset: 29, line: 1, column: 30 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><svg><![CDATA[',
           errors: [
             {
               type: ErrorCodes.EOF_IN_CDATA,
-              loc: { offset: 24, line: 1, column: 25 }
+              loc: { offset: 24, line: 1, column: 25 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
-        }
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
+        },
       ],
       EOF_IN_COMMENT: [
         {
@@ -2306,26 +2306,26 @@ foo
           errors: [
             {
               type: ErrorCodes.EOF_IN_COMMENT,
-              loc: { offset: 21, line: 1, column: 22 }
+              loc: { offset: 21, line: 1, column: 22 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><!--',
           errors: [
             {
               type: ErrorCodes.EOF_IN_COMMENT,
-              loc: { offset: 14, line: 1, column: 15 }
+              loc: { offset: 14, line: 1, column: 15 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         // Bogus comments don't throw eof-in-comment error.
         // https://html.spec.whatwg.org/multipage/parsing.html#bogus-comment-state
@@ -2334,40 +2334,40 @@ foo
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_OPENED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><!-',
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_OPENED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><!abc',
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_OPENED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
-        }
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
+        },
       ],
       EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT: [
         {
@@ -2375,23 +2375,23 @@ foo
           errors: [
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
+              loc: { offset: 0, line: 1, column: 1 },
             },
             {
               type: ErrorCodes.EOF_IN_SCRIPT_HTML_COMMENT_LIKE_TEXT,
-              loc: { offset: 32, line: 1, column: 33 }
-            }
-          ]
+              loc: { offset: 32, line: 1, column: 33 },
+            },
+          ],
         },
         {
           code: "<script>console.log('hello')",
           errors: [
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
-        }
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
+        },
       ],
       EOF_IN_TAG: [
         {
@@ -2399,247 +2399,247 @@ foo
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 14, line: 1, column: 15 }
+              loc: { offset: 14, line: 1, column: 15 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div ',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 15, line: 1, column: 16 }
+              loc: { offset: 15, line: 1, column: 16 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 17, line: 1, column: 18 }
+              loc: { offset: 17, line: 1, column: 18 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id ',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 18, line: 1, column: 19 }
+              loc: { offset: 18, line: 1, column: 19 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id =',
           errors: [
             {
               type: ErrorCodes.MISSING_ATTRIBUTE_VALUE,
-              loc: { offset: 19, line: 1, column: 20 }
+              loc: { offset: 19, line: 1, column: 20 },
             },
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 19, line: 1, column: 20 }
+              loc: { offset: 19, line: 1, column: 20 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: "<template><div id='abc",
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 22, line: 1, column: 23 }
+              loc: { offset: 22, line: 1, column: 23 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id="abc',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 22, line: 1, column: 23 }
+              loc: { offset: 22, line: 1, column: 23 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: "<template><div id='abc'",
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 23, line: 1, column: 24 }
+              loc: { offset: 23, line: 1, column: 24 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id="abc"',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 23, line: 1, column: 24 }
+              loc: { offset: 23, line: 1, column: 24 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id=abc',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 21, line: 1, column: 22 }
+              loc: { offset: 21, line: 1, column: 22 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: "<template><div id='abc'/",
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_SOLIDUS_IN_TAG,
-              loc: { offset: 23, line: 1, column: 24 }
+              loc: { offset: 23, line: 1, column: 24 },
             },
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 24, line: 1, column: 25 }
+              loc: { offset: 24, line: 1, column: 25 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id="abc"/',
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_SOLIDUS_IN_TAG,
-              loc: { offset: 23, line: 1, column: 24 }
+              loc: { offset: 23, line: 1, column: 24 },
             },
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 24, line: 1, column: 25 }
+              loc: { offset: 24, line: 1, column: 25 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template><div id=abc /',
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_SOLIDUS_IN_TAG,
-              loc: { offset: 22, line: 1, column: 23 }
+              loc: { offset: 22, line: 1, column: 23 },
             },
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 23, line: 1, column: 24 }
+              loc: { offset: 23, line: 1, column: 24 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<div></div',
           errors: [
             {
               type: ErrorCodes.EOF_IN_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
-        }
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
+        },
       ],
       INCORRECTLY_CLOSED_COMMENT: [
         {
@@ -2647,10 +2647,10 @@ foo
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_CLOSED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
-        }
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
+        },
       ],
       INCORRECTLY_OPENED_COMMENT: [
         {
@@ -2658,33 +2658,33 @@ foo
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_OPENED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template><!-></template>',
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_OPENED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template><!ELEMENT br EMPTY></template>',
           errors: [
             {
               type: ErrorCodes.INCORRECTLY_OPENED_COMMENT,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         // Just ignore doctype.
         {
           code: '<!DOCTYPE html>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       INVALID_FIRST_CHARACTER_OF_TAG_NAME: [
         {
@@ -2692,46 +2692,46 @@ foo
           errors: [
             {
               type: ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME,
-              loc: { offset: 13, line: 1, column: 14 }
-            }
-          ]
+              loc: { offset: 13, line: 1, column: 14 },
+            },
+          ],
         },
         {
           code: '<template><�></template>',
           errors: [
             {
               type: ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME,
-              loc: { offset: 11, line: 1, column: 12 }
-            }
-          ]
+              loc: { offset: 11, line: 1, column: 12 },
+            },
+          ],
         },
         {
           code: '<template>a </ b</template>',
           errors: [
             {
               type: ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME,
-              loc: { offset: 14, line: 1, column: 15 }
+              loc: { offset: 14, line: 1, column: 15 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '<template></�></template>',
           errors: [
             {
               type: ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME,
-              loc: { offset: 12, line: 1, column: 13 }
-            }
-          ]
+              loc: { offset: 12, line: 1, column: 13 },
+            },
+          ],
         },
         // Don't throw invalid-first-character-of-tag-name in interpolation
         {
           code: '<template>{{a < b}}</template>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       MISSING_ATTRIBUTE_VALUE: [
         {
@@ -2739,23 +2739,23 @@ foo
           errors: [
             {
               type: ErrorCodes.MISSING_ATTRIBUTE_VALUE,
-              loc: { offset: 18, line: 1, column: 19 }
-            }
-          ]
+              loc: { offset: 18, line: 1, column: 19 },
+            },
+          ],
         },
         {
           code: '<template><div id= ></div></template>',
           errors: [
             {
               type: ErrorCodes.MISSING_ATTRIBUTE_VALUE,
-              loc: { offset: 19, line: 1, column: 20 }
-            }
-          ]
+              loc: { offset: 19, line: 1, column: 20 },
+            },
+          ],
         },
         {
           code: '<template><div id= /></div></template>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       MISSING_END_TAG_NAME: [
         {
@@ -2763,10 +2763,10 @@ foo
           errors: [
             {
               type: ErrorCodes.MISSING_END_TAG_NAME,
-              loc: { offset: 12, line: 1, column: 13 }
-            }
-          ]
-        }
+              loc: { offset: 12, line: 1, column: 13 },
+            },
+          ],
+        },
       ],
       MISSING_WHITESPACE_BETWEEN_ATTRIBUTES: [
         {
@@ -2774,16 +2774,16 @@ foo
           errors: [
             {
               type: ErrorCodes.MISSING_WHITESPACE_BETWEEN_ATTRIBUTES,
-              loc: { offset: 23, line: 1, column: 24 }
-            }
-          ]
+              loc: { offset: 23, line: 1, column: 24 },
+            },
+          ],
         },
         // CR doesn't appear in tokenization phase, but all CR are removed in preprocessing.
         // https://html.spec.whatwg.org/multipage/parsing.html#preprocessing-the-input-stream
         {
           code: '<template><div id="foo"\r\nclass="bar"></div></template>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       NESTED_COMMENT: [
         {
@@ -2791,49 +2791,49 @@ foo
           errors: [
             {
               type: ErrorCodes.NESTED_COMMENT,
-              loc: { offset: 15, line: 1, column: 16 }
-            }
-          ]
+              loc: { offset: 15, line: 1, column: 16 },
+            },
+          ],
         },
         {
           code: '<template><!--a<!--b<!--c--></template>',
           errors: [
             {
               type: ErrorCodes.NESTED_COMMENT,
-              loc: { offset: 15, line: 1, column: 16 }
+              loc: { offset: 15, line: 1, column: 16 },
             },
             {
               type: ErrorCodes.NESTED_COMMENT,
-              loc: { offset: 20, line: 1, column: 21 }
-            }
-          ]
+              loc: { offset: 20, line: 1, column: 21 },
+            },
+          ],
         },
         {
           code: '<template><!--a<!--b<!----></template>',
           errors: [
             {
               type: ErrorCodes.NESTED_COMMENT,
-              loc: { offset: 15, line: 1, column: 16 }
-            }
-          ]
+              loc: { offset: 15, line: 1, column: 16 },
+            },
+          ],
         },
         {
           code: '<template><!--a<!--></template>',
-          errors: []
+          errors: [],
         },
         {
           code: '<template><!--a<!--',
           errors: [
             {
               type: ErrorCodes.EOF_IN_COMMENT,
-              loc: { offset: 19, line: 1, column: 20 }
+              loc: { offset: 19, line: 1, column: 20 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
-        }
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
+        },
       ],
       UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME: [
         {
@@ -2841,28 +2841,28 @@ foo
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME,
-              loc: { offset: 16, line: 1, column: 17 }
-            }
-          ]
+              loc: { offset: 16, line: 1, column: 17 },
+            },
+          ],
         },
         {
           code: "<template><div a'bc=''></div></template>",
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME,
-              loc: { offset: 16, line: 1, column: 17 }
-            }
-          ]
+              loc: { offset: 16, line: 1, column: 17 },
+            },
+          ],
         },
         {
           code: "<template><div a<bc=''></div></template>",
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME,
-              loc: { offset: 16, line: 1, column: 17 }
-            }
-          ]
-        }
+              loc: { offset: 16, line: 1, column: 17 },
+            },
+          ],
+        },
       ],
       UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE: [
         {
@@ -2870,46 +2870,46 @@ foo
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE,
-              loc: { offset: 22, line: 1, column: 23 }
-            }
-          ]
+              loc: { offset: 22, line: 1, column: 23 },
+            },
+          ],
         },
         {
           code: "<template><div foo=bar'></div></template>",
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE,
-              loc: { offset: 22, line: 1, column: 23 }
-            }
-          ]
+              loc: { offset: 22, line: 1, column: 23 },
+            },
+          ],
         },
         {
           code: '<template><div foo=bar<div></div></template>',
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE,
-              loc: { offset: 22, line: 1, column: 23 }
-            }
-          ]
+              loc: { offset: 22, line: 1, column: 23 },
+            },
+          ],
         },
         {
           code: '<template><div foo=bar=baz></div></template>',
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE,
-              loc: { offset: 22, line: 1, column: 23 }
-            }
-          ]
+              loc: { offset: 22, line: 1, column: 23 },
+            },
+          ],
         },
         {
           code: '<template><div foo=bar`></div></template>',
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE,
-              loc: { offset: 22, line: 1, column: 23 }
-            }
-          ]
-        }
+              loc: { offset: 22, line: 1, column: 23 },
+            },
+          ],
+        },
       ],
       UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME: [
         {
@@ -2917,19 +2917,19 @@ foo
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME,
-              loc: { offset: 15, line: 1, column: 16 }
-            }
-          ]
+              loc: { offset: 15, line: 1, column: 16 },
+            },
+          ],
         },
         {
           code: '<template><div =></div></template>',
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_EQUALS_SIGN_BEFORE_ATTRIBUTE_NAME,
-              loc: { offset: 15, line: 1, column: 16 }
-            }
-          ]
-        }
+              loc: { offset: 15, line: 1, column: 16 },
+            },
+          ],
+        },
       ],
       UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME: [
         {
@@ -2937,10 +2937,10 @@ foo
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME,
-              loc: { offset: 11, line: 1, column: 12 }
-            }
-          ]
-        }
+              loc: { offset: 11, line: 1, column: 12 },
+            },
+          ],
+        },
       ],
       UNEXPECTED_SOLIDUS_IN_TAG: [
         {
@@ -2948,10 +2948,10 @@ foo
           errors: [
             {
               type: ErrorCodes.UNEXPECTED_SOLIDUS_IN_TAG,
-              loc: { offset: 16, line: 1, column: 17 }
-            }
-          ]
-        }
+              loc: { offset: 16, line: 1, column: 17 },
+            },
+          ],
+        },
       ],
       X_INVALID_END_TAG: [
         {
@@ -2959,39 +2959,39 @@ foo
           errors: [
             {
               type: ErrorCodes.X_INVALID_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template></div></div></template>',
           errors: [
             {
               type: ErrorCodes.X_INVALID_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_INVALID_END_TAG,
-              loc: { offset: 16, line: 1, column: 17 }
-            }
-          ]
+              loc: { offset: 16, line: 1, column: 17 },
+            },
+          ],
         },
         {
           code: "<template>{{'</div>'}}</template>",
-          errors: []
+          errors: [],
         },
         {
           code: '<textarea></div></textarea>',
-          errors: []
+          errors: [],
         },
         {
           code: '<svg><![CDATA[</div>]]></svg>',
-          errors: []
+          errors: [],
         },
         {
           code: '<svg><!--</div>--></svg>',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       X_MISSING_END_TAG: [
         {
@@ -2999,23 +2999,23 @@ foo
           errors: [
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
-            }
-          ]
+              loc: { offset: 10, line: 1, column: 11 },
+            },
+          ],
         },
         {
           code: '<template><div>',
           errors: [
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 10, line: 1, column: 11 }
+              loc: { offset: 10, line: 1, column: 11 },
             },
             {
               type: ErrorCodes.X_MISSING_END_TAG,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
-        }
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
+        },
       ],
       X_MISSING_INTERPOLATION_END: [
         {
@@ -3023,23 +3023,23 @@ foo
           errors: [
             {
               type: ErrorCodes.X_MISSING_INTERPOLATION_END,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '{{',
           errors: [
             {
               type: ErrorCodes.X_MISSING_INTERPOLATION_END,
-              loc: { offset: 0, line: 1, column: 1 }
-            }
-          ]
+              loc: { offset: 0, line: 1, column: 1 },
+            },
+          ],
         },
         {
           code: '{{}}',
-          errors: []
-        }
+          errors: [],
+        },
       ],
       X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END: [
         {
@@ -3047,11 +3047,11 @@ foo
           errors: [
             {
               type: ErrorCodes.X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END,
-              loc: { offset: 15, line: 1, column: 16 }
-            }
-          ]
-        }
-      ]
+              loc: { offset: 15, line: 1, column: 16 },
+            },
+          ],
+        },
+      ],
     }
 
     for (const key of Object.keys(patterns)) {
@@ -3060,7 +3060,7 @@ foo
           test(
             code.replace(
               /[\r\n]/g,
-              c => `\\x0${c.codePointAt(0)!.toString(16)};`
+              c => `\\x0${c.codePointAt(0)!.toString(16)};`,
             ),
             () => {
               const spy = vi.fn()
@@ -3084,17 +3084,17 @@ foo
                   return TextModes.DATA
                 },
                 ...options,
-                onError: spy
+                onError: spy,
               })
 
               expect(
                 spy.mock.calls.map(([err]) => ({
                   type: err.code,
-                  loc: err.loc.start
-                }))
+                  loc: err.loc.start,
+                })),
               ).toMatchObject(errors)
               expect(ast).toMatchSnapshot()
-            }
+            },
           )
         }
       })
diff --git a/packages/compiler-core/__tests__/scopeId.spec.ts b/packages/compiler-core/__tests__/scopeId.spec.ts
index 5f7ea0d2e6a..be346276623 100644
--- a/packages/compiler-core/__tests__/scopeId.spec.ts
+++ b/packages/compiler-core/__tests__/scopeId.spec.ts
@@ -18,7 +18,7 @@ describe('scopeId compiler support', () => {
   test('should wrap default slot', () => {
     const { code } = baseCompile(`<Child><div/></Child>`, {
       mode: 'module',
-      scopeId: 'test'
+      scopeId: 'test',
     })
     expect(code).toMatch(`default: _withCtx(() => [`)
     expect(code).toMatchSnapshot()
@@ -33,8 +33,8 @@ describe('scopeId compiler support', () => {
       `,
       {
         mode: 'module',
-        scopeId: 'test'
-      }
+        scopeId: 'test',
+      },
     )
     expect(code).toMatch(`foo: _withCtx(({ msg }) => [`)
     expect(code).toMatch(`bar: _withCtx(() => [`)
@@ -50,8 +50,8 @@ describe('scopeId compiler support', () => {
       `,
       {
         mode: 'module',
-        scopeId: 'test'
-      }
+        scopeId: 'test',
+      },
     )
     expect(code).toMatch(/name: "foo",\s+fn: _withCtx\(/)
     expect(code).toMatch(/name: i,\s+fn: _withCtx\(/)
@@ -64,8 +64,8 @@ describe('scopeId compiler support', () => {
       {
         mode: 'module',
         scopeId: 'test',
-        hoistStatic: true
-      }
+        hoistStatic: true,
+      },
     )
     expect(ast.helpers).toContain(PUSH_SCOPE_ID)
     expect(ast.helpers).toContain(POP_SCOPE_ID)
@@ -73,11 +73,11 @@ describe('scopeId compiler support', () => {
     ;[
       `const _withScopeId = n => (_pushScopeId("test"),n=n(),_popScopeId(),n)`,
       `const _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode("div", null, "hello", ${genFlagText(
-        PatchFlags.HOISTED
+        PatchFlags.HOISTED,
       )}))`,
       `const _hoisted_2 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode("div", null, "world", ${genFlagText(
-        PatchFlags.HOISTED
-      )}))`
+        PatchFlags.HOISTED,
+      )}))`,
     ].forEach(c => expect(code).toMatch(c))
     expect(code).toMatchSnapshot()
   })
diff --git a/packages/compiler-core/__tests__/testUtils.ts b/packages/compiler-core/__tests__/testUtils.ts
index 23a29a777e3..358bb0d4a64 100644
--- a/packages/compiler-core/__tests__/testUtils.ts
+++ b/packages/compiler-core/__tests__/testUtils.ts
@@ -4,14 +4,14 @@ import {
   locStub,
   Namespaces,
   ElementTypes,
-  VNodeCall
+  VNodeCall,
 } from '../src'
 import {
   isString,
   PatchFlags,
   PatchFlagNames,
   isArray,
-  ShapeFlags
+  ShapeFlags,
 } from '@vue/shared'
 
 const leadingBracketRE = /^\[/
@@ -30,16 +30,16 @@ export function createObjectMatcher(obj: Record<string, any>) {
       key: {
         type: NodeTypes.SIMPLE_EXPRESSION,
         content: key.replace(bracketsRE, ''),
-        isStatic: !leadingBracketRE.test(key)
+        isStatic: !leadingBracketRE.test(key),
       },
       value: isString(obj[key])
         ? {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: obj[key].replace(bracketsRE, ''),
-            isStatic: !leadingBracketRE.test(obj[key])
+            isStatic: !leadingBracketRE.test(obj[key]),
           }
-        : obj[key]
-    }))
+        : obj[key],
+    })),
   }
 }
 
@@ -48,7 +48,7 @@ export function createElementWithCodegen(
   props?: VNodeCall['props'],
   children?: VNodeCall['children'],
   patchFlag?: VNodeCall['patchFlag'],
-  dynamicProps?: VNodeCall['dynamicProps']
+  dynamicProps?: VNodeCall['dynamicProps'],
 ): ElementNode {
   return {
     type: NodeTypes.ELEMENT,
@@ -70,15 +70,15 @@ export function createElementWithCodegen(
       isBlock: false,
       disableTracking: false,
       isComponent: false,
-      loc: locStub
-    }
+      loc: locStub,
+    },
   }
 }
 
 type Flags = PatchFlags | ShapeFlags
 export function genFlagText(
   flag: Flags | Flags[],
-  names: { [k: number]: string } = PatchFlagNames
+  names: { [k: number]: string } = PatchFlagNames,
 ) {
   if (isArray(flag)) {
     let f = 0
diff --git a/packages/compiler-core/__tests__/transform.spec.ts b/packages/compiler-core/__tests__/transform.spec.ts
index 042865efb4e..6e4b803cc02 100644
--- a/packages/compiler-core/__tests__/transform.spec.ts
+++ b/packages/compiler-core/__tests__/transform.spec.ts
@@ -5,14 +5,14 @@ import {
   NodeTypes,
   DirectiveNode,
   ExpressionNode,
-  VNodeCall
+  VNodeCall,
 } from '../src/ast'
 import { ErrorCodes, createCompilerError } from '../src/errors'
 import {
   TO_DISPLAY_STRING,
   FRAGMENT,
   RENDER_SLOT,
-  CREATE_COMMENT
+  CREATE_COMMENT,
 } from '../src/runtimeHelpers'
 import { transformIf } from '../src/transforms/vIf'
 import { transformFor } from '../src/transforms/vFor'
@@ -34,7 +34,7 @@ describe('compiler: transform', () => {
     }
 
     transform(ast, {
-      nodeTransforms: [plugin]
+      nodeTransforms: [plugin],
     })
 
     const div = ast.children[0] as ElementNode
@@ -43,29 +43,29 @@ describe('compiler: transform', () => {
       ast,
       {
         parent: null,
-        currentNode: ast
-      }
+        currentNode: ast,
+      },
     ])
     expect(calls[1]).toMatchObject([
       div,
       {
         parent: ast,
-        currentNode: div
-      }
+        currentNode: div,
+      },
     ])
     expect(calls[2]).toMatchObject([
       div.children[0],
       {
         parent: div,
-        currentNode: div.children[0]
-      }
+        currentNode: div.children[0],
+      },
     ])
     expect(calls[3]).toMatchObject([
       div.children[1],
       {
         parent: div,
-        currentNode: div.children[1]
-      }
+        currentNode: div.children[1],
+      },
     ])
   })
 
@@ -81,16 +81,16 @@ describe('compiler: transform', () => {
               {
                 type: NodeTypes.TEXT,
                 content: 'hello',
-                isEmpty: false
-              }
-            ]
-          })
+                isEmpty: false,
+              },
+            ],
+          }),
         )
       }
     }
     const spy = vi.fn(plugin)
     transform(ast, {
-      nodeTransforms: [spy]
+      nodeTransforms: [spy],
     })
 
     expect(ast.children.length).toBe(2)
@@ -115,7 +115,7 @@ describe('compiler: transform', () => {
     }
     const spy = vi.fn(plugin)
     transform(ast, {
-      nodeTransforms: [spy]
+      nodeTransforms: [spy],
     })
 
     expect(ast.children.length).toBe(2)
@@ -143,7 +143,7 @@ describe('compiler: transform', () => {
     }
     const spy = vi.fn(plugin)
     transform(ast, {
-      nodeTransforms: [spy]
+      nodeTransforms: [spy],
     })
 
     expect(ast.children.length).toBe(1)
@@ -170,7 +170,7 @@ describe('compiler: transform', () => {
     }
     const spy = vi.fn(plugin)
     transform(ast, {
-      nodeTransforms: [spy]
+      nodeTransforms: [spy],
     })
 
     expect(ast.children.length).toBe(1)
@@ -194,7 +194,7 @@ describe('compiler: transform', () => {
       }
     }
     transform(ast, {
-      nodeTransforms: [mock]
+      nodeTransforms: [mock],
     })
     expect(ast.hoists).toMatchObject(hoisted)
     expect((ast as any).children[0].props[0].exp.content).toBe(`_hoisted_1`)
@@ -206,19 +206,19 @@ describe('compiler: transform', () => {
     const loc = ast.children[0].loc
     const plugin: NodeTransform = (node, context) => {
       context.onError(
-        createCompilerError(ErrorCodes.X_INVALID_END_TAG, node.loc)
+        createCompilerError(ErrorCodes.X_INVALID_END_TAG, node.loc),
       )
     }
     const spy = vi.fn()
     transform(ast, {
       nodeTransforms: [plugin],
-      onError: spy
+      onError: spy,
     })
     expect(spy.mock.calls[0]).toMatchObject([
       {
         code: ErrorCodes.X_INVALID_END_TAG,
-        loc
-      }
+        loc,
+      },
     ])
   })
 
@@ -243,8 +243,8 @@ describe('compiler: transform', () => {
           transformFor,
           transformText,
           transformSlotOutlet,
-          transformElement
-        ]
+          transformElement,
+        ],
       })
       return ast
     }
@@ -253,7 +253,7 @@ describe('compiler: transform', () => {
       tag: VNodeCall['tag'],
       props?: VNodeCall['props'],
       children?: VNodeCall['children'],
-      patchFlag?: VNodeCall['patchFlag']
+      patchFlag?: VNodeCall['patchFlag'],
     ) {
       return {
         type: NodeTypes.VNODE_CALL,
@@ -261,7 +261,7 @@ describe('compiler: transform', () => {
         tag,
         props,
         children,
-        patchFlag
+        patchFlag,
       }
     }
 
@@ -275,8 +275,8 @@ describe('compiler: transform', () => {
       expect(ast.codegenNode).toMatchObject({
         codegenNode: {
           type: NodeTypes.JS_CALL_EXPRESSION,
-          callee: RENDER_SLOT
-        }
+          callee: RENDER_SLOT,
+        },
       })
     })
 
@@ -288,14 +288,14 @@ describe('compiler: transform', () => {
     test('root v-if', () => {
       const ast = transformWithCodegen(`<div v-if="ok" />`)
       expect(ast.codegenNode).toMatchObject({
-        type: NodeTypes.IF
+        type: NodeTypes.IF,
       })
     })
 
     test('root v-for', () => {
       const ast = transformWithCodegen(`<div v-for="i in list" />`)
       expect(ast.codegenNode).toMatchObject({
-        type: NodeTypes.FOR
+        type: NodeTypes.FOR,
       })
     })
 
@@ -303,28 +303,28 @@ describe('compiler: transform', () => {
       const ast = transformWithCodegen(`<div v-foo/>`)
       expect(ast.codegenNode).toMatchObject({
         type: NodeTypes.VNODE_CALL,
-        directives: { type: NodeTypes.JS_ARRAY_EXPRESSION }
+        directives: { type: NodeTypes.JS_ARRAY_EXPRESSION },
       })
     })
 
     test('single text', () => {
       const ast = transformWithCodegen(`hello`)
       expect(ast.codegenNode).toMatchObject({
-        type: NodeTypes.TEXT
+        type: NodeTypes.TEXT,
       })
     })
 
     test('single interpolation', () => {
       const ast = transformWithCodegen(`{{ foo }}`)
       expect(ast.codegenNode).toMatchObject({
-        type: NodeTypes.INTERPOLATION
+        type: NodeTypes.INTERPOLATION,
       })
     })
 
     test('single CompoundExpression', () => {
       const ast = transformWithCodegen(`{{ foo }} bar baz`)
       expect(ast.codegenNode).toMatchObject({
-        type: NodeTypes.COMPOUND_EXPRESSION
+        type: NodeTypes.COMPOUND_EXPRESSION,
       })
     })
 
@@ -336,10 +336,10 @@ describe('compiler: transform', () => {
           undefined,
           [
             { type: NodeTypes.ELEMENT, tag: `div` },
-            { type: NodeTypes.ELEMENT, tag: `div` }
+            { type: NodeTypes.ELEMENT, tag: `div` },
           ] as any,
-          genFlagText(PatchFlags.STABLE_FRAGMENT)
-        )
+          genFlagText(PatchFlags.STABLE_FRAGMENT),
+        ),
       )
     })
 
@@ -352,13 +352,13 @@ describe('compiler: transform', () => {
           [
             { type: NodeTypes.COMMENT },
             { type: NodeTypes.ELEMENT, tag: `div` },
-            { type: NodeTypes.COMMENT }
+            { type: NodeTypes.COMMENT },
           ] as any,
           genFlagText([
             PatchFlags.STABLE_FRAGMENT,
-            PatchFlags.DEV_ROOT_FRAGMENT
-          ])
-        )
+            PatchFlags.DEV_ROOT_FRAGMENT,
+          ]),
+        ),
       )
     })
   })
diff --git a/packages/compiler-core/__tests__/transforms/hoistStatic.spec.ts b/packages/compiler-core/__tests__/transforms/hoistStatic.spec.ts
index eec5a76d363..d5f5872da19 100644
--- a/packages/compiler-core/__tests__/transforms/hoistStatic.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/hoistStatic.spec.ts
@@ -8,12 +8,12 @@ import {
   IfNode,
   ElementNode,
   ForNode,
-  ConstantTypes
+  ConstantTypes,
 } from '../../src'
 import {
   FRAGMENT,
   RENDER_LIST,
-  NORMALIZE_CLASS
+  NORMALIZE_CLASS,
 } from '../../src/runtimeHelpers'
 import { transformElement } from '../../src/transforms/transformElement'
 import { transformExpression } from '../../src/transforms/transformExpression'
@@ -31,9 +31,9 @@ const hoistedChildrenArrayMatcher = (startIndex = 1, length = 1) => ({
     type: NodeTypes.ELEMENT,
     codegenNode: {
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `_hoisted_${startIndex + i}`
-    }
-  }))
+      content: `_hoisted_${startIndex + i}`,
+    },
+  })),
 })
 
 function transformWithHoist(template: string, options: CompilerOptions = {}) {
@@ -45,17 +45,17 @@ function transformWithHoist(template: string, options: CompilerOptions = {}) {
       transformFor,
       ...(options.prefixIdentifiers ? [transformExpression] : []),
       transformElement,
-      transformText
+      transformText,
     ],
     directiveTransforms: {
       on: transformOn,
-      bind: transformBind
+      bind: transformBind,
     },
-    ...options
+    ...options,
   })
   expect(ast.codegenNode).toMatchObject({
     type: NodeTypes.VNODE_CALL,
-    isBlock: true
+    isBlock: true,
   })
   return ast
 }
@@ -67,14 +67,14 @@ describe('compiler: hoistStatic transform', () => {
     const root = transformWithHoist(`<div/>`)
     expect(root.hoists.length).toBe(0)
     expect(root.codegenNode).toMatchObject({
-      tag: `"div"`
+      tag: `"div"`,
     })
     expect(generate(root).code).toMatchSnapshot()
   })
 
   test('hoist simple element', () => {
     const root = transformWithHoist(
-      `<div><span class="inline">hello</span></div>`
+      `<div><span class="inline">hello</span></div>`,
     )
     expect(root.hoists).toMatchObject([
       {
@@ -83,15 +83,15 @@ describe('compiler: hoistStatic transform', () => {
         props: createObjectMatcher({ class: 'inline' }),
         children: {
           type: NodeTypes.TEXT,
-          content: `hello`
-        }
+          content: `hello`,
+        },
       },
-      hoistedChildrenArrayMatcher()
+      hoistedChildrenArrayMatcher(),
     ])
     expect(root.codegenNode).toMatchObject({
       tag: `"div"`,
       props: undefined,
-      children: { content: `_hoisted_2` }
+      children: { content: `_hoisted_2` },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -105,13 +105,13 @@ describe('compiler: hoistStatic transform', () => {
         props: undefined,
         children: [
           { type: NodeTypes.ELEMENT, tag: `span` },
-          { type: NodeTypes.ELEMENT, tag: `span` }
-        ]
+          { type: NodeTypes.ELEMENT, tag: `span` },
+        ],
       },
-      hoistedChildrenArrayMatcher()
+      hoistedChildrenArrayMatcher(),
     ])
     expect((root.codegenNode as VNodeCall).children).toMatchObject({
-      content: '_hoisted_2'
+      content: '_hoisted_2',
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -123,12 +123,12 @@ describe('compiler: hoistStatic transform', () => {
         type: NodeTypes.VNODE_CALL,
         tag: `"div"`,
         props: undefined,
-        children: [{ type: NodeTypes.COMMENT, content: `comment` }]
+        children: [{ type: NodeTypes.COMMENT, content: `comment` }],
       },
-      hoistedChildrenArrayMatcher()
+      hoistedChildrenArrayMatcher(),
     ])
     expect((root.codegenNode as VNodeCall).children).toMatchObject({
-      content: `_hoisted_2`
+      content: `_hoisted_2`,
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -138,16 +138,16 @@ describe('compiler: hoistStatic transform', () => {
     expect(root.hoists).toMatchObject([
       {
         type: NodeTypes.VNODE_CALL,
-        tag: `"span"`
+        tag: `"span"`,
       },
       {
         type: NodeTypes.VNODE_CALL,
-        tag: `"div"`
+        tag: `"div"`,
       },
-      hoistedChildrenArrayMatcher(1, 2)
+      hoistedChildrenArrayMatcher(1, 2),
     ])
     expect((root.codegenNode as VNodeCall).children).toMatchObject({
-      content: '_hoisted_3'
+      content: '_hoisted_3',
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -160,9 +160,9 @@ describe('compiler: hoistStatic transform', () => {
         type: NodeTypes.ELEMENT,
         codegenNode: {
           type: NodeTypes.VNODE_CALL,
-          tag: `_component_Comp`
-        }
-      }
+          tag: `_component_Comp`,
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -177,17 +177,17 @@ describe('compiler: hoistStatic transform', () => {
           type: NodeTypes.VNODE_CALL,
           tag: `"div"`,
           props: createObjectMatcher({
-            id: `[foo]`
+            id: `[foo]`,
           }),
           children: undefined,
           patchFlag: genFlagText(PatchFlags.PROPS),
           dynamicProps: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `_hoisted_1`,
-            isStatic: false
-          }
-        }
-      }
+            isStatic: false,
+          },
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -199,14 +199,14 @@ describe('compiler: hoistStatic transform', () => {
       {
         type: NodeTypes.VNODE_CALL,
         tag: `"div"`,
-        props: createObjectMatcher({ key: 'foo' })
+        props: createObjectMatcher({ key: 'foo' }),
       },
-      hoistedChildrenArrayMatcher()
+      hoistedChildrenArrayMatcher(),
     ])
     expect(root.codegenNode).toMatchObject({
       tag: `"div"`,
       props: undefined,
-      children: { content: `_hoisted_2` }
+      children: { content: `_hoisted_2` },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -221,10 +221,10 @@ describe('compiler: hoistStatic transform', () => {
           type: NodeTypes.VNODE_CALL,
           tag: `"div"`,
           props: createObjectMatcher({
-            key: `[foo]`
-          })
-        }
-      }
+            key: `[foo]`,
+          }),
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -239,12 +239,12 @@ describe('compiler: hoistStatic transform', () => {
           type: NodeTypes.VNODE_CALL,
           tag: `"div"`,
           props: createObjectMatcher({
-            ref: `[foo]`
+            ref: `[foo]`,
           }),
           children: undefined,
-          patchFlag: genFlagText(PatchFlags.NEED_PATCH)
-        }
-      }
+          patchFlag: genFlagText(PatchFlags.NEED_PATCH),
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -260,22 +260,22 @@ describe('compiler: hoistStatic transform', () => {
           tag: `"div"`,
           props: {
             type: NodeTypes.SIMPLE_EXPRESSION,
-            content: `_hoisted_1`
+            content: `_hoisted_1`,
           },
           children: undefined,
           patchFlag: genFlagText(PatchFlags.NEED_PATCH),
           directives: {
-            type: NodeTypes.JS_ARRAY_EXPRESSION
-          }
-        }
-      }
+            type: NodeTypes.JS_ARRAY_EXPRESSION,
+          },
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
 
   test('hoist static props for elements with dynamic text children', () => {
     const root = transformWithHoist(
-      `<div><div id="foo">{{ hello }}</div></div>`
+      `<div><div id="foo">{{ hello }}</div></div>`,
     )
     expect(root.hoists).toMatchObject([createObjectMatcher({ id: 'foo' })])
     expect((root.codegenNode as VNodeCall).children).toMatchObject([
@@ -286,9 +286,9 @@ describe('compiler: hoistStatic transform', () => {
           tag: `"div"`,
           props: { content: `_hoisted_1` },
           children: { type: NodeTypes.INTERPOLATION },
-          patchFlag: genFlagText(PatchFlags.TEXT)
-        }
-      }
+          patchFlag: genFlagText(PatchFlags.TEXT),
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -303,30 +303,30 @@ describe('compiler: hoistStatic transform', () => {
           type: NodeTypes.VNODE_CALL,
           tag: `"div"`,
           props: { content: `_hoisted_1` },
-          children: [{ type: NodeTypes.ELEMENT, tag: `Comp` }]
-        }
-      }
+          children: [{ type: NodeTypes.ELEMENT, tag: `Comp` }],
+        },
+      },
     ])
     expect(generate(root).code).toMatchSnapshot()
   })
 
   test('should hoist v-if props/children if static', () => {
     const root = transformWithHoist(
-      `<div><div v-if="ok" id="foo"><span/></div></div>`
+      `<div><div v-if="ok" id="foo"><span/></div></div>`,
     )
     expect(root.hoists).toMatchObject([
       createObjectMatcher({
         key: `[0]`, // key injected by v-if branch
-        id: 'foo'
+        id: 'foo',
       }),
       {
         type: NodeTypes.VNODE_CALL,
-        tag: `"span"`
+        tag: `"span"`,
       },
-      hoistedChildrenArrayMatcher(2)
+      hoistedChildrenArrayMatcher(2),
     ])
     expect(
-      ((root.children[0] as ElementNode).children[0] as IfNode).codegenNode
+      ((root.children[0] as ElementNode).children[0] as IfNode).codegenNode,
     ).toMatchObject({
       type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
       consequent: {
@@ -334,25 +334,25 @@ describe('compiler: hoistStatic transform', () => {
         type: NodeTypes.VNODE_CALL,
         tag: `"div"`,
         props: { content: `_hoisted_1` },
-        children: { content: `_hoisted_3` }
-      }
+        children: { content: `_hoisted_3` },
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
 
   test('should hoist v-for children if static', () => {
     const root = transformWithHoist(
-      `<div><div v-for="i in list" id="foo"><span/></div></div>`
+      `<div><div v-for="i in list" id="foo"><span/></div></div>`,
     )
     expect(root.hoists).toMatchObject([
       createObjectMatcher({
-        id: 'foo'
+        id: 'foo',
       }),
       {
         type: NodeTypes.VNODE_CALL,
-        tag: `"span"`
+        tag: `"span"`,
       },
-      hoistedChildrenArrayMatcher(2)
+      hoistedChildrenArrayMatcher(2),
     ])
     const forBlockCodegen = (
       (root.children[0] as ElementNode).children[0] as ForNode
@@ -363,16 +363,16 @@ describe('compiler: hoistStatic transform', () => {
       props: undefined,
       children: {
         type: NodeTypes.JS_CALL_EXPRESSION,
-        callee: RENDER_LIST
+        callee: RENDER_LIST,
       },
-      patchFlag: genFlagText(PatchFlags.UNKEYED_FRAGMENT)
+      patchFlag: genFlagText(PatchFlags.UNKEYED_FRAGMENT),
     })
     const innerBlockCodegen = forBlockCodegen!.children.arguments[1]
     expect(innerBlockCodegen.returns).toMatchObject({
       type: NodeTypes.VNODE_CALL,
       tag: `"div"`,
       props: { content: `_hoisted_1` },
-      children: { content: `_hoisted_3` }
+      children: { content: `_hoisted_3` },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -382,8 +382,8 @@ describe('compiler: hoistStatic transform', () => {
       const root = transformWithHoist(
         `<div><span>foo {{ 1 }} {{ true }}</span></div>`,
         {
-          prefixIdentifiers: true
-        }
+          prefixIdentifiers: true,
+        },
       )
       expect(root.hoists).toMatchObject([
         {
@@ -391,18 +391,18 @@ describe('compiler: hoistStatic transform', () => {
           tag: `"span"`,
           props: undefined,
           children: {
-            type: NodeTypes.COMPOUND_EXPRESSION
-          }
+            type: NodeTypes.COMPOUND_EXPRESSION,
+          },
         },
-        hoistedChildrenArrayMatcher()
+        hoistedChildrenArrayMatcher(),
       ])
       expect(root.codegenNode).toMatchObject({
         tag: `"div"`,
         props: undefined,
         children: {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `_hoisted_2`
-        }
+          content: `_hoisted_2`,
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -411,8 +411,8 @@ describe('compiler: hoistStatic transform', () => {
       const root = transformWithHoist(
         `<div><span :foo="0">{{ 1 }}</span></div>`,
         {
-          prefixIdentifiers: true
-        }
+          prefixIdentifiers: true,
+        },
       )
 
       expect(root.hoists).toMatchObject([
@@ -425,19 +425,19 @@ describe('compiler: hoistStatic transform', () => {
             content: {
               content: `1`,
               isStatic: false,
-              constType: ConstantTypes.CAN_STRINGIFY
-            }
-          }
+              constType: ConstantTypes.CAN_STRINGIFY,
+            },
+          },
         },
-        hoistedChildrenArrayMatcher()
+        hoistedChildrenArrayMatcher(),
       ])
       expect(root.codegenNode).toMatchObject({
         tag: `"div"`,
         props: undefined,
         children: {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `_hoisted_2`
-        }
+          content: `_hoisted_2`,
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -446,8 +446,8 @@ describe('compiler: hoistStatic transform', () => {
       const root = transformWithHoist(
         `<div><span :class="{ foo: true }">{{ bar }}</span></div>`,
         {
-          prefixIdentifiers: true
-        }
+          prefixIdentifiers: true,
+        },
       )
 
       expect(root.hoists).toMatchObject([
@@ -458,7 +458,7 @@ describe('compiler: hoistStatic transform', () => {
               key: {
                 content: `class`,
                 isStatic: true,
-                constType: ConstantTypes.CAN_STRINGIFY
+                constType: ConstantTypes.CAN_STRINGIFY,
               },
               value: {
                 type: NodeTypes.JS_CALL_EXPRESSION,
@@ -467,13 +467,13 @@ describe('compiler: hoistStatic transform', () => {
                   {
                     content: `{ foo: true }`,
                     isStatic: false,
-                    constType: ConstantTypes.CAN_STRINGIFY
-                  }
-                ]
-              }
-            }
-          ]
-        }
+                    constType: ConstantTypes.CAN_STRINGIFY,
+                  },
+                ],
+              },
+            },
+          ],
+        },
       ])
       expect(root.codegenNode).toMatchObject({
         tag: `"div"`,
@@ -486,20 +486,20 @@ describe('compiler: hoistStatic transform', () => {
               tag: `"span"`,
               props: {
                 type: NodeTypes.SIMPLE_EXPRESSION,
-                content: `_hoisted_1`
+                content: `_hoisted_1`,
               },
               children: {
                 type: NodeTypes.INTERPOLATION,
                 content: {
                   content: `_ctx.bar`,
                   isStatic: false,
-                  constType: ConstantTypes.NOT_CONSTANT
-                }
+                  constType: ConstantTypes.NOT_CONSTANT,
+                },
               },
-              patchFlag: `1 /* TEXT */`
-            }
-          }
-        ]
+              patchFlag: `1 /* TEXT */`,
+            },
+          },
+        ],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -508,8 +508,8 @@ describe('compiler: hoistStatic transform', () => {
       const root = transformWithHoist(
         `<div><p v-for="o in list"><span>{{ o }}</span></p></div>`,
         {
-          prefixIdentifiers: true
-        }
+          prefixIdentifiers: true,
+        },
       )
 
       expect(root.hoists.length).toBe(0)
@@ -520,8 +520,8 @@ describe('compiler: hoistStatic transform', () => {
       const root = transformWithHoist(
         `<div><p v-for="o in list"><span>{{ o + 'foo' }}</span></p></div>`,
         {
-          prefixIdentifiers: true
-        }
+          prefixIdentifiers: true,
+        },
       )
 
       expect(root.hoists.length).toBe(0)
@@ -532,8 +532,8 @@ describe('compiler: hoistStatic transform', () => {
       const root = transformWithHoist(
         `<Comp v-slot="{ foo }">{{ foo }}</Comp>`,
         {
-          prefixIdentifiers: true
-        }
+          prefixIdentifiers: true,
+        },
       )
 
       expect(root.hoists.length).toBe(0)
@@ -545,8 +545,8 @@ describe('compiler: hoistStatic transform', () => {
         `<div><div><div @click="foo"/></div></div>`,
         {
           prefixIdentifiers: true,
-          cacheHandlers: true
-        }
+          cacheHandlers: true,
+        },
       )
 
       expect(root.cached).toBe(1)
@@ -554,8 +554,8 @@ describe('compiler: hoistStatic transform', () => {
       expect(
         generate(root, {
           mode: 'module',
-          prefixIdentifiers: true
-        }).code
+          prefixIdentifiers: true,
+        }).code,
       ).toMatchSnapshot()
     })
 
@@ -564,8 +564,8 @@ describe('compiler: hoistStatic transform', () => {
         `<div><div><div :class="{}" @click="foo"/></div></div>`,
         {
           prefixIdentifiers: true,
-          cacheHandlers: true
-        }
+          cacheHandlers: true,
+        },
       )
 
       expect(root.cached).toBe(1)
@@ -573,14 +573,14 @@ describe('compiler: hoistStatic transform', () => {
       expect(
         generate(root, {
           mode: 'module',
-          prefixIdentifiers: true
-        }).code
+          prefixIdentifiers: true,
+        }).code,
       ).toMatchSnapshot()
     })
 
     test('should NOT hoist keyed template v-for with plain element child', () => {
       const root = transformWithHoist(
-        `<div><template v-for="item in items" :key="item"><span/></template></div>`
+        `<div><template v-for="item in items" :key="item"><span/></template></div>`,
       )
       expect(root.hoists.length).toBe(0)
       expect(generate(root).code).toMatchSnapshot()
@@ -588,7 +588,7 @@ describe('compiler: hoistStatic transform', () => {
 
     test('should NOT hoist SVG with directives', () => {
       const root = transformWithHoist(
-        `<div><svg v-foo><path d="M2,3H5.5L12"/></svg></div>`
+        `<div><svg v-foo><path d="M2,3H5.5L12"/></svg></div>`,
       )
       expect(root.hoists.length).toBe(2)
       expect(generate(root).code).toMatchSnapshot()
diff --git a/packages/compiler-core/__tests__/transforms/noopDirectiveTransform.spec.ts b/packages/compiler-core/__tests__/transforms/noopDirectiveTransform.spec.ts
index 96a60bd1d42..e06262a18da 100644
--- a/packages/compiler-core/__tests__/transforms/noopDirectiveTransform.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/noopDirectiveTransform.spec.ts
@@ -3,7 +3,7 @@ import {
   transform,
   ElementNode,
   noopDirectiveTransform,
-  VNodeCall
+  VNodeCall,
 } from '../../src'
 import { transformElement } from '../../src/transforms/transformElement'
 
@@ -13,8 +13,8 @@ describe('compiler: noop directive transform', () => {
     transform(ast, {
       nodeTransforms: [transformElement],
       directiveTransforms: {
-        noop: noopDirectiveTransform
-      }
+        noop: noopDirectiveTransform,
+      },
     })
     const node = ast.children[0] as ElementNode
     // As v-noop adds no properties the codegen should be identical to
diff --git a/packages/compiler-core/__tests__/transforms/transformElement.spec.ts b/packages/compiler-core/__tests__/transforms/transformElement.spec.ts
index a1ae013a830..3e24e0aa759 100644
--- a/packages/compiler-core/__tests__/transforms/transformElement.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/transformElement.spec.ts
@@ -6,7 +6,7 @@ import {
   BindingTypes,
   NodeTransform,
   transformExpression,
-  baseCompile
+  baseCompile,
 } from '../../src'
 import {
   RESOLVE_COMPONENT,
@@ -23,14 +23,14 @@ import {
   NORMALIZE_CLASS,
   NORMALIZE_STYLE,
   NORMALIZE_PROPS,
-  GUARD_REACTIVE_PROPS
+  GUARD_REACTIVE_PROPS,
 } from '../../src/runtimeHelpers'
 import {
   NodeTypes,
   createObjectProperty,
   DirectiveNode,
   RootNode,
-  VNodeCall
+  VNodeCall,
 } from '../../src/ast'
 import { transformElement } from '../../src/transforms/transformElement'
 import { transformStyle } from '../../../compiler-dom/src/transforms/transformStyle'
@@ -42,7 +42,7 @@ import { transformText } from '../../src/transforms/transformText'
 
 function parseWithElementTransform(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ): {
   root: RootNode
   node: VNodeCall
@@ -52,14 +52,14 @@ function parseWithElementTransform(
   const ast = parse(`<div>${template}</div>`, options)
   transform(ast, {
     nodeTransforms: [transformElement, transformText],
-    ...options
+    ...options,
   })
   const codegenNode = (ast as any).children[0].children[0]
     .codegenNode as VNodeCall
   expect(codegenNode.type).toBe(NodeTypes.VNODE_CALL)
   return {
     root: ast,
-    node: codegenNode
+    node: codegenNode,
   }
 }
 
@@ -68,8 +68,8 @@ function parseWithBind(template: string, options?: CompilerOptions) {
     ...options,
     directiveTransforms: {
       ...options?.directiveTransforms,
-      bind: transformBind
-    }
+      bind: transformBind,
+    },
   })
 }
 
@@ -82,7 +82,7 @@ describe('compiler: element transform', () => {
 
   test('resolve implicitly self-referencing component', () => {
     const { root } = parseWithElementTransform(`<Example/>`, {
-      filename: `/foo/bar/Example.vue?vue&type=template`
+      filename: `/foo/bar/Example.vue?vue&type=template`,
     })
     expect(root.helpers).toContain(RESOLVE_COMPONENT)
     expect(root.components).toContain(`Example__self`)
@@ -91,8 +91,8 @@ describe('compiler: element transform', () => {
   test('resolve component from setup bindings', () => {
     const { root, node } = parseWithElementTransform(`<Example/>`, {
       bindingMetadata: {
-        Example: BindingTypes.SETUP_MAYBE_REF
-      }
+        Example: BindingTypes.SETUP_MAYBE_REF,
+      },
     })
     expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
     expect(node.tag).toBe(`$setup["Example"]`)
@@ -102,8 +102,8 @@ describe('compiler: element transform', () => {
     const { root, node } = parseWithElementTransform(`<Example/>`, {
       inline: true,
       bindingMetadata: {
-        Example: BindingTypes.SETUP_MAYBE_REF
-      }
+        Example: BindingTypes.SETUP_MAYBE_REF,
+      },
     })
     expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
     expect(node.tag).toBe(`_unref(Example)`)
@@ -113,8 +113,8 @@ describe('compiler: element transform', () => {
     const { root, node } = parseWithElementTransform(`<Example/>`, {
       inline: true,
       bindingMetadata: {
-        Example: BindingTypes.SETUP_CONST
-      }
+        Example: BindingTypes.SETUP_CONST,
+      },
     })
     expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
     expect(node.tag).toBe(`Example`)
@@ -123,8 +123,8 @@ describe('compiler: element transform', () => {
   test('resolve namespaced component from setup bindings', () => {
     const { root, node } = parseWithElementTransform(`<Foo.Example/>`, {
       bindingMetadata: {
-        Foo: BindingTypes.SETUP_MAYBE_REF
-      }
+        Foo: BindingTypes.SETUP_MAYBE_REF,
+      },
     })
     expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
     expect(node.tag).toBe(`$setup["Foo"].Example`)
@@ -134,8 +134,8 @@ describe('compiler: element transform', () => {
     const { root, node } = parseWithElementTransform(`<Foo.Example/>`, {
       inline: true,
       bindingMetadata: {
-        Foo: BindingTypes.SETUP_MAYBE_REF
-      }
+        Foo: BindingTypes.SETUP_MAYBE_REF,
+      },
     })
     expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
     expect(node.tag).toBe(`_unref(Foo).Example`)
@@ -145,8 +145,8 @@ describe('compiler: element transform', () => {
     const { root, node } = parseWithElementTransform(`<Foo.Example/>`, {
       inline: true,
       bindingMetadata: {
-        Foo: BindingTypes.SETUP_CONST
-      }
+        Foo: BindingTypes.SETUP_CONST,
+      },
     })
     expect(root.helpers).not.toContain(RESOLVE_COMPONENT)
     expect(node.tag).toBe(`Foo.Example`)
@@ -154,11 +154,11 @@ describe('compiler: element transform', () => {
 
   test('do not resolve component from non-script-setup bindings', () => {
     const bindingMetadata = {
-      Example: BindingTypes.SETUP_MAYBE_REF
+      Example: BindingTypes.SETUP_MAYBE_REF,
     }
     Object.defineProperty(bindingMetadata, '__isScriptSetup', { value: false })
     const { root } = parseWithElementTransform(`<Example/>`, {
-      bindingMetadata
+      bindingMetadata,
     })
     expect(root.helpers).toContain(RESOLVE_COMPONENT)
     expect(root.components).toContain(`Example`)
@@ -170,9 +170,9 @@ describe('compiler: element transform', () => {
       tag: `"div"`,
       props: createObjectMatcher({
         id: 'foo',
-        class: 'bar'
+        class: 'bar',
       }),
-      children: undefined
+      children: undefined,
     })
   })
 
@@ -182,7 +182,7 @@ describe('compiler: element transform', () => {
     expect(node).toMatchObject({
       tag: `"div"`,
       props: createObjectMatcher({
-        id: 'foo'
+        id: 'foo',
       }),
       children: [
         {
@@ -190,10 +190,10 @@ describe('compiler: element transform', () => {
           tag: 'span',
           codegenNode: {
             type: NodeTypes.VNODE_CALL,
-            tag: `"span"`
-          }
-        }
-      ]
+            tag: `"span"`,
+          },
+        },
+      ],
     })
   })
 
@@ -209,10 +209,10 @@ describe('compiler: element transform', () => {
           tag: 'span',
           codegenNode: {
             type: NodeTypes.VNODE_CALL,
-            tag: `"span"`
-          }
-        }
-      ]
+            tag: `"span"`,
+          },
+        },
+      ],
     })
   })
 
@@ -234,17 +234,17 @@ describe('compiler: element transform', () => {
           arguments: [
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: `obj`
-            }
-          ]
-        }
-      ]
+              content: `obj`,
+            },
+          ],
+        },
+      ],
     })
   })
 
   test('v-bind="obj" after static prop', () => {
     const { root, node } = parseWithElementTransform(
-      `<div id="foo" v-bind="obj" />`
+      `<div id="foo" v-bind="obj" />`,
     )
     expect(root.helpers).toContain(MERGE_PROPS)
 
@@ -253,19 +253,19 @@ describe('compiler: element transform', () => {
       callee: MERGE_PROPS,
       arguments: [
         createObjectMatcher({
-          id: 'foo'
+          id: 'foo',
         }),
         {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `obj`
-        }
-      ]
+          content: `obj`,
+        },
+      ],
     })
   })
 
   test('v-bind="obj" before static prop', () => {
     const { root, node } = parseWithElementTransform(
-      `<div v-bind="obj" id="foo" />`
+      `<div v-bind="obj" id="foo" />`,
     )
     expect(root.helpers).toContain(MERGE_PROPS)
 
@@ -275,18 +275,18 @@ describe('compiler: element transform', () => {
       arguments: [
         {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `obj`
+          content: `obj`,
         },
         createObjectMatcher({
-          id: 'foo'
-        })
-      ]
+          id: 'foo',
+        }),
+      ],
     })
   })
 
   test('v-bind="obj" between static props', () => {
     const { root, node } = parseWithElementTransform(
-      `<div id="foo" v-bind="obj" class="bar" />`
+      `<div id="foo" v-bind="obj" class="bar" />`,
     )
     expect(root.helpers).toContain(MERGE_PROPS)
 
@@ -295,22 +295,22 @@ describe('compiler: element transform', () => {
       callee: MERGE_PROPS,
       arguments: [
         createObjectMatcher({
-          id: 'foo'
+          id: 'foo',
         }),
         {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `obj`
+          content: `obj`,
         },
         createObjectMatcher({
-          class: 'bar'
-        })
-      ]
+          class: 'bar',
+        }),
+      ],
     })
   })
 
   test('v-on="obj"', () => {
     const { root, node } = parseWithElementTransform(
-      `<div id="foo" v-on="obj" class="bar" />`
+      `<div id="foo" v-on="obj" class="bar" />`,
     )
     expect(root.helpers).toContain(MERGE_PROPS)
 
@@ -319,7 +319,7 @@ describe('compiler: element transform', () => {
       callee: MERGE_PROPS,
       arguments: [
         createObjectMatcher({
-          id: 'foo'
+          id: 'foo',
         }),
         {
           type: NodeTypes.JS_CALL_EXPRESSION,
@@ -327,21 +327,21 @@ describe('compiler: element transform', () => {
           arguments: [
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: `obj`
+              content: `obj`,
             },
-            `true`
-          ]
+            `true`,
+          ],
         },
         createObjectMatcher({
-          class: 'bar'
-        })
-      ]
+          class: 'bar',
+        }),
+      ],
     })
   })
 
   test('v-on="obj" on component', () => {
     const { root, node } = parseWithElementTransform(
-      `<Foo id="foo" v-on="obj" class="bar" />`
+      `<Foo id="foo" v-on="obj" class="bar" />`,
     )
     expect(root.helpers).toContain(MERGE_PROPS)
 
@@ -350,7 +350,7 @@ describe('compiler: element transform', () => {
       callee: MERGE_PROPS,
       arguments: [
         createObjectMatcher({
-          id: 'foo'
+          id: 'foo',
         }),
         {
           type: NodeTypes.JS_CALL_EXPRESSION,
@@ -358,20 +358,20 @@ describe('compiler: element transform', () => {
           arguments: [
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: `obj`
-            }
-          ]
+              content: `obj`,
+            },
+          ],
         },
         createObjectMatcher({
-          class: 'bar'
-        })
-      ]
+          class: 'bar',
+        }),
+      ],
     })
   })
 
   test('v-on="obj" + v-bind="obj"', () => {
     const { root, node } = parseWithElementTransform(
-      `<div id="foo" v-on="handlers" v-bind="obj" />`
+      `<div id="foo" v-on="handlers" v-bind="obj" />`,
     )
     expect(root.helpers).toContain(MERGE_PROPS)
 
@@ -380,7 +380,7 @@ describe('compiler: element transform', () => {
       callee: MERGE_PROPS,
       arguments: [
         createObjectMatcher({
-          id: 'foo'
+          id: 'foo',
         }),
         {
           type: NodeTypes.JS_CALL_EXPRESSION,
@@ -388,16 +388,16 @@ describe('compiler: element transform', () => {
           arguments: [
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: `handlers`
+              content: `handlers`,
             },
-            `true`
-          ]
+            `true`,
+          ],
         },
         {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `obj`
-        }
-      ]
+          content: `obj`,
+        },
+      ],
     })
   })
 
@@ -407,15 +407,15 @@ describe('compiler: element transform', () => {
     expect(node).toMatchObject({
       tag: `"template"`,
       props: createObjectMatcher({
-        id: 'foo'
-      })
+        id: 'foo',
+      }),
     })
   })
 
   test('should handle <Teleport> with normal children', () => {
     function assert(tag: string) {
       const { root, node } = parseWithElementTransform(
-        `<${tag} target="#foo"><span /></${tag}>`
+        `<${tag} target="#foo"><span /></${tag}>`,
       )
       expect(root.components.length).toBe(0)
       expect(root.helpers).toContain(TELEPORT)
@@ -423,7 +423,7 @@ describe('compiler: element transform', () => {
       expect(node).toMatchObject({
         tag: TELEPORT,
         props: createObjectMatcher({
-          target: '#foo'
+          target: '#foo',
         }),
         children: [
           {
@@ -431,10 +431,10 @@ describe('compiler: element transform', () => {
             tag: 'span',
             codegenNode: {
               type: NodeTypes.VNODE_CALL,
-              tag: `"span"`
-            }
-          }
-        ]
+              tag: `"span"`,
+            },
+          },
+        ],
       })
     }
 
@@ -445,7 +445,7 @@ describe('compiler: element transform', () => {
   test('should handle <Suspense>', () => {
     function assert(tag: string, content: string, hasFallback?: boolean) {
       const { root, node } = parseWithElementTransform(
-        `<${tag}>${content}</${tag}>`
+        `<${tag}>${content}</${tag}>`,
       )
       expect(root.components.length).toBe(0)
       expect(root.helpers).toContain(SUSPENSE)
@@ -456,19 +456,19 @@ describe('compiler: element transform', () => {
         children: hasFallback
           ? createObjectMatcher({
               default: {
-                type: NodeTypes.JS_FUNCTION_EXPRESSION
+                type: NodeTypes.JS_FUNCTION_EXPRESSION,
               },
               fallback: {
-                type: NodeTypes.JS_FUNCTION_EXPRESSION
+                type: NodeTypes.JS_FUNCTION_EXPRESSION,
               },
-              _: `[1 /* STABLE */]`
+              _: `[1 /* STABLE */]`,
             })
           : createObjectMatcher({
               default: {
-                type: NodeTypes.JS_FUNCTION_EXPRESSION
+                type: NodeTypes.JS_FUNCTION_EXPRESSION,
               },
-              _: `[1 /* STABLE */]`
-            })
+              _: `[1 /* STABLE */]`,
+            }),
       })
     }
 
@@ -477,7 +477,7 @@ describe('compiler: element transform', () => {
     assert(
       `suspense`,
       `<template #default>foo</template><template #fallback>fallback</template>`,
-      true
+      true,
     )
   })
 
@@ -485,7 +485,7 @@ describe('compiler: element transform', () => {
     function assert(tag: string) {
       const root = parse(`<div><${tag}><span /></${tag}></div>`)
       transform(root, {
-        nodeTransforms: [transformElement, transformText]
+        nodeTransforms: [transformElement, transformText],
       })
       expect(root.components.length).toBe(0)
       expect(root.helpers).toContain(KEEP_ALIVE)
@@ -498,7 +498,7 @@ describe('compiler: element transform', () => {
         // keep-alive should not compile content to slots
         children: [{ type: NodeTypes.ELEMENT, tag: 'span' }],
         // should get a dynamic slots flag to force updates
-        patchFlag: genFlagText(PatchFlags.DYNAMIC_SLOTS)
+        patchFlag: genFlagText(PatchFlags.DYNAMIC_SLOTS),
       })
     }
 
@@ -509,7 +509,7 @@ describe('compiler: element transform', () => {
   test('should handle <BaseTransition>', () => {
     function assert(tag: string) {
       const { root, node } = parseWithElementTransform(
-        `<${tag}><span /></${tag}>`
+        `<${tag}><span /></${tag}>`,
       )
       expect(root.components.length).toBe(0)
       expect(root.helpers).toContain(BASE_TRANSITION)
@@ -519,10 +519,10 @@ describe('compiler: element transform', () => {
         props: undefined,
         children: createObjectMatcher({
           default: {
-            type: NodeTypes.JS_FUNCTION_EXPRESSION
+            type: NodeTypes.JS_FUNCTION_EXPRESSION,
           },
-          _: `[1 /* STABLE */]`
-        })
+          _: `[1 /* STABLE */]`,
+        }),
       })
     }
 
@@ -535,8 +535,8 @@ describe('compiler: element transform', () => {
     parseWithElementTransform(`<div v-bind/>`, { onError })
     expect(onError.mock.calls[0]).toMatchObject([
       {
-        code: ErrorCodes.X_V_BIND_NO_EXPRESSION
-      }
+        code: ErrorCodes.X_V_BIND_NO_EXPRESSION,
+      },
     ])
   })
 
@@ -547,10 +547,10 @@ describe('compiler: element transform', () => {
         foo(dir) {
           _dir = dir
           return {
-            props: [createObjectProperty(dir.arg!, dir.exp!)]
+            props: [createObjectProperty(dir.arg!, dir.exp!)],
           }
-        }
-      }
+        },
+      },
     })
 
     expect(node.props).toMatchObject({
@@ -559,9 +559,9 @@ describe('compiler: element transform', () => {
         {
           type: NodeTypes.JS_PROPERTY,
           key: _dir!.arg,
-          value: _dir!.exp
-        }
-      ]
+          value: _dir!.exp,
+        },
+      ],
     })
     // should factor in props returned by custom directive transforms
     // in patchFlag analysis
@@ -577,11 +577,11 @@ describe('compiler: element transform', () => {
           foo() {
             return {
               props: [],
-              needRuntime: true
+              needRuntime: true,
             }
-          }
-        }
-      }
+          },
+        },
+      },
     )
     expect(root.helpers).toContain(RESOLVE_DIRECTIVE)
     expect(root.directives).toContain(`foo`)
@@ -601,18 +601,18 @@ describe('compiler: element transform', () => {
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
                 content: `hello`,
-                isStatic: false
+                isStatic: false,
               },
               // arg
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
                 content: `bar`,
-                isStatic: true
-              }
-            ]
-          }
-        ]
-      }
+                isStatic: true,
+              },
+            ],
+          },
+        ],
+      },
     })
   })
 
@@ -624,24 +624,24 @@ describe('compiler: element transform', () => {
           foo() {
             return {
               props: [],
-              needRuntime: CREATE_VNODE
+              needRuntime: CREATE_VNODE,
             }
-          }
-        }
-      }
+          },
+        },
+      },
     )
 
     expect(root.helpers).toContain(CREATE_VNODE)
     expect(root.helpers).not.toContain(RESOLVE_DIRECTIVE)
     expect(root.directives.length).toBe(0)
     expect(node.directives!.elements[0].elements[0]).toBe(
-      `_${helperNameMap[CREATE_VNODE]}`
+      `_${helperNameMap[CREATE_VNODE]}`,
     )
   })
 
   test('runtime directives', () => {
     const { root, node } = parseWithElementTransform(
-      `<div v-foo v-bar="x" v-baz:[arg].mod.mad="y" />`
+      `<div v-foo v-bar="x" v-baz:[arg].mod.mad="y" />`,
     )
     expect(root.helpers).toContain(RESOLVE_DIRECTIVE)
     expect(root.directives).toContain(`foo`)
@@ -654,7 +654,7 @@ describe('compiler: element transform', () => {
         elements: [
           {
             type: NodeTypes.JS_ARRAY_EXPRESSION,
-            elements: [`_directive_foo`]
+            elements: [`_directive_foo`],
           },
           {
             type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -663,9 +663,9 @@ describe('compiler: element transform', () => {
               // exp
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
-                content: `x`
-              }
-            ]
+                content: `x`,
+              },
+            ],
           },
           {
             type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -675,13 +675,13 @@ describe('compiler: element transform', () => {
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
                 content: `y`,
-                isStatic: false
+                isStatic: false,
               },
               // arg
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
                 content: `arg`,
-                isStatic: false
+                isStatic: false,
               },
               // modifiers
               {
@@ -692,33 +692,33 @@ describe('compiler: element transform', () => {
                     key: {
                       type: NodeTypes.SIMPLE_EXPRESSION,
                       content: `mod`,
-                      isStatic: true
+                      isStatic: true,
                     },
                     value: {
                       type: NodeTypes.SIMPLE_EXPRESSION,
                       content: `true`,
-                      isStatic: false
-                    }
+                      isStatic: false,
+                    },
                   },
                   {
                     type: NodeTypes.JS_PROPERTY,
                     key: {
                       type: NodeTypes.SIMPLE_EXPRESSION,
                       content: `mad`,
-                      isStatic: true
+                      isStatic: true,
                     },
                     value: {
                       type: NodeTypes.SIMPLE_EXPRESSION,
                       content: `true`,
-                      isStatic: false
-                    }
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      }
+                      isStatic: false,
+                    },
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
     })
   })
 
@@ -727,9 +727,9 @@ describe('compiler: element transform', () => {
       `<div @click.foo="a" @click.bar="b" />`,
       {
         directiveTransforms: {
-          on: transformOn
-        }
-      }
+          on: transformOn,
+        },
+      },
     )
     expect(node.props).toMatchObject({
       type: NodeTypes.JS_OBJECT_EXPRESSION,
@@ -739,7 +739,7 @@ describe('compiler: element transform', () => {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `onClick`,
-            isStatic: true
+            isStatic: true,
           },
           value: {
             type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -747,17 +747,17 @@ describe('compiler: element transform', () => {
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
                 content: `a`,
-                isStatic: false
+                isStatic: false,
               },
               {
                 type: NodeTypes.SIMPLE_EXPRESSION,
                 content: `b`,
-                isStatic: false
-              }
-            ]
-          }
-        }
-      ]
+                isStatic: false,
+              },
+            ],
+          },
+        },
+      ],
     })
   })
 
@@ -767,9 +767,9 @@ describe('compiler: element transform', () => {
       {
         nodeTransforms: [transformStyle, transformElement],
         directiveTransforms: {
-          bind: transformBind
-        }
-      }
+          bind: transformBind,
+        },
+      },
     )
     expect(root.helpers).toContain(NORMALIZE_STYLE)
     expect(node.props).toMatchObject({
@@ -780,7 +780,7 @@ describe('compiler: element transform', () => {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `style`,
-            isStatic: true
+            isStatic: true,
           },
           value: {
             type: NodeTypes.JS_CALL_EXPRESSION,
@@ -792,19 +792,19 @@ describe('compiler: element transform', () => {
                   {
                     type: NodeTypes.SIMPLE_EXPRESSION,
                     content: `{"color":"green"}`,
-                    isStatic: false
+                    isStatic: false,
                   },
                   {
                     type: NodeTypes.SIMPLE_EXPRESSION,
                     content: `{ color: 'red' }`,
-                    isStatic: false
-                  }
-                ]
-              }
-            ]
-          }
-        }
-      ]
+                    isStatic: false,
+                  },
+                ],
+              },
+            ],
+          },
+        },
+      ],
     })
   })
 
@@ -814,10 +814,10 @@ describe('compiler: element transform', () => {
       {
         nodeTransforms: [transformExpression, transformStyle, transformElement],
         directiveTransforms: {
-          bind: transformBind
+          bind: transformBind,
         },
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     expect(root.helpers).toContain(NORMALIZE_STYLE)
     expect(node.props).toMatchObject({
@@ -828,14 +828,14 @@ describe('compiler: element transform', () => {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `style`,
-            isStatic: true
+            isStatic: true,
           },
           value: {
             type: NodeTypes.JS_CALL_EXPRESSION,
-            callee: NORMALIZE_STYLE
-          }
-        }
-      ]
+            callee: NORMALIZE_STYLE,
+          },
+        },
+      ],
     })
   })
 
@@ -845,10 +845,10 @@ describe('compiler: element transform', () => {
       {
         nodeTransforms: [transformExpression, transformStyle, transformElement],
         directiveTransforms: {
-          bind: transformBind
+          bind: transformBind,
         },
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     expect(root.helpers).toContain(NORMALIZE_STYLE)
     expect(node.props).toMatchObject({
@@ -859,14 +859,14 @@ describe('compiler: element transform', () => {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `style`,
-            isStatic: true
+            isStatic: true,
           },
           value: {
             type: NodeTypes.JS_CALL_EXPRESSION,
-            callee: NORMALIZE_STYLE
-          }
-        }
-      ]
+            callee: NORMALIZE_STYLE,
+          },
+        },
+      ],
     })
   })
 
@@ -875,9 +875,9 @@ describe('compiler: element transform', () => {
       `<div class="foo" :class="{ bar: isBar }" />`,
       {
         directiveTransforms: {
-          bind: transformBind
-        }
-      }
+          bind: transformBind,
+        },
+      },
     )
     expect(root.helpers).toContain(NORMALIZE_CLASS)
     expect(node.props).toMatchObject({
@@ -888,7 +888,7 @@ describe('compiler: element transform', () => {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `class`,
-            isStatic: true
+            isStatic: true,
           },
           value: {
             type: NodeTypes.JS_CALL_EXPRESSION,
@@ -900,19 +900,19 @@ describe('compiler: element transform', () => {
                   {
                     type: NodeTypes.SIMPLE_EXPRESSION,
                     content: `foo`,
-                    isStatic: true
+                    isStatic: true,
                   },
                   {
                     type: NodeTypes.SIMPLE_EXPRESSION,
                     content: `{ bar: isBar }`,
-                    isStatic: false
-                  }
-                ]
-              }
-            ]
-          }
-        }
-      ]
+                    isStatic: false,
+                  },
+                ],
+              },
+            ],
+          },
+        },
+      ],
     })
   })
 
@@ -947,10 +947,10 @@ describe('compiler: element transform', () => {
 
     test('CLASS + STYLE + PROPS', () => {
       const { node } = parseWithBind(
-        `<div id="foo" :class="cls" :style="styl" :foo="bar" :baz="qux"/>`
+        `<div id="foo" :class="cls" :style="styl" :foo="bar" :baz="qux"/>`,
       )
       expect(node.patchFlag).toBe(
-        genFlagText([PatchFlags.CLASS, PatchFlags.STYLE, PatchFlags.PROPS])
+        genFlagText([PatchFlags.CLASS, PatchFlags.STYLE, PatchFlags.PROPS]),
       )
       expect(node.dynamicProps).toBe(`["foo", "baz"]`)
     })
@@ -958,7 +958,7 @@ describe('compiler: element transform', () => {
     // should treat `class` and `style` as PROPS
     test('PROPS on component', () => {
       const { node } = parseWithBind(
-        `<Foo :id="foo" :class="cls" :style="styl" />`
+        `<Foo :id="foo" :class="cls" :style="styl" />`,
       )
       expect(node.patchFlag).toBe(genFlagText(PatchFlags.PROPS))
       expect(node.dynamicProps).toBe(`["id", "class", "style"]`)
@@ -976,7 +976,7 @@ describe('compiler: element transform', () => {
 
     test('FULL_PROPS (w/ others)', () => {
       const { node } = parseWithBind(
-        `<div id="foo" v-bind="bar" :class="cls" />`
+        `<div id="foo" v-bind="bar" :class="cls" />`,
       )
       expect(node.patchFlag).toBe(genFlagText(PatchFlags.FULL_PROPS))
     })
@@ -999,7 +999,7 @@ describe('compiler: element transform', () => {
     test('NEED_PATCH (vnode hooks)', () => {
       const root = baseCompile(`<div @vue:updated="foo" />`, {
         prefixIdentifiers: true,
-        cacheHandlers: true
+        cacheHandlers: true,
       }).ast
       const node = (root as any).children[0].codegenNode
       expect(node.patchFlag).toBe(genFlagText(PatchFlags.NEED_PATCH))
@@ -1009,8 +1009,8 @@ describe('compiler: element transform', () => {
       const { node } = parseWithElementTransform(`<input ref="input"/>`, {
         inline: true,
         bindingMetadata: {
-          input: BindingTypes.SETUP_REF
-        }
+          input: BindingTypes.SETUP_REF,
+        },
       })
       expect(node.props).toMatchObject({
         type: NodeTypes.JS_OBJECT_EXPRESSION,
@@ -1019,31 +1019,31 @@ describe('compiler: element transform', () => {
             type: NodeTypes.JS_PROPERTY,
             key: {
               content: 'ref_key',
-              isStatic: true
+              isStatic: true,
             },
             value: {
               content: 'input',
-              isStatic: true
-            }
+              isStatic: true,
+            },
           },
           {
             type: NodeTypes.JS_PROPERTY,
             key: {
               content: 'ref',
-              isStatic: true
+              isStatic: true,
             },
             value: {
               content: 'input',
-              isStatic: false
-            }
-          }
-        ]
+              isStatic: false,
+            },
+          },
+        ],
       })
     })
 
     test('script setup inline mode template ref (binding does not exist)', () => {
       const { node } = parseWithElementTransform(`<input ref="input"/>`, {
-        inline: true
+        inline: true,
       })
       expect(node.props).toMatchObject({
         type: NodeTypes.JS_OBJECT_EXPRESSION,
@@ -1052,14 +1052,14 @@ describe('compiler: element transform', () => {
             type: NodeTypes.JS_PROPERTY,
             key: {
               content: 'ref',
-              isStatic: true
+              isStatic: true,
             },
             value: {
               content: 'input',
-              isStatic: true
-            }
-          }
-        ]
+              isStatic: true,
+            },
+          },
+        ],
       })
     })
 
@@ -1068,8 +1068,8 @@ describe('compiler: element transform', () => {
         inline: true,
         bindingMetadata: {
           msg: BindingTypes.PROPS,
-          ref: BindingTypes.SETUP_CONST
-        }
+          ref: BindingTypes.SETUP_CONST,
+        },
       })
       expect(node.props).toMatchObject({
         type: NodeTypes.JS_OBJECT_EXPRESSION,
@@ -1078,14 +1078,14 @@ describe('compiler: element transform', () => {
             type: NodeTypes.JS_PROPERTY,
             key: {
               content: 'ref',
-              isStatic: true
+              isStatic: true,
             },
             value: {
               content: 'msg',
-              isStatic: true
-            }
-          }
-        ]
+              isStatic: true,
+            },
+          },
+        ],
       })
     })
 
@@ -1093,8 +1093,8 @@ describe('compiler: element transform', () => {
       // ignore click events (has dedicated fast path)
       const { node } = parseWithElementTransform(`<div @click="foo" />`, {
         directiveTransforms: {
-          on: transformOn
-        }
+          on: transformOn,
+        },
       })
       // should only have props flag
       expect(node.patchFlag).toBe(genFlagText(PatchFlags.PROPS))
@@ -1103,12 +1103,12 @@ describe('compiler: element transform', () => {
         `<div @keyup="foo" />`,
         {
           directiveTransforms: {
-            on: transformOn
-          }
-        }
+            on: transformOn,
+          },
+        },
       )
       expect(node2.patchFlag).toBe(
-        genFlagText([PatchFlags.PROPS, PatchFlags.HYDRATE_EVENTS])
+        genFlagText([PatchFlags.PROPS, PatchFlags.HYDRATE_EVENTS]),
       )
     })
 
@@ -1118,12 +1118,12 @@ describe('compiler: element transform', () => {
         `<component :is="foo" @input="foo" />`,
         {
           directiveTransforms: {
-            on: transformOn
-          }
-        }
+            on: transformOn,
+          },
+        },
       )
       expect(node.patchFlag).toBe(
-        genFlagText([PatchFlags.PROPS, PatchFlags.HYDRATE_EVENTS])
+        genFlagText([PatchFlags.PROPS, PatchFlags.HYDRATE_EVENTS]),
       )
     })
   })
@@ -1140,10 +1140,10 @@ describe('compiler: element transform', () => {
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: 'foo',
-              isStatic: true
-            }
-          ]
-        }
+              isStatic: true,
+            },
+          ],
+        },
       })
     })
 
@@ -1158,10 +1158,10 @@ describe('compiler: element transform', () => {
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: 'foo',
-              isStatic: true
-            }
-          ]
-        }
+              isStatic: true,
+            },
+          ],
+        },
       })
     })
 
@@ -1176,10 +1176,10 @@ describe('compiler: element transform', () => {
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: 'foo',
-              isStatic: false
-            }
-          ]
-        }
+              isStatic: false,
+            },
+          ],
+        },
       })
     })
 
@@ -1194,12 +1194,12 @@ describe('compiler: element transform', () => {
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: `'foo'`,
-              isStatic: false
-            }
-          ]
+              isStatic: false,
+            },
+          ],
         },
         // should skip v-is runtime check
-        directives: undefined
+        directives: undefined,
       })
       expect('v-is="component-name" has been deprecated').toHaveBeenWarned()
     })
@@ -1207,12 +1207,12 @@ describe('compiler: element transform', () => {
     // #3934
     test('normal component with is prop', () => {
       const { node, root } = parseWithBind(`<custom-input is="foo" />`, {
-        isNativeTag: () => false
+        isNativeTag: () => false,
       })
       expect(root.helpers).toContain(RESOLVE_COMPONENT)
       expect(root.helpers).not.toContain(RESOLVE_DYNAMIC_COMPONENT)
       expect(node).toMatchObject({
-        tag: '_component_custom_input'
+        tag: '_component_custom_input',
       })
     })
   })
@@ -1220,12 +1220,12 @@ describe('compiler: element transform', () => {
   test('<svg> should be forced into blocks', () => {
     const ast = parse(`<div><svg/></div>`)
     transform(ast, {
-      nodeTransforms: [transformElement]
+      nodeTransforms: [transformElement],
     })
     expect((ast as any).children[0].children[0].codegenNode).toMatchObject({
       type: NodeTypes.VNODE_CALL,
       tag: `"svg"`,
-      isBlock: true
+      isBlock: true,
     })
   })
 
@@ -1237,7 +1237,7 @@ describe('compiler: element transform', () => {
   test('force block for inline before-update handlers w/ children', () => {
     expect(
       parseWithElementTransform(`<div @vue:before-update>hello</div>`).node
-        .isBlock
+        .isBlock,
     ).toBe(true)
   })
 
@@ -1245,12 +1245,12 @@ describe('compiler: element transform', () => {
   test('element with dynamic keys should be forced into blocks', () => {
     const ast = parse(`<div><div :key="foo" /></div>`)
     transform(ast, {
-      nodeTransforms: [transformElement]
+      nodeTransforms: [transformElement],
     })
     expect((ast as any).children[0].children[0].codegenNode).toMatchObject({
       type: NodeTypes.VNODE_CALL,
       tag: `"div"`,
-      isBlock: true
+      isBlock: true,
     })
   })
 
@@ -1265,23 +1265,23 @@ describe('compiler: element transform', () => {
             prop.type === NodeTypes.ATTRIBUTE &&
             prop.name === 'id' &&
             prop.value &&
-            prop.value.content === 'foo'
+            prop.value.content === 'foo',
         )
       ) {
         context.replaceNode({
           ...node,
-          tag: 'span'
+          tag: 'span',
         })
       }
     }
     const ast = parse(`<div><div id="foo" /></div>`)
     transform(ast, {
-      nodeTransforms: [transformElement, transformText, customNodeTransform]
+      nodeTransforms: [transformElement, transformText, customNodeTransform],
     })
     expect((ast as any).children[0].children[0].codegenNode).toMatchObject({
       type: NodeTypes.VNODE_CALL,
       tag: '"span"',
-      isBlock: false
+      isBlock: false,
     })
   })
 })
diff --git a/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts b/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts
index 686794c23ab..4cd4c26c5f2 100644
--- a/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/transformExpressions.spec.ts
@@ -8,7 +8,7 @@ import {
   InterpolationNode,
   ConstantTypes,
   BindingTypes,
-  baseCompile
+  baseCompile,
 } from '../../src'
 import { transformIf } from '../../src/transforms/vIf'
 import { transformExpression } from '../../src/transforms/transformExpression'
@@ -16,13 +16,13 @@ import { PatchFlagNames, PatchFlags } from '../../../shared/src'
 
 function parseWithExpressionTransform(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ) {
   const ast = parse(template)
   transform(ast, {
     prefixIdentifiers: true,
     nodeTransforms: [transformIf, transformExpression],
-    ...options
+    ...options,
   })
   return ast.children[0]
 }
@@ -32,7 +32,7 @@ describe('compiler: expression transform', () => {
     const node = parseWithExpressionTransform(`{{ foo }}`) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `_ctx.foo`
+      content: `_ctx.foo`,
     })
   })
 
@@ -40,34 +40,34 @@ describe('compiler: expression transform', () => {
     const node = parseWithExpressionTransform(`{{}}`) as InterpolationNode
     const node2 = parseWithExpressionTransform(`{{ }}`) as InterpolationNode
     const node3 = parseWithExpressionTransform(
-      `<div>{{ }}</div>`
+      `<div>{{ }}</div>`,
     ) as ElementNode
 
     const objectToBeMatched = {
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: ``
+      content: ``,
     }
     expect(node.content).toMatchObject(objectToBeMatched)
     expect(node2.content).toMatchObject(objectToBeMatched)
     expect((node3.children[0] as InterpolationNode).content).toMatchObject(
-      objectToBeMatched
+      objectToBeMatched,
     )
   })
 
   test('interpolation (children)', () => {
     const el = parseWithExpressionTransform(
-      `<div>{{ foo }}</div>`
+      `<div>{{ foo }}</div>`,
     ) as ElementNode
     const node = el.children[0] as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `_ctx.foo`
+      content: `_ctx.foo`,
     })
   })
 
   test('interpolation (complex)', () => {
     const el = parseWithExpressionTransform(
-      `<div>{{ foo + bar(baz.qux) }}</div>`
+      `<div>{{ foo + bar(baz.qux) }}</div>`,
     ) as ElementNode
     const node = el.children[0] as InterpolationNode
     expect(node.content).toMatchObject({
@@ -80,46 +80,46 @@ describe('compiler: expression transform', () => {
         { content: `_ctx.baz` },
         `.`,
         { content: `qux` },
-        `)`
-      ]
+        `)`,
+      ],
     })
   })
 
   test('directive value', () => {
     const node = parseWithExpressionTransform(
-      `<div v-foo:arg="baz"/>`
+      `<div v-foo:arg="baz"/>`,
     ) as ElementNode
     const arg = (node.props[0] as DirectiveNode).arg!
     expect(arg).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `arg`
+      content: `arg`,
     })
     const exp = (node.props[0] as DirectiveNode).exp!
     expect(exp).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `_ctx.baz`
+      content: `_ctx.baz`,
     })
   })
 
   test('dynamic directive arg', () => {
     const node = parseWithExpressionTransform(
-      `<div v-foo:[arg]="baz"/>`
+      `<div v-foo:[arg]="baz"/>`,
     ) as ElementNode
     const arg = (node.props[0] as DirectiveNode).arg!
     expect(arg).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `_ctx.arg`
+      content: `_ctx.arg`,
     })
     const exp = (node.props[0] as DirectiveNode).exp!
     expect(exp).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `_ctx.baz`
+      content: `_ctx.baz`,
     })
   })
 
   test('should prefix complex expressions', () => {
     const node = parseWithExpressionTransform(
-      `{{ foo(baz + 1, { key: kuz }) }}`
+      `{{ foo(baz + 1, { key: kuz }) }}`,
     ) as InterpolationNode
     // should parse into compound expression
     expect(node.content).toMatchObject({
@@ -132,14 +132,14 @@ describe('compiler: expression transform', () => {
             start: {
               offset: 3,
               line: 1,
-              column: 4
+              column: 4,
             },
             end: {
               offset: 6,
               line: 1,
-              column: 7
-            }
-          }
+              column: 7,
+            },
+          },
         },
         `(`,
         {
@@ -149,14 +149,14 @@ describe('compiler: expression transform', () => {
             start: {
               offset: 7,
               line: 1,
-              column: 8
+              column: 8,
             },
             end: {
               offset: 10,
               line: 1,
-              column: 11
-            }
-          }
+              column: 11,
+            },
+          },
         },
         ` + 1, { key: `,
         {
@@ -166,38 +166,38 @@ describe('compiler: expression transform', () => {
             start: {
               offset: 23,
               line: 1,
-              column: 24
+              column: 24,
             },
             end: {
               offset: 26,
               line: 1,
-              column: 27
-            }
-          }
+              column: 27,
+            },
+          },
         },
-        ` })`
-      ]
+        ` })`,
+      ],
     })
   })
 
   test('should not prefix whitelisted globals', () => {
     const node = parseWithExpressionTransform(
-      `{{ Math.max(1, 2) }}`
+      `{{ Math.max(1, 2) }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
-      children: [{ content: `Math` }, `.`, { content: `max` }, `(1, 2)`]
+      children: [{ content: `Math` }, `.`, { content: `max` }, `(1, 2)`],
     })
   })
 
   test('should not prefix reserved literals', () => {
     function assert(exp: string) {
       const node = parseWithExpressionTransform(
-        `{{ ${exp} }}`
+        `{{ ${exp} }}`,
       ) as InterpolationNode
       expect(node.content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: exp
+        content: exp,
       })
     }
     assert(`true`)
@@ -208,7 +208,7 @@ describe('compiler: expression transform', () => {
 
   test('should not prefix id of a function declaration', () => {
     const node = parseWithExpressionTransform(
-      `{{ function foo() { return bar } }}`
+      `{{ function foo() { return bar } }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -217,14 +217,14 @@ describe('compiler: expression transform', () => {
         { content: `foo` },
         `() { return `,
         { content: `_ctx.bar` },
-        ` }`
-      ]
+        ` }`,
+      ],
     })
   })
 
   test('should not prefix params of a function expression', () => {
     const node = parseWithExpressionTransform(
-      `{{ foo => foo + bar }}`
+      `{{ foo => foo + bar }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -233,14 +233,14 @@ describe('compiler: expression transform', () => {
         ` => `,
         { content: `foo` },
         ` + `,
-        { content: `_ctx.bar` }
-      ]
+        { content: `_ctx.bar` },
+      ],
     })
   })
 
   test('should prefix default value of a function expression param', () => {
     const node = parseWithExpressionTransform(
-      `{{ (foo = baz) => foo + bar }}`
+      `{{ (foo = baz) => foo + bar }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -252,14 +252,14 @@ describe('compiler: expression transform', () => {
         `) => `,
         { content: `foo` },
         ` + `,
-        { content: `_ctx.bar` }
-      ]
+        { content: `_ctx.bar` },
+      ],
     })
   })
 
   test('should not prefix function param destructuring', () => {
     const node = parseWithExpressionTransform(
-      `{{ ({ foo }) => foo + bar }}`
+      `{{ ({ foo }) => foo + bar }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -269,14 +269,14 @@ describe('compiler: expression transform', () => {
         ` }) => `,
         { content: `foo` },
         ` + `,
-        { content: `_ctx.bar` }
-      ]
+        { content: `_ctx.bar` },
+      ],
     })
   })
 
   test('function params should not affect out of scope identifiers', () => {
     const node = parseWithExpressionTransform(
-      `{{ { a: foo => foo, b: foo } }}`
+      `{{ { a: foo => foo, b: foo } }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -287,14 +287,14 @@ describe('compiler: expression transform', () => {
         { content: `foo` },
         `, b: `,
         { content: `_ctx.foo` },
-        ` }`
-      ]
+        ` }`,
+      ],
     })
   })
 
   test('should prefix default value of function param destructuring', () => {
     const node = parseWithExpressionTransform(
-      `{{ ({ foo = bar }) => foo + bar }}`
+      `{{ ({ foo = bar }) => foo + bar }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -306,13 +306,13 @@ describe('compiler: expression transform', () => {
         ` }) => `,
         { content: `foo` },
         ` + `,
-        { content: `_ctx.bar` }
-      ]
+        { content: `_ctx.bar` },
+      ],
     })
   })
   test('should not prefix an object property key', () => {
     const node = parseWithExpressionTransform(
-      `{{ { foo() { baz() }, value: bar } }}`
+      `{{ { foo() { baz() }, value: bar } }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -321,24 +321,24 @@ describe('compiler: expression transform', () => {
         { content: `_ctx.baz` },
         `() }, value: `,
         { content: `_ctx.bar` },
-        ` }`
-      ]
+        ` }`,
+      ],
     })
   })
 
   test('should not duplicate object key with same name as value', () => {
     const node = parseWithExpressionTransform(
-      `{{ { foo: foo } }}`
+      `{{ { foo: foo } }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
-      children: [`{ foo: `, { content: `_ctx.foo` }, ` }`]
+      children: [`{ foo: `, { content: `_ctx.foo` }, ` }`],
     })
   })
 
   test('should prefix a computed object property key', () => {
     const node = parseWithExpressionTransform(
-      `{{ { [foo]: bar } }}`
+      `{{ { [foo]: bar } }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -347,24 +347,24 @@ describe('compiler: expression transform', () => {
         { content: `_ctx.foo` },
         `]: `,
         { content: `_ctx.bar` },
-        ` }`
-      ]
+        ` }`,
+      ],
     })
   })
 
   test('should prefix object property shorthand value', () => {
     const node = parseWithExpressionTransform(
-      `{{ { foo } }}`
+      `{{ { foo } }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
-      children: [`{ foo: `, { content: `_ctx.foo` }, ` }`]
+      children: [`{ foo: `, { content: `_ctx.foo` }, ` }`],
     })
   })
 
   test('should not prefix id in a member expression', () => {
     const node = parseWithExpressionTransform(
-      `{{ foo.bar.baz }}`
+      `{{ foo.bar.baz }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -373,14 +373,14 @@ describe('compiler: expression transform', () => {
         `.`,
         { content: `bar` },
         `.`,
-        { content: `baz` }
-      ]
+        { content: `baz` },
+      ],
     })
   })
 
   test('should prefix computed id in a member expression', () => {
     const node = parseWithExpressionTransform(
-      `{{ foo[bar][baz] }}`
+      `{{ foo[bar][baz] }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -390,8 +390,8 @@ describe('compiler: expression transform', () => {
         { content: `_ctx.bar` },
         `][`,
         { content: '_ctx.baz' },
-        `]`
-      ]
+        `]`,
+      ],
     })
   })
 
@@ -399,23 +399,23 @@ describe('compiler: expression transform', () => {
     const onError = vi.fn()
     parseWithExpressionTransform(`{{ a( }}`, { onError })
     expect(onError.mock.calls[0][0].message).toMatch(
-      `Error parsing JavaScript expression: Unexpected token`
+      `Error parsing JavaScript expression: Unexpected token`,
     )
   })
 
   test('should prefix in assignment', () => {
     const node = parseWithExpressionTransform(
-      `{{ x = 1 }}`
+      `{{ x = 1 }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
-      children: [{ content: `_ctx.x` }, ` = 1`]
+      children: [{ content: `_ctx.x` }, ` = 1`],
     })
   })
 
   test('should prefix in assignment pattern', () => {
     const node = parseWithExpressionTransform(
-      `{{ { x, y: [z] } = obj }}`
+      `{{ { x, y: [z] } = obj }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
       type: NodeTypes.COMPOUND_EXPRESSION,
@@ -425,47 +425,47 @@ describe('compiler: expression transform', () => {
         `, y: [`,
         { content: `_ctx.z` },
         `] } = `,
-        { content: `_ctx.obj` }
-      ]
+        { content: `_ctx.obj` },
+      ],
     })
   })
 
   // #8295
   test('should treat floating point number literals as constant', () => {
     const node = parseWithExpressionTransform(
-      `{{ [1, 2.1] }}`
+      `{{ [1, 2.1] }}`,
     ) as InterpolationNode
     expect(node.content).toMatchObject({
-      constType: ConstantTypes.CAN_STRINGIFY
+      constType: ConstantTypes.CAN_STRINGIFY,
     })
   })
 
   describe('ES Proposals support', () => {
     test('bigInt', () => {
       const node = parseWithExpressionTransform(
-        `{{ 13000n }}`
+        `{{ 13000n }}`,
       ) as InterpolationNode
       expect(node.content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
         content: `13000n`,
         isStatic: false,
-        constType: ConstantTypes.CAN_STRINGIFY
+        constType: ConstantTypes.CAN_STRINGIFY,
       })
     })
 
     test('nullish coalescing', () => {
       const node = parseWithExpressionTransform(
-        `{{ a ?? b }}`
+        `{{ a ?? b }}`,
       ) as InterpolationNode
       expect(node.content).toMatchObject({
         type: NodeTypes.COMPOUND_EXPRESSION,
-        children: [{ content: `_ctx.a` }, ` ?? `, { content: `_ctx.b` }]
+        children: [{ content: `_ctx.a` }, ` ?? `, { content: `_ctx.b` }],
       })
     })
 
     test('optional chaining', () => {
       const node = parseWithExpressionTransform(
-        `{{ a?.b?.c }}`
+        `{{ a?.b?.c }}`,
       ) as InterpolationNode
       expect(node.content).toMatchObject({
         type: NodeTypes.COMPOUND_EXPRESSION,
@@ -474,8 +474,8 @@ describe('compiler: expression transform', () => {
           `?.`,
           { content: `b` },
           `?.`,
-          { content: `c` }
-        ]
+          { content: `c` },
+        ],
       })
     })
 
@@ -486,14 +486,18 @@ describe('compiler: expression transform', () => {
           [
             'pipelineOperator',
             {
-              proposal: 'minimal'
-            }
-          ]
-        ]
+              proposal: 'minimal',
+            },
+          ],
+        ],
       }) as InterpolationNode
       expect(node.content).toMatchObject({
         type: NodeTypes.COMPOUND_EXPRESSION,
-        children: [{ content: `_ctx.a` }, ` |> `, { content: `_ctx.uppercase` }]
+        children: [
+          { content: `_ctx.a` },
+          ` |> `,
+          { content: `_ctx.uppercase` },
+        ],
       })
     })
   })
@@ -506,23 +510,23 @@ describe('compiler: expression transform', () => {
       data: BindingTypes.DATA,
       options: BindingTypes.OPTIONS,
       reactive: BindingTypes.SETUP_REACTIVE_CONST,
-      literal: BindingTypes.LITERAL_CONST
+      literal: BindingTypes.LITERAL_CONST,
     }
 
     function compileWithBindingMetadata(
       template: string,
-      options?: CompilerOptions
+      options?: CompilerOptions,
     ) {
       return baseCompile(template, {
         prefixIdentifiers: true,
         bindingMetadata,
-        ...options
+        ...options,
       })
     }
 
     test('non-inline mode', () => {
       const { code } = compileWithBindingMetadata(
-        `<div>{{ props }} {{ setup }} {{ data }} {{ options }}</div>`
+        `<div>{{ props }} {{ setup }} {{ data }} {{ options }}</div>`,
       )
       expect(code).toMatch(`$props.props`)
       expect(code).toMatch(`$setup.setup`)
@@ -535,7 +539,7 @@ describe('compiler: expression transform', () => {
     test('inline mode', () => {
       const { code } = compileWithBindingMetadata(
         `<div>{{ props }} {{ setup }} {{ setupConst }} {{ data }} {{ options }}</div>`,
-        { inline: true }
+        { inline: true },
       )
       expect(code).toMatch(`__props.props`)
       expect(code).toMatch(`_unref(setup)`)
@@ -547,12 +551,12 @@ describe('compiler: expression transform', () => {
 
     test('literal const handling', () => {
       const { code } = compileWithBindingMetadata(`<div>{{ literal }}</div>`, {
-        inline: true
+        inline: true,
       })
       expect(code).toMatch(`toDisplayString(literal)`)
       // #7973 should skip patch for literal const
       expect(code).not.toMatch(
-        `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`
+        `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`,
       )
     })
 
@@ -561,17 +565,17 @@ describe('compiler: expression transform', () => {
       expect(code).toMatch(`toDisplayString($setup.literal)`)
       // #7973 should skip patch for literal const
       expect(code).not.toMatch(
-        `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`
+        `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`,
       )
     })
 
     test('reactive const handling', () => {
       const { code } = compileWithBindingMetadata(`<div>{{ reactive }}</div>`, {
-        inline: true
+        inline: true,
       })
       // #7973 should not skip patch for reactive const
       expect(code).toMatch(
-        `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`
+        `${PatchFlags.TEXT} /* ${PatchFlagNames[PatchFlags.TEXT]} */`,
       )
     })
   })
diff --git a/packages/compiler-core/__tests__/transforms/transformSlotOutlet.spec.ts b/packages/compiler-core/__tests__/transforms/transformSlotOutlet.spec.ts
index 72753d5237f..15cf0d11bb6 100644
--- a/packages/compiler-core/__tests__/transforms/transformSlotOutlet.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/transformSlotOutlet.spec.ts
@@ -4,7 +4,7 @@ import {
   transform,
   ElementNode,
   NodeTypes,
-  ErrorCodes
+  ErrorCodes,
 } from '../../src'
 import { transformElement } from '../../src/transforms/transformElement'
 import { transformOn } from '../../src/transforms/vOn'
@@ -19,13 +19,13 @@ function parseWithSlots(template: string, options: CompilerOptions = {}) {
     nodeTransforms: [
       ...(options.prefixIdentifiers ? [transformExpression] : []),
       transformSlotOutlet,
-      transformElement
+      transformElement,
     ],
     directiveTransforms: {
       on: transformOn,
-      bind: transformBind
+      bind: transformBind,
     },
-    ...options
+    ...options,
   })
   return ast
 }
@@ -36,7 +36,7 @@ describe('compiler: transform <slot> outlets', () => {
     expect((ast.children[0] as ElementNode).codegenNode).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: RENDER_SLOT,
-      arguments: [`$slots`, `"default"`]
+      arguments: [`$slots`, `"default"`],
     })
   })
 
@@ -45,7 +45,7 @@ describe('compiler: transform <slot> outlets', () => {
     expect((ast.children[0] as ElementNode).codegenNode).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: RENDER_SLOT,
-      arguments: [`$slots`, `"foo"`]
+      arguments: [`$slots`, `"foo"`],
     })
   })
 
@@ -59,15 +59,15 @@ describe('compiler: transform <slot> outlets', () => {
         {
           type: NodeTypes.SIMPLE_EXPRESSION,
           content: `foo`,
-          isStatic: false
-        }
-      ]
+          isStatic: false,
+        },
+      ],
     })
   })
 
   test('dynamically named slot outlet w/ prefixIdentifiers: true', () => {
     const ast = parseWithSlots(`<slot :name="foo + bar" />`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((ast.children[0] as ElementNode).codegenNode).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
@@ -80,23 +80,23 @@ describe('compiler: transform <slot> outlets', () => {
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: `_ctx.foo`,
-              isStatic: false
+              isStatic: false,
             },
             ` + `,
             {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: `_ctx.bar`,
-              isStatic: false
-            }
-          ]
-        }
-      ]
+              isStatic: false,
+            },
+          ],
+        },
+      ],
     })
   })
 
   test('default slot outlet with props', () => {
     const ast = parseWithSlots(
-      `<slot foo="bar" :baz="qux" :foo-bar="foo-bar" />`
+      `<slot foo="bar" :baz="qux" :foo-bar="foo-bar" />`,
     )
     expect((ast.children[0] as ElementNode).codegenNode).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
@@ -110,36 +110,36 @@ describe('compiler: transform <slot> outlets', () => {
             {
               key: {
                 content: `foo`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `bar`,
-                isStatic: true
-              }
+                isStatic: true,
+              },
             },
             {
               key: {
                 content: `baz`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `qux`,
-                isStatic: false
-              }
+                isStatic: false,
+              },
             },
             {
               key: {
                 content: `fooBar`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `foo-bar`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -158,26 +158,26 @@ describe('compiler: transform <slot> outlets', () => {
             {
               key: {
                 content: `foo`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `bar`,
-                isStatic: true
-              }
+                isStatic: true,
+              },
             },
             {
               key: {
                 content: `baz`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `qux`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -196,26 +196,26 @@ describe('compiler: transform <slot> outlets', () => {
             {
               key: {
                 content: `foo`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `bar`,
-                isStatic: true
-              }
+                isStatic: true,
+              },
             },
             {
               key: {
                 content: `baz`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `qux`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -234,11 +234,11 @@ describe('compiler: transform <slot> outlets', () => {
           returns: [
             {
               type: NodeTypes.ELEMENT,
-              tag: `div`
-            }
-          ]
-        }
-      ]
+              tag: `div`,
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -257,11 +257,11 @@ describe('compiler: transform <slot> outlets', () => {
           returns: [
             {
               type: NodeTypes.ELEMENT,
-              tag: `div`
-            }
-          ]
-        }
-      ]
+              tag: `div`,
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -279,14 +279,14 @@ describe('compiler: transform <slot> outlets', () => {
             {
               key: {
                 content: `foo`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `bar`,
-                isStatic: false
-              }
-            }
-          ]
+                isStatic: false,
+              },
+            },
+          ],
         },
         {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
@@ -294,11 +294,11 @@ describe('compiler: transform <slot> outlets', () => {
           returns: [
             {
               type: NodeTypes.ELEMENT,
-              tag: `div`
-            }
-          ]
-        }
-      ]
+              tag: `div`,
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -316,14 +316,14 @@ describe('compiler: transform <slot> outlets', () => {
             {
               key: {
                 content: `foo`,
-                isStatic: true
+                isStatic: true,
               },
               value: {
                 content: `bar`,
-                isStatic: false
-              }
-            }
-          ]
+                isStatic: false,
+              },
+            },
+          ],
         },
         {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
@@ -331,11 +331,11 @@ describe('compiler: transform <slot> outlets', () => {
           returns: [
             {
               type: NodeTypes.ELEMENT,
-              tag: `div`
-            }
-          ]
-        }
-      ]
+              tag: `div`,
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -344,11 +344,11 @@ describe('compiler: transform <slot> outlets', () => {
     expect((ast.children[0] as ElementNode).codegenNode).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: RENDER_SLOT,
-      arguments: [`$slots`, `"default"`, `{}`, `undefined`, `true`]
+      arguments: [`$slots`, `"default"`, `{}`, `undefined`, `true`],
     })
     const fallback = parseWithSlots(`<slot>fallback</slot>`, {
       slotted: false,
-      scopeId: 'foo'
+      scopeId: 'foo',
     })
 
     const child = {
@@ -357,14 +357,14 @@ describe('compiler: transform <slot> outlets', () => {
       returns: [
         {
           type: NodeTypes.TEXT,
-          content: `fallback`
-        }
-      ]
+          content: `fallback`,
+        },
+      ],
     }
     expect((fallback.children[0] as ElementNode).codegenNode).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: RENDER_SLOT,
-      arguments: [`$slots`, `"default"`, `{}`, child, `true`]
+      arguments: [`$slots`, `"default"`, `{}`, child, `true`],
     })
   })
 
@@ -380,14 +380,14 @@ describe('compiler: transform <slot> outlets', () => {
         start: {
           offset: index,
           line: 1,
-          column: index + 1
+          column: index + 1,
         },
         end: {
           offset: index + 5,
           line: 1,
-          column: index + 6
-        }
-      }
+          column: index + 6,
+        },
+      },
     })
   })
 })
diff --git a/packages/compiler-core/__tests__/transforms/transformText.spec.ts b/packages/compiler-core/__tests__/transforms/transformText.spec.ts
index 6e321d145e5..dc8730c989f 100644
--- a/packages/compiler-core/__tests__/transforms/transformText.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/transformText.spec.ts
@@ -5,7 +5,7 @@ import {
   NodeTypes,
   generate,
   ForNode,
-  ElementNode
+  ElementNode,
 } from '../../src'
 import { transformFor } from '../../src/transforms/vFor'
 import { transformText } from '../../src/transforms/transformText'
@@ -22,9 +22,9 @@ function transformWithTextOpt(template: string, options: CompilerOptions = {}) {
       transformFor,
       ...(options.prefixIdentifiers ? [transformExpression] : []),
       transformElement,
-      transformText
+      transformText,
     ],
-    ...options
+    ...options,
   })
   return ast
 }
@@ -35,8 +35,8 @@ describe('compiler: transform text', () => {
     expect(root.children[0]).toMatchObject({
       type: NodeTypes.INTERPOLATION,
       content: {
-        content: `foo`
-      }
+        content: `foo`,
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -51,8 +51,8 @@ describe('compiler: transform text', () => {
         ` + `,
         { type: NodeTypes.TEXT, content: ` bar ` },
         ` + `,
-        { type: NodeTypes.INTERPOLATION, content: { content: `baz` } }
-      ]
+        { type: NodeTypes.INTERPOLATION, content: { content: `baz` } },
+      ],
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -75,12 +75,12 @@ describe('compiler: transform text', () => {
               ` + `,
               { type: NodeTypes.TEXT, content: ` bar ` },
               ` + `,
-              { type: NodeTypes.INTERPOLATION, content: { content: `baz` } }
-            ]
+              { type: NodeTypes.INTERPOLATION, content: { content: `baz` } },
+            ],
           },
-          genFlagText(PatchFlags.TEXT)
-        ]
-      }
+          genFlagText(PatchFlags.TEXT),
+        ],
+      },
     })
     expect(root.children[2].type).toBe(NodeTypes.ELEMENT)
     expect(generate(root).code).toMatchSnapshot()
@@ -99,11 +99,11 @@ describe('compiler: transform text', () => {
         arguments: [
           {
             type: NodeTypes.TEXT,
-            content: `hello`
-          }
+            content: `hello`,
+          },
           // should have no flag
-        ]
-      }
+        ],
+      },
     })
     expect(root.children[2].type).toBe(NodeTypes.ELEMENT)
     expect(generate(root).code).toMatchSnapshot()
@@ -111,7 +111,7 @@ describe('compiler: transform text', () => {
 
   test('consecutive text mixed with elements', () => {
     const root = transformWithTextOpt(
-      `<div/>{{ foo }} bar {{ baz }}<div/>hello<div/>`
+      `<div/>{{ foo }} bar {{ baz }}<div/>hello<div/>`,
     )
     expect(root.children.length).toBe(5)
     expect(root.children[0].type).toBe(NodeTypes.ELEMENT)
@@ -128,12 +128,12 @@ describe('compiler: transform text', () => {
               ` + `,
               { type: NodeTypes.TEXT, content: ` bar ` },
               ` + `,
-              { type: NodeTypes.INTERPOLATION, content: { content: `baz` } }
-            ]
+              { type: NodeTypes.INTERPOLATION, content: { content: `baz` } },
+            ],
           },
-          genFlagText(PatchFlags.TEXT)
-        ]
-      }
+          genFlagText(PatchFlags.TEXT),
+        ],
+      },
     })
     expect(root.children[2].type).toBe(NodeTypes.ELEMENT)
     expect(root.children[3]).toMatchObject({
@@ -144,10 +144,10 @@ describe('compiler: transform text', () => {
         arguments: [
           {
             type: NodeTypes.TEXT,
-            content: `hello`
-          }
-        ]
-      }
+            content: `hello`,
+          },
+        ],
+      },
     })
     expect(root.children[4].type).toBe(NodeTypes.ELEMENT)
     expect(generate(root).code).toMatchSnapshot()
@@ -155,21 +155,21 @@ describe('compiler: transform text', () => {
 
   test('<template v-for>', () => {
     const root = transformWithTextOpt(
-      `<template v-for="i in list">foo</template>`
+      `<template v-for="i in list">foo</template>`,
     )
     expect(root.children[0].type).toBe(NodeTypes.FOR)
     const forNode = root.children[0] as ForNode
     // should convert template v-for text children because they are inside
     // fragments
     expect(forNode.children[0]).toMatchObject({
-      type: NodeTypes.TEXT_CALL
+      type: NodeTypes.TEXT_CALL,
     })
     expect(generate(root).code).toMatchSnapshot()
   })
 
   test('with prefixIdentifiers: true', () => {
     const root = transformWithTextOpt(`{{ foo }} bar {{ baz + qux }}`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(root.children.length).toBe(1)
     expect(root.children[0]).toMatchObject({
@@ -183,15 +183,15 @@ describe('compiler: transform text', () => {
           type: NodeTypes.INTERPOLATION,
           content: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [{ content: `_ctx.baz` }, ` + `, { content: `_ctx.qux` }]
-          }
-        }
-      ]
+            children: [{ content: `_ctx.baz` }, ` + `, { content: `_ctx.qux` }],
+          },
+        },
+      ],
     })
     expect(
       generate(root, {
-        prefixIdentifiers: true
-      }).code
+        prefixIdentifiers: true,
+      }).code,
     ).toMatchSnapshot()
   })
 
@@ -210,12 +210,12 @@ describe('compiler: transform text', () => {
             type: NodeTypes.INTERPOLATION,
             content: {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: 'foo'
-            }
+              content: 'foo',
+            },
           },
-          genFlagText(PatchFlags.TEXT)
-        ]
-      }
+          genFlagText(PatchFlags.TEXT),
+        ],
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
diff --git a/packages/compiler-core/__tests__/transforms/vBind.spec.ts b/packages/compiler-core/__tests__/transforms/vBind.spec.ts
index 322cf9d1bde..9942d9d3b53 100644
--- a/packages/compiler-core/__tests__/transforms/vBind.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vBind.spec.ts
@@ -7,31 +7,31 @@ import {
   ErrorCodes,
   VNodeCall,
   NodeTypes,
-  CallExpression
+  CallExpression,
 } from '../../src'
 import { transformBind } from '../../src/transforms/vBind'
 import { transformElement } from '../../src/transforms/transformElement'
 import {
   CAMELIZE,
   helperNameMap,
-  NORMALIZE_PROPS
+  NORMALIZE_PROPS,
 } from '../../src/runtimeHelpers'
 import { transformExpression } from '../../src/transforms/transformExpression'
 
 function parseWithVBind(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ): ElementNode {
   const ast = parse(template)
   transform(ast, {
     nodeTransforms: [
       ...(options.prefixIdentifiers ? [transformExpression] : []),
-      transformElement
+      transformElement,
     ],
     directiveTransforms: {
-      bind: transformBind
+      bind: transformBind,
     },
-    ...options
+    ...options,
   })
   return ast.children[0] as ElementNode
 }
@@ -47,13 +47,13 @@ describe('compiler: transform v-bind', () => {
         loc: {
           start: {
             line: 1,
-            column: 13
+            column: 13,
           },
           end: {
             line: 1,
-            column: 15
-          }
-        }
+            column: 15,
+          },
+        },
       },
       value: {
         content: `id`,
@@ -61,14 +61,14 @@ describe('compiler: transform v-bind', () => {
         loc: {
           start: {
             line: 1,
-            column: 17
+            column: 17,
           },
           end: {
             line: 1,
-            column: 19
-          }
-        }
-      }
+            column: 19,
+          },
+        },
+      },
     })
   })
 
@@ -85,16 +85,16 @@ describe('compiler: transform v-bind', () => {
             {
               key: {
                 content: `id || ""`,
-                isStatic: false
+                isStatic: false,
               },
               value: {
                 content: `id`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -107,23 +107,23 @@ describe('compiler: transform v-bind', () => {
       loc: {
         start: {
           line: 1,
-          column: 6
+          column: 6,
         },
         end: {
           line: 1,
-          column: 16
-        }
-      }
+          column: 16,
+        },
+      },
     })
     expect(props.properties[0]).toMatchObject({
       key: {
         content: `arg`,
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: ``,
-        isStatic: true
-      }
+        isStatic: true,
+      },
     })
   })
 
@@ -133,12 +133,12 @@ describe('compiler: transform v-bind', () => {
     expect(props.properties[0]).toMatchObject({
       key: {
         content: `fooBar`,
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: `id`,
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
   })
 
@@ -155,22 +155,22 @@ describe('compiler: transform v-bind', () => {
             {
               key: {
                 content: `_${helperNameMap[CAMELIZE]}(foo || "")`,
-                isStatic: false
+                isStatic: false,
               },
               value: {
                 content: `id`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
   test('.camel modifier w/ dynamic arg + prefixIdentifiers', () => {
     const node = parseWithVBind(`<div v-bind:[foo(bar)].camel="id"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     const props = (node.codegenNode as VNodeCall).props as CallExpression
     expect(props).toMatchObject({
@@ -190,17 +190,17 @@ describe('compiler: transform v-bind', () => {
                   { content: `_ctx.bar` },
                   `)`,
                   `) || ""`,
-                  `)`
-                ]
+                  `)`,
+                ],
               },
               value: {
                 content: `_ctx.id`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -210,12 +210,12 @@ describe('compiler: transform v-bind', () => {
     expect(props.properties[0]).toMatchObject({
       key: {
         content: `.fooBar`,
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: `id`,
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
   })
 
@@ -232,22 +232,22 @@ describe('compiler: transform v-bind', () => {
             {
               key: {
                 content: '`.${fooBar || ""}`',
-                isStatic: false
+                isStatic: false,
               },
               value: {
                 content: `id`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
   test('.prop modifier w/ dynamic arg + prefixIdentifiers', () => {
     const node = parseWithVBind(`<div v-bind:[foo(bar)].prop="id"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     const props = (node.codegenNode as VNodeCall).props as CallExpression
     expect(props).toMatchObject({
@@ -267,17 +267,17 @@ describe('compiler: transform v-bind', () => {
                   { content: `_ctx.bar` },
                   `)`,
                   `) || ""`,
-                  `)`
-                ]
+                  `)`,
+                ],
               },
               value: {
                 content: `_ctx.id`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
   })
 
@@ -287,12 +287,12 @@ describe('compiler: transform v-bind', () => {
     expect(props.properties[0]).toMatchObject({
       key: {
         content: `.fooBar`,
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: `id`,
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
   })
 
@@ -302,12 +302,12 @@ describe('compiler: transform v-bind', () => {
     expect(props.properties[0]).toMatchObject({
       key: {
         content: `^foo-bar`,
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: `id`,
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
   })
 })
diff --git a/packages/compiler-core/__tests__/transforms/vFor.spec.ts b/packages/compiler-core/__tests__/transforms/vFor.spec.ts
index 1c7646e5e28..83ed0fa0681 100644
--- a/packages/compiler-core/__tests__/transforms/vFor.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vFor.spec.ts
@@ -13,7 +13,7 @@ import {
   ElementNode,
   InterpolationNode,
   ForCodegenNode,
-  ConstantTypes
+  ConstantTypes,
 } from '../../src/ast'
 import { ErrorCodes } from '../../src/errors'
 import { CompilerOptions, generate } from '../../src'
@@ -23,7 +23,7 @@ import { createObjectMatcher, genFlagText } from '../testUtils'
 
 function parseWithForTransform(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ) {
   const ast = parse(template, options)
   transform(ast, {
@@ -32,16 +32,16 @@ function parseWithForTransform(
       transformFor,
       ...(options.prefixIdentifiers ? [transformExpression] : []),
       transformSlotOutlet,
-      transformElement
+      transformElement,
     ],
     directiveTransforms: {
-      bind: transformBind
+      bind: transformBind,
     },
-    ...options
+    ...options,
   })
   return {
     root: ast,
-    node: ast.children[0] as ForNode & { codegenNode: ForCodegenNode }
+    node: ast.children[0] as ForNode & { codegenNode: ForCodegenNode },
   }
 }
 
@@ -49,7 +49,7 @@ describe('compiler: v-for', () => {
   describe('transform', () => {
     test('number expression', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="index in 5" />'
+        '<span v-for="index in 5" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).toBeUndefined()
@@ -59,7 +59,7 @@ describe('compiler: v-for', () => {
 
     test('value', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="(item) in items" />'
+        '<span v-for="(item) in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).toBeUndefined()
@@ -69,31 +69,31 @@ describe('compiler: v-for', () => {
 
     test('object de-structured value', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="({ id, value }) in items" />'
+        '<span v-for="({ id, value }) in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).toBeUndefined()
       expect((forNode.valueAlias as SimpleExpressionNode).content).toBe(
-        '{ id, value }'
+        '{ id, value }',
       )
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
     })
 
     test('array de-structured value', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="([ id, value ]) in items" />'
+        '<span v-for="([ id, value ]) in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).toBeUndefined()
       expect((forNode.valueAlias as SimpleExpressionNode).content).toBe(
-        '[ id, value ]'
+        '[ id, value ]',
       )
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
     })
 
     test('value and key', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="(item, key) in items" />'
+        '<span v-for="(item, key) in items" />',
       )
       expect(forNode.keyAlias).not.toBeUndefined()
       expect((forNode.keyAlias as SimpleExpressionNode).content).toBe('key')
@@ -104,13 +104,13 @@ describe('compiler: v-for', () => {
 
     test('value, key and index', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="(value, key, index) in items" />'
+        '<span v-for="(value, key, index) in items" />',
       )
       expect(forNode.keyAlias).not.toBeUndefined()
       expect((forNode.keyAlias as SimpleExpressionNode).content).toBe('key')
       expect(forNode.objectIndexAlias).not.toBeUndefined()
       expect((forNode.objectIndexAlias as SimpleExpressionNode).content).toBe(
-        'index'
+        'index',
       )
       expect((forNode.valueAlias as SimpleExpressionNode).content).toBe('value')
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
@@ -118,12 +118,12 @@ describe('compiler: v-for', () => {
 
     test('skipped key', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="(value,,index) in items" />'
+        '<span v-for="(value,,index) in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).not.toBeUndefined()
       expect((forNode.objectIndexAlias as SimpleExpressionNode).content).toBe(
-        'index'
+        'index',
       )
       expect((forNode.valueAlias as SimpleExpressionNode).content).toBe('value')
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
@@ -131,12 +131,12 @@ describe('compiler: v-for', () => {
 
     test('skipped value and key', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="(,,index) in items" />'
+        '<span v-for="(,,index) in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).not.toBeUndefined()
       expect((forNode.objectIndexAlias as SimpleExpressionNode).content).toBe(
-        'index'
+        'index',
       )
       expect(forNode.valueAlias).toBeUndefined()
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
@@ -144,7 +144,7 @@ describe('compiler: v-for', () => {
 
     test('unbracketed value', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="item in items" />'
+        '<span v-for="item in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).toBeUndefined()
@@ -154,7 +154,7 @@ describe('compiler: v-for', () => {
 
     test('unbracketed value and key', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="item, key in items" />'
+        '<span v-for="item, key in items" />',
       )
       expect(forNode.keyAlias).not.toBeUndefined()
       expect((forNode.keyAlias as SimpleExpressionNode).content).toBe('key')
@@ -165,13 +165,13 @@ describe('compiler: v-for', () => {
 
     test('unbracketed value, key and index', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="value, key, index in items" />'
+        '<span v-for="value, key, index in items" />',
       )
       expect(forNode.keyAlias).not.toBeUndefined()
       expect((forNode.keyAlias as SimpleExpressionNode).content).toBe('key')
       expect(forNode.objectIndexAlias).not.toBeUndefined()
       expect((forNode.objectIndexAlias as SimpleExpressionNode).content).toBe(
-        'index'
+        'index',
       )
       expect((forNode.valueAlias as SimpleExpressionNode).content).toBe('value')
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
@@ -179,12 +179,12 @@ describe('compiler: v-for', () => {
 
     test('unbracketed skipped key', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for="value, , index in items" />'
+        '<span v-for="value, , index in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).not.toBeUndefined()
       expect((forNode.objectIndexAlias as SimpleExpressionNode).content).toBe(
-        'index'
+        'index',
       )
       expect((forNode.valueAlias as SimpleExpressionNode).content).toBe('value')
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
@@ -192,12 +192,12 @@ describe('compiler: v-for', () => {
 
     test('unbracketed skipped value and key', () => {
       const { node: forNode } = parseWithForTransform(
-        '<span v-for=", , index in items" />'
+        '<span v-for=", , index in items" />',
       )
       expect(forNode.keyAlias).toBeUndefined()
       expect(forNode.objectIndexAlias).not.toBeUndefined()
       expect((forNode.objectIndexAlias as SimpleExpressionNode).content).toBe(
-        'index'
+        'index',
       )
       expect(forNode.valueAlias).toBeUndefined()
       expect((forNode.source as SimpleExpressionNode).content).toBe('items')
@@ -212,8 +212,8 @@ describe('compiler: v-for', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_FOR_NO_EXPRESSION
-        })
+          code: ErrorCodes.X_V_FOR_NO_EXPRESSION,
+        }),
       )
     })
 
@@ -224,8 +224,8 @@ describe('compiler: v-for', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION
-        })
+          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION,
+        }),
       )
     })
 
@@ -236,8 +236,8 @@ describe('compiler: v-for', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION
-        })
+          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION,
+        }),
       )
     })
 
@@ -248,8 +248,8 @@ describe('compiler: v-for', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION
-        })
+          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION,
+        }),
       )
     })
 
@@ -260,8 +260,8 @@ describe('compiler: v-for', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION
-        })
+          code: ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION,
+        }),
       )
     })
 
@@ -272,14 +272,14 @@ describe('compiler: v-for', () => {
       <template v-for="item in items">
         <div :key="item.id"/>
       </template>`,
-        { onError }
+        { onError },
       )
 
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT
-        })
+          code: ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT,
+        }),
       )
 
       // should not warn on nested v-for keys
@@ -288,7 +288,7 @@ describe('compiler: v-for', () => {
       <template v-for="item in items">
         <div v-for="c in item.children" :key="c.id"/>
       </template>`,
-        { onError }
+        { onError },
       )
       expect(onError).toHaveBeenCalledTimes(1)
     })
@@ -315,7 +315,7 @@ describe('compiler: v-for', () => {
       expect(forNode.source.loc.start.column).toBe(itemsOffset + 1)
       expect(forNode.source.loc.end.line).toBe(1)
       expect(forNode.source.loc.end.column).toBe(
-        itemsOffset + 1 + `items`.length
+        itemsOffset + 1 + `items`.length,
       )
     })
 
@@ -339,7 +339,7 @@ describe('compiler: v-for', () => {
       expect(forNode.source.loc.start.column).toBe(itemsOffset + 1)
       expect(forNode.source.loc.end.line).toBe(1)
       expect(forNode.source.loc.end.column).toBe(
-        itemsOffset + 1 + `items`.length
+        itemsOffset + 1 + `items`.length,
       )
     })
 
@@ -363,7 +363,7 @@ describe('compiler: v-for', () => {
       expect(forNode.source.loc.start.column).toBe(itemsOffset + 1)
       expect(forNode.source.loc.end.line).toBe(1)
       expect(forNode.source.loc.end.column).toBe(
-        itemsOffset + 1 + `items`.length
+        itemsOffset + 1 + `items`.length,
       )
     })
 
@@ -405,7 +405,7 @@ describe('compiler: v-for', () => {
       expect(forNode.source.loc.start.column).toBe(itemsOffset + 1)
       expect(forNode.source.loc.end.line).toBe(1)
       expect(forNode.source.loc.end.column).toBe(
-        itemsOffset + 1 + `items`.length
+        itemsOffset + 1 + `items`.length,
       )
     })
 
@@ -438,7 +438,7 @@ describe('compiler: v-for', () => {
       expect(forNode.source.loc.start.column).toBe(itemsOffset + 1)
       expect(forNode.source.loc.end.line).toBe(1)
       expect(forNode.source.loc.end.column).toBe(
-        itemsOffset + 1 + `items`.length
+        itemsOffset + 1 + `items`.length,
       )
     })
   })
@@ -446,18 +446,18 @@ describe('compiler: v-for', () => {
   describe('prefixIdentifiers: true', () => {
     test('should prefix v-for source', () => {
       const { node } = parseWithForTransform(`<div v-for="i in list"/>`, {
-        prefixIdentifiers: true
+        prefixIdentifiers: true,
       })
       expect(node.source).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `_ctx.list`
+        content: `_ctx.list`,
       })
     })
 
     test('should prefix v-for source w/ complex expression', () => {
       const { node } = parseWithForTransform(
         `<div v-for="i in list.concat([foo])"/>`,
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       expect(node.source).toMatchObject({
         type: NodeTypes.COMPOUND_EXPRESSION,
@@ -467,31 +467,31 @@ describe('compiler: v-for', () => {
           { content: `concat` },
           `([`,
           { content: `_ctx.foo` },
-          `])`
-        ]
+          `])`,
+        ],
       })
     })
 
     test('should not prefix v-for alias', () => {
       const { node } = parseWithForTransform(
         `<div v-for="i in list">{{ i }}{{ j }}</div>`,
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       const div = node.children[0] as ElementNode
       expect((div.children[0] as InterpolationNode).content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `i`
+        content: `i`,
       })
       expect((div.children[1] as InterpolationNode).content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `_ctx.j`
+        content: `_ctx.j`,
       })
     })
 
     test('should not prefix v-for aliases (multiple)', () => {
       const { node } = parseWithForTransform(
         `<div v-for="(i, j, k) in list">{{ i + j + k }}{{ l }}</div>`,
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       const div = node.children[0] as ElementNode
       expect((div.children[0] as InterpolationNode).content).toMatchObject({
@@ -501,23 +501,23 @@ describe('compiler: v-for', () => {
           ` + `,
           { content: `j` },
           ` + `,
-          { content: `k` }
-        ]
+          { content: `k` },
+        ],
       })
       expect((div.children[1] as InterpolationNode).content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `_ctx.l`
+        content: `_ctx.l`,
       })
     })
 
     test('should prefix id outside of v-for', () => {
       const { node } = parseWithForTransform(
         `<div><div v-for="i in list" />{{ i }}</div>`,
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       expect((node.children[1] as InterpolationNode).content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `_ctx.i`
+        content: `_ctx.i`,
       })
     })
 
@@ -526,7 +526,7 @@ describe('compiler: v-for', () => {
         `<div v-for="i in list">
           <div v-for="i in list">{{ i + j }}</div>{{ i }}
         </div>`,
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       const outerDiv = node.children[0] as ElementNode
       const innerFor = outerDiv.children[0] as ForNode
@@ -534,7 +534,7 @@ describe('compiler: v-for', () => {
         .children[0] as InterpolationNode
       expect(innerExp.content).toMatchObject({
         type: NodeTypes.COMPOUND_EXPRESSION,
-        children: [{ content: 'i' }, ` + `, { content: `_ctx.j` }]
+        children: [{ content: 'i' }, ` + `, { content: `_ctx.j` }],
       })
 
       // when an inner v-for shadows a variable of an outer v-for and exit,
@@ -542,7 +542,7 @@ describe('compiler: v-for', () => {
       const outerExp = outerDiv.children[1] as InterpolationNode
       expect(outerExp.content).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `i`
+        content: `i`,
       })
     })
 
@@ -551,7 +551,7 @@ describe('compiler: v-for', () => {
         `<div v-for="({ foo = bar, baz: [qux = quux] }) in list">
           {{ foo + bar + baz + qux + quux }}
         </div>`,
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       expect(node.valueAlias!).toMatchObject({
         type: NodeTypes.COMPOUND_EXPRESSION,
@@ -564,8 +564,8 @@ describe('compiler: v-for', () => {
           { content: `qux` },
           ` = `,
           { content: `_ctx.quux` },
-          `] }`
-        ]
+          `] }`,
+        ],
       })
       const div = node.children[0] as ElementNode
       expect((div.children[0] as InterpolationNode).content).toMatchObject({
@@ -579,17 +579,17 @@ describe('compiler: v-for', () => {
           ` + `,
           { content: `qux` },
           ` + `,
-          { content: `_ctx.quux` }
-        ]
+          { content: `_ctx.quux` },
+        ],
       })
     })
 
     test('element v-for key expression prefixing', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
         '<div v-for="item in items" :key="itemKey(item)">test</div>',
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       const innerBlock = codegenNode.children.arguments[1].returns
       expect(innerBlock).toMatchObject({
@@ -604,20 +604,20 @@ describe('compiler: v-for', () => {
               `(`,
               // should NOT prefix in scope variables
               { content: `item` },
-              `)`
-            ]
-          }
-        })
+              `)`,
+            ],
+          },
+        }),
       })
     })
 
     // #2085
     test('template v-for key expression prefixing', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
         '<template v-for="item in items" :key="itemKey(item)">test</template>',
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       const innerBlock = codegenNode.children.arguments[1].returns
       expect(innerBlock).toMatchObject({
@@ -632,19 +632,19 @@ describe('compiler: v-for', () => {
               `(`,
               // should NOT prefix in scope variables
               { content: `item` },
-              `)`
-            ]
-          }
-        })
+              `)`,
+            ],
+          },
+        }),
       })
     })
 
     test('template v-for key no prefixing on attribute key', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
         '<template v-for="item in items" key="key">test</template>',
-        { prefixIdentifiers: true }
+        { prefixIdentifiers: true },
       )
       const innerBlock = codegenNode.children.arguments[1].returns
       expect(innerBlock).toMatchObject({
@@ -653,9 +653,9 @@ describe('compiler: v-for', () => {
         props: createObjectMatcher({
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
-            content: 'key'
-          }
-        })
+            content: 'key',
+          },
+        }),
       })
     })
   })
@@ -665,7 +665,7 @@ describe('compiler: v-for', () => {
       node: ForCodegenNode,
       keyed: boolean = false,
       customReturn: boolean = false,
-      disableTracking: boolean = true
+      disableTracking: boolean = true,
     ) {
       expect(node).toMatchObject({
         type: NodeTypes.VNODE_CALL,
@@ -687,32 +687,34 @@ describe('compiler: v-for', () => {
                 ? {}
                 : {
                     type: NodeTypes.VNODE_CALL,
-                    isBlock: disableTracking
-                  }
-            }
-          ]
-        }
+                    isBlock: disableTracking,
+                  },
+            },
+          ],
+        },
       })
       const renderListArgs = node.children.arguments
       return {
         source: renderListArgs[0] as SimpleExpressionNode,
         params: (renderListArgs[1] as any).params,
         returns: (renderListArgs[1] as any).returns,
-        innerVNodeCall: customReturn ? null : (renderListArgs[1] as any).returns
+        innerVNodeCall: customReturn
+          ? null
+          : (renderListArgs[1] as any).returns,
       }
     }
 
     test('basic v-for', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<span v-for="(item) in items" />')
       expect(assertSharedCodegen(codegenNode)).toMatchObject({
         source: { content: `items` },
         params: [{ content: `item` }],
         innerVNodeCall: {
-          tag: `"span"`
-        }
+          tag: `"span"`,
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -720,11 +722,11 @@ describe('compiler: v-for', () => {
     test('value + key + index', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<span v-for="(item, key, index) in items" />')
       expect(assertSharedCodegen(codegenNode)).toMatchObject({
         source: { content: `items` },
-        params: [{ content: `item` }, { content: `key` }, { content: `index` }]
+        params: [{ content: `item` }, { content: `key` }, { content: `index` }],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -732,11 +734,11 @@ describe('compiler: v-for', () => {
     test('skipped value', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<span v-for="(, key, index) in items" />')
       expect(assertSharedCodegen(codegenNode)).toMatchObject({
         source: { content: `items` },
-        params: [{ content: `_` }, { content: `key` }, { content: `index` }]
+        params: [{ content: `_` }, { content: `key` }, { content: `index` }],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -744,11 +746,11 @@ describe('compiler: v-for', () => {
     test('skipped key', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<span v-for="(item,,index) in items" />')
       expect(assertSharedCodegen(codegenNode)).toMatchObject({
         source: { content: `items` },
-        params: [{ content: `item` }, { content: `__` }, { content: `index` }]
+        params: [{ content: `item` }, { content: `__` }, { content: `index` }],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -756,11 +758,11 @@ describe('compiler: v-for', () => {
     test('skipped value & key', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<span v-for="(,,index) in items" />')
       expect(assertSharedCodegen(codegenNode)).toMatchObject({
         source: { content: `items` },
-        params: [{ content: `_` }, { content: `__` }, { content: `index` }]
+        params: [{ content: `_` }, { content: `__` }, { content: `index` }],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -768,9 +770,9 @@ describe('compiler: v-for', () => {
     test('v-for with constant expression', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<p v-for="item in 10">{{item}}</p>', {
-        prefixIdentifiers: true
+        prefixIdentifiers: true,
       })
 
       expect(
@@ -778,8 +780,8 @@ describe('compiler: v-for', () => {
           codegenNode,
           false /* keyed */,
           false /* customReturn */,
-          false /* disableTracking */
-        )
+          false /* disableTracking */,
+        ),
       ).toMatchObject({
         source: { content: `10`, constType: ConstantTypes.CAN_STRINGIFY },
         params: [{ content: `item` }],
@@ -793,11 +795,11 @@ describe('compiler: v-for', () => {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: 'item',
               isStatic: false,
-              constType: ConstantTypes.NOT_CONSTANT
-            }
+              constType: ConstantTypes.NOT_CONSTANT,
+            },
           },
-          patchFlag: genFlagText(PatchFlags.TEXT)
-        }
+          patchFlag: genFlagText(PatchFlags.TEXT),
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -805,9 +807,9 @@ describe('compiler: v-for', () => {
     test('template v-for', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
-        '<template v-for="item in items">hello<span/></template>'
+        '<template v-for="item in items">hello<span/></template>',
       )
       expect(assertSharedCodegen(codegenNode)).toMatchObject({
         source: { content: `items` },
@@ -818,10 +820,10 @@ describe('compiler: v-for', () => {
           isBlock: true,
           children: [
             { type: NodeTypes.TEXT, content: `hello` },
-            { type: NodeTypes.ELEMENT, tag: `span` }
+            { type: NodeTypes.ELEMENT, tag: `span` },
           ],
-          patchFlag: genFlagText(PatchFlags.STABLE_FRAGMENT)
-        }
+          patchFlag: genFlagText(PatchFlags.STABLE_FRAGMENT),
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -829,19 +831,19 @@ describe('compiler: v-for', () => {
     test('template v-for w/ <slot/>', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
-        '<template v-for="item in items"><slot/></template>'
+        '<template v-for="item in items"><slot/></template>',
       )
       expect(
-        assertSharedCodegen(codegenNode, false, true /* custom return */)
+        assertSharedCodegen(codegenNode, false, true /* custom return */),
       ).toMatchObject({
         source: { content: `items` },
         params: [{ content: `item` }],
         returns: {
           type: NodeTypes.JS_CALL_EXPRESSION,
-          callee: RENDER_SLOT
-        }
+          callee: RENDER_SLOT,
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -850,9 +852,9 @@ describe('compiler: v-for', () => {
     test('template v-for key injection with single child', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
-        '<template v-for="item in items" :key="item.id"><span :id="item.id" /></template>'
+        '<template v-for="item in items" :key="item.id"><span :id="item.id" /></template>',
       )
       expect(assertSharedCodegen(codegenNode, true)).toMatchObject({
         source: { content: `items` },
@@ -862,9 +864,9 @@ describe('compiler: v-for', () => {
           tag: `"span"`,
           props: createObjectMatcher({
             key: '[item.id]',
-            id: '[item.id]'
-          })
-        }
+            id: '[item.id]',
+          }),
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -872,17 +874,17 @@ describe('compiler: v-for', () => {
     test('v-for on <slot/>', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<slot v-for="item in items"></slot>')
       expect(
-        assertSharedCodegen(codegenNode, false, true /* custom return */)
+        assertSharedCodegen(codegenNode, false, true /* custom return */),
       ).toMatchObject({
         source: { content: `items` },
         params: [{ content: `item` }],
         returns: {
           type: NodeTypes.JS_CALL_EXPRESSION,
-          callee: RENDER_SLOT
-        }
+          callee: RENDER_SLOT,
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -890,7 +892,7 @@ describe('compiler: v-for', () => {
     test('keyed v-for', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<span v-for="(item) in items" :key="item" />')
       expect(assertSharedCodegen(codegenNode, true)).toMatchObject({
         source: { content: `items` },
@@ -898,9 +900,9 @@ describe('compiler: v-for', () => {
         innerVNodeCall: {
           tag: `"span"`,
           props: createObjectMatcher({
-            key: `[item]`
-          })
-        }
+            key: `[item]`,
+          }),
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -908,9 +910,9 @@ describe('compiler: v-for', () => {
     test('keyed template v-for', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(
-        '<template v-for="item in items" :key="item">hello<span/></template>'
+        '<template v-for="item in items" :key="item">hello<span/></template>',
       )
       expect(assertSharedCodegen(codegenNode, true)).toMatchObject({
         source: { content: `items` },
@@ -918,14 +920,14 @@ describe('compiler: v-for', () => {
         innerVNodeCall: {
           tag: FRAGMENT,
           props: createObjectMatcher({
-            key: `[item]`
+            key: `[item]`,
           }),
           children: [
             { type: NodeTypes.TEXT, content: `hello` },
-            { type: NodeTypes.ELEMENT, tag: `span` }
+            { type: NodeTypes.ELEMENT, tag: `span` },
           ],
-          patchFlag: genFlagText(PatchFlags.STABLE_FRAGMENT)
-        }
+          patchFlag: genFlagText(PatchFlags.STABLE_FRAGMENT),
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -933,7 +935,7 @@ describe('compiler: v-for', () => {
     test('v-if + v-for', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(`<div v-if="ok" v-for="i in list"/>`)
       expect(codegenNode).toMatchObject({
         type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
@@ -941,7 +943,7 @@ describe('compiler: v-for', () => {
         consequent: {
           type: NodeTypes.VNODE_CALL,
           props: createObjectMatcher({
-            key: `[0]`
+            key: `[0]`,
           }),
           isBlock: true,
           disableTracking: true,
@@ -957,12 +959,12 @@ describe('compiler: v-for', () => {
                 returns: {
                   type: NodeTypes.VNODE_CALL,
                   tag: `"div"`,
-                  isBlock: true
-                }
-              }
-            ]
-          }
-        }
+                  isBlock: true,
+                },
+              },
+            ],
+          },
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -971,7 +973,7 @@ describe('compiler: v-for', () => {
     test('v-if + v-for on <template>', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform(`<template v-if="ok" v-for="i in list"/>`)
       expect(codegenNode).toMatchObject({
         type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
@@ -979,7 +981,7 @@ describe('compiler: v-for', () => {
         consequent: {
           type: NodeTypes.VNODE_CALL,
           props: createObjectMatcher({
-            key: `[0]`
+            key: `[0]`,
           }),
           isBlock: true,
           disableTracking: true,
@@ -995,12 +997,12 @@ describe('compiler: v-for', () => {
                 returns: {
                   type: NodeTypes.VNODE_CALL,
                   tag: FRAGMENT,
-                  isBlock: true
-                }
-              }
-            ]
-          }
-        }
+                  isBlock: true,
+                },
+              },
+            ],
+          },
+        },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -1008,12 +1010,12 @@ describe('compiler: v-for', () => {
     test('v-for on element with custom directive', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithForTransform('<div v-for="i in list" v-foo/>')
       const { returns } = assertSharedCodegen(codegenNode, false, true)
       expect(returns).toMatchObject({
         type: NodeTypes.VNODE_CALL,
-        directives: { type: NodeTypes.JS_ARRAY_EXPRESSION }
+        directives: { type: NodeTypes.JS_ARRAY_EXPRESSION },
       })
       expect(generate(root).code).toMatchSnapshot()
     })
diff --git a/packages/compiler-core/__tests__/transforms/vIf.spec.ts b/packages/compiler-core/__tests__/transforms/vIf.spec.ts
index 5bc9bedd53b..67d0966b2a3 100644
--- a/packages/compiler-core/__tests__/transforms/vIf.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vIf.spec.ts
@@ -14,7 +14,7 @@ import {
   NodeTypes,
   SimpleExpressionNode,
   TextNode,
-  VNodeCall
+  VNodeCall,
 } from '../../src/ast'
 import { ErrorCodes } from '../../src/errors'
 import { CompilerOptions, generate, TO_HANDLERS } from '../../src'
@@ -23,7 +23,7 @@ import {
   FRAGMENT,
   MERGE_PROPS,
   NORMALIZE_PROPS,
-  RENDER_SLOT
+  RENDER_SLOT,
 } from '../../src/runtimeHelpers'
 import { createObjectMatcher } from '../testUtils'
 
@@ -31,12 +31,12 @@ function parseWithIfTransform(
   template: string,
   options: CompilerOptions = {},
   returnIndex: number = 0,
-  childrenLen: number = 1
+  childrenLen: number = 1,
 ) {
   const ast = parse(template, options)
   transform(ast, {
     nodeTransforms: [transformIf, transformSlotOutlet, transformElement],
-    ...options
+    ...options,
   })
   if (!options.onError) {
     expect(ast.children.length).toBe(childrenLen)
@@ -48,7 +48,7 @@ function parseWithIfTransform(
     root: ast,
     node: ast.children[returnIndex] as IfNode & {
       codegenNode: IfConditionalExpression
-    }
+    },
   }
 }
 
@@ -59,7 +59,7 @@ describe('compiler: v-if', () => {
       expect(node.type).toBe(NodeTypes.IF)
       expect(node.branches.length).toBe(1)
       expect((node.branches[0].condition as SimpleExpressionNode).content).toBe(
-        `ok`
+        `ok`,
       )
       expect(node.branches[0].children.length).toBe(1)
       expect(node.branches[0].children[0].type).toBe(NodeTypes.ELEMENT)
@@ -68,12 +68,12 @@ describe('compiler: v-if', () => {
 
     test('template v-if', () => {
       const { node } = parseWithIfTransform(
-        `<template v-if="ok"><div/>hello<p/></template>`
+        `<template v-if="ok"><div/>hello<p/></template>`,
       )
       expect(node.type).toBe(NodeTypes.IF)
       expect(node.branches.length).toBe(1)
       expect((node.branches[0].condition as SimpleExpressionNode).content).toBe(
-        `ok`
+        `ok`,
       )
       expect(node.branches[0].children.length).toBe(3)
       expect(node.branches[0].children[0].type).toBe(NodeTypes.ELEMENT)
@@ -89,16 +89,16 @@ describe('compiler: v-if', () => {
       expect(node.type).toBe(NodeTypes.IF)
       expect(node.branches.length).toBe(1)
       expect((node.branches[0].children[0] as ElementNode).tag).toBe(
-        `Component`
+        `Component`,
       )
       expect((node.branches[0].children[0] as ElementNode).tagType).toBe(
-        ElementTypes.COMPONENT
+        ElementTypes.COMPONENT,
       )
       // #2058 since a component may fail to resolve and fallback to a plain
       // element, it still needs to be made a block
       expect(
         ((node.branches[0].children[0] as ElementNode)!
-          .codegenNode as VNodeCall)!.isBlock
+          .codegenNode as VNodeCall)!.isBlock,
       ).toBe(true)
     })
 
@@ -122,7 +122,7 @@ describe('compiler: v-if', () => {
 
     test('v-if + v-else-if', () => {
       const { node } = parseWithIfTransform(
-        `<div v-if="ok"/><p v-else-if="orNot"/>`
+        `<div v-if="ok"/><p v-else-if="orNot"/>`,
       )
       expect(node.type).toBe(NodeTypes.IF)
       expect(node.branches.length).toBe(2)
@@ -142,7 +142,7 @@ describe('compiler: v-if', () => {
 
     test('v-if + v-else-if + v-else', () => {
       const { node } = parseWithIfTransform(
-        `<div v-if="ok"/><p v-else-if="orNot"/><template v-else>fine</template>`
+        `<div v-if="ok"/><p v-else-if="orNot"/><template v-else>fine</template>`,
       )
       expect(node.type).toBe(NodeTypes.IF)
       expect(node.branches.length).toBe(3)
@@ -202,11 +202,11 @@ describe('compiler: v-if', () => {
 
     test('should prefix v-if condition', () => {
       const { node } = parseWithIfTransform(`<div v-if="ok"/>`, {
-        prefixIdentifiers: true
+        prefixIdentifiers: true,
       })
       expect(node.branches[0].condition).toMatchObject({
         type: NodeTypes.SIMPLE_EXPRESSION,
-        content: `_ctx.ok`
+        content: `_ctx.ok`,
       })
     })
   })
@@ -219,32 +219,32 @@ describe('compiler: v-if', () => {
       expect(onError.mock.calls[0]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: node1.loc
-        }
+          loc: node1.loc,
+        },
       ])
 
       const { node: node2 } = parseWithIfTransform(
         `<div/><div v-else/>`,
         { onError },
-        1
+        1,
       )
       expect(onError.mock.calls[1]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: node2.loc
-        }
+          loc: node2.loc,
+        },
       ])
 
       const { node: node3 } = parseWithIfTransform(
         `<div/>foo<div v-else/>`,
         { onError },
-        2
+        2,
       )
       expect(onError.mock.calls[2]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: node3.loc
-        }
+          loc: node3.loc,
+        },
       ])
     })
 
@@ -252,52 +252,52 @@ describe('compiler: v-if', () => {
       const onError = vi.fn()
 
       const { node: node1 } = parseWithIfTransform(`<div v-else-if="foo"/>`, {
-        onError
+        onError,
       })
       expect(onError.mock.calls[0]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: node1.loc
-        }
+          loc: node1.loc,
+        },
       ])
 
       const { node: node2 } = parseWithIfTransform(
         `<div/><div v-else-if="foo"/>`,
         { onError },
-        1
+        1,
       )
       expect(onError.mock.calls[1]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: node2.loc
-        }
+          loc: node2.loc,
+        },
       ])
 
       const { node: node3 } = parseWithIfTransform(
         `<div/>foo<div v-else-if="foo"/>`,
         { onError },
-        2
+        2,
       )
       expect(onError.mock.calls[2]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: node3.loc
-        }
+          loc: node3.loc,
+        },
       ])
 
       const {
-        node: { branches }
+        node: { branches },
       } = parseWithIfTransform(
         `<div v-if="notOk"/><div v-else/><div v-else-if="ok"/>`,
         { onError },
-        0
+        0,
       )
 
       expect(onError.mock.calls[3]).toMatchObject([
         {
           code: ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          loc: branches[branches.length - 1].loc
-        }
+          loc: branches[branches.length - 1].loc,
+        },
       ])
     })
 
@@ -306,21 +306,21 @@ describe('compiler: v-if', () => {
       // dynamic
       parseWithIfTransform(
         `<div v-if="ok" :key="a + 1" /><div v-else :key="a + 1" />`,
-        { onError }
+        { onError },
       )
       expect(onError.mock.calls[0]).toMatchObject([
         {
-          code: ErrorCodes.X_V_IF_SAME_KEY
-        }
+          code: ErrorCodes.X_V_IF_SAME_KEY,
+        },
       ])
       // static
       parseWithIfTransform(`<div v-if="ok" key="1" /><div v-else key="1" />`, {
-        onError
+        onError,
       })
       expect(onError.mock.calls[1]).toMatchObject([
         {
-          code: ErrorCodes.X_V_IF_SAME_KEY
-        }
+          code: ErrorCodes.X_V_IF_SAME_KEY,
+        },
       ])
     })
   })
@@ -329,63 +329,63 @@ describe('compiler: v-if', () => {
     function assertSharedCodegen(
       node: IfConditionalExpression,
       depth: number = 0,
-      hasElse: boolean = false
+      hasElse: boolean = false,
     ) {
       expect(node).toMatchObject({
         type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
         test: {
-          content: `ok`
+          content: `ok`,
         },
         consequent: {
           type: NodeTypes.VNODE_CALL,
-          isBlock: true
+          isBlock: true,
         },
         alternate:
           depth < 1
             ? hasElse
               ? {
                   type: NodeTypes.VNODE_CALL,
-                  isBlock: true
+                  isBlock: true,
                 }
               : {
                   type: NodeTypes.JS_CALL_EXPRESSION,
-                  callee: CREATE_COMMENT
+                  callee: CREATE_COMMENT,
                 }
             : {
                 type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
                 test: {
-                  content: `orNot`
+                  content: `orNot`,
                 },
                 consequent: {
                   type: NodeTypes.VNODE_CALL,
-                  isBlock: true
+                  isBlock: true,
                 },
                 alternate: hasElse
                   ? {
                       type: NodeTypes.VNODE_CALL,
-                      isBlock: true
+                      isBlock: true,
                     }
                   : {
                       type: NodeTypes.JS_CALL_EXPRESSION,
-                      callee: CREATE_COMMENT
-                    }
-              }
+                      callee: CREATE_COMMENT,
+                    },
+              },
       })
     }
 
     test('basic v-if', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok"/>`)
       assertSharedCodegen(codegenNode)
       expect(codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       expect(codegenNode.alternate).toMatchObject({
         type: NodeTypes.JS_CALL_EXPRESSION,
-        callee: CREATE_COMMENT
+        callee: CREATE_COMMENT,
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -393,7 +393,7 @@ describe('compiler: v-if', () => {
     test('template v-if', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<template v-if="ok"><div/>hello<p/></template>`)
       assertSharedCodegen(codegenNode)
       expect(codegenNode.consequent).toMatchObject({
@@ -402,12 +402,12 @@ describe('compiler: v-if', () => {
         children: [
           { type: NodeTypes.ELEMENT, tag: 'div' },
           { type: NodeTypes.TEXT, content: `hello` },
-          { type: NodeTypes.ELEMENT, tag: 'p' }
-        ]
+          { type: NodeTypes.ELEMENT, tag: 'p' },
+        ],
       })
       expect(codegenNode.alternate).toMatchObject({
         type: NodeTypes.JS_CALL_EXPRESSION,
-        callee: CREATE_COMMENT
+        callee: CREATE_COMMENT,
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -415,12 +415,12 @@ describe('compiler: v-if', () => {
     test('template v-if w/ single <slot/> child', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<template v-if="ok"><slot/></template>`)
       expect(codegenNode.consequent).toMatchObject({
         type: NodeTypes.JS_CALL_EXPRESSION,
         callee: RENDER_SLOT,
-        arguments: ['$slots', '"default"', createObjectMatcher({ key: `[0]` })]
+        arguments: ['$slots', '"default"', createObjectMatcher({ key: `[0]` })],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -428,12 +428,12 @@ describe('compiler: v-if', () => {
     test('v-if on <slot/>', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<slot v-if="ok"></slot>`)
       expect(codegenNode.consequent).toMatchObject({
         type: NodeTypes.JS_CALL_EXPRESSION,
         callee: RENDER_SLOT,
-        arguments: ['$slots', '"default"', createObjectMatcher({ key: `[0]` })]
+        arguments: ['$slots', '"default"', createObjectMatcher({ key: `[0]` })],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -441,16 +441,16 @@ describe('compiler: v-if', () => {
     test('v-if + v-else', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok"/><p v-else/>`)
       assertSharedCodegen(codegenNode, 0, true)
       expect(codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       expect(codegenNode.alternate).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[1]` })
+        props: createObjectMatcher({ key: `[1]` }),
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -458,17 +458,17 @@ describe('compiler: v-if', () => {
     test('v-if + v-else-if', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok"/><p v-else-if="orNot" />`)
       assertSharedCodegen(codegenNode, 1)
       expect(codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       const branch2 = codegenNode.alternate as ConditionalExpression
       expect(branch2.consequent).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[1]` })
+        props: createObjectMatcher({ key: `[1]` }),
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -476,19 +476,19 @@ describe('compiler: v-if', () => {
     test('v-if + v-else-if + v-else', () => {
       const {
         root,
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(
-        `<div v-if="ok"/><p v-else-if="orNot"/><template v-else>fine</template>`
+        `<div v-if="ok"/><p v-else-if="orNot"/><template v-else>fine</template>`,
       )
       assertSharedCodegen(codegenNode, 1, true)
       expect(codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       const branch2 = codegenNode.alternate as ConditionalExpression
       expect(branch2.consequent).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[1]` })
+        props: createObjectMatcher({ key: `[1]` }),
       })
       expect(branch2.alternate).toMatchObject({
         tag: FRAGMENT,
@@ -496,9 +496,9 @@ describe('compiler: v-if', () => {
         children: [
           {
             type: NodeTypes.TEXT,
-            content: `fine`
-          }
-        ]
+            content: `fine`,
+          },
+        ],
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -508,7 +508,7 @@ describe('compiler: v-if', () => {
         `<div v-if="ok"/><p v-if="orNot"/>`,
         {},
         0 /* returnIndex, just give the default value */,
-        2 /* childrenLen */
+        2 /* childrenLen */,
       )
 
       const ifNode = root.children[0] as IfNode & {
@@ -516,14 +516,14 @@ describe('compiler: v-if', () => {
       }
       expect(ifNode.codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       const ifNode2 = root.children[1] as IfNode & {
         codegenNode: IfConditionalExpression
       }
       expect(ifNode2.codegenNode.consequent).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[1]` })
+        props: createObjectMatcher({ key: `[1]` }),
       })
       expect(generate(root).code).toMatchSnapshot()
     })
@@ -533,41 +533,41 @@ describe('compiler: v-if', () => {
         `<div v-if="ok"/><p v-else/><div v-if="another"/><p v-else-if="orNot"/><p v-else/>`,
         {},
         0 /* returnIndex, just give the default value */,
-        2 /* childrenLen */
+        2 /* childrenLen */,
       )
       const ifNode = root.children[0] as IfNode & {
         codegenNode: IfConditionalExpression
       }
       expect(ifNode.codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       expect(ifNode.codegenNode.alternate).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[1]` })
+        props: createObjectMatcher({ key: `[1]` }),
       })
       const ifNode2 = root.children[1] as IfNode & {
         codegenNode: IfConditionalExpression
       }
       expect(ifNode2.codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[2]` })
+        props: createObjectMatcher({ key: `[2]` }),
       })
       const branch = ifNode2.codegenNode.alternate as IfConditionalExpression
       expect(branch.consequent).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[3]` })
+        props: createObjectMatcher({ key: `[3]` }),
       })
       expect(branch.alternate).toMatchObject({
         tag: `"p"`,
-        props: createObjectMatcher({ key: `[4]` })
+        props: createObjectMatcher({ key: `[4]` }),
       })
       expect(generate(root).code).toMatchSnapshot()
     })
 
     test('key injection (only v-bind)', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok" v-bind="obj"/>`)
       const branch1 = codegenNode.consequent as VNodeCall
       expect(branch1.props).toMatchObject({
@@ -577,15 +577,18 @@ describe('compiler: v-if', () => {
           {
             type: NodeTypes.JS_CALL_EXPRESSION,
             callee: MERGE_PROPS,
-            arguments: [createObjectMatcher({ key: `[0]` }), { content: `obj` }]
-          }
-        ]
+            arguments: [
+              createObjectMatcher({ key: `[0]` }),
+              { content: `obj` },
+            ],
+          },
+        ],
       })
     })
 
     test('key injection (before v-bind)', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok" id="foo" v-bind="obj"/>`)
       const branch1 = codegenNode.consequent as VNodeCall
       expect(branch1.props).toMatchObject({
@@ -594,16 +597,16 @@ describe('compiler: v-if', () => {
         arguments: [
           createObjectMatcher({
             key: '[0]',
-            id: 'foo'
+            id: 'foo',
           }),
-          { content: `obj` }
-        ]
+          { content: `obj` },
+        ],
       })
     })
 
     test('key injection (after v-bind)', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok" v-bind="obj" id="foo"/>`)
       const branch1 = codegenNode.consequent as VNodeCall
       expect(branch1.props).toMatchObject({
@@ -613,15 +616,15 @@ describe('compiler: v-if', () => {
           createObjectMatcher({ key: `[0]` }),
           { content: `obj` },
           createObjectMatcher({
-            id: 'foo'
-          })
-        ]
+            id: 'foo',
+          }),
+        ],
       })
     })
 
     test('key injection (w/ custom directive)', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok" v-foo />`)
       const branch1 = codegenNode.consequent as VNodeCall
       expect(branch1.directives).not.toBeUndefined()
@@ -631,7 +634,7 @@ describe('compiler: v-if', () => {
     // #6631
     test('avoid duplicate keys', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(`<div v-if="ok" key="custom_key" v-bind="obj"/>`)
       const branch1 = codegenNode.consequent as VNodeCall
       expect(branch1.props).toMatchObject({
@@ -639,31 +642,31 @@ describe('compiler: v-if', () => {
         callee: MERGE_PROPS,
         arguments: [
           createObjectMatcher({
-            key: 'custom_key'
+            key: 'custom_key',
           }),
-          { content: `obj` }
-        ]
+          { content: `obj` },
+        ],
       })
     })
 
     test('with spaces between branches', () => {
       const {
-        node: { codegenNode }
+        node: { codegenNode },
       } = parseWithIfTransform(
-        `<div v-if="ok"/> <div v-else-if="no"/> <div v-else/>`
+        `<div v-if="ok"/> <div v-else-if="no"/> <div v-else/>`,
       )
       expect(codegenNode.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[0]` })
+        props: createObjectMatcher({ key: `[0]` }),
       })
       const branch = codegenNode.alternate as ConditionalExpression
       expect(branch.consequent).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[1]` })
+        props: createObjectMatcher({ key: `[1]` }),
       })
       expect(branch.alternate).toMatchObject({
         tag: `"div"`,
-        props: createObjectMatcher({ key: `[2]` })
+        props: createObjectMatcher({ key: `[2]` }),
       })
     })
 
@@ -729,7 +732,7 @@ describe('compiler: v-if', () => {
             <p/>
           </template>
         `,
-        { comments: true }
+        { comments: true },
       )
       __DEV__ = true
     })
@@ -737,21 +740,21 @@ describe('compiler: v-if', () => {
 
   test('v-on with v-if', () => {
     const {
-      node: { codegenNode }
+      node: { codegenNode },
     } = parseWithIfTransform(
-      `<button v-on="{ click: clickEvent }" v-if="true">w/ v-if</button>`
+      `<button v-on="{ click: clickEvent }" v-if="true">w/ v-if</button>`,
     )
 
     expect((codegenNode.consequent as any).props.type).toBe(
-      NodeTypes.JS_CALL_EXPRESSION
+      NodeTypes.JS_CALL_EXPRESSION,
     )
     expect((codegenNode.consequent as any).props.callee).toBe(MERGE_PROPS)
     expect(
       (codegenNode.consequent as any).props.arguments[0].properties[0].value
-        .content
+        .content,
     ).toBe('0')
     expect((codegenNode.consequent as any).props.arguments[1].callee).toBe(
-      TO_HANDLERS
+      TO_HANDLERS,
     )
   })
 })
diff --git a/packages/compiler-core/__tests__/transforms/vMemo.spec.ts b/packages/compiler-core/__tests__/transforms/vMemo.spec.ts
index 1b259f7ca68..85769e6e977 100644
--- a/packages/compiler-core/__tests__/transforms/vMemo.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vMemo.spec.ts
@@ -4,7 +4,7 @@ describe('compiler: v-memo transform', () => {
   function compile(content: string) {
     return baseCompile(`<div>${content}</div>`, {
       mode: 'module',
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     }).code
   }
 
@@ -12,8 +12,8 @@ describe('compiler: v-memo transform', () => {
     expect(
       baseCompile(`<div v-memo="[x]"></div>`, {
         mode: 'module',
-        prefixIdentifiers: true
-      }).code
+        prefixIdentifiers: true,
+      }).code,
     ).toMatchSnapshot()
   })
 
@@ -29,8 +29,8 @@ describe('compiler: v-memo transform', () => {
     expect(
       compile(
         `<div v-if="ok" v-memo="[x]"><span>foo</span>bar</div>
-        <Comp v-else v-memo="[x]"></Comp>`
-      )
+        <Comp v-else v-memo="[x]"></Comp>`,
+      ),
     ).toMatchSnapshot()
   })
 
@@ -39,8 +39,8 @@ describe('compiler: v-memo transform', () => {
       compile(
         `<div v-for="{ x, y } in list" :key="x" v-memo="[x, y === z]">
           <span>foobar</span>
-        </div>`
-      )
+        </div>`,
+      ),
     ).toMatchSnapshot()
   })
 
@@ -49,8 +49,8 @@ describe('compiler: v-memo transform', () => {
       compile(
         `<template v-for="{ x, y } in list" :key="x" v-memo="[x, y === z]">
           <span>foobar</span>
-        </template>`
-      )
+        </template>`,
+      ),
     ).toMatchSnapshot()
   })
 })
diff --git a/packages/compiler-core/__tests__/transforms/vModel.spec.ts b/packages/compiler-core/__tests__/transforms/vModel.spec.ts
index ef3485fba05..903113092ca 100644
--- a/packages/compiler-core/__tests__/transforms/vModel.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vModel.spec.ts
@@ -11,7 +11,7 @@ import {
   NodeTypes,
   VNodeCall,
   NORMALIZE_PROPS,
-  BindingTypes
+  BindingTypes,
 } from '../../src'
 import { ErrorCodes } from '../../src/errors'
 import { transformModel } from '../../src/transforms/vModel'
@@ -29,13 +29,13 @@ function parseWithVModel(template: string, options: CompilerOptions = {}) {
       transformFor,
       transformExpression,
       transformElement,
-      trackSlotScopes
+      trackSlotScopes,
     ],
     directiveTransforms: {
       ...options.directiveTransforms,
-      model: transformModel
+      model: transformModel,
     },
-    ...options
+    ...options,
   })
 
   return ast
@@ -51,29 +51,29 @@ describe('compiler: transform v-model', () => {
     expect(props[0]).toMatchObject({
       key: {
         content: 'modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: 'model',
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
 
     expect(props[1]).toMatchObject({
       key: {
         content: 'onUpdate:modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
           '$event => ((',
           {
             content: 'model',
-            isStatic: false
+            isStatic: false,
           },
-          ') = $event)'
-        ]
-      }
+          ') = $event)',
+        ],
+      },
     })
 
     expect(generate(root).code).toMatchSnapshot()
@@ -81,7 +81,7 @@ describe('compiler: transform v-model', () => {
 
   test('simple expression (with prefixIdentifiers)', () => {
     const root = parseWithVModel('<input v-model="model" />', {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     const node = root.children[0] as ElementNode
     const props = ((node.codegenNode as VNodeCall).props as ObjectExpression)
@@ -90,29 +90,29 @@ describe('compiler: transform v-model', () => {
     expect(props[0]).toMatchObject({
       key: {
         content: 'modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: '_ctx.model',
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
 
     expect(props[1]).toMatchObject({
       key: {
         content: 'onUpdate:modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
           '$event => ((',
           {
             content: '_ctx.model',
-            isStatic: false
+            isStatic: false,
           },
-          ') = $event)'
-        ]
-      }
+          ') = $event)',
+        ],
+      },
     })
 
     expect(generate(root, { mode: 'module' }).code).toMatchSnapshot()
@@ -128,29 +128,29 @@ describe('compiler: transform v-model', () => {
     expect(props[0]).toMatchObject({
       key: {
         content: 'modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: '\n model\n.\nfoo \n',
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
 
     expect(props[1]).toMatchObject({
       key: {
         content: 'onUpdate:modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
           '$event => ((',
           {
             content: '\n model\n.\nfoo \n',
-            isStatic: false
+            isStatic: false,
           },
-          ') = $event)'
-        ]
-      }
+          ') = $event)',
+        ],
+      },
     })
 
     expect(generate(root).code).toMatchSnapshot()
@@ -165,29 +165,29 @@ describe('compiler: transform v-model', () => {
     expect(props[0]).toMatchObject({
       key: {
         content: 'modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: 'model[index]',
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
 
     expect(props[1]).toMatchObject({
       key: {
         content: 'onUpdate:modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
           '$event => ((',
           {
             content: 'model[index]',
-            isStatic: false
+            isStatic: false,
           },
-          ') = $event)'
-        ]
-      }
+          ') = $event)',
+        ],
+      },
     })
 
     expect(generate(root).code).toMatchSnapshot()
@@ -195,7 +195,7 @@ describe('compiler: transform v-model', () => {
 
   test('compound expression (with prefixIdentifiers)', () => {
     const root = parseWithVModel('<input v-model="model[index]" />', {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     const node = root.children[0] as ElementNode
     const props = ((node.codegenNode as VNodeCall).props as ObjectExpression)
@@ -204,28 +204,28 @@ describe('compiler: transform v-model', () => {
     expect(props[0]).toMatchObject({
       key: {
         content: 'modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
           {
             content: '_ctx.model',
-            isStatic: false
+            isStatic: false,
           },
           '[',
           {
             content: '_ctx.index',
-            isStatic: false
+            isStatic: false,
           },
-          ']'
-        ]
-      }
+          ']',
+        ],
+      },
     })
 
     expect(props[1]).toMatchObject({
       key: {
         content: 'onUpdate:modelValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
@@ -234,19 +234,19 @@ describe('compiler: transform v-model', () => {
             children: [
               {
                 content: '_ctx.model',
-                isStatic: false
+                isStatic: false,
               },
               '[',
               {
                 content: '_ctx.index',
-                isStatic: false
+                isStatic: false,
               },
-              ']'
-            ]
+              ']',
+            ],
           },
-          ') = $event)'
-        ]
-      }
+          ') = $event)',
+        ],
+      },
     })
 
     expect(generate(root, { mode: 'module' }).code).toMatchSnapshot()
@@ -260,29 +260,29 @@ describe('compiler: transform v-model', () => {
     expect(props[0]).toMatchObject({
       key: {
         content: 'foo-value',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         content: 'model',
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
 
     expect(props[1]).toMatchObject({
       key: {
         content: 'onUpdate:fooValue',
-        isStatic: true
+        isStatic: true,
       },
       value: {
         children: [
           '$event => ((',
           {
             content: 'model',
-            isStatic: false
+            isStatic: false,
           },
-          ') = $event)'
-        ]
-      }
+          ') = $event)',
+        ],
+      },
     })
 
     expect(generate(root).code).toMatchSnapshot()
@@ -304,12 +304,12 @@ describe('compiler: transform v-model', () => {
             {
               key: {
                 content: 'value',
-                isStatic: false
+                isStatic: false,
               },
               value: {
                 content: 'model',
-                isStatic: false
-              }
+                isStatic: false,
+              },
             },
             {
               key: {
@@ -317,24 +317,24 @@ describe('compiler: transform v-model', () => {
                   '"onUpdate:" + ',
                   {
                     content: 'value',
-                    isStatic: false
-                  }
-                ]
+                    isStatic: false,
+                  },
+                ],
               },
               value: {
                 children: [
                   '$event => ((',
                   {
                     content: 'model',
-                    isStatic: false
+                    isStatic: false,
                   },
-                  ') = $event)'
-                ]
-              }
-            }
-          ]
-        }
-      ]
+                  ') = $event)',
+                ],
+              },
+            },
+          ],
+        },
+      ],
     })
 
     expect(generate(root).code).toMatchSnapshot()
@@ -342,7 +342,7 @@ describe('compiler: transform v-model', () => {
 
   test('with dynamic argument (with prefixIdentifiers)', () => {
     const root = parseWithVModel('<input v-model:[value]="model" />', {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     const node = root.children[0] as ElementNode
     const props = (node.codegenNode as VNodeCall)
@@ -358,12 +358,12 @@ describe('compiler: transform v-model', () => {
             {
               key: {
                 content: '_ctx.value',
-                isStatic: false
+                isStatic: false,
               },
               value: {
                 content: '_ctx.model',
-                isStatic: false
-              }
+                isStatic: false,
+              },
             },
             {
               key: {
@@ -371,24 +371,24 @@ describe('compiler: transform v-model', () => {
                   '"onUpdate:" + ',
                   {
                     content: '_ctx.value',
-                    isStatic: false
-                  }
-                ]
+                    isStatic: false,
+                  },
+                ],
               },
               value: {
                 children: [
                   '$event => ((',
                   {
                     content: '_ctx.model',
-                    isStatic: false
+                    isStatic: false,
                   },
-                  ') = $event)'
-                ]
-              }
-            }
-          ]
-        }
-      ]
+                  ') = $event)',
+                ],
+              },
+            },
+          ],
+        },
+      ],
     })
 
     expect(generate(root, { mode: 'module' }).code).toMatchSnapshot()
@@ -397,7 +397,7 @@ describe('compiler: transform v-model', () => {
   test('should cache update handler w/ cacheHandlers: true', () => {
     const root = parseWithVModel('<input v-model="foo" />', {
       prefixIdentifiers: true,
-      cacheHandlers: true
+      cacheHandlers: true,
     })
     expect(root.cached).toBe(1)
     const codegen = (root.children[0] as PlainElementNode)
@@ -405,7 +405,7 @@ describe('compiler: transform v-model', () => {
     // should not list cached prop in dynamicProps
     expect(codegen.dynamicProps).toBe(`["modelValue"]`)
     expect((codegen.props as ObjectExpression).properties[1].value.type).toBe(
-      NodeTypes.JS_CACHE_EXPRESSION
+      NodeTypes.JS_CACHE_EXPRESSION,
     )
   })
 
@@ -414,8 +414,8 @@ describe('compiler: transform v-model', () => {
       '<input v-for="i in list" v-model="foo[i]" />',
       {
         prefixIdentifiers: true,
-        cacheHandlers: true
-      }
+        cacheHandlers: true,
+      },
     )
     expect(root.cached).toBe(0)
     const codegen = (
@@ -423,14 +423,14 @@ describe('compiler: transform v-model', () => {
     ).codegenNode as VNodeCall
     expect(codegen.dynamicProps).toBe(`["modelValue", "onUpdate:modelValue"]`)
     expect(
-      (codegen.props as ObjectExpression).properties[1].value.type
+      (codegen.props as ObjectExpression).properties[1].value.type,
     ).not.toBe(NodeTypes.JS_CACHE_EXPRESSION)
   })
 
   test('should not cache update handler if it inside v-once', () => {
     const root = parseWithVModel('<div v-once><input v-model="foo" /></div>', {
       prefixIdentifiers: true,
-      cacheHandlers: true
+      cacheHandlers: true,
     })
     expect(root.cached).not.toBe(2)
     expect(root.cached).toBe(1)
@@ -440,8 +440,8 @@ describe('compiler: transform v-model', () => {
     const root = parseWithVModel(
       '<Comp v-slot="{ foo }"><input v-model="foo.bar"/></Comp>',
       {
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     const codegen = (
       (root.children[0] as ComponentNode).children[0] as PlainElementNode
@@ -451,7 +451,7 @@ describe('compiler: transform v-model', () => {
 
   test('should generate modelModifiers for component v-model', () => {
     const root = parseWithVModel('<Comp v-model.trim.bar-baz="foo" />', {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     const vnodeCall = (root.children[0] as ComponentNode)
       .codegenNode as VNodeCall
@@ -462,9 +462,12 @@ describe('compiler: transform v-model', () => {
         { key: { content: `onUpdate:modelValue` } },
         {
           key: { content: 'modelModifiers' },
-          value: { content: `{ trim: true, "bar-baz": true }`, isStatic: false }
-        }
-      ]
+          value: {
+            content: `{ trim: true, "bar-baz": true }`,
+            isStatic: false,
+          },
+        },
+      ],
     })
     // should NOT include modelModifiers in dynamicPropNames because it's never
     // gonna change
@@ -475,8 +478,8 @@ describe('compiler: transform v-model', () => {
     const root = parseWithVModel(
       '<Comp v-model:foo.trim="foo" v-model:bar.number="bar" />',
       {
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     const vnodeCall = (root.children[0] as ComponentNode)
       .codegenNode as VNodeCall
@@ -487,20 +490,20 @@ describe('compiler: transform v-model', () => {
         { key: { content: `onUpdate:foo` } },
         {
           key: { content: 'fooModifiers' },
-          value: { content: `{ trim: true }`, isStatic: false }
+          value: { content: `{ trim: true }`, isStatic: false },
         },
         { key: { content: `bar` } },
         { key: { content: `onUpdate:bar` } },
         {
           key: { content: 'barModifiers' },
-          value: { content: `{ number: true }`, isStatic: false }
-        }
-      ]
+          value: { content: `{ number: true }`, isStatic: false },
+        },
+      ],
     })
     // should NOT include modelModifiers in dynamicPropNames because it's never
     // gonna change
     expect(vnodeCall.dynamicProps).toBe(
-      `["foo", "onUpdate:foo", "bar", "onUpdate:bar"]`
+      `["foo", "onUpdate:foo", "bar", "onUpdate:bar"]`,
     )
   })
 
@@ -512,8 +515,8 @@ describe('compiler: transform v-model', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_MODEL_NO_EXPRESSION
-        })
+          code: ErrorCodes.X_V_MODEL_NO_EXPRESSION,
+        }),
       )
     })
 
@@ -524,8 +527,8 @@ describe('compiler: transform v-model', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION
-        })
+          code: ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION,
+        }),
       )
     })
 
@@ -536,8 +539,8 @@ describe('compiler: transform v-model', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION
-        })
+          code: ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION,
+        }),
       )
     })
 
@@ -552,14 +555,14 @@ describe('compiler: transform v-model', () => {
       const onError = vi.fn()
       parseWithVModel('<span v-for="i in list" v-model="i" />', {
         onError,
-        prefixIdentifiers: true
+        prefixIdentifiers: true,
       })
 
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_MODEL_ON_SCOPE_VARIABLE
-        })
+          code: ErrorCodes.X_V_MODEL_ON_SCOPE_VARIABLE,
+        }),
       )
     })
 
@@ -568,15 +571,15 @@ describe('compiler: transform v-model', () => {
       parseWithVModel('<div v-model="p" />', {
         onError,
         bindingMetadata: {
-          p: BindingTypes.PROPS
-        }
+          p: BindingTypes.PROPS,
+        },
       })
 
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: ErrorCodes.X_V_MODEL_ON_PROPS
-        })
+          code: ErrorCodes.X_V_MODEL_ON_PROPS,
+        }),
       )
     })
   })
diff --git a/packages/compiler-core/__tests__/transforms/vOn.spec.ts b/packages/compiler-core/__tests__/transforms/vOn.spec.ts
index 218281ba762..8f3083f4bf7 100644
--- a/packages/compiler-core/__tests__/transforms/vOn.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vOn.spec.ts
@@ -8,7 +8,7 @@ import {
   NodeTypes,
   ObjectExpression,
   transform,
-  VNodeCall
+  VNodeCall,
 } from '../../src'
 import { transformOn } from '../../src/transforms/vOn'
 import { transformElement } from '../../src/transforms/transformElement'
@@ -19,13 +19,13 @@ function parseWithVOn(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms: [transformExpression, transformElement],
     directiveTransforms: {
-      on: transformOn
+      on: transformOn,
     },
-    ...options
+    ...options,
   })
   return {
     root: ast,
-    node: ast.children[0] as ElementNode
+    node: ast.children[0] as ElementNode,
   }
 }
 
@@ -41,13 +41,13 @@ describe('compiler: transform v-on', () => {
             loc: {
               start: {
                 line: 1,
-                column: 11
+                column: 11,
               },
               end: {
                 line: 1,
-                column: 16
-              }
-            }
+                column: 16,
+              },
+            },
           },
           value: {
             content: `onClick`,
@@ -55,16 +55,16 @@ describe('compiler: transform v-on', () => {
             loc: {
               start: {
                 line: 1,
-                column: 18
+                column: 18,
               },
               end: {
                 line: 1,
-                column: 25
-              }
-            }
-          }
-        }
-      ]
+                column: 25,
+              },
+            },
+          },
+        },
+      ],
     })
   })
 
@@ -78,22 +78,22 @@ describe('compiler: transform v-on', () => {
             children: [
               `_${helperNameMap[TO_HANDLER_KEY]}(`,
               { content: `event` },
-              `)`
-            ]
+              `)`,
+            ],
           },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `handler`,
-            isStatic: false
-          }
-        }
-      ]
+            isStatic: false,
+          },
+        },
+      ],
     })
   })
 
   test('dynamic arg with prefixing', () => {
     const { node } = parseWithVOn(`<div v-on:[event]="handler"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -103,22 +103,22 @@ describe('compiler: transform v-on', () => {
             children: [
               `_${helperNameMap[TO_HANDLER_KEY]}(`,
               { content: `_ctx.event` },
-              `)`
-            ]
+              `)`,
+            ],
           },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `_ctx.handler`,
-            isStatic: false
-          }
-        }
-      ]
+            isStatic: false,
+          },
+        },
+      ],
     })
   })
 
   test('dynamic arg with complex exp prefixing', () => {
     const { node } = parseWithVOn(`<div v-on:[event(foo)]="handler"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -131,16 +131,16 @@ describe('compiler: transform v-on', () => {
               `(`,
               { content: `_ctx.foo` },
               `)`,
-              `)`
-            ]
+              `)`,
+            ],
           },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `_ctx.handler`,
-            isStatic: false
-          }
-        }
-      ]
+            isStatic: false,
+          },
+        },
+      ],
     })
   })
 
@@ -152,10 +152,10 @@ describe('compiler: transform v-on', () => {
           key: { content: `onClick` },
           value: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [`$event => (`, { content: `i++` }, `)`]
-          }
-        }
-      ]
+            children: [`$event => (`, { content: `i++` }, `)`],
+          },
+        },
+      ],
     })
   })
 
@@ -170,10 +170,10 @@ describe('compiler: transform v-on', () => {
             // should wrap with `{` for multiple statements
             // in this case the return value is discarded and the behavior is
             // consistent with 2.x
-            children: [`$event => {`, { content: `foo();bar()` }, `}`]
-          }
-        }
-      ]
+            children: [`$event => {`, { content: `foo();bar()` }, `}`],
+          },
+        },
+      ],
     })
   })
 
@@ -188,16 +188,16 @@ describe('compiler: transform v-on', () => {
             // should wrap with `{` for multiple statements
             // in this case the return value is discarded and the behavior is
             // consistent with 2.x
-            children: [`$event => {`, { content: `\nfoo();\nbar()\n` }, `}`]
-          }
-        }
-      ]
+            children: [`$event => {`, { content: `\nfoo();\nbar()\n` }, `}`],
+          },
+        },
+      ],
     })
   })
 
   test('inline statement w/ prefixIdentifiers: true', () => {
     const { node } = parseWithVOn(`<div @click="foo($event)"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -214,20 +214,20 @@ describe('compiler: transform v-on', () => {
                   `(`,
                   // should NOT prefix $event
                   { content: `$event` },
-                  `)`
-                ]
+                  `)`,
+                ],
               },
-              `)`
-            ]
-          }
-        }
-      ]
+              `)`,
+            ],
+          },
+        },
+      ],
     })
   })
 
   test('multiple inline statements w/ prefixIdentifiers: true', () => {
     const { node } = parseWithVOn(`<div @click="foo($event);bar()"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -245,14 +245,14 @@ describe('compiler: transform v-on', () => {
                   { content: `$event` },
                   `);`,
                   { content: `_ctx.bar` },
-                  `()`
-                ]
+                  `()`,
+                ],
               },
-              `}`
-            ]
-          }
-        }
-      ]
+              `}`,
+            ],
+          },
+        },
+      ],
     })
   })
 
@@ -264,10 +264,10 @@ describe('compiler: transform v-on', () => {
           key: { content: `onClick` },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
-            content: `$event => foo($event)`
-          }
-        }
-      ]
+            content: `$event => foo($event)`,
+          },
+        },
+      ],
     })
   })
 
@@ -279,10 +279,10 @@ describe('compiler: transform v-on', () => {
           key: { content: `onClick` },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
-            content: `(e: any): any => foo(e)`
-          }
-        }
-      ]
+            content: `(e: any): any => foo(e)`,
+          },
+        },
+      ],
     })
   })
 
@@ -292,7 +292,7 @@ describe('compiler: transform v-on', () => {
       $event => {
         foo($event)
       }
-    "/>`
+    "/>`,
     )
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -304,10 +304,10 @@ describe('compiler: transform v-on', () => {
       $event => {
         foo($event)
       }
-    `
-          }
-        }
-      ]
+    `,
+          },
+        },
+      ],
     })
   })
 
@@ -317,7 +317,7 @@ describe('compiler: transform v-on', () => {
       function($event) {
         foo($event)
       }
-    "/>`
+    "/>`,
     )
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -329,10 +329,10 @@ describe('compiler: transform v-on', () => {
       function($event) {
         foo($event)
       }
-    `
-          }
-        }
-      ]
+    `,
+          },
+        },
+      ],
     })
   })
 
@@ -344,16 +344,16 @@ describe('compiler: transform v-on', () => {
           key: { content: `onClick` },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
-            content: `a['b' + c]`
-          }
-        }
-      ]
+            content: `a['b' + c]`,
+          },
+        },
+      ],
     })
   })
 
   test('complex member expression w/ prefixIdentifiers: true', () => {
     const { node } = parseWithVOn(`<div @click="a['b' + c]"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -365,17 +365,17 @@ describe('compiler: transform v-on', () => {
               { content: `_ctx.a` },
               `['b' + `,
               { content: `_ctx.c` },
-              `]`
-            ]
-          }
-        }
-      ]
+              `]`,
+            ],
+          },
+        },
+      ],
     })
   })
 
   test('function expression w/ prefixIdentifiers: true', () => {
     const { node } = parseWithVOn(`<div @click="e => foo(e)"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
@@ -389,11 +389,11 @@ describe('compiler: transform v-on', () => {
               { content: `_ctx.foo` },
               `(`,
               { content: `e` },
-              `)`
-            ]
-          }
-        }
-      ]
+              `)`,
+            ],
+          },
+        },
+      ],
     })
   })
 
@@ -405,13 +405,13 @@ describe('compiler: transform v-on', () => {
       loc: {
         start: {
           line: 1,
-          column: 6
+          column: 6,
         },
         end: {
           line: 1,
-          column: 16
-        }
-      }
+          column: 16,
+        },
+      },
     })
   })
 
@@ -427,13 +427,13 @@ describe('compiler: transform v-on', () => {
       properties: [
         {
           key: {
-            content: `onFooBar`
+            content: `onFooBar`,
           },
           value: {
-            content: `onMount`
-          }
-        }
-      ]
+            content: `onMount`,
+          },
+        },
+      ],
     })
   })
 
@@ -444,40 +444,40 @@ describe('compiler: transform v-on', () => {
       properties: [
         {
           key: {
-            content: `onVnodeMounted`
+            content: `onVnodeMounted`,
           },
           value: {
-            content: `onMount`
-          }
-        }
-      ]
+            content: `onMount`,
+          },
+        },
+      ],
     })
     expect('@vnode-* hooks in templates are deprecated').toHaveBeenWarned()
   })
 
   test('vue: prefixed events', () => {
     const { node } = parseWithVOn(
-      `<div v-on:vue:mounted="onMount" @vue:before-update="onBeforeUpdate" />`
+      `<div v-on:vue:mounted="onMount" @vue:before-update="onBeforeUpdate" />`,
     )
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       properties: [
         {
           key: {
-            content: `onVnodeMounted`
+            content: `onVnodeMounted`,
           },
           value: {
-            content: `onMount`
-          }
+            content: `onMount`,
+          },
         },
         {
           key: {
-            content: `onVnodeBeforeUpdate`
+            content: `onVnodeBeforeUpdate`,
           },
           value: {
-            content: `onBeforeUpdate`
-          }
-        }
-      ]
+            content: `onBeforeUpdate`,
+          },
+        },
+      ],
     })
   })
 
@@ -485,35 +485,35 @@ describe('compiler: transform v-on', () => {
     test('empty handler', () => {
       const { root, node } = parseWithVOn(`<div v-on:click.prevent />`, {
         prefixIdentifiers: true,
-        cacheHandlers: true
+        cacheHandlers: true,
       })
       expect(root.cached).toBe(1)
       const vnodeCall = node.codegenNode as VNodeCall
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
         value: {
           type: NodeTypes.SIMPLE_EXPRESSION,
-          content: `() => {}`
-        }
+          content: `() => {}`,
+        },
       })
     })
 
     test('member expression handler', () => {
       const { root, node } = parseWithVOn(`<div v-on:click="foo" />`, {
         prefixIdentifiers: true,
-        cacheHandlers: true
+        cacheHandlers: true,
       })
       expect(root.cached).toBe(1)
       const vnodeCall = node.codegenNode as VNodeCall
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
@@ -522,23 +522,23 @@ describe('compiler: transform v-on', () => {
           children: [
             `(...args) => (`,
             { content: `_ctx.foo && _ctx.foo(...args)` },
-            `)`
-          ]
-        }
+            `)`,
+          ],
+        },
       })
     })
 
     test('compound member expression handler', () => {
       const { root, node } = parseWithVOn(`<div v-on:click="foo.bar" />`, {
         prefixIdentifiers: true,
-        cacheHandlers: true
+        cacheHandlers: true,
       })
       expect(root.cached).toBe(1)
       const vnodeCall = node.codegenNode as VNodeCall
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
@@ -555,12 +555,12 @@ describe('compiler: transform v-on', () => {
                 { content: `_ctx.foo` },
                 `.`,
                 { content: `bar` },
-                `(...args)`
-              ]
+                `(...args)`,
+              ],
             },
-            `)`
-          ]
-        }
+            `)`,
+          ],
+        },
       })
     })
 
@@ -568,7 +568,7 @@ describe('compiler: transform v-on', () => {
       const { root } = parseWithVOn(`<comp v-on:click="foo" />`, {
         prefixIdentifiers: true,
         cacheHandlers: true,
-        isNativeTag: tag => tag === 'div'
+        isNativeTag: tag => tag === 'div',
       })
       expect(root.cached).toBe(0)
     })
@@ -578,8 +578,8 @@ describe('compiler: transform v-on', () => {
         `<div v-once><div v-on:click="foo"/></div>`,
         {
           prefixIdentifiers: true,
-          cacheHandlers: true
-        }
+          cacheHandlers: true,
+        },
       )
       expect(root.cached).not.toBe(2)
       expect(root.cached).toBe(1)
@@ -588,21 +588,21 @@ describe('compiler: transform v-on', () => {
     test('inline function expression handler', () => {
       const { root, node } = parseWithVOn(`<div v-on:click="() => foo()" />`, {
         prefixIdentifiers: true,
-        cacheHandlers: true
+        cacheHandlers: true,
       })
       expect(root.cached).toBe(1)
       const vnodeCall = node.codegenNode as VNodeCall
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
         value: {
           type: NodeTypes.COMPOUND_EXPRESSION,
-          children: [`() => `, { content: `_ctx.foo` }, `()`]
-        }
+          children: [`() => `, { content: `_ctx.foo` }, `()`],
+        },
       })
     })
 
@@ -611,22 +611,22 @@ describe('compiler: transform v-on', () => {
         `<div v-on:click="async () => await foo()" />`,
         {
           prefixIdentifiers: true,
-          cacheHandlers: true
-        }
+          cacheHandlers: true,
+        },
       )
       expect(root.cached).toBe(1)
       const vnodeCall = node.codegenNode as VNodeCall
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
         value: {
           type: NodeTypes.COMPOUND_EXPRESSION,
-          children: [`async () => await `, { content: `_ctx.foo` }, `()`]
-        }
+          children: [`async () => await `, { content: `_ctx.foo` }, `()`],
+        },
       })
     })
 
@@ -635,15 +635,15 @@ describe('compiler: transform v-on', () => {
         `<div v-on:click="async function () { await foo() } " />`,
         {
           prefixIdentifiers: true,
-          cacheHandlers: true
-        }
+          cacheHandlers: true,
+        },
       )
       expect(root.cached).toBe(1)
       const vnodeCall = node.codegenNode as VNodeCall
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
@@ -652,16 +652,16 @@ describe('compiler: transform v-on', () => {
           children: [
             `async function () { await `,
             { content: `_ctx.foo` },
-            `() } `
-          ]
-        }
+            `() } `,
+          ],
+        },
       })
     })
 
     test('inline statement handler', () => {
       const { root, node } = parseWithVOn(`<div v-on:click="foo++" />`, {
         prefixIdentifiers: true,
-        cacheHandlers: true
+        cacheHandlers: true,
       })
       expect(root.cached).toBe(1)
       expect(root.cached).toBe(1)
@@ -669,7 +669,7 @@ describe('compiler: transform v-on', () => {
       // should not treat cached handler as dynamicProp, so no flags
       expect(vnodeCall.patchFlag).toBeUndefined()
       expect(
-        (vnodeCall.props as ObjectExpression).properties[0].value
+        (vnodeCall.props as ObjectExpression).properties[0].value,
       ).toMatchObject({
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
@@ -678,9 +678,9 @@ describe('compiler: transform v-on', () => {
           children: [
             `$event => (`,
             { children: [{ content: `_ctx.foo` }, `++`] },
-            `)`
-          ]
-        }
+            `)`,
+          ],
+        },
       })
     })
   })
diff --git a/packages/compiler-core/__tests__/transforms/vOnce.spec.ts b/packages/compiler-core/__tests__/transforms/vOnce.spec.ts
index 553ac1dfac4..7f19d6db719 100644
--- a/packages/compiler-core/__tests__/transforms/vOnce.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vOnce.spec.ts
@@ -4,7 +4,7 @@ import {
   NodeTypes,
   generate,
   CompilerOptions,
-  getBaseTransformPreset
+  getBaseTransformPreset,
 } from '../../src'
 import { RENDER_SLOT, SET_BLOCK_TRACKING } from '../../src/runtimeHelpers'
 
@@ -14,7 +14,7 @@ function transformWithOnce(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms,
     directiveTransforms,
-    ...options
+    ...options,
   })
   return ast
 }
@@ -29,8 +29,8 @@ describe('compiler: v-once transform', () => {
       index: 0,
       value: {
         type: NodeTypes.VNODE_CALL,
-        tag: `"div"`
-      }
+        tag: `"div"`,
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -44,8 +44,8 @@ describe('compiler: v-once transform', () => {
       index: 0,
       value: {
         type: NodeTypes.VNODE_CALL,
-        tag: `"div"`
-      }
+        tag: `"div"`,
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -59,8 +59,8 @@ describe('compiler: v-once transform', () => {
       index: 0,
       value: {
         type: NodeTypes.VNODE_CALL,
-        tag: `_component_Comp`
-      }
+        tag: `_component_Comp`,
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -74,8 +74,8 @@ describe('compiler: v-once transform', () => {
       index: 0,
       value: {
         type: NodeTypes.JS_CALL_EXPRESSION,
-        callee: RENDER_SLOT
-      }
+        callee: RENDER_SLOT,
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -90,7 +90,7 @@ describe('compiler: v-once transform', () => {
   // cached nodes should be ignored by hoistStatic transform
   test('with hoistStatic: true', () => {
     const root = transformWithOnce(`<div><div v-once /></div>`, {
-      hoistStatic: true
+      hoistStatic: true,
     })
     expect(root.cached).toBe(1)
     expect(root.helpers).toContain(SET_BLOCK_TRACKING)
@@ -100,8 +100,8 @@ describe('compiler: v-once transform', () => {
       index: 0,
       value: {
         type: NodeTypes.VNODE_CALL,
-        tag: `"div"`
-      }
+        tag: `"div"`,
+      },
     })
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -119,14 +119,14 @@ describe('compiler: v-once transform', () => {
           type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
           consequent: {
             type: NodeTypes.VNODE_CALL,
-            tag: `"div"`
+            tag: `"div"`,
           },
           alternate: {
             type: NodeTypes.VNODE_CALL,
-            tag: `"p"`
-          }
-        }
-      }
+            tag: `"p"`,
+          },
+        },
+      },
     })
   })
 
@@ -138,8 +138,8 @@ describe('compiler: v-once transform', () => {
       type: NodeTypes.FOR,
       // should cache the entire v-for expression, not just a single branch
       codegenNode: {
-        type: NodeTypes.JS_CACHE_EXPRESSION
-      }
+        type: NodeTypes.JS_CACHE_EXPRESSION,
+      },
     })
   })
 })
diff --git a/packages/compiler-core/__tests__/transforms/vSlot.spec.ts b/packages/compiler-core/__tests__/transforms/vSlot.spec.ts
index bb3d9d2cfa3..be001147755 100644
--- a/packages/compiler-core/__tests__/transforms/vSlot.spec.ts
+++ b/packages/compiler-core/__tests__/transforms/vSlot.spec.ts
@@ -12,7 +12,7 @@ import {
   SlotsExpression,
   ObjectExpression,
   SimpleExpressionNode,
-  RenderSlotCall
+  RenderSlotCall,
 } from '../../src'
 import { transformElement } from '../../src/transforms/transformElement'
 import { transformOn } from '../../src/transforms/vOn'
@@ -21,7 +21,7 @@ import { transformExpression } from '../../src/transforms/transformExpression'
 import { transformSlotOutlet } from '../../src/transforms/transformSlotOutlet'
 import {
   trackSlotScopes,
-  trackVForSlotScopes
+  trackVForSlotScopes,
 } from '../../src/transforms/vSlot'
 import { CREATE_SLOTS, RENDER_LIST } from '../../src/runtimeHelpers'
 import { createObjectMatcher, genFlagText } from '../testUtils'
@@ -31,7 +31,7 @@ import { transformIf } from '../../src/transforms/vIf'
 
 function parseWithSlots(template: string, options: CompilerOptions = {}) {
   const ast = parse(template, {
-    whitespace: options.whitespace
+    whitespace: options.whitespace,
   })
   transform(ast, {
     nodeTransforms: [
@@ -42,13 +42,13 @@ function parseWithSlots(template: string, options: CompilerOptions = {}) {
         : []),
       transformSlotOutlet,
       transformElement,
-      trackSlotScopes
+      trackSlotScopes,
     ],
     directiveTransforms: {
       on: transformOn,
-      bind: transformBind
+      bind: transformBind,
     },
-    ...options
+    ...options,
   })
   return {
     root: ast,
@@ -56,7 +56,7 @@ function parseWithSlots(template: string, options: CompilerOptions = {}) {
       ast.children[0].type === NodeTypes.ELEMENT
         ? ((ast.children[0].codegenNode as VNodeCall)
             .children as SlotsExpression)
-        : null
+        : null,
   }
 }
 
@@ -70,25 +70,25 @@ function createSlotMatcher(obj: Record<string, any>, isDynamic = false) {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             isStatic: !/^\[/.test(key),
-            content: key.replace(/^\[|\]$/g, '')
+            content: key.replace(/^\[|\]$/g, ''),
           },
-          value: obj[key]
+          value: obj[key],
         } as any
       })
       .concat({
         key: { content: `_` },
         value: {
           content: isDynamic ? `2 /* DYNAMIC */` : `1 /* STABLE */`,
-          isStatic: false
-        }
-      })
+          isStatic: false,
+        },
+      }),
   }
 }
 
 describe('compiler: transform component slots', () => {
   test('implicit default slot', () => {
     const { root, slots } = parseWithSlots(`<Comp><div/></Comp>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(slots).toMatchObject(
       createSlotMatcher({
@@ -98,11 +98,11 @@ describe('compiler: transform component slots', () => {
           returns: [
             {
               type: NodeTypes.ELEMENT,
-              tag: `div`
-            }
-          ]
-        }
-      })
+              tag: `div`,
+            },
+          ],
+        },
+      }),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -110,7 +110,7 @@ describe('compiler: transform component slots', () => {
   test('on-component default slot', () => {
     const { root, slots } = parseWithSlots(
       `<Comp v-slot="{ foo }">{{ foo }}{{ bar }}</Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject(
       createSlotMatcher({
@@ -118,24 +118,24 @@ describe('compiler: transform component slots', () => {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
           params: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [`{ `, { content: `foo` }, ` }`]
+            children: [`{ `, { content: `foo` }, ` }`],
           },
           returns: [
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `foo`
-              }
+                content: `foo`,
+              },
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `_ctx.bar`
-              }
-            }
-          ]
-        }
-      })
+                content: `_ctx.bar`,
+              },
+            },
+          ],
+        },
+      }),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -143,7 +143,7 @@ describe('compiler: transform component slots', () => {
   test('on component named slot', () => {
     const { root, slots } = parseWithSlots(
       `<Comp v-slot:named="{ foo }">{{ foo }}{{ bar }}</Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject(
       createSlotMatcher({
@@ -151,24 +151,24 @@ describe('compiler: transform component slots', () => {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
           params: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [`{ `, { content: `foo` }, ` }`]
+            children: [`{ `, { content: `foo` }, ` }`],
           },
           returns: [
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `foo`
-              }
+                content: `foo`,
+              },
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `_ctx.bar`
-              }
-            }
-          ]
-        }
-      })
+                content: `_ctx.bar`,
+              },
+            },
+          ],
+        },
+      }),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -183,7 +183,7 @@ describe('compiler: transform component slots', () => {
           {{ foo }}{{ bar }}
         </template>
       </Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject(
       createSlotMatcher({
@@ -191,45 +191,45 @@ describe('compiler: transform component slots', () => {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
           params: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [`{ `, { content: `foo` }, ` }`]
+            children: [`{ `, { content: `foo` }, ` }`],
           },
           returns: [
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `foo`
-              }
+                content: `foo`,
+              },
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `_ctx.bar`
-              }
-            }
-          ]
+                content: `_ctx.bar`,
+              },
+            },
+          ],
         },
         two: {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
           params: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [`{ `, { content: `bar` }, ` }`]
+            children: [`{ `, { content: `bar` }, ` }`],
           },
           returns: [
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `_ctx.foo`
-              }
+                content: `_ctx.foo`,
+              },
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `bar`
-              }
-            }
-          ]
-        }
-      })
+                content: `bar`,
+              },
+            },
+          ],
+        },
+      }),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -237,7 +237,7 @@ describe('compiler: transform component slots', () => {
   test('on component dynamically named slot', () => {
     const { root, slots } = parseWithSlots(
       `<Comp v-slot:[named]="{ foo }">{{ foo }}{{ bar }}</Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject(
       createSlotMatcher(
@@ -246,26 +246,26 @@ describe('compiler: transform component slots', () => {
             type: NodeTypes.JS_FUNCTION_EXPRESSION,
             params: {
               type: NodeTypes.COMPOUND_EXPRESSION,
-              children: [`{ `, { content: `foo` }, ` }`]
+              children: [`{ `, { content: `foo` }, ` }`],
             },
             returns: [
               {
                 type: NodeTypes.INTERPOLATION,
                 content: {
-                  content: `foo`
-                }
+                  content: `foo`,
+                },
               },
               {
                 type: NodeTypes.INTERPOLATION,
                 content: {
-                  content: `_ctx.bar`
-                }
-              }
-            ]
-          }
+                  content: `_ctx.bar`,
+                },
+              },
+            ],
+          },
         },
-        true
-      )
+        true,
+      ),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -274,7 +274,7 @@ describe('compiler: transform component slots', () => {
     const { root, slots } = parseWithSlots(
       `<Comp>
         <template #one>foo</template>bar<span/>
-      </Comp>`
+      </Comp>`,
     )
     expect(slots).toMatchObject(
       createSlotMatcher({
@@ -284,9 +284,9 @@ describe('compiler: transform component slots', () => {
           returns: [
             {
               type: NodeTypes.TEXT,
-              content: `foo`
-            }
-          ]
+              content: `foo`,
+            },
+          ],
         },
         default: {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
@@ -294,15 +294,15 @@ describe('compiler: transform component slots', () => {
           returns: [
             {
               type: NodeTypes.TEXT,
-              content: `bar`
+              content: `bar`,
             },
             {
               type: NodeTypes.ELEMENT,
-              tag: `span`
-            }
-          ]
-        }
-      })
+              tag: `span`,
+            },
+          ],
+        },
+      }),
     )
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -317,7 +317,7 @@ describe('compiler: transform component slots', () => {
           {{ foo }}{{ bar }}
         </template>
       </Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject(
       createSlotMatcher(
@@ -326,47 +326,47 @@ describe('compiler: transform component slots', () => {
             type: NodeTypes.JS_FUNCTION_EXPRESSION,
             params: {
               type: NodeTypes.COMPOUND_EXPRESSION,
-              children: [`{ `, { content: `foo` }, ` }`]
+              children: [`{ `, { content: `foo` }, ` }`],
             },
             returns: [
               {
                 type: NodeTypes.INTERPOLATION,
                 content: {
-                  content: `foo`
-                }
+                  content: `foo`,
+                },
               },
               {
                 type: NodeTypes.INTERPOLATION,
                 content: {
-                  content: `_ctx.bar`
-                }
-              }
-            ]
+                  content: `_ctx.bar`,
+                },
+              },
+            ],
           },
           '[_ctx.two]': {
             type: NodeTypes.JS_FUNCTION_EXPRESSION,
             params: {
               type: NodeTypes.COMPOUND_EXPRESSION,
-              children: [`{ `, { content: `bar` }, ` }`]
+              children: [`{ `, { content: `bar` }, ` }`],
             },
             returns: [
               {
                 type: NodeTypes.INTERPOLATION,
                 content: {
-                  content: `_ctx.foo`
-                }
+                  content: `_ctx.foo`,
+                },
               },
               {
                 type: NodeTypes.INTERPOLATION,
                 content: {
-                  content: `bar`
-                }
-              }
-            ]
-          }
+                  content: `bar`,
+                },
+              },
+            ],
+          },
         },
-        true
-      )
+        true,
+      ),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -381,7 +381,7 @@ describe('compiler: transform component slots', () => {
           {{ foo }}{{ bar }}{{ baz }}
         </template>
       </Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject(
       createSlotMatcher({
@@ -389,7 +389,7 @@ describe('compiler: transform component slots', () => {
           type: NodeTypes.JS_FUNCTION_EXPRESSION,
           params: {
             type: NodeTypes.COMPOUND_EXPRESSION,
-            children: [`{ `, { content: `foo` }, ` }`]
+            children: [`{ `, { content: `foo` }, ` }`],
           },
           returns: [
             {
@@ -404,63 +404,63 @@ describe('compiler: transform component slots', () => {
                       type: NodeTypes.JS_FUNCTION_EXPRESSION,
                       params: {
                         type: NodeTypes.COMPOUND_EXPRESSION,
-                        children: [`{ `, { content: `bar` }, ` }`]
+                        children: [`{ `, { content: `bar` }, ` }`],
                       },
                       returns: [
                         {
                           type: NodeTypes.INTERPOLATION,
                           content: {
-                            content: `foo`
-                          }
+                            content: `foo`,
+                          },
                         },
                         {
                           type: NodeTypes.INTERPOLATION,
                           content: {
-                            content: `bar`
-                          }
+                            content: `bar`,
+                          },
                         },
                         {
                           type: NodeTypes.INTERPOLATION,
                           content: {
-                            content: `_ctx.baz`
-                          }
-                        }
-                      ]
-                    }
+                            content: `_ctx.baz`,
+                          },
+                        },
+                      ],
+                    },
                   },
-                  true
+                  true,
                 ),
                 // nested slot should be forced dynamic, since scope variables
                 // are not tracked as dependencies of the slot.
-                patchFlag: genFlagText(PatchFlags.DYNAMIC_SLOTS)
-              }
+                patchFlag: genFlagText(PatchFlags.DYNAMIC_SLOTS),
+              },
             },
             // test scope
             {
               type: NodeTypes.TEXT,
-              content: ` `
+              content: ` `,
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `foo`
-              }
+                content: `foo`,
+              },
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `_ctx.bar`
-              }
+                content: `_ctx.bar`,
+              },
             },
             {
               type: NodeTypes.INTERPOLATION,
               content: {
-                content: `_ctx.baz`
-              }
-            }
-          ]
-        }
-      })
+                content: `_ctx.baz`,
+              },
+            },
+          ],
+        },
+      }),
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -469,13 +469,13 @@ describe('compiler: transform component slots', () => {
     const { root } = parseWithSlots(
       `<div v-for="i in list">
         <Comp v-slot="bar">foo</Comp>
-      </div>`
+      </div>`,
     )
     const div = ((root.children[0] as ForNode).children[0] as ElementNode)
       .codegenNode as any
     const comp = div.children[0]
     expect(comp.codegenNode.patchFlag).toBe(
-      genFlagText(PatchFlags.DYNAMIC_SLOTS)
+      genFlagText(PatchFlags.DYNAMIC_SLOTS),
     )
   })
 
@@ -504,14 +504,14 @@ describe('compiler: transform component slots', () => {
       `<div v-for="i in list">
         <Comp v-slot="bar">foo</Comp>
       </div>`,
-      false
+      false,
     )
 
     assertDynamicSlots(
       `<div v-for="i in list">
         <Comp v-slot="bar">{{ i }}</Comp>
       </div>`,
-      true
+      true,
     )
 
     // reference the component's own slot variable should not force dynamic slots
@@ -519,14 +519,14 @@ describe('compiler: transform component slots', () => {
       `<Comp v-slot="foo">
         <Comp v-slot="bar">{{ bar }}</Comp>
       </Comp>`,
-      false
+      false,
     )
 
     assertDynamicSlots(
       `<Comp v-slot="foo">
         <Comp v-slot="bar">{{ foo }}</Comp>
       </Comp>`,
-      true
+      true,
     )
 
     // #2564
@@ -534,14 +534,14 @@ describe('compiler: transform component slots', () => {
       `<div v-for="i in list">
         <Comp v-slot="bar"><button @click="fn(i)" /></Comp>
       </div>`,
-      true
+      true,
     )
 
     assertDynamicSlots(
       `<div v-for="i in list">
         <Comp v-slot="bar"><button @click="fn()" /></Comp>
       </div>`,
-      false
+      false,
     )
   })
 
@@ -549,14 +549,14 @@ describe('compiler: transform component slots', () => {
     const { root, slots } = parseWithSlots(
       `<Comp>
         <template #one v-if="ok">hello</template>
-      </Comp>`
+      </Comp>`,
     )
     expect(slots).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: CREATE_SLOTS,
       arguments: [
         createObjectMatcher({
-          _: `[2 /* DYNAMIC */]`
+          _: `[2 /* DYNAMIC */]`,
         }),
         {
           type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -568,21 +568,21 @@ describe('compiler: transform component slots', () => {
                 name: `one`,
                 fn: {
                   type: NodeTypes.JS_FUNCTION_EXPRESSION,
-                  returns: [{ type: NodeTypes.TEXT, content: `hello` }]
+                  returns: [{ type: NodeTypes.TEXT, content: `hello` }],
                 },
-                key: `0`
+                key: `0`,
               }),
               alternate: {
                 content: `undefined`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
     expect((root as any).children[0].codegenNode.patchFlag).toMatch(
-      PatchFlags.DYNAMIC_SLOTS + ''
+      PatchFlags.DYNAMIC_SLOTS + '',
     )
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -592,14 +592,14 @@ describe('compiler: transform component slots', () => {
       `<Comp>
         <template #one="props" v-if="ok">{{ props }}</template>
       </Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: CREATE_SLOTS,
       arguments: [
         createObjectMatcher({
-          _: `[2 /* DYNAMIC */]`
+          _: `[2 /* DYNAMIC */]`,
         }),
         {
           type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -615,23 +615,23 @@ describe('compiler: transform component slots', () => {
                   returns: [
                     {
                       type: NodeTypes.INTERPOLATION,
-                      content: { content: `props` }
-                    }
-                  ]
+                      content: { content: `props` },
+                    },
+                  ],
                 },
-                key: `0`
+                key: `0`,
               }),
               alternate: {
                 content: `undefined`,
-                isStatic: false
-              }
-            }
-          ]
-        }
-      ]
+                isStatic: false,
+              },
+            },
+          ],
+        },
+      ],
     })
     expect((root as any).children[0].codegenNode.patchFlag).toMatch(
-      PatchFlags.DYNAMIC_SLOTS + ''
+      PatchFlags.DYNAMIC_SLOTS + '',
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -642,14 +642,14 @@ describe('compiler: transform component slots', () => {
         <template #one v-if="ok">foo</template>
         <template #two="props" v-else-if="orNot">bar</template>
         <template #one v-else>baz</template>
-      </Comp>`
+      </Comp>`,
     )
     expect(slots).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: CREATE_SLOTS,
       arguments: [
         createObjectMatcher({
-          _: `[2 /* DYNAMIC */]`
+          _: `[2 /* DYNAMIC */]`,
         }),
         {
           type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -662,9 +662,9 @@ describe('compiler: transform component slots', () => {
                 fn: {
                   type: NodeTypes.JS_FUNCTION_EXPRESSION,
                   params: undefined,
-                  returns: [{ type: NodeTypes.TEXT, content: `foo` }]
+                  returns: [{ type: NodeTypes.TEXT, content: `foo` }],
                 },
-                key: `0`
+                key: `0`,
               }),
               alternate: {
                 type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
@@ -674,27 +674,27 @@ describe('compiler: transform component slots', () => {
                   fn: {
                     type: NodeTypes.JS_FUNCTION_EXPRESSION,
                     params: { content: `props` },
-                    returns: [{ type: NodeTypes.TEXT, content: `bar` }]
+                    returns: [{ type: NodeTypes.TEXT, content: `bar` }],
                   },
-                  key: `1`
+                  key: `1`,
                 }),
                 alternate: createObjectMatcher({
                   name: `one`,
                   fn: {
                     type: NodeTypes.JS_FUNCTION_EXPRESSION,
                     params: undefined,
-                    returns: [{ type: NodeTypes.TEXT, content: `baz` }]
+                    returns: [{ type: NodeTypes.TEXT, content: `baz` }],
                   },
-                  key: `2`
-                })
-              }
-            }
-          ]
-        }
-      ]
+                  key: `2`,
+                }),
+              },
+            },
+          ],
+        },
+      ],
     })
     expect((root as any).children[0].codegenNode.patchFlag).toMatch(
-      PatchFlags.DYNAMIC_SLOTS + ''
+      PatchFlags.DYNAMIC_SLOTS + '',
     )
     expect(generate(root).code).toMatchSnapshot()
   })
@@ -704,14 +704,14 @@ describe('compiler: transform component slots', () => {
       `<Comp>
         <template v-for="name in list" #[name]>{{ name }}</template>
       </Comp>`,
-      { prefixIdentifiers: true }
+      { prefixIdentifiers: true },
     )
     expect(slots).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
       callee: CREATE_SLOTS,
       arguments: [
         createObjectMatcher({
-          _: `[2 /* DYNAMIC */]`
+          _: `[2 /* DYNAMIC */]`,
         }),
         {
           type: NodeTypes.JS_ARRAY_EXPRESSION,
@@ -731,20 +731,20 @@ describe('compiler: transform component slots', () => {
                       returns: [
                         {
                           type: NodeTypes.INTERPOLATION,
-                          content: { content: `name`, isStatic: false }
-                        }
-                      ]
-                    }
-                  })
-                }
-              ]
-            }
-          ]
-        }
-      ]
+                          content: { content: `name`, isStatic: false },
+                        },
+                      ],
+                    },
+                  }),
+                },
+              ],
+            },
+          ],
+        },
+      ],
     })
     expect((root as any).children[0].codegenNode.patchFlag).toMatch(
-      PatchFlags.DYNAMIC_SLOTS + ''
+      PatchFlags.DYNAMIC_SLOTS + '',
     )
     expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
   })
@@ -755,13 +755,13 @@ describe('compiler: transform component slots', () => {
       properties: [
         {
           key: { content: `default` },
-          value: { type: NodeTypes.JS_FUNCTION_EXPRESSION }
+          value: { type: NodeTypes.JS_FUNCTION_EXPRESSION },
         },
         {
           key: { content: `_` },
-          value: { content: `3 /* FORWARDED */` }
-        }
-      ]
+          value: { content: `3 /* FORWARDED */` },
+        },
+      ],
     }
     test('<slot> tag only', () => {
       const { slots } = parseWithSlots(`<Comp><slot/></Comp>`)
@@ -780,7 +780,7 @@ describe('compiler: transform component slots', () => {
 
     test('<slot> tag w/ template', () => {
       const { slots } = parseWithSlots(
-        `<Comp><template #default><slot/></template></Comp>`
+        `<Comp><template #default><slot/></template></Comp>`,
       )
       expect(slots).toMatchObject(toMatch)
     })
@@ -793,7 +793,7 @@ describe('compiler: transform component slots', () => {
     // # fix: #6900
     test('consistent behavior of @xxx:modelValue and @xxx:model-value', () => {
       const { root: rootUpper } = parseWithSlots(
-        `<div><slot @foo:modelValue="handler" /></div>`
+        `<div><slot @foo:modelValue="handler" /></div>`,
       )
       const slotNodeUpper = (rootUpper.codegenNode! as VNodeCall)
         .children as ElementNode[]
@@ -805,19 +805,19 @@ describe('compiler: transform component slots', () => {
           {
             key: {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: 'onFoo:modelValue'
+              content: 'onFoo:modelValue',
             },
             value: {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: `handler`,
-              isStatic: false
-            }
-          }
-        ]
+              isStatic: false,
+            },
+          },
+        ],
       })
 
       const { root } = parseWithSlots(
-        `<div><slot @foo:model-Value="handler" /></div>`
+        `<div><slot @foo:model-Value="handler" /></div>`,
       )
       const slotNode = (root.codegenNode! as VNodeCall)
         .children as ElementNode[]
@@ -828,15 +828,15 @@ describe('compiler: transform component slots', () => {
           {
             key: {
               type: NodeTypes.SIMPLE_EXPRESSION,
-              content: 'onFoo:modelValue'
+              content: 'onFoo:modelValue',
             },
             value: {
               type: NodeTypes.SIMPLE_EXPRESSION,
               content: `handler`,
-              isStatic: false
-            }
-          }
-        ]
+              isStatic: false,
+            },
+          },
+        ],
       })
     })
   })
@@ -854,14 +854,14 @@ describe('compiler: transform component slots', () => {
           start: {
             offset: index,
             line: 1,
-            column: index + 1
+            column: index + 1,
           },
           end: {
             offset: index + 3,
             line: 1,
-            column: index + 4
-          }
-        }
+            column: index + 4,
+          },
+        },
       })
     })
 
@@ -877,14 +877,14 @@ describe('compiler: transform component slots', () => {
           start: {
             offset: index,
             line: 1,
-            column: index + 1
+            column: index + 1,
           },
           end: {
             offset: index + 4,
             line: 1,
-            column: index + 5
-          }
-        }
+            column: index + 5,
+          },
+        },
       })
     })
 
@@ -900,14 +900,14 @@ describe('compiler: transform component slots', () => {
           start: {
             offset: index,
             line: 1,
-            column: index + 1
+            column: index + 1,
           },
           end: {
             offset: index + 4,
             line: 1,
-            column: index + 5
-          }
-        }
+            column: index + 5,
+          },
+        },
       })
     })
 
@@ -923,14 +923,14 @@ describe('compiler: transform component slots', () => {
           start: {
             offset: index,
             line: 1,
-            column: index + 1
+            column: index + 1,
           },
           end: {
             offset: index + 6,
             line: 1,
-            column: index + 7
-          }
-        }
+            column: index + 7,
+          },
+        },
       })
     })
   })
@@ -944,11 +944,11 @@ describe('compiler: transform component slots', () => {
       </Comp>
       `
       const { root } = parseWithSlots(source, {
-        whitespace: 'preserve'
+        whitespace: 'preserve',
       })
 
       expect(
-        `Extraneous children found when component already has explicitly named default slot.`
+        `Extraneous children found when component already has explicitly named default slot.`,
       ).not.toHaveBeenWarned()
       expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
     })
@@ -961,11 +961,11 @@ describe('compiler: transform component slots', () => {
       </Comp>
       `
       const { root } = parseWithSlots(source, {
-        whitespace: 'preserve'
+        whitespace: 'preserve',
       })
 
       expect(
-        `Extraneous children found when component already has explicitly named default slot.`
+        `Extraneous children found when component already has explicitly named default slot.`,
       ).not.toHaveBeenWarned()
       expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
     })
@@ -978,7 +978,7 @@ describe('compiler: transform component slots', () => {
       </Comp>
       `
       const { root } = parseWithSlots(source, {
-        whitespace: 'preserve'
+        whitespace: 'preserve',
       })
 
       // slots is vnodeCall's children as an ObjectExpression
@@ -988,7 +988,7 @@ describe('compiler: transform component slots', () => {
       // should be: header, footer, _ (no default)
       expect(slots.length).toBe(3)
       expect(
-        slots.some(p => (p.key as SimpleExpressionNode).content === 'default')
+        slots.some(p => (p.key as SimpleExpressionNode).content === 'default'),
       ).toBe(false)
 
       expect(generate(root, { prefixIdentifiers: true }).code).toMatchSnapshot()
diff --git a/packages/compiler-core/__tests__/utils.spec.ts b/packages/compiler-core/__tests__/utils.spec.ts
index 45fa46fea7a..b88e7f9a19b 100644
--- a/packages/compiler-core/__tests__/utils.spec.ts
+++ b/packages/compiler-core/__tests__/utils.spec.ts
@@ -5,7 +5,7 @@ import {
   advancePositionWithClone,
   isMemberExpressionNode,
   isMemberExpressionBrowser,
-  toValidAssetId
+  toValidAssetId,
 } from '../src/utils'
 
 function p(line: number, column: number, offset: number): Position {
@@ -45,7 +45,7 @@ describe('getInnerRange', () => {
   const loc1 = {
     source: 'foo\nbar\nbaz',
     start: p(1, 1, 0),
-    end: p(3, 3, 11)
+    end: p(3, 3, 11),
   }
 
   test('at start', () => {
@@ -131,6 +131,6 @@ test('toValidAssetId', () => {
   expect(toValidAssetId('div', 'filter')).toBe('_filter_div')
   expect(toValidAssetId('foo-bar', 'component')).toBe('_component_foo_bar')
   expect(toValidAssetId('test-测试-1', 'component')).toBe(
-    '_component_test_2797935797_1'
+    '_component_test_2797935797_1',
   )
 })
diff --git a/packages/compiler-core/src/ast.ts b/packages/compiler-core/src/ast.ts
index 515083c336a..3b931f11e3b 100644
--- a/packages/compiler-core/src/ast.ts
+++ b/packages/compiler-core/src/ast.ts
@@ -11,7 +11,7 @@ import {
   CREATE_VNODE,
   CREATE_ELEMENT_VNODE,
   CREATE_BLOCK,
-  CREATE_ELEMENT_BLOCK
+  CREATE_ELEMENT_BLOCK,
 } from './runtimeHelpers'
 import { PropsExpression } from './transforms/transformElement'
 import { ImportItem, TransformContext } from './transform'
@@ -22,7 +22,7 @@ import { ImportItem, TransformContext } from './transform'
 export type Namespace = number
 
 export const enum Namespaces {
-  HTML
+  HTML,
 }
 
 export const enum NodeTypes {
@@ -56,14 +56,14 @@ export const enum NodeTypes {
   JS_IF_STATEMENT,
   JS_ASSIGNMENT_EXPRESSION,
   JS_SEQUENCE_EXPRESSION,
-  JS_RETURN_STATEMENT
+  JS_RETURN_STATEMENT,
 }
 
 export const enum ElementTypes {
   ELEMENT,
   COMPONENT,
   SLOT,
-  TEMPLATE
+  TEMPLATE,
 }
 
 export interface Node {
@@ -206,7 +206,7 @@ export const enum ConstantTypes {
   NOT_CONSTANT = 0,
   CAN_SKIP_PATCH,
   CAN_HOIST,
-  CAN_STRINGIFY
+  CAN_STRINGIFY,
 }
 
 export interface SimpleExpressionNode extends Node {
@@ -462,7 +462,7 @@ export interface RenderSlotCall extends CallExpression {
         string,
         string | ExpressionNode,
         PropsExpression | '{}',
-        TemplateChildNode[]
+        TemplateChildNode[],
       ]
 }
 
@@ -549,12 +549,12 @@ export interface ForIteratorExpression extends FunctionExpression {
 export const locStub: SourceLocation = {
   source: '',
   start: { line: 1, column: 1, offset: 0 },
-  end: { line: 1, column: 1, offset: 0 }
+  end: { line: 1, column: 1, offset: 0 },
 }
 
 export function createRoot(
   children: TemplateChildNode[],
-  loc = locStub
+  loc = locStub,
 ): RootNode {
   return {
     type: NodeTypes.ROOT,
@@ -567,7 +567,7 @@ export function createRoot(
     cached: 0,
     temps: 0,
     codegenNode: undefined,
-    loc
+    loc,
   }
 }
 
@@ -582,7 +582,7 @@ export function createVNodeCall(
   isBlock: VNodeCall['isBlock'] = false,
   disableTracking: VNodeCall['disableTracking'] = false,
   isComponent: VNodeCall['isComponent'] = false,
-  loc = locStub
+  loc = locStub,
 ): VNodeCall {
   if (context) {
     if (isBlock) {
@@ -607,41 +607,41 @@ export function createVNodeCall(
     isBlock,
     disableTracking,
     isComponent,
-    loc
+    loc,
   }
 }
 
 export function createArrayExpression(
   elements: ArrayExpression['elements'],
-  loc: SourceLocation = locStub
+  loc: SourceLocation = locStub,
 ): ArrayExpression {
   return {
     type: NodeTypes.JS_ARRAY_EXPRESSION,
     loc,
-    elements
+    elements,
   }
 }
 
 export function createObjectExpression(
   properties: ObjectExpression['properties'],
-  loc: SourceLocation = locStub
+  loc: SourceLocation = locStub,
 ): ObjectExpression {
   return {
     type: NodeTypes.JS_OBJECT_EXPRESSION,
     loc,
-    properties
+    properties,
   }
 }
 
 export function createObjectProperty(
   key: Property['key'] | string,
-  value: Property['value']
+  value: Property['value'],
 ): Property {
   return {
     type: NodeTypes.JS_PROPERTY,
     loc: locStub,
     key: isString(key) ? createSimpleExpression(key, true) : key,
-    value
+    value,
   }
 }
 
@@ -649,38 +649,38 @@ export function createSimpleExpression(
   content: SimpleExpressionNode['content'],
   isStatic: SimpleExpressionNode['isStatic'] = false,
   loc: SourceLocation = locStub,
-  constType: ConstantTypes = ConstantTypes.NOT_CONSTANT
+  constType: ConstantTypes = ConstantTypes.NOT_CONSTANT,
 ): SimpleExpressionNode {
   return {
     type: NodeTypes.SIMPLE_EXPRESSION,
     loc,
     content,
     isStatic,
-    constType: isStatic ? ConstantTypes.CAN_STRINGIFY : constType
+    constType: isStatic ? ConstantTypes.CAN_STRINGIFY : constType,
   }
 }
 
 export function createInterpolation(
   content: InterpolationNode['content'] | string,
-  loc: SourceLocation
+  loc: SourceLocation,
 ): InterpolationNode {
   return {
     type: NodeTypes.INTERPOLATION,
     loc,
     content: isString(content)
       ? createSimpleExpression(content, false, loc)
-      : content
+      : content,
   }
 }
 
 export function createCompoundExpression(
   children: CompoundExpressionNode['children'],
-  loc: SourceLocation = locStub
+  loc: SourceLocation = locStub,
 ): CompoundExpressionNode {
   return {
     type: NodeTypes.COMPOUND_EXPRESSION,
     loc,
-    children
+    children,
   }
 }
 
@@ -691,13 +691,13 @@ type InferCodegenNodeType<T> = T extends typeof RENDER_SLOT
 export function createCallExpression<T extends CallExpression['callee']>(
   callee: T,
   args: CallExpression['arguments'] = [],
-  loc: SourceLocation = locStub
+  loc: SourceLocation = locStub,
 ): InferCodegenNodeType<T> {
   return {
     type: NodeTypes.JS_CALL_EXPRESSION,
     loc,
     callee,
-    arguments: args
+    arguments: args,
   } as InferCodegenNodeType<T>
 }
 
@@ -706,7 +706,7 @@ export function createFunctionExpression(
   returns: FunctionExpression['returns'] = undefined,
   newline: boolean = false,
   isSlot: boolean = false,
-  loc: SourceLocation = locStub
+  loc: SourceLocation = locStub,
 ): FunctionExpression {
   return {
     type: NodeTypes.JS_FUNCTION_EXPRESSION,
@@ -714,7 +714,7 @@ export function createFunctionExpression(
     returns,
     newline,
     isSlot,
-    loc
+    loc,
   }
 }
 
@@ -722,7 +722,7 @@ export function createConditionalExpression(
   test: ConditionalExpression['test'],
   consequent: ConditionalExpression['consequent'],
   alternate: ConditionalExpression['alternate'],
-  newline = true
+  newline = true,
 ): ConditionalExpression {
   return {
     type: NodeTypes.JS_CONDITIONAL_EXPRESSION,
@@ -730,87 +730,87 @@ export function createConditionalExpression(
     consequent,
     alternate,
     newline,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createCacheExpression(
   index: number,
   value: JSChildNode,
-  isVNode: boolean = false
+  isVNode: boolean = false,
 ): CacheExpression {
   return {
     type: NodeTypes.JS_CACHE_EXPRESSION,
     index,
     value,
     isVNode,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createBlockStatement(
-  body: BlockStatement['body']
+  body: BlockStatement['body'],
 ): BlockStatement {
   return {
     type: NodeTypes.JS_BLOCK_STATEMENT,
     body,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createTemplateLiteral(
-  elements: TemplateLiteral['elements']
+  elements: TemplateLiteral['elements'],
 ): TemplateLiteral {
   return {
     type: NodeTypes.JS_TEMPLATE_LITERAL,
     elements,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createIfStatement(
   test: IfStatement['test'],
   consequent: IfStatement['consequent'],
-  alternate?: IfStatement['alternate']
+  alternate?: IfStatement['alternate'],
 ): IfStatement {
   return {
     type: NodeTypes.JS_IF_STATEMENT,
     test,
     consequent,
     alternate,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createAssignmentExpression(
   left: AssignmentExpression['left'],
-  right: AssignmentExpression['right']
+  right: AssignmentExpression['right'],
 ): AssignmentExpression {
   return {
     type: NodeTypes.JS_ASSIGNMENT_EXPRESSION,
     left,
     right,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createSequenceExpression(
-  expressions: SequenceExpression['expressions']
+  expressions: SequenceExpression['expressions'],
 ): SequenceExpression {
   return {
     type: NodeTypes.JS_SEQUENCE_EXPRESSION,
     expressions,
-    loc: locStub
+    loc: locStub,
   }
 }
 
 export function createReturnStatement(
-  returns: ReturnStatement['returns']
+  returns: ReturnStatement['returns'],
 ): ReturnStatement {
   return {
     type: NodeTypes.JS_RETURN_STATEMENT,
     returns,
-    loc: locStub
+    loc: locStub,
   }
 }
 
@@ -824,7 +824,7 @@ export function getVNodeBlockHelper(ssr: boolean, isComponent: boolean) {
 
 export function convertToBlock(
   node: VNodeCall,
-  { helper, removeHelper, inSSR }: TransformContext
+  { helper, removeHelper, inSSR }: TransformContext,
 ) {
   if (!node.isBlock) {
     node.isBlock = true
diff --git a/packages/compiler-core/src/babelUtils.ts b/packages/compiler-core/src/babelUtils.ts
index b52ce28990a..a16eab536b5 100644
--- a/packages/compiler-core/src/babelUtils.ts
+++ b/packages/compiler-core/src/babelUtils.ts
@@ -6,7 +6,7 @@ import type {
   Function,
   ObjectProperty,
   BlockStatement,
-  Program
+  Program,
 } from '@babel/types'
 import { walk } from 'estree-walker'
 
@@ -17,11 +17,11 @@ export function walkIdentifiers(
     parent: Node,
     parentStack: Node[],
     isReference: boolean,
-    isLocal: boolean
+    isLocal: boolean,
   ) => void,
   includeAll = false,
   parentStack: Node[] = [],
-  knownIds: Record<string, number> = Object.create(null)
+  knownIds: Record<string, number> = Object.create(null),
 ) {
   if (__BROWSER__) {
     return
@@ -61,7 +61,7 @@ export function walkIdentifiers(
       } else if (node.type === 'BlockStatement') {
         // #3445 record block-level local variables
         walkBlockDeclarations(node, id =>
-          markScopeIdentifier(node, id, knownIds)
+          markScopeIdentifier(node, id, knownIds),
         )
       }
     },
@@ -75,14 +75,14 @@ export function walkIdentifiers(
           }
         }
       }
-    }
+    },
   })
 }
 
 export function isReferencedIdentifier(
   id: Identifier,
   parent: Node | null,
-  parentStack: Node[]
+  parentStack: Node[],
 ) {
   if (__BROWSER__) {
     return false
@@ -117,7 +117,7 @@ export function isReferencedIdentifier(
 
 export function isInDestructureAssignment(
   parent: Node,
-  parentStack: Node[]
+  parentStack: Node[],
 ): boolean {
   if (
     parent &&
@@ -138,7 +138,7 @@ export function isInDestructureAssignment(
 
 export function walkFunctionParams(
   node: Function,
-  onIdent: (id: Identifier) => void
+  onIdent: (id: Identifier) => void,
 ) {
   for (const p of node.params) {
     for (const id of extractIdentifiers(p)) {
@@ -149,7 +149,7 @@ export function walkFunctionParams(
 
 export function walkBlockDeclarations(
   block: BlockStatement | Program,
-  onIdent: (node: Identifier) => void
+  onIdent: (node: Identifier) => void,
 ) {
   for (const stmt of block.body) {
     if (stmt.type === 'VariableDeclaration') {
@@ -171,7 +171,7 @@ export function walkBlockDeclarations(
 
 export function extractIdentifiers(
   param: Node,
-  nodes: Identifier[] = []
+  nodes: Identifier[] = [],
 ): Identifier[] {
   switch (param.type) {
     case 'Identifier':
@@ -217,7 +217,7 @@ export function extractIdentifiers(
 function markScopeIdentifier(
   node: Node & { scopeIds?: Set<string> },
   child: Identifier,
-  knownIds: Record<string, number>
+  knownIds: Record<string, number>,
 ) {
   const { name } = child
   if (node.scopeIds && node.scopeIds.has(name)) {
@@ -426,5 +426,5 @@ export const TS_NODE_TYPES = [
   'TSTypeAssertion', // (<number>foo)
   'TSNonNullExpression', // foo!
   'TSInstantiationExpression', // foo<string>
-  'TSSatisfiesExpression' // foo satisfies T
+  'TSSatisfiesExpression', // foo satisfies T
 ]
diff --git a/packages/compiler-core/src/codegen.ts b/packages/compiler-core/src/codegen.ts
index 2b88ab0cfbd..3208f8b1949 100644
--- a/packages/compiler-core/src/codegen.ts
+++ b/packages/compiler-core/src/codegen.ts
@@ -26,14 +26,14 @@ import {
   VNodeCall,
   SequenceExpression,
   getVNodeBlockHelper,
-  getVNodeHelper
+  getVNodeHelper,
 } from './ast'
 import { SourceMapGenerator, RawSourceMap } from 'source-map-js'
 import {
   advancePositionWithMutation,
   assert,
   isSimpleIdentifier,
-  toValidAssetId
+  toValidAssetId,
 } from './utils'
 import { isString, isArray, isSymbol } from '@vue/shared'
 import {
@@ -52,7 +52,7 @@ import {
   OPEN_BLOCK,
   CREATE_STATIC,
   WITH_CTX,
-  RESOLVE_FILTER
+  RESOLVE_FILTER,
 } from './runtimeHelpers'
 import { ImportItem } from './transform'
 
@@ -100,8 +100,8 @@ function createCodegenContext(
     ssrRuntimeModuleName = 'vue/server-renderer',
     ssr = false,
     isTS = false,
-    inSSR = false
-  }: CodegenOptions
+    inSSR = false,
+  }: CodegenOptions,
 ): CodegenContext {
   const context: CodegenContext = {
     mode,
@@ -158,7 +158,7 @@ function createCodegenContext(
     },
     newline() {
       newline(context.indentLevel)
-    }
+    },
   }
 
   function newline(n: number) {
@@ -171,12 +171,12 @@ function createCodegenContext(
       source: context.filename,
       original: {
         line: loc.line,
-        column: loc.column - 1 // source-map column is 0 based
+        column: loc.column - 1, // source-map column is 0 based
       },
       generated: {
         line: context.line,
-        column: context.column - 1
-      }
+        column: context.column - 1,
+      },
     })
   }
 
@@ -193,7 +193,7 @@ export function generate(
   ast: RootNode,
   options: CodegenOptions & {
     onContextCreated?: (context: CodegenContext) => void
-  } = {}
+  } = {},
 ): CodegenResult {
   const context = createCodegenContext(ast, options)
   if (options.onContextCreated) options.onContextCreated(context)
@@ -205,7 +205,7 @@ export function generate(
     deindent,
     newline,
     scopeId,
-    ssr
+    ssr,
   } = context
 
   const helpers = Array.from(ast.helpers)
@@ -309,7 +309,7 @@ export function generate(
     code: context.code,
     preamble: isSetupInlined ? preambleContext.code : ``,
     // SourceMapGenerator does have toJSON() method but it's not in the types
-    map: context.map ? (context.map as any).toJSON() : undefined
+    map: context.map ? (context.map as any).toJSON() : undefined,
   }
 }
 
@@ -321,7 +321,7 @@ function genFunctionPreamble(ast: RootNode, context: CodegenContext) {
     newline,
     runtimeModuleName,
     runtimeGlobalName,
-    ssrRuntimeModuleName
+    ssrRuntimeModuleName,
   } = context
   const VueBinding =
     !__BROWSER__ && ssr
@@ -348,7 +348,7 @@ function genFunctionPreamble(ast: RootNode, context: CodegenContext) {
           CREATE_ELEMENT_VNODE,
           CREATE_COMMENT,
           CREATE_TEXT,
-          CREATE_STATIC
+          CREATE_STATIC,
         ]
           .filter(helper => helpers.includes(helper))
           .map(aliasHelper)
@@ -363,7 +363,7 @@ function genFunctionPreamble(ast: RootNode, context: CodegenContext) {
     push(
       `const { ${ast.ssrHelpers
         .map(aliasHelper)
-        .join(', ')} } = require("${ssrRuntimeModuleName}")\n`
+        .join(', ')} } = require("${ssrRuntimeModuleName}")\n`,
     )
   }
   genHoists(ast.hoists, context)
@@ -375,14 +375,14 @@ function genModulePreamble(
   ast: RootNode,
   context: CodegenContext,
   genScopeId: boolean,
-  inline?: boolean
+  inline?: boolean,
 ) {
   const {
     push,
     newline,
     optimizeImports,
     runtimeModuleName,
-    ssrRuntimeModuleName
+    ssrRuntimeModuleName,
   } = context
 
   if (genScopeId && ast.hoists.length) {
@@ -402,18 +402,18 @@ function genModulePreamble(
       push(
         `import { ${helpers
           .map(s => helperNameMap[s])
-          .join(', ')} } from ${JSON.stringify(runtimeModuleName)}\n`
+          .join(', ')} } from ${JSON.stringify(runtimeModuleName)}\n`,
       )
       push(
         `\n// Binding optimization for webpack code-split\nconst ${helpers
           .map(s => `_${helperNameMap[s]} = ${helperNameMap[s]}`)
-          .join(', ')}\n`
+          .join(', ')}\n`,
       )
     } else {
       push(
         `import { ${helpers
           .map(s => `${helperNameMap[s]} as _${helperNameMap[s]}`)
-          .join(', ')} } from ${JSON.stringify(runtimeModuleName)}\n`
+          .join(', ')} } from ${JSON.stringify(runtimeModuleName)}\n`,
       )
     }
   }
@@ -422,7 +422,7 @@ function genModulePreamble(
     push(
       `import { ${ast.ssrHelpers
         .map(s => `${helperNameMap[s]} as _${helperNameMap[s]}`)
-        .join(', ')} } from "${ssrRuntimeModuleName}"\n`
+        .join(', ')} } from "${ssrRuntimeModuleName}"\n`,
     )
   }
 
@@ -442,14 +442,14 @@ function genModulePreamble(
 function genAssets(
   assets: string[],
   type: 'component' | 'directive' | 'filter',
-  { helper, push, newline, isTS }: CodegenContext
+  { helper, push, newline, isTS }: CodegenContext,
 ) {
   const resolver = helper(
     __COMPAT__ && type === 'filter'
       ? RESOLVE_FILTER
       : type === 'component'
       ? RESOLVE_COMPONENT
-      : RESOLVE_DIRECTIVE
+      : RESOLVE_DIRECTIVE,
   )
   for (let i = 0; i < assets.length; i++) {
     let id = assets[i]
@@ -461,7 +461,7 @@ function genAssets(
     push(
       `const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)}${
         maybeSelfReference ? `, true` : ``
-      })${isTS ? `!` : ``}`
+      })${isTS ? `!` : ``}`,
     )
     if (i < assets.length - 1) {
       newline()
@@ -482,8 +482,8 @@ function genHoists(hoists: (JSChildNode | null)[], context: CodegenContext) {
   if (genScopeId) {
     push(
       `const _withScopeId = n => (${helper(
-        PUSH_SCOPE_ID
-      )}("${scopeId}"),n=n(),${helper(POP_SCOPE_ID)}(),n)`
+        PUSH_SCOPE_ID,
+      )}("${scopeId}"),n=n(),${helper(POP_SCOPE_ID)}(),n)`,
     )
     newline()
   }
@@ -495,7 +495,7 @@ function genHoists(hoists: (JSChildNode | null)[], context: CodegenContext) {
       push(
         `const _hoisted_${i + 1} = ${
           needScopeIdWrapper ? `${PURE_ANNOTATION} _withScopeId(() => ` : ``
-        }`
+        }`,
       )
       genNode(exp, context)
       if (needScopeIdWrapper) {
@@ -532,7 +532,7 @@ function isText(n: string | CodegenNode) {
 
 function genNodeListAsArray(
   nodes: (string | CodegenNode | TemplateChildNode[])[],
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   const multilines =
     nodes.length > 3 ||
@@ -548,7 +548,7 @@ function genNodeList(
   nodes: (string | symbol | CodegenNode | TemplateChildNode[])[],
   context: CodegenContext,
   multilines: boolean = false,
-  comma: boolean = true
+  comma: boolean = true,
 ) {
   const { push, newline } = context
   for (let i = 0; i < nodes.length; i++) {
@@ -588,7 +588,7 @@ function genNode(node: CodegenNode | symbol | string, context: CodegenContext) {
         assert(
           node.codegenNode != null,
           `Codegen node is missing for element/if/for node. ` +
-            `Apply appropriate transforms first.`
+            `Apply appropriate transforms first.`,
         )
       genNode(node.codegenNode!, context)
       break
@@ -669,7 +669,7 @@ function genNode(node: CodegenNode | symbol | string, context: CodegenContext) {
 
 function genText(
   node: TextNode | SimpleExpressionNode,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   context.push(JSON.stringify(node.content), node)
 }
@@ -689,7 +689,7 @@ function genInterpolation(node: InterpolationNode, context: CodegenContext) {
 
 function genCompoundExpression(
   node: CompoundExpressionNode,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   for (let i = 0; i < node.children!.length; i++) {
     const child = node.children![i]
@@ -703,7 +703,7 @@ function genCompoundExpression(
 
 function genExpressionAsPropertyKey(
   node: ExpressionNode,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   const { push } = context
   if (node.type === NodeTypes.COMPOUND_EXPRESSION) {
@@ -740,7 +740,7 @@ function genVNodeCall(node: VNodeCall, context: CodegenContext) {
     directives,
     isBlock,
     disableTracking,
-    isComponent
+    isComponent,
   } = node
   if (directives) {
     push(helper(WITH_DIRECTIVES) + `(`)
@@ -757,7 +757,7 @@ function genVNodeCall(node: VNodeCall, context: CodegenContext) {
   push(helper(callHelper) + `(`, node)
   genNodeList(
     genNullableArgs([tag, props, children, patchFlag, dynamicProps]),
-    context
+    context,
   )
   push(`)`)
   if (isBlock) {
@@ -826,7 +826,7 @@ function genArrayExpression(node: ArrayExpression, context: CodegenContext) {
 
 function genFunctionExpression(
   node: FunctionExpression,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   const { push, indent, deindent } = context
   const { params, returns, body, newline, isSlot } = node
@@ -871,7 +871,7 @@ function genFunctionExpression(
 
 function genConditionalExpression(
   node: ConditionalExpression,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   const { test, consequent, alternate, newline: needNewline } = node
   const { push, indent, deindent, newline } = context
@@ -972,7 +972,7 @@ function genIfStatement(node: IfStatement, context: CodegenContext) {
 
 function genAssignmentExpression(
   node: AssignmentExpression,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   genNode(node.left, context)
   context.push(` = `)
@@ -981,7 +981,7 @@ function genAssignmentExpression(
 
 function genSequenceExpression(
   node: SequenceExpression,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   context.push(`(`)
   genNodeList(node.expressions, context)
@@ -990,7 +990,7 @@ function genSequenceExpression(
 
 function genReturnStatement(
   { returns }: ReturnStatement,
-  context: CodegenContext
+  context: CodegenContext,
 ) {
   context.push(`return `)
   if (isArray(returns)) {
diff --git a/packages/compiler-core/src/compat/compatConfig.ts b/packages/compiler-core/src/compat/compatConfig.ts
index dcb304263b4..6ff9b47c596 100644
--- a/packages/compiler-core/src/compat/compatConfig.ts
+++ b/packages/compiler-core/src/compat/compatConfig.ts
@@ -22,7 +22,7 @@ export const enum CompilerDeprecationTypes {
   COMPILER_V_IF_V_FOR_PRECEDENCE = 'COMPILER_V_IF_V_FOR_PRECEDENCE',
   COMPILER_NATIVE_TEMPLATE = 'COMPILER_NATIVE_TEMPLATE',
   COMPILER_INLINE_TEMPLATE = 'COMPILER_INLINE_TEMPLATE',
-  COMPILER_FILTERS = 'COMPILER_FILTER'
+  COMPILER_FILTERS = 'COMPILER_FILTER',
 }
 
 type DeprecationData = {
@@ -36,7 +36,7 @@ const deprecationData: Record<CompilerDeprecationTypes, DeprecationData> = {
       `Platform-native elements with "is" prop will no longer be ` +
       `treated as components in Vue 3 unless the "is" value is explicitly ` +
       `prefixed with "vue:".`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html`,
   },
 
   [CompilerDeprecationTypes.COMPILER_V_BIND_SYNC]: {
@@ -44,13 +44,13 @@ const deprecationData: Record<CompilerDeprecationTypes, DeprecationData> = {
       `.sync modifier for v-bind has been removed. Use v-model with ` +
       `argument instead. \`v-bind:${key}.sync\` should be changed to ` +
       `\`v-model:${key}\`.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`,
   },
 
   [CompilerDeprecationTypes.COMPILER_V_BIND_PROP]: {
     message:
       `.prop modifier for v-bind has been removed and no longer necessary. ` +
-      `Vue 3 will automatically set a binding as DOM property when appropriate.`
+      `Vue 3 will automatically set a binding as DOM property when appropriate.`,
   },
 
   [CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER]: {
@@ -60,12 +60,12 @@ const deprecationData: Record<CompilerDeprecationTypes, DeprecationData> = {
       `that appears before v-bind in the case of conflict. ` +
       `To retain 2.x behavior, move v-bind to make it the first attribute. ` +
       `You can also suppress this warning if the usage is intended.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/v-bind.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/v-bind.html`,
   },
 
   [CompilerDeprecationTypes.COMPILER_V_ON_NATIVE]: {
     message: `.native modifier for v-on has been removed as is no longer necessary.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html`,
   },
 
   [CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE]: {
@@ -75,18 +75,18 @@ const deprecationData: Record<CompilerDeprecationTypes, DeprecationData> = {
       `access to v-for scope variables. It is best to avoid the ambiguity ` +
       `with <template> tags or use a computed property that filters v-for ` +
       `data source.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/v-if-v-for.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/v-if-v-for.html`,
   },
 
   [CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE]: {
     message:
       `<template> with no special directives will render as a native template ` +
-      `element instead of its inner content in Vue 3.`
+      `element instead of its inner content in Vue 3.`,
   },
 
   [CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE]: {
     message: `"inline-template" has been removed in Vue 3.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html`,
   },
 
   [CompilerDeprecationTypes.COMPILER_FILTERS]: {
@@ -94,13 +94,13 @@ const deprecationData: Record<CompilerDeprecationTypes, DeprecationData> = {
       `filters have been removed in Vue 3. ` +
       `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
       `Use method calls or computed properties instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
-  }
+    link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`,
+  },
 }
 
 function getCompatValue(
   key: CompilerDeprecationTypes | 'MODE',
-  context: ParserContext | TransformContext
+  context: ParserContext | TransformContext,
 ) {
   const config = (context as ParserContext).options
     ? (context as ParserContext).options.compatConfig
@@ -115,7 +115,7 @@ function getCompatValue(
 
 export function isCompatEnabled(
   key: CompilerDeprecationTypes,
-  context: ParserContext | TransformContext
+  context: ParserContext | TransformContext,
 ) {
   const mode = getCompatValue('MODE', context)
   const value = getCompatValue(key, context)
diff --git a/packages/compiler-core/src/compat/transformFilter.ts b/packages/compiler-core/src/compat/transformFilter.ts
index 77331db4d80..78f9ee80041 100644
--- a/packages/compiler-core/src/compat/transformFilter.ts
+++ b/packages/compiler-core/src/compat/transformFilter.ts
@@ -4,12 +4,12 @@ import {
   AttributeNode,
   DirectiveNode,
   NodeTypes,
-  SimpleExpressionNode
+  SimpleExpressionNode,
 } from '../ast'
 import {
   CompilerDeprecationTypes,
   isCompatEnabled,
-  warnDeprecation
+  warnDeprecation,
 } from './compatConfig'
 import { NodeTransform, TransformContext } from '../transform'
 import { toValidAssetId } from '../utils'
@@ -162,7 +162,7 @@ function parseFilter(node: SimpleExpressionNode, context: TransformContext) {
       warnDeprecation(
         CompilerDeprecationTypes.COMPILER_FILTERS,
         context,
-        node.loc
+        node.loc,
       )
     for (i = 0; i < filters.length; i++) {
       expression = wrapFilter(expression, filters[i], context)
@@ -174,7 +174,7 @@ function parseFilter(node: SimpleExpressionNode, context: TransformContext) {
 function wrapFilter(
   exp: string,
   filter: string,
-  context: TransformContext
+  context: TransformContext,
 ): string {
   context.helper(RESOLVE_FILTER)
   const i = filter.indexOf('(')
diff --git a/packages/compiler-core/src/compile.ts b/packages/compiler-core/src/compile.ts
index 95e3718964a..f2ab91c1c94 100644
--- a/packages/compiler-core/src/compile.ts
+++ b/packages/compiler-core/src/compile.ts
@@ -21,11 +21,11 @@ import { transformMemo } from './transforms/vMemo'
 
 export type TransformPreset = [
   NodeTransform[],
-  Record<string, DirectiveTransform>
+  Record<string, DirectiveTransform>,
 ]
 
 export function getBaseTransformPreset(
-  prefixIdentifiers?: boolean
+  prefixIdentifiers?: boolean,
 ): TransformPreset {
   return [
     [
@@ -38,7 +38,7 @@ export function getBaseTransformPreset(
         ? [
             // order is important
             trackVForSlotScopes,
-            transformExpression
+            transformExpression,
           ]
         : __BROWSER__ && __DEV__
         ? [transformExpression]
@@ -46,13 +46,13 @@ export function getBaseTransformPreset(
       transformSlotOutlet,
       transformElement,
       trackSlotScopes,
-      transformText
+      transformText,
     ],
     {
       on: transformOn,
       bind: transformBind,
-      model: transformModel
-    }
+      model: transformModel,
+    },
   ]
 }
 
@@ -60,7 +60,7 @@ export function getBaseTransformPreset(
 // @vue/compiler-dom can export `compile` while re-exporting everything else.
 export function baseCompile(
   template: string | RootNode,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ): CodegenResult {
   const onError = options.onError || defaultOnError
   const isModuleMode = options.mode === 'module'
@@ -99,20 +99,20 @@ export function baseCompile(
       prefixIdentifiers,
       nodeTransforms: [
         ...nodeTransforms,
-        ...(options.nodeTransforms || []) // user transforms
+        ...(options.nodeTransforms || []), // user transforms
       ],
       directiveTransforms: extend(
         {},
         directiveTransforms,
-        options.directiveTransforms || {} // user transforms
-      )
-    })
+        options.directiveTransforms || {}, // user transforms
+      ),
+    }),
   )
 
   return generate(
     ast,
     extend({}, options, {
-      prefixIdentifiers
-    })
+      prefixIdentifiers,
+    }),
   )
 }
diff --git a/packages/compiler-core/src/errors.ts b/packages/compiler-core/src/errors.ts
index 36ab783edbe..4b506b5a52f 100644
--- a/packages/compiler-core/src/errors.ts
+++ b/packages/compiler-core/src/errors.ts
@@ -25,7 +25,7 @@ export function createCompilerError<T extends number>(
   code: T,
   loc?: SourceLocation,
   messages?: { [code: number]: string },
-  additionalMessage?: string
+  additionalMessage?: string,
 ): InferCompilerError<T> {
   const msg =
     __DEV__ || !__BROWSER__
@@ -104,7 +104,7 @@ export const enum ErrorCodes {
   // Special value for higher-order compilers to pick up the last code
   // to avoid collision of error codes. This should always be kept as the last
   // item.
-  __EXTEND_POINT__
+  __EXTEND_POINT__,
 }
 
 export const errorMessages: Record<ErrorCodes, string> = {
@@ -188,5 +188,5 @@ export const errorMessages: Record<ErrorCodes, string> = {
   [ErrorCodes.DEPRECATION_V_IS]: `v-is="component-name" has been deprecated. Use is="vue:component-name" instead. v-is support will be removed in 3.4.`,
 
   // just to fulfill types
-  [ErrorCodes.__EXTEND_POINT__]: ``
+  [ErrorCodes.__EXTEND_POINT__]: ``,
 }
diff --git a/packages/compiler-core/src/index.ts b/packages/compiler-core/src/index.ts
index 4898a181dfc..09f0842898b 100644
--- a/packages/compiler-core/src/index.ts
+++ b/packages/compiler-core/src/index.ts
@@ -8,7 +8,7 @@ export {
   type CodegenOptions,
   type HoistTransform,
   type BindingMetadata,
-  BindingTypes
+  BindingTypes,
 } from './options'
 export { baseParse, TextModes } from './parse'
 export {
@@ -19,14 +19,14 @@ export {
   createStructuralDirectiveTransform,
   type NodeTransform,
   type StructuralDirectiveTransform,
-  type DirectiveTransform
+  type DirectiveTransform,
 } from './transform'
 export { generate, type CodegenContext, type CodegenResult } from './codegen'
 export {
   ErrorCodes,
   createCompilerError,
   type CoreCompilerError,
-  type CompilerError
+  type CompilerError,
 } from './errors'
 
 export * from './ast'
@@ -44,20 +44,20 @@ export { processFor, createForLoopParams } from './transforms/vFor'
 export {
   transformExpression,
   processExpression,
-  stringifyExpression
+  stringifyExpression,
 } from './transforms/transformExpression'
 export {
   buildSlots,
   type SlotFnBuilder,
   trackVForSlotScopes,
-  trackSlotScopes
+  trackSlotScopes,
 } from './transforms/vSlot'
 export {
   transformElement,
   resolveComponentType,
   buildProps,
   buildDirectiveArgs,
-  type PropsExpression
+  type PropsExpression,
 } from './transforms/transformElement'
 export { processSlotOutlet } from './transforms/transformSlotOutlet'
 export { getConstantType } from './transforms/hoistStatic'
@@ -67,5 +67,5 @@ export { generateCodeFrame } from '@vue/shared'
 export {
   checkCompatEnabled,
   warnDeprecation,
-  CompilerDeprecationTypes
+  CompilerDeprecationTypes,
 } from './compat/compatConfig'
diff --git a/packages/compiler-core/src/options.ts b/packages/compiler-core/src/options.ts
index 65bbcb36dd6..d3489e502b4 100644
--- a/packages/compiler-core/src/options.ts
+++ b/packages/compiler-core/src/options.ts
@@ -4,7 +4,7 @@ import { CompilerError } from './errors'
 import {
   NodeTransform,
   DirectiveTransform,
-  TransformContext
+  TransformContext,
 } from './transform'
 import { CompilerCompatOptions } from './compat/compatConfig'
 import { ParserPlugin } from '@babel/parser'
@@ -46,7 +46,7 @@ export interface ParserOptions
    */
   getTextMode?: (
     node: ElementNode,
-    parent: ElementNode | undefined
+    parent: ElementNode | undefined,
   ) => TextModes
   /**
    * @default ['{{', '}}']
@@ -70,7 +70,7 @@ export interface ParserOptions
 export type HoistTransform = (
   children: TemplateChildNode[],
   context: TransformContext,
-  parent: ParentNode
+  parent: ParentNode,
 ) => void
 
 export const enum BindingTypes {
@@ -116,7 +116,7 @@ export const enum BindingTypes {
   /**
    * a literal constant, e.g. 'foo', 1, true
    */
-  LITERAL_CONST = 'literal-const'
+  LITERAL_CONST = 'literal-const',
 }
 
 export type BindingMetadata = {
diff --git a/packages/compiler-core/src/parse.ts b/packages/compiler-core/src/parse.ts
index b72ad028b4b..569ea3ea175 100644
--- a/packages/compiler-core/src/parse.ts
+++ b/packages/compiler-core/src/parse.ts
@@ -4,14 +4,14 @@ import {
   ErrorCodes,
   createCompilerError,
   defaultOnError,
-  defaultOnWarn
+  defaultOnWarn,
 } from './errors'
 import {
   assert,
   advancePositionWithMutation,
   advancePositionWithClone,
   isCoreComponent,
-  isStaticArgOf
+  isStaticArgOf,
 } from './utils'
 import {
   Namespaces,
@@ -29,14 +29,14 @@ import {
   TemplateChildNode,
   InterpolationNode,
   createRoot,
-  ConstantTypes
+  ConstantTypes,
 } from './ast'
 import {
   checkCompatEnabled,
   CompilerCompatOptions,
   CompilerDeprecationTypes,
   isCompatEnabled,
-  warnDeprecation
+  warnDeprecation,
 } from './compat/compatConfig'
 
 type OptionalOptions =
@@ -63,7 +63,7 @@ const decodeMap: Record<string, string> = {
   lt: '<',
   amp: '&',
   apos: "'",
-  quot: '"'
+  quot: '"',
 }
 
 export const defaultParserOptions: MergedParserOptions = {
@@ -77,7 +77,7 @@ export const defaultParserOptions: MergedParserOptions = {
     rawText.replace(decodeRE, (_, p1) => decodeMap[p1]),
   onError: defaultOnError,
   onWarn: defaultOnWarn,
-  comments: __DEV__
+  comments: __DEV__,
 }
 
 export const enum TextModes {
@@ -86,7 +86,7 @@ export const enum TextModes {
   RCDATA, //  | ✘        | ✔        | End tag of the parent | <textarea>
   RAWTEXT, // | ✘        | ✘        | End tag of the parent | <style>,<script>
   CDATA,
-  ATTRIBUTE_VALUE
+  ATTRIBUTE_VALUE,
 }
 
 export interface ParserContext {
@@ -103,19 +103,19 @@ export interface ParserContext {
 
 export function baseParse(
   content: string,
-  options: ParserOptions = {}
+  options: ParserOptions = {},
 ): RootNode {
   const context = createParserContext(content, options)
   const start = getCursor(context)
   return createRoot(
     parseChildren(context, TextModes.DATA, []),
-    getSelection(context, start)
+    getSelection(context, start),
   )
 }
 
 function createParserContext(
   content: string,
-  rawOptions: ParserOptions
+  rawOptions: ParserOptions,
 ): ParserContext {
   const options = extend({}, defaultParserOptions)
 
@@ -136,14 +136,14 @@ function createParserContext(
     source: content,
     inPre: false,
     inVPre: false,
-    onWarn: options.onWarn
+    onWarn: options.onWarn,
   }
 }
 
 function parseChildren(
   context: ParserContext,
   mode: TextModes,
-  ancestors: ElementNode[]
+  ancestors: ElementNode[],
 ): TemplateChildNode[] {
   const parent = last(ancestors)
   const ns = parent ? parent.ns : Namespaces.HTML
@@ -196,7 +196,7 @@ function parseChildren(
             emitError(
               context,
               ErrorCodes.INVALID_FIRST_CHARACTER_OF_TAG_NAME,
-              2
+              2,
             )
             node = parseBogusComment(context)
           }
@@ -208,21 +208,21 @@ function parseChildren(
             __COMPAT__ &&
             isCompatEnabled(
               CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE,
-              context
+              context,
             ) &&
             node &&
             node.tag === 'template' &&
             !node.props.some(
               p =>
                 p.type === NodeTypes.DIRECTIVE &&
-                isSpecialTemplateDirective(p.name)
+                isSpecialTemplateDirective(p.name),
             )
           ) {
             __DEV__ &&
               warnDeprecation(
                 CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE,
                 context,
-                node.loc
+                node.loc,
               )
             node = node.children
           }
@@ -230,7 +230,7 @@ function parseChildren(
           emitError(
             context,
             ErrorCodes.UNEXPECTED_QUESTION_MARK_INSTEAD_OF_TAG_NAME,
-            1
+            1,
           )
           node = parseBogusComment(context)
         } else {
@@ -340,7 +340,7 @@ function pushNode(nodes: TemplateChildNode[], node: TemplateChildNode): void {
 
 function parseCDATA(
   context: ParserContext,
-  ancestors: ElementNode[]
+  ancestors: ElementNode[],
 ): TemplateChildNode[] {
   __TEST__ &&
     assert(last(ancestors) == null || last(ancestors)!.ns !== Namespaces.HTML)
@@ -396,7 +396,7 @@ function parseComment(context: ParserContext): CommentNode {
   return {
     type: NodeTypes.COMMENT,
     content,
-    loc: getSelection(context, start)
+    loc: getSelection(context, start),
   }
 }
 
@@ -419,13 +419,13 @@ function parseBogusComment(context: ParserContext): CommentNode | undefined {
   return {
     type: NodeTypes.COMMENT,
     content,
-    loc: getSelection(context, start)
+    loc: getSelection(context, start),
   }
 }
 
 function parseElement(
   context: ParserContext,
-  ancestors: ElementNode[]
+  ancestors: ElementNode[],
 ): ElementNode | undefined {
   __TEST__ && assert(/^<[a-z]/i.test(context.source))
 
@@ -457,21 +457,21 @@ function parseElement(
   // 2.x inline-template compat
   if (__COMPAT__) {
     const inlineTemplateProp = element.props.find(
-      p => p.type === NodeTypes.ATTRIBUTE && p.name === 'inline-template'
+      p => p.type === NodeTypes.ATTRIBUTE && p.name === 'inline-template',
     ) as AttributeNode
     if (
       inlineTemplateProp &&
       checkCompatEnabled(
         CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE,
         context,
-        inlineTemplateProp.loc
+        inlineTemplateProp.loc,
       )
     ) {
       const loc = getSelection(context, element.loc.end)
       inlineTemplateProp.value = {
         type: NodeTypes.TEXT,
         content: loc.source,
-        loc
+        loc,
       }
     }
   }
@@ -504,11 +504,11 @@ function parseElement(
 
 const enum TagType {
   Start,
-  End
+  End,
 }
 
 const isSpecialTemplateDirective = /*#__PURE__*/ makeMap(
-  `if,else,else-if,for,slot`
+  `if,else,else-if,for,slot`,
 )
 
 /**
@@ -517,22 +517,22 @@ const isSpecialTemplateDirective = /*#__PURE__*/ makeMap(
 function parseTag(
   context: ParserContext,
   type: TagType.Start,
-  parent: ElementNode | undefined
+  parent: ElementNode | undefined,
 ): ElementNode
 function parseTag(
   context: ParserContext,
   type: TagType.End,
-  parent: ElementNode | undefined
+  parent: ElementNode | undefined,
 ): void
 function parseTag(
   context: ParserContext,
   type: TagType,
-  parent: ElementNode | undefined
+  parent: ElementNode | undefined,
 ): ElementNode | undefined {
   __TEST__ && assert(/^<\/?[a-z]/i.test(context.source))
   __TEST__ &&
     assert(
-      type === (startsWith(context.source, '</') ? TagType.End : TagType.Start)
+      type === (startsWith(context.source, '</') ? TagType.End : TagType.Start),
     )
 
   // Tag open.
@@ -592,7 +592,7 @@ function parseTag(
     __DEV__ &&
     isCompatEnabled(
       CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE,
-      context
+      context,
     )
   ) {
     let hasIf = false
@@ -610,7 +610,7 @@ function parseTag(
         warnDeprecation(
           CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE,
           context,
-          getSelection(context, start)
+          getSelection(context, start),
         )
         break
       }
@@ -625,7 +625,8 @@ function parseTag(
       if (
         props.some(
           p =>
-            p.type === NodeTypes.DIRECTIVE && isSpecialTemplateDirective(p.name)
+            p.type === NodeTypes.DIRECTIVE &&
+            isSpecialTemplateDirective(p.name),
         )
       ) {
         tagType = ElementTypes.TEMPLATE
@@ -644,14 +645,14 @@ function parseTag(
     isSelfClosing,
     children: [],
     loc: getSelection(context, start),
-    codegenNode: undefined // to be created during transform phase
+    codegenNode: undefined, // to be created during transform phase
   }
 }
 
 function isComponent(
   tag: string,
   props: (AttributeNode | DirectiveNode)[],
-  context: ParserContext
+  context: ParserContext,
 ) {
   const options = context.options
   if (options.isCustomElement(tag)) {
@@ -679,7 +680,7 @@ function isComponent(
           checkCompatEnabled(
             CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT,
             context,
-            p.loc
+            p.loc,
           )
         ) {
           return true
@@ -698,7 +699,7 @@ function isComponent(
         checkCompatEnabled(
           CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT,
           context,
-          p.loc
+          p.loc,
         )
       ) {
         return true
@@ -709,7 +710,7 @@ function isComponent(
 
 function parseAttributes(
   context: ParserContext,
-  type: TagType
+  type: TagType,
 ): (AttributeNode | DirectiveNode)[] {
   const props = []
   const attributeNames = new Set<string>()
@@ -754,7 +755,7 @@ function parseAttributes(
 
 function parseAttribute(
   context: ParserContext,
-  nameSet: Set<string>
+  nameSet: Set<string>,
 ): AttributeNode | DirectiveNode {
   __TEST__ && assert(/^[^\t\r\n\f />]/.test(context.source))
 
@@ -778,7 +779,7 @@ function parseAttribute(
       emitError(
         context,
         ErrorCodes.UNEXPECTED_CHARACTER_IN_ATTRIBUTE_NAME,
-        m.index
+        m.index,
       )
     }
   }
@@ -802,7 +803,7 @@ function parseAttribute(
   if (!context.inVPre && /^(v-[A-Za-z0-9-]|:|\.|@|#)/.test(name)) {
     const match =
       /(?:^v-([a-z0-9-]+))?(?:(?::|^\.|^@|^#)(\[[^\]]+\]|[^\.]+))?(.+)?$/i.exec(
-        name
+        name,
       )!
 
     let isPropShorthand = startsWith(name, '.')
@@ -819,7 +820,7 @@ function parseAttribute(
       const isSlot = dirName === 'slot'
       const startOffset = name.lastIndexOf(
         match[2],
-        name.length - (match[3]?.length || 0)
+        name.length - (match[3]?.length || 0),
       )
       const loc = getSelection(
         context,
@@ -827,8 +828,8 @@ function parseAttribute(
         getNewPosition(
           context,
           start,
-          startOffset + match[2].length + ((isSlot && match[3]) || '').length
-        )
+          startOffset + match[2].length + ((isSlot && match[3]) || '').length,
+        ),
       )
       let content = match[2]
       let isStatic = true
@@ -839,7 +840,7 @@ function parseAttribute(
         if (!content.endsWith(']')) {
           emitError(
             context,
-            ErrorCodes.X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END
+            ErrorCodes.X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END,
           )
           content = content.slice(1)
         } else {
@@ -859,7 +860,7 @@ function parseAttribute(
         constType: isStatic
           ? ConstantTypes.CAN_STRINGIFY
           : ConstantTypes.NOT_CONSTANT,
-        loc
+        loc,
       }
     }
 
@@ -882,7 +883,7 @@ function parseAttribute(
           CompilerDeprecationTypes.COMPILER_V_BIND_SYNC,
           context,
           loc,
-          arg.loc.source
+          arg.loc.source,
         )
       ) {
         dirName = 'model'
@@ -893,7 +894,7 @@ function parseAttribute(
         checkCompatEnabled(
           CompilerDeprecationTypes.COMPILER_V_BIND_PROP,
           context,
-          loc
+          loc,
         )
       }
     }
@@ -908,11 +909,11 @@ function parseAttribute(
         // Treat as non-constant by default. This can be potentially set to
         // other values by `transformExpression` to make it eligible for hoisting.
         constType: ConstantTypes.NOT_CONSTANT,
-        loc: value.loc
+        loc: value.loc,
       },
       arg,
       modifiers,
-      loc
+      loc,
     }
   }
 
@@ -927,9 +928,9 @@ function parseAttribute(
     value: value && {
       type: NodeTypes.TEXT,
       content: value.content,
-      loc: value.loc
+      loc: value.loc,
     },
-    loc
+    loc,
   }
 }
 
@@ -948,7 +949,7 @@ function parseAttributeValue(context: ParserContext): AttributeValue {
       content = parseTextData(
         context,
         context.source.length,
-        TextModes.ATTRIBUTE_VALUE
+        TextModes.ATTRIBUTE_VALUE,
       )
     } else {
       content = parseTextData(context, endIndex, TextModes.ATTRIBUTE_VALUE)
@@ -966,7 +967,7 @@ function parseAttributeValue(context: ParserContext): AttributeValue {
       emitError(
         context,
         ErrorCodes.UNEXPECTED_CHARACTER_IN_UNQUOTED_ATTRIBUTE_VALUE,
-        m.index
+        m.index,
       )
     }
     content = parseTextData(context, match[0].length, TextModes.ATTRIBUTE_VALUE)
@@ -977,7 +978,7 @@ function parseAttributeValue(context: ParserContext): AttributeValue {
 
 function parseInterpolation(
   context: ParserContext,
-  mode: TextModes
+  mode: TextModes,
 ): InterpolationNode | undefined {
   const [open, close] = context.options.delimiters
   __TEST__ && assert(startsWith(context.source, open))
@@ -1013,9 +1014,9 @@ function parseInterpolation(
       // Set `isConstant` to false by default and will decide in transformExpression
       constType: ConstantTypes.NOT_CONSTANT,
       content,
-      loc: getSelection(context, innerStart, innerEnd)
+      loc: getSelection(context, innerStart, innerEnd),
     },
-    loc: getSelection(context, start)
+    loc: getSelection(context, start),
   }
 }
 
@@ -1041,7 +1042,7 @@ function parseText(context: ParserContext, mode: TextModes): TextNode {
   return {
     type: NodeTypes.TEXT,
     content,
-    loc: getSelection(context, start)
+    loc: getSelection(context, start),
   }
 }
 
@@ -1052,7 +1053,7 @@ function parseText(context: ParserContext, mode: TextModes): TextNode {
 function parseTextData(
   context: ParserContext,
   length: number,
-  mode: TextModes
+  mode: TextModes,
 ): string {
   const rawText = context.source.slice(0, length)
   advanceBy(context, length)
@@ -1066,7 +1067,7 @@ function parseTextData(
     // DATA or RCDATA containing "&"". Entity decoding required.
     return context.options.decodeEntities(
       rawText,
-      mode === TextModes.ATTRIBUTE_VALUE
+      mode === TextModes.ATTRIBUTE_VALUE,
     )
   }
 }
@@ -1079,13 +1080,13 @@ function getCursor(context: ParserContext): Position {
 function getSelection(
   context: ParserContext,
   start: Position,
-  end?: Position
+  end?: Position,
 ): SourceLocation {
   end = end || getCursor(context)
   return {
     start,
     end,
-    source: context.originalSource.slice(start.offset, end.offset)
+    source: context.originalSource.slice(start.offset, end.offset),
   }
 }
 
@@ -1114,12 +1115,12 @@ function advanceSpaces(context: ParserContext): void {
 function getNewPosition(
   context: ParserContext,
   start: Position,
-  numberOfCharacters: number
+  numberOfCharacters: number,
 ): Position {
   return advancePositionWithClone(
     start,
     context.originalSource.slice(start.offset, numberOfCharacters),
-    numberOfCharacters
+    numberOfCharacters,
   )
 }
 
@@ -1127,7 +1128,7 @@ function emitError(
   context: ParserContext,
   code: ErrorCodes,
   offset?: number,
-  loc: Position = getCursor(context)
+  loc: Position = getCursor(context),
 ): void {
   if (offset) {
     loc.offset += offset
@@ -1137,15 +1138,15 @@ function emitError(
     createCompilerError(code, {
       start: loc,
       end: loc,
-      source: ''
-    })
+      source: '',
+    }),
   )
 }
 
 function isEnd(
   context: ParserContext,
   mode: TextModes,
-  ancestors: ElementNode[]
+  ancestors: ElementNode[],
 ): boolean {
   const s = context.source
 
diff --git a/packages/compiler-core/src/runtimeHelpers.ts b/packages/compiler-core/src/runtimeHelpers.ts
index 3f5ef024797..47ab73e011a 100644
--- a/packages/compiler-core/src/runtimeHelpers.ts
+++ b/packages/compiler-core/src/runtimeHelpers.ts
@@ -13,7 +13,7 @@ export const CREATE_TEXT = Symbol(__DEV__ ? `createTextVNode` : ``)
 export const CREATE_STATIC = Symbol(__DEV__ ? `createStaticVNode` : ``)
 export const RESOLVE_COMPONENT = Symbol(__DEV__ ? `resolveComponent` : ``)
 export const RESOLVE_DYNAMIC_COMPONENT = Symbol(
-  __DEV__ ? `resolveDynamicComponent` : ``
+  __DEV__ ? `resolveDynamicComponent` : ``,
 )
 export const RESOLVE_DIRECTIVE = Symbol(__DEV__ ? `resolveDirective` : ``)
 export const RESOLVE_FILTER = Symbol(__DEV__ ? `resolveFilter` : ``)
@@ -81,7 +81,7 @@ export const helperNameMap: Record<symbol, string> = {
   [UNREF]: `unref`,
   [IS_REF]: `isRef`,
   [WITH_MEMO]: `withMemo`,
-  [IS_MEMO_SAME]: `isMemoSame`
+  [IS_MEMO_SAME]: `isMemoSame`,
 }
 
 export function registerRuntimeHelpers(helpers: Record<symbol, string>) {
diff --git a/packages/compiler-core/src/transform.ts b/packages/compiler-core/src/transform.ts
index 4d9e8c6ed49..05184542c34 100644
--- a/packages/compiler-core/src/transform.ts
+++ b/packages/compiler-core/src/transform.ts
@@ -18,7 +18,7 @@ import {
   createVNodeCall,
   ConstantTypes,
   ArrayExpression,
-  convertToBlock
+  convertToBlock,
 } from './ast'
 import {
   isString,
@@ -28,14 +28,14 @@ import {
   PatchFlagNames,
   EMPTY_OBJ,
   capitalize,
-  camelize
+  camelize,
 } from '@vue/shared'
 import { defaultOnError, defaultOnWarn } from './errors'
 import {
   TO_DISPLAY_STRING,
   FRAGMENT,
   helperNameMap,
-  CREATE_COMMENT
+  CREATE_COMMENT,
 } from './runtimeHelpers'
 import { isVSlot } from './utils'
 import { hoistStatic, isSingleElementRoot } from './transforms/hoistStatic'
@@ -48,7 +48,7 @@ import { CompilerCompatOptions } from './compat/compatConfig'
 //   replace or remove the node being processed.
 export type NodeTransform = (
   node: RootNode | TemplateChildNode,
-  context: TransformContext
+  context: TransformContext,
 ) => void | (() => void) | (() => void)[]
 
 // - DirectiveTransform:
@@ -60,7 +60,7 @@ export type DirectiveTransform = (
   context: TransformContext,
   // a platform specific compiler can import the base transform and augment
   // it by passing in this optional argument.
-  augmentor?: (ret: DirectiveTransformResult) => DirectiveTransformResult
+  augmentor?: (ret: DirectiveTransformResult) => DirectiveTransformResult,
 ) => DirectiveTransformResult
 
 export interface DirectiveTransformResult {
@@ -74,7 +74,7 @@ export interface DirectiveTransformResult {
 export type StructuralDirectiveTransform = (
   node: ElementNode,
   dir: DirectiveNode,
-  context: TransformContext
+  context: TransformContext,
 ) => void | (() => void)
 
 export interface ImportItem {
@@ -146,8 +146,8 @@ export function createTransformContext(
     isTS = false,
     onError = defaultOnError,
     onWarn = defaultOnWarn,
-    compatConfig
-  }: TransformOptions
+    compatConfig,
+  }: TransformOptions,
 ): TransformContext {
   const nameMatch = filename.replace(/\?.*$/, '').match(/([^/\\]+)\.\w+$/)
   const context: TransformContext = {
@@ -189,7 +189,7 @@ export function createTransformContext(
       vFor: 0,
       vSlot: 0,
       vPre: 0,
-      vOnce: 0
+      vOnce: 0,
     },
     parent: null,
     currentNode: root,
@@ -286,14 +286,14 @@ export function createTransformContext(
         `_hoisted_${context.hoists.length}`,
         false,
         exp.loc,
-        ConstantTypes.CAN_HOIST
+        ConstantTypes.CAN_HOIST,
       )
       identifier.hoisted = exp
       return identifier
     },
     cache(exp, isVNode = false) {
       return createCacheExpression(context.cached++, exp, isVNode)
-    }
+    },
   }
 
   if (__COMPAT__) {
@@ -381,7 +381,7 @@ function createRootCodegen(root: RootNode, context: TransformContext) {
       undefined,
       true,
       undefined,
-      false /* isComponent */
+      false /* isComponent */,
     )
   } else {
     // no children = noop. codegen will return null.
@@ -390,7 +390,7 @@ function createRootCodegen(root: RootNode, context: TransformContext) {
 
 export function traverseChildren(
   parent: ParentNode,
-  context: TransformContext
+  context: TransformContext,
 ) {
   let i = 0
   const nodeRemoved = () => {
@@ -408,7 +408,7 @@ export function traverseChildren(
 
 export function traverseNode(
   node: RootNode | TemplateChildNode,
-  context: TransformContext
+  context: TransformContext,
 ) {
   context.currentNode = node
   // apply transform plugins
@@ -471,7 +471,7 @@ export function traverseNode(
 
 export function createStructuralDirectiveTransform(
   name: string | RegExp,
-  fn: StructuralDirectiveTransform
+  fn: StructuralDirectiveTransform,
 ): NodeTransform {
   const matches = isString(name)
     ? (n: string) => n === name
diff --git a/packages/compiler-core/src/transforms/hoistStatic.ts b/packages/compiler-core/src/transforms/hoistStatic.ts
index 5526163c6f9..d155c749bf9 100644
--- a/packages/compiler-core/src/transforms/hoistStatic.ts
+++ b/packages/compiler-core/src/transforms/hoistStatic.ts
@@ -14,7 +14,7 @@ import {
   CallExpression,
   createArrayExpression,
   getVNodeBlockHelper,
-  getVNodeHelper
+  getVNodeHelper,
 } from '../ast'
 import { TransformContext } from '../transform'
 import { PatchFlags, isString, isSymbol, isArray } from '@vue/shared'
@@ -24,7 +24,7 @@ import {
   GUARD_REACTIVE_PROPS,
   NORMALIZE_CLASS,
   NORMALIZE_PROPS,
-  NORMALIZE_STYLE
+  NORMALIZE_STYLE,
 } from '../runtimeHelpers'
 
 export function hoistStatic(root: RootNode, context: TransformContext) {
@@ -33,13 +33,13 @@ export function hoistStatic(root: RootNode, context: TransformContext) {
     context,
     // Root node is unfortunately non-hoistable due to potential parent
     // fallthrough attributes.
-    isSingleElementRoot(root, root.children[0])
+    isSingleElementRoot(root, root.children[0]),
   )
 }
 
 export function isSingleElementRoot(
   root: RootNode,
-  child: TemplateChildNode
+  child: TemplateChildNode,
 ): child is PlainElementNode | ComponentNode | TemplateNode {
   const { children } = root
   return (
@@ -52,7 +52,7 @@ export function isSingleElementRoot(
 function walk(
   node: ParentNode,
   context: TransformContext,
-  doNotHoistNode: boolean = false
+  doNotHoistNode: boolean = false,
 ) {
   const { children } = node
   const originalCount = children.length
@@ -120,7 +120,7 @@ function walk(
         walk(
           child.branches[i],
           context,
-          child.branches[i].children.length === 1
+          child.branches[i].children.length === 1,
         )
       }
     }
@@ -141,14 +141,14 @@ function walk(
     isArray(node.codegenNode.children)
   ) {
     node.codegenNode.children = context.hoist(
-      createArrayExpression(node.codegenNode.children)
+      createArrayExpression(node.codegenNode.children),
     )
   }
 }
 
 export function getConstantType(
   node: TemplateChildNode | SimpleExpressionNode,
-  context: TransformContext
+  context: TransformContext,
 ): ConstantTypes {
   const { constantCache } = context
   switch (node.type) {
@@ -237,7 +237,7 @@ export function getConstantType(
 
           context.removeHelper(OPEN_BLOCK)
           context.removeHelper(
-            getVNodeBlockHelper(context.inSSR, codegenNode.isComponent)
+            getVNodeBlockHelper(context.inSSR, codegenNode.isComponent),
           )
           codegenNode.isBlock = false
           context.helper(getVNodeHelper(context.inSSR, codegenNode.isComponent))
@@ -289,12 +289,12 @@ const allowHoistedHelperSet = new Set([
   NORMALIZE_CLASS,
   NORMALIZE_STYLE,
   NORMALIZE_PROPS,
-  GUARD_REACTIVE_PROPS
+  GUARD_REACTIVE_PROPS,
 ])
 
 function getConstantTypeOfHelperCall(
   value: CallExpression,
-  context: TransformContext
+  context: TransformContext,
 ): ConstantTypes {
   if (
     value.type === NodeTypes.JS_CALL_EXPRESSION &&
@@ -314,7 +314,7 @@ function getConstantTypeOfHelperCall(
 
 function getGeneratedPropsConstantType(
   node: PlainElementNode,
-  context: TransformContext
+  context: TransformContext,
 ): ConstantTypes {
   let returnType = ConstantTypes.CAN_STRINGIFY
   const props = getNodeProps(node)
diff --git a/packages/compiler-core/src/transforms/transformElement.ts b/packages/compiler-core/src/transforms/transformElement.ts
index 253b6be5efa..96dc5d4d20c 100644
--- a/packages/compiler-core/src/transforms/transformElement.ts
+++ b/packages/compiler-core/src/transforms/transformElement.ts
@@ -19,7 +19,7 @@ import {
   TemplateTextChildNode,
   DirectiveArguments,
   createVNodeCall,
-  ConstantTypes
+  ConstantTypes,
 } from '../ast'
 import {
   PatchFlags,
@@ -30,7 +30,7 @@ import {
   isReservedProp,
   capitalize,
   camelize,
-  isBuiltInDirective
+  isBuiltInDirective,
 } from '@vue/shared'
 import { createCompilerError, ErrorCodes } from '../errors'
 import {
@@ -46,7 +46,7 @@ import {
   KEEP_ALIVE,
   SUSPENSE,
   UNREF,
-  GUARD_REACTIVE_PROPS
+  GUARD_REACTIVE_PROPS,
 } from '../runtimeHelpers'
 import {
   getInnerRange,
@@ -55,7 +55,7 @@ import {
   isCoreComponent,
   isStaticArgOf,
   findDir,
-  isStaticExp
+  isStaticExp,
 } from '../utils'
 import { buildSlots } from './vSlot'
 import { getConstantType } from './hoistStatic'
@@ -63,7 +63,7 @@ import { BindingTypes } from '../options'
 import {
   checkCompatEnabled,
   CompilerDeprecationTypes,
-  isCompatEnabled
+  isCompatEnabled,
 } from '../compat/compatConfig'
 
 // some directive transforms (e.g. v-model) may return a symbol for runtime
@@ -126,7 +126,7 @@ export const transformElement: NodeTransform = (node, context) => {
         context,
         undefined,
         isComponent,
-        isDynamicComponent
+        isDynamicComponent,
       )
       vnodeProps = propsBuildResult.props
       patchFlag = propsBuildResult.patchFlag
@@ -135,7 +135,7 @@ export const transformElement: NodeTransform = (node, context) => {
       vnodeDirectives =
         directives && directives.length
           ? (createArrayExpression(
-              directives.map(dir => buildDirectiveArgs(dir, context))
+              directives.map(dir => buildDirectiveArgs(dir, context)),
             ) as DirectiveArguments)
           : undefined
 
@@ -161,8 +161,8 @@ export const transformElement: NodeTransform = (node, context) => {
             createCompilerError(ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN, {
               start: node.children[0].loc.start,
               end: node.children[node.children.length - 1].loc.end,
-              source: ''
-            })
+              source: '',
+            }),
           )
         }
       }
@@ -240,7 +240,7 @@ export const transformElement: NodeTransform = (node, context) => {
       !!shouldUseBlock,
       false /* disableTracking */,
       isComponent,
-      node.loc
+      node.loc,
     )
   }
 }
@@ -248,7 +248,7 @@ export const transformElement: NodeTransform = (node, context) => {
 export function resolveComponentType(
   node: ComponentNode,
   context: TransformContext,
-  ssr = false
+  ssr = false,
 ) {
   let { tag } = node
 
@@ -261,7 +261,7 @@ export function resolveComponentType(
       (__COMPAT__ &&
         isCompatEnabled(
           CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT,
-          context
+          context,
         ))
     ) {
       const exp =
@@ -270,7 +270,7 @@ export function resolveComponentType(
           : isProp.exp
       if (exp) {
         return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
-          exp
+          exp,
         ])
       }
     } else if (
@@ -290,11 +290,11 @@ export function resolveComponentType(
   if (isDir && isDir.exp) {
     if (__DEV__) {
       context.onWarn(
-        createCompilerError(ErrorCodes.DEPRECATION_V_IS, isDir.loc)
+        createCompilerError(ErrorCodes.DEPRECATION_V_IS, isDir.loc),
       )
     }
     return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
-      isDir.exp
+      isDir.exp,
     ])
   }
 
@@ -395,7 +395,7 @@ export function buildProps(
   props: ElementNode['props'] = node.props,
   isComponent: boolean,
   isDynamicComponent: boolean,
-  ssr = false
+  ssr = false,
 ): {
   props: PropsExpression | undefined
   directives: DirectiveNode[]
@@ -423,7 +423,7 @@ export function buildProps(
   const pushMergeArg = (arg?: PropsExpression) => {
     if (properties.length) {
       mergeArgs.push(
-        createObjectExpression(dedupeProperties(properties), elementLoc)
+        createObjectExpression(dedupeProperties(properties), elementLoc),
       )
       properties = []
     }
@@ -497,8 +497,8 @@ export function buildProps(
           properties.push(
             createObjectProperty(
               createSimpleExpression('ref_for', true),
-              createSimpleExpression('true')
-            )
+              createSimpleExpression('true'),
+            ),
           )
         }
         // in inline mode there is no setupState object, so we can't use string
@@ -515,8 +515,8 @@ export function buildProps(
             properties.push(
               createObjectProperty(
                 createSimpleExpression('ref_key', true),
-                createSimpleExpression(value.content, true, value.loc)
-              )
+                createSimpleExpression(value.content, true, value.loc),
+              ),
             )
           }
         }
@@ -529,7 +529,7 @@ export function buildProps(
           (__COMPAT__ &&
             isCompatEnabled(
               CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT,
-              context
+              context,
             )))
       ) {
         continue
@@ -539,14 +539,14 @@ export function buildProps(
           createSimpleExpression(
             name,
             true,
-            getInnerRange(loc, 0, name.length)
+            getInnerRange(loc, 0, name.length),
           ),
           createSimpleExpression(
             value ? value.content : '',
             isStatic,
-            value ? value.loc : loc
-          )
-        )
+            value ? value.loc : loc,
+          ),
+        ),
       )
     } else {
       // directives
@@ -558,7 +558,7 @@ export function buildProps(
       if (name === 'slot') {
         if (!isComponent) {
           context.onError(
-            createCompilerError(ErrorCodes.X_V_SLOT_MISPLACED, loc)
+            createCompilerError(ErrorCodes.X_V_SLOT_MISPLACED, loc),
           )
         }
         continue
@@ -576,7 +576,7 @@ export function buildProps(
             (__COMPAT__ &&
               isCompatEnabled(
                 CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT,
-                context
+                context,
               ))))
       ) {
         continue
@@ -600,8 +600,8 @@ export function buildProps(
         properties.push(
           createObjectProperty(
             createSimpleExpression('ref_for', true),
-            createSimpleExpression('true')
-          )
+            createSimpleExpression('true'),
+          ),
         )
       }
 
@@ -639,7 +639,7 @@ export function buildProps(
                   checkCompatEnabled(
                     CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER,
                     context,
-                    loc
+                    loc,
                   )
                 }
               }
@@ -647,7 +647,7 @@ export function buildProps(
               if (
                 isCompatEnabled(
                   CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER,
-                  context
+                  context,
                 )
               ) {
                 mergeArgs.unshift(exp)
@@ -662,7 +662,7 @@ export function buildProps(
               type: NodeTypes.JS_CALL_EXPRESSION,
               loc,
               callee: context.helper(TO_HANDLERS),
-              arguments: isComponent ? [exp] : [exp, `true`]
+              arguments: isComponent ? [exp] : [exp, `true`],
             })
           }
         } else {
@@ -671,8 +671,8 @@ export function buildProps(
               isVBind
                 ? ErrorCodes.X_V_BIND_NO_EXPRESSION
                 : ErrorCodes.X_V_ON_NO_EXPRESSION,
-              loc
-            )
+              loc,
+            ),
           )
         }
         continue
@@ -716,7 +716,7 @@ export function buildProps(
       propsExpression = createCallExpression(
         context.helper(MERGE_PROPS),
         mergeArgs,
-        elementLoc
+        elementLoc,
       )
     } else {
       // single v-bind with nothing else - no need for a mergeProps call
@@ -725,7 +725,7 @@ export function buildProps(
   } else if (properties.length) {
     propsExpression = createObjectExpression(
       dedupeProperties(properties),
-      elementLoc
+      elementLoc,
     )
   }
 
@@ -785,7 +785,7 @@ export function buildProps(
           if (classProp && !isStaticExp(classProp.value)) {
             classProp.value = createCallExpression(
               context.helper(NORMALIZE_CLASS),
-              [classProp.value]
+              [classProp.value],
             )
           }
           if (
@@ -801,14 +801,14 @@ export function buildProps(
           ) {
             styleProp.value = createCallExpression(
               context.helper(NORMALIZE_STYLE),
-              [styleProp.value]
+              [styleProp.value],
             )
           }
         } else {
           // dynamic key binding, wrap with `normalizeProps`
           propsExpression = createCallExpression(
             context.helper(NORMALIZE_PROPS),
-            [propsExpression]
+            [propsExpression],
           )
         }
         break
@@ -821,9 +821,9 @@ export function buildProps(
           context.helper(NORMALIZE_PROPS),
           [
             createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [
-              propsExpression
-            ])
-          ]
+              propsExpression,
+            ]),
+          ],
         )
         break
     }
@@ -834,7 +834,7 @@ export function buildProps(
     directives: runtimeDirectives,
     patchFlag,
     dynamicPropNames,
-    shouldUseBlock
+    shouldUseBlock,
   }
 }
 
@@ -875,14 +875,14 @@ function mergeAsArray(existing: Property, incoming: Property) {
   } else {
     existing.value = createArrayExpression(
       [existing.value, incoming.value],
-      existing.loc
+      existing.loc,
     )
   }
 }
 
 export function buildDirectiveArgs(
   dir: DirectiveNode,
-  context: TransformContext
+  context: TransformContext,
 ): ArrayExpression {
   const dirArgs: ArrayExpression['elements'] = []
   const runtime = directiveImportMap.get(dir)
@@ -922,10 +922,10 @@ export function buildDirectiveArgs(
     dirArgs.push(
       createObjectExpression(
         dir.modifiers.map(modifier =>
-          createObjectProperty(modifier, trueExpression)
+          createObjectProperty(modifier, trueExpression),
         ),
-        loc
-      )
+        loc,
+      ),
     )
   }
   return createArrayExpression(dirArgs, dir.loc)
diff --git a/packages/compiler-core/src/transforms/transformExpression.ts b/packages/compiler-core/src/transforms/transformExpression.ts
index eab6b237f13..e23be9fa66a 100644
--- a/packages/compiler-core/src/transforms/transformExpression.ts
+++ b/packages/compiler-core/src/transforms/transformExpression.ts
@@ -15,13 +15,13 @@ import {
   SimpleExpressionNode,
   CompoundExpressionNode,
   createCompoundExpression,
-  ConstantTypes
+  ConstantTypes,
 } from '../ast'
 import {
   isInDestructureAssignment,
   isStaticProperty,
   isStaticPropertyKey,
-  walkIdentifiers
+  walkIdentifiers,
 } from '../babelUtils'
 import { advancePositionWithClone, isSimpleIdentifier } from '../utils'
 import {
@@ -29,14 +29,14 @@ import {
   makeMap,
   hasOwn,
   isString,
-  genPropsAccessExp
+  genPropsAccessExp,
 } from '@vue/shared'
 import { createCompilerError, ErrorCodes } from '../errors'
 import {
   Node,
   Identifier,
   AssignmentExpression,
-  UpdateExpression
+  UpdateExpression,
 } from '@babel/types'
 import { validateBrowserExpression } from '../validateExpression'
 import { parse } from '@babel/parser'
@@ -53,7 +53,7 @@ export const transformExpression: NodeTransform = (node, context) => {
   if (node.type === NodeTypes.INTERPOLATION) {
     node.content = processExpression(
       node.content as SimpleExpressionNode,
-      context
+      context,
     )
   } else if (node.type === NodeTypes.ELEMENT) {
     // handle directives on element
@@ -74,7 +74,7 @@ export const transformExpression: NodeTransform = (node, context) => {
             exp,
             context,
             // slot args must be processed as function params
-            dir.name === 'slot'
+            dir.name === 'slot',
           )
         }
         if (arg && arg.type === NodeTypes.SIMPLE_EXPRESSION && !arg.isStatic) {
@@ -104,7 +104,7 @@ export function processExpression(
   asParams = false,
   // v-on handler values may contain multiple statements
   asRawStatements = false,
-  localVars: Record<string, number> = Object.create(context.identifiers)
+  localVars: Record<string, number> = Object.create(context.identifiers),
 ): ExpressionNode {
   if (__BROWSER__) {
     if (__DEV__) {
@@ -163,8 +163,8 @@ export function processExpression(
               context,
               false,
               false,
-              knownIds
-            )
+              knownIds,
+            ),
           )
           return `${context.helperString(IS_REF)}(${raw})${
             context.isTS ? ` //@ts-ignore\n` : ``
@@ -255,7 +255,7 @@ export function processExpression(
     : `(${rawExp})${asParams ? `=>{}` : ``}`
   try {
     ast = parse(source, {
-      plugins: context.expressionPlugins
+      plugins: context.expressionPlugins,
     }).program
   } catch (e: any) {
     context.onError(
@@ -263,8 +263,8 @@ export function processExpression(
         ErrorCodes.X_INVALID_EXPRESSION,
         node.loc,
         undefined,
-        e.message
-      )
+        e.message,
+      ),
     )
     return node
   }
@@ -307,7 +307,7 @@ export function processExpression(
     },
     true, // invoke on ALL identifiers
     parentStack,
-    knownIds
+    knownIds,
   )
 
   // We break up the compound expression into an array of strings and sub
@@ -333,10 +333,12 @@ export function processExpression(
         {
           source,
           start: advancePositionWithClone(node.loc.start, source, start),
-          end: advancePositionWithClone(node.loc.start, source, end)
+          end: advancePositionWithClone(node.loc.start, source, end),
         },
-        id.isConstant ? ConstantTypes.CAN_STRINGIFY : ConstantTypes.NOT_CONSTANT
-      )
+        id.isConstant
+          ? ConstantTypes.CAN_STRINGIFY
+          : ConstantTypes.NOT_CONSTANT,
+      ),
     )
     if (i === ids.length - 1 && end < rawExp.length) {
       children.push(rawExp.slice(end))
diff --git a/packages/compiler-core/src/transforms/transformSlotOutlet.ts b/packages/compiler-core/src/transforms/transformSlotOutlet.ts
index 5fc0af5f7be..0a6ccff55bc 100644
--- a/packages/compiler-core/src/transforms/transformSlotOutlet.ts
+++ b/packages/compiler-core/src/transforms/transformSlotOutlet.ts
@@ -5,7 +5,7 @@ import {
   createCallExpression,
   ExpressionNode,
   SlotOutletNode,
-  createFunctionExpression
+  createFunctionExpression,
 } from '../ast'
 import { isSlotOutlet, isStaticArgOf, isStaticExp } from '../utils'
 import { buildProps, PropsExpression } from './transformElement'
@@ -23,7 +23,7 @@ export const transformSlotOutlet: NodeTransform = (node, context) => {
       slotName,
       '{}',
       'undefined',
-      'true'
+      'true',
     ]
     let expectedLen = 2
 
@@ -45,7 +45,7 @@ export const transformSlotOutlet: NodeTransform = (node, context) => {
     node.codegenNode = createCallExpression(
       context.helper(RENDER_SLOT),
       slotArgs,
-      loc
+      loc,
     )
   }
 }
@@ -57,7 +57,7 @@ interface SlotOutletProcessResult {
 
 export function processSlotOutlet(
   node: SlotOutletNode,
-  context: TransformContext
+  context: TransformContext,
 ): SlotOutletProcessResult {
   let slotName: string | ExpressionNode = `"default"`
   let slotProps: PropsExpression | undefined = undefined
@@ -92,7 +92,7 @@ export function processSlotOutlet(
       context,
       nonNameProps,
       false,
-      false
+      false,
     )
     slotProps = props
 
@@ -100,14 +100,14 @@ export function processSlotOutlet(
       context.onError(
         createCompilerError(
           ErrorCodes.X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET,
-          directives[0].loc
-        )
+          directives[0].loc,
+        ),
       )
     }
   }
 
   return {
     slotName,
-    slotProps
+    slotProps,
   }
 }
diff --git a/packages/compiler-core/src/transforms/transformText.ts b/packages/compiler-core/src/transforms/transformText.ts
index 2c8ab384fd8..feb5092bb73 100644
--- a/packages/compiler-core/src/transforms/transformText.ts
+++ b/packages/compiler-core/src/transforms/transformText.ts
@@ -6,7 +6,7 @@ import {
   CallExpression,
   ElementTypes,
   ConstantTypes,
-  createCompoundExpression
+  createCompoundExpression,
 } from '../ast'
 import { isText } from '../utils'
 import { CREATE_TEXT } from '../runtimeHelpers'
@@ -39,7 +39,7 @@ export const transformText: NodeTransform = (node, context) => {
               if (!currentContainer) {
                 currentContainer = children[i] = createCompoundExpression(
                   [child],
-                  child.loc
+                  child.loc,
                 )
               }
               // merge adjacent text node into current
@@ -72,7 +72,7 @@ export const transformText: NodeTransform = (node, context) => {
               !node.props.find(
                 p =>
                   p.type === NodeTypes.DIRECTIVE &&
-                  !context.directiveTransforms[p.name]
+                  !context.directiveTransforms[p.name],
               ) &&
               // in compat mode, <template> tags with no special directives
               // will be rendered as a fragment so its children must be
@@ -100,7 +100,7 @@ export const transformText: NodeTransform = (node, context) => {
           ) {
             callArgs.push(
               PatchFlags.TEXT +
-                (__DEV__ ? ` /* ${PatchFlagNames[PatchFlags.TEXT]} */` : ``)
+                (__DEV__ ? ` /* ${PatchFlagNames[PatchFlags.TEXT]} */` : ``),
             )
           }
           children[i] = {
@@ -109,8 +109,8 @@ export const transformText: NodeTransform = (node, context) => {
             loc: child.loc,
             codegenNode: createCallExpression(
               context.helper(CREATE_TEXT),
-              callArgs
-            )
+              callArgs,
+            ),
           }
         }
       }
diff --git a/packages/compiler-core/src/transforms/vBind.ts b/packages/compiler-core/src/transforms/vBind.ts
index ffaf903b9e8..c0a637e39f3 100644
--- a/packages/compiler-core/src/transforms/vBind.ts
+++ b/packages/compiler-core/src/transforms/vBind.ts
@@ -3,7 +3,7 @@ import {
   createObjectProperty,
   createSimpleExpression,
   ExpressionNode,
-  NodeTypes
+  NodeTypes,
 } from '../ast'
 import { createCompilerError, ErrorCodes } from '../errors'
 import { camelize } from '@vue/shared'
@@ -52,12 +52,12 @@ export const transformBind: DirectiveTransform = (dir, _node, context) => {
   ) {
     context.onError(createCompilerError(ErrorCodes.X_V_BIND_NO_EXPRESSION, loc))
     return {
-      props: [createObjectProperty(arg, createSimpleExpression('', true, loc))]
+      props: [createObjectProperty(arg, createSimpleExpression('', true, loc))],
     }
   }
 
   return {
-    props: [createObjectProperty(arg, exp)]
+    props: [createObjectProperty(arg, exp)],
   }
 }
 
diff --git a/packages/compiler-core/src/transforms/vFor.ts b/packages/compiler-core/src/transforms/vFor.ts
index a44532c0d58..745823cd7ba 100644
--- a/packages/compiler-core/src/transforms/vFor.ts
+++ b/packages/compiler-core/src/transforms/vFor.ts
@@ -1,6 +1,6 @@
 import {
   createStructuralDirectiveTransform,
-  TransformContext
+  TransformContext,
 } from '../transform'
 import {
   NodeTypes,
@@ -28,7 +28,7 @@ import {
   createBlockStatement,
   createCompoundExpression,
   getVNodeBlockHelper,
-  getVNodeHelper
+  getVNodeHelper,
 } from '../ast'
 import { createCompilerError, ErrorCodes } from '../errors'
 import {
@@ -37,13 +37,13 @@ import {
   isTemplateNode,
   isSlotOutlet,
   injectProp,
-  findDir
+  findDir,
 } from '../utils'
 import {
   RENDER_LIST,
   OPEN_BLOCK,
   FRAGMENT,
-  IS_MEMO_SAME
+  IS_MEMO_SAME,
 } from '../runtimeHelpers'
 import { processExpression } from './transformExpression'
 import { validateBrowserExpression } from '../validateExpression'
@@ -57,7 +57,7 @@ export const transformFor = createStructuralDirectiveTransform(
       // create the loop render function expression now, and add the
       // iterator on exit after all children have been traversed
       const renderExp = createCallExpression(helper(RENDER_LIST), [
-        forNode.source
+        forNode.source,
       ]) as ForRenderListExpression
       const isTemplate = isTemplateNode(node)
       const memo = findDir(node, 'memo')
@@ -77,13 +77,13 @@ export const transformFor = createStructuralDirectiveTransform(
         if (memo) {
           memo.exp = processExpression(
             memo.exp! as SimpleExpressionNode,
-            context
+            context,
           )
         }
         if (keyProperty && keyProp!.type !== NodeTypes.ATTRIBUTE) {
           keyProperty.value = processExpression(
             keyProperty.value as SimpleExpressionNode,
-            context
+            context,
           )
         }
       }
@@ -109,7 +109,7 @@ export const transformFor = createStructuralDirectiveTransform(
         true /* isBlock */,
         !isStableFragment /* disableTracking */,
         false /* isComponent */,
-        node.loc
+        node.loc,
       ) as ForCodegenNode
 
       return () => {
@@ -126,8 +126,8 @@ export const transformFor = createStructuralDirectiveTransform(
                 context.onError(
                   createCompilerError(
                     ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT,
-                    key.loc
-                  )
+                    key.loc,
+                  ),
                 )
                 return true
               }
@@ -170,7 +170,7 @@ export const transformFor = createStructuralDirectiveTransform(
             undefined,
             true,
             undefined,
-            false /* isComponent */
+            false /* isComponent */,
           )
         } else {
           // Normal element v-for. Directly use the child's codegenNode
@@ -185,12 +185,12 @@ export const transformFor = createStructuralDirectiveTransform(
               // switch from block to vnode
               removeHelper(OPEN_BLOCK)
               removeHelper(
-                getVNodeBlockHelper(context.inSSR, childBlock.isComponent)
+                getVNodeBlockHelper(context.inSSR, childBlock.isComponent),
               )
             } else {
               // switch from vnode to block
               removeHelper(
-                getVNodeHelper(context.inSSR, childBlock.isComponent)
+                getVNodeHelper(context.inSSR, childBlock.isComponent),
               )
             }
           }
@@ -206,8 +206,8 @@ export const transformFor = createStructuralDirectiveTransform(
         if (memo) {
           const loop = createFunctionExpression(
             createForLoopParams(forNode.parseResult, [
-              createSimpleExpression(`_cached`)
-            ])
+              createSimpleExpression(`_cached`),
+            ]),
           )
           loop.body = createBlockStatement([
             createCompoundExpression([`const _memo = (`, memo.exp!, `)`]),
@@ -215,30 +215,30 @@ export const transformFor = createStructuralDirectiveTransform(
               `if (_cached`,
               ...(keyExp ? [` && _cached.key === `, keyExp] : []),
               ` && ${context.helperString(
-                IS_MEMO_SAME
-              )}(_cached, _memo)) return _cached`
+                IS_MEMO_SAME,
+              )}(_cached, _memo)) return _cached`,
             ]),
             createCompoundExpression([`const _item = `, childBlock as any]),
             createSimpleExpression(`_item.memo = _memo`),
-            createSimpleExpression(`return _item`)
+            createSimpleExpression(`return _item`),
           ])
           renderExp.arguments.push(
             loop as ForIteratorExpression,
             createSimpleExpression(`_cache`),
-            createSimpleExpression(String(context.cached++))
+            createSimpleExpression(String(context.cached++)),
           )
         } else {
           renderExp.arguments.push(
             createFunctionExpression(
               createForLoopParams(forNode.parseResult),
               childBlock,
-              true /* force newline */
-            ) as ForIteratorExpression
+              true /* force newline */,
+            ) as ForIteratorExpression,
           )
         }
       }
     })
-  }
+  },
 )
 
 // target-agnostic transform used for both Client and SSR
@@ -246,11 +246,11 @@ export function processFor(
   node: ElementNode,
   dir: DirectiveNode,
   context: TransformContext,
-  processCodegen?: (forNode: ForNode) => (() => void) | undefined
+  processCodegen?: (forNode: ForNode) => (() => void) | undefined,
 ) {
   if (!dir.exp) {
     context.onError(
-      createCompilerError(ErrorCodes.X_V_FOR_NO_EXPRESSION, dir.loc)
+      createCompilerError(ErrorCodes.X_V_FOR_NO_EXPRESSION, dir.loc),
     )
     return
   }
@@ -259,12 +259,12 @@ export function processFor(
     // can only be simple expression because vFor transform is applied
     // before expression transform.
     dir.exp as SimpleExpressionNode,
-    context
+    context,
   )
 
   if (!parseResult) {
     context.onError(
-      createCompilerError(ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION, dir.loc)
+      createCompilerError(ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION, dir.loc),
     )
     return
   }
@@ -280,7 +280,7 @@ export function processFor(
     keyAlias: key,
     objectIndexAlias: index,
     parseResult,
-    children: isTemplateNode(node) ? node.children : [node]
+    children: isTemplateNode(node) ? node.children : [node],
   }
 
   context.replaceNode(forNode)
@@ -323,7 +323,7 @@ export interface ForParseResult {
 
 export function parseForExpression(
   input: SimpleExpressionNode,
-  context: TransformContext
+  context: TransformContext,
 ): ForParseResult | undefined {
   const loc = input.loc
   const exp = input.content
@@ -336,16 +336,16 @@ export function parseForExpression(
     source: createAliasExpression(
       loc,
       RHS.trim(),
-      exp.indexOf(RHS, LHS.length)
+      exp.indexOf(RHS, LHS.length),
     ),
     value: undefined,
     key: undefined,
-    index: undefined
+    index: undefined,
   }
   if (!__BROWSER__ && context.prefixIdentifiers) {
     result.source = processExpression(
       result.source as SimpleExpressionNode,
-      context
+      context,
     )
   }
   if (__DEV__ && __BROWSER__) {
@@ -371,7 +371,7 @@ export function parseForExpression(
         validateBrowserExpression(
           result.key as SimpleExpressionNode,
           context,
-          true
+          true,
         )
       }
     }
@@ -387,8 +387,8 @@ export function parseForExpression(
             indexContent,
             result.key
               ? keyOffset! + keyContent.length
-              : trimmedOffset + valueContent.length
-          )
+              : trimmedOffset + valueContent.length,
+          ),
         )
         if (!__BROWSER__ && context.prefixIdentifiers) {
           result.index = processExpression(result.index, context, true)
@@ -397,7 +397,7 @@ export function parseForExpression(
           validateBrowserExpression(
             result.index as SimpleExpressionNode,
             context,
-            true
+            true,
           )
         }
       }
@@ -413,7 +413,7 @@ export function parseForExpression(
       validateBrowserExpression(
         result.value as SimpleExpressionNode,
         context,
-        true
+        true,
       )
     }
   }
@@ -424,24 +424,24 @@ export function parseForExpression(
 function createAliasExpression(
   range: SourceLocation,
   content: string,
-  offset: number
+  offset: number,
 ): SimpleExpressionNode {
   return createSimpleExpression(
     content,
     false,
-    getInnerRange(range, offset, content.length)
+    getInnerRange(range, offset, content.length),
   )
 }
 
 export function createForLoopParams(
   { value, key, index }: ForParseResult,
-  memoArgs: ExpressionNode[] = []
+  memoArgs: ExpressionNode[] = [],
 ): ExpressionNode[] {
   return createParamsList([value, key, index, ...memoArgs])
 }
 
 function createParamsList(
-  args: (ExpressionNode | undefined)[]
+  args: (ExpressionNode | undefined)[],
 ): ExpressionNode[] {
   let i = args.length
   while (i--) {
diff --git a/packages/compiler-core/src/transforms/vIf.ts b/packages/compiler-core/src/transforms/vIf.ts
index 4e1673561c5..cf3b4dde91a 100644
--- a/packages/compiler-core/src/transforms/vIf.ts
+++ b/packages/compiler-core/src/transforms/vIf.ts
@@ -1,7 +1,7 @@
 import {
   createStructuralDirectiveTransform,
   TransformContext,
-  traverseNode
+  traverseNode,
 } from '../transform'
 import {
   NodeTypes,
@@ -24,7 +24,7 @@ import {
   CacheExpression,
   ConstantTypes,
   MemoExpression,
-  convertToBlock
+  convertToBlock,
 } from '../ast'
 import { createCompilerError, ErrorCodes } from '../errors'
 import { processExpression } from './transformExpression'
@@ -35,7 +35,7 @@ import {
   findDir,
   findProp,
   isBuiltInType,
-  getMemoedVNodeCall
+  getMemoedVNodeCall,
 } from '../utils'
 import { PatchFlags, PatchFlagNames } from '@vue/shared'
 
@@ -63,7 +63,7 @@ export const transformIf = createStructuralDirectiveTransform(
           ifNode.codegenNode = createCodegenNodeForBranch(
             branch,
             key,
-            context
+            context,
           ) as IfConditionalExpression
         } else {
           // attach this branch's codegen node to the v-if root.
@@ -71,12 +71,12 @@ export const transformIf = createStructuralDirectiveTransform(
           parentCondition.alternate = createCodegenNodeForBranch(
             branch,
             key + ifNode.branches.length - 1,
-            context
+            context,
           )
         }
       }
     })
-  }
+  },
 )
 
 // target-agnostic transform used for both Client and SSR
@@ -87,8 +87,8 @@ export function processIf(
   processCodegen?: (
     node: IfNode,
     branch: IfBranchNode,
-    isRoot: boolean
-  ) => (() => void) | undefined
+    isRoot: boolean,
+  ) => (() => void) | undefined,
 ) {
   if (
     dir.name !== 'else' &&
@@ -96,7 +96,7 @@ export function processIf(
   ) {
     const loc = dir.exp ? dir.exp.loc : node.loc
     context.onError(
-      createCompilerError(ErrorCodes.X_V_IF_NO_EXPRESSION, dir.loc)
+      createCompilerError(ErrorCodes.X_V_IF_NO_EXPRESSION, dir.loc),
     )
     dir.exp = createSimpleExpression(`true`, false, loc)
   }
@@ -116,7 +116,7 @@ export function processIf(
     const ifNode: IfNode = {
       type: NodeTypes.IF,
       loc: node.loc,
-      branches: [branch]
+      branches: [branch],
     }
     context.replaceNode(ifNode)
     if (processCodegen) {
@@ -151,7 +151,7 @@ export function processIf(
           sibling.branches[sibling.branches.length - 1].condition === undefined
         ) {
           context.onError(
-            createCompilerError(ErrorCodes.X_V_ELSE_NO_ADJACENT_IF, node.loc)
+            createCompilerError(ErrorCodes.X_V_ELSE_NO_ADJACENT_IF, node.loc),
           )
         }
 
@@ -180,8 +180,8 @@ export function processIf(
                 context.onError(
                   createCompilerError(
                     ErrorCodes.X_V_IF_SAME_KEY,
-                    branch.userKey!.loc
-                  )
+                    branch.userKey!.loc,
+                  ),
                 )
               }
             })
@@ -200,7 +200,7 @@ export function processIf(
         context.currentNode = null
       } else {
         context.onError(
-          createCompilerError(ErrorCodes.X_V_ELSE_NO_ADJACENT_IF, node.loc)
+          createCompilerError(ErrorCodes.X_V_ELSE_NO_ADJACENT_IF, node.loc),
         )
       }
       break
@@ -216,14 +216,14 @@ function createIfBranch(node: ElementNode, dir: DirectiveNode): IfBranchNode {
     condition: dir.name === 'else' ? undefined : dir.exp,
     children: isTemplateIf && !findDir(node, 'for') ? node.children : [node],
     userKey: findProp(node, `key`),
-    isTemplateIf
+    isTemplateIf,
   }
 }
 
 function createCodegenNodeForBranch(
   branch: IfBranchNode,
   keyIndex: number,
-  context: TransformContext
+  context: TransformContext,
 ): IfConditionalExpression | BlockCodegenNode | MemoExpression {
   if (branch.condition) {
     return createConditionalExpression(
@@ -233,8 +233,8 @@ function createCodegenNodeForBranch(
       // closes the current block.
       createCallExpression(context.helper(CREATE_COMMENT), [
         __DEV__ ? '"v-if"' : '""',
-        'true'
-      ])
+        'true',
+      ]),
     ) as IfConditionalExpression
   } else {
     return createChildrenCodegenNode(branch, keyIndex, context)
@@ -244,7 +244,7 @@ function createCodegenNodeForBranch(
 function createChildrenCodegenNode(
   branch: IfBranchNode,
   keyIndex: number,
-  context: TransformContext
+  context: TransformContext,
 ): BlockCodegenNode | MemoExpression {
   const { helper } = context
   const keyProperty = createObjectProperty(
@@ -253,8 +253,8 @@ function createChildrenCodegenNode(
       `${keyIndex}`,
       false,
       locStub,
-      ConstantTypes.CAN_HOIST
-    )
+      ConstantTypes.CAN_HOIST,
+    ),
   )
   const { children } = branch
   const firstChild = children[0]
@@ -291,7 +291,7 @@ function createChildrenCodegenNode(
         true,
         false,
         false /* isComponent */,
-        branch.loc
+        branch.loc,
       )
     }
   } else {
@@ -311,7 +311,7 @@ function createChildrenCodegenNode(
 
 function isSameKey(
   a: AttributeNode | DirectiveNode | undefined,
-  b: AttributeNode | DirectiveNode
+  b: AttributeNode | DirectiveNode,
 ): boolean {
   if (!a || a.type !== b.type) {
     return false
@@ -339,7 +339,7 @@ function isSameKey(
 }
 
 function getParentCondition(
-  node: IfConditionalExpression | CacheExpression
+  node: IfConditionalExpression | CacheExpression,
 ): IfConditionalExpression {
   while (true) {
     if (node.type === NodeTypes.JS_CONDITIONAL_EXPRESSION) {
diff --git a/packages/compiler-core/src/transforms/vMemo.ts b/packages/compiler-core/src/transforms/vMemo.ts
index c14f6ceb860..06e21ddd5b8 100644
--- a/packages/compiler-core/src/transforms/vMemo.ts
+++ b/packages/compiler-core/src/transforms/vMemo.ts
@@ -7,7 +7,7 @@ import {
   ElementTypes,
   MemoExpression,
   NodeTypes,
-  PlainElementNode
+  PlainElementNode,
 } from '../ast'
 import { WITH_MEMO } from '../runtimeHelpers'
 
@@ -33,7 +33,7 @@ export const transformMemo: NodeTransform = (node, context) => {
           dir.exp!,
           createFunctionExpression(undefined, codegenNode),
           `_cache`,
-          String(context.cached++)
+          String(context.cached++),
         ]) as MemoExpression
       }
     }
diff --git a/packages/compiler-core/src/transforms/vModel.ts b/packages/compiler-core/src/transforms/vModel.ts
index 3f13f327098..f1a683928dc 100644
--- a/packages/compiler-core/src/transforms/vModel.ts
+++ b/packages/compiler-core/src/transforms/vModel.ts
@@ -7,14 +7,14 @@ import {
   Property,
   ElementTypes,
   ExpressionNode,
-  ConstantTypes
+  ConstantTypes,
 } from '../ast'
 import { createCompilerError, ErrorCodes } from '../errors'
 import {
   isMemberExpression,
   isSimpleIdentifier,
   hasScopeRef,
-  isStaticExp
+  isStaticExp,
 } from '../utils'
 import { IS_REF } from '../runtimeHelpers'
 import { BindingTypes } from '../options'
@@ -24,7 +24,7 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
   const { exp, arg } = dir
   if (!exp) {
     context.onError(
-      createCompilerError(ErrorCodes.X_V_MODEL_NO_EXPRESSION, dir.loc)
+      createCompilerError(ErrorCodes.X_V_MODEL_NO_EXPRESSION, dir.loc),
     )
     return createTransformProps()
   }
@@ -58,7 +58,7 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
     (!isMemberExpression(expString, context) && !maybeRef)
   ) {
     context.onError(
-      createCompilerError(ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION, exp.loc)
+      createCompilerError(ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION, exp.loc),
     )
     return createTransformProps()
   }
@@ -70,7 +70,7 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
     context.identifiers[expString]
   ) {
     context.onError(
-      createCompilerError(ErrorCodes.X_V_MODEL_ON_SCOPE_VARIABLE, exp.loc)
+      createCompilerError(ErrorCodes.X_V_MODEL_ON_SCOPE_VARIABLE, exp.loc),
     )
     return createTransformProps()
   }
@@ -90,7 +90,7 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
       assignmentExp = createCompoundExpression([
         `${eventArg} => ((`,
         createSimpleExpression(rawExp, false, exp.loc),
-        `).value = $event)`
+        `).value = $event)`,
       ])
     } else {
       // v-model used on a potentially ref binding in <script setup> inline mode.
@@ -100,14 +100,14 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
       assignmentExp = createCompoundExpression([
         `${eventArg} => (${context.helperString(IS_REF)}(${rawExp}) ? (`,
         createSimpleExpression(rawExp, false, exp.loc),
-        `).value = $event : ${altAssignment})`
+        `).value = $event : ${altAssignment})`,
       ])
     }
   } else {
     assignmentExp = createCompoundExpression([
       `${eventArg} => ((`,
       exp,
-      `) = $event)`
+      `) = $event)`,
     ])
   }
 
@@ -115,7 +115,7 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
     // modelValue: foo
     createObjectProperty(propName, dir.exp!),
     // "onUpdate:modelValue": $event => (foo = $event)
-    createObjectProperty(eventName, assignmentExp)
+    createObjectProperty(eventName, assignmentExp),
   ]
 
   // cache v-model handler if applicable (when it doesn't refer any scope vars)
@@ -146,9 +146,9 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
           `{ ${modifiers} }`,
           false,
           dir.loc,
-          ConstantTypes.CAN_HOIST
-        )
-      )
+          ConstantTypes.CAN_HOIST,
+        ),
+      ),
     )
   }
 
diff --git a/packages/compiler-core/src/transforms/vOn.ts b/packages/compiler-core/src/transforms/vOn.ts
index 3deee202418..8829878cbdd 100644
--- a/packages/compiler-core/src/transforms/vOn.ts
+++ b/packages/compiler-core/src/transforms/vOn.ts
@@ -7,7 +7,7 @@ import {
   ElementTypes,
   ExpressionNode,
   NodeTypes,
-  SimpleExpressionNode
+  SimpleExpressionNode,
 } from '../ast'
 import { camelize, toHandlerKey } from '@vue/shared'
 import { createCompilerError, ErrorCodes } from '../errors'
@@ -33,7 +33,7 @@ export const transformOn: DirectiveTransform = (
   dir,
   node,
   context,
-  augmentor
+  augmentor,
 ) => {
   const { loc, modifiers, arg } = dir as VOnDirectiveNode
   if (!dir.exp && !modifiers.length) {
@@ -45,7 +45,7 @@ export const transformOn: DirectiveTransform = (
       let rawName = arg.content
       if (__DEV__ && rawName.startsWith('vnode')) {
         context.onWarn(
-          createCompilerError(ErrorCodes.DEPRECATION_VNODE_HOOKS, arg.loc)
+          createCompilerError(ErrorCodes.DEPRECATION_VNODE_HOOKS, arg.loc),
         )
       }
       if (rawName.startsWith('vue:')) {
@@ -67,7 +67,7 @@ export const transformOn: DirectiveTransform = (
       eventName = createCompoundExpression([
         `${context.helperString(TO_HANDLER_KEY)}(`,
         arg,
-        `)`
+        `)`,
       ])
     }
   } else {
@@ -97,7 +97,7 @@ export const transformOn: DirectiveTransform = (
         exp,
         context,
         false,
-        hasMultipleStatements
+        hasMultipleStatements,
       )
       isInlineStatement && context.removeIdentifiers(`$event`)
       // with scope analysis, the function is hoistable if it has no reference
@@ -136,7 +136,7 @@ export const transformOn: DirectiveTransform = (
         exp as SimpleExpressionNode,
         context,
         false,
-        hasMultipleStatements
+        hasMultipleStatements,
       )
     }
 
@@ -153,7 +153,7 @@ export const transformOn: DirectiveTransform = (
               }(...args)`
         } => ${hasMultipleStatements ? `{` : `(`}`,
         exp,
-        hasMultipleStatements ? `}` : `)`
+        hasMultipleStatements ? `}` : `)`,
       ])
     }
   }
@@ -162,9 +162,9 @@ export const transformOn: DirectiveTransform = (
     props: [
       createObjectProperty(
         eventName,
-        exp || createSimpleExpression(`() => {}`, false, loc)
-      )
-    ]
+        exp || createSimpleExpression(`() => {}`, false, loc),
+      ),
+    ],
   }
 
   // apply extended compiler augmentor
diff --git a/packages/compiler-core/src/transforms/vSlot.ts b/packages/compiler-core/src/transforms/vSlot.ts
index c4416dd45f7..3d736ed4b92 100644
--- a/packages/compiler-core/src/transforms/vSlot.ts
+++ b/packages/compiler-core/src/transforms/vSlot.ts
@@ -19,7 +19,7 @@ import {
   CallExpression,
   createCallExpression,
   createArrayExpression,
-  SlotsExpression
+  SlotsExpression,
 } from '../ast'
 import { TransformContext, NodeTransform } from '../transform'
 import { createCompilerError, ErrorCodes } from '../errors'
@@ -29,7 +29,7 @@ import {
   assert,
   isVSlot,
   hasScopeRef,
-  isStaticExp
+  isStaticExp,
 } from '../utils'
 import { CREATE_SLOTS, RENDER_LIST, WITH_CTX } from '../runtimeHelpers'
 import { parseForExpression, createForLoopParams } from './vFor'
@@ -80,7 +80,7 @@ export const trackVForSlotScopes: NodeTransform = (node, context) => {
   ) {
     const result = (vFor.parseResult = parseForExpression(
       vFor.exp as SimpleExpressionNode,
-      context
+      context,
     ))
     if (result) {
       const { value, key, index } = result
@@ -101,7 +101,7 @@ export const trackVForSlotScopes: NodeTransform = (node, context) => {
 export type SlotFnBuilder = (
   slotProps: ExpressionNode | undefined,
   slotChildren: TemplateChildNode[],
-  loc: SourceLocation
+  loc: SourceLocation,
 ) => FunctionExpression
 
 const buildClientSlotFn: SlotFnBuilder = (props, children, loc) =>
@@ -110,7 +110,7 @@ const buildClientSlotFn: SlotFnBuilder = (props, children, loc) =>
     children,
     false /* newline */,
     true /* isSlot */,
-    children.length ? children[0].loc : loc
+    children.length ? children[0].loc : loc,
   )
 
 // Instead of being a DirectiveTransform, v-slot processing is called during
@@ -118,7 +118,7 @@ const buildClientSlotFn: SlotFnBuilder = (props, children, loc) =>
 export function buildSlots(
   node: ElementNode,
   context: TransformContext,
-  buildSlotFn: SlotFnBuilder = buildClientSlotFn
+  buildSlotFn: SlotFnBuilder = buildClientSlotFn,
 ): {
   slots: SlotsExpression
   hasDynamicSlots: boolean
@@ -149,8 +149,8 @@ export function buildSlots(
     slotsProperties.push(
       createObjectProperty(
         arg || createSimpleExpression('default', true),
-        buildSlotFn(exp, children, loc)
-      )
+        buildSlotFn(exp, children, loc),
+      ),
     )
   }
 
@@ -180,7 +180,7 @@ export function buildSlots(
     if (onComponentSlot) {
       // already has on-component slot - this is incorrect usage.
       context.onError(
-        createCompilerError(ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE, slotDir.loc)
+        createCompilerError(ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE, slotDir.loc),
       )
       break
     }
@@ -190,7 +190,7 @@ export function buildSlots(
     const {
       arg: slotName = createSimpleExpression(`default`, true),
       exp: slotProps,
-      loc: dirLoc
+      loc: dirLoc,
     } = slotDir
 
     // check if name is dynamic.
@@ -212,8 +212,8 @@ export function buildSlots(
         createConditionalExpression(
           vIf.exp!,
           buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++),
-          defaultFallback
-        )
+          defaultFallback,
+        ),
       )
     } else if (
       (vElse = findDir(slotElement, /^else(-if)?$/, true /* allowEmpty */))
@@ -247,14 +247,14 @@ export function buildSlots(
               buildDynamicSlot(
                 slotName,
                 slotFunction,
-                conditionalBranchIndex++
+                conditionalBranchIndex++,
               ),
-              defaultFallback
+              defaultFallback,
             )
           : buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++)
       } else {
         context.onError(
-          createCompilerError(ErrorCodes.X_V_ELSE_NO_ADJACENT_IF, vElse.loc)
+          createCompilerError(ErrorCodes.X_V_ELSE_NO_ADJACENT_IF, vElse.loc),
         )
       }
     } else if ((vFor = findDir(slotElement, 'for'))) {
@@ -271,13 +271,16 @@ export function buildSlots(
             createFunctionExpression(
               createForLoopParams(parseResult),
               buildDynamicSlot(slotName, slotFunction),
-              true /* force newline */
-            )
-          ])
+              true /* force newline */,
+            ),
+          ]),
         )
       } else {
         context.onError(
-          createCompilerError(ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION, vFor.loc)
+          createCompilerError(
+            ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION,
+            vFor.loc,
+          ),
         )
       }
     } else {
@@ -287,8 +290,8 @@ export function buildSlots(
           context.onError(
             createCompilerError(
               ErrorCodes.X_V_SLOT_DUPLICATE_SLOT_NAMES,
-              dirLoc
-            )
+              dirLoc,
+            ),
           )
           continue
         }
@@ -304,7 +307,7 @@ export function buildSlots(
   if (!onComponentSlot) {
     const buildDefaultSlotProperty = (
       props: ExpressionNode | undefined,
-      children: TemplateChildNode[]
+      children: TemplateChildNode[],
     ) => {
       const fn = buildSlotFn(props, children, loc)
       if (__COMPAT__ && context.compatConfig) {
@@ -328,12 +331,12 @@ export function buildSlots(
         context.onError(
           createCompilerError(
             ErrorCodes.X_V_SLOT_EXTRANEOUS_DEFAULT_SLOT_CHILDREN,
-            implicitDefaultChildren[0].loc
-          )
+            implicitDefaultChildren[0].loc,
+          ),
         )
       } else {
         slotsProperties.push(
-          buildDefaultSlotProperty(undefined, implicitDefaultChildren)
+          buildDefaultSlotProperty(undefined, implicitDefaultChildren),
         )
       }
     }
@@ -353,37 +356,37 @@ export function buildSlots(
         // 1 = compiled and static = can skip normalization AND diff as optimized
         createSimpleExpression(
           slotFlag + (__DEV__ ? ` /* ${slotFlagsText[slotFlag]} */` : ``),
-          false
-        )
-      )
+          false,
+        ),
+      ),
     ),
-    loc
+    loc,
   ) as SlotsExpression
   if (dynamicSlots.length) {
     slots = createCallExpression(context.helper(CREATE_SLOTS), [
       slots,
-      createArrayExpression(dynamicSlots)
+      createArrayExpression(dynamicSlots),
     ]) as SlotsExpression
   }
 
   return {
     slots,
-    hasDynamicSlots
+    hasDynamicSlots,
   }
 }
 
 function buildDynamicSlot(
   name: ExpressionNode,
   fn: FunctionExpression,
-  index?: number
+  index?: number,
 ): ObjectExpression {
   const props = [
     createObjectProperty(`name`, name),
-    createObjectProperty(`fn`, fn)
+    createObjectProperty(`fn`, fn),
   ]
   if (index != null) {
     props.push(
-      createObjectProperty(`key`, createSimpleExpression(String(index), true))
+      createObjectProperty(`key`, createSimpleExpression(String(index), true)),
     )
   }
   return createObjectExpression(props)
diff --git a/packages/compiler-core/src/utils.ts b/packages/compiler-core/src/utils.ts
index bd2882b09e2..b41e31459e6 100644
--- a/packages/compiler-core/src/utils.ts
+++ b/packages/compiler-core/src/utils.ts
@@ -23,7 +23,7 @@ import {
   VNodeCall,
   SimpleExpressionNode,
   BlockCodegenNode,
-  MemoExpression
+  MemoExpression,
 } from './ast'
 import { TransformContext } from './transform'
 import {
@@ -35,7 +35,7 @@ import {
   TO_HANDLERS,
   NORMALIZE_PROPS,
   GUARD_REACTIVE_PROPS,
-  WITH_MEMO
+  WITH_MEMO,
 } from './runtimeHelpers'
 import { isString, isObject, hyphenate, extend, NOOP } from '@vue/shared'
 import { PropsExpression } from './transforms/transformElement'
@@ -68,7 +68,7 @@ const enum MemberExpLexState {
   inMemberExp,
   inBrackets,
   inParens,
-  inString
+  inString,
 }
 
 const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/
@@ -155,7 +155,7 @@ export const isMemberExpressionNode = __BROWSER__
   : (path: string, context: TransformContext): boolean => {
       try {
         let ret: Expression = parseExpression(path, {
-          plugins: context.expressionPlugins
+          plugins: context.expressionPlugins,
         })
         if (ret.type === 'TSAsExpression' || ret.type === 'TSTypeAssertion') {
           ret = ret.expression
@@ -177,14 +177,14 @@ export const isMemberExpression = __BROWSER__
 export function getInnerRange(
   loc: SourceLocation,
   offset: number,
-  length: number
+  length: number,
 ): SourceLocation {
   __TEST__ && assert(offset <= loc.source.length)
   const source = loc.source.slice(offset, offset + length)
   const newLoc: SourceLocation = {
     source,
     start: advancePositionWithClone(loc.start, loc.source, offset),
-    end: loc.end
+    end: loc.end,
   }
 
   if (length != null) {
@@ -192,7 +192,7 @@ export function getInnerRange(
     newLoc.end = advancePositionWithClone(
       loc.start,
       loc.source,
-      offset + length
+      offset + length,
     )
   }
 
@@ -202,12 +202,12 @@ export function getInnerRange(
 export function advancePositionWithClone(
   pos: Position,
   source: string,
-  numberOfCharacters: number = source.length
+  numberOfCharacters: number = source.length,
 ): Position {
   return advancePositionWithMutation(
     extend({}, pos),
     source,
-    numberOfCharacters
+    numberOfCharacters,
   )
 }
 
@@ -216,7 +216,7 @@ export function advancePositionWithClone(
 export function advancePositionWithMutation(
   pos: Position,
   source: string,
-  numberOfCharacters: number = source.length
+  numberOfCharacters: number = source.length,
 ): Position {
   let linesCount = 0
   let lastNewLinePos = -1
@@ -247,7 +247,7 @@ export function assert(condition: boolean, msg?: string) {
 export function findDir(
   node: ElementNode,
   name: string | RegExp,
-  allowEmpty: boolean = false
+  allowEmpty: boolean = false,
 ): DirectiveNode | undefined {
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i]
@@ -265,7 +265,7 @@ export function findProp(
   node: ElementNode,
   name: string,
   dynamicOnly: boolean = false,
-  allowEmpty: boolean = false
+  allowEmpty: boolean = false,
 ): ElementNode['props'][0] | undefined {
   for (let i = 0; i < node.props.length; i++) {
     const p = node.props[i]
@@ -286,7 +286,7 @@ export function findProp(
 
 export function isStaticArgOf(
   arg: DirectiveNode['arg'],
-  name: string
+  name: string,
 ): boolean {
   return !!(arg && isStaticExp(arg) && arg.content === name)
 }
@@ -298,12 +298,12 @@ export function hasDynamicKeyVBind(node: ElementNode): boolean {
       p.name === 'bind' &&
       (!p.arg || // v-bind="obj"
         p.arg.type !== NodeTypes.SIMPLE_EXPRESSION || // v-bind:[_ctx.foo]
-        !p.arg.isStatic) // v-bind:[foo]
+        !p.arg.isStatic), // v-bind:[foo]
   )
 }
 
 export function isText(
-  node: TemplateChildNode
+  node: TemplateChildNode,
 ): node is TextNode | InterpolationNode {
   return node.type === NodeTypes.INTERPOLATION || node.type === NodeTypes.TEXT
 }
@@ -313,7 +313,7 @@ export function isVSlot(p: ElementNode['props'][0]): p is DirectiveNode {
 }
 
 export function isTemplateNode(
-  node: RootNode | TemplateChildNode
+  node: RootNode | TemplateChildNode,
 ): node is TemplateNode {
   return (
     node.type === NodeTypes.ELEMENT && node.tagType === ElementTypes.TEMPLATE
@@ -321,7 +321,7 @@ export function isTemplateNode(
 }
 
 export function isSlotOutlet(
-  node: RootNode | TemplateChildNode
+  node: RootNode | TemplateChildNode,
 ): node is SlotOutletNode {
   return node.type === NodeTypes.ELEMENT && node.tagType === ElementTypes.SLOT
 }
@@ -330,7 +330,7 @@ const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS])
 
 function getUnnormalizedProps(
   props: PropsExpression | '{}',
-  callPath: CallExpression[] = []
+  callPath: CallExpression[] = [],
 ): [PropsExpression | '{}', CallExpression[]] {
   if (
     props &&
@@ -341,7 +341,7 @@ function getUnnormalizedProps(
     if (!isString(callee) && propsHelperSet.has(callee)) {
       return getUnnormalizedProps(
         props.arguments[0] as PropsExpression,
-        callPath.concat(props)
+        callPath.concat(props),
       )
     }
   }
@@ -350,7 +350,7 @@ function getUnnormalizedProps(
 export function injectProp(
   node: VNodeCall | RenderSlotCall,
   prop: Property,
-  context: TransformContext
+  context: TransformContext,
 ) {
   let propsWithInjection: ObjectExpression | CallExpression | undefined
   /**
@@ -393,7 +393,7 @@ export function injectProp(
         // #2366
         propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [
           createObjectExpression([prop]),
-          props
+          props,
         ])
       } else {
         props.arguments.unshift(createObjectExpression([prop]))
@@ -409,7 +409,7 @@ export function injectProp(
     // single v-bind with expression, return a merged replacement
     propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [
       createObjectExpression([prop]),
-      props
+      props,
     ])
     // in the case of nested helper call, e.g. `normalizeProps(guardReactiveProps(props))`,
     // it will be rewritten as `normalizeProps(mergeProps({ key: 0 }, props))`,
@@ -441,7 +441,7 @@ function hasProp(prop: Property, props: ObjectExpression) {
     result = props.properties.some(
       p =>
         p.key.type === NodeTypes.SIMPLE_EXPRESSION &&
-        p.key.content === propKeyName
+        p.key.content === propKeyName,
     )
   }
   return result
@@ -449,7 +449,7 @@ function hasProp(prop: Property, props: ObjectExpression) {
 
 export function toValidAssetId(
   name: string,
-  type: 'component' | 'directive' | 'filter'
+  type: 'component' | 'directive' | 'filter',
 ): string {
   // see issue#4422, we need adding identifier on validAssetId if variable `name` has specific character
   return `_${type}_${name.replace(/[^\w]/g, (searchValue, replaceValue) => {
@@ -460,7 +460,7 @@ export function toValidAssetId(
 // Check if a node contains expressions that reference current context scope ids
 export function hasScopeRef(
   node: TemplateChildNode | IfBranchNode | ExpressionNode | undefined,
-  ids: TransformContext['identifiers']
+  ids: TransformContext['identifiers'],
 ): boolean {
   if (!node || Object.keys(ids).length === 0) {
     return false
diff --git a/packages/compiler-core/src/validateExpression.ts b/packages/compiler-core/src/validateExpression.ts
index 83998eee2c8..764a6cdf92a 100644
--- a/packages/compiler-core/src/validateExpression.ts
+++ b/packages/compiler-core/src/validateExpression.ts
@@ -13,7 +13,7 @@ const prohibitedKeywordRE = new RegExp(
     )
       .split(',')
       .join('\\b|\\b') +
-    '\\b'
+    '\\b',
 )
 
 // strip strings in expressions
@@ -29,7 +29,7 @@ export function validateBrowserExpression(
   node: SimpleExpressionNode,
   context: TransformContext,
   asParams = false,
-  asRawStatements = false
+  asRawStatements = false,
 ) {
   const exp = node.content
 
@@ -43,7 +43,7 @@ export function validateBrowserExpression(
     new Function(
       asRawStatements
         ? ` ${exp} `
-        : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`
+        : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`,
     )
   } catch (e: any) {
     let message = e.message
@@ -58,8 +58,8 @@ export function validateBrowserExpression(
         ErrorCodes.X_INVALID_EXPRESSION,
         node.loc,
         undefined,
-        message
-      )
+        message,
+      ),
     )
   }
 }
diff --git a/packages/compiler-dom/__tests__/decoderHtmlBrowser.spec.ts b/packages/compiler-dom/__tests__/decoderHtmlBrowser.spec.ts
index 03c0929dbe2..ecdc070ad96 100644
--- a/packages/compiler-dom/__tests__/decoderHtmlBrowser.spec.ts
+++ b/packages/compiler-dom/__tests__/decoderHtmlBrowser.spec.ts
@@ -29,16 +29,16 @@ describe('decodeHtmlBrowser', () => {
 
     // #3001 html tags inside attribute values
     expect(decodeHtmlBrowser('<strong>Text</strong>', true)).toBe(
-      '<strong>Text</strong>'
+      '<strong>Text</strong>',
     )
     expect(decodeHtmlBrowser('<strong>&amp;</strong>', true)).toBe(
-      '<strong>&</strong>'
+      '<strong>&</strong>',
     )
     expect(
       decodeHtmlBrowser(
         '<strong>&lt;strong&gt;&amp;&lt;/strong&gt;</strong>',
-        true
-      )
+        true,
+      ),
     ).toBe('<strong><strong>&</strong></strong>')
   })
 })
diff --git a/packages/compiler-dom/__tests__/parse.spec.ts b/packages/compiler-dom/__tests__/parse.spec.ts
index 736ea729fc4..642ba98275e 100644
--- a/packages/compiler-dom/__tests__/parse.spec.ts
+++ b/packages/compiler-dom/__tests__/parse.spec.ts
@@ -7,7 +7,7 @@ import {
   ElementTypes,
   InterpolationNode,
   AttributeNode,
-  ConstantTypes
+  ConstantTypes,
 } from '@vue/compiler-core'
 import { parserOptions, DOMNamespaces } from '../src/parserOptions'
 
@@ -16,7 +16,7 @@ describe('DOM parser', () => {
     test('textarea handles comments/elements as just text', () => {
       const ast = parse(
         '<textarea>some<div>text</div>and<!--comment--></textarea>',
-        parserOptions
+        parserOptions,
       )
       const element = ast.children[0] as ElementNode
       const text = element.children[0] as TextNode
@@ -27,8 +27,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 10, line: 1, column: 11 },
           end: { offset: 46, line: 1, column: 47 },
-          source: 'some<div>text</div>and<!--comment-->'
-        }
+          source: 'some<div>text</div>and<!--comment-->',
+        },
       })
     })
 
@@ -43,8 +43,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 10, line: 1, column: 11 },
           end: { offset: 15, line: 1, column: 16 },
-          source: '&amp;'
-        }
+          source: '&amp;',
+        },
       })
     })
 
@@ -58,16 +58,16 @@ describe('DOM parser', () => {
           content: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `foo`,
-            isStatic: false
-          }
-        }
+            isStatic: false,
+          },
+        },
       ])
     })
 
     test('style handles comments/elements as just a text', () => {
       const ast = parse(
         '<style>some<div>text</div>and<!--comment--></style>',
-        parserOptions
+        parserOptions,
       )
       const element = ast.children[0] as ElementNode
       const text = element.children[0] as TextNode
@@ -78,8 +78,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 7, line: 1, column: 8 },
           end: { offset: 43, line: 1, column: 44 },
-          source: 'some<div>text</div>and<!--comment-->'
-        }
+          source: 'some<div>text</div>and<!--comment-->',
+        },
       })
     })
 
@@ -94,8 +94,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 7, line: 1, column: 8 },
           end: { offset: 12, line: 1, column: 13 },
-          source: '&amp;'
-        }
+          source: '&amp;',
+        },
       })
     })
 
@@ -109,8 +109,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 14, line: 1, column: 15 },
           end: { offset: 23, line: 1, column: 24 },
-          source: 'some text'
-        }
+          source: 'some text',
+        },
       })
     })
 
@@ -120,21 +120,21 @@ describe('DOM parser', () => {
       expect((ast.children[0] as ElementNode).children).toMatchObject([
         {
           type: NodeTypes.TEXT,
-          content: `  \na   `
+          content: `  \na   `,
         },
         {
           type: NodeTypes.ELEMENT,
           children: [
             {
               type: NodeTypes.TEXT,
-              content: `foo \n bar`
-            }
-          ]
+              content: `foo \n bar`,
+            },
+          ],
         },
         {
           type: NodeTypes.TEXT,
-          content: `   \n   c`
-        }
+          content: `   \n   c`,
+        },
       ])
     })
 
@@ -145,7 +145,7 @@ describe('DOM parser', () => {
       expect((ast.children[0] as ElementNode).children).toMatchObject([
         {
           type: NodeTypes.TEXT,
-          content: `hello`
+          content: `hello`,
         },
         {
           type: NodeTypes.ELEMENT,
@@ -153,10 +153,10 @@ describe('DOM parser', () => {
             {
               type: NodeTypes.TEXT,
               // should not remove the leading newline for nested elements
-              content: `\nbye`
-            }
-          ]
-        }
+              content: `\nbye`,
+            },
+          ],
+        },
       ])
     })
 
@@ -166,7 +166,7 @@ describe('DOM parser', () => {
       const ast = parse(`foo&nbsp;&nbsp;bar`, parserOptions)
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.TEXT,
-        content: `foo${nbsp}${nbsp}bar`
+        content: `foo${nbsp}${nbsp}bar`,
       })
     })
 
@@ -181,8 +181,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 11, line: 1, column: 12 },
-          source: '&ampersand;'
-        }
+          source: '&ampersand;',
+        },
       })
     })
 
@@ -190,7 +190,7 @@ describe('DOM parser', () => {
     test('HTML entities compatibility in attribute', () => {
       const ast = parse(
         '<div a="&ampersand;" b="&amp;ersand;" c="&amp!"></div>',
-        parserOptions
+        parserOptions,
       )
       const element = ast.children[0] as ElementNode
       const text1 = (element.props[0] as AttributeNode).value
@@ -203,8 +203,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 7, line: 1, column: 8 },
           end: { offset: 20, line: 1, column: 21 },
-          source: '"&ampersand;"'
-        }
+          source: '"&ampersand;"',
+        },
       })
       expect(text2).toStrictEqual({
         type: NodeTypes.TEXT,
@@ -212,8 +212,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 23, line: 1, column: 24 },
           end: { offset: 37, line: 1, column: 38 },
-          source: '"&amp;ersand;"'
-        }
+          source: '"&amp;ersand;"',
+        },
       })
       expect(text3).toStrictEqual({
         type: NodeTypes.TEXT,
@@ -221,8 +221,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 40, line: 1, column: 41 },
           end: { offset: 47, line: 1, column: 48 },
-          source: '"&amp!"'
-        }
+          source: '"&amp!"',
+        },
       })
     })
 
@@ -236,8 +236,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 6, line: 1, column: 7 },
-          source: '&#x86;'
-        }
+          source: '&#x86;',
+        },
       })
     })
   })
@@ -258,14 +258,14 @@ describe('DOM parser', () => {
           loc: {
             start: { offset: 8, line: 1, column: 9 },
             end: { offset: 16, line: 1, column: 17 },
-            source: 'a &lt; b'
-          }
+            source: 'a &lt; b',
+          },
         },
         loc: {
           start: { offset: 5, line: 1, column: 6 },
           end: { offset: 19, line: 1, column: 20 },
-          source: '{{ a &lt; b }}'
-        }
+          source: '{{ a &lt; b }}',
+        },
       })
     })
   })
@@ -286,9 +286,9 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 0, line: 1, column: 1 },
           end: { offset: 5, line: 1, column: 6 },
-          source: '<img>'
+          source: '<img>',
         },
-        codegenNode: undefined
+        codegenNode: undefined,
       })
     })
 
@@ -298,19 +298,19 @@ describe('DOM parser', () => {
       expect(ast.children[0]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'div',
-        tagType: ElementTypes.ELEMENT
+        tagType: ElementTypes.ELEMENT,
       })
 
       expect(ast.children[1]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
 
       expect(ast.children[2]).toMatchObject({
         type: NodeTypes.ELEMENT,
         tag: 'Comp',
-        tagType: ElementTypes.COMPONENT
+        tagType: ElementTypes.COMPONENT,
       })
     })
 
@@ -323,8 +323,8 @@ describe('DOM parser', () => {
             if (err.code !== ErrorCodes.END_TAG_WITH_ATTRIBUTES) {
               throw err
             }
-          }
-        }
+          },
+        },
       )
       const element = ast.children[0] as ElementNode
       const text = element.children[0] as TextNode
@@ -336,8 +336,8 @@ describe('DOM parser', () => {
         loc: {
           start: { offset: 10, line: 1, column: 11 },
           end: { offset: 37, line: 1, column: 38 },
-          source: 'hello</textarea</textarea0>'
-        }
+          source: 'hello</textarea</textarea0>',
+        },
       })
     })
   })
@@ -367,7 +367,7 @@ describe('DOM parser', () => {
     test('SVG in MATH_ML namespace', () => {
       const ast = parse(
         '<math><annotation-xml><svg></svg></annotation-xml></math>',
-        parserOptions
+        parserOptions,
       )
       const elementMath = ast.children[0] as ElementNode
       const elementAnnotation = elementMath.children[0] as ElementNode
@@ -380,7 +380,7 @@ describe('DOM parser', () => {
     test('html text/html in MATH_ML namespace', () => {
       const ast = parse(
         '<math><annotation-xml encoding="text/html"><test/></annotation-xml></math>',
-        parserOptions
+        parserOptions,
       )
 
       const elementMath = ast.children[0] as ElementNode
@@ -394,7 +394,7 @@ describe('DOM parser', () => {
     test('html application/xhtml+xml in MATH_ML namespace', () => {
       const ast = parse(
         '<math><annotation-xml encoding="application/xhtml+xml"><test/></annotation-xml></math>',
-        parserOptions
+        parserOptions,
       )
       const elementMath = ast.children[0] as ElementNode
       const elementAnnotation = elementMath.children[0] as ElementNode
@@ -407,7 +407,7 @@ describe('DOM parser', () => {
     test('mtext malignmark in MATH_ML namespace', () => {
       const ast = parse(
         '<math><mtext><malignmark/></mtext></math>',
-        parserOptions
+        parserOptions,
       )
       const elementMath = ast.children[0] as ElementNode
       const elementText = elementMath.children[0] as ElementNode
@@ -430,7 +430,7 @@ describe('DOM parser', () => {
     test('foreignObject tag in SVG namespace', () => {
       const ast = parse(
         '<svg><foreignObject><test/></foreignObject></svg>',
-        parserOptions
+        parserOptions,
       )
       const elementSvg = ast.children[0] as ElementNode
       const elementForeignObject = elementSvg.children[0] as ElementNode
diff --git a/packages/compiler-dom/__tests__/transforms/Transition.spec.ts b/packages/compiler-dom/__tests__/transforms/Transition.spec.ts
index 12eb280aa7b..8f64adb80a3 100644
--- a/packages/compiler-dom/__tests__/transforms/Transition.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/Transition.spec.ts
@@ -4,7 +4,7 @@ describe('Transition multi children warnings', () => {
   function checkWarning(
     template: string,
     shouldWarn: boolean,
-    message = `<Transition> expects exactly one child element or component.`
+    message = `<Transition> expects exactly one child element or component.`,
   ) {
     const spy = vi.fn()
     compile(template.trim(), {
@@ -12,7 +12,7 @@ describe('Transition multi children warnings', () => {
       transformHoist: null,
       onError: err => {
         spy(err.message)
-      }
+      },
     })
 
     if (shouldWarn) expect(spy).toHaveBeenCalledWith(message)
@@ -27,7 +27,7 @@ describe('Transition multi children warnings', () => {
         <div>hey</div>
       </transition>
       `,
-      true
+      true,
     )
   })
 
@@ -38,7 +38,7 @@ describe('Transition multi children warnings', () => {
         <div v-for="i in items">hey</div>
       </transition>
       `,
-      true
+      true,
     )
   })
 
@@ -50,7 +50,7 @@ describe('Transition multi children warnings', () => {
         <div v-else v-for="i in items">hey</div>
       </transition>
       `,
-      true
+      true,
     )
   })
 
@@ -61,7 +61,7 @@ describe('Transition multi children warnings', () => {
         <template v-if="ok"></template>
       </transition>
       `,
-      true
+      true,
     )
   })
 
@@ -73,7 +73,7 @@ describe('Transition multi children warnings', () => {
         <template v-else></template>
       </transition>
       `,
-      true
+      true,
     )
   })
 
@@ -85,7 +85,7 @@ describe('Transition multi children warnings', () => {
         <div v-if="other">hey</div>
       </transition>
       `,
-      true
+      true,
     )
   })
 
@@ -96,7 +96,7 @@ describe('Transition multi children warnings', () => {
         <div>hey</div>
       </transition>
       `,
-      false
+      false,
     )
   })
 
@@ -107,7 +107,7 @@ describe('Transition multi children warnings', () => {
         <div v-if="a">hey</div>
       </transition>
       `,
-      false
+      false,
     )
   })
 
@@ -120,7 +120,7 @@ describe('Transition multi children warnings', () => {
         <div v-else>hey</div>
       </transition>
       `,
-      false
+      false,
     )
   })
 
@@ -132,7 +132,7 @@ describe('Transition multi children warnings', () => {
         <div v-else>hey</div>
       </transition>
       `,
-      false
+      false,
     )
   })
 })
@@ -143,7 +143,7 @@ test('inject persisted when child has v-show', () => {
     <transition>
       <div v-show="ok" />
     </transition>
-    `).code
+    `).code,
   ).toMatchSnapshot()
 })
 
@@ -161,6 +161,6 @@ test('the v-if/else-if/else branches in Transition should ignore comments', () =
         <p v-else/>
       </div>
     </transition>
-    `).code
+    `).code,
   ).toMatchSnapshot()
 })
diff --git a/packages/compiler-dom/__tests__/transforms/ignoreSideEffectTags.spec.ts b/packages/compiler-dom/__tests__/transforms/ignoreSideEffectTags.spec.ts
index 4df6ee297f3..3d8defbba49 100644
--- a/packages/compiler-dom/__tests__/transforms/ignoreSideEffectTags.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/ignoreSideEffectTags.spec.ts
@@ -6,7 +6,7 @@ describe('compiler: ignore side effect tags', () => {
     const { code } = compile(`<script>console.log(1)</script>`, {
       onError(e) {
         err = e
-      }
+      },
     })
     expect(code).not.toMatch('script')
     expect(err).toBeDefined()
@@ -18,7 +18,7 @@ describe('compiler: ignore side effect tags', () => {
     const { code } = compile(`<style>h1 { color: red }</style>`, {
       onError(e) {
         err = e
-      }
+      },
     })
     expect(code).not.toMatch('style')
     expect(err).toBeDefined()
diff --git a/packages/compiler-dom/__tests__/transforms/stringifyStatic.spec.ts b/packages/compiler-dom/__tests__/transforms/stringifyStatic.spec.ts
index 85efeafb8c9..f5629e00f5d 100644
--- a/packages/compiler-dom/__tests__/transforms/stringifyStatic.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/stringifyStatic.spec.ts
@@ -3,11 +3,11 @@ import {
   NodeTypes,
   CREATE_STATIC,
   createSimpleExpression,
-  ConstantTypes
+  ConstantTypes,
 } from '../../src'
 import {
   stringifyStatic,
-  StringifyThresholds
+  StringifyThresholds,
 } from '../../src/transforms/stringifyStatic'
 
 describe('stringify static html', () => {
@@ -15,7 +15,7 @@ describe('stringify static html', () => {
     return compile(template, {
       hoistStatic: true,
       prefixIdentifiers: true,
-      transformHoist: stringifyStatic
+      transformHoist: stringifyStatic,
     })
   }
 
@@ -28,7 +28,7 @@ describe('stringify static html', () => {
 
   test('should bail on non-eligible static trees', () => {
     const { ast } = compileWithStringify(
-      `<div><div><div>hello</div><div>hello</div></div></div>`
+      `<div><div><div>hello</div><div>hello</div></div></div>`,
     )
     // should be a normal vnode call
     expect(ast.hoists[0]!.type).toBe(NodeTypes.VNODE_CALL)
@@ -38,8 +38,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div><div>${repeat(
         `<span class="foo"/>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div></div>`,
     )
     // should be optimized now
     expect(ast.hoists).toMatchObject([
@@ -50,15 +50,15 @@ describe('stringify static html', () => {
           JSON.stringify(
             `<div>${repeat(
               `<span class="foo"></span>`,
-              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-            )}</div>`
+              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+            )}</div>`,
           ),
-          '1'
-        ]
+          '1',
+        ],
       }, // the children array is hoisted as well
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -66,8 +66,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div><div>${repeat(
         `<span/>`,
-        StringifyThresholds.NODE_COUNT
-      )}</div></div>`
+        StringifyThresholds.NODE_COUNT,
+      )}</div></div>`,
     )
     // should be optimized now
     expect(ast.hoists).toMatchObject([
@@ -78,16 +78,16 @@ describe('stringify static html', () => {
           JSON.stringify(
             `<div>${repeat(
               `<span></span>`,
-              StringifyThresholds.NODE_COUNT
-            )}</div>`
+              StringifyThresholds.NODE_COUNT,
+            )}</div>`,
           ),
-          '1'
-        ]
+          '1',
+        ],
       },
       // the children array is hoisted as well
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -95,8 +95,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div>${repeat(
         `<span class="foo"/>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div>`,
     )
     // should have 6 hoisted nodes (including the entire array),
     // but 2~5 should be null because they are merged into 1
@@ -108,19 +108,19 @@ describe('stringify static html', () => {
           JSON.stringify(
             repeat(
               `<span class="foo"></span>`,
-              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-            )
+              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+            ),
           ),
-          '5'
-        ]
+          '5',
+        ],
       },
       null,
       null,
       null,
       null,
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -128,8 +128,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div><div :style="{ color: 'red' }">${repeat(
         `<span :class="[{ foo: true }, { bar: true }]">{{ 1 }} + {{ false }}</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div></div>`,
     )
     // should be optimized now
     expect(ast.hoists).toMatchObject([
@@ -140,15 +140,15 @@ describe('stringify static html', () => {
           JSON.stringify(
             `<div style="color:red;">${repeat(
               `<span class="foo bar">1 + false</span>`,
-              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-            )}</div>`
+              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+            )}</div>`,
           ),
-          '1'
-        ]
+          '1',
+        ],
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -157,8 +157,8 @@ describe('stringify static html', () => {
       `<div><div>${repeat(
         `<span :class="'foo' + '&gt;ar'">{{ 1 }} + {{ '<' }}</span>` +
           `<span>&amp;</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div></div>`,
     )
     // should be optimized now
     expect(ast.hoists).toMatchObject([
@@ -169,15 +169,15 @@ describe('stringify static html', () => {
           JSON.stringify(
             `<div>${repeat(
               `<span class="foo&gt;ar">1 + &lt;</span>` + `<span>&amp;</span>`,
-              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-            )}</div>`
+              StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+            )}</div>`,
           ),
-          '1'
-        ]
+          '1',
+        ],
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -185,7 +185,7 @@ describe('stringify static html', () => {
     const { ast, code } = compile(
       `<div><div>${repeat(
         `<span class="foo">foo</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
       )}<img src="./foo" /></div></div>`,
       {
         hoistStatic: true,
@@ -198,7 +198,7 @@ describe('stringify static html', () => {
                 '_imports_0_',
                 false,
                 node.loc,
-                ConstantTypes.CAN_HOIST
+                ConstantTypes.CAN_HOIST,
               )
               node.props[0] = {
                 type: NodeTypes.DIRECTIVE,
@@ -206,23 +206,23 @@ describe('stringify static html', () => {
                 arg: createSimpleExpression('src', true),
                 exp,
                 modifiers: [],
-                loc: node.loc
+                loc: node.loc,
               }
             }
-          }
-        ]
-      }
+          },
+        ],
+      },
     )
     expect(ast.hoists).toMatchObject([
       {
         // the expression and the tree are still hoistable
         // but should stay NodeTypes.VNODE_CALL
         // if it's stringified it will be NodeTypes.JS_CALL_EXPRESSION
-        type: NodeTypes.VNODE_CALL
+        type: NodeTypes.VNODE_CALL,
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
     expect(code).toMatchSnapshot()
   })
@@ -233,7 +233,7 @@ describe('stringify static html', () => {
     const { ast, code } = compile(
       `<div><div>${repeat(
         `<span class="foo">foo</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
       )}<img src="./foo" /></div></div>`,
       {
         hoistStatic: true,
@@ -246,7 +246,7 @@ describe('stringify static html', () => {
                 '_imports_0_',
                 false,
                 node.loc,
-                ConstantTypes.CAN_STRINGIFY
+                ConstantTypes.CAN_STRINGIFY,
               )
               node.props[0] = {
                 type: NodeTypes.DIRECTIVE,
@@ -254,22 +254,22 @@ describe('stringify static html', () => {
                 arg: createSimpleExpression('src', true),
                 exp,
                 modifiers: [],
-                loc: node.loc
+                loc: node.loc,
               }
             }
-          }
-        ]
-      }
+          },
+        ],
+      },
     )
     expect(ast.hoists).toMatchObject([
       {
         // the hoisted node should be NodeTypes.JS_CALL_EXPRESSION
         // of `createStaticVNode()` instead of dynamic NodeTypes.VNODE_CALL
-        type: NodeTypes.JS_CALL_EXPRESSION
+        type: NodeTypes.JS_CALL_EXPRESSION,
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
     expect(code).toMatchSnapshot()
   })
@@ -279,31 +279,31 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div><div><input indeterminate>${repeat(
         `<span class="foo">foo</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div></div>`,
     )
     expect(ast.hoists).toMatchObject([
       {
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
 
     const { ast: ast2 } = compileWithStringify(
       `<div><div><input :indeterminate="true">${repeat(
         `<span class="foo">foo</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div></div>`,
     )
     expect(ast2.hoists).toMatchObject([
       {
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -311,31 +311,31 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div><div>${repeat(
         `<span class="foo">foo</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}<input indeterminate></div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}<input indeterminate></div></div>`,
     )
     expect(ast.hoists).toMatchObject([
       {
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
 
     const { ast: ast2 } = compileWithStringify(
       `<div><div>${repeat(
         `<span class="foo">foo</span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}<input :indeterminate="true"></div></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}<input :indeterminate="true"></div></div>`,
     )
     expect(ast2.hoists).toMatchObject([
       {
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -343,16 +343,16 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<table><tbody>${repeat(
         `<tr class="foo"><td>foo</td></tr>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</tbody></table>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</tbody></table>`,
     )
     expect(ast.hoists).toMatchObject([
       {
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       },
       {
-        type: NodeTypes.JS_ARRAY_EXPRESSION
-      }
+        type: NodeTypes.JS_ARRAY_EXPRESSION,
+      },
     ])
   })
 
@@ -360,30 +360,30 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<foo>${repeat(
         `<div class="foo"></div>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</foo>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</foo>`,
     )
     expect(ast.hoists.length).toBe(
-      StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
+      StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
     )
     ast.hoists.forEach(node => {
       expect(node).toMatchObject({
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       })
     })
 
     const { ast: ast2 } = compileWithStringify(
       `<foo><template #foo>${repeat(
         `<div class="foo"></div>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</template></foo>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</template></foo>`,
     )
     expect(ast2.hoists.length).toBe(
-      StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
+      StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
     )
     ast2.hoists.forEach(node => {
       expect(node).toMatchObject({
-        type: NodeTypes.VNODE_CALL // not CALL_EXPRESSION
+        type: NodeTypes.VNODE_CALL, // not CALL_EXPRESSION
       })
     })
   })
@@ -392,8 +392,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div>${repeat(
         `<span :title="null"></span>`,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</div>`,
     )
     expect(ast.hoists[0]).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
@@ -402,11 +402,11 @@ describe('stringify static html', () => {
         JSON.stringify(
           `${repeat(
             `<span></span>`,
-            StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-          )}`
+            StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+          )}`,
         ),
-        '5'
-      ]
+        '5',
+      ],
     })
   })
 
@@ -415,8 +415,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<button :disabled="false">enable</button>${repeat(
         `<div></div>`,
-        StringifyThresholds.NODE_COUNT
-      )}`
+        StringifyThresholds.NODE_COUNT,
+      )}`,
     )
     expect(ast.hoists[0]).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
@@ -425,11 +425,11 @@ describe('stringify static html', () => {
         JSON.stringify(
           `<button>enable</button>${repeat(
             `<div></div>`,
-            StringifyThresholds.NODE_COUNT
-          )}`
+            StringifyThresholds.NODE_COUNT,
+          )}`,
         ),
-        '21'
-      ]
+        '21',
+      ],
     })
   })
 
@@ -439,8 +439,8 @@ describe('stringify static html', () => {
     const { ast } = compileWithStringify(
       `<div>${svg}${repeat(
         repeated,
-        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-      )}</svg></div>`
+        StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+      )}</svg></div>`,
     )
     expect(ast.hoists[0]).toMatchObject({
       type: NodeTypes.JS_CALL_EXPRESSION,
@@ -449,11 +449,11 @@ describe('stringify static html', () => {
         JSON.stringify(
           `${svg}${repeat(
             repeated,
-            StringifyThresholds.ELEMENT_WITH_BINDING_COUNT
-          )}</svg>`
+            StringifyThresholds.ELEMENT_WITH_BINDING_COUNT,
+          )}</svg>`,
         ),
-        '1'
-      ]
+        '1',
+      ],
     })
   })
 
diff --git a/packages/compiler-dom/__tests__/transforms/transformStyle.spec.ts b/packages/compiler-dom/__tests__/transforms/transformStyle.spec.ts
index 6eee9f8ba38..dbfb149bd13 100644
--- a/packages/compiler-dom/__tests__/transforms/transformStyle.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/transformStyle.spec.ts
@@ -4,7 +4,7 @@ import {
   CompilerOptions,
   ElementNode,
   NodeTypes,
-  VNodeCall
+  VNodeCall,
 } from '@vue/compiler-core'
 import { transformBind } from '../../../compiler-core/src/transforms/vBind'
 import { transformElement } from '../../../compiler-core/src/transforms/transformElement'
@@ -12,16 +12,16 @@ import { transformStyle } from '../../src/transforms/transformStyle'
 
 function transformWithStyleTransform(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ) {
   const ast = parse(template)
   transform(ast, {
     nodeTransforms: [transformStyle],
-    ...options
+    ...options,
   })
   return {
     root: ast,
-    node: ast.children[0] as ElementNode
+    node: ast.children[0] as ElementNode,
   }
 }
 
@@ -34,13 +34,13 @@ describe('compiler: style transform', () => {
       arg: {
         type: NodeTypes.SIMPLE_EXPRESSION,
         content: `style`,
-        isStatic: true
+        isStatic: true,
       },
       exp: {
         type: NodeTypes.SIMPLE_EXPRESSION,
         content: `{"color":"red"}`,
-        isStatic: false
-      }
+        isStatic: false,
+      },
     })
   })
 
@@ -48,8 +48,8 @@ describe('compiler: style transform', () => {
     const { node } = transformWithStyleTransform(`<div style="color: red"/>`, {
       nodeTransforms: [transformStyle, transformElement],
       directiveTransforms: {
-        bind: transformBind
-      }
+        bind: transformBind,
+      },
     })
     expect((node.codegenNode as VNodeCall).props).toMatchObject({
       type: NodeTypes.JS_OBJECT_EXPRESSION,
@@ -58,15 +58,15 @@ describe('compiler: style transform', () => {
           key: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `style`,
-            isStatic: true
+            isStatic: true,
           },
           value: {
             type: NodeTypes.SIMPLE_EXPRESSION,
             content: `{"color":"red"}`,
-            isStatic: false
-          }
-        }
-      ]
+            isStatic: false,
+          },
+        },
+      ],
     })
     // should not cause the STYLE patchFlag to be attached
     expect((node.codegenNode as VNodeCall).patchFlag).toBeUndefined()
diff --git a/packages/compiler-dom/__tests__/transforms/vHtml.spec.ts b/packages/compiler-dom/__tests__/transforms/vHtml.spec.ts
index af336523938..bff789bf977 100644
--- a/packages/compiler-dom/__tests__/transforms/vHtml.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/vHtml.spec.ts
@@ -2,13 +2,13 @@ import {
   baseParse as parse,
   transform,
   PlainElementNode,
-  CompilerOptions
+  CompilerOptions,
 } from '@vue/compiler-core'
 import { transformVHtml } from '../../src/transforms/vHtml'
 import { transformElement } from '../../../compiler-core/src/transforms/transformElement'
 import {
   createObjectMatcher,
-  genFlagText
+  genFlagText,
 } from '../../../compiler-core/__tests__/testUtils'
 import { PatchFlags } from '@vue/shared'
 import { DOMErrorCodes } from '../../src/errors'
@@ -18,9 +18,9 @@ function transformWithVHtml(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms: [transformElement],
     directiveTransforms: {
-      html: transformVHtml
+      html: transformVHtml,
     },
-    ...options
+    ...options,
   })
   return ast
 }
@@ -31,40 +31,40 @@ describe('compiler: v-html transform', () => {
     expect((ast.children[0] as PlainElementNode).codegenNode).toMatchObject({
       tag: `"div"`,
       props: createObjectMatcher({
-        innerHTML: `[test]`
+        innerHTML: `[test]`,
       }),
       children: undefined,
       patchFlag: genFlagText(PatchFlags.PROPS),
-      dynamicProps: `["innerHTML"]`
+      dynamicProps: `["innerHTML"]`,
     })
   })
 
   it('should raise error and ignore children when v-html is present', () => {
     const onError = vi.fn()
     const ast = transformWithVHtml(`<div v-html="test">hello</div>`, {
-      onError
+      onError,
     })
     expect(onError.mock.calls).toMatchObject([
-      [{ code: DOMErrorCodes.X_V_HTML_WITH_CHILDREN }]
+      [{ code: DOMErrorCodes.X_V_HTML_WITH_CHILDREN }],
     ])
     expect((ast.children[0] as PlainElementNode).codegenNode).toMatchObject({
       tag: `"div"`,
       props: createObjectMatcher({
-        innerHTML: `[test]`
+        innerHTML: `[test]`,
       }),
       children: undefined, // <-- children should have been removed
       patchFlag: genFlagText(PatchFlags.PROPS),
-      dynamicProps: `["innerHTML"]`
+      dynamicProps: `["innerHTML"]`,
     })
   })
 
   it('should raise error if has no expression', () => {
     const onError = vi.fn()
     transformWithVHtml(`<div v-html></div>`, {
-      onError
+      onError,
     })
     expect(onError.mock.calls).toMatchObject([
-      [{ code: DOMErrorCodes.X_V_HTML_NO_EXPRESSION }]
+      [{ code: DOMErrorCodes.X_V_HTML_NO_EXPRESSION }],
     ])
   })
 })
diff --git a/packages/compiler-dom/__tests__/transforms/vModel.spec.ts b/packages/compiler-dom/__tests__/transforms/vModel.spec.ts
index dce8f09b02c..5e70ba94363 100644
--- a/packages/compiler-dom/__tests__/transforms/vModel.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/vModel.spec.ts
@@ -2,7 +2,7 @@ import {
   baseParse as parse,
   transform,
   CompilerOptions,
-  generate
+  generate,
 } from '@vue/compiler-core'
 import { transformModel } from '../../src/transforms/vModel'
 import { transformElement } from '../../../compiler-core/src/transforms/transformElement'
@@ -12,7 +12,7 @@ import {
   V_MODEL_DYNAMIC,
   V_MODEL_RADIO,
   V_MODEL_SELECT,
-  V_MODEL_TEXT
+  V_MODEL_TEXT,
 } from '../../src/runtimeHelpers'
 
 function transformWithModel(template: string, options: CompilerOptions = {}) {
@@ -20,9 +20,9 @@ function transformWithModel(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms: [transformElement],
     directiveTransforms: {
-      model: transformModel
+      model: transformModel,
     },
-    ...options
+    ...options,
   })
   return ast
 }
@@ -70,7 +70,7 @@ describe('compiler: transform v-model', () => {
     expect(generate(root).code).toMatchSnapshot()
 
     const root2 = transformWithModel(
-      '<input v-bind:[key]="val" v-model="model" />'
+      '<input v-bind:[key]="val" v-model="model" />',
     )
     expect(root2.helpers).toContain(V_MODEL_DYNAMIC)
     expect(generate(root2).code).toMatchSnapshot()
@@ -98,8 +98,8 @@ describe('compiler: transform v-model', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT
-        })
+          code: DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT,
+        }),
       )
     })
 
@@ -110,8 +110,8 @@ describe('compiler: transform v-model', () => {
       expect(onError).toHaveBeenCalledTimes(1)
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT
-        })
+          code: DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT,
+        }),
       )
     })
 
@@ -119,7 +119,7 @@ describe('compiler: transform v-model', () => {
       const onError = vi.fn()
       const root = transformWithModel('<my-input v-model="model" />', {
         onError,
-        isCustomElement: tag => tag.startsWith('my-')
+        isCustomElement: tag => tag.startsWith('my-'),
       })
       expect(root.helpers).toContain(V_MODEL_TEXT)
       expect(onError).not.toHaveBeenCalled()
@@ -129,12 +129,12 @@ describe('compiler: transform v-model', () => {
     test('should raise error if used file input element', () => {
       const onError = vi.fn()
       transformWithModel(`<input type="file" v-model="test"/>`, {
-        onError
+        onError,
       })
       expect(onError).toHaveBeenCalledWith(
         expect.objectContaining({
-          code: DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT
-        })
+          code: DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT,
+        }),
       )
     })
   })
diff --git a/packages/compiler-dom/__tests__/transforms/vOn.spec.ts b/packages/compiler-dom/__tests__/transforms/vOn.spec.ts
index efc7fee374f..c85cc922d1f 100644
--- a/packages/compiler-dom/__tests__/transforms/vOn.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/vOn.spec.ts
@@ -7,7 +7,7 @@ import {
   NodeTypes,
   ObjectExpression,
   transform,
-  VNodeCall
+  VNodeCall,
 } from '@vue/compiler-core'
 import { transformOn } from '../../src/transforms/vOn'
 import { V_ON_WITH_KEYS, V_ON_WITH_MODIFIERS } from '../../src/runtimeHelpers'
@@ -21,32 +21,32 @@ function parseWithVOn(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms: [transformExpression, transformElement],
     directiveTransforms: {
-      on: transformOn
+      on: transformOn,
     },
-    ...options
+    ...options,
   })
   return {
     root: ast,
     props: (
       ((ast.children[0] as ElementNode).codegenNode as VNodeCall)
         .props as ObjectExpression
-    ).properties
+    ).properties,
   }
 }
 
 describe('compiler-dom: transform v-on', () => {
   it('should support multiple modifiers w/ prefixIdentifiers: true', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @click.stop.prevent="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       value: {
         callee: V_ON_WITH_MODIFIERS,
-        arguments: [{ content: '_ctx.test' }, '["stop","prevent"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["stop","prevent"]'],
+      },
     })
   })
 
@@ -54,8 +54,8 @@ describe('compiler-dom: transform v-on', () => {
     const { props } = parseWithVOn(
       `<div @click.stop="test" @keyup.enter="test" />`,
       {
-        prefixIdentifiers: true
-      }
+        prefixIdentifiers: true,
+      },
     )
     const [clickProp, keyUpProp] = props
 
@@ -64,95 +64,95 @@ describe('compiler-dom: transform v-on', () => {
       type: NodeTypes.JS_PROPERTY,
       value: {
         callee: V_ON_WITH_MODIFIERS,
-        arguments: [{ content: '_ctx.test' }, '["stop"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["stop"]'],
+      },
     })
     expect(keyUpProp).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       value: {
         callee: V_ON_WITH_KEYS,
-        arguments: [{ content: '_ctx.test' }, '["enter"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["enter"]'],
+      },
     })
   })
 
   it('should support multiple modifiers and event options w/ prefixIdentifiers: true', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @click.stop.capture.once="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       key: {
-        content: `onClickCaptureOnce`
+        content: `onClickCaptureOnce`,
       },
       value: {
         callee: V_ON_WITH_MODIFIERS,
-        arguments: [{ content: '_ctx.test' }, '["stop"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["stop"]'],
+      },
     })
   })
 
   it('should wrap keys guard for keyboard events or dynamic events', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @keydown.stop.capture.ctrl.a="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       key: {
-        content: `onKeydownCapture`
+        content: `onKeydownCapture`,
       },
       value: {
         callee: V_ON_WITH_KEYS,
         arguments: [
           {
             callee: V_ON_WITH_MODIFIERS,
-            arguments: [{ content: '_ctx.test' }, '["stop","ctrl"]']
+            arguments: [{ content: '_ctx.test' }, '["stop","ctrl"]'],
           },
-          '["a"]'
-        ]
-      }
+          '["a"]',
+        ],
+      },
     })
   })
 
   it('should not wrap keys guard if no key modifier is present', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @keyup.exact="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       value: {
         callee: V_ON_WITH_MODIFIERS,
-        arguments: [{ content: '_ctx.test' }, '["exact"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["exact"]'],
+      },
     })
   })
 
   it('should wrap keys guard for static key event w/ left/right modifiers', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @keyup.left="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       value: {
         callee: V_ON_WITH_KEYS,
-        arguments: [{ content: '_ctx.test' }, '["left"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["left"]'],
+      },
     })
   })
 
   it('should wrap both for dynamic key event w/ left/right modifiers', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @[e].left="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
@@ -161,41 +161,41 @@ describe('compiler-dom: transform v-on', () => {
         arguments: [
           {
             callee: V_ON_WITH_MODIFIERS,
-            arguments: [{ content: `_ctx.test` }, `["left"]`]
+            arguments: [{ content: `_ctx.test` }, `["left"]`],
           },
-          '["left"]'
-        ]
-      }
+          '["left"]',
+        ],
+      },
     })
   })
 
   it('should not wrap normal guard if there is only keys guard', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @keyup.enter="test"/>`, {
-      prefixIdentifiers: true
+      prefixIdentifiers: true,
     })
     expect(prop).toMatchObject({
       type: NodeTypes.JS_PROPERTY,
       value: {
         callee: V_ON_WITH_KEYS,
-        arguments: [{ content: '_ctx.test' }, '["enter"]']
-      }
+        arguments: [{ content: '_ctx.test' }, '["enter"]'],
+      },
     })
   })
 
   test('should transform click.right', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @click.right="test"/>`)
     expect(prop.key).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `onContextmenu`
+      content: `onContextmenu`,
     })
 
     // dynamic
     const {
-      props: [prop2]
+      props: [prop2],
     } = parseWithVOn(`<div @[event].right="test"/>`)
     // (_toHandlerKey(event)).toLowerCase() === "onclick" ? "onContextmenu" : (_toHandlerKey(event))
     expect(prop2.key).toMatchObject({
@@ -206,34 +206,34 @@ describe('compiler-dom: transform v-on', () => {
           children: [
             `_${helperNameMap[TO_HANDLER_KEY]}(`,
             { content: 'event' },
-            `)`
-          ]
+            `)`,
+          ],
         },
         `) === "onClick" ? "onContextmenu" : (`,
         {
           children: [
             `_${helperNameMap[TO_HANDLER_KEY]}(`,
             { content: 'event' },
-            `)`
-          ]
+            `)`,
+          ],
         },
-        `)`
-      ]
+        `)`,
+      ],
     })
   })
 
   test('should transform click.middle', () => {
     const {
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @click.middle="test"/>`)
     expect(prop.key).toMatchObject({
       type: NodeTypes.SIMPLE_EXPRESSION,
-      content: `onMouseup`
+      content: `onMouseup`,
     })
 
     // dynamic
     const {
-      props: [prop2]
+      props: [prop2],
     } = parseWithVOn(`<div @[event].middle="test"/>`)
     // (_eventNaming(event)).toLowerCase() === "onclick" ? "onMouseup" : (_eventNaming(event))
     expect(prop2.key).toMatchObject({
@@ -244,48 +244,48 @@ describe('compiler-dom: transform v-on', () => {
           children: [
             `_${helperNameMap[TO_HANDLER_KEY]}(`,
             { content: 'event' },
-            `)`
-          ]
+            `)`,
+          ],
         },
         `) === "onClick" ? "onMouseup" : (`,
         {
           children: [
             `_${helperNameMap[TO_HANDLER_KEY]}(`,
             { content: 'event' },
-            `)`
-          ]
+            `)`,
+          ],
         },
-        `)`
-      ]
+        `)`,
+      ],
     })
   })
 
   test('cache handler w/ modifiers', () => {
     const {
       root,
-      props: [prop]
+      props: [prop],
     } = parseWithVOn(`<div @keyup.enter.capture="foo" />`, {
       prefixIdentifiers: true,
-      cacheHandlers: true
+      cacheHandlers: true,
     })
     expect(root.cached).toBe(1)
     // should not treat cached handler as dynamicProp, so it should have no
     // dynamicProps flags and only the hydration flag
     expect((root as any).children[0].codegenNode.patchFlag).toBe(
-      genFlagText(PatchFlags.HYDRATE_EVENTS)
+      genFlagText(PatchFlags.HYDRATE_EVENTS),
     )
     expect(prop).toMatchObject({
       key: {
-        content: `onKeyupCapture`
+        content: `onKeyupCapture`,
       },
       value: {
         type: NodeTypes.JS_CACHE_EXPRESSION,
         index: 0,
         value: {
           type: NodeTypes.JS_CALL_EXPRESSION,
-          callee: V_ON_WITH_KEYS
-        }
-      }
+          callee: V_ON_WITH_KEYS,
+        },
+      },
     })
   })
 })
diff --git a/packages/compiler-dom/__tests__/transforms/vShow.spec.ts b/packages/compiler-dom/__tests__/transforms/vShow.spec.ts
index 6d521c8e10d..738516c5980 100644
--- a/packages/compiler-dom/__tests__/transforms/vShow.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/vShow.spec.ts
@@ -2,7 +2,7 @@ import {
   baseParse as parse,
   transform,
   generate,
-  CompilerOptions
+  CompilerOptions,
 } from '@vue/compiler-core'
 import { transformElement } from '../../../compiler-core/src/transforms/transformElement'
 import { transformShow } from '../../src/transforms/vShow'
@@ -13,9 +13,9 @@ function transformWithShow(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms: [transformElement],
     directiveTransforms: {
-      show: transformShow
+      show: transformShow,
     },
-    ...options
+    ...options,
   })
   return ast
 }
@@ -34,8 +34,8 @@ describe('compiler: v-show transform', () => {
     expect(onError).toHaveBeenCalledTimes(1)
     expect(onError).toHaveBeenCalledWith(
       expect.objectContaining({
-        code: DOMErrorCodes.X_V_SHOW_NO_EXPRESSION
-      })
+        code: DOMErrorCodes.X_V_SHOW_NO_EXPRESSION,
+      }),
     )
   })
 })
diff --git a/packages/compiler-dom/__tests__/transforms/vText.spec.ts b/packages/compiler-dom/__tests__/transforms/vText.spec.ts
index 22db3ec05e2..50aa18768da 100644
--- a/packages/compiler-dom/__tests__/transforms/vText.spec.ts
+++ b/packages/compiler-dom/__tests__/transforms/vText.spec.ts
@@ -2,13 +2,13 @@ import {
   baseParse as parse,
   transform,
   PlainElementNode,
-  CompilerOptions
+  CompilerOptions,
 } from '@vue/compiler-core'
 import { transformVText } from '../../src/transforms/vText'
 import { transformElement } from '../../../compiler-core/src/transforms/transformElement'
 import {
   createObjectMatcher,
-  genFlagText
+  genFlagText,
 } from '../../../compiler-core/__tests__/testUtils'
 import { PatchFlags } from '@vue/shared'
 import { DOMErrorCodes } from '../../src/errors'
@@ -18,9 +18,9 @@ function transformWithVText(template: string, options: CompilerOptions = {}) {
   transform(ast, {
     nodeTransforms: [transformElement],
     directiveTransforms: {
-      text: transformVText
+      text: transformVText,
     },
-    ...options
+    ...options,
   })
   return ast
 }
@@ -32,43 +32,43 @@ describe('compiler: v-text transform', () => {
       tag: `"div"`,
       props: createObjectMatcher({
         textContent: {
-          arguments: [{ content: 'test' }]
-        }
+          arguments: [{ content: 'test' }],
+        },
       }),
       children: undefined,
       patchFlag: genFlagText(PatchFlags.PROPS),
-      dynamicProps: `["textContent"]`
+      dynamicProps: `["textContent"]`,
     })
   })
 
   it('should raise error and ignore children when v-text is present', () => {
     const onError = vi.fn()
     const ast = transformWithVText(`<div v-text="test">hello</div>`, {
-      onError
+      onError,
     })
     expect(onError.mock.calls).toMatchObject([
-      [{ code: DOMErrorCodes.X_V_TEXT_WITH_CHILDREN }]
+      [{ code: DOMErrorCodes.X_V_TEXT_WITH_CHILDREN }],
     ])
     expect((ast.children[0] as PlainElementNode).codegenNode).toMatchObject({
       tag: `"div"`,
       props: createObjectMatcher({
         textContent: {
-          arguments: [{ content: 'test' }]
-        }
+          arguments: [{ content: 'test' }],
+        },
       }),
       children: undefined, // <-- children should have been removed
       patchFlag: genFlagText(PatchFlags.PROPS),
-      dynamicProps: `["textContent"]`
+      dynamicProps: `["textContent"]`,
     })
   })
 
   it('should raise error if has no expression', () => {
     const onError = vi.fn()
     transformWithVText(`<div v-text></div>`, {
-      onError
+      onError,
     })
     expect(onError.mock.calls).toMatchObject([
-      [{ code: DOMErrorCodes.X_V_TEXT_NO_EXPRESSION }]
+      [{ code: DOMErrorCodes.X_V_TEXT_NO_EXPRESSION }],
     ])
   })
 })
diff --git a/packages/compiler-dom/src/decodeHtml.ts b/packages/compiler-dom/src/decodeHtml.ts
index 68b0277a434..d506f3895dd 100644
--- a/packages/compiler-dom/src/decodeHtml.ts
+++ b/packages/compiler-dom/src/decodeHtml.ts
@@ -6,7 +6,7 @@ let maxCRNameLength: number
 
 export const decodeHtml: ParserOptions['decodeEntities'] = (
   rawText,
-  asAttr
+  asAttr,
 ) => {
   let offset = 0
   const end = rawText.length
@@ -38,7 +38,7 @@ export const decodeHtml: ParserOptions['decodeEntities'] = (
         if (!maxCRNameLength) {
           maxCRNameLength = Object.keys(namedCharacterReferences).reduce(
             (max, name) => Math.max(max, name.length),
-            0
+            0,
           )
         }
         for (let length = maxCRNameLength; !value && length > 0; --length) {
@@ -129,5 +129,5 @@ const CCR_REPLACEMENTS: Record<number, number | undefined> = {
   0x9b: 0x203a,
   0x9c: 0x0153,
   0x9e: 0x017e,
-  0x9f: 0x0178
+  0x9f: 0x0178,
 }
diff --git a/packages/compiler-dom/src/errors.ts b/packages/compiler-dom/src/errors.ts
index b519dbdb762..6d28372e268 100644
--- a/packages/compiler-dom/src/errors.ts
+++ b/packages/compiler-dom/src/errors.ts
@@ -2,7 +2,7 @@ import {
   SourceLocation,
   CompilerError,
   createCompilerError,
-  ErrorCodes
+  ErrorCodes,
 } from '@vue/compiler-core'
 
 export interface DOMCompilerError extends CompilerError {
@@ -11,12 +11,12 @@ export interface DOMCompilerError extends CompilerError {
 
 export function createDOMCompilerError(
   code: DOMErrorCodes,
-  loc?: SourceLocation
+  loc?: SourceLocation,
 ) {
   return createCompilerError(
     code,
     loc,
-    __DEV__ || !__BROWSER__ ? DOMErrorMessages : undefined
+    __DEV__ || !__BROWSER__ ? DOMErrorMessages : undefined,
   ) as DOMCompilerError
 }
 
@@ -32,7 +32,7 @@ export const enum DOMErrorCodes {
   X_V_SHOW_NO_EXPRESSION,
   X_TRANSITION_INVALID_CHILDREN,
   X_IGNORED_SIDE_EFFECT_TAG,
-  __EXTEND_POINT__
+  __EXTEND_POINT__,
 }
 
 if (__TEST__) {
@@ -43,7 +43,7 @@ if (__TEST__) {
     throw new Error(
       `DOMErrorCodes need to be updated to ${
         ErrorCodes.__EXTEND_POINT__ + 1
-      } to match extension point from core ErrorCodes.`
+      } to match extension point from core ErrorCodes.`,
     )
   }
 }
@@ -59,5 +59,5 @@ export const DOMErrorMessages: { [code: number]: string } = {
   [DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
   [DOMErrorCodes.X_V_SHOW_NO_EXPRESSION]: `v-show is missing expression.`,
   [DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN]: `<Transition> expects exactly one child element or component.`,
-  [DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
 }
diff --git a/packages/compiler-dom/src/index.ts b/packages/compiler-dom/src/index.ts
index 2c6f71cefbb..e707c689bb3 100644
--- a/packages/compiler-dom/src/index.ts
+++ b/packages/compiler-dom/src/index.ts
@@ -7,7 +7,7 @@ import {
   RootNode,
   noopDirectiveTransform,
   NodeTransform,
-  DirectiveTransform
+  DirectiveTransform,
 } from '@vue/compiler-core'
 import { parserOptions } from './parserOptions'
 import { transformStyle } from './transforms/transformStyle'
@@ -25,7 +25,7 @@ export { parserOptions }
 
 export const DOMNodeTransforms: NodeTransform[] = [
   transformStyle,
-  ...(__DEV__ ? [transformTransition] : [])
+  ...(__DEV__ ? [transformTransition] : []),
 ]
 
 export const DOMDirectiveTransforms: Record<string, DirectiveTransform> = {
@@ -34,12 +34,12 @@ export const DOMDirectiveTransforms: Record<string, DirectiveTransform> = {
   text: transformVText,
   model: transformModel, // override compiler-core
   on: transformOn, // override compiler-core
-  show: transformShow
+  show: transformShow,
 }
 
 export function compile(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ): CodegenResult {
   return baseCompile(
     template,
@@ -50,15 +50,15 @@ export function compile(
         // by compiler-ssr to generate vnode fallback branches
         ignoreSideEffectTags,
         ...DOMNodeTransforms,
-        ...(options.nodeTransforms || [])
+        ...(options.nodeTransforms || []),
       ],
       directiveTransforms: extend(
         {},
         DOMDirectiveTransforms,
-        options.directiveTransforms || {}
+        options.directiveTransforms || {},
       ),
-      transformHoist: __BROWSER__ ? null : stringifyStatic
-    })
+      transformHoist: __BROWSER__ ? null : stringifyStatic,
+    }),
   )
 }
 
diff --git a/packages/compiler-dom/src/parserOptions.ts b/packages/compiler-dom/src/parserOptions.ts
index 4d06a776b7a..9b1abe22cc0 100644
--- a/packages/compiler-dom/src/parserOptions.ts
+++ b/packages/compiler-dom/src/parserOptions.ts
@@ -3,7 +3,7 @@ import {
   ParserOptions,
   ElementNode,
   NodeTypes,
-  isBuiltInType
+  isBuiltInType,
 } from '@vue/compiler-core'
 import { makeMap, isVoidTag, isHTMLTag, isSVGTag } from '@vue/shared'
 import { TRANSITION, TRANSITION_GROUP } from './runtimeHelpers'
@@ -12,13 +12,13 @@ import { decodeHtmlBrowser } from './decodeHtmlBrowser'
 
 const isRawTextContainer = /*#__PURE__*/ makeMap(
   'style,iframe,script,noscript',
-  true
+  true,
 )
 
 export const enum DOMNamespaces {
   HTML = 0 /* Namespaces.HTML */,
   SVG,
-  MATH_ML
+  MATH_ML,
 }
 
 export const parserOptions: ParserOptions = {
@@ -51,7 +51,7 @@ export const parserOptions: ParserOptions = {
               a.name === 'encoding' &&
               a.value != null &&
               (a.value.content === 'text/html' ||
-                a.value.content === 'application/xhtml+xml')
+                a.value.content === 'application/xhtml+xml'),
           )
         ) {
           ns = DOMNamespaces.HTML
@@ -95,5 +95,5 @@ export const parserOptions: ParserOptions = {
       }
     }
     return TextModes.DATA
-  }
+  },
 }
diff --git a/packages/compiler-dom/src/runtimeHelpers.ts b/packages/compiler-dom/src/runtimeHelpers.ts
index 19c595ef69a..db829096cb8 100644
--- a/packages/compiler-dom/src/runtimeHelpers.ts
+++ b/packages/compiler-dom/src/runtimeHelpers.ts
@@ -24,5 +24,5 @@ registerRuntimeHelpers({
   [V_ON_WITH_KEYS]: `withKeys`,
   [V_SHOW]: `vShow`,
   [TRANSITION]: `Transition`,
-  [TRANSITION_GROUP]: `TransitionGroup`
+  [TRANSITION_GROUP]: `TransitionGroup`,
 })
diff --git a/packages/compiler-dom/src/transforms/Transition.ts b/packages/compiler-dom/src/transforms/Transition.ts
index 56d05ef03c1..f11c2ce2494 100644
--- a/packages/compiler-dom/src/transforms/Transition.ts
+++ b/packages/compiler-dom/src/transforms/Transition.ts
@@ -3,7 +3,7 @@ import {
   NodeTypes,
   ElementTypes,
   ComponentNode,
-  IfBranchNode
+  IfBranchNode,
 } from '@vue/compiler-core'
 import { TRANSITION } from '../runtimeHelpers'
 import { createDOMCompilerError, DOMErrorCodes } from '../errors'
@@ -28,9 +28,9 @@ export const transformTransition: NodeTransform = (node, context) => {
               {
                 start: node.children[0].loc.start,
                 end: node.children[node.children.length - 1].loc.end,
-                source: ''
-              }
-            )
+                source: '',
+              },
+            ),
           )
         }
 
@@ -44,7 +44,7 @@ export const transformTransition: NodeTransform = (node, context) => {
                 type: NodeTypes.ATTRIBUTE,
                 name: 'persisted',
                 value: undefined,
-                loc: node.loc
+                loc: node.loc,
               })
             }
           }
@@ -59,7 +59,7 @@ function hasMultipleChildren(node: ComponentNode | IfBranchNode): boolean {
   const children = (node.children = node.children.filter(
     c =>
       c.type !== NodeTypes.COMMENT &&
-      !(c.type === NodeTypes.TEXT && !c.content.trim())
+      !(c.type === NodeTypes.TEXT && !c.content.trim()),
   ))
   const child = children[0]
   return (
diff --git a/packages/compiler-dom/src/transforms/ignoreSideEffectTags.ts b/packages/compiler-dom/src/transforms/ignoreSideEffectTags.ts
index fa37b366fa2..0c39c1ec85f 100644
--- a/packages/compiler-dom/src/transforms/ignoreSideEffectTags.ts
+++ b/packages/compiler-dom/src/transforms/ignoreSideEffectTags.ts
@@ -11,8 +11,8 @@ export const ignoreSideEffectTags: NodeTransform = (node, context) => {
       context.onError(
         createDOMCompilerError(
           DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG,
-          node.loc
-        )
+          node.loc,
+        ),
       )
     context.removeNode()
   }
diff --git a/packages/compiler-dom/src/transforms/stringifyStatic.ts b/packages/compiler-dom/src/transforms/stringifyStatic.ts
index 0b47cb435b0..8e3796f4726 100644
--- a/packages/compiler-dom/src/transforms/stringifyStatic.ts
+++ b/packages/compiler-dom/src/transforms/stringifyStatic.ts
@@ -15,7 +15,7 @@ import {
   PlainElementNode,
   JSChildNode,
   TextCallNode,
-  ConstantTypes
+  ConstantTypes,
 } from '@vue/compiler-core'
 import {
   isVoidTag,
@@ -29,13 +29,13 @@ import {
   stringifyStyle,
   makeMap,
   isKnownSvgAttr,
-  isBooleanAttr
+  isBooleanAttr,
 } from '@vue/shared'
 import { DOMNamespaces } from '../parserOptions'
 
 export const enum StringifyThresholds {
   ELEMENT_WITH_BINDING_COUNT = 5,
-  NODE_COUNT = 20
+  NODE_COUNT = 20,
 }
 
 type StringifiableNode = PlainElementNode | TextCallNode
@@ -87,11 +87,11 @@ export const stringifyStatic: HoistTransform = (children, context, parent) => {
       // combine all currently eligible nodes into a single static vnode call
       const staticCall = createCallExpression(context.helper(CREATE_STATIC), [
         JSON.stringify(
-          currentChunk.map(node => stringifyNode(node, context)).join('')
+          currentChunk.map(node => stringifyNode(node, context)).join(''),
         ).replace(expReplaceRE, `" + $1 + "`),
         // the 2nd argument indicates the number of DOM nodes this static vnode
         // will insert / hydrate
-        String(currentChunk.length)
+        String(currentChunk.length),
       ])
       // replace the first node's hoisted expression with the static vnode call
       replaceHoist(currentChunk[0], staticCall, context)
@@ -161,14 +161,14 @@ const isStringifiableAttr = (name: string, ns: DOMNamespaces) => {
 const replaceHoist = (
   node: StringifiableNode,
   replacement: JSChildNode | null,
-  context: TransformContext
+  context: TransformContext,
 ) => {
   const hoistToReplace = (node.codegenNode as SimpleExpressionNode).hoisted!
   context.hoists[context.hoists.indexOf(hoistToReplace)] = replacement
 }
 
 const isNonStringifiable = /*#__PURE__*/ makeMap(
-  `caption,thead,tr,th,tbody,td,tfoot,colgroup,col`
+  `caption,thead,tr,th,tbody,td,tfoot,colgroup,col`,
 )
 
 /**
@@ -248,7 +248,7 @@ function analyzeNode(node: StringifiableNode): [number, number] | false {
 
 function stringifyNode(
   node: string | TemplateChildNode,
-  context: TransformContext
+  context: TransformContext,
 ): string {
   if (isString(node)) {
     return node
@@ -277,7 +277,7 @@ function stringifyNode(
 
 function stringifyElement(
   node: ElementNode,
-  context: TransformContext
+  context: TransformContext,
 ): string {
   let res = `<${node.tag}`
   let innerHTML = ''
@@ -316,7 +316,7 @@ function stringifyElement(
             evaluated = stringifyStyle(normalizeStyle(evaluated))
           }
           res += ` ${(p.arg as SimpleExpressionNode).content}="${escapeHtml(
-            evaluated
+            evaluated,
           )}"`
         }
       } else if (p.name === 'html') {
@@ -325,7 +325,7 @@ function stringifyElement(
         innerHTML = evaluateConstant(p.exp as SimpleExpressionNode)
       } else if (p.name === 'text') {
         innerHTML = escapeHtml(
-          toDisplayString(evaluateConstant(p.exp as SimpleExpressionNode))
+          toDisplayString(evaluateConstant(p.exp as SimpleExpressionNode)),
         )
       }
     }
diff --git a/packages/compiler-dom/src/transforms/transformStyle.ts b/packages/compiler-dom/src/transforms/transformStyle.ts
index d87b241609f..9740570a449 100644
--- a/packages/compiler-dom/src/transforms/transformStyle.ts
+++ b/packages/compiler-dom/src/transforms/transformStyle.ts
@@ -4,7 +4,7 @@ import {
   createSimpleExpression,
   SimpleExpressionNode,
   SourceLocation,
-  ConstantTypes
+  ConstantTypes,
 } from '@vue/compiler-core'
 import { parseStringStyle } from '@vue/shared'
 
@@ -25,7 +25,7 @@ export const transformStyle: NodeTransform = node => {
           arg: createSimpleExpression(`style`, true, p.loc),
           exp: parseInlineCSS(p.value.content, p.loc),
           modifiers: [],
-          loc: p.loc
+          loc: p.loc,
         }
       }
     })
@@ -34,13 +34,13 @@ export const transformStyle: NodeTransform = node => {
 
 const parseInlineCSS = (
   cssText: string,
-  loc: SourceLocation
+  loc: SourceLocation,
 ): SimpleExpressionNode => {
   const normalized = parseStringStyle(cssText)
   return createSimpleExpression(
     JSON.stringify(normalized),
     false,
     loc,
-    ConstantTypes.CAN_STRINGIFY
+    ConstantTypes.CAN_STRINGIFY,
   )
 }
diff --git a/packages/compiler-dom/src/transforms/vHtml.ts b/packages/compiler-dom/src/transforms/vHtml.ts
index e42451a58c2..d461ea5cffd 100644
--- a/packages/compiler-dom/src/transforms/vHtml.ts
+++ b/packages/compiler-dom/src/transforms/vHtml.ts
@@ -1,7 +1,7 @@
 import {
   DirectiveTransform,
   createObjectProperty,
-  createSimpleExpression
+  createSimpleExpression,
 } from '@vue/compiler-core'
 import { createDOMCompilerError, DOMErrorCodes } from '../errors'
 
@@ -9,12 +9,12 @@ export const transformVHtml: DirectiveTransform = (dir, node, context) => {
   const { exp, loc } = dir
   if (!exp) {
     context.onError(
-      createDOMCompilerError(DOMErrorCodes.X_V_HTML_NO_EXPRESSION, loc)
+      createDOMCompilerError(DOMErrorCodes.X_V_HTML_NO_EXPRESSION, loc),
     )
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(DOMErrorCodes.X_V_HTML_WITH_CHILDREN, loc)
+      createDOMCompilerError(DOMErrorCodes.X_V_HTML_WITH_CHILDREN, loc),
     )
     node.children.length = 0
   }
@@ -22,8 +22,8 @@ export const transformVHtml: DirectiveTransform = (dir, node, context) => {
     props: [
       createObjectProperty(
         createSimpleExpression(`innerHTML`, true, loc),
-        exp || createSimpleExpression('', true)
-      )
-    ]
+        exp || createSimpleExpression('', true),
+      ),
+    ],
   }
 }
diff --git a/packages/compiler-dom/src/transforms/vModel.ts b/packages/compiler-dom/src/transforms/vModel.ts
index 5dff390d3d8..5666f27a18d 100644
--- a/packages/compiler-dom/src/transforms/vModel.ts
+++ b/packages/compiler-dom/src/transforms/vModel.ts
@@ -4,7 +4,7 @@ import {
   ElementTypes,
   findProp,
   NodeTypes,
-  hasDynamicKeyVBind
+  hasDynamicKeyVBind,
 } from '@vue/compiler-core'
 import { createDOMCompilerError, DOMErrorCodes } from '../errors'
 import {
@@ -12,7 +12,7 @@ import {
   V_MODEL_RADIO,
   V_MODEL_SELECT,
   V_MODEL_TEXT,
-  V_MODEL_DYNAMIC
+  V_MODEL_DYNAMIC,
 } from '../runtimeHelpers'
 
 export const transformModel: DirectiveTransform = (dir, node, context) => {
@@ -26,8 +26,8 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
     context.onError(
       createDOMCompilerError(
         DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT,
-        dir.arg.loc
-      )
+        dir.arg.loc,
+      ),
     )
   }
 
@@ -37,8 +37,8 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
       context.onError(
         createDOMCompilerError(
           DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE,
-          value.loc
-        )
+          value.loc,
+        ),
       )
     }
   }
@@ -72,8 +72,8 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
               context.onError(
                 createDOMCompilerError(
                   DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT,
-                  dir.loc
-                )
+                  dir.loc,
+                ),
               )
               break
             default:
@@ -106,8 +106,8 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
     context.onError(
       createDOMCompilerError(
         DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT,
-        dir.loc
-      )
+        dir.loc,
+      ),
     )
   }
 
@@ -118,7 +118,7 @@ export const transformModel: DirectiveTransform = (dir, node, context) => {
       !(
         p.key.type === NodeTypes.SIMPLE_EXPRESSION &&
         p.key.content === 'modelValue'
-      )
+      ),
   )
 
   return baseResult
diff --git a/packages/compiler-dom/src/transforms/vOn.ts b/packages/compiler-dom/src/transforms/vOn.ts
index 660003b4839..cc82e9cd8e6 100644
--- a/packages/compiler-dom/src/transforms/vOn.ts
+++ b/packages/compiler-dom/src/transforms/vOn.ts
@@ -12,7 +12,7 @@ import {
   CompilerDeprecationTypes,
   TransformContext,
   SourceLocation,
-  checkCompatEnabled
+  checkCompatEnabled,
 } from '@vue/compiler-core'
 import { V_ON_WITH_MODIFIERS, V_ON_WITH_KEYS } from '../runtimeHelpers'
 import { makeMap, capitalize } from '@vue/shared'
@@ -24,20 +24,20 @@ const isNonKeyModifier = /*#__PURE__*/ makeMap(
     // system modifiers + exact
     `ctrl,shift,alt,meta,exact,` +
     // mouse
-    `middle`
+    `middle`,
 )
 // left & right could be mouse or key modifiers based on event type
 const maybeKeyModifier = /*#__PURE__*/ makeMap('left,right')
 const isKeyboardEvent = /*#__PURE__*/ makeMap(
   `onkeyup,onkeydown,onkeypress`,
-  true
+  true,
 )
 
 const resolveModifiers = (
   key: ExpressionNode,
   modifiers: string[],
   context: TransformContext,
-  loc: SourceLocation
+  loc: SourceLocation,
 ) => {
   const keyModifiers = []
   const nonKeyModifiers = []
@@ -52,7 +52,7 @@ const resolveModifiers = (
       checkCompatEnabled(
         CompilerDeprecationTypes.COMPILER_V_ON_NATIVE,
         context,
-        loc
+        loc,
       )
     ) {
       eventOptionModifiers.push(modifier)
@@ -86,7 +86,7 @@ const resolveModifiers = (
   return {
     keyModifiers,
     nonKeyModifiers,
-    eventOptionModifiers
+    eventOptionModifiers,
   }
 }
 
@@ -101,7 +101,7 @@ const transformClick = (key: ExpressionNode, event: string) => {
         key,
         `) === "onClick" ? "${event}" : (`,
         key,
-        `)`
+        `)`,
       ])
     : key
 }
@@ -126,7 +126,7 @@ export const transformOn: DirectiveTransform = (dir, node, context) => {
     if (nonKeyModifiers.length) {
       handlerExp = createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [
         handlerExp,
-        JSON.stringify(nonKeyModifiers)
+        JSON.stringify(nonKeyModifiers),
       ])
     }
 
@@ -137,7 +137,7 @@ export const transformOn: DirectiveTransform = (dir, node, context) => {
     ) {
       handlerExp = createCallExpression(context.helper(V_ON_WITH_KEYS), [
         handlerExp,
-        JSON.stringify(keyModifiers)
+        JSON.stringify(keyModifiers),
       ])
     }
 
@@ -149,7 +149,7 @@ export const transformOn: DirectiveTransform = (dir, node, context) => {
     }
 
     return {
-      props: [createObjectProperty(key, handlerExp)]
+      props: [createObjectProperty(key, handlerExp)],
     }
   })
 }
diff --git a/packages/compiler-dom/src/transforms/vShow.ts b/packages/compiler-dom/src/transforms/vShow.ts
index 7fe76d0ba77..b5a9f36c6e0 100644
--- a/packages/compiler-dom/src/transforms/vShow.ts
+++ b/packages/compiler-dom/src/transforms/vShow.ts
@@ -6,12 +6,12 @@ export const transformShow: DirectiveTransform = (dir, node, context) => {
   const { exp, loc } = dir
   if (!exp) {
     context.onError(
-      createDOMCompilerError(DOMErrorCodes.X_V_SHOW_NO_EXPRESSION, loc)
+      createDOMCompilerError(DOMErrorCodes.X_V_SHOW_NO_EXPRESSION, loc),
     )
   }
 
   return {
     props: [],
-    needRuntime: context.helper(V_SHOW)
+    needRuntime: context.helper(V_SHOW),
   }
 }
diff --git a/packages/compiler-dom/src/transforms/vText.ts b/packages/compiler-dom/src/transforms/vText.ts
index 77bf0032b8e..a2a4e85cc67 100644
--- a/packages/compiler-dom/src/transforms/vText.ts
+++ b/packages/compiler-dom/src/transforms/vText.ts
@@ -4,7 +4,7 @@ import {
   createSimpleExpression,
   TO_DISPLAY_STRING,
   createCallExpression,
-  getConstantType
+  getConstantType,
 } from '@vue/compiler-core'
 import { createDOMCompilerError, DOMErrorCodes } from '../errors'
 
@@ -12,12 +12,12 @@ export const transformVText: DirectiveTransform = (dir, node, context) => {
   const { exp, loc } = dir
   if (!exp) {
     context.onError(
-      createDOMCompilerError(DOMErrorCodes.X_V_TEXT_NO_EXPRESSION, loc)
+      createDOMCompilerError(DOMErrorCodes.X_V_TEXT_NO_EXPRESSION, loc),
     )
   }
   if (node.children.length) {
     context.onError(
-      createDOMCompilerError(DOMErrorCodes.X_V_TEXT_WITH_CHILDREN, loc)
+      createDOMCompilerError(DOMErrorCodes.X_V_TEXT_WITH_CHILDREN, loc),
     )
     node.children.length = 0
   }
@@ -31,10 +31,10 @@ export const transformVText: DirectiveTransform = (dir, node, context) => {
             : createCallExpression(
                 context.helperString(TO_DISPLAY_STRING),
                 [exp],
-                loc
+                loc,
               )
-          : createSimpleExpression('', true)
-      )
-    ]
+          : createSimpleExpression('', true),
+      ),
+    ],
   }
 }
diff --git a/packages/compiler-sfc/__tests__/compileScript.spec.ts b/packages/compiler-sfc/__tests__/compileScript.spec.ts
index 75289d21ee2..19f28575970 100644
--- a/packages/compiler-sfc/__tests__/compileScript.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript.spec.ts
@@ -34,7 +34,7 @@ describe('SFC compile <script setup>', () => {
     expect(content).toMatch(
       `return { get aa() { return aa }, set aa(v) { aa = v }, ` +
         `bb, cc, dd, get a() { return a }, set a(v) { a = v }, b, c, d, ` +
-        `get xx() { return xx }, get x() { return x } }`
+        `get xx() { return xx }, get x() { return x } }`,
     )
     expect(bindings).toStrictEqual({
       x: BindingTypes.SETUP_MAYBE_REF,
@@ -46,7 +46,7 @@ describe('SFC compile <script setup>', () => {
       aa: BindingTypes.SETUP_LET,
       bb: BindingTypes.LITERAL_CONST,
       cc: BindingTypes.SETUP_CONST,
-      dd: BindingTypes.SETUP_CONST
+      dd: BindingTypes.SETUP_CONST,
     })
     assertCode(content)
   })
@@ -63,7 +63,7 @@ describe('SFC compile <script setup>', () => {
       bar: BindingTypes.SETUP_MAYBE_REF,
       baz: BindingTypes.SETUP_MAYBE_REF,
       y: BindingTypes.SETUP_MAYBE_REF,
-      z: BindingTypes.SETUP_MAYBE_REF
+      z: BindingTypes.SETUP_MAYBE_REF,
     })
     assertCode(content)
   })
@@ -209,7 +209,7 @@ describe('SFC compile <script setup>', () => {
         compile(`<script setup>
           import { ref } from 'vue'
           import 'foo/css'
-        </script>`).content
+        </script>`).content,
       )
     })
 
@@ -220,7 +220,7 @@ describe('SFC compile <script setup>', () => {
         import a from 'a' // comment
         import b from 'b'
         </script>
-        `).content
+        `).content,
       )
     })
 
@@ -232,7 +232,7 @@ describe('SFC compile <script setup>', () => {
       defineProps(['foo'])
       defineEmits(['bar'])
       const r = ref(0)
-      </script>`).content
+      </script>`).content,
       )
     })
 
@@ -244,7 +244,7 @@ describe('SFC compile <script setup>', () => {
       let foo = $ref(1)
       </script>
       `,
-        { reactivityTransform: true }
+        { reactivityTransform: true },
       )
       assertCode(content)
       expect(content).toMatch(`import { ref } from 'vue'`)
@@ -262,7 +262,7 @@ describe('SFC compile <script setup>', () => {
         `)
       assertCode(content)
       expect(content.indexOf(`import { x }`)).toEqual(
-        content.lastIndexOf(`import { x }`)
+        content.lastIndexOf(`import { x }`),
       )
     })
 
@@ -280,7 +280,7 @@ describe('SFC compile <script setup>', () => {
           ref: BindingTypes.SETUP_MAYBE_REF,
           reactive: BindingTypes.SETUP_MAYBE_REF,
           foo: BindingTypes.SETUP_MAYBE_REF,
-          bar: BindingTypes.SETUP_MAYBE_REF
+          bar: BindingTypes.SETUP_MAYBE_REF,
         })
       })
 
@@ -297,7 +297,7 @@ describe('SFC compile <script setup>', () => {
           _reactive: BindingTypes.SETUP_MAYBE_REF,
           _ref: BindingTypes.SETUP_MAYBE_REF,
           foo: BindingTypes.SETUP_MAYBE_REF,
-          bar: BindingTypes.SETUP_MAYBE_REF
+          bar: BindingTypes.SETUP_MAYBE_REF,
         })
       })
 
@@ -310,7 +310,7 @@ describe('SFC compile <script setup>', () => {
       `)
         expect(bindings).toStrictEqual({
           bar: BindingTypes.SETUP_REACTIVE_CONST,
-          x: BindingTypes.SETUP_CONST
+          x: BindingTypes.SETUP_CONST,
         })
       })
     })
@@ -326,7 +326,7 @@ describe('SFC compile <script setup>', () => {
     `)
       assertCode(content)
       expect(bindings).toStrictEqual({
-        foo: BindingTypes.SETUP_MAYBE_REF
+        foo: BindingTypes.SETUP_MAYBE_REF,
       })
     })
   })
@@ -355,7 +355,7 @@ describe('SFC compile <script setup>', () => {
       // foo: lowercase component
       expect(content).toMatch(
         `return { fooBar, get FooBaz() { return FooBaz }, ` +
-          `get FooQux() { return FooQux }, get foo() { return foo } }`
+          `get FooQux() { return FooQux }, get foo() { return foo } }`,
       )
       assertCode(content)
     })
@@ -387,7 +387,7 @@ describe('SFC compile <script setup>', () => {
         `)
       expect(content).toMatch(
         `return { get FooBar() { return FooBar }, get foo() { return foo }, ` +
-          `get bar() { return bar } }`
+          `get bar() { return bar } }`,
       )
       assertCode(content)
     })
@@ -404,7 +404,7 @@ describe('SFC compile <script setup>', () => {
         </template>
         `)
       expect(content).toMatch(
-        `return { cond, get bar() { return bar }, get baz() { return baz } }`
+        `return { cond, get bar() { return bar }, get baz() { return baz } }`,
       )
       assertCode(content)
     })
@@ -422,7 +422,7 @@ describe('SFC compile <script setup>', () => {
       // y: should not be matched by {{ yy }} or 'y' in binding exps
       // x$y: #4274 should escape special chars when creating Regex
       expect(content).toMatch(
-        `return { get x() { return x }, get z() { return z }, get x$y() { return x$y } }`
+        `return { get x() { return x }, get z() { return z }, get x$y() { return x$y } }`,
       )
       assertCode(content)
     })
@@ -439,7 +439,7 @@ describe('SFC compile <script setup>', () => {
         `)
       // VAR2 should not be matched
       expect(content).toMatch(
-        `return { get VAR() { return VAR }, get VAR3() { return VAR3 } }`
+        `return { get VAR() { return VAR }, get VAR3() { return VAR3 } }`,
       )
       assertCode(content)
     })
@@ -456,7 +456,7 @@ describe('SFC compile <script setup>', () => {
         </template>
         `)
       expect(content).toMatch(
-        `return { get FooBaz() { return FooBaz }, get Last() { return Last } }`
+        `return { get FooBaz() { return FooBaz }, get Last() { return Last } }`,
       )
       assertCode(content)
     })
@@ -505,7 +505,7 @@ describe('SFC compile <script setup>', () => {
         </template>
         `)
       expect(content).toMatch(
-        'return { get foo() { return foo }, get bar() { return bar }, get Baz() { return Baz } }'
+        'return { get foo() { return foo }, get bar() { return bar }, get Baz() { return Baz } }',
       )
       assertCode(content)
     })
@@ -524,7 +524,7 @@ describe('SFC compile <script setup>', () => {
           <div>static</div>
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       // check snapshot and make sure helper imports and
       // hoists are placed correctly.
@@ -542,7 +542,7 @@ describe('SFC compile <script setup>', () => {
         defineExpose({ count })
         </script>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       assertCode(content)
       expect(content).toMatch(`setup(__props, { expose: __expose })`)
@@ -563,7 +563,7 @@ describe('SFC compile <script setup>', () => {
           <some-other-comp/>
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       expect(content).toMatch('[_unref(vMyDir)]')
       expect(content).toMatch('_createVNode(ChildComp)')
@@ -592,7 +592,7 @@ describe('SFC compile <script setup>', () => {
           {{ tree.foo() }}
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       // no need to unref vue component import
       expect(content).toMatch(`createVNode(Foo,`)
@@ -631,7 +631,7 @@ describe('SFC compile <script setup>', () => {
           <input v-model="lett">
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       // known const ref: set value
       expect(content).toMatch(`(count).value = $event`)
@@ -639,7 +639,7 @@ describe('SFC compile <script setup>', () => {
       expect(content).toMatch(`_isRef(maybe) ? (maybe).value = $event : null`)
       // let: handle both cases
       expect(content).toMatch(
-        `_isRef(lett) ? (lett).value = $event : lett = $event`
+        `_isRef(lett) ? (lett).value = $event : lett = $event`,
       )
       assertCode(content)
     })
@@ -659,7 +659,7 @@ describe('SFC compile <script setup>', () => {
           <input v-model="foo">
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       expect(content).not.toMatch(`_isRef(foo)`)
     })
@@ -697,7 +697,7 @@ describe('SFC compile <script setup>', () => {
            }"/>
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       // known const ref: set value
       expect(content).toMatch(`count.value = 1`)
@@ -705,7 +705,7 @@ describe('SFC compile <script setup>', () => {
       expect(content).toMatch(`maybe.value = count.value`)
       // let: handle both cases
       expect(content).toMatch(
-        `_isRef(lett) ? lett.value = count.value : lett = count.value`
+        `_isRef(lett) ? lett.value = count.value : lett = count.value`,
       )
       expect(content).toMatch(`_isRef(v) ? v.value += 1 : v += 1`)
       expect(content).toMatch(`_isRef(v) ? v.value -= 1 : v -= 1`)
@@ -731,7 +731,7 @@ describe('SFC compile <script setup>', () => {
           <div @click="--lett"/>
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       // known const ref: set value
       expect(content).toMatch(`count.value++`)
@@ -760,7 +760,7 @@ describe('SFC compile <script setup>', () => {
           <div @click="({ lett } = val)"/>
         </template>
         `,
-        { inlineTemplate: true }
+        { inlineTemplate: true },
       )
       // known const ref: set value
       expect(content).toMatch(`({ count: count.value } = val)`)
@@ -789,9 +789,9 @@ describe('SFC compile <script setup>', () => {
         {
           inlineTemplate: true,
           templateOptions: {
-            ssr: true
-          }
-        }
+            ssr: true,
+          },
+        },
       )
       expect(content).toMatch(`\n  __ssrInlineRender: true,\n`)
       expect(content).toMatch(`return (_ctx, _push`)
@@ -814,9 +814,9 @@ describe('SFC compile <script setup>', () => {
         </template>
         `,
           {
-            inlineTemplate: false
-          }
-        )
+            inlineTemplate: false,
+          },
+        ),
       ).not.toThrowError()
     })
   })
@@ -835,11 +835,11 @@ describe('SFC compile <script setup>', () => {
       const { content, bindings } = compile(
         `<script setup lang="ts">
         enum Foo { A = 123 }
-        </script>`
+        </script>`,
       )
       assertCode(content)
       expect(bindings).toStrictEqual({
-        Foo: BindingTypes.LITERAL_CONST
+        Foo: BindingTypes.LITERAL_CONST,
       })
     })
 
@@ -852,14 +852,14 @@ describe('SFC compile <script setup>', () => {
         </script>
         <script setup lang="ts">
         enum Foo { A = 123 }
-        </script>`
+        </script>`,
       )
       assertCode(content)
       expect(bindings).toStrictEqual({
         D: BindingTypes.LITERAL_CONST,
         C: BindingTypes.LITERAL_CONST,
         B: BindingTypes.LITERAL_CONST,
-        Foo: BindingTypes.LITERAL_CONST
+        Foo: BindingTypes.LITERAL_CONST,
       })
     })
 
@@ -868,11 +868,11 @@ describe('SFC compile <script setup>', () => {
         `<script setup lang="ts">
         const enum Foo { A = 123 }
         </script>`,
-        { hoistStatic: true }
+        { hoistStatic: true },
       )
       assertCode(content)
       expect(bindings).toStrictEqual({
-        Foo: BindingTypes.LITERAL_CONST
+        Foo: BindingTypes.LITERAL_CONST,
       })
     })
 
@@ -881,7 +881,7 @@ describe('SFC compile <script setup>', () => {
         `<script setup lang="ts">
         import type { Foo } from './main.ts'
         import { type Bar, Baz } from './main.ts'
-        </script>`
+        </script>`,
       )
       expect(content).toMatch(`return { get Baz() { return Baz } }`)
       assertCode(content)
@@ -891,7 +891,7 @@ describe('SFC compile <script setup>', () => {
   describe('async/await detection', () => {
     function assertAwaitDetection(code: string, shouldAsync = true) {
       const { content } = compile(`<script setup>${code}</script>`, {
-        reactivityTransform: true
+        reactivityTransform: true,
       })
       if (shouldAsync) {
         expect(content).toMatch(`let __temp, __restore`)
@@ -999,7 +999,7 @@ describe('SFC compile <script setup>', () => {
       // class method
       assertAwaitDetection(
         `const cls = class Foo { async method() { await bar }}`,
-        false
+        false,
       )
     })
   })
@@ -1007,7 +1007,7 @@ describe('SFC compile <script setup>', () => {
   describe('errors', () => {
     test('<script> and <script setup> must have same lang', () => {
       expect(() =>
-        compile(`<script>foo()</script><script setup lang="ts">bar()</script>`)
+        compile(`<script>foo()</script><script setup lang="ts">bar()</script>`),
       ).toThrow(`<script> and <script setup> must have the same language type`)
     })
 
@@ -1017,20 +1017,20 @@ describe('SFC compile <script setup>', () => {
       expect(() =>
         compile(`<script setup>
         export const a = 1
-        </script>`)
+        </script>`),
       ).toThrow(moduleErrorMsg)
 
       expect(() =>
         compile(`<script setup>
         export * from './foo'
-        </script>`)
+        </script>`),
       ).toThrow(moduleErrorMsg)
 
       expect(() =>
         compile(`<script setup>
           const bar = 1
           export { bar as default }
-        </script>`)
+        </script>`),
       ).toThrow(moduleErrorMsg)
     })
 
@@ -1043,14 +1043,14 @@ describe('SFC compile <script setup>', () => {
             default: () => bar
           }
         })
-        </script>`)
+        </script>`),
       ).toThrow(`cannot reference locally declared variables`)
 
       expect(() =>
         compile(`<script setup>
         let bar = 'hello'
         defineEmits([bar])
-        </script>`)
+        </script>`),
       ).toThrow(`cannot reference locally declared variables`)
 
       // #4644
@@ -1063,7 +1063,7 @@ describe('SFC compile <script setup>', () => {
             default: () => bar
           }
         })
-        </script>`)
+        </script>`),
       ).not.toThrow(`cannot reference locally declared variables`)
     })
 
@@ -1079,7 +1079,7 @@ describe('SFC compile <script setup>', () => {
           defineEmits({
             foo: bar => bar > 1
           })
-        </script>`).content
+        </script>`).content,
       )
     })
 
@@ -1095,7 +1095,7 @@ describe('SFC compile <script setup>', () => {
         defineEmits({
           foo: () => bar > 1
         })
-        </script>`).content
+        </script>`).content,
       )
     })
   })
@@ -1129,7 +1129,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
-      bar: BindingTypes.PROPS
+      bar: BindingTypes.PROPS,
     })
     expect(bindings!.__isScriptSetup).toBe(false)
   })
@@ -1153,7 +1153,7 @@ describe('SFC analyze <script> bindings', () => {
       foo: BindingTypes.PROPS,
       bar: BindingTypes.PROPS,
       baz: BindingTypes.PROPS,
-      qux: BindingTypes.PROPS
+      qux: BindingTypes.PROPS,
     })
     expect(bindings!.__isScriptSetup).toBe(false)
   })
@@ -1174,7 +1174,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.SETUP_MAYBE_REF,
-      bar: BindingTypes.SETUP_MAYBE_REF
+      bar: BindingTypes.SETUP_MAYBE_REF,
     })
     expect(bindings!.__isScriptSetup).toBe(false)
   })
@@ -1189,7 +1189,7 @@ describe('SFC analyze <script> bindings', () => {
       </script>
     `)
     expect(bindings).toStrictEqual({
-      foo: BindingTypes.LITERAL_CONST
+      foo: BindingTypes.LITERAL_CONST,
     })
   })
 
@@ -1209,7 +1209,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.SETUP_MAYBE_REF,
-      bar: BindingTypes.SETUP_MAYBE_REF
+      bar: BindingTypes.SETUP_MAYBE_REF,
     })
     expect(bindings!.__isScriptSetup).toBe(false)
   })
@@ -1230,7 +1230,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.DATA,
-      bar: BindingTypes.DATA
+      bar: BindingTypes.DATA,
     })
   })
 
@@ -1263,7 +1263,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.OPTIONS,
-      bar: BindingTypes.OPTIONS
+      bar: BindingTypes.OPTIONS,
     })
   })
 
@@ -1277,7 +1277,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.OPTIONS,
-      bar: BindingTypes.OPTIONS
+      bar: BindingTypes.OPTIONS,
     })
   })
 
@@ -1294,7 +1294,7 @@ describe('SFC analyze <script> bindings', () => {
     `)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.OPTIONS,
-      bar: BindingTypes.OPTIONS
+      bar: BindingTypes.OPTIONS,
     })
   })
 
@@ -1331,7 +1331,7 @@ describe('SFC analyze <script> bindings', () => {
       baz: BindingTypes.SETUP_MAYBE_REF,
       qux: BindingTypes.DATA,
       quux: BindingTypes.OPTIONS,
-      quuz: BindingTypes.OPTIONS
+      quuz: BindingTypes.OPTIONS,
     })
   })
 
@@ -1358,7 +1358,7 @@ describe('SFC analyze <script> bindings', () => {
       c: BindingTypes.LITERAL_CONST,
       d: BindingTypes.SETUP_MAYBE_REF,
       e: BindingTypes.SETUP_LET,
-      foo: BindingTypes.PROPS
+      foo: BindingTypes.PROPS,
     })
   })
 
@@ -1369,8 +1369,8 @@ describe('SFC analyze <script> bindings', () => {
         <template>{{ a }}</template>`,
         undefined,
         {
-          filename: 'FooBar.vue'
-        }
+          filename: 'FooBar.vue',
+        },
       )
       expect(content).toMatch(`export default {
   __name: 'FooBar'`)
@@ -1388,8 +1388,8 @@ describe('SFC analyze <script> bindings', () => {
         <template>{{ a }}</template>`,
         undefined,
         {
-          filename: 'FooBar.vue'
-        }
+          filename: 'FooBar.vue',
+        },
       )
       expect(content).not.toMatch(`name: 'FooBar'`)
       expect(content).toMatch(`name: 'Baz'`)
@@ -1408,8 +1408,8 @@ describe('SFC analyze <script> bindings', () => {
         <template>{{ a }}</template>`,
         undefined,
         {
-          filename: 'FooBar.vue'
-        }
+          filename: 'FooBar.vue',
+        },
       )
       expect(content).not.toMatch(`name: 'FooBar'`)
       expect(content).toMatch(`name: 'Baz'`)
@@ -1425,8 +1425,8 @@ describe('SFC genDefaultAs', () => {
       export default {}
       </script>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).toMatch(`const _sfc_ = {}`)
@@ -1442,8 +1442,8 @@ describe('SFC genDefaultAs', () => {
       .foo { color: v-bind(x) }
       </style>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).not.toMatch('__default__')
@@ -1460,12 +1460,12 @@ describe('SFC genDefaultAs', () => {
       const a = 1
       </script>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).toMatch(
-      `const _sfc_ = /*#__PURE__*/Object.assign(__default__`
+      `const _sfc_ = /*#__PURE__*/Object.assign(__default__`,
     )
     assertCode(content)
   })
@@ -1479,12 +1479,12 @@ describe('SFC genDefaultAs', () => {
       const a = 1
       </script>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).toMatch(
-      `const _sfc_ = /*#__PURE__*/Object.assign(__default__`
+      `const _sfc_ = /*#__PURE__*/Object.assign(__default__`,
     )
     assertCode(content)
   })
@@ -1495,8 +1495,8 @@ describe('SFC genDefaultAs', () => {
       const a = 1
       </script>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).toMatch(`const _sfc_ = {\n  setup`)
@@ -1509,8 +1509,8 @@ describe('SFC genDefaultAs', () => {
       const a = 1
       </script>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).toMatch(`const _sfc_ = /*#__PURE__*/_defineComponent(`)
@@ -1526,12 +1526,12 @@ describe('SFC genDefaultAs', () => {
       const a = 1
       </script>`,
       {
-        genDefaultAs: '_sfc_'
-      }
+        genDefaultAs: '_sfc_',
+      },
     )
     expect(content).not.toMatch('export default')
     expect(content).toMatch(
-      `const _sfc_ = /*#__PURE__*/_defineComponent({\n  ...__default__`
+      `const _sfc_ = /*#__PURE__*/_defineComponent({\n  ...__default__`,
     )
     assertCode(content)
   })
@@ -1542,12 +1542,12 @@ describe('SFC genDefaultAs', () => {
       import { toRef } from 'vue'
       const props = defineProps<{foo: string}>()
       const foo = toRef(() => props.foo)
-      </script>`
+      </script>`,
     )
     expect(bindings).toStrictEqual({
       toRef: BindingTypes.SETUP_CONST,
       props: BindingTypes.SETUP_REACTIVE_CONST,
-      foo: BindingTypes.SETUP_REF
+      foo: BindingTypes.SETUP_REF,
     })
   })
 })
diff --git a/packages/compiler-sfc/__tests__/compileScript/defineEmits.spec.ts b/packages/compiler-sfc/__tests__/compileScript/defineEmits.spec.ts
index 13b981db3d7..7f2e5a5be63 100644
--- a/packages/compiler-sfc/__tests__/compileScript/defineEmits.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/defineEmits.spec.ts
@@ -10,13 +10,13 @@ const myEmit = defineEmits(['foo', 'bar'])
   `)
     assertCode(content)
     expect(bindings).toStrictEqual({
-      myEmit: BindingTypes.SETUP_CONST
+      myEmit: BindingTypes.SETUP_CONST,
     })
     // should remove defineEmits import and call
     expect(content).not.toMatch('defineEmits')
     // should generate correct setup signature
     expect(content).toMatch(
-      `setup(__props, { expose: __expose, emit: __emit }) {`
+      `setup(__props, { expose: __expose, emit: __emit }) {`,
     )
     expect(content).toMatch('const myEmit = __emit')
     // should include context options in default export
@@ -214,9 +214,9 @@ const emit = defineEmits(['a', 'b'])
           foo: []
           (e: 'hi'): void
         }>()
-        </script>`)
+        </script>`),
       ).toThrow(
-        `defineEmits() type cannot mixed call signature and property syntax.`
+        `defineEmits() type cannot mixed call signature and property syntax.`,
       )
     })
   })
diff --git a/packages/compiler-sfc/__tests__/compileScript/defineModel.spec.ts b/packages/compiler-sfc/__tests__/compileScript/defineModel.spec.ts
index 61a9adcbe0d..75d14b9b8ac 100644
--- a/packages/compiler-sfc/__tests__/compileScript/defineModel.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/defineModel.spec.ts
@@ -10,7 +10,7 @@ describe('defineModel()', () => {
       const c = defineModel('count')
       </script>
       `,
-      { defineModel: true }
+      { defineModel: true },
     )
     assertCode(content)
     expect(content).toMatch('props: {')
@@ -18,7 +18,7 @@ describe('defineModel()', () => {
     expect(content).toMatch('"count": {},')
     expect(content).toMatch('emits: ["update:modelValue", "update:count"],')
     expect(content).toMatch(
-      `const modelValue = _useModel(__props, "modelValue")`
+      `const modelValue = _useModel(__props, "modelValue")`,
     )
     expect(content).toMatch(`const c = _useModel(__props, "count")`)
     expect(content).toMatch(`return { modelValue, c }`)
@@ -27,7 +27,7 @@ describe('defineModel()', () => {
     expect(bindings).toStrictEqual({
       modelValue: BindingTypes.SETUP_REF,
       count: BindingTypes.PROPS,
-      c: BindingTypes.SETUP_REF
+      c: BindingTypes.SETUP_REF,
     })
   })
 
@@ -40,7 +40,7 @@ describe('defineModel()', () => {
       const count = defineModel({ default: 0 })
       </script>
     `,
-      { defineModel: true }
+      { defineModel: true },
     )
     assertCode(content)
     expect(content).toMatch(`props: _mergeModels({ foo: String }`)
@@ -50,7 +50,7 @@ describe('defineModel()', () => {
     expect(bindings).toStrictEqual({
       count: BindingTypes.SETUP_REF,
       foo: BindingTypes.PROPS,
-      modelValue: BindingTypes.PROPS
+      modelValue: BindingTypes.PROPS,
     })
   })
 
@@ -62,7 +62,7 @@ describe('defineModel()', () => {
       const count = defineModel('count')
       </script>
     `,
-      { defineModel: true }
+      { defineModel: true },
     )
     assertCode(content)
     expect(content).toMatch(`props: _mergeModels(['foo', 'bar'], {
@@ -73,7 +73,7 @@ describe('defineModel()', () => {
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
       bar: BindingTypes.PROPS,
-      count: BindingTypes.SETUP_REF
+      count: BindingTypes.SETUP_REF,
     })
   })
 
@@ -90,7 +90,7 @@ describe('defineModel()', () => {
       const local = true
       const hoist = defineModel('hoist', { local })
       </script>`,
-      { defineModel: true }
+      { defineModel: true },
     )
     assertCode(content)
     expect(content).toMatch(`_useModel(__props, "modelValue", { local: true })`)
@@ -111,21 +111,21 @@ describe('defineModel()', () => {
       const any = defineModel<any | boolean>('any')
       </script>
       `,
-      { defineModel: true }
+      { defineModel: true },
     )
     assertCode(content)
     expect(content).toMatch('"modelValue": { type: [Boolean, String] }')
     expect(content).toMatch('"count": { type: Number }')
     expect(content).toMatch(
-      '"disabled": { type: Number, ...{ required: false } }'
+      '"disabled": { type: Number, ...{ required: false } }',
     )
     expect(content).toMatch('"any": { type: Boolean, skipCheck: true }')
     expect(content).toMatch(
-      'emits: ["update:modelValue", "update:count", "update:disabled", "update:any"]'
+      'emits: ["update:modelValue", "update:count", "update:disabled", "update:any"]',
     )
 
     expect(content).toMatch(
-      `const modelValue = _useModel(__props, "modelValue")`
+      `const modelValue = _useModel(__props, "modelValue")`,
     )
     expect(content).toMatch(`const count = _useModel(__props, "count")`)
     expect(content).toMatch(`const disabled = _useModel(__props, "disabled")`)
@@ -135,7 +135,7 @@ describe('defineModel()', () => {
       modelValue: BindingTypes.SETUP_REF,
       count: BindingTypes.SETUP_REF,
       disabled: BindingTypes.SETUP_REF,
-      any: BindingTypes.SETUP_REF
+      any: BindingTypes.SETUP_REF,
     })
   })
 
@@ -150,21 +150,21 @@ describe('defineModel()', () => {
       const optional = defineModel<string>('optional', { required: false })
       </script>
       `,
-      { defineModel: true, isProd: true }
+      { defineModel: true, isProd: true },
     )
     assertCode(content)
     expect(content).toMatch('"modelValue": { type: Boolean }')
     expect(content).toMatch('"fn": {}')
     expect(content).toMatch(
-      '"fnWithDefault": { type: Function, ...{ default: () => null } },'
+      '"fnWithDefault": { type: Function, ...{ default: () => null } },',
     )
     expect(content).toMatch('"str": {}')
     expect(content).toMatch('"optional": { required: false }')
     expect(content).toMatch(
-      'emits: ["update:modelValue", "update:fn", "update:fnWithDefault", "update:str", "update:optional"]'
+      'emits: ["update:modelValue", "update:fn", "update:fnWithDefault", "update:str", "update:optional"]',
     )
     expect(content).toMatch(
-      `const modelValue = _useModel(__props, "modelValue")`
+      `const modelValue = _useModel(__props, "modelValue")`,
     )
     expect(content).toMatch(`const fn = _useModel(__props, "fn")`)
     expect(content).toMatch(`const str = _useModel(__props, "str")`)
@@ -173,7 +173,7 @@ describe('defineModel()', () => {
       fn: BindingTypes.SETUP_REF,
       fnWithDefault: BindingTypes.SETUP_REF,
       str: BindingTypes.SETUP_REF,
-      optional: BindingTypes.SETUP_REF
+      optional: BindingTypes.SETUP_REF,
     })
   })
 })
diff --git a/packages/compiler-sfc/__tests__/compileScript/defineOptions.spec.ts b/packages/compiler-sfc/__tests__/compileScript/defineOptions.spec.ts
index e4f50be38f7..fa034946e6d 100644
--- a/packages/compiler-sfc/__tests__/compileScript/defineOptions.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/defineOptions.spec.ts
@@ -12,7 +12,7 @@ describe('defineOptions()', () => {
     expect(content).not.toMatch('defineOptions')
     // should include context options in default export
     expect(content).toMatch(
-      `export default /*#__PURE__*/Object.assign({ name: 'FooApp' }, `
+      `export default /*#__PURE__*/Object.assign({ name: 'FooApp' }, `,
     )
   })
 
@@ -35,7 +35,7 @@ describe('defineOptions()', () => {
       defineOptions({ name: 'FooApp' })
       defineOptions({ name: 'BarApp' })
       </script>
-      `)
+      `),
     ).toThrowError('[@vue/compiler-sfc] duplicate defineOptions() call')
   })
 
@@ -45,9 +45,9 @@ describe('defineOptions()', () => {
       <script setup>
       defineOptions({ props: { foo: String } })
       </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare props. Use defineProps() instead.'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare props. Use defineProps() instead.',
     )
 
     expect(() =>
@@ -55,9 +55,9 @@ describe('defineOptions()', () => {
       <script setup>
       defineOptions({ emits: ['update'] })
       </script>
-    `)
+    `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare emits. Use defineEmits() instead.'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare emits. Use defineEmits() instead.',
     )
 
     expect(() =>
@@ -65,9 +65,9 @@ describe('defineOptions()', () => {
       <script setup>
       defineOptions({ expose: ['foo'] })
       </script>
-    `)
+    `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare expose. Use defineExpose() instead.'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare expose. Use defineExpose() instead.',
     )
 
     expect(() =>
@@ -75,9 +75,9 @@ describe('defineOptions()', () => {
       <script setup>
       defineOptions({ slots: ['foo'] })
       </script>
-    `)
+    `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare slots. Use defineSlots() instead.'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare slots. Use defineSlots() instead.',
     )
   })
 
@@ -87,9 +87,9 @@ describe('defineOptions()', () => {
       <script setup lang="ts">
       defineOptions<{ name: 'FooApp' }>()
       </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot accept type arguments'
+      '[@vue/compiler-sfc] defineOptions() cannot accept type arguments',
     )
   })
 
@@ -99,9 +99,9 @@ describe('defineOptions()', () => {
       <script setup lang="ts">
       defineOptions({ props: [] } as any)
       </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare props. Use defineProps() instead.'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare props. Use defineProps() instead.',
     )
   })
 
@@ -111,9 +111,9 @@ describe('defineOptions()', () => {
         <script setup>
         defineOptions({ props: ['foo'] })
         </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare props. Use defineProps() instead'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare props. Use defineProps() instead',
     )
 
     expect(() =>
@@ -121,9 +121,9 @@ describe('defineOptions()', () => {
         <script setup>
         defineOptions({ emits: ['update'] })
         </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare emits. Use defineEmits() instead'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare emits. Use defineEmits() instead',
     )
 
     expect(() =>
@@ -131,9 +131,9 @@ describe('defineOptions()', () => {
         <script setup>
         defineOptions({ expose: ['foo'] })
         </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare expose. Use defineExpose() instead'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare expose. Use defineExpose() instead',
     )
 
     expect(() =>
@@ -141,9 +141,9 @@ describe('defineOptions()', () => {
         <script setup lang="ts">
         defineOptions({ slots: Object })
         </script>
-      `)
+      `),
     ).toThrowError(
-      '[@vue/compiler-sfc] defineOptions() cannot be used to declare slots. Use defineSlots() instead'
+      '[@vue/compiler-sfc] defineOptions() cannot be used to declare slots. Use defineSlots() instead',
     )
   })
 })
diff --git a/packages/compiler-sfc/__tests__/compileScript/defineProps.spec.ts b/packages/compiler-sfc/__tests__/compileScript/defineProps.spec.ts
index 43f54b0aa1e..daf8d812d05 100644
--- a/packages/compiler-sfc/__tests__/compileScript/defineProps.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/defineProps.spec.ts
@@ -17,7 +17,7 @@ const bar = 1
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
       bar: BindingTypes.LITERAL_CONST,
-      props: BindingTypes.SETUP_REACTIVE_CONST
+      props: BindingTypes.SETUP_REACTIVE_CONST,
     })
 
     // should remove defineOptions import and call
@@ -144,11 +144,11 @@ const props = defineProps({ foo: String })
     expect(content).toMatch(`method: { type: Function, required: true }`)
     expect(content).toMatch(`symbol: { type: Symbol, required: true }`)
     expect(content).toMatch(
-      `objectOrFn: { type: [Function, Object], required: true },`
+      `objectOrFn: { type: [Function, Object], required: true },`,
     )
     expect(content).toMatch(`extract: { type: Number, required: true }`)
     expect(content).toMatch(
-      `exclude: { type: [Number, Boolean], required: true }`
+      `exclude: { type: [Number, Boolean], required: true }`,
     )
     expect(content).toMatch(`uppercase: { type: String, required: true }`)
     expect(content).toMatch(`params: { type: Array, required: true }`)
@@ -156,10 +156,10 @@ const props = defineProps({ foo: String })
     expect(content).toMatch(`union: { type: [String, Number], required: true }`)
     expect(content).toMatch(`literalUnion: { type: String, required: true }`)
     expect(content).toMatch(
-      `literalUnionNumber: { type: Number, required: true }`
+      `literalUnionNumber: { type: Number, required: true }`,
     )
     expect(content).toMatch(
-      `literalUnionMixed: { type: [String, Number, Boolean], required: true }`
+      `literalUnionMixed: { type: [String, Number, Boolean], required: true }`,
     )
     expect(content).toMatch(`intersection: { type: Object, required: true }`)
     expect(content).toMatch(`intersection2: { type: String, required: true }`)
@@ -169,13 +169,13 @@ const props = defineProps({ foo: String })
     expect(content).toMatch(`unknownUnion: { type: null, required: true }`)
     // intersection containing unknown type: narrow to the known types
     expect(content).toMatch(
-      `unknownIntersection: { type: Object, required: true },`
+      `unknownIntersection: { type: Object, required: true },`,
     )
     expect(content).toMatch(
-      `unknownUnionWithBoolean: { type: Boolean, required: true, skipCheck: true },`
+      `unknownUnionWithBoolean: { type: Boolean, required: true, skipCheck: true },`,
     )
     expect(content).toMatch(
-      `unknownUnionWithFunction: { type: Function, required: true, skipCheck: true }`
+      `unknownUnionWithFunction: { type: Function, required: true, skipCheck: true }`,
     )
     expect(bindings).toStrictEqual({
       string: BindingTypes.PROPS,
@@ -215,7 +215,7 @@ const props = defineProps({ foo: String })
       unknownUnion: BindingTypes.PROPS,
       unknownIntersection: BindingTypes.PROPS,
       unknownUnionWithBoolean: BindingTypes.PROPS,
-      unknownUnionWithFunction: BindingTypes.PROPS
+      unknownUnionWithFunction: BindingTypes.PROPS,
     })
   })
 
@@ -229,7 +229,7 @@ const props = defineProps({ foo: String })
     assertCode(content)
     expect(content).toMatch(`x: { type: Number, required: false }`)
     expect(bindings).toStrictEqual({
-      x: BindingTypes.PROPS
+      x: BindingTypes.PROPS,
     })
   })
 
@@ -254,7 +254,7 @@ const props = defineProps({ foo: String })
     expect(bindings).toStrictEqual({
       x: BindingTypes.PROPS,
       y: BindingTypes.PROPS,
-      z: BindingTypes.PROPS
+      z: BindingTypes.PROPS,
     })
   })
 
@@ -268,7 +268,7 @@ const props = defineProps({ foo: String })
     assertCode(content)
     expect(content).toMatch(`x: { type: Number, required: false }`)
     expect(bindings).toStrictEqual({
-      x: BindingTypes.PROPS
+      x: BindingTypes.PROPS,
     })
   })
 
@@ -284,7 +284,7 @@ const props = defineProps({ foo: String })
     assertCode(content)
     expect(content).toMatch(`x: { type: Number, required: false }`)
     expect(bindings).toStrictEqual({
-      x: BindingTypes.PROPS
+      x: BindingTypes.PROPS,
     })
   })
 
@@ -298,7 +298,7 @@ const props = defineProps({ foo: String })
     assertCode(content)
     expect(content).toMatch(`x: { type: Number, required: false }`)
     expect(bindings).toStrictEqual({
-      x: BindingTypes.PROPS
+      x: BindingTypes.PROPS,
     })
   })
 
@@ -312,7 +312,7 @@ const props = defineProps({ foo: String })
     assertCode(content)
     expect(content).toMatch(`x: { type: Number, required: false }`)
     expect(bindings).toStrictEqual({
-      x: BindingTypes.PROPS
+      x: BindingTypes.PROPS,
     })
   })
 
@@ -325,7 +325,7 @@ const props = defineProps({ foo: String })
     expect(content).toMatch(`props: ['foo']`)
     assertCode(content)
     expect(bindings).toStrictEqual({
-      foo: BindingTypes.PROPS
+      foo: BindingTypes.PROPS,
     })
   })
 
@@ -351,21 +351,21 @@ const props = defineProps({ foo: String })
     `)
     assertCode(content)
     expect(content).toMatch(
-      `foo: { type: String, required: false, default: 'hi' }`
+      `foo: { type: String, required: false, default: 'hi' }`,
     )
     expect(content).toMatch(`bar: { type: Number, required: false }`)
     expect(content).toMatch(`baz: { type: Boolean, required: true }`)
     expect(content).toMatch(
-      `qux: { type: Function, required: false, default() { return 1 } }`
+      `qux: { type: Function, required: false, default() { return 1 } }`,
     )
     expect(content).toMatch(
-      `quux: { type: Function, required: false, default() { } }`
+      `quux: { type: Function, required: false, default() { } }`,
     )
     expect(content).toMatch(
-      `quuxx: { type: Promise, required: false, async default() { return await Promise.resolve('hi') } }`
+      `quuxx: { type: Promise, required: false, async default() { return await Promise.resolve('hi') } }`,
     )
     expect(content).toMatch(
-      `fred: { type: String, required: false, get default() { return 'fred' } }`
+      `fred: { type: String, required: false, get default() { return 'fred' } }`,
     )
     expect(content).toMatch(`const props = __props`)
     expect(bindings).toStrictEqual({
@@ -376,7 +376,7 @@ const props = defineProps({ foo: String })
       quux: BindingTypes.PROPS,
       quuxx: BindingTypes.PROPS,
       fred: BindingTypes.PROPS,
-      props: BindingTypes.SETUP_CONST
+      props: BindingTypes.SETUP_CONST,
     })
   })
 
@@ -412,7 +412,7 @@ const props = defineProps({ foo: String })
     })
     </script>
     `,
-      { isProd: true }
+      { isProd: true },
     )
     assertCode(content)
     expect(content).toMatch(`const props = __props`)
@@ -443,7 +443,7 @@ const props = defineProps({ foo: String })
     foo: { type: String, required: false },
     bar: { type: Number, required: false },
     baz: { type: Boolean, required: true }
-  }, { ...defaults })`.trim()
+  }, { ...defaults })`.trim(),
     )
   })
 
@@ -466,7 +466,7 @@ const props = defineProps({ foo: String })
     foo: { type: String, required: false },
     bar: { type: Number, required: false },
     baz: { type: Boolean, required: true }
-  }, defaults)`.trim()
+  }, defaults)`.trim(),
     )
   })
 
@@ -484,7 +484,7 @@ const props = defineProps({ foo: String })
     }>(), { ...defaults })
     </script>
     `,
-      { isProd: true }
+      { isProd: true },
     )
     assertCode(content)
     expect(content).toMatch(`import { mergeDefaults as _mergeDefaults`)
@@ -495,7 +495,7 @@ const props = defineProps({ foo: String })
     bar: { type: Boolean },
     baz: { type: [Boolean, Function] },
     qux: {}
-  }, { ...defaults })`.trim()
+  }, { ...defaults })`.trim(),
     )
   })
 
@@ -517,7 +517,7 @@ const props = defineProps({ foo: String })
     foo: { type: Function, required: false }
   }, {
       ['fo' + 'o']() { return 'foo' }
-    })`.trim()
+    })`.trim(),
     )
   })
 
@@ -530,8 +530,8 @@ const props = defineProps({ foo: String })
         foo: Foo
       }>()
       </script>`,
-        { hoistStatic: true }
-      ).content
+        { hoistStatic: true },
+      ).content,
     ).toMatch(`foo: { type: Number`)
 
     expect(
@@ -542,8 +542,8 @@ const props = defineProps({ foo: String })
         foo: Foo
       }>()
       </script>`,
-        { hoistStatic: true }
-      ).content
+        { hoistStatic: true },
+      ).content,
     ).toMatch(`foo: { type: String`)
 
     expect(
@@ -554,8 +554,8 @@ const props = defineProps({ foo: String })
         foo: Foo
       }>()
       </script>`,
-        { hoistStatic: true }
-      ).content
+        { hoistStatic: true },
+      ).content,
     ).toMatch(`foo: { type: [String, Number]`)
 
     expect(
@@ -566,8 +566,8 @@ const props = defineProps({ foo: String })
         foo: Foo
       }>()
       </script>`,
-        { hoistStatic: true }
-      ).content
+        { hoistStatic: true },
+      ).content,
     ).toMatch(`foo: { type: Number`)
   })
 
@@ -582,7 +582,7 @@ const props = defineProps({ foo: String })
   `)
     expect(bindings).toStrictEqual({
       bar: BindingTypes.SETUP_REF,
-      computed: BindingTypes.SETUP_CONST
+      computed: BindingTypes.SETUP_CONST,
     })
   })
 
@@ -593,7 +593,7 @@ const props = defineProps({ foo: String })
       const { foo } = defineProps<{
         foo: Foo
       }>()
-      </script>`
+      </script>`,
     )
     expect(content).toMatch(`const { foo } = __props`)
     assertCode(content)
diff --git a/packages/compiler-sfc/__tests__/compileScript/definePropsDestructure.spec.ts b/packages/compiler-sfc/__tests__/compileScript/definePropsDestructure.spec.ts
index a41f3131bef..e50c8734a9b 100644
--- a/packages/compiler-sfc/__tests__/compileScript/definePropsDestructure.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/definePropsDestructure.spec.ts
@@ -7,7 +7,7 @@ describe('sfc reactive props destructure', () => {
     return compileSFCScript(src, {
       inlineTemplate: true,
       propsDestructure: true,
-      ...options
+      ...options,
     })
   }
 
@@ -24,7 +24,7 @@ describe('sfc reactive props destructure', () => {
     expect(content).toMatch(`_toDisplayString(__props.foo)`)
     assertCode(content)
     expect(bindings).toStrictEqual({
-      foo: BindingTypes.PROPS
+      foo: BindingTypes.PROPS,
     })
   })
 
@@ -44,7 +44,7 @@ describe('sfc reactive props destructure', () => {
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
       bar: BindingTypes.LITERAL_CONST,
-      hello: BindingTypes.LITERAL_CONST
+      hello: BindingTypes.LITERAL_CONST,
     })
   })
 
@@ -65,7 +65,7 @@ describe('sfc reactive props destructure', () => {
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
       bar: BindingTypes.PROPS,
-      test: BindingTypes.SETUP_CONST
+      test: BindingTypes.SETUP_CONST,
     })
   })
 
@@ -114,11 +114,11 @@ describe('sfc reactive props destructure', () => {
     `)
     expect(bindings).toStrictEqual({
       __propsAliases: {
-        fooBar: 'foo:bar'
+        fooBar: 'foo:bar',
       },
       foo: BindingTypes.PROPS,
       'foo:bar': BindingTypes.PROPS,
-      fooBar: BindingTypes.PROPS_ALIASED
+      fooBar: BindingTypes.PROPS_ALIASED,
     })
 
     expect(content).toMatch(`
@@ -158,13 +158,13 @@ describe('sfc reactive props destructure', () => {
     `)
     expect(bindings).toStrictEqual({
       __propsAliases: {
-        fooBar: 'foo:bar'
+        fooBar: 'foo:bar',
       },
       foo: BindingTypes.PROPS,
       bar: BindingTypes.PROPS,
       'foo:bar': BindingTypes.PROPS,
       fooBar: BindingTypes.PROPS_ALIASED,
-      'onUpdate:modelValue': BindingTypes.PROPS
+      'onUpdate:modelValue': BindingTypes.PROPS,
     })
     expect(content).toMatch(`
   props: {
@@ -183,7 +183,7 @@ describe('sfc reactive props destructure', () => {
       const { foo = 1, bar = {}, func = () => {} } = defineProps<{ foo?: number, bar?: object, baz?: any, boola?: boolean, boolb?: boolean | number, func?: Function }>()
       </script>
     `,
-      { isProd: true }
+      { isProd: true },
     )
     assertCode(content)
     // literals can be used as-is, non-literals are always returned from a
@@ -219,8 +219,8 @@ describe('sfc reactive props destructure', () => {
       foo: BindingTypes.PROPS,
       bar: BindingTypes.PROPS_ALIASED,
       __propsAliases: {
-        bar: 'foo'
-      }
+        bar: 'foo',
+      },
     })
   })
 
@@ -241,8 +241,8 @@ describe('sfc reactive props destructure', () => {
       'foo.bar': BindingTypes.PROPS,
       fooBar: BindingTypes.PROPS_ALIASED,
       __propsAliases: {
-        fooBar: 'foo.bar'
-      }
+        fooBar: 'foo.bar',
+      },
     })
   })
 
@@ -253,14 +253,14 @@ describe('sfc reactive props destructure', () => {
       </script>
     `)
     expect(content).toMatch(
-      `const rest = _createPropsRestProxy(__props, ["foo","bar"])`
+      `const rest = _createPropsRestProxy(__props, ["foo","bar"])`,
     )
     assertCode(content)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
       bar: BindingTypes.PROPS,
       baz: BindingTypes.PROPS,
-      rest: BindingTypes.SETUP_REACTIVE_CONST
+      rest: BindingTypes.SETUP_REACTIVE_CONST,
     })
   })
 
@@ -278,7 +278,7 @@ describe('sfc reactive props destructure', () => {
     expect(content).toMatch(`_toDisplayString(__props.foo)`)
     assertCode(content)
     expect(bindings).toStrictEqual({
-      foo: BindingTypes.PROPS
+      foo: BindingTypes.PROPS,
     })
   })
 
@@ -338,22 +338,22 @@ describe('sfc reactive props destructure', () => {
     test('should error on deep destructure', () => {
       expect(() =>
         compile(
-          `<script setup>const { foo: [bar] } = defineProps(['foo'])</script>`
-        )
+          `<script setup>const { foo: [bar] } = defineProps(['foo'])</script>`,
+        ),
       ).toThrow(`destructure does not support nested patterns`)
 
       expect(() =>
         compile(
-          `<script setup>const { foo: { bar } } = defineProps(['foo'])</script>`
-        )
+          `<script setup>const { foo: { bar } } = defineProps(['foo'])</script>`,
+        ),
       ).toThrow(`destructure does not support nested patterns`)
     })
 
     test('should error on computed key', () => {
       expect(() =>
         compile(
-          `<script setup>const { [foo]: bar } = defineProps(['foo'])</script>`
-        )
+          `<script setup>const { [foo]: bar } = defineProps(['foo'])</script>`,
+        ),
       ).toThrow(`destructure cannot use computed key`)
     })
 
@@ -362,8 +362,8 @@ describe('sfc reactive props destructure', () => {
         compile(
           `<script setup lang="ts">
           const { foo } = withDefaults(defineProps<{ foo: string }>(), { foo: 'foo' })
-          </script>`
-        )
+          </script>`,
+        ),
       ).toThrow(`withDefaults() is unnecessary when using destructure`)
     })
 
@@ -375,8 +375,8 @@ describe('sfc reactive props destructure', () => {
           const {
             foo = () => x
           } = defineProps(['foo'])
-          </script>`
-        )
+          </script>`,
+        ),
       ).toThrow(`cannot reference locally declared variables`)
     })
 
@@ -386,8 +386,8 @@ describe('sfc reactive props destructure', () => {
           `<script setup>
           const { foo } = defineProps(['foo'])
           foo = 'bar'
-          </script>`
-        )
+          </script>`,
+        ),
       ).toThrow(`Cannot assign to destructured props`)
 
       expect(() =>
@@ -395,8 +395,8 @@ describe('sfc reactive props destructure', () => {
           `<script setup>
           let { foo } = defineProps(['foo'])
           foo = 'bar'
-          </script>`
-        )
+          </script>`,
+        ),
       ).toThrow(`Cannot assign to destructured props`)
     })
 
@@ -407,10 +407,10 @@ describe('sfc reactive props destructure', () => {
         import { watch } from 'vue'
         const { foo } = defineProps(['foo'])
         watch(foo, () => {})
-        </script>`
-        )
+        </script>`,
+        ),
       ).toThrow(
-        `"foo" is a destructured prop and should not be passed directly to watch().`
+        `"foo" is a destructured prop and should not be passed directly to watch().`,
       )
 
       expect(() =>
@@ -419,10 +419,10 @@ describe('sfc reactive props destructure', () => {
         import { watch as w } from 'vue'
         const { foo } = defineProps(['foo'])
         w(foo, () => {})
-        </script>`
-        )
+        </script>`,
+        ),
       ).toThrow(
-        `"foo" is a destructured prop and should not be passed directly to watch().`
+        `"foo" is a destructured prop and should not be passed directly to watch().`,
       )
 
       expect(() =>
@@ -431,10 +431,10 @@ describe('sfc reactive props destructure', () => {
         import { toRef } from 'vue'
         const { foo } = defineProps(['foo'])
         toRef(foo)
-        </script>`
-        )
+        </script>`,
+        ),
       ).toThrow(
-        `"foo" is a destructured prop and should not be passed directly to toRef().`
+        `"foo" is a destructured prop and should not be passed directly to toRef().`,
       )
 
       expect(() =>
@@ -443,10 +443,10 @@ describe('sfc reactive props destructure', () => {
         import { toRef as r } from 'vue'
         const { foo } = defineProps(['foo'])
         r(foo)
-        </script>`
-        )
+        </script>`,
+        ),
       ).toThrow(
-        `"foo" is a destructured prop and should not be passed directly to toRef().`
+        `"foo" is a destructured prop and should not be passed directly to toRef().`,
       )
     })
 
@@ -456,8 +456,8 @@ describe('sfc reactive props destructure', () => {
         compile(
           `<script setup lang="ts">
         const { foo = 'hello' } = defineProps<{ foo?: number }>()
-        </script>`
-        )
+        </script>`,
+        ),
       ).toThrow(`Default value of prop "foo" does not match declared type.`)
     })
 
@@ -471,8 +471,8 @@ describe('sfc reactive props destructure', () => {
         const { error: e, info } = useRequest();
         watch(e, () => {});
         watch(info, () => {});
-        </script>`
-        )
+        </script>`,
+        ),
       ).not.toThrowError()
     })
   })
diff --git a/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts b/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts
index d2c76c9a2cc..f3a1b3cdf05 100644
--- a/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/hoistStatic.spec.ts
@@ -7,7 +7,7 @@ describe('sfc hoist static', () => {
     return compileSFCScript(src, {
       inlineTemplate: true,
       hoistStatic: true,
-      ...options
+      ...options,
     })
   }
 
@@ -34,7 +34,7 @@ describe('sfc hoist static', () => {
       boolean: BindingTypes.LITERAL_CONST,
       nil: BindingTypes.LITERAL_CONST,
       bigint: BindingTypes.LITERAL_CONST,
-      template: BindingTypes.LITERAL_CONST
+      template: BindingTypes.LITERAL_CONST,
     })
     assertCode(content)
   })
@@ -57,7 +57,7 @@ describe('sfc hoist static', () => {
       binary: BindingTypes.LITERAL_CONST,
       conditional: BindingTypes.LITERAL_CONST,
       unary: BindingTypes.LITERAL_CONST,
-      sequence: BindingTypes.LITERAL_CONST
+      sequence: BindingTypes.LITERAL_CONST,
     })
     assertCode(content)
   })
@@ -79,7 +79,7 @@ describe('sfc hoist static', () => {
     expect(content.startsWith(hoistCode)).toBe(true)
     expect(bindings).toStrictEqual({
       foo: BindingTypes.PROPS,
-      defaultValue: BindingTypes.LITERAL_CONST
+      defaultValue: BindingTypes.LITERAL_CONST,
     })
     assertCode(content)
   })
@@ -100,7 +100,7 @@ describe('sfc hoist static', () => {
       KEY1: BindingTypes.SETUP_LET,
       KEY2: BindingTypes.SETUP_LET,
       regex: BindingTypes.SETUP_CONST,
-      undef: BindingTypes.SETUP_MAYBE_REF
+      undef: BindingTypes.SETUP_MAYBE_REF,
     })
     expect(content).toMatch(`setup(__props) {\n\n    ${code}`)
     assertCode(content)
@@ -131,7 +131,7 @@ describe('sfc hoist static', () => {
       KEY4: BindingTypes.SETUP_CONST,
       KEY5: BindingTypes.SETUP_CONST,
       KEY6: BindingTypes.SETUP_CONST,
-      i: BindingTypes.SETUP_LET
+      i: BindingTypes.SETUP_LET,
     })
     expect(content).toMatch(`setup(__props) {\n\n    ${code}`)
     assertCode(content)
@@ -149,7 +149,7 @@ describe('sfc hoist static', () => {
     `)
     expect(bindings).toStrictEqual({
       arr: BindingTypes.SETUP_CONST,
-      obj: BindingTypes.SETUP_CONST
+      obj: BindingTypes.SETUP_CONST,
     })
     expect(content).toMatch(`setup(__props) {\n\n    ${code}`)
     assertCode(content)
@@ -169,7 +169,7 @@ describe('sfc hoist static', () => {
     expect(bindings).toStrictEqual({
       Foo: BindingTypes.SETUP_CONST,
       fn: BindingTypes.SETUP_CONST,
-      fn2: BindingTypes.SETUP_CONST
+      fn2: BindingTypes.SETUP_CONST,
     })
     expect(content).toMatch(`setup(__props) {\n\n    ${code}`)
     assertCode(content)
@@ -185,7 +185,7 @@ describe('sfc hoist static', () => {
     </script>
     `)
     expect(bindings).toStrictEqual({
-      foo: BindingTypes.SETUP_CONST
+      foo: BindingTypes.SETUP_CONST,
     })
     assertCode(content)
   })
@@ -197,10 +197,10 @@ describe('sfc hoist static', () => {
     const foo = 'bar'
     </script>
     `,
-      { hoistStatic: false }
+      { hoistStatic: false },
     )
     expect(bindings).toStrictEqual({
-      foo: BindingTypes.SETUP_CONST
+      foo: BindingTypes.SETUP_CONST,
     })
     assertCode(content)
   })
@@ -212,7 +212,7 @@ describe('sfc hoist static', () => {
     const foo = 'bar'
     </script>
     <template>{{ foo }}</template>
-    `
+    `,
     )
     expect(content).toMatch('_toDisplayString(foo)')
   })
diff --git a/packages/compiler-sfc/__tests__/compileScript/reactivityTransform.spec.ts b/packages/compiler-sfc/__tests__/compileScript/reactivityTransform.spec.ts
index 44d51c14e75..7f24b4a877e 100644
--- a/packages/compiler-sfc/__tests__/compileScript/reactivityTransform.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/reactivityTransform.spec.ts
@@ -35,7 +35,7 @@ describe('sfc ref transform', () => {
     expect(content).toMatch(`let d`)
     expect(content).toMatch(
       `return { foo, a, b, get c() { return c }, set c(v) { c = v }, ` +
-        `get d() { return d }, set d(v) { d = v }, ref, shallowRef }`
+        `get d() { return d }, set d(v) { d = v }, ref, shallowRef }`,
     )
     assertCode(content)
     expect(bindings).toStrictEqual({
@@ -45,7 +45,7 @@ describe('sfc ref transform', () => {
       c: BindingTypes.SETUP_LET,
       d: BindingTypes.SETUP_LET,
       ref: BindingTypes.SETUP_CONST,
-      shallowRef: BindingTypes.SETUP_CONST
+      shallowRef: BindingTypes.SETUP_CONST,
     })
   })
 
@@ -60,7 +60,7 @@ describe('sfc ref transform', () => {
     let d
     </script>`)
     expect(content).toMatch(
-      `import { ref as _ref, shallowRef as _shallowRef } from 'vue'`
+      `import { ref as _ref, shallowRef as _shallowRef } from 'vue'`,
     )
     expect(content).not.toMatch(`$ref()`)
     expect(content).not.toMatch(`$ref(1)`)
@@ -81,7 +81,7 @@ describe('sfc ref transform', () => {
       a: BindingTypes.SETUP_REF,
       b: BindingTypes.SETUP_REF,
       c: BindingTypes.SETUP_LET,
-      d: BindingTypes.SETUP_LET
+      d: BindingTypes.SETUP_LET,
     })
   })
 
@@ -146,7 +146,7 @@ describe('sfc ref transform', () => {
       a: BindingTypes.SETUP_REF,
       b: BindingTypes.SETUP_REF,
       c: BindingTypes.SETUP_REF,
-      change: BindingTypes.SETUP_CONST
+      change: BindingTypes.SETUP_CONST,
     })
   })
 
@@ -173,8 +173,8 @@ describe('sfc ref transform', () => {
           bar
         })
       </script>`,
-          { reactivityTransform: true }
-        )
+          { reactivityTransform: true },
+        ),
       ).toThrow(`cannot reference locally declared variables`)
 
       expect(() =>
@@ -185,8 +185,8 @@ describe('sfc ref transform', () => {
           bar
         })
       </script>`,
-          { reactivityTransform: true }
-        )
+          { reactivityTransform: true },
+        ),
       ).toThrow(`cannot reference locally declared variables`)
     })
   })
diff --git a/packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts b/packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts
index 607654a952b..257379fd39f 100644
--- a/packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts
@@ -6,7 +6,7 @@ import {
   invalidateTypeCache,
   recordImports,
   resolveTypeElements,
-  registerTS
+  registerTS,
 } from '../../src/script/resolveType'
 
 import ts from 'typescript'
@@ -24,7 +24,7 @@ describe('resolveType', () => {
     expect(props).toStrictEqual({
       foo: ['Number'],
       bar: ['Function'],
-      baz: ['String']
+      baz: ['String'],
     })
     expect(calls?.length).toBe(2)
   })
@@ -34,9 +34,9 @@ describe('resolveType', () => {
       resolve(`
     type Aliased = { foo: number }
     defineProps<Aliased>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -45,9 +45,9 @@ describe('resolveType', () => {
       resolve(`
     export type Aliased = { foo: number }
     defineProps<Aliased>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -56,9 +56,9 @@ describe('resolveType', () => {
       resolve(`
     interface Aliased { foo: number }
     defineProps<Aliased>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -67,9 +67,9 @@ describe('resolveType', () => {
       resolve(`
     export interface Aliased { foo: number }
     defineProps<Aliased>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -81,12 +81,12 @@ describe('resolveType', () => {
     interface C { c: string }
     interface Aliased extends B, C { foo: number }
     defineProps<Aliased>()
-    `).props
+    `).props,
     ).toStrictEqual({
       a: ['Function'],
       b: ['Boolean'],
       c: ['String'],
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -95,9 +95,9 @@ describe('resolveType', () => {
       resolve(`
     class Foo {}
     defineProps<{ foo: Foo }>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Object']
+      foo: ['Object'],
     })
   })
 
@@ -105,7 +105,7 @@ describe('resolveType', () => {
     expect(
       resolve(`
     defineProps<(e: 'foo') => void>()
-    `).calls?.length
+    `).calls?.length,
     ).toBe(1)
   })
 
@@ -114,7 +114,7 @@ describe('resolveType', () => {
       resolve(`
     type Fn = (e: 'foo') => void
     defineProps<Fn>()
-    `).calls?.length
+    `).calls?.length,
     ).toBe(1)
   })
 
@@ -125,13 +125,13 @@ describe('resolveType', () => {
     type Bar = { bar: string }
     type Baz = { bar: string | boolean }
     defineProps<{ self: any } & Foo & Bar & Baz>()
-    `).props
+    `).props,
     ).toStrictEqual({
       self: ['Unknown'],
       foo: ['Number'],
       // both Bar & Baz has 'bar', but Baz['bar] is wider so it should be
       // preferred
-      bar: ['String', 'Boolean']
+      bar: ['String', 'Boolean'],
     })
   })
 
@@ -155,12 +155,12 @@ describe('resolveType', () => {
         }
 
     defineProps<CommonProps & ConditionalProps>()
-    `).props
+    `).props,
     ).toStrictEqual({
       size: ['String'],
       color: ['String', 'Number'],
       appearance: ['String'],
-      note: ['String']
+      note: ['String'],
     })
   })
 
@@ -172,12 +172,12 @@ describe('resolveType', () => {
     defineProps<{
       [\`_\${T}_\${S}_\`]: string
     }>()
-    `).props
+    `).props,
     ).toStrictEqual({
       _foo_x_: ['String'],
       _foo_y_: ['String'],
       _bar_x_: ['String'],
-      _bar_y_: ['String']
+      _bar_y_: ['String'],
     })
   })
 
@@ -194,7 +194,7 @@ describe('resolveType', () => {
     } & {
       [K in \`x\${T}\`]: string
     }>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['String', 'Number'],
       bar: ['String', 'Number'],
@@ -203,7 +203,7 @@ describe('resolveType', () => {
       FOO: ['String'],
       xfoo: ['String'],
       xbar: ['String'],
-      optional: ['Boolean']
+      optional: ['Boolean'],
     })
   })
 
@@ -212,14 +212,14 @@ describe('resolveType', () => {
       resolve(`
     type T = { foo: number, bar: string }
     defineProps<Partial<T>>()
-    `).raw.props
+    `).raw.props,
     ).toMatchObject({
       foo: {
-        optional: true
+        optional: true,
       },
       bar: {
-        optional: true
-      }
+        optional: true,
+      },
     })
   })
 
@@ -228,14 +228,14 @@ describe('resolveType', () => {
       resolve(`
     type T = { foo?: number, bar?: string }
     defineProps<Required<T>>()
-    `).raw.props
+    `).raw.props,
     ).toMatchObject({
       foo: {
-        optional: false
+        optional: false,
       },
       bar: {
-        optional: false
-      }
+        optional: false,
+      },
     })
   })
 
@@ -245,10 +245,10 @@ describe('resolveType', () => {
     type T = { foo: number, bar: string, baz: boolean }
     type K = 'foo' | 'bar'
     defineProps<Pick<T, K>>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['Number'],
-      bar: ['String']
+      bar: ['String'],
     })
   })
 
@@ -258,9 +258,9 @@ describe('resolveType', () => {
     type T = { foo: number, bar: string, baz: boolean }
     type K = 'foo' | 'bar'
     defineProps<Omit<T, K>>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      baz: ['Boolean']
+      baz: ['Boolean'],
     })
   })
 
@@ -270,9 +270,9 @@ describe('resolveType', () => {
     type T = { bar: number }
     type S = { nested: { foo: T['bar'] }}
     defineProps<S['nested']>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -283,10 +283,10 @@ describe('resolveType', () => {
     type T = { foo: string, bar: number }
     type S = { foo: { foo: T[string] }, bar: { bar: string } }
     defineProps<S[K]>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['String', 'Number'],
-      bar: ['String']
+      bar: ['String'],
     })
   })
 
@@ -298,12 +298,12 @@ describe('resolveType', () => {
     type T = [1, 'foo']
     type TT = [foo: 1, bar: 'foo']
     defineProps<{ foo: A[number], bar: AA[number], tuple: T[number], namedTuple: TT[number] }>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['String', 'Number'],
       bar: ['String'],
       tuple: ['Number', 'String'],
-      namedTuple: ['Number', 'String']
+      namedTuple: ['Number', 'String'],
     })
   })
 
@@ -320,9 +320,9 @@ describe('resolveType', () => {
         }
       }
       defineProps<Foo.Bar.A>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number']
+      foo: ['Number'],
     })
   })
 
@@ -339,10 +339,10 @@ describe('resolveType', () => {
         foo: Foo['a'],
         bar: Foo['b']
       }>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['String'],
-      bar: ['Number']
+      bar: ['Number'],
     })
   })
 
@@ -359,10 +359,10 @@ describe('resolveType', () => {
         foo: Foo.A,
         bar: Foo.B
       }>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['String'],
-      bar: ['Number']
+      bar: ['Number'],
     })
   })
 
@@ -379,10 +379,10 @@ describe('resolveType', () => {
         foo: Foo.A,
         bar: Foo['b']
       }>()
-    `).props
+    `).props,
     ).toStrictEqual({
       foo: ['String'],
-      bar: ['Number']
+      bar: ['Number'],
     })
   })
 
@@ -398,9 +398,9 @@ describe('resolveType', () => {
       defineProps<{
         foo: Foo
       }>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['Number', 'String']
+      foo: ['Number', 'String'],
     })
   })
 
@@ -409,9 +409,9 @@ describe('resolveType', () => {
       resolve(`
       declare const a: string
       defineProps<{ foo: typeof a }>()
-    `).props
+    `).props,
     ).toStrictEqual({
-      foo: ['String']
+      foo: ['String'],
     })
   })
 
@@ -428,11 +428,11 @@ describe('resolveType', () => {
       }
       type Props = ExtractPropTypes<typeof props>
       defineProps<Props>()
-    `
+    `,
     )
     expect(props).toStrictEqual({
       foo: ['String'],
-      bar: ['Boolean']
+      bar: ['Boolean'],
     })
     expect(raw.props.bar.optional).toBe(false)
   })
@@ -446,11 +446,11 @@ describe('resolveType', () => {
       }
       type Props = Partial<import('vue').ExtractPropTypes<ReturnType<typeof props>>>
       defineProps<Props>()
-    `
+    `,
     )
     expect(props).toStrictEqual({
       foo: ['String'],
-      bar: ['Boolean']
+      bar: ['Boolean'],
     })
   })
 
@@ -461,7 +461,7 @@ describe('resolveType', () => {
         '/bar.d.ts':
           'type X = { bar: string }; export { X as Y };' +
           // verify that we can parse syntax that is only valid in d.ts
-          'export const baz: boolean'
+          'export const baz: boolean',
       }
       const { props, deps } = resolve(
         `
@@ -469,11 +469,11 @@ describe('resolveType', () => {
         import { Y as PP } from './bar'
         defineProps<P & PP>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['Number'],
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -481,17 +481,17 @@ describe('resolveType', () => {
     // #8244
     test('utility type in external file', () => {
       const files = {
-        '/foo.ts': 'type A = { n?: number }; export type B = Required<A>'
+        '/foo.ts': 'type A = { n?: number }; export type B = Required<A>',
       }
       const { props } = resolve(
         `
         import { B } from './foo'
         defineProps<B>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
-        n: ['Number']
+        n: ['Number'],
       })
     })
 
@@ -500,7 +500,7 @@ describe('resolveType', () => {
         '/foo.vue':
           '<script lang="ts">export type P = { foo: number }</script>',
         '/bar.vue':
-          '<script setup lang="tsx">export type P = { bar: string }</script>'
+          '<script setup lang="tsx">export type P = { bar: string }</script>',
       }
       const { props, deps } = resolve(
         `
@@ -508,11 +508,11 @@ describe('resolveType', () => {
         import { P as PP } from './bar.vue'
         defineProps<P & PP>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['Number'],
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -522,18 +522,18 @@ describe('resolveType', () => {
         '/foo.ts': `import type { P as PP } from './nested/bar.vue'
           export type P = { foo: number } & PP`,
         '/nested/bar.vue':
-          '<script setup lang="ts">export type P = { bar: string }</script>'
+          '<script setup lang="ts">export type P = { bar: string }</script>',
       }
       const { props, deps } = resolve(
         `
         import { P } from './foo'
         defineProps<P>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['Number'],
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -541,17 +541,17 @@ describe('resolveType', () => {
     test('relative (chained, re-export)', () => {
       const files = {
         '/foo.ts': `export { P as PP } from './bar'`,
-        '/bar.ts': 'export type P = { bar: string }'
+        '/bar.ts': 'export type P = { bar: string }',
       }
       const { props, deps } = resolve(
         `
         import { PP as P } from './foo'
         defineProps<P>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -559,17 +559,17 @@ describe('resolveType', () => {
     test('relative (chained, export *)', () => {
       const files = {
         '/foo.ts': `export * from './bar'`,
-        '/bar.ts': 'export type P = { bar: string }'
+        '/bar.ts': 'export type P = { bar: string }',
       }
       const { props, deps } = resolve(
         `
         import { P } from './foo'
         defineProps<P>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -577,7 +577,7 @@ describe('resolveType', () => {
     test('relative (default export)', () => {
       const files = {
         '/foo.ts': `export default interface P { foo: string }`,
-        '/bar.ts': `type X = { bar: string }; export default X`
+        '/bar.ts': `type X = { bar: string }; export default X`,
       }
       const { props, deps } = resolve(
         `
@@ -585,11 +585,11 @@ describe('resolveType', () => {
         import X from './bar'
         defineProps<P & X>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['String'],
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -598,7 +598,7 @@ describe('resolveType', () => {
       const files = {
         '/bar.ts': `export { default } from './foo'`,
         '/foo.ts': `export default interface P { foo: string }; export interface PP { bar: number }`,
-        '/baz.ts': `export { PP as default } from './foo'`
+        '/baz.ts': `export { PP as default } from './foo'`,
       }
       const { props, deps } = resolve(
         `
@@ -606,11 +606,11 @@ describe('resolveType', () => {
         import PP from './baz'
         defineProps<P & PP>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['String'],
-        bar: ['Number']
+        bar: ['Number'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -619,17 +619,17 @@ describe('resolveType', () => {
       const files = {
         '/foo.ts': `export default interface P { foo: string }`,
         '/bar.ts': `export default interface PP { bar: number }`,
-        '/baz.ts': `export { default as X } from './foo'; export { default as XX } from './bar'; `
+        '/baz.ts': `export { default as X } from './foo'; export { default as XX } from './bar'; `,
       }
       const { props, deps } = resolve(
         `import { X, XX } from './baz'
         defineProps<X & XX>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['String'],
-        bar: ['Number']
+        bar: ['Number'],
       })
       expect(deps && [...deps]).toStrictEqual(['/baz.ts', '/foo.ts', '/bar.ts'])
     })
@@ -637,17 +637,17 @@ describe('resolveType', () => {
     test('relative (dynamic import)', () => {
       const files = {
         '/foo.ts': `export type P = { foo: string, bar: import('./bar').N }`,
-        '/bar.ts': 'export type N = number'
+        '/bar.ts': 'export type N = number',
       }
       const { props, deps } = resolve(
         `
         defineProps<import('./foo').P>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
         foo: ['String'],
-        bar: ['Number']
+        bar: ['Number'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -657,17 +657,17 @@ describe('resolveType', () => {
       const files = {
         '/foo.d.ts':
           'import { PP } from "./bar.js"; export type P = { foo: PP }',
-        '/bar.d.ts': 'export type PP = "foo" | "bar"'
+        '/bar.d.ts': 'export type PP = "foo" | "bar"',
       }
       const { props, deps } = resolve(
         `
         import { P } from './foo'
         defineProps<P>()
       `,
-        files
+        files,
       )
       expect(props).toStrictEqual({
-        foo: ['String']
+        foo: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -675,17 +675,17 @@ describe('resolveType', () => {
     test('ts module resolve', () => {
       const files = {
         '/node_modules/foo/package.json': JSON.stringify({
-          types: 'index.d.ts'
+          types: 'index.d.ts',
         }),
         '/node_modules/foo/index.d.ts': 'export type P = { foo: number }',
         '/tsconfig.json': JSON.stringify({
           compilerOptions: {
             paths: {
-              bar: ['./pp.ts']
-            }
-          }
+              bar: ['./pp.ts'],
+            },
+          },
         }),
-        '/pp.ts': 'export type PP = { bar: string }'
+        '/pp.ts': 'export type PP = { bar: string }',
       }
 
       const { props, deps } = resolve(
@@ -694,16 +694,16 @@ describe('resolveType', () => {
         import { PP } from 'bar'
         defineProps<P & PP>()
         `,
-        files
+        files,
       )
 
       expect(props).toStrictEqual({
         foo: ['Number'],
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual([
         '/node_modules/foo/index.d.ts',
-        '/pp.ts'
+        '/pp.ts',
       ])
     })
 
@@ -712,23 +712,23 @@ describe('resolveType', () => {
         '/tsconfig.json': JSON.stringify({
           references: [
             {
-              path: './tsconfig.app.json'
-            }
-          ]
+              path: './tsconfig.app.json',
+            },
+          ],
         }),
         '/tsconfig.app.json': JSON.stringify({
           include: ['**/*.ts', '**/*.vue'],
-          extends: './tsconfig.web.json'
+          extends: './tsconfig.web.json',
         }),
         '/tsconfig.web.json': JSON.stringify({
           compilerOptions: {
             composite: true,
             paths: {
-              bar: ['./user.ts']
-            }
-          }
+              bar: ['./user.ts'],
+            },
+          },
         }),
-        '/user.ts': 'export type User = { bar: string }'
+        '/user.ts': 'export type User = { bar: string }',
       }
 
       const { props, deps } = resolve(
@@ -736,11 +736,11 @@ describe('resolveType', () => {
         import { User } from 'bar'
         defineProps<User>()
         `,
-        files
+        files,
       )
 
       expect(props).toStrictEqual({
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(['/user.ts'])
     })
@@ -751,12 +751,12 @@ describe('resolveType', () => {
           compilerOptions: {
             include: ['**/*.ts', '**/*.vue'],
             paths: {
-              '@/*': ['./src/*']
-            }
-          }
+              '@/*': ['./src/*'],
+            },
+          },
         }),
         '/src/Foo.vue':
-          '<script lang="ts">export type P = { bar: string }</script>'
+          '<script lang="ts">export type P = { bar: string }</script>',
       }
 
       const { props, deps } = resolve(
@@ -764,11 +764,11 @@ describe('resolveType', () => {
         import { P } from '@/Foo.vue'
         defineProps<P>()
         `,
-        files
+        files,
       )
 
       expect(props).toStrictEqual({
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(['/src/Foo.vue'])
     })
@@ -785,16 +785,16 @@ describe('resolveType', () => {
             type PP = { bar: string }
           }
           export {}
-        `
+        `,
       }
 
       const { props, deps } = resolve(`defineProps<App.User & PP>()`, files, {
-        globalTypeFiles: Object.keys(files)
+        globalTypeFiles: Object.keys(files),
       })
 
       expect(props).toStrictEqual({
         name: ['String'],
-        bar: ['String']
+        bar: ['String'],
       })
       expect(deps && [...deps]).toStrictEqual(Object.keys(files))
     })
@@ -814,16 +814,16 @@ describe('resolveType', () => {
               id: string
             }
           }
-        `
+        `,
       }
 
       const { props } = resolve(`defineProps<App.Data.AircraftData>()`, files, {
-        globalTypeFiles: Object.keys(files)
+        globalTypeFiles: Object.keys(files),
       })
 
       expect(props).toStrictEqual({
         id: ['String'],
-        manufacturer: ['Object']
+        manufacturer: ['Object'],
       })
     })
   })
@@ -831,25 +831,25 @@ describe('resolveType', () => {
   describe('errors', () => {
     test('failed type reference', () => {
       expect(() => resolve(`defineProps<X>()`)).toThrow(
-        `Unresolvable type reference`
+        `Unresolvable type reference`,
       )
     })
 
     test('unsupported computed keys', () => {
       expect(() => resolve(`defineProps<{ [Foo]: string }>()`)).toThrow(
-        `Unsupported computed key in type referenced by a macro`
+        `Unsupported computed key in type referenced by a macro`,
       )
     })
 
     test('unsupported index type', () => {
       expect(() => resolve(`defineProps<X[K]>()`)).toThrow(
-        `Unsupported type when resolving index type`
+        `Unsupported type when resolving index type`,
       )
     })
 
     test('failed import source resolve', () => {
       expect(() =>
-        resolve(`import { X } from './foo'; defineProps<X>()`)
+        resolve(`import { X } from './foo'; defineProps<X>()`),
       ).toThrow(`Failed to resolve import source "./foo"`)
     })
 
@@ -860,7 +860,7 @@ describe('resolveType', () => {
         resolve(`
         import type P from 'unknown'
         defineProps<{ foo: P }>()
-      `)
+      `),
       ).not.toThrow()
     })
 
@@ -870,7 +870,7 @@ describe('resolveType', () => {
         import type Base from 'unknown'
         interface Props extends Base {}
         defineProps<Props>()
-      `)
+      `),
       ).toThrow(`@vue-ignore`)
     })
 
@@ -885,11 +885,11 @@ describe('resolveType', () => {
           foo: string
         }
         defineProps<Props>()
-      `))
+      `)),
       ).not.toThrow(`@vue-ignore`)
 
       expect(res.props).toStrictEqual({
-        foo: ['String']
+        foo: ['String'],
       })
     })
   })
@@ -898,10 +898,10 @@ describe('resolveType', () => {
 function resolve(
   code: string,
   files: Record<string, string> = {},
-  options?: Partial<SFCScriptCompileOptions>
+  options?: Partial<SFCScriptCompileOptions>,
 ) {
   const { descriptor } = parse(`<script setup lang="ts">\n${code}\n</script>`, {
-    filename: '/Test.vue'
+    filename: '/Test.vue',
   })
   const ctx = new ScriptCompileContext(descriptor, {
     id: 'test',
@@ -911,9 +911,9 @@ function resolve(
       },
       readFile(file) {
         return files[file]
-      }
+      },
     },
-    ...options
+    ...options,
   })
 
   for (const file in files) {
@@ -943,6 +943,6 @@ function resolve(
     props,
     calls: raw.calls,
     deps: ctx.deps,
-    raw
+    raw,
   }
 }
diff --git a/packages/compiler-sfc/__tests__/compileStyle.spec.ts b/packages/compiler-sfc/__tests__/compileStyle.spec.ts
index b33dabfd2ce..7e1d2b3bc29 100644
--- a/packages/compiler-sfc/__tests__/compileStyle.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileStyle.spec.ts
@@ -1,20 +1,20 @@
 import {
   compileStyle,
   compileStyleAsync,
-  SFCStyleCompileOptions
+  SFCStyleCompileOptions,
 } from '../src/compileStyle'
 import path from 'path'
 
 export function compileScoped(
   source: string,
-  options?: Partial<SFCStyleCompileOptions>
+  options?: Partial<SFCStyleCompileOptions>,
 ): string {
   const res = compileStyle({
     source,
     filename: 'test.css',
     id: 'data-v-test',
     scoped: true,
-    ...options
+    ...options,
   })
   if (res.errors.length) {
     res.errors.forEach(err => {
@@ -28,34 +28,34 @@ export function compileScoped(
 describe('SFC scoped CSS', () => {
   test('simple selectors', () => {
     expect(compileScoped(`h1 { color: red; }`)).toMatch(
-      `h1[data-v-test] { color: red;`
+      `h1[data-v-test] { color: red;`,
     )
     expect(compileScoped(`.foo { color: red; }`)).toMatch(
-      `.foo[data-v-test] { color: red;`
+      `.foo[data-v-test] { color: red;`,
     )
   })
 
   test('descendent selector', () => {
     expect(compileScoped(`h1 .foo { color: red; }`)).toMatch(
-      `h1 .foo[data-v-test] { color: red;`
+      `h1 .foo[data-v-test] { color: red;`,
     )
   })
 
   test('multiple selectors', () => {
     expect(compileScoped(`h1 .foo, .bar, .baz { color: red; }`)).toMatch(
-      `h1 .foo[data-v-test], .bar[data-v-test], .baz[data-v-test] { color: red;`
+      `h1 .foo[data-v-test], .bar[data-v-test], .baz[data-v-test] { color: red;`,
     )
   })
 
   test('pseudo class', () => {
     expect(compileScoped(`.foo:after { color: red; }`)).toMatch(
-      `.foo[data-v-test]:after { color: red;`
+      `.foo[data-v-test]:after { color: red;`,
     )
   })
 
   test('pseudo element', () => {
     expect(compileScoped(`::selection { display: none; }`)).toMatch(
-      '[data-v-test]::selection {'
+      '[data-v-test]::selection {',
     )
   })
 
@@ -190,30 +190,30 @@ describe('SFC scoped CSS', () => {
   to { opacity: 1; }
 }
     `,
-      { id: 'data-v-test' }
+      { id: 'data-v-test' },
     )
 
     expect(style).toContain(
-      `.anim[data-v-test] {\n  animation: color-test 5s infinite, other 5s;`
+      `.anim[data-v-test] {\n  animation: color-test 5s infinite, other 5s;`,
     )
     expect(style).toContain(
-      `.anim-2[data-v-test] {\n  animation-name: color-test`
+      `.anim-2[data-v-test] {\n  animation-name: color-test`,
     )
     expect(style).toContain(
-      `.anim-3[data-v-test] {\n  animation: 5s color-test infinite, 5s other;`
+      `.anim-3[data-v-test] {\n  animation: 5s color-test infinite, 5s other;`,
     )
     expect(style).toContain(`@keyframes color-test {`)
     expect(style).toContain(`@-webkit-keyframes color-test {`)
 
     expect(style).toContain(
-      `.anim-multiple[data-v-test] {\n  animation: color-test 5s infinite,opacity-test 2s;`
+      `.anim-multiple[data-v-test] {\n  animation: color-test 5s infinite,opacity-test 2s;`,
     )
     expect(style).toContain(
-      `.anim-multiple-2[data-v-test] {\n  animation-name: color-test,opacity-test;`
+      `.anim-multiple-2[data-v-test] {\n  animation-name: color-test,opacity-test;`,
     )
     expect(style).toContain(`@keyframes opacity-test {\nfrom { opacity: 0;`)
     expect(style).toContain(
-      `@-webkit-keyframes opacity-test {\nfrom { opacity: 0;`
+      `@-webkit-keyframes opacity-test {\nfrom { opacity: 0;`,
     )
   })
 
@@ -238,7 +238,7 @@ describe('SFC scoped CSS', () => {
         }"
       `)
       expect(
-        `::v-deep usage as a combinator has been deprecated.`
+        `::v-deep usage as a combinator has been deprecated.`,
       ).toHaveBeenWarned()
     })
 
@@ -249,7 +249,7 @@ describe('SFC scoped CSS', () => {
         }"
       `)
       expect(
-        `the >>> and /deep/ combinators have been deprecated.`
+        `the >>> and /deep/ combinators have been deprecated.`,
       ).toHaveBeenWarned()
     })
 
@@ -260,7 +260,7 @@ describe('SFC scoped CSS', () => {
         }"
       `)
       expect(
-        `the >>> and /deep/ combinators have been deprecated.`
+        `the >>> and /deep/ combinators have been deprecated.`,
       ).toHaveBeenWarned()
     })
   })
@@ -272,7 +272,7 @@ describe('SFC CSS modules', () => {
       source: `.red { color: red }\n.green { color: green }\n:global(.blue) { color: blue }`,
       filename: `test.css`,
       id: 'test',
-      modules: true
+      modules: true,
     })
     expect(result.modules).toBeDefined()
     expect(result.modules!.red).toMatch('_red_')
@@ -289,8 +289,8 @@ describe('SFC CSS modules', () => {
       modulesOptions: {
         scopeBehaviour: 'global',
         generateScopedName: `[name]__[local]__[hash:base64:5]`,
-        localsConvention: 'camelCaseOnly'
-      }
+        localsConvention: 'camelCaseOnly',
+      },
     })
     expect(result.modules).toBeDefined()
     expect(result.modules!.fooBar).toMatch('__foo-bar__')
@@ -306,11 +306,11 @@ describe('SFC style preprocessors', () => {
       `,
       filename: path.resolve(__dirname, './fixture/test.scss'),
       id: '',
-      preprocessLang: 'scss'
+      preprocessLang: 'scss',
     })
 
     expect([...res.dependencies]).toStrictEqual([
-      path.join(__dirname, './fixture/import.scss')
+      path.join(__dirname, './fixture/import.scss'),
     ])
   })
 
@@ -321,7 +321,7 @@ describe('SFC style preprocessors', () => {
           @mixin square($size) {
             width: $size;
             height: $size;
-          }`
+          }`,
       },
       source: `
         .square {
@@ -330,7 +330,7 @@ describe('SFC style preprocessors', () => {
       `,
       filename: path.resolve(__dirname, './fixture/test.scss'),
       id: '',
-      preprocessLang: 'scss'
+      preprocessLang: 'scss',
     })
 
     expect(res.errors.length).toBe(0)
@@ -353,12 +353,12 @@ describe('SFC style preprocessors', () => {
             width: $size;
             height: $size;
           }`
-        }
+        },
       },
       source,
       filename,
       id: '',
-      preprocessLang: 'scss'
+      preprocessLang: 'scss',
     })
 
     expect(res.errors.length).toBe(0)
diff --git a/packages/compiler-sfc/__tests__/compileTemplate.spec.ts b/packages/compiler-sfc/__tests__/compileTemplate.spec.ts
index b471b67c9ca..6f8a8a0dd7a 100644
--- a/packages/compiler-sfc/__tests__/compileTemplate.spec.ts
+++ b/packages/compiler-sfc/__tests__/compileTemplate.spec.ts
@@ -1,13 +1,13 @@
 import {
   compileTemplate,
-  SFCTemplateCompileOptions
+  SFCTemplateCompileOptions,
 } from '../src/compileTemplate'
 import { parse, SFCTemplateBlock } from '../src/parse'
 
 function compile(opts: Omit<SFCTemplateCompileOptions, 'id'>) {
   return compileTemplate({
     ...opts,
-    id: ''
+    id: '',
   })
 }
 
@@ -48,13 +48,13 @@ body
     p Cool Pug example!
 </template>
 `,
-    { filename: 'example.vue', sourceMap: true }
+    { filename: 'example.vue', sourceMap: true },
   ).descriptor.template as SFCTemplateBlock
 
   const result = compile({
     filename: 'example.vue',
     source: template.content,
-    preprocessLang: template.lang
+    preprocessLang: template.lang,
   })
 
   expect(result.errors.length).toBe(0)
@@ -63,13 +63,13 @@ body
 test('warn missing preprocessor', () => {
   const template = parse(`<template lang="unknownLang">hi</template>\n`, {
     filename: 'example.vue',
-    sourceMap: true
+    sourceMap: true,
   }).descriptor.template as SFCTemplateBlock
 
   const result = compile({
     filename: 'example.vue',
     source: template.content,
-    preprocessLang: template.lang
+    preprocessLang: template.lang,
   })
 
   expect(result.errors.length).toBe(1)
@@ -81,8 +81,8 @@ test('transform asset url options', () => {
   const { code: code1 } = compile({
     ...input,
     transformAssetUrls: {
-      tags: { foo: ['bar'] }
-    }
+      tags: { foo: ['bar'] },
+    },
   })
   expect(code1).toMatch(`import _imports_0 from 'baz'\n`)
 
@@ -90,15 +90,15 @@ test('transform asset url options', () => {
   const { code: code2 } = compile({
     ...input,
     transformAssetUrls: {
-      foo: ['bar']
-    }
+      foo: ['bar'],
+    },
   })
   expect(code2).toMatch(`import _imports_0 from 'baz'\n`)
 
   // false option
   const { code: code3 } = compile({
     ...input,
-    transformAssetUrls: false
+    transformAssetUrls: false,
   })
   expect(code3).not.toMatch(`import _imports_0 from 'baz'\n`)
 })
@@ -110,12 +110,12 @@ test('source map', () => {
   <div><p>{{ render }}</p></div>
 </template>
 `,
-    { filename: 'example.vue', sourceMap: true }
+    { filename: 'example.vue', sourceMap: true },
   ).descriptor.template as SFCTemplateBlock
 
   const result = compile({
     filename: 'example.vue',
-    source: template.content
+    source: template.content,
   })
 
   expect(result.map).toMatchSnapshot()
@@ -125,7 +125,7 @@ test('template errors', () => {
   const result = compile({
     filename: 'example.vue',
     source: `<div :foo
-      :bar="a[" v-model="baz"/>`
+      :bar="a[" v-model="baz"/>`,
   })
   expect(result.errors).toMatchSnapshot()
 })
@@ -137,20 +137,20 @@ test('preprocessor errors', () => {
   div(class='class)
 </template>
 `,
-    { filename: 'example.vue', sourceMap: true }
+    { filename: 'example.vue', sourceMap: true },
   ).descriptor.template as SFCTemplateBlock
 
   const result = compile({
     filename: 'example.vue',
     source: template.content,
-    preprocessLang: template.lang
+    preprocessLang: template.lang,
   })
 
   expect(result.errors.length).toBe(1)
   const message = result.errors[0].toString()
   expect(message).toMatch(`Error: example.vue:3:1`)
   expect(message).toMatch(
-    `The end of the string reached with no closing bracket ) found.`
+    `The end of the string reached with no closing bracket ) found.`,
   )
 })
 
@@ -164,7 +164,7 @@ test('should generate the correct imports expression', () => {
         <img src="./bar.svg"/>
       </Comp>
     `,
-    ssr: true
+    ssr: true,
   })
   expect(code).toMatch(`_ssrRenderAttr(\"src\", _imports_1)`)
   expect(code).toMatch(`_createVNode(\"img\", { src: _imports_1 })`)
@@ -186,7 +186,7 @@ test('should not hoist srcset URLs in SSR mode', () => {
       </picture>
     </router-link>
     `,
-    ssr: true
+    ssr: true,
   })
   expect(code).toMatchSnapshot()
 })
diff --git a/packages/compiler-sfc/__tests__/cssVars.spec.ts b/packages/compiler-sfc/__tests__/cssVars.spec.ts
index 5b01d73d772..64a4a3b8a9e 100644
--- a/packages/compiler-sfc/__tests__/cssVars.spec.ts
+++ b/packages/compiler-sfc/__tests__/cssVars.spec.ts
@@ -8,7 +8,7 @@ describe('CSS vars injection', () => {
         `<style>div{
           color: v-bind(color);
           font-size: v-bind('font.size');
-        }</style>`
+        }</style>`,
     )
     expect(content).toMatch(`_useCssVars(_ctx => ({
   "${mockId}-color": (_ctx.color),
@@ -32,7 +32,7 @@ describe('CSS vars injection', () => {
           div {
             font-size: v-bind(size);
           }
-        </style>`
+        </style>`,
     )
     expect(content).toMatch(`_useCssVars(_ctx => ({
   "${mockId}-size": (_ctx.size)
@@ -57,7 +57,7 @@ describe('CSS vars injection', () => {
             font-size: v-bind(size);
             border: v-bind(foo);
           }
-        </style>`
+        </style>`,
     )
     // should handle:
     // 1. local const bindings
@@ -69,7 +69,7 @@ describe('CSS vars injection', () => {
   "${mockId}-foo": (__props.foo)
 })`)
     expect(content).toMatch(
-      `import { useCssVars as _useCssVars, unref as _unref } from 'vue'`
+      `import { useCssVars as _useCssVars, unref as _unref } from 'vue'`,
     )
     assertCode(content)
   })
@@ -85,7 +85,7 @@ describe('CSS vars injection', () => {
         font-family: v-bind(フォント);
       }`,
       filename: 'test.css',
-      id: 'data-v-test'
+      id: 'data-v-test',
     })
     expect(code).toMatchInlineSnapshot(`
       ".foo {
@@ -106,7 +106,7 @@ describe('CSS vars injection', () => {
           color: v-bind(color);
           font-size: v-bind('font.size');
         }</style>`,
-      { isProd: true }
+      { isProd: true },
     )
     expect(content).toMatch(`_useCssVars(_ctx => ({
   "4003f1a6": (_ctx.color),
@@ -120,7 +120,7 @@ describe('CSS vars injection', () => {
       }`,
       filename: 'test.css',
       id: mockId,
-      isProd: true
+      isProd: true,
     })
     expect(code).toMatchInlineSnapshot(`
       ".foo {
@@ -135,8 +135,8 @@ describe('CSS vars injection', () => {
       assertCode(
         compileSFCScript(
           `<script>const a = 1</script>\n` +
-            `<style>div{ color: v-bind(color); }</style>`
-        ).content
+            `<style>div{ color: v-bind(color); }</style>`,
+        ).content,
       )
     })
 
@@ -144,8 +144,8 @@ describe('CSS vars injection', () => {
       assertCode(
         compileSFCScript(
           `<script>export default { setup() {} }</script>\n` +
-            `<style>div{ color: v-bind(color); }</style>`
-        ).content
+            `<style>div{ color: v-bind(color); }</style>`,
+        ).content,
       )
     })
 
@@ -155,8 +155,8 @@ describe('CSS vars injection', () => {
           `<script>
           // export default {}
           export default {}
-        </script>\n` + `<style>div{ color: v-bind(color); }</style>`
-        ).content
+        </script>\n` + `<style>div{ color: v-bind(color); }</style>`,
+        ).content,
       )
     })
 
@@ -164,8 +164,8 @@ describe('CSS vars injection', () => {
       assertCode(
         compileSFCScript(
           `<script setup>const color = 'red'</script>\n` +
-            `<style>div{ color: v-bind(color); }</style>`
-        ).content
+            `<style>div{ color: v-bind(color); }</style>`,
+        ).content,
       )
     })
 
@@ -178,7 +178,7 @@ describe('CSS vars injection', () => {
             div{ /* color: v-bind(color); */ width:20; }
             div{ width: v-bind(width); }
             /* comment */
-          </style>`
+          </style>`,
       )
 
       expect(content).not.toMatch(`"${mockId}-color": (color)`)
@@ -198,7 +198,7 @@ describe('CSS vars injection', () => {
           p {
             color: v-bind(color);
           }
-        </style>`
+        </style>`,
       )
       // color should only be injected once, even if it is twice in style
       expect(content).toMatch(`_useCssVars(_ctx => ({
@@ -229,7 +229,7 @@ describe('CSS vars injection', () => {
           p {
             color: v-bind(((a + b)) / (2 * a));
           }
-        </style>`
+        </style>`,
       )
       expect(content).toMatch(`_useCssVars(_ctx => ({
   "${mockId}-foo": (_unref(foo)),
@@ -243,7 +243,7 @@ describe('CSS vars injection', () => {
     // #6022
     test('should be able to parse incomplete expressions', () => {
       const {
-        descriptor: { cssVars }
+        descriptor: { cssVars },
       } = parse(
         `<script setup>let xxx = 1</script>
         <style scoped>
@@ -251,7 +251,7 @@ describe('CSS vars injection', () => {
           font-weight: v-bind("count.toString(");
           font-weight: v-bind(xxx);
         }
-        </style>`
+        </style>`,
       )
       expect(cssVars).toMatchObject([`count.toString(`, `xxx`])
     })
@@ -266,10 +266,10 @@ describe('CSS vars injection', () => {
              label {
                background: v-bind(background);
              }
-             </style>`
+             </style>`,
       )
       expect(content).toMatch(
-        `export default {\n  setup(__props, { expose: __expose }) {\n  __expose();\n\n_useCssVars(_ctx => ({\n  "xxxxxxxx-background": (_unref(background))\n}))`
+        `export default {\n  setup(__props, { expose: __expose }) {\n  __expose();\n\n_useCssVars(_ctx => ({\n  "xxxxxxxx-background": (_unref(background))\n}))`,
       )
     })
   })
diff --git a/packages/compiler-sfc/__tests__/parse.spec.ts b/packages/compiler-sfc/__tests__/parse.spec.ts
index c7a17ab1739..ce309415d8f 100644
--- a/packages/compiler-sfc/__tests__/parse.spec.ts
+++ b/packages/compiler-sfc/__tests__/parse.spec.ts
@@ -8,7 +8,9 @@ describe('compiler:sfc', () => {
       // Padding determines how many blank lines will there be before the style block
       const padding = Math.round(Math.random() * 10)
       const style = parse(
-        `${'\n'.repeat(padding)}<style>\n.color {\n color: red;\n }\n</style>\n`
+        `${'\n'.repeat(
+          padding,
+        )}<style>\n.color {\n color: red;\n }\n</style>\n`,
       ).descriptor.styles[0]
 
       expect(style.map).not.toBeUndefined()
@@ -23,7 +25,7 @@ describe('compiler:sfc', () => {
       // Padding determines how many blank lines will there be before the style block
       const padding = Math.round(Math.random() * 10)
       const script = parse(
-        `${'\n'.repeat(padding)}<script>\nconsole.log(1)\n }\n</script>\n`
+        `${'\n'.repeat(padding)}<script>\nconsole.log(1)\n }\n</script>\n`,
       ).descriptor.script
 
       expect(script!.map).not.toBeUndefined()
@@ -37,7 +39,7 @@ describe('compiler:sfc', () => {
     test('custom block', () => {
       const padding = Math.round(Math.random() * 10)
       const custom = parse(
-        `${'\n'.repeat(padding)}<i18n>\n{\n  "greeting": "hello"\n}\n</i18n>\n`
+        `${'\n'.repeat(padding)}<i18n>\n{\n  "greeting": "hello"\n}\n</i18n>\n`,
       ).descriptor.customBlocks[0]
 
       expect(custom!.map).not.toBeUndefined()
@@ -72,42 +74,42 @@ h1 { color: red }
 
     const padTrue = parse(content.trim(), { pad: true }).descriptor
     expect(padTrue.script!.content).toBe(
-      Array(3 + 1).join('//\n') + '\nexport default {}\n'
+      Array(3 + 1).join('//\n') + '\nexport default {}\n',
     )
     expect(padTrue.styles[0].content).toBe(
-      Array(6 + 1).join('\n') + '\nh1 { color: red }\n'
+      Array(6 + 1).join('\n') + '\nh1 { color: red }\n',
     )
     expect(padTrue.customBlocks[0].content).toBe(
-      Array(9 + 1).join('\n') + '\n{ "greeting": "hello" }\n'
+      Array(9 + 1).join('\n') + '\n{ "greeting": "hello" }\n',
     )
 
     const padLine = parse(content.trim(), { pad: 'line' }).descriptor
     expect(padLine.script!.content).toBe(
-      Array(3 + 1).join('//\n') + '\nexport default {}\n'
+      Array(3 + 1).join('//\n') + '\nexport default {}\n',
     )
     expect(padLine.styles[0].content).toBe(
-      Array(6 + 1).join('\n') + '\nh1 { color: red }\n'
+      Array(6 + 1).join('\n') + '\nh1 { color: red }\n',
     )
     expect(padLine.customBlocks[0].content).toBe(
-      Array(9 + 1).join('\n') + '\n{ "greeting": "hello" }\n'
+      Array(9 + 1).join('\n') + '\n{ "greeting": "hello" }\n',
     )
 
     const padSpace = parse(content.trim(), { pad: 'space' }).descriptor
     expect(padSpace.script!.content).toBe(
       `<template>\n<div></div>\n</template>\n<script>`.replace(/./g, ' ') +
-        '\nexport default {}\n'
+        '\nexport default {}\n',
     )
     expect(padSpace.styles[0].content).toBe(
       `<template>\n<div></div>\n</template>\n<script>\nexport default {}\n</script>\n<style>`.replace(
         /./g,
-        ' '
-      ) + '\nh1 { color: red }\n'
+        ' ',
+      ) + '\nh1 { color: red }\n',
     )
     expect(padSpace.customBlocks[0].content).toBe(
       `<template>\n<div></div>\n</template>\n<script>\nexport default {}\n</script>\n<style>\nh1 { color: red }\n</style>\n<i18n>`.replace(
         /./g,
-        ' '
-      ) + '\n{ "greeting": "hello" }\n'
+        ' ',
+      ) + '\n{ "greeting": "hello" }\n',
     )
   })
 
@@ -121,9 +123,9 @@ h1 { color: red }
       end: {
         line: 3,
         column: 1,
-        offset: 10 + content.length
+        offset: 10 + content.length,
       },
-      source: content
+      source: content,
     })
   })
 
@@ -134,7 +136,7 @@ h1 { color: red }
     expect(descriptor.template!.loc).toMatchObject({
       start: { line: 1, column: 1, offset: 0 },
       end: { line: 1, column: 1, offset: 0 },
-      source: ''
+      source: '',
     })
   })
 
@@ -145,7 +147,7 @@ h1 { color: red }
     expect(descriptor.template!.loc).toMatchObject({
       start: { line: 1, column: 11, offset: 10 },
       end: { line: 1, column: 11, offset: 10 },
-      source: ''
+      source: '',
     })
   })
 
@@ -156,7 +158,7 @@ h1 { color: red }
     expect(parse(`<style> \n\t </style>`).descriptor.styles.length).toBe(0)
     expect(parse(`<custom/>`).descriptor.customBlocks.length).toBe(0)
     expect(
-      parse(`<custom> \n\t </custom>`).descriptor.customBlocks.length
+      parse(`<custom> \n\t </custom>`).descriptor.customBlocks.length,
     ).toBe(0)
   })
 
@@ -171,21 +173,21 @@ h1 { color: red }
     const { descriptor } = parse(
       `<script></script>\n<script setup>\n</script>`,
       {
-        ignoreEmpty: false
-      }
+        ignoreEmpty: false,
+      },
     )
     expect(descriptor.script).toBeTruthy()
     expect(descriptor.script!.loc).toMatchObject({
       source: '',
       start: { line: 1, column: 9, offset: 8 },
-      end: { line: 1, column: 9, offset: 8 }
+      end: { line: 1, column: 9, offset: 8 },
     })
 
     expect(descriptor.scriptSetup).toBeTruthy()
     expect(descriptor.scriptSetup!.loc).toMatchObject({
       source: '\n',
       start: { line: 2, column: 15, offset: 32 },
-      end: { line: 3, column: 1, offset: 33 }
+      end: { line: 3, column: 1, offset: 33 },
     })
   })
 
@@ -201,7 +203,7 @@ h1 { color: red }
   test('treat empty lang attribute as the html', () => {
     const content = `<div><template v-if="ok">ok</template></div>`
     const { descriptor, errors } = parse(
-      `<template lang="">${content}</template>`
+      `<template lang="">${content}</template>`,
     )
     expect(descriptor.template!.content).toBe(content)
     expect(errors.length).toBe(0)
@@ -211,7 +213,7 @@ h1 { color: red }
   test('alternative template lang should be treated as plain text', () => {
     const content = `p(v-if="1 < 2") test`
     const { descriptor, errors } = parse(
-      `<template lang="pug">` + content + `</template>`
+      `<template lang="pug">` + content + `</template>`,
     )
     expect(errors.length).toBe(0)
     expect(descriptor.template!.content).toBe(content)
@@ -233,17 +235,17 @@ h1 { color: red }
     expect(parse(`<template>hi</template>`).descriptor.slotted).toBe(false)
     expect(
       parse(`<template>hi</template><style>h1{color:red;}</style>`).descriptor
-        .slotted
+        .slotted,
     ).toBe(false)
     expect(
       parse(
-        `<template>hi</template><style scoped>:slotted(h1){color:red;}</style>`
-      ).descriptor.slotted
+        `<template>hi</template><style scoped>:slotted(h1){color:red;}</style>`,
+      ).descriptor.slotted,
     ).toBe(true)
     expect(
       parse(
-        `<template>hi</template><style scoped>::v-slotted(h1){color:red;}</style>`
-      ).descriptor.slotted
+        `<template>hi</template><style scoped>::v-slotted(h1){color:red;}</style>`,
+      ).descriptor.slotted,
     ).toBe(true)
   })
 
@@ -261,15 +263,15 @@ h1 { color: red }
     const { errors } = parse(`<template><input></template>`, {
       compiler: {
         parse: baseParse,
-        compile: baseCompile
-      }
+        compile: baseCompile,
+      },
     })
     expect(errors.length).toBe(1)
   })
 
   test('treat custom blocks as raw text', () => {
     const { errors, descriptor } = parse(
-      `<template><input></template><foo> <-& </foo>`
+      `<template><input></template><foo> <-& </foo>`,
     )
     expect(errors.length).toBe(0)
     expect(descriptor.customBlocks[0].content).toBe(` <-& `)
@@ -283,7 +285,7 @@ h1 { color: red }
     test('should only allow single template element', () => {
       assertWarning(
         parse(`<template><div/></template><template><div/></template>`).errors,
-        `Single file component can contain only one <template> element`
+        `Single file component can contain only one <template> element`,
       )
     })
 
@@ -291,24 +293,24 @@ h1 { color: red }
       assertWarning(
         parse(`<script>console.log(1)</script><script>console.log(1)</script>`)
           .errors,
-        `Single file component can contain only one <script> element`
+        `Single file component can contain only one <script> element`,
       )
     })
 
     test('should only allow single script setup element', () => {
       assertWarning(
         parse(
-          `<script setup>console.log(1)</script><script setup>console.log(1)</script>`
+          `<script setup>console.log(1)</script><script setup>console.log(1)</script>`,
         ).errors,
-        `Single file component can contain only one <script setup> element`
+        `Single file component can contain only one <script setup> element`,
       )
     })
 
     test('should not warn script & script setup', () => {
       expect(
         parse(
-          `<script setup>console.log(1)</script><script>console.log(1)</script>`
-        ).errors.length
+          `<script setup>console.log(1)</script><script>console.log(1)</script>`,
+        ).errors.length,
       ).toBe(0)
     })
 
@@ -316,7 +318,7 @@ h1 { color: red }
     test('should throw error if no <template> or <script> is present', () => {
       assertWarning(
         parse(`import { ref } from 'vue'`).errors,
-        `At least one <template> or <script> is required in a single file component`
+        `At least one <template> or <script> is required in a single file component`,
       )
     })
   })
diff --git a/packages/compiler-sfc/__tests__/rewriteDefault.spec.ts b/packages/compiler-sfc/__tests__/rewriteDefault.spec.ts
index bed27e3ae81..5b30b2062ad 100644
--- a/packages/compiler-sfc/__tests__/rewriteDefault.spec.ts
+++ b/packages/compiler-sfc/__tests__/rewriteDefault.spec.ts
@@ -11,7 +11,7 @@ describe('compiler sfc: rewriteDefault', () => {
 
   test('rewrite export default', () => {
     expect(
-      rewriteDefault(`export  default {}`, 'script')
+      rewriteDefault(`export  default {}`, 'script'),
     ).toMatchInlineSnapshot(`"const script = {}"`)
   })
 
@@ -27,8 +27,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `const a = 1 \n export { a as b, a as default, a as c}`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const a = 1 
        export { a as b,  a as c}
@@ -38,8 +38,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `const a = 1 \n export { a as b, a as default    , a as c}`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const a = 1 
        export { a as b,  a as c}
@@ -49,8 +49,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `const a = 1 \n export { a as b } \n export { a as default, a as c }`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const a = 1 
        export { a as b } 
@@ -69,7 +69,7 @@ describe('compiler sfc: rewriteDefault', () => {
 
   test('export named default multiline', () => {
     expect(
-      rewriteDefault(`let App = {}\n export {\nApp as default\n}`, '_sfc_main')
+      rewriteDefault(`let App = {}\n export {\nApp as default\n}`, '_sfc_main'),
     ).toMatchInlineSnapshot(`
       "let App = {}
        export {
@@ -84,8 +84,8 @@ describe('compiler sfc: rewriteDefault', () => {
       rewriteDefault(
         `const a = 1 \n export {\n a as b,\n a as default,\n a as c}\n` +
           `// export { myFunction as default }`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const a = 1 
        export {
@@ -100,8 +100,8 @@ describe('compiler sfc: rewriteDefault', () => {
       rewriteDefault(
         `const a = 1 \n export {\n a as b,\n a as default      ,\n a as c}\n` +
           `// export { myFunction as default }`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const a = 1 
        export {
@@ -115,7 +115,7 @@ describe('compiler sfc: rewriteDefault', () => {
 
   test(`export { default } from '...'`, async () => {
     expect(
-      rewriteDefault(`export { default, foo } from './index.js'`, 'script')
+      rewriteDefault(`export { default, foo } from './index.js'`, 'script'),
     ).toMatchInlineSnapshot(`
       "import { default as __VUE_DEFAULT__ } from './index.js'
       export {  foo } from './index.js'
@@ -123,7 +123,7 @@ describe('compiler sfc: rewriteDefault', () => {
     `)
 
     expect(
-      rewriteDefault(`export { default    , foo } from './index.js'`, 'script')
+      rewriteDefault(`export { default    , foo } from './index.js'`, 'script'),
     ).toMatchInlineSnapshot(`
       "import { default as __VUE_DEFAULT__ } from './index.js'
       export {  foo } from './index.js'
@@ -131,7 +131,7 @@ describe('compiler sfc: rewriteDefault', () => {
     `)
 
     expect(
-      rewriteDefault(`export { foo,   default } from './index.js'`, 'script')
+      rewriteDefault(`export { foo,   default } from './index.js'`, 'script'),
     ).toMatchInlineSnapshot(`
       "import { default as __VUE_DEFAULT__ } from './index.js'
       export { foo,    } from './index.js'
@@ -141,8 +141,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `export { foo as default, bar } from './index.js'`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "import { foo as __VUE_DEFAULT__ } from './index.js'
       export {  bar } from './index.js'
@@ -152,8 +152,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `export { foo as default     , bar } from './index.js'`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "import { foo as __VUE_DEFAULT__ } from './index.js'
       export {  bar } from './index.js'
@@ -163,8 +163,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `export { bar,   foo as default } from './index.js'`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "import { foo as __VUE_DEFAULT__ } from './index.js'
       export { bar,    } from './index.js'
@@ -174,8 +174,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `export { foo as default } from './index.js' \n const foo = 1`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "import { foo as __VUE_DEFAULT__ } from './index.js'
       export {  } from './index.js' 
@@ -186,8 +186,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `const a = 1 \nexport { a as default } from 'xxx'`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "import { a as __VUE_DEFAULT__ } from 'xxx'
       const a = 1 
@@ -206,7 +206,10 @@ describe('compiler sfc: rewriteDefault', () => {
 
   test('export default class w/ comments', async () => {
     expect(
-      rewriteDefault(`// export default\nexport default class Foo {}`, 'script')
+      rewriteDefault(
+        `// export default\nexport default class Foo {}`,
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "// export default
        class Foo {}
@@ -218,8 +221,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `export default {}\n` + `// export default class Foo {}`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const script = {}
       // export default class Foo {}"
@@ -230,8 +233,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `/*\nexport default class Foo {}*/\n` + `export default class Bar {}`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "/*
       export default class Foo {}*/
@@ -243,8 +246,8 @@ describe('compiler sfc: rewriteDefault', () => {
   test('@Component\nexport default class', async () => {
     expect(
       rewriteDefault(`@Component\nexport default class Foo {}`, 'script', [
-        'decorators-legacy'
-      ])
+        'decorators-legacy',
+      ]),
     ).toMatchInlineSnapshot(`
       "@Component class Foo {}
       const script = Foo"
@@ -256,8 +259,8 @@ describe('compiler sfc: rewriteDefault', () => {
       rewriteDefault(
         `// export default\n@Component\nexport default class Foo {}`,
         'script',
-        ['decorators-legacy']
-      )
+        ['decorators-legacy'],
+      ),
     ).toMatchInlineSnapshot(`
       "// export default
       @Component class Foo {}
@@ -269,8 +272,8 @@ describe('compiler sfc: rewriteDefault', () => {
     expect(
       rewriteDefault(
         `export default {}\n` + `// @Component\n// export default class Foo {}`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "const script = {}
       // @Component
@@ -283,8 +286,8 @@ describe('compiler sfc: rewriteDefault', () => {
       rewriteDefault(
         `/*\n@Component\nexport default class Foo {}*/\n` +
           `export default class Bar {}`,
-        'script'
-      )
+        'script',
+      ),
     ).toMatchInlineSnapshot(`
       "/*
       @Component
diff --git a/packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts b/packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts
index f267e73ede0..8fa4fcaac56 100644
--- a/packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts
+++ b/packages/compiler-sfc/__tests__/templateTransformAssetUrl.spec.ts
@@ -2,13 +2,13 @@ import {
   generate,
   baseParse,
   transform,
-  TransformOptions
+  TransformOptions,
 } from '@vue/compiler-core'
 import {
   transformAssetUrl,
   createAssetUrlTransformWithOptions,
   AssetURLOptions,
-  normalizeOptions
+  normalizeOptions,
 } from '../src/template/transformAssetUrl'
 import { transformElement } from '../../compiler-core/src/transforms/transformElement'
 import { transformBind } from '../../compiler-core/src/transforms/vBind'
@@ -17,7 +17,7 @@ import { stringifyStatic } from '../../compiler-dom/src/transforms/stringifyStat
 function compileWithAssetUrls(
   template: string,
   options?: AssetURLOptions,
-  transformOptions?: TransformOptions
+  transformOptions?: TransformOptions,
 ) {
   const ast = baseParse(template)
   const t = options
@@ -26,9 +26,9 @@ function compileWithAssetUrls(
   transform(ast, {
     nodeTransforms: [t, transformElement],
     directiveTransforms: {
-      bind: transformBind
+      bind: transformBind,
     },
-    ...transformOptions
+    ...transformOptions,
   })
   return generate(ast, { mode: 'module' })
 }
@@ -57,8 +57,8 @@ describe('compiler sfc: transform asset url', () => {
         '<use href="~@svg/file.svg#fragment"></use>',
       {},
       {
-        hoistStatic: true
-      }
+        hoistStatic: true,
+      },
     )
     expect(result.code).toMatchSnapshot()
   })
@@ -79,8 +79,8 @@ describe('compiler sfc: transform asset url', () => {
         `<img src="~bar.png"></img>` + // -> still converts to import
         `<img src="@theme/bar.png"></img>`, // -> still converts to import
       {
-        base: '/foo'
-      }
+        base: '/foo',
+      },
     )
     expect(code).toMatch(`import _imports_0 from 'bar.png'`)
     expect(code).toMatch(`import _imports_1 from '@theme/bar.png'`)
@@ -94,8 +94,8 @@ describe('compiler sfc: transform asset url', () => {
         `<img src="https://foo.bar/baz.png"/>` +
         `<img src="//foo.bar/baz.png"/>`,
       {
-        includeAbsolute: true
-      }
+        includeAbsolute: true,
+      },
     )
     expect(code).toMatchSnapshot()
   })
@@ -108,7 +108,7 @@ describe('compiler sfc: transform asset url', () => {
           <circle id="myCircle" cx="0" cy="0" r="5" />
         </defs>
         <use x="5" y="5" xlink:href="#myCircle" />
-      </svg>`
+      </svg>`,
     )
     // should not remove it
     expect(code).toMatch(`"xlink:href": "#myCircle"`)
@@ -116,7 +116,7 @@ describe('compiler sfc: transform asset url', () => {
 
   test('should allow for full base URLs, with paths', () => {
     const { code } = compileWithAssetUrls(`<img src="./logo.png" />`, {
-      base: 'http://localhost:3000/src/'
+      base: 'http://localhost:3000/src/',
     })
 
     expect(code).toMatchSnapshot()
@@ -124,7 +124,7 @@ describe('compiler sfc: transform asset url', () => {
 
   test('should allow for full base URLs, without paths', () => {
     const { code } = compileWithAssetUrls(`<img src="./logo.png" />`, {
-      base: 'http://localhost:3000'
+      base: 'http://localhost:3000',
     })
 
     expect(code).toMatchSnapshot()
@@ -132,7 +132,7 @@ describe('compiler sfc: transform asset url', () => {
 
   test('should allow for full base URLs, without port', () => {
     const { code } = compileWithAssetUrls(`<img src="./logo.png" />`, {
-      base: 'http://localhost'
+      base: 'http://localhost',
     })
 
     expect(code).toMatchSnapshot()
@@ -140,7 +140,7 @@ describe('compiler sfc: transform asset url', () => {
 
   test('should allow for full base URLs, without protocol', () => {
     const { code } = compileWithAssetUrls(`<img src="./logo.png" />`, {
-      base: '//localhost'
+      base: '//localhost',
     })
 
     expect(code).toMatchSnapshot()
@@ -156,12 +156,12 @@ describe('compiler sfc: transform asset url', () => {
         `<img src="./bar.png"/>` +
         `</div>`,
       {
-        includeAbsolute: true
+        includeAbsolute: true,
       },
       {
         hoistStatic: true,
-        transformHoist: stringifyStatic
-      }
+        transformHoist: stringifyStatic,
+      },
     )
     expect(code).toMatch(`_createStaticVNode`)
     expect(code).toMatchSnapshot()
diff --git a/packages/compiler-sfc/__tests__/templateTransformSrcset.spec.ts b/packages/compiler-sfc/__tests__/templateTransformSrcset.spec.ts
index 174e3ca9f79..8fa66622d00 100644
--- a/packages/compiler-sfc/__tests__/templateTransformSrcset.spec.ts
+++ b/packages/compiler-sfc/__tests__/templateTransformSrcset.spec.ts
@@ -2,24 +2,24 @@ import {
   generate,
   baseParse,
   transform,
-  TransformOptions
+  TransformOptions,
 } from '@vue/compiler-core'
 import {
   transformSrcset,
-  createSrcsetTransformWithOptions
+  createSrcsetTransformWithOptions,
 } from '../src/template/transformSrcset'
 import { transformElement } from '../../compiler-core/src/transforms/transformElement'
 import { transformBind } from '../../compiler-core/src/transforms/vBind'
 import {
   AssetURLOptions,
-  normalizeOptions
+  normalizeOptions,
 } from '../src/template/transformAssetUrl'
 import { stringifyStatic } from '../../compiler-dom/src/transforms/stringifyStatic'
 
 function compileWithSrcset(
   template: string,
   options?: AssetURLOptions,
-  transformOptions?: TransformOptions
+  transformOptions?: TransformOptions,
 ) {
   const ast = baseParse(template)
   const srcsetTransform = options
@@ -29,9 +29,9 @@ function compileWithSrcset(
     hoistStatic: true,
     nodeTransforms: [srcsetTransform, transformElement],
     directiveTransforms: {
-      bind: transformBind
+      bind: transformBind,
     },
-    ...transformOptions
+    ...transformOptions,
   })
   return generate(ast, { mode: 'module' })
 }
@@ -59,16 +59,16 @@ describe('compiler sfc: transform srcset', () => {
   test('transform srcset w/ base', () => {
     expect(
       compileWithSrcset(src, {
-        base: '/foo'
-      }).code
+        base: '/foo',
+      }).code,
     ).toMatchSnapshot()
   })
 
   test('transform srcset w/ includeAbsolute: true', () => {
     expect(
       compileWithSrcset(src, {
-        includeAbsolute: true
-      }).code
+        includeAbsolute: true,
+      }).code,
     ).toMatchSnapshot()
   })
 
@@ -76,12 +76,12 @@ describe('compiler sfc: transform srcset', () => {
     const code = compileWithSrcset(
       `<div>${src}</div>`,
       {
-        includeAbsolute: true
+        includeAbsolute: true,
       },
       {
         hoistStatic: true,
-        transformHoist: stringifyStatic
-      }
+        transformHoist: stringifyStatic,
+      },
     ).code
     expect(code).toMatch(`_createStaticVNode`)
     expect(code).toMatchSnapshot()
@@ -94,7 +94,7 @@ describe('compiler sfc: transform srcset', () => {
       <img srcset="@/logo.png 1x, ./logo.png 2x"/>
     `,
       { base: '/foo/' },
-      { hoistStatic: true }
+      { hoistStatic: true },
     ).code
     expect(code).toMatchSnapshot()
   })
diff --git a/packages/compiler-sfc/__tests__/templateUtils.spec.ts b/packages/compiler-sfc/__tests__/templateUtils.spec.ts
index 7e20603848c..49320722bdf 100644
--- a/packages/compiler-sfc/__tests__/templateUtils.spec.ts
+++ b/packages/compiler-sfc/__tests__/templateUtils.spec.ts
@@ -1,7 +1,7 @@
 import {
   isRelativeUrl,
   isExternalUrl,
-  isDataUrl
+  isDataUrl,
 } from '../src/template/templateUtils'
 
 describe('compiler sfc:templateUtils isRelativeUrl', () => {
diff --git a/packages/compiler-sfc/__tests__/utils.ts b/packages/compiler-sfc/__tests__/utils.ts
index ffa12652c83..83a1e9fffa8 100644
--- a/packages/compiler-sfc/__tests__/utils.ts
+++ b/packages/compiler-sfc/__tests__/utils.ts
@@ -2,7 +2,7 @@ import {
   parse,
   SFCScriptCompileOptions,
   compileScript,
-  SFCParseOptions
+  SFCParseOptions,
 } from '../src'
 import { parse as babelParse } from '@babel/parser'
 
@@ -11,12 +11,12 @@ export const mockId = 'xxxxxxxx'
 export function compileSFCScript(
   src: string,
   options?: Partial<SFCScriptCompileOptions>,
-  parseOptions?: SFCParseOptions
+  parseOptions?: SFCParseOptions,
 ) {
   const { descriptor } = parse(src, parseOptions)
   return compileScript(descriptor, {
     ...options,
-    id: mockId
+    id: mockId,
   })
 }
 
@@ -25,7 +25,7 @@ export function assertCode(code: string) {
   try {
     babelParse(code, {
       sourceType: 'module',
-      plugins: ['typescript']
+      plugins: ['typescript'],
     })
   } catch (e: any) {
     console.log(code)
diff --git a/packages/compiler-sfc/src/compileScript.ts b/packages/compiler-sfc/src/compileScript.ts
index cfcc607c72d..c190049fea0 100644
--- a/packages/compiler-sfc/src/compileScript.ts
+++ b/packages/compiler-sfc/src/compileScript.ts
@@ -2,7 +2,7 @@ import {
   BindingTypes,
   UNREF,
   isFunctionType,
-  walkIdentifiers
+  walkIdentifiers,
 } from '@vue/compiler-dom'
 import { DEFAULT_FILENAME, SFCDescriptor, SFCScriptBlock } from './parse'
 import { ParserPlugin } from '@babel/parser'
@@ -15,13 +15,13 @@ import {
   Identifier,
   ExportSpecifier,
   Statement,
-  CallExpression
+  CallExpression,
 } from '@babel/types'
 import { walk } from 'estree-walker'
 import { RawSourceMap } from 'source-map-js'
 import {
   processNormalScript,
-  normalScriptDefaultVar
+  normalScriptDefaultVar,
 } from './script/normalScript'
 import { CSS_VARS_HELPER, genCssVarsCode } from './style/cssVars'
 import { compileTemplate, SFCTemplateCompileOptions } from './compileTemplate'
@@ -33,12 +33,12 @@ import {
   processDefineProps,
   genRuntimeProps,
   DEFINE_PROPS,
-  WITH_DEFAULTS
+  WITH_DEFAULTS,
 } from './script/defineProps'
 import {
   processDefineEmits,
   genRuntimeEmits,
-  DEFINE_EMITS
+  DEFINE_EMITS,
 } from './script/defineEmits'
 import { DEFINE_EXPOSE, processDefineExpose } from './script/defineExpose'
 import { DEFINE_OPTIONS, processDefineOptions } from './script/defineOptions'
@@ -48,7 +48,7 @@ import {
   isLiteralNode,
   unwrapTSNode,
   isCallOf,
-  getImportedName
+  getImportedName,
 } from './script/utils'
 import { analyzeScriptBindings } from './script/analyzeScriptBindings'
 import { isImportUsed } from './script/importUsageCheck'
@@ -148,13 +148,13 @@ export interface ImportBinding {
  */
 export function compileScript(
   sfc: SFCDescriptor,
-  options: SFCScriptCompileOptions
+  options: SFCScriptCompileOptions,
 ): SFCScriptBlock {
   if (!options.id) {
     warnOnce(
       `compileScript now requires passing the \`id\` option.\n` +
         `Upgrade your vite or vue-loader version for compatibility with ` +
-        `the latest experimental proposals.`
+        `the latest experimental proposals.`,
     )
   }
 
@@ -180,7 +180,7 @@ export function compileScript(
   if (script && scriptLang !== scriptSetupLang) {
     throw new Error(
       `[@vue/compiler-sfc] <script> and <script setup> must have the same ` +
-        `language type.`
+        `language type.`,
     )
   }
 
@@ -229,7 +229,7 @@ export function compileScript(
     imported: string,
     isType: boolean,
     isFromSetup: boolean,
-    needTemplateUsageCheck: boolean
+    needTemplateUsageCheck: boolean,
   ) {
     // template usage check is only needed in non-inline mode, so we can skip
     // the work if inlineTemplate is true.
@@ -250,7 +250,7 @@ export function compileScript(
       local,
       source,
       isFromSetup,
-      isUsedInTemplate
+      isUsedInTemplate,
     }
   }
 
@@ -265,7 +265,7 @@ export function compileScript(
             `setup() function. If your component options require initialization ` +
             `in the module scope, use a separate normal <script> to export ` +
             `the options instead.`,
-          id
+          id,
         )
       }
     })
@@ -289,7 +289,7 @@ export function compileScript(
               (specifier.type === 'ImportSpecifier' &&
                 specifier.importKind === 'type'),
             false,
-            !options.inlineTemplate
+            !options.inlineTemplate,
           )
         }
       }
@@ -315,7 +315,7 @@ export function compileScript(
             : current.start! + startOffset,
           next && !removeLeft
             ? next.start! + startOffset
-            : current.end! + startOffset
+            : current.end! + startOffset,
         )
       }
 
@@ -332,7 +332,7 @@ export function compileScript(
             imported === DEFINE_EXPOSE)
         ) {
           warnOnce(
-            `\`${imported}\` is a compiler macro and no longer needs to be imported.`
+            `\`${imported}\` is a compiler macro and no longer needs to be imported.`,
           )
           removeSpecifier(i)
         } else if (existing) {
@@ -342,7 +342,7 @@ export function compileScript(
           } else {
             ctx.error(
               `different imports aliased to same local name.`,
-              specifier
+              specifier,
             )
           }
         } else {
@@ -354,7 +354,7 @@ export function compileScript(
               (specifier.type === 'ImportSpecifier' &&
                 specifier.importKind === 'type'),
             true,
-            !options.inlineTemplate
+            !options.inlineTemplate,
           )
         }
       }
@@ -419,7 +419,8 @@ export function compileScript(
         ctx.s.overwrite(start, end, `const ${normalScriptDefaultVar} = `)
       } else if (node.type === 'ExportNamedDeclaration') {
         const defaultSpecifier = node.specifiers.find(
-          s => s.exported.type === 'Identifier' && s.exported.name === 'default'
+          s =>
+            s.exported.type === 'Identifier' && s.exported.name === 'default',
         ) as ExportSpecifier
         if (defaultSpecifier) {
           defaultExport = node
@@ -427,12 +428,12 @@ export function compileScript(
           if (node.specifiers.length > 1) {
             ctx.s.remove(
               defaultSpecifier.start! + scriptStartOffset!,
-              defaultSpecifier.end! + scriptStartOffset!
+              defaultSpecifier.end! + scriptStartOffset!,
             )
           } else {
             ctx.s.remove(
               node.start! + scriptStartOffset!,
-              node.end! + scriptStartOffset!
+              node.end! + scriptStartOffset!,
             )
           }
           if (node.source) {
@@ -440,14 +441,14 @@ export function compileScript(
             // rewrite to `import { x as __default__ } from './x'` and
             // add to top
             ctx.s.prepend(
-              `import { ${defaultSpecifier.local.name} as ${normalScriptDefaultVar} } from '${node.source.value}'\n`
+              `import { ${defaultSpecifier.local.name} as ${normalScriptDefaultVar} } from '${node.source.value}'\n`,
             )
           } else {
             // export { x as default }
             // rewrite to `const __default__ = x` and move to end
             ctx.s.appendLeft(
               scriptEndOffset!,
-              `\nconst ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}\n`
+              `\nconst ${normalScriptDefaultVar} = ${defaultSpecifier.local.name}\n`,
             )
           }
         }
@@ -457,7 +458,7 @@ export function compileScript(
             node.declaration,
             scriptBindings,
             vueImportAliases,
-            hoistStatic
+            hoistStatic,
           )
         }
       } else if (
@@ -472,7 +473,7 @@ export function compileScript(
           node,
           scriptBindings,
           vueImportAliases,
-          hoistStatic
+          hoistStatic,
         )
       }
     }
@@ -483,7 +484,7 @@ export function compileScript(
       const { rootRefs, importedHelpers } = transformAST(
         scriptAst,
         ctx.s,
-        scriptStartOffset!
+        scriptStartOffset!,
       )
       refBindings = rootRefs
       for (const h of importedHelpers) {
@@ -521,7 +522,7 @@ export function compileScript(
         ctx.s.overwrite(
           callee.start! + startOffset,
           callee.end! + startOffset,
-          '__expose'
+          '__expose',
         )
       } else {
         processDefineModel(ctx, expr)
@@ -540,7 +541,7 @@ export function compileScript(
           if (processDefineOptions(ctx, init)) {
             ctx.error(
               `${DEFINE_OPTIONS}() has no returning value, it cannot be assigned.`,
-              node
+              node,
             )
           }
 
@@ -578,7 +579,7 @@ export function compileScript(
             ctx.s.overwrite(
               startOffset + init.start!,
               startOffset + init.end!,
-              '__emit'
+              '__emit',
             )
           } else {
             lastNonRemoved = i
@@ -601,7 +602,7 @@ export function compileScript(
         node,
         setupBindings,
         vueImportAliases,
-        hoistStatic
+        hoistStatic,
       )
     }
 
@@ -643,13 +644,13 @@ export function compileScript(
               ctx,
               child,
               needsSemi,
-              parent!.type === 'ExpressionStatement'
+              parent!.type === 'ExpressionStatement',
             )
           }
         },
         exit(node: Node) {
           if (node.type === 'BlockStatement') scope.pop()
-        }
+        },
       })
     }
 
@@ -662,7 +663,7 @@ export function compileScript(
         `<script setup> cannot contain ES module exports. ` +
           `If you are using a previous version of <script setup>, please ` +
           `consult the updated RFC at https://github.com/vuejs/rfcs/pull/227.`,
-        node
+        node,
       )
     }
 
@@ -697,7 +698,7 @@ export function compileScript(
       scriptSetupAst,
       ctx.s,
       startOffset,
-      refBindings
+      refBindings,
     )
     refBindings = refBindings ? [...refBindings, ...rootRefs] : rootRefs
     for (const h of importedHelpers) {
@@ -738,7 +739,7 @@ export function compileScript(
     Object.assign(ctx.bindingMetadata, analyzeScriptBindings(scriptAst.body))
   }
   for (const [key, { isType, imported, source }] of Object.entries(
-    ctx.userImports
+    ctx.userImports,
   )) {
     if (isType) continue
     ctx.bindingMetadata[key] =
@@ -775,8 +776,8 @@ export function compileScript(
         sfc.cssVars,
         ctx.bindingMetadata,
         scopeId,
-        !!options.isProd
-      )}\n`
+        !!options.isProd,
+      )}\n`,
     )
   }
 
@@ -797,19 +798,19 @@ export function compileScript(
         startOffset + ctx.propsCall!.start!,
         startOffset + ctx.propsCall!.end!,
         `${ctx.helper(`createPropsRestProxy`)}(__props, ${JSON.stringify(
-          Object.keys(ctx.propsDestructuredBindings)
-        )})`
+          Object.keys(ctx.propsDestructuredBindings),
+        )})`,
       )
       ctx.s.overwrite(
         startOffset + ctx.propsDestructureDecl!.start!,
         startOffset + ctx.propsDestructureDecl!.end!,
-        ctx.propsDestructureRestId
+        ctx.propsDestructureRestId,
       )
     } else if (!ctx.propsDestructureDecl) {
       ctx.s.overwrite(
         startOffset + ctx.propsCall!.start!,
         startOffset + ctx.propsCall!.end!,
-        '__props'
+        '__props',
       )
     }
   }
@@ -841,7 +842,7 @@ export function compileScript(
     // return bindings from script and script setup
     const allBindings: Record<string, any> = {
       ...scriptBindings,
-      ...setupBindings
+      ...setupBindings,
     }
     for (const key in ctx.userImports) {
       if (
@@ -894,8 +895,8 @@ export function compileScript(
             options.templateOptions.compilerOptions),
           inline: true,
           isTS: ctx.isTS,
-          bindingMetadata: ctx.bindingMetadata
-        }
+          bindingMetadata: ctx.bindingMetadata,
+        },
       })
       if (tips.length) {
         tips.forEach(warnOnce)
@@ -912,7 +913,7 @@ export function compileScript(
             generateCodeFrame(
               source,
               err.loc.start.offset,
-              err.loc.end.offset
+              err.loc.end.offset,
             ) +
             `\n`
         }
@@ -941,7 +942,7 @@ export function compileScript(
       `\nconst __returned__ = ${returned}\n` +
         `Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })\n` +
         `return __returned__` +
-        `\n}\n\n`
+        `\n}\n\n`,
     )
   } else {
     ctx.s.appendRight(endOffset, `\nreturn ${returned}\n}\n\n`)
@@ -993,10 +994,10 @@ export function compileScript(
     ctx.s.prependLeft(
       startOffset,
       `\n${genDefaultAs} /*#__PURE__*/${ctx.helper(
-        `defineComponent`
+        `defineComponent`,
       )}({${def}${runtimeOptions}\n  ${
         hasAwait ? `async ` : ``
-      }setup(${args}) {\n${exposeCall}`
+      }setup(${args}) {\n${exposeCall}`,
     )
     ctx.s.appendRight(endOffset, `})`)
   } else {
@@ -1008,14 +1009,14 @@ export function compileScript(
         `\n${genDefaultAs} /*#__PURE__*/Object.assign(${
           defaultExport ? `${normalScriptDefaultVar}, ` : ''
         }${definedOptions ? `${definedOptions}, ` : ''}{${runtimeOptions}\n  ` +
-          `${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`
+          `${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`,
       )
       ctx.s.appendRight(endOffset, `})`)
     } else {
       ctx.s.prependLeft(
         startOffset,
         `\n${genDefaultAs} {${runtimeOptions}\n  ` +
-          `${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`
+          `${hasAwait ? `async ` : ``}setup(${args}) {\n${exposeCall}`,
       )
       ctx.s.appendRight(endOffset, `}`)
     }
@@ -1026,7 +1027,7 @@ export function compileScript(
     ctx.s.prepend(
       `import { ${[...ctx.helperImports]
         .map(h => `${h} as _${h}`)
-        .join(', ')} } from 'vue'\n`
+        .join(', ')} } from 'vue'\n`,
     )
   }
 
@@ -1042,19 +1043,19 @@ export function compileScript(
         ? (ctx.s.generateMap({
             source: filename,
             hires: true,
-            includeContent: true
+            includeContent: true,
           }) as unknown as RawSourceMap)
         : undefined,
     scriptAst: scriptAst?.body,
     scriptSetupAst: scriptSetupAst?.body,
-    deps: ctx.deps ? [...ctx.deps] : undefined
+    deps: ctx.deps ? [...ctx.deps] : undefined,
   }
 }
 
 function registerBinding(
   bindings: Record<string, BindingTypes>,
   node: Identifier,
-  type: BindingTypes
+  type: BindingTypes,
 ) {
   bindings[node.name] = type
 }
@@ -1064,7 +1065,7 @@ function walkDeclaration(
   node: Declaration,
   bindings: Record<string, BindingTypes>,
   userImportAliases: Record<string, string>,
-  hoistStatic: boolean
+  hoistStatic: boolean,
 ): boolean {
   let isAllLiteral = false
 
@@ -1073,7 +1074,7 @@ function walkDeclaration(
     isAllLiteral =
       isConst &&
       node.declarations.every(
-        decl => decl.id.type === 'Identifier' && isStaticNode(decl.init!)
+        decl => decl.id.type === 'Identifier' && isStaticNode(decl.init!),
       )
 
     // export const foo = ...
@@ -1083,7 +1084,7 @@ function walkDeclaration(
         isConst &&
         isCallOf(
           init,
-          c => c === DEFINE_PROPS || c === DEFINE_EMITS || c === WITH_DEFAULTS
+          c => c === DEFINE_PROPS || c === DEFINE_EMITS || c === WITH_DEFAULTS,
         )
       )
       if (id.type === 'Identifier') {
@@ -1118,7 +1119,7 @@ function walkDeclaration(
                 m === userImportAliases['shallowRef'] ||
                 m === userImportAliases['customRef'] ||
                 m === userImportAliases['toRef'] ||
-                m === DEFINE_MODEL
+                m === DEFINE_MODEL,
             )
           ) {
             bindingType = BindingTypes.SETUP_REF
@@ -1142,7 +1143,7 @@ function walkDeclaration(
     }
   } else if (node.type === 'TSEnumDeclaration') {
     isAllLiteral = node.members.every(
-      member => !member.initializer || isStaticNode(member.initializer)
+      member => !member.initializer || isStaticNode(member.initializer),
     )
     bindings[node.id!.name] = isAllLiteral
       ? BindingTypes.LITERAL_CONST
@@ -1163,7 +1164,7 @@ function walkObjectPattern(
   node: ObjectPattern,
   bindings: Record<string, BindingTypes>,
   isConst: boolean,
-  isDefineCall = false
+  isDefineCall = false,
 ) {
   for (const p of node.properties) {
     if (p.type === 'ObjectProperty') {
@@ -1191,7 +1192,7 @@ function walkArrayPattern(
   node: ArrayPattern,
   bindings: Record<string, BindingTypes>,
   isConst: boolean,
-  isDefineCall = false
+  isDefineCall = false,
 ) {
   for (const e of node.elements) {
     e && walkPattern(e, bindings, isConst, isDefineCall)
@@ -1202,7 +1203,7 @@ function walkPattern(
   node: Node,
   bindings: Record<string, BindingTypes>,
   isConst: boolean,
-  isDefineCall = false
+  isDefineCall = false,
 ) {
   if (node.type === 'Identifier') {
     const type = isDefineCall
@@ -1251,7 +1252,7 @@ function canNeverBeRef(node: Node, userReactiveImport?: string): boolean {
     case 'SequenceExpression':
       return canNeverBeRef(
         node.expressions[node.expressions.length - 1],
-        userReactiveImport
+        userReactiveImport,
       )
     default:
       if (isLiteralNode(node)) {
diff --git a/packages/compiler-sfc/src/compileStyle.ts b/packages/compiler-sfc/src/compileStyle.ts
index 47f90e824d6..7c1c28ad806 100644
--- a/packages/compiler-sfc/src/compileStyle.ts
+++ b/packages/compiler-sfc/src/compileStyle.ts
@@ -3,7 +3,7 @@ import postcss, {
   Result,
   SourceMap,
   Message,
-  LazyResult
+  LazyResult,
 } from 'postcss'
 import trimPlugin from './style/pluginTrim'
 import scopedPlugin from './style/pluginScoped'
@@ -11,7 +11,7 @@ import {
   processors,
   StylePreprocessor,
   StylePreprocessorResults,
-  PreprocessLang
+  PreprocessLang,
 } from './style/preprocessors'
 import { RawSourceMap } from 'source-map-js'
 import { cssVarsPlugin } from './style/cssVars'
@@ -69,25 +69,25 @@ export interface SFCStyleCompileResults {
 }
 
 export function compileStyle(
-  options: SFCStyleCompileOptions
+  options: SFCStyleCompileOptions,
 ): SFCStyleCompileResults {
   return doCompileStyle({
     ...options,
-    isAsync: false
+    isAsync: false,
   }) as SFCStyleCompileResults
 }
 
 export function compileStyleAsync(
-  options: SFCAsyncStyleCompileOptions
+  options: SFCAsyncStyleCompileOptions,
 ): Promise<SFCStyleCompileResults> {
   return doCompileStyle({
     ...options,
-    isAsync: true
+    isAsync: true,
   }) as Promise<SFCStyleCompileResults>
 }
 
 export function doCompileStyle(
-  options: SFCAsyncStyleCompileOptions
+  options: SFCAsyncStyleCompileOptions,
 ): SFCStyleCompileResults | Promise<SFCStyleCompileResults> {
   const {
     filename,
@@ -99,7 +99,7 @@ export function doCompileStyle(
     modulesOptions = {},
     preprocessLang,
     postcssOptions,
-    postcssPlugins
+    postcssPlugins,
   } = options
   const preprocessor = preprocessLang && processors[preprocessLang]
   const preProcessedSource = preprocessor && preprocess(options, preprocessor)
@@ -123,12 +123,12 @@ export function doCompileStyle(
   if (modules) {
     if (__GLOBAL__ || __ESM_BROWSER__) {
       throw new Error(
-        '[@vue/compiler-sfc] `modules` option is not supported in the browser build.'
+        '[@vue/compiler-sfc] `modules` option is not supported in the browser build.',
       )
     }
     if (!options.isAsync) {
       throw new Error(
-        '[@vue/compiler-sfc] `modules` option can only be used with compileStyleAsync().'
+        '[@vue/compiler-sfc] `modules` option can only be used with compileStyleAsync().',
       )
     }
     plugins.push(
@@ -136,21 +136,21 @@ export function doCompileStyle(
         ...modulesOptions,
         getJSON: (_cssFileName: string, json: Record<string, string>) => {
           cssModules = json
-        }
-      })
+        },
+      }),
     )
   }
 
   const postCSSOptions: ProcessOptions = {
     ...postcssOptions,
     to: filename,
-    from: filename
+    from: filename,
   }
   if (map) {
     postCSSOptions.map = {
       inline: false,
       annotation: false,
-      prev: map
+      prev: map,
     }
   }
 
@@ -159,7 +159,7 @@ export function doCompileStyle(
   let outMap: SourceMap | undefined
   // stylus output include plain css. so need remove the repeat item
   const dependencies = new Set(
-    preProcessedSource ? preProcessedSource.dependencies : []
+    preProcessedSource ? preProcessedSource.dependencies : [],
   )
   // sass has filename self when provided filename option
   dependencies.delete(filename)
@@ -191,14 +191,14 @@ export function doCompileStyle(
           errors,
           modules: cssModules,
           rawResult: result,
-          dependencies: recordPlainCssDependencies(result.messages)
+          dependencies: recordPlainCssDependencies(result.messages),
         }))
         .catch(error => ({
           code: '',
           map: undefined,
           errors: [...errors, error],
           rawResult: undefined,
-          dependencies
+          dependencies,
         }))
     }
 
@@ -215,19 +215,19 @@ export function doCompileStyle(
     map: outMap && outMap.toJSON(),
     errors,
     rawResult: result,
-    dependencies
+    dependencies,
   }
 }
 
 function preprocess(
   options: SFCStyleCompileOptions,
-  preprocessor: StylePreprocessor
+  preprocessor: StylePreprocessor,
 ): StylePreprocessorResults {
   if ((__ESM_BROWSER__ || __GLOBAL__) && !options.preprocessCustomRequire) {
     throw new Error(
       `[@vue/compiler-sfc] Style preprocessing in the browser build must ` +
         `provide the \`preprocessCustomRequire\` option to return the in-browser ` +
-        `version of the preprocessor.`
+        `version of the preprocessor.`,
     )
   }
 
@@ -236,8 +236,8 @@ function preprocess(
     options.inMap || options.map,
     {
       filename: options.filename,
-      ...options.preprocessOptions
+      ...options.preprocessOptions,
     },
-    options.preprocessCustomRequire
+    options.preprocessCustomRequire,
   )
 }
diff --git a/packages/compiler-sfc/src/compileTemplate.ts b/packages/compiler-sfc/src/compileTemplate.ts
index fbd100c9784..76292874610 100644
--- a/packages/compiler-sfc/src/compileTemplate.ts
+++ b/packages/compiler-sfc/src/compileTemplate.ts
@@ -4,23 +4,23 @@ import {
   CompilerError,
   NodeTransform,
   ParserOptions,
-  RootNode
+  RootNode,
 } from '@vue/compiler-core'
 import {
   SourceMapConsumer,
   SourceMapGenerator,
-  RawSourceMap
+  RawSourceMap,
 } from 'source-map-js'
 import {
   transformAssetUrl,
   AssetURLOptions,
   createAssetUrlTransformWithOptions,
   AssetURLTagConfig,
-  normalizeOptions
+  normalizeOptions,
 } from './template/transformAssetUrl'
 import {
   transformSrcset,
-  createSrcsetTransformWithOptions
+  createSrcsetTransformWithOptions,
 } from './template/transformSrcset'
 import { generateCodeFrame, isObject } from '@vue/shared'
 import * as CompilerDOM from '@vue/compiler-dom'
@@ -75,13 +75,13 @@ interface PreProcessor {
   render(
     source: string,
     options: any,
-    cb: (err: Error | null, res: string) => void
+    cb: (err: Error | null, res: string) => void,
   ): void
 }
 
 function preprocess(
   { source, filename, preprocessOptions }: SFCTemplateCompileOptions,
-  preprocessor: PreProcessor
+  preprocessor: PreProcessor,
 ): string {
   // Consolidate exposes a callback based API, but the callback is in fact
   // called synchronously for most templating engines. In our case, we have to
@@ -96,7 +96,7 @@ function preprocess(
     (_err, _res) => {
       if (_err) err = _err
       res = _res
-    }
+    },
   )
 
   if (err) throw err
@@ -104,7 +104,7 @@ function preprocess(
 }
 
 export function compileTemplate(
-  options: SFCTemplateCompileOptions
+  options: SFCTemplateCompileOptions,
 ): SFCTemplateCompileResults {
   const { preprocessLang, preprocessCustomRequire } = options
 
@@ -116,7 +116,7 @@ export function compileTemplate(
     throw new Error(
       `[@vue/compiler-sfc] Template preprocessing in the browser build must ` +
         `provide the \`preprocessCustomRequire\` option to return the in-browser ` +
-        `version of the preprocessor in the shape of { render(): string }.`
+        `version of the preprocessor in the shape of { render(): string }.`,
     )
   }
 
@@ -131,14 +131,14 @@ export function compileTemplate(
     try {
       return doCompileTemplate({
         ...options,
-        source: preprocess(options, preprocessor)
+        source: preprocess(options, preprocessor),
       })
     } catch (e: any) {
       return {
         code: `export default function render() {}`,
         source: options.source,
         tips: [],
-        errors: [e]
+        errors: [e],
       }
     }
   } else if (preprocessLang) {
@@ -146,11 +146,11 @@ export function compileTemplate(
       code: `export default function render() {}`,
       source: options.source,
       tips: [
-        `Component ${options.filename} uses lang ${preprocessLang} for template. Please install the language preprocessor.`
+        `Component ${options.filename} uses lang ${preprocessLang} for template. Please install the language preprocessor.`,
       ],
       errors: [
-        `Component ${options.filename} uses lang ${preprocessLang} for template, however it is not installed.`
-      ]
+        `Component ${options.filename} uses lang ${preprocessLang} for template, however it is not installed.`,
+      ],
     }
   } else {
     return doCompileTemplate(options)
@@ -169,7 +169,7 @@ function doCompileTemplate({
   isProd = false,
   compiler = ssr ? (CompilerSSR as TemplateCompiler) : CompilerDOM,
   compilerOptions = {},
-  transformAssetUrls
+  transformAssetUrls,
 }: SFCTemplateCompileOptions): SFCTemplateCompileResults {
   const errors: CompilerError[] = []
   const warnings: CompilerError[] = []
@@ -179,7 +179,7 @@ function doCompileTemplate({
     const assetOptions = normalizeOptions(transformAssetUrls)
     nodeTransforms = [
       createAssetUrlTransformWithOptions(assetOptions),
-      createSrcsetTransformWithOptions(assetOptions)
+      createSrcsetTransformWithOptions(assetOptions),
     ]
   } else if (transformAssetUrls !== false) {
     nodeTransforms = [transformAssetUrl, transformSrcset]
@@ -188,7 +188,7 @@ function doCompileTemplate({
   if (ssr && !ssrCssVars) {
     warnOnce(
       `compileTemplate is called with \`ssr: true\` but no ` +
-        `corresponding \`cssVars\` option.\`.`
+        `corresponding \`cssVars\` option.\`.`,
     )
   }
   if (!id) {
@@ -215,7 +215,7 @@ function doCompileTemplate({
     nodeTransforms: nodeTransforms.concat(compilerOptions.nodeTransforms || []),
     filename,
     onError: e => errors.push(e),
-    onWarn: w => warnings.push(w)
+    onWarn: w => warnings.push(w),
   })
 
   // inMap should be the map produced by ./parse.ts which is a simple line-only
@@ -236,7 +236,7 @@ function doCompileTemplate({
       msg += `\n${generateCodeFrame(
         source,
         w.loc.start.offset,
-        w.loc.end.offset
+        w.loc.end.offset,
       )}`
     }
     return msg
@@ -260,7 +260,7 @@ function mapLines(oldMap: RawSourceMap, newMap: RawSourceMap): RawSourceMap {
 
     const origPosInOldMap = oldMapConsumer.originalPositionFor({
       line: m.originalLine,
-      column: m.originalColumn
+      column: m.originalColumn,
     })
 
     if (origPosInOldMap.source == null) {
@@ -270,16 +270,16 @@ function mapLines(oldMap: RawSourceMap, newMap: RawSourceMap): RawSourceMap {
     mergedMapGenerator.addMapping({
       generated: {
         line: m.generatedLine,
-        column: m.generatedColumn
+        column: m.generatedColumn,
       },
       original: {
         line: origPosInOldMap.line, // map line
         // use current column, since the oldMap produced by @vue/compiler-sfc
         // does not
-        column: m.originalColumn
+        column: m.originalColumn,
       },
       source: origPosInOldMap.source,
-      name: origPosInOldMap.name
+      name: origPosInOldMap.name,
     })
   })
 
@@ -301,7 +301,7 @@ function mapLines(oldMap: RawSourceMap, newMap: RawSourceMap): RawSourceMap {
 function patchErrors(
   errors: CompilerError[],
   source: string,
-  inMap: RawSourceMap
+  inMap: RawSourceMap,
 ) {
   const originalSource = inMap.sourcesContent![0]
   const offset = originalSource.indexOf(source)
diff --git a/packages/compiler-sfc/src/index.ts b/packages/compiler-sfc/src/index.ts
index 76b4900d46d..c69495f43d3 100644
--- a/packages/compiler-sfc/src/index.ts
+++ b/packages/compiler-sfc/src/index.ts
@@ -12,7 +12,7 @@ export { resolveTypeElements, inferRuntimeType } from './script/resolveType'
 export {
   shouldTransform as shouldTransformRef,
   transform as transformRef,
-  transformAST as transformRefAST
+  transformAST as transformRefAST,
 } from '@vue/reactivity-transform'
 
 // Utilities
@@ -28,7 +28,7 @@ export {
   walkIdentifiers,
   extractIdentifiers,
   isInDestructureAssignment,
-  isStaticProperty
+  isStaticProperty,
 } from '@vue/compiler-core'
 
 // Internals for type resolution
@@ -42,30 +42,30 @@ export type {
   SFCBlock,
   SFCTemplateBlock,
   SFCScriptBlock,
-  SFCStyleBlock
+  SFCStyleBlock,
 } from './parse'
 export type {
   TemplateCompiler,
   SFCTemplateCompileOptions,
-  SFCTemplateCompileResults
+  SFCTemplateCompileResults,
 } from './compileTemplate'
 export type {
   SFCStyleCompileOptions,
   SFCAsyncStyleCompileOptions,
-  SFCStyleCompileResults
+  SFCStyleCompileResults,
 } from './compileStyle'
 export type { SFCScriptCompileOptions } from './compileScript'
 export type { ScriptCompileContext } from './script/context'
 export type {
   TypeResolveContext,
-  SimpleTypeResolveContext
+  SimpleTypeResolveContext,
 } from './script/resolveType'
 export type {
   AssetURLOptions,
-  AssetURLTagConfig
+  AssetURLTagConfig,
 } from './template/transformAssetUrl'
 export type {
   CompilerOptions,
   CompilerError,
-  BindingMetadata
+  BindingMetadata,
 } from '@vue/compiler-core'
diff --git a/packages/compiler-sfc/src/parse.ts b/packages/compiler-sfc/src/parse.ts
index da8cf6d8669..89171e83779 100644
--- a/packages/compiler-sfc/src/parse.ts
+++ b/packages/compiler-sfc/src/parse.ts
@@ -4,7 +4,7 @@ import {
   SourceLocation,
   CompilerError,
   TextModes,
-  BindingMetadata
+  BindingMetadata,
 } from '@vue/compiler-core'
 import * as CompilerDOM from '@vue/compiler-dom'
 import { RawSourceMap, SourceMapGenerator } from 'source-map-js'
@@ -103,8 +103,8 @@ export function parse(
     sourceRoot = '',
     pad = false,
     ignoreEmpty = true,
-    compiler = CompilerDOM
-  }: SFCParseOptions = {}
+    compiler = CompilerDOM,
+  }: SFCParseOptions = {},
 ): SFCParseResult {
   const sourceKey =
     source + sourceMap + filename + sourceRoot + pad + compiler.parse
@@ -123,7 +123,7 @@ export function parse(
     customBlocks: [],
     cssVars: [],
     slotted: false,
-    shouldForceReload: prevImports => hmrShouldReload(prevImports, descriptor)
+    shouldForceReload: prevImports => hmrShouldReload(prevImports, descriptor),
   }
 
   const errors: (CompilerError | SyntaxError)[] = []
@@ -145,7 +145,7 @@ export function parse(
               p.name === 'lang' &&
               p.value &&
               p.value.content &&
-              p.value.content !== 'html'
+              p.value.content !== 'html',
           ))
       ) {
         return TextModes.RAWTEXT
@@ -155,7 +155,7 @@ export function parse(
     },
     onError: e => {
       errors.push(e)
-    }
+    },
   })
   ast.children.forEach(node => {
     if (node.type !== NodeTypes.ELEMENT) {
@@ -176,7 +176,7 @@ export function parse(
           const templateBlock = (descriptor.template = createBlock(
             node,
             source,
-            false
+            false,
           ) as SFCTemplateBlock)
           templateBlock.ast = node
 
@@ -186,7 +186,7 @@ export function parse(
               `<template functional> is no longer supported in Vue 3, since ` +
                 `functional components no longer have significant performance ` +
                 `difference from stateful ones. Just use a normal <template> ` +
-                `instead.`
+                `instead.`,
             ) as CompilerError
             err.loc = node.props.find(p => p.name === 'functional')!.loc
             errors.push(err)
@@ -214,8 +214,8 @@ export function parse(
           errors.push(
             new SyntaxError(
               `<style vars> has been replaced by a new proposal: ` +
-                `https://github.com/vuejs/rfcs/pull/231`
-            )
+                `https://github.com/vuejs/rfcs/pull/231`,
+            ),
           )
         }
         descriptor.styles.push(styleBlock)
@@ -228,8 +228,8 @@ export function parse(
   if (!descriptor.template && !descriptor.script && !descriptor.scriptSetup) {
     errors.push(
       new SyntaxError(
-        `At least one <template> or <script> is required in a single file component.`
-      )
+        `At least one <template> or <script> is required in a single file component.`,
+      ),
     )
   }
   if (descriptor.scriptSetup) {
@@ -237,8 +237,8 @@ export function parse(
       errors.push(
         new SyntaxError(
           `<script setup> cannot use the "src" attribute because ` +
-            `its syntax will be ambiguous outside of the component.`
-        )
+            `its syntax will be ambiguous outside of the component.`,
+        ),
       )
       descriptor.scriptSetup = null
     }
@@ -246,8 +246,8 @@ export function parse(
       errors.push(
         new SyntaxError(
           `<script> cannot use the "src" attribute when <script setup> is ` +
-            `also present because they must be processed together.`
-        )
+            `also present because they must be processed together.`,
+        ),
       )
       descriptor.script = null
     }
@@ -261,7 +261,7 @@ export function parse(
           source,
           block.content,
           sourceRoot,
-          !pad || block.type === 'template' ? block.loc.start.line - 1 : 0
+          !pad || block.type === 'template' ? block.loc.start.line - 1 : 0,
         )
       }
     }
@@ -277,12 +277,12 @@ export function parse(
   // check if the SFC uses :slotted
   const slottedRE = /(?:::v-|:)slotted\(/
   descriptor.slotted = descriptor.styles.some(
-    s => s.scoped && slottedRE.test(s.content)
+    s => s.scoped && slottedRE.test(s.content),
   )
 
   const result = {
     descriptor,
-    errors
+    errors,
   }
   parseCache.set(sourceKey, result)
   return result
@@ -290,12 +290,12 @@ export function parse(
 
 function createDuplicateBlockError(
   node: ElementNode,
-  isScriptSetup = false
+  isScriptSetup = false,
 ): CompilerError {
   const err = new SyntaxError(
     `Single file component can contain only one <${node.tag}${
       isScriptSetup ? ` setup` : ``
-    }> element`
+    }> element`,
   ) as CompilerError
   err.loc = node.loc
   return err
@@ -304,7 +304,7 @@ function createDuplicateBlockError(
 function createBlock(
   node: ElementNode,
   source: string,
-  pad: SFCParseOptions['pad']
+  pad: SFCParseOptions['pad'],
 ): SFCBlock {
   const type = node.tag
   let { start, end } = node.loc
@@ -319,7 +319,7 @@ function createBlock(
       start = {
         line: start.line,
         column: start.column + offset,
-        offset: start.offset + offset
+        offset: start.offset + offset,
       }
     }
     end = { ...start }
@@ -327,14 +327,14 @@ function createBlock(
   const loc = {
     source: content,
     start,
-    end
+    end,
   }
   const attrs: Record<string, string | true> = {}
   const block: SFCBlock = {
     type,
     content,
     loc,
-    attrs
+    attrs,
   }
   if (pad) {
     block.content = padContent(source, block, pad) + block.content
@@ -369,11 +369,11 @@ function generateSourceMap(
   source: string,
   generated: string,
   sourceRoot: string,
-  lineOffset: number
+  lineOffset: number,
 ): RawSourceMap {
   const map = new SourceMapGenerator({
     file: filename.replace(/\\/g, '/'),
-    sourceRoot: sourceRoot.replace(/\\/g, '/')
+    sourceRoot: sourceRoot.replace(/\\/g, '/'),
   })
   map.setSourceContent(filename, source)
   generated.split(splitRE).forEach((line, index) => {
@@ -386,12 +386,12 @@ function generateSourceMap(
             source: filename,
             original: {
               line: originalLine,
-              column: i
+              column: i,
             },
             generated: {
               line: generatedLine,
-              column: i
-            }
+              column: i,
+            },
           })
         }
       }
@@ -403,7 +403,7 @@ function generateSourceMap(
 function padContent(
   content: string,
   block: SFCBlock,
-  pad: SFCParseOptions['pad']
+  pad: SFCParseOptions['pad'],
 ): string {
   content = content.slice(0, block.loc.start.offset)
   if (pad === 'space') {
@@ -445,7 +445,7 @@ function isEmpty(node: ElementNode) {
  */
 export function hmrShouldReload(
   prevImports: Record<string, ImportBinding>,
-  next: SFCDescriptor
+  next: SFCDescriptor,
 ): boolean {
   if (
     !next.scriptSetup ||
diff --git a/packages/compiler-sfc/src/rewriteDefault.ts b/packages/compiler-sfc/src/rewriteDefault.ts
index ae5e7366bde..d4bcad4e144 100644
--- a/packages/compiler-sfc/src/rewriteDefault.ts
+++ b/packages/compiler-sfc/src/rewriteDefault.ts
@@ -6,11 +6,11 @@ import type { Identifier, Statement } from '@babel/types'
 export function rewriteDefault(
   input: string,
   as: string,
-  parserPlugins?: ParserPlugin[]
+  parserPlugins?: ParserPlugin[],
 ): string {
   const ast = parse(input, {
     sourceType: 'module',
-    plugins: parserPlugins
+    plugins: parserPlugins,
   }).program.body
   const s = new MagicString(input)
 
@@ -26,7 +26,7 @@ export function rewriteDefault(
 export function rewriteDefaultAST(
   ast: Statement[],
   s: MagicString,
-  as: string
+  as: string,
 ): void {
   if (!hasDefaultExport(ast)) {
     s.append(`\nconst ${as} = {}`)
@@ -59,7 +59,7 @@ export function rewriteDefaultAST(
           if (node.source) {
             if (specifier.local.name === 'default') {
               s.prepend(
-                `import { default as __VUE_DEFAULT__ } from '${node.source.value}'\n`
+                `import { default as __VUE_DEFAULT__ } from '${node.source.value}'\n`,
               )
               const end = specifierEnd(s, specifier.local.end!, node.end!)
               s.remove(specifier.start!, end)
@@ -69,8 +69,8 @@ export function rewriteDefaultAST(
               s.prepend(
                 `import { ${s.slice(
                   specifier.local.start!,
-                  specifier.local.end!
-                )} as __VUE_DEFAULT__ } from '${node.source.value}'\n`
+                  specifier.local.end!,
+                )} as __VUE_DEFAULT__ } from '${node.source.value}'\n`,
               )
               const end = specifierEnd(s, specifier.exported.end!, node.end!)
               s.remove(specifier.start!, end)
@@ -95,7 +95,7 @@ export function hasDefaultExport(ast: Statement[]): boolean {
     } else if (
       stmt.type === 'ExportNamedDeclaration' &&
       stmt.specifiers.some(
-        spec => (spec.exported as Identifier).name === 'default'
+        spec => (spec.exported as Identifier).name === 'default',
       )
     ) {
       return true
diff --git a/packages/compiler-sfc/src/script/analyzeScriptBindings.ts b/packages/compiler-sfc/src/script/analyzeScriptBindings.ts
index 5adbb1b4336..93a9779f7ba 100644
--- a/packages/compiler-sfc/src/script/analyzeScriptBindings.ts
+++ b/packages/compiler-sfc/src/script/analyzeScriptBindings.ts
@@ -2,7 +2,7 @@ import {
   ArrayExpression,
   Node,
   ObjectExpression,
-  Statement
+  Statement,
 } from '@babel/types'
 import { BindingMetadata, BindingTypes } from '@vue/compiler-dom'
 import { resolveObjectKey } from './utils'
@@ -30,7 +30,7 @@ function analyzeBindingsFromOptions(node: ObjectExpression): BindingMetadata {
   // mark non-script-setup so we don't resolve components/directives from these
   Object.defineProperty(bindings, '__isScriptSetup', {
     enumerable: false,
-    value: false
+    value: false,
   })
   for (const property of node.properties) {
     if (
diff --git a/packages/compiler-sfc/src/script/context.ts b/packages/compiler-sfc/src/script/context.ts
index 5fe09d28a42..bf1d298b16c 100644
--- a/packages/compiler-sfc/src/script/context.ts
+++ b/packages/compiler-sfc/src/script/context.ts
@@ -78,7 +78,7 @@ export class ScriptCompileContext {
 
   constructor(
     public descriptor: SFCDescriptor,
-    public options: Partial<SFCScriptCompileOptions>
+    public options: Partial<SFCScriptCompileOptions>,
   ) {
     const { script, scriptSetup } = descriptor
     const scriptLang = script && script.lang
@@ -98,14 +98,14 @@ export class ScriptCompileContext {
     // resolve parser plugins
     const plugins: ParserPlugin[] = resolveParserPlugins(
       (scriptLang || scriptSetupLang)!,
-      options.babelParserPlugins
+      options.babelParserPlugins,
     )
 
     function parse(input: string, offset: number): Program {
       try {
         return babelParse(input, {
           plugins,
-          sourceType: 'module'
+          sourceType: 'module',
         }).program
       } catch (e: any) {
         e.message = `[vue/compiler-sfc] ${e.message}\n\n${
@@ -113,7 +113,7 @@ export class ScriptCompileContext {
         }\n${generateCodeFrame(
           descriptor.source,
           e.pos + offset,
-          e.pos + offset + 1
+          e.pos + offset + 1,
         )}`
         throw e
       }
@@ -143,8 +143,8 @@ export class ScriptCompileContext {
       }\n${generateCodeFrame(
         (scope || this.descriptor).source,
         node.start! + offset,
-        node.end! + offset
-      )}`
+        node.end! + offset,
+      )}`,
     )
   }
 }
@@ -152,7 +152,7 @@ export class ScriptCompileContext {
 export function resolveParserPlugins(
   lang: string,
   userPlugins?: ParserPlugin[],
-  dts = false
+  dts = false,
 ) {
   const plugins: ParserPlugin[] = []
   if (lang === 'jsx' || lang === 'tsx') {
diff --git a/packages/compiler-sfc/src/script/defineEmits.ts b/packages/compiler-sfc/src/script/defineEmits.ts
index 02014d1b276..0bf5cbc24b9 100644
--- a/packages/compiler-sfc/src/script/defineEmits.ts
+++ b/packages/compiler-sfc/src/script/defineEmits.ts
@@ -8,7 +8,7 @@ export const DEFINE_EMITS = 'defineEmits'
 export function processDefineEmits(
   ctx: ScriptCompileContext,
   node: Node,
-  declId?: LVal
+  declId?: LVal,
 ): boolean {
   if (!isCallOf(node, DEFINE_EMITS)) {
     return false
@@ -23,7 +23,7 @@ export function processDefineEmits(
       ctx.error(
         `${DEFINE_EMITS}() cannot accept both type and non-type arguments ` +
           `at the same time. Use one or the other.`,
-        node
+        node,
       )
     }
     ctx.emitsTypeDecl = node.typeParameters.params[0]
@@ -78,7 +78,7 @@ function extractRuntimeEmits(ctx: ScriptCompileContext): Set<string> {
     if (hasProperty) {
       ctx.error(
         `defineEmits() type cannot mixed call signature and property syntax.`,
-        node
+        node,
       )
     }
     for (const call of calls) {
@@ -92,7 +92,7 @@ function extractRuntimeEmits(ctx: ScriptCompileContext): Set<string> {
 function extractEventNames(
   ctx: ScriptCompileContext,
   eventName: Identifier | RestElement,
-  emits: Set<string>
+  emits: Set<string>,
 ) {
   if (
     eventName.type === 'Identifier' &&
diff --git a/packages/compiler-sfc/src/script/defineExpose.ts b/packages/compiler-sfc/src/script/defineExpose.ts
index 636fdba8d08..307fcb7a1f7 100644
--- a/packages/compiler-sfc/src/script/defineExpose.ts
+++ b/packages/compiler-sfc/src/script/defineExpose.ts
@@ -6,7 +6,7 @@ export const DEFINE_EXPOSE = 'defineExpose'
 
 export function processDefineExpose(
   ctx: ScriptCompileContext,
-  node: Node
+  node: Node,
 ): boolean {
   if (isCallOf(node, DEFINE_EXPOSE)) {
     if (ctx.hasDefineExposeCall) {
diff --git a/packages/compiler-sfc/src/script/defineModel.ts b/packages/compiler-sfc/src/script/defineModel.ts
index 432b8676fbd..626e4b2e3c7 100644
--- a/packages/compiler-sfc/src/script/defineModel.ts
+++ b/packages/compiler-sfc/src/script/defineModel.ts
@@ -6,7 +6,7 @@ import {
   concatStrings,
   isCallOf,
   toRuntimeTypeString,
-  unwrapTSNode
+  unwrapTSNode,
 } from './utils'
 import { BindingTypes } from '@vue/compiler-dom'
 import { warnOnce } from '../warn'
@@ -22,7 +22,7 @@ export interface ModelDecl {
 export function processDefineModel(
   ctx: ScriptCompileContext,
   node: Node,
-  declId?: LVal
+  declId?: LVal,
 ): boolean {
   if (!isCallOf(node, DEFINE_MODEL)) {
     return false
@@ -31,7 +31,7 @@ export function processDefineModel(
   if (!ctx.options.defineModel) {
     warnOnce(
       `defineModel() is an experimental feature and disabled by default.\n` +
-        `To enable it, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`
+        `To enable it, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`,
     )
     return false
   }
@@ -40,7 +40,7 @@ export function processDefineModel(
     `This project is using defineModel(), which is an experimental ` +
       `feature. It may receive breaking changes or be removed in the future, so ` +
       `use at your own risk.\n` +
-      `To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`
+      `To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/503.`,
   )
 
   ctx.hasDefineModelCall = true
@@ -67,7 +67,8 @@ export function processDefineModel(
   ctx.modelDecls[modelName] = {
     type,
     options: optionsString,
-    identifier: declId && declId.type === 'Identifier' ? declId.name : undefined
+    identifier:
+      declId && declId.type === 'Identifier' ? declId.name : undefined,
   }
   // register binding type
   ctx.bindingMetadata[modelName] = BindingTypes.PROPS
@@ -79,7 +80,7 @@ export function processDefineModel(
         p =>
           p.type === 'ObjectProperty' &&
           ((p.key.type === 'Identifier' && p.key.name === 'local') ||
-            (p.key.type === 'StringLiteral' && p.key.value === 'local'))
+            (p.key.type === 'StringLiteral' && p.key.value === 'local')),
       ) as ObjectProperty
 
       if (local) {
@@ -102,7 +103,7 @@ export function processDefineModel(
     ctx.startOffset! + node.end!,
     `${ctx.helper('useModel')}(__props, ${JSON.stringify(modelName)}${
       runtimeOptions ? `, ${runtimeOptions}` : ``
-    })`
+    })`,
   )
 
   return true
@@ -137,7 +138,7 @@ export function genModelProps(ctx: ScriptCompileContext) {
 
     const codegenOptions = concatStrings([
       runtimeType && `type: ${runtimeType}`,
-      skipCheck && 'skipCheck: true'
+      skipCheck && 'skipCheck: true',
     ])
 
     let decl: string
diff --git a/packages/compiler-sfc/src/script/defineOptions.ts b/packages/compiler-sfc/src/script/defineOptions.ts
index 8da3dbc0b4d..d2e4983d1a4 100644
--- a/packages/compiler-sfc/src/script/defineOptions.ts
+++ b/packages/compiler-sfc/src/script/defineOptions.ts
@@ -10,7 +10,7 @@ export const DEFINE_OPTIONS = 'defineOptions'
 
 export function processDefineOptions(
   ctx: ScriptCompileContext,
-  node: Node
+  node: Node,
 ): boolean {
   if (!isCallOf(node, DEFINE_OPTIONS)) {
     return false
@@ -47,25 +47,25 @@ export function processDefineOptions(
   if (propsOption) {
     ctx.error(
       `${DEFINE_OPTIONS}() cannot be used to declare props. Use ${DEFINE_PROPS}() instead.`,
-      propsOption
+      propsOption,
     )
   }
   if (emitsOption) {
     ctx.error(
       `${DEFINE_OPTIONS}() cannot be used to declare emits. Use ${DEFINE_EMITS}() instead.`,
-      emitsOption
+      emitsOption,
     )
   }
   if (exposeOption) {
     ctx.error(
       `${DEFINE_OPTIONS}() cannot be used to declare expose. Use ${DEFINE_EXPOSE}() instead.`,
-      exposeOption
+      exposeOption,
     )
   }
   if (slotsOption) {
     ctx.error(
       `${DEFINE_OPTIONS}() cannot be used to declare slots. Use ${DEFINE_SLOTS}() instead.`,
-      slotsOption
+      slotsOption,
     )
   }
 
diff --git a/packages/compiler-sfc/src/script/defineProps.ts b/packages/compiler-sfc/src/script/defineProps.ts
index 5004e314da1..220e8b84915 100644
--- a/packages/compiler-sfc/src/script/defineProps.ts
+++ b/packages/compiler-sfc/src/script/defineProps.ts
@@ -4,7 +4,7 @@ import {
   ObjectProperty,
   ObjectMethod,
   ObjectExpression,
-  Expression
+  Expression,
 } from '@babel/types'
 import { BindingTypes, isFunctionType } from '@vue/compiler-dom'
 import { ScriptCompileContext } from './context'
@@ -17,7 +17,7 @@ import {
   isCallOf,
   unwrapTSNode,
   toRuntimeTypeString,
-  getEscapedKey
+  getEscapedKey,
 } from './utils'
 import { genModelProps } from './defineModel'
 import { getObjectOrArrayExpressionKeys } from './analyzeScriptBindings'
@@ -44,7 +44,7 @@ export type PropsDestructureBindings = Record<
 export function processDefineProps(
   ctx: ScriptCompileContext,
   node: Node,
-  declId?: LVal
+  declId?: LVal,
 ) {
   if (!isCallOf(node, DEFINE_PROPS)) {
     return processWithDefaults(ctx, node, declId)
@@ -71,7 +71,7 @@ export function processDefineProps(
       ctx.error(
         `${DEFINE_PROPS}() cannot accept both type and non-type arguments ` +
           `at the same time. Use one or the other.`,
-        node
+        node,
       )
     }
     ctx.propsTypeDecl = node.typeParameters.params[0]
@@ -91,7 +91,7 @@ export function processDefineProps(
 function processWithDefaults(
   ctx: ScriptCompileContext,
   node: Node,
-  declId?: LVal
+  declId?: LVal,
 ): boolean {
   if (!isCallOf(node, WITH_DEFAULTS)) {
     return false
@@ -99,7 +99,7 @@ function processWithDefaults(
   if (!processDefineProps(ctx, node.arguments[0], declId)) {
     ctx.error(
       `${WITH_DEFAULTS}' first argument must be a ${DEFINE_PROPS} call.`,
-      node.arguments[0] || node
+      node.arguments[0] || node,
     )
   }
 
@@ -107,14 +107,14 @@ function processWithDefaults(
     ctx.error(
       `${WITH_DEFAULTS} can only be used with type-based ` +
         `${DEFINE_PROPS} declaration.`,
-      node
+      node,
     )
   }
   if (ctx.propsDestructureDecl) {
     ctx.error(
       `${WITH_DEFAULTS}() is unnecessary when using destructure with ${DEFINE_PROPS}().\n` +
         `Prefer using destructure default values, e.g. const { foo = 1 } = defineProps(...).`,
-      node.callee
+      node.callee,
     )
   }
   ctx.propsRuntimeDefaults = node.arguments[1]
@@ -140,12 +140,12 @@ export function genRuntimeProps(ctx: ScriptCompileContext): string | undefined {
           defaults.push(
             `${finalKey}: ${d.valueString}${
               d.needSkipFactory ? `, __skip_${finalKey}: true` : ``
-            }`
+            }`,
           )
       }
       if (defaults.length) {
         propsDecls = `${ctx.helper(
-          `mergeDefaults`
+          `mergeDefaults`,
         )}(${propsDecls}, {\n  ${defaults.join(',\n  ')}\n})`
       }
     }
@@ -185,7 +185,7 @@ function genRuntimePropsFromTypes(ctx: ScriptCompileContext) {
 
   if (ctx.propsRuntimeDefaults && !hasStaticDefaults) {
     propsDecls = `${ctx.helper('mergeDefaults')}(${propsDecls}, ${ctx.getString(
-      ctx.propsRuntimeDefaults
+      ctx.propsRuntimeDefaults,
     )})`
   }
 
@@ -194,7 +194,7 @@ function genRuntimePropsFromTypes(ctx: ScriptCompileContext) {
 
 function resolveRuntimePropsFromType(
   ctx: ScriptCompileContext,
-  node: Node
+  node: Node,
 ): PropTypeData[] {
   const props: PropTypeData[] = []
   const elements = resolveTypeElements(ctx, node)
@@ -215,7 +215,7 @@ function resolveRuntimePropsFromType(
       key,
       required: !e.optional,
       type: type || [`null`],
-      skipCheck
+      skipCheck,
     })
   }
   return props
@@ -224,7 +224,7 @@ function resolveRuntimePropsFromType(
 function genRuntimePropFromType(
   ctx: ScriptCompileContext,
   { key, required, type, skipCheck }: PropTypeData,
-  hasStaticDefaults: boolean
+  hasStaticDefaults: boolean,
 ): string {
   let defaultString: string | undefined
   const destructured = genDestructuredDefaultValue(ctx, key, type)
@@ -237,7 +237,7 @@ function genRuntimePropFromType(
       node => {
         if (node.type === 'SpreadElement') return false
         return resolveObjectKey(node.key, node.computed) === key
-      }
+      },
     ) as ObjectProperty | ObjectMethod
     if (prop) {
       if (prop.type === 'ObjectProperty') {
@@ -257,13 +257,13 @@ function genRuntimePropFromType(
       `type: ${toRuntimeTypeString(type)}`,
       `required: ${required}`,
       skipCheck && 'skipCheck: true',
-      defaultString
+      defaultString,
     ])} }`
   } else if (
     type.some(
       el =>
         el === 'Boolean' ||
-        ((!hasStaticDefaults || defaultString) && el === 'Function')
+        ((!hasStaticDefaults || defaultString) && el === 'Function'),
     )
   ) {
     // #4783 for boolean, should keep the type
@@ -271,7 +271,7 @@ function genRuntimePropFromType(
     // in production
     return `${finalKey}: { ${concatStrings([
       `type: ${toRuntimeTypeString(type)}`,
-      defaultString
+      defaultString,
     ])} }`
   } else {
     // production: checks are useless
@@ -291,7 +291,7 @@ function hasStaticWithDefaults(ctx: ScriptCompileContext) {
     ctx.propsRuntimeDefaults.properties.every(
       node =>
         node.type !== 'SpreadElement' &&
-        (!node.computed || node.key.type.endsWith('Literal'))
+        (!node.computed || node.key.type.endsWith('Literal')),
     )
   )
 }
@@ -299,7 +299,7 @@ function hasStaticWithDefaults(ctx: ScriptCompileContext) {
 function genDestructuredDefaultValue(
   ctx: ScriptCompileContext,
   key: string,
-  inferredType?: string[]
+  inferredType?: string[],
 ):
   | {
       valueString: string
@@ -317,7 +317,7 @@ function genDestructuredDefaultValue(
       if (valueType && !inferredType.includes(valueType)) {
         ctx.error(
           `Default value of prop "${key}" does not match declared type.`,
-          unwrapped
+          unwrapped,
         )
       }
     }
@@ -337,7 +337,7 @@ function genDestructuredDefaultValue(
 
     return {
       valueString: needFactoryWrap ? `() => (${value})` : value,
-      needSkipFactory
+      needSkipFactory,
     }
   }
 }
diff --git a/packages/compiler-sfc/src/script/definePropsDestructure.ts b/packages/compiler-sfc/src/script/definePropsDestructure.ts
index 5aa895bc7fe..69a5b17cd39 100644
--- a/packages/compiler-sfc/src/script/definePropsDestructure.ts
+++ b/packages/compiler-sfc/src/script/definePropsDestructure.ts
@@ -5,7 +5,7 @@ import {
   Program,
   VariableDeclaration,
   ObjectPattern,
-  Expression
+  Expression,
 } from '@babel/types'
 import { walk } from 'estree-walker'
 import {
@@ -15,7 +15,7 @@ import {
   isInDestructureAssignment,
   isReferencedIdentifier,
   isStaticProperty,
-  walkFunctionParams
+  walkFunctionParams,
 } from '@vue/compiler-dom'
 import { genPropsAccessExp } from '@vue/shared'
 import { isCallOf, resolveObjectKey, unwrapTSNode } from './utils'
@@ -25,7 +25,7 @@ import { warnOnce } from '../warn'
 
 export function processPropsDestructure(
   ctx: ScriptCompileContext,
-  declId: ObjectPattern
+  declId: ObjectPattern,
 ) {
   if (!ctx.options.propsDestructure && !ctx.options.reactivityTransform) {
     return
@@ -35,7 +35,7 @@ export function processPropsDestructure(
     `This project is using reactive props destructure, which is an experimental ` +
       `feature. It may receive breaking changes or be removed in the future, so ` +
       `use at your own risk.\n` +
-      `To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/502.`
+      `To stay updated, follow the RFC at https://github.com/vuejs/rfcs/discussions/502.`,
   )
 
   ctx.propsDestructureDecl = declId
@@ -43,7 +43,7 @@ export function processPropsDestructure(
   const registerBinding = (
     key: string,
     local: string,
-    defaultValue?: Expression
+    defaultValue?: Expression,
   ) => {
     ctx.propsDestructuredBindings[key] = { local, default: defaultValue }
     if (local !== key) {
@@ -60,7 +60,7 @@ export function processPropsDestructure(
       if (!propKey) {
         ctx.error(
           `${DEFINE_PROPS}() destructure cannot use computed key.`,
-          prop.key
+          prop.key,
         )
       }
 
@@ -70,7 +70,7 @@ export function processPropsDestructure(
         if (left.type !== 'Identifier') {
           ctx.error(
             `${DEFINE_PROPS}() destructure does not support nested patterns.`,
-            left
+            left,
           )
         }
         registerBinding(propKey, left.name, right)
@@ -80,7 +80,7 @@ export function processPropsDestructure(
       } else {
         ctx.error(
           `${DEFINE_PROPS}() destructure does not support nested patterns.`,
-          prop.value
+          prop.value,
         )
       }
     } else {
@@ -101,7 +101,7 @@ type Scope = Record<string, boolean>
 
 export function transformDestructuredProps(
   ctx: ScriptCompileContext,
-  vueImportAliases: Record<string, string>
+  vueImportAliases: Record<string, string>,
 ) {
   if (!ctx.options.propsDestructure && !ctx.options.reactivityTransform) {
     return
@@ -136,7 +136,7 @@ export function transformDestructuredProps(
     } else {
       ctx.error(
         'registerBinding called without active scope, something is wrong.',
-        id
+        id,
       )
     }
   }
@@ -208,7 +208,7 @@ export function transformDestructuredProps(
         // { prop } -> { prop: __props.prop }
         ctx.s.appendLeft(
           id.end! + ctx.startOffset!,
-          `: ${genPropsAccessExp(propsLocalToPublicMap[id.name])}`
+          `: ${genPropsAccessExp(propsLocalToPublicMap[id.name])}`,
         )
       }
     } else {
@@ -216,7 +216,7 @@ export function transformDestructuredProps(
       ctx.s.overwrite(
         id.start! + ctx.startOffset!,
         id.end! + ctx.startOffset!,
-        genPropsAccessExp(propsLocalToPublicMap[id.name])
+        genPropsAccessExp(propsLocalToPublicMap[id.name]),
       )
     }
   }
@@ -228,7 +228,7 @@ export function transformDestructuredProps(
         ctx.error(
           `"${arg.name}" is a destructured prop and should not be passed directly to ${method}(). ` +
             `Pass a getter () => ${arg.name} instead.`,
-          arg
+          arg,
         )
       }
     }
@@ -301,6 +301,6 @@ export function transformDestructuredProps(
       ) {
         popScope()
       }
-    }
+    },
   })
 }
diff --git a/packages/compiler-sfc/src/script/defineSlots.ts b/packages/compiler-sfc/src/script/defineSlots.ts
index cd7dc2e4897..1ac29cdc419 100644
--- a/packages/compiler-sfc/src/script/defineSlots.ts
+++ b/packages/compiler-sfc/src/script/defineSlots.ts
@@ -7,7 +7,7 @@ export const DEFINE_SLOTS = 'defineSlots'
 export function processDefineSlots(
   ctx: ScriptCompileContext,
   node: Node,
-  declId?: LVal
+  declId?: LVal,
 ): boolean {
   if (!isCallOf(node, DEFINE_SLOTS)) {
     return false
@@ -25,7 +25,7 @@ export function processDefineSlots(
     ctx.s.overwrite(
       ctx.startOffset! + node.start!,
       ctx.startOffset! + node.end!,
-      `${ctx.helper('useSlots')}()`
+      `${ctx.helper('useSlots')}()`,
     )
   }
 
diff --git a/packages/compiler-sfc/src/script/importUsageCheck.ts b/packages/compiler-sfc/src/script/importUsageCheck.ts
index f3c3932d829..8f838df6832 100644
--- a/packages/compiler-sfc/src/script/importUsageCheck.ts
+++ b/packages/compiler-sfc/src/script/importUsageCheck.ts
@@ -6,7 +6,7 @@ import {
   createRoot,
   parserOptions,
   transform,
-  walkIdentifiers
+  walkIdentifiers,
 } from '@vue/compiler-dom'
 import { createCache } from '../cache'
 import { camelize, capitalize, isBuiltInDirective } from '@vue/shared'
@@ -20,7 +20,7 @@ export function isImportUsed(local: string, sfc: SFCDescriptor): boolean {
   return new RegExp(
     // #4274 escape $ since it's a special char in regex
     // (and is the only regex special char that is valid in identifiers)
-    `[^\\w$_]${local.replace(/\$/g, '\\$')}[^\\w$_]`
+    `[^\\w$_]${local.replace(/\$/g, '\\$')}[^\\w$_]`,
   ).test(resolveTemplateUsageCheckString(sfc))
 }
 
@@ -53,13 +53,13 @@ function resolveTemplateUsageCheckString(sfc: SFCDescriptor) {
               if (prop.arg && !(prop.arg as SimpleExpressionNode).isStatic) {
                 code += `,${processExp(
                   (prop.arg as SimpleExpressionNode).content,
-                  prop.name
+                  prop.name,
                 )}`
               }
               if (prop.exp) {
                 code += `,${processExp(
                   (prop.exp as SimpleExpressionNode).content,
-                  prop.name
+                  prop.name,
                 )}`
               }
             }
@@ -73,11 +73,11 @@ function resolveTemplateUsageCheckString(sfc: SFCDescriptor) {
           }
         } else if (node.type === NodeTypes.INTERPOLATION) {
           code += `,${processExp(
-            (node.content as SimpleExpressionNode).content
+            (node.content as SimpleExpressionNode).content,
           )}`
         }
-      }
-    ]
+      },
+    ],
   })
 
   code += ';'
diff --git a/packages/compiler-sfc/src/script/normalScript.ts b/packages/compiler-sfc/src/script/normalScript.ts
index 76b25c66350..e56c13e23e1 100644
--- a/packages/compiler-sfc/src/script/normalScript.ts
+++ b/packages/compiler-sfc/src/script/normalScript.ts
@@ -10,7 +10,7 @@ export const normalScriptDefaultVar = `__default__`
 
 export function processNormalScript(
   ctx: ScriptCompileContext,
-  scopeId: string
+  scopeId: string,
 ) {
   const script = ctx.descriptor.script!
   if (script.lang && !ctx.isJS && !ctx.isTS) {
@@ -35,7 +35,7 @@ export function processNormalScript(
         s.prepend(
           `import { ${importedHelpers
             .map(h => `${h} as _${h}`)
-            .join(', ')} } from 'vue'\n`
+            .join(', ')} } from 'vue'\n`,
         )
       }
       s.remove(0, startOffset)
@@ -45,7 +45,7 @@ export function processNormalScript(
         map = s.generateMap({
           source: filename,
           hires: true,
-          includeContent: true
+          includeContent: true,
         }) as unknown as RawSourceMap
       }
     }
@@ -61,7 +61,7 @@ export function processNormalScript(
           bindings,
           scopeId,
           !!isProd,
-          defaultVar
+          defaultVar,
         )
       }
       if (!genDefaultAs) {
@@ -73,7 +73,7 @@ export function processNormalScript(
       content,
       map,
       bindings,
-      scriptAst: scriptAst.body
+      scriptAst: scriptAst.body,
     }
   } catch (e: any) {
     // silently fallback if parse fails since user may be using custom
diff --git a/packages/compiler-sfc/src/script/resolveType.ts b/packages/compiler-sfc/src/script/resolveType.ts
index 146c454729c..5f74dce3188 100644
--- a/packages/compiler-sfc/src/script/resolveType.ts
+++ b/packages/compiler-sfc/src/script/resolveType.ts
@@ -22,7 +22,7 @@ import {
   TSTypeLiteral,
   TSTypeQuery,
   TSTypeReference,
-  TemplateLiteral
+  TemplateLiteral,
 } from '@babel/types'
 import {
   UNKNOWN_TYPE,
@@ -30,7 +30,7 @@ import {
   getId,
   getImportedName,
   normalizePath,
-  joinPaths
+  joinPaths,
 } from './utils'
 import { ScriptCompileContext, resolveParserPlugins } from './context'
 import { ImportBinding, SFCScriptCompileOptions } from '../compileScript'
@@ -87,7 +87,7 @@ export class TypeScope {
     public offset: number = 0,
     public imports: Record<string, Import> = Object.create(null),
     public types: Record<string, ScopeTypeNode> = Object.create(null),
-    public declares: Record<string, ScopeTypeNode> = Object.create(null)
+    public declares: Record<string, ScopeTypeNode> = Object.create(null),
   ) {}
 
   resolvedImportSources: Record<string, string> = Object.create(null)
@@ -117,7 +117,7 @@ interface ResolvedElements {
 export function resolveTypeElements(
   ctx: TypeResolveContext,
   node: Node & MaybeWithScope & { _resolvedElements?: ResolvedElements },
-  scope?: TypeScope
+  scope?: TypeScope,
 ): ResolvedElements {
   if (node._resolvedElements) {
     return node._resolvedElements
@@ -125,14 +125,14 @@ export function resolveTypeElements(
   return (node._resolvedElements = innerResolveTypeElements(
     ctx,
     node,
-    node._ownerScope || scope || ctxToScope(ctx)
+    node._ownerScope || scope || ctxToScope(ctx),
   ))
 }
 
 function innerResolveTypeElements(
   ctx: TypeResolveContext,
   node: Node,
-  scope: TypeScope
+  scope: TypeScope,
 ): ResolvedElements {
   switch (node.type) {
     case 'TSTypeLiteral':
@@ -149,7 +149,7 @@ function innerResolveTypeElements(
     case 'TSIntersectionType':
       return mergeElements(
         node.types.map(t => resolveTypeElements(ctx, t, scope)),
-        node.type
+        node.type,
       )
     case 'TSMappedType':
       return resolveMappedType(ctx, node, scope)
@@ -157,7 +157,7 @@ function innerResolveTypeElements(
       const types = resolveIndexType(ctx, node, scope)
       return mergeElements(
         types.map(t => resolveTypeElements(ctx, t, t._ownerScope)),
-        'TSUnionType'
+        'TSUnionType',
       )
     }
     case 'TSExpressionWithTypeArguments': // referenced by interface extends
@@ -171,7 +171,7 @@ function innerResolveTypeElements(
       ) {
         return resolveExtractPropTypes(
           resolveTypeElements(ctx, node.typeParameters.params[0], scope),
-          scope
+          scope,
         )
       }
       const resolved = resolveTypeReference(ctx, node, scope)
@@ -189,7 +189,7 @@ function innerResolveTypeElements(
             const ret = resolveReturnType(
               ctx,
               node.typeParameters.params[0],
-              scope
+              scope,
             )
             if (ret) {
               return resolveTypeElements(ctx, ret, scope)
@@ -199,7 +199,7 @@ function innerResolveTypeElements(
         return ctx.error(
           `Unresolvable type reference or unsupported built-in utility type`,
           node,
-          scope
+          scope,
         )
       }
     }
@@ -212,14 +212,14 @@ function innerResolveTypeElements(
       ) {
         return resolveExtractPropTypes(
           resolveTypeElements(ctx, node.typeParameters.params[0], scope),
-          scope
+          scope,
         )
       }
       const sourceScope = importSourceToScope(
         ctx,
         node.argument,
         scope,
-        node.argument.value
+        node.argument.value,
       )
       const resolved = resolveTypeReference(ctx, node, sourceScope)
       if (resolved) {
@@ -242,7 +242,7 @@ function innerResolveTypeElements(
 function typeElementsToMap(
   ctx: TypeResolveContext,
   elements: TSTypeElement[],
-  scope = ctxToScope(ctx)
+  scope = ctxToScope(ctx),
 ): ResolvedElements {
   const res: ResolvedElements = { props: {} }
   for (const e of elements) {
@@ -259,7 +259,7 @@ function typeElementsToMap(
         ctx.error(
           `Unsupported computed key in type referenced by a macro`,
           e.key,
-          scope
+          scope,
         )
       }
     } else if (e.type === 'TSCallSignatureDeclaration') {
@@ -271,7 +271,7 @@ function typeElementsToMap(
 
 function mergeElements(
   maps: ResolvedElements[],
-  type: 'TSUnionType' | 'TSIntersectionType'
+  type: 'TSUnionType' | 'TSIntersectionType',
 ): ResolvedElements {
   if (maps.length === 1) return maps[0]
   const res: ResolvedElements = { props: {} }
@@ -286,10 +286,10 @@ function mergeElements(
           {
             type,
             // @ts-ignore
-            types: [baseProps[key], props[key]]
+            types: [baseProps[key], props[key]],
           },
           baseProps[key]._ownerScope,
-          baseProps[key].optional || props[key].optional
+          baseProps[key].optional || props[key].optional,
         )
       }
     }
@@ -304,7 +304,7 @@ function createProperty(
   key: Expression,
   typeAnnotation: TSType,
   scope: TypeScope,
-  optional: boolean
+  optional: boolean,
 ): TSPropertySignature & WithScope {
   return {
     type: 'TSPropertySignature',
@@ -313,16 +313,16 @@ function createProperty(
     optional,
     typeAnnotation: {
       type: 'TSTypeAnnotation',
-      typeAnnotation
+      typeAnnotation,
     },
-    _ownerScope: scope
+    _ownerScope: scope,
   }
 }
 
 function resolveInterfaceMembers(
   ctx: TypeResolveContext,
   node: TSInterfaceDeclaration & MaybeWithScope,
-  scope: TypeScope
+  scope: TypeScope,
 ): ResolvedElements {
   const base = typeElementsToMap(ctx, node.body.body, node._ownerScope)
   if (node.extends) {
@@ -348,7 +348,7 @@ function resolveInterfaceMembers(
             `interface Props extends /* @vue-ignore */ Base {}\n\n` +
             `Note: both in 3.2 or with the ignore, the properties in the base ` +
             `type are treated as fallthrough attrs at runtime.`,
-          ext
+          ext,
         )
       }
     }
@@ -359,7 +359,7 @@ function resolveInterfaceMembers(
 function resolveMappedType(
   ctx: TypeResolveContext,
   node: TSMappedType,
-  scope: TypeScope
+  scope: TypeScope,
 ): ResolvedElements {
   const res: ResolvedElements = { props: {} }
   const keys = resolveStringType(ctx, node.typeParameter.constraint!, scope)
@@ -367,11 +367,11 @@ function resolveMappedType(
     res.props[key] = createProperty(
       {
         type: 'Identifier',
-        name: key
+        name: key,
       },
       node.typeAnnotation!,
       scope,
-      !!node.optional
+      !!node.optional,
     )
   }
   return res
@@ -380,7 +380,7 @@ function resolveMappedType(
 function resolveIndexType(
   ctx: TypeResolveContext,
   node: TSIndexedAccessType,
-  scope: TypeScope
+  scope: TypeScope,
 ): (TSType & MaybeWithScope)[] {
   if (node.indexType.type === 'TSNumberKeyword') {
     return resolveArrayElementType(ctx, node.objectType, scope)
@@ -411,7 +411,7 @@ function resolveIndexType(
 function resolveArrayElementType(
   ctx: TypeResolveContext,
   node: Node,
-  scope: TypeScope
+  scope: TypeScope,
 ): TSType[] {
   // type[]
   if (node.type === 'TSArrayType') {
@@ -420,7 +420,7 @@ function resolveArrayElementType(
   // tuple
   if (node.type === 'TSTupleType') {
     return node.elementTypes.map(t =>
-      t.type === 'TSNamedTupleMember' ? t.elementType : t
+      t.type === 'TSNamedTupleMember' ? t.elementType : t,
     )
   }
   if (node.type === 'TSTypeReference') {
@@ -437,14 +437,14 @@ function resolveArrayElementType(
   return ctx.error(
     'Failed to resolve element type from target type',
     node,
-    scope
+    scope,
   )
 }
 
 function resolveStringType(
   ctx: TypeResolveContext,
   node: Node,
-  scope: TypeScope
+  scope: TypeScope,
 ): string[] {
   switch (node.type) {
     case 'StringLiteral':
@@ -483,7 +483,7 @@ function resolveStringType(
             ctx.error(
               'Unsupported type when resolving index type',
               node.typeName,
-              scope
+              scope,
             )
         }
       }
@@ -495,7 +495,7 @@ function resolveStringType(
 function resolveTemplateKeys(
   ctx: TypeResolveContext,
   node: TemplateLiteral,
-  scope: TypeScope
+  scope: TypeScope,
 ): string[] {
   if (!node.expressions.length) {
     return [node.quasis[0].value.raw]
@@ -511,9 +511,9 @@ function resolveTemplateKeys(
     {
       ...node,
       expressions: node.expressions.slice(1),
-      quasis: q ? node.quasis.slice(1) : node.quasis
+      quasis: q ? node.quasis.slice(1) : node.quasis,
     },
-    scope
+    scope,
   )
 
   for (const r of resolved) {
@@ -530,7 +530,7 @@ const SupportedBuiltinsSet = new Set([
   'Required',
   'Readonly',
   'Pick',
-  'Omit'
+  'Omit',
 ] as const)
 
 type GetSetType<T> = T extends Set<infer V> ? V : never
@@ -539,7 +539,7 @@ function resolveBuiltin(
   ctx: TypeResolveContext,
   node: TSTypeReference | TSExpressionWithTypeArguments,
   name: GetSetType<typeof SupportedBuiltinsSet>,
-  scope: TypeScope
+  scope: TypeScope,
 ): ResolvedElements {
   const t = resolveTypeElements(ctx, node.typeParameters!.params[0], scope)
   switch (name) {
@@ -563,7 +563,7 @@ function resolveBuiltin(
       const picked = resolveStringType(
         ctx,
         node.typeParameters!.params[1],
-        scope
+        scope,
       )
       const res: ResolvedElements = { props: {}, calls: t.calls }
       for (const key of picked) {
@@ -575,7 +575,7 @@ function resolveBuiltin(
       const omitted = resolveStringType(
         ctx,
         node.typeParameters!.params[1],
-        scope
+        scope,
       )
       const res: ResolvedElements = { props: {}, calls: t.calls }
       for (const key in t.props) {
@@ -600,7 +600,7 @@ function resolveTypeReference(
   },
   scope?: TypeScope,
   name?: string,
-  onlyExported = false
+  onlyExported = false,
 ): ScopeTypeNode | undefined {
   if (node._resolvedReference) {
     return node._resolvedReference
@@ -610,7 +610,7 @@ function resolveTypeReference(
     scope || ctxToScope(ctx),
     name || getReferenceName(node),
     node,
-    onlyExported
+    onlyExported,
   ))
 }
 
@@ -619,7 +619,7 @@ function innerResolveTypeReference(
   scope: TypeScope,
   name: string | string[],
   node: ReferenceTypes,
-  onlyExported: boolean
+  onlyExported: boolean,
 ): ScopeTypeNode | undefined {
   if (typeof name === 'string') {
     if (scope.imports[name]) {
@@ -663,7 +663,7 @@ function innerResolveTypeReference(
           childScope,
           name.length > 2 ? name.slice(1) : name[name.length - 1],
           node,
-          !ns.declare
+          !ns.declare,
         )
       }
     }
@@ -703,7 +703,7 @@ function resolveGlobalScope(ctx: TypeResolveContext): TypeScope[] | undefined {
       throw new Error('[vue/compiler-sfc] globalTypeFiles requires fs access.')
     }
     return ctx.options.globalTypeFiles.map(file =>
-      fileToScope(ctx, normalizePath(file), true)
+      fileToScope(ctx, normalizePath(file), true),
     )
   }
 }
@@ -743,7 +743,7 @@ function resolveFS(ctx: TypeResolveContext): FS | undefined {
         file = file.replace(/\.ts$/, '')
       }
       return fs.readFile(file)
-    }
+    },
   })
 }
 
@@ -751,7 +751,7 @@ function resolveTypeFromImport(
   ctx: TypeResolveContext,
   node: ReferenceTypes,
   name: string,
-  scope: TypeScope
+  scope: TypeScope,
 ): ScopeTypeNode | undefined {
   const { source, imported } = scope.imports[name]
   const sourceScope = importSourceToScope(ctx, node, scope, source)
@@ -762,7 +762,7 @@ function importSourceToScope(
   ctx: TypeResolveContext,
   node: Node,
   scope: TypeScope,
-  source: string
+  source: string,
 ): TypeScope {
   const fs = resolveFS(ctx)
   if (!fs) {
@@ -770,7 +770,7 @@ function importSourceToScope(
       `No fs option provided to \`compileScript\` in non-Node environment. ` +
         `File system access is required for resolving imported types.`,
       node,
-      scope
+      scope,
     )
   }
 
@@ -786,7 +786,7 @@ function importSourceToScope(
         return ctx.error(
           `Type import from non-relative sources is not supported in the browser build.`,
           node,
-          scope
+          scope,
         )
       }
       if (!ts) {
@@ -797,7 +797,7 @@ function importSourceToScope(
               `typescript is required as a peer dep for vue in order ` +
               `to support resolving types from module imports.`,
             node,
-            scope
+            scope,
           )
         }
       }
@@ -815,7 +815,7 @@ function importSourceToScope(
     return ctx.error(
       `Failed to resolve import source ${JSON.stringify(source)}.`,
       node,
-      scope
+      scope,
     )
   }
 }
@@ -847,7 +847,7 @@ function resolveWithTS(
   containingFile: string,
   source: string,
   ts: typeof TS,
-  fs: FS
+  fs: FS,
 ): string | undefined {
   if (!__NODE_JS__) return
 
@@ -874,7 +874,7 @@ function resolveWithTS(
       for (const c of configs) {
         const base = normalizePath(
           (c.config.options.pathsBasePath as string) ||
-            dirname(c.config.options.configFilePath as string)
+            dirname(c.config.options.configFilePath as string),
         )
         const included: string[] = c.config.raw?.include
         const excluded: string[] = c.config.raw?.exclude
@@ -902,7 +902,7 @@ function resolveWithTS(
       (matchedConfig.cache = ts.createModuleResolutionCache(
         process.cwd(),
         createGetCanonicalFileName(ts.sys.useCaseSensitiveFileNames),
-        tsCompilerOptions
+        tsCompilerOptions,
       ))
   } else {
     tsCompilerOptions = {}
@@ -914,7 +914,7 @@ function resolveWithTS(
     containingFile,
     tsCompilerOptions,
     fs,
-    tsResolveCache
+    tsResolveCache,
   )
 
   if (res.resolvedModule) {
@@ -929,7 +929,7 @@ function resolveWithTS(
 function loadTSConfig(
   configPath: string,
   ts: typeof TS,
-  fs: FS
+  fs: FS,
 ): TS.ParsedCommandLine[] {
   // The only case where `fs` is NOT `ts.sys` is during tests.
   // parse config host requires an extra `readDirectory` method
@@ -938,7 +938,7 @@ function loadTSConfig(
     ? {
         ...fs,
         useCaseSensitiveFileNames: true,
-        readDirectory: () => []
+        readDirectory: () => [],
       }
     : ts.sys
   const config = ts.parseJsonConfigFileContent(
@@ -946,7 +946,7 @@ function loadTSConfig(
     parseConfigHost,
     dirname(configPath),
     undefined,
-    configPath
+    configPath,
   )
   const res = [config]
   if (config.projectReferences) {
@@ -974,7 +974,7 @@ export function invalidateTypeCache(filename: string) {
 export function fileToScope(
   ctx: TypeResolveContext,
   filename: string,
-  asGlobal = false
+  asGlobal = false,
 ): TypeScope {
   const cached = fileToScopeCache.get(filename)
   if (cached) {
@@ -993,7 +993,7 @@ export function fileToScope(
 function parseFile(
   filename: string,
   content: string,
-  parserPlugins?: SFCScriptCompileOptions['babelParserPlugins']
+  parserPlugins?: SFCScriptCompileOptions['babelParserPlugins'],
 ): Statement[] {
   const ext = extname(filename)
   if (ext === '.ts' || ext === '.tsx') {
@@ -1001,13 +1001,13 @@ function parseFile(
       plugins: resolveParserPlugins(
         ext.slice(1),
         parserPlugins,
-        filename.endsWith('.d.ts')
+        filename.endsWith('.d.ts'),
       ),
-      sourceType: 'module'
+      sourceType: 'module',
     }).program.body
   } else if (ext === '.vue') {
     const {
-      descriptor: { script, scriptSetup }
+      descriptor: { script, scriptSetup },
     } = parse(content)
     if (!script && !scriptSetup) {
       return []
@@ -1032,7 +1032,7 @@ function parseFile(
     const lang = script?.lang || scriptSetup?.lang
     return babelParse(scriptContent, {
       plugins: resolveParserPlugins(lang!, parserPlugins),
-      sourceType: 'module'
+      sourceType: 'module',
     }).program.body
   }
   return []
@@ -1054,7 +1054,7 @@ function ctxToScope(ctx: TypeResolveContext): TypeScope {
     ctx.filename,
     ctx.source,
     'startOffset' in ctx ? ctx.startOffset! : 0,
-    'userImports' in ctx ? Object.create(ctx.userImports) : recordImports(body)
+    'userImports' in ctx ? Object.create(ctx.userImports) : recordImports(body),
   )
 
   recordTypes(ctx, body, scope)
@@ -1065,7 +1065,7 @@ function ctxToScope(ctx: TypeResolveContext): TypeScope {
 function moduleDeclToScope(
   ctx: TypeResolveContext,
   node: TSModuleDeclaration & { _resolvedChildScope?: TypeScope },
-  parentScope: TypeScope
+  parentScope: TypeScope,
 ): TypeScope {
   if (node._resolvedChildScope) {
     return node._resolvedChildScope
@@ -1077,7 +1077,7 @@ function moduleDeclToScope(
     parentScope.offset,
     Object.create(parentScope.imports),
     Object.create(parentScope.types),
-    Object.create(parentScope.declares)
+    Object.create(parentScope.declares),
   )
 
   if (node.body.type === 'TSModuleDeclaration') {
@@ -1098,7 +1098,7 @@ function recordTypes(
   ctx: TypeResolveContext,
   body: Statement[],
   scope: TypeScope,
-  asGlobal = false
+  asGlobal = false,
 ) {
   const { types, declares, exportedTypes, exportedDeclares, imports } = scope
   const isAmbient = asGlobal
@@ -1134,15 +1134,15 @@ function recordTypes(
                 // re-export, register an import + export as a type reference
                 imports[exported] = {
                   source: stmt.source.value,
-                  imported: local
+                  imported: local,
                 }
                 exportedTypes[exported] = {
                   type: 'TSTypeReference',
                   typeName: {
                     type: 'Identifier',
-                    name: local
+                    name: local,
                   },
-                  _ownerScope: scope
+                  _ownerScope: scope,
                 }
               } else if (types[local]) {
                 // exporting local defined type
@@ -1156,7 +1156,7 @@ function recordTypes(
           ctx,
           stmt.source,
           scope,
-          stmt.source.value
+          stmt.source.value,
         )
         Object.assign(scope.exportedTypes, sourceScope.exportedTypes)
       } else if (stmt.type === 'ExportDefaultDeclaration' && stmt.declaration) {
@@ -1166,7 +1166,7 @@ function recordTypes(
             stmt.declaration,
             exportedTypes,
             exportedDeclares,
-            'default'
+            'default',
           )
         } else if (types[stmt.declaration.name]) {
           exportedTypes['default'] = types[stmt.declaration.name]
@@ -1188,7 +1188,7 @@ function recordType(
   node: Node,
   types: Record<string, Node>,
   declares: Record<string, Node>,
-  overwriteId?: string
+  overwriteId?: string,
 ) {
   switch (node.type) {
     case 'TSInterfaceDeclaration':
@@ -1263,7 +1263,7 @@ function mergeNamespaces(to: TSModuleDeclaration, from: TSModuleDeclaration) {
         type: 'ExportNamedDeclaration',
         declaration: toBody,
         exportKind: 'type',
-        specifiers: []
+        specifiers: [],
       })
     }
   } else if (fromBody.type === 'TSModuleDeclaration') {
@@ -1272,7 +1272,7 @@ function mergeNamespaces(to: TSModuleDeclaration, from: TSModuleDeclaration) {
       type: 'ExportNamedDeclaration',
       declaration: fromBody,
       exportKind: 'type',
-      specifiers: []
+      specifiers: [],
     })
   } else {
     // both block
@@ -1282,7 +1282,7 @@ function mergeNamespaces(to: TSModuleDeclaration, from: TSModuleDeclaration) {
 
 function attachNamespace(
   to: Node & { _ns?: TSModuleDeclaration },
-  ns: TSModuleDeclaration
+  ns: TSModuleDeclaration,
 ) {
   if (!to._ns) {
     to._ns = ns
@@ -1306,7 +1306,7 @@ function recordImport(node: Node, imports: TypeScope['imports']) {
   for (const s of node.specifiers) {
     imports[s.local.name] = {
       imported: getImportedName(s),
-      source: node.source.value
+      source: node.source.value,
     }
   }
 }
@@ -1314,7 +1314,7 @@ function recordImport(node: Node, imports: TypeScope['imports']) {
 export function inferRuntimeType(
   ctx: TypeResolveContext,
   node: Node & MaybeWithScope,
-  scope = node._ownerScope || ctxToScope(ctx)
+  scope = node._ownerScope || ctxToScope(ctx),
 ): string[] {
   try {
     switch (node.type) {
@@ -1351,7 +1351,7 @@ export function inferRuntimeType(
           return inferRuntimeType(
             ctx,
             node.typeAnnotation.typeAnnotation,
-            scope
+            scope,
           )
         }
       case 'TSMethodSignature':
@@ -1419,7 +1419,7 @@ export function inferRuntimeType(
                 return inferRuntimeType(
                   ctx,
                   node.typeParameters.params[0],
-                  scope
+                  scope,
                 ).filter(t => t !== 'null')
               }
               break
@@ -1428,7 +1428,7 @@ export function inferRuntimeType(
                 return inferRuntimeType(
                   ctx,
                   node.typeParameters.params[1],
-                  scope
+                  scope,
                 )
               }
               break
@@ -1438,7 +1438,7 @@ export function inferRuntimeType(
                 return inferRuntimeType(
                   ctx,
                   node.typeParameters.params[0],
-                  scope
+                  scope,
                 )
               }
               break
@@ -1455,7 +1455,7 @@ export function inferRuntimeType(
         return flattenTypes(ctx, node.types, scope)
       case 'TSIntersectionType': {
         return flattenTypes(ctx, node.types, scope).filter(
-          t => t !== UNKNOWN_TYPE
+          t => t !== UNKNOWN_TYPE,
         )
       }
 
@@ -1478,7 +1478,7 @@ export function inferRuntimeType(
           ctx,
           node.argument,
           scope,
-          node.argument.value
+          node.argument.value,
         )
         const resolved = resolveTypeReference(ctx, node, sourceScope)
         if (resolved) {
@@ -1508,7 +1508,7 @@ export function inferRuntimeType(
 function flattenTypes(
   ctx: TypeResolveContext,
   types: TSType[],
-  scope: TypeScope
+  scope: TypeScope,
 ): string[] {
   if (types.length === 1) {
     return inferRuntimeType(ctx, types[0], scope)
@@ -1516,9 +1516,9 @@ function flattenTypes(
   return [
     ...new Set(
       ([] as string[]).concat(
-        ...types.map(t => inferRuntimeType(ctx, t, scope))
-      )
-    )
+        ...types.map(t => inferRuntimeType(ctx, t, scope)),
+      ),
+    ),
   ]
 }
 
@@ -1545,7 +1545,7 @@ function inferEnumType(node: TSEnumDeclaration): string[] {
  */
 function resolveExtractPropTypes(
   { props }: ResolvedElements,
-  scope: TypeScope
+  scope: TypeScope,
 ): ResolvedElements {
   const res: ResolvedElements = { props: {} }
   for (const key in props) {
@@ -1553,7 +1553,7 @@ function resolveExtractPropTypes(
     res.props[key] = reverseInferType(
       raw.key,
       raw.typeAnnotation!.typeAnnotation,
-      scope
+      scope,
     )
   }
   return res
@@ -1564,7 +1564,7 @@ function reverseInferType(
   node: TSType,
   scope: TypeScope,
   optional = true,
-  checkObjectSyntax = true
+  checkObjectSyntax = true,
 ): TSPropertySignature & WithScope {
   if (checkObjectSyntax && node.type === 'TSTypeLiteral') {
     // check { type: xxx }
@@ -1588,7 +1588,7 @@ function reverseInferType(
         key,
         ctorToType(node.typeName.name),
         scope,
-        optional
+        optional,
       )
     } else if (node.typeName.name === 'PropType' && node.typeParameters) {
       // PropType<{}>
@@ -1626,7 +1626,7 @@ function ctorToType(ctorType: string): TSType {
     case 'Promise':
       return {
         type: 'TSTypeReference',
-        typeName: { type: 'Identifier', name: ctor }
+        typeName: { type: 'Identifier', name: ctor },
       }
   }
   // fallback to null
@@ -1639,7 +1639,7 @@ function findStaticPropertyType(node: TSTypeLiteral, key: string) {
       m.type === 'TSPropertySignature' &&
       !m.computed &&
       getId(m.key) === key &&
-      m.typeAnnotation
+      m.typeAnnotation,
   )
   return prop && prop.typeAnnotation!.typeAnnotation
 }
@@ -1647,7 +1647,7 @@ function findStaticPropertyType(node: TSTypeLiteral, key: string) {
 function resolveReturnType(
   ctx: TypeResolveContext,
   arg: Node,
-  scope: TypeScope
+  scope: TypeScope,
 ) {
   let resolved: Node | undefined = arg
   if (
@@ -1669,7 +1669,7 @@ function resolveReturnType(
 export function resolveUnionType(
   ctx: TypeResolveContext,
   node: Node & MaybeWithScope & { _resolvedElements?: ResolvedElements },
-  scope?: TypeScope
+  scope?: TypeScope,
 ): Node[] {
   if (node.type === 'TSTypeReference') {
     const resolved = resolveTypeReference(ctx, node, scope)
diff --git a/packages/compiler-sfc/src/script/topLevelAwait.ts b/packages/compiler-sfc/src/script/topLevelAwait.ts
index 26534ee9576..a738020ecb5 100644
--- a/packages/compiler-sfc/src/script/topLevelAwait.ts
+++ b/packages/compiler-sfc/src/script/topLevelAwait.ts
@@ -38,7 +38,7 @@ export function processAwait(
   ctx: ScriptCompileContext,
   node: AwaitExpression,
   needSemi: boolean,
-  isStatement: boolean
+  isStatement: boolean,
 ) {
   const argumentStart =
     node.argument.extra && node.argument.extra.parenthesized
@@ -48,7 +48,7 @@ export function processAwait(
   const startOffset = ctx.startOffset!
   const argumentStr = ctx.descriptor.source.slice(
     argumentStart + startOffset,
-    node.argument.end! + startOffset
+    node.argument.end! + startOffset,
   )
 
   const containsNestedAwait = /\bawait\b/.test(argumentStr)
@@ -57,13 +57,13 @@ export function processAwait(
     node.start! + startOffset,
     argumentStart + startOffset,
     `${needSemi ? `;` : ``}(\n  ([__temp,__restore] = ${ctx.helper(
-      `withAsyncContext`
-    )}(${containsNestedAwait ? `async ` : ``}() => `
+      `withAsyncContext`,
+    )}(${containsNestedAwait ? `async ` : ``}() => `,
   )
   ctx.s.appendLeft(
     node.end! + startOffset,
     `)),\n  ${isStatement ? `` : `__temp = `}await __temp,\n  __restore()${
       isStatement ? `` : `,\n  __temp`
-    }\n)`
+    }\n)`,
   )
 }
diff --git a/packages/compiler-sfc/src/script/utils.ts b/packages/compiler-sfc/src/script/utils.ts
index 42c4718e3a8..d68541b0b5a 100644
--- a/packages/compiler-sfc/src/script/utils.ts
+++ b/packages/compiler-sfc/src/script/utils.ts
@@ -6,7 +6,7 @@ import {
   ImportNamespaceSpecifier,
   ImportSpecifier,
   Node,
-  StringLiteral
+  StringLiteral,
 } from '@babel/types'
 import path from 'path'
 import { TS_NODE_TYPES } from '@vue/compiler-dom'
@@ -42,7 +42,7 @@ export function unwrapTSNode(node: Node): Node {
 
 export function isCallOf(
   node: Node | null | undefined,
-  test: string | ((id: string) => boolean) | null | undefined
+  test: string | ((id: string) => boolean) | null | undefined,
 ): node is CallExpression {
   return !!(
     node &&
@@ -60,7 +60,10 @@ export function toRuntimeTypeString(types: string[]) {
 }
 
 export function getImportedName(
-  specifier: ImportSpecifier | ImportDefaultSpecifier | ImportNamespaceSpecifier
+  specifier:
+    | ImportSpecifier
+    | ImportDefaultSpecifier
+    | ImportNamespaceSpecifier,
 ) {
   if (specifier.type === 'ImportSpecifier')
     return specifier.imported.type === 'Identifier'
diff --git a/packages/compiler-sfc/src/style/cssVars.ts b/packages/compiler-sfc/src/style/cssVars.ts
index 2380959b819..887d8e6757b 100644
--- a/packages/compiler-sfc/src/style/cssVars.ts
+++ b/packages/compiler-sfc/src/style/cssVars.ts
@@ -5,7 +5,7 @@ import {
   createRoot,
   NodeTypes,
   SimpleExpressionNode,
-  BindingMetadata
+  BindingMetadata,
 } from '@vue/compiler-dom'
 import { SFCDescriptor } from '../parse'
 import { escapeSymbolsRE } from '../script/utils'
@@ -18,11 +18,11 @@ export function genCssVarsFromList(
   vars: string[],
   id: string,
   isProd: boolean,
-  isSSR = false
+  isSSR = false,
 ): string {
   return `{\n  ${vars
     .map(
-      key => `"${isSSR ? `--` : ``}${genVarName(id, key, isProd)}": (${key})`
+      key => `"${isSSR ? `--` : ``}${genVarName(id, key, isProd)}": (${key})`,
     )
     .join(',\n  ')}\n}`
 }
@@ -73,7 +73,7 @@ export function parseCssVars(sfc: SFCDescriptor): string[] {
 const enum LexerState {
   inParens,
   inSingleQuoteString,
-  inDoubleQuoteString
+  inDoubleQuoteString,
 }
 
 function lexBinding(content: string, start: number): number | null {
@@ -144,7 +144,7 @@ export const cssVarsPlugin: PluginCreator<CssVarsPluginOptions> = opts => {
         }
         decl.value = transformed + value.slice(lastIndex)
       }
-    }
+    },
   }
 }
 cssVarsPlugin.postcss = true
@@ -153,14 +153,14 @@ export function genCssVarsCode(
   vars: string[],
   bindings: BindingMetadata,
   id: string,
-  isProd: boolean
+  isProd: boolean,
 ) {
   const varsExp = genCssVarsFromList(vars, id, isProd)
   const exp = createSimpleExpression(varsExp, false)
   const context = createTransformContext(createRoot([]), {
     prefixIdentifiers: true,
     inline: true,
-    bindingMetadata: bindings.__isScriptSetup === false ? undefined : bindings
+    bindingMetadata: bindings.__isScriptSetup === false ? undefined : bindings,
   })
   const transformed = processExpression(exp, context)
   const transformedString =
@@ -184,7 +184,7 @@ export function genNormalScriptCssVarsCode(
   bindings: BindingMetadata,
   id: string,
   isProd: boolean,
-  defaultVar: string
+  defaultVar: string,
 ): string {
   return (
     `\nimport { ${CSS_VARS_HELPER} as _${CSS_VARS_HELPER} } from 'vue'\n` +
@@ -192,7 +192,7 @@ export function genNormalScriptCssVarsCode(
       cssVars,
       bindings,
       id,
-      isProd
+      isProd,
     )}}\n` +
     `const __setup__ = ${defaultVar}.setup\n` +
     `${defaultVar}.setup = __setup__\n` +
diff --git a/packages/compiler-sfc/src/style/pluginScoped.ts b/packages/compiler-sfc/src/style/pluginScoped.ts
index f6e9be2fde7..a85b577cb66 100644
--- a/packages/compiler-sfc/src/style/pluginScoped.ts
+++ b/packages/compiler-sfc/src/style/pluginScoped.ts
@@ -55,7 +55,7 @@ const scopedPlugin: PluginCreator<string> = (id = '') => {
           }
         })
       }
-    }
+    },
   }
 }
 
@@ -82,7 +82,7 @@ function rewriteSelector(
   id: string,
   selector: selectorParser.Selector,
   selectorRoot: selectorParser.Root,
-  slotted = false
+  slotted = false,
 ) {
   let node: selectorParser.Node | null = null
   let shouldInject = true
@@ -97,7 +97,7 @@ function rewriteSelector(
       n.spaces.before = n.spaces.after = ''
       warn(
         `the >>> and /deep/ combinators have been deprecated. ` +
-          `Use :deep() instead.`
+          `Use :deep() instead.`,
       )
       return false
     }
@@ -121,8 +121,8 @@ function rewriteSelector(
             selector.insertAfter(
               n,
               selectorParser.combinator({
-                value: ' '
-              })
+                value: ' ',
+              }),
             )
           }
           selector.removeChild(n)
@@ -131,7 +131,7 @@ function rewriteSelector(
           // .foo ::v-deep .bar -> .foo[xxxxxxx] .bar
           warn(
             `${value} usage as a combinator has been deprecated. ` +
-              `Use :deep(<inner-selector>) instead of ${value} <inner-selector>.`
+              `Use :deep(<inner-selector>) instead of ${value} <inner-selector>.`,
           )
 
           const prev = selector.at(selector.index(n) - 1)
@@ -194,8 +194,8 @@ function rewriteSelector(
         attribute: idToAdd,
         value: idToAdd,
         raws: {},
-        quoteMark: `"`
-      })
+        quoteMark: `"`,
+      }),
     )
   }
 }
diff --git a/packages/compiler-sfc/src/style/pluginTrim.ts b/packages/compiler-sfc/src/style/pluginTrim.ts
index 67c4a3f0f35..06d6fa1fd7a 100644
--- a/packages/compiler-sfc/src/style/pluginTrim.ts
+++ b/packages/compiler-sfc/src/style/pluginTrim.ts
@@ -10,7 +10,7 @@ const trimPlugin: PluginCreator<{}> = () => {
           if ('after' in raws && raws.after) raws.after = '\n'
         }
       })
-    }
+    },
   }
 }
 
diff --git a/packages/compiler-sfc/src/style/preprocessors.ts b/packages/compiler-sfc/src/style/preprocessors.ts
index 9b3610501c7..1811d3ee53b 100644
--- a/packages/compiler-sfc/src/style/preprocessors.ts
+++ b/packages/compiler-sfc/src/style/preprocessors.ts
@@ -11,7 +11,7 @@ export type StylePreprocessor = (
     additionalData?: string | ((source: string, filename: string) => string)
     filename: string
   },
-  customRequire: SFCStyleCompileOptions['preprocessCustomRequire']
+  customRequire: SFCStyleCompileOptions['preprocessCustomRequire'],
 ) => StylePreprocessorResults
 
 export interface StylePreprocessorResults {
@@ -29,7 +29,7 @@ const scss: StylePreprocessor = (source, map, options, load = require) => {
     data: getSource(source, options.filename, options.additionalData),
     file: options.filename,
     outFile: options.filename,
-    sourceMap: !!map
+    sourceMap: !!map,
   }
 
   try {
@@ -40,7 +40,7 @@ const scss: StylePreprocessor = (source, map, options, load = require) => {
         code: result.css.toString(),
         map: merge(map, JSON.parse(result.map.toString())),
         errors: [],
-        dependencies
+        dependencies,
       }
     }
 
@@ -56,9 +56,9 @@ const sass: StylePreprocessor = (source, map, options, load) =>
     map,
     {
       ...options,
-      indentedSyntax: true
+      indentedSyntax: true,
     },
-    load
+    load,
   )
 
 // .less
@@ -73,7 +73,7 @@ const less: StylePreprocessor = (source, map, options, load = require) => {
     (err: Error | null, output: any) => {
       error = err
       result = output
-    }
+    },
   )
 
   if (error) return { code: '', errors: [error], dependencies: [] }
@@ -83,14 +83,14 @@ const less: StylePreprocessor = (source, map, options, load = require) => {
       code: result.css.toString(),
       map: merge(map, result.map),
       errors: [],
-      dependencies: dependencies
+      dependencies: dependencies,
     }
   }
 
   return {
     code: result.css.toString(),
     errors: [],
-    dependencies: dependencies
+    dependencies: dependencies,
   }
 }
 
@@ -108,7 +108,7 @@ const styl: StylePreprocessor = (source, map, options, load = require) => {
         code: result,
         map: merge(map, ref.sourcemap),
         errors: [],
-        dependencies
+        dependencies,
       }
     }
 
@@ -121,7 +121,7 @@ const styl: StylePreprocessor = (source, map, options, load = require) => {
 function getSource(
   source: string,
   filename: string,
-  additionalData?: string | ((source: string, filename: string) => string)
+  additionalData?: string | ((source: string, filename: string) => string),
 ) {
   if (!additionalData) return source
   if (isFunction(additionalData)) {
@@ -137,5 +137,5 @@ export const processors: Record<PreprocessLang, StylePreprocessor> = {
   sass,
   scss,
   styl,
-  stylus: styl
+  stylus: styl,
 }
diff --git a/packages/compiler-sfc/src/template/transformAssetUrl.ts b/packages/compiler-sfc/src/template/transformAssetUrl.ts
index 32bf33bcea1..a75290d10ca 100644
--- a/packages/compiler-sfc/src/template/transformAssetUrl.ts
+++ b/packages/compiler-sfc/src/template/transformAssetUrl.ts
@@ -7,13 +7,13 @@ import {
   NodeTypes,
   SimpleExpressionNode,
   SourceLocation,
-  TransformContext
+  TransformContext,
 } from '@vue/compiler-core'
 import {
   isRelativeUrl,
   parseUrl,
   isExternalUrl,
-  isDataUrl
+  isDataUrl,
 } from './templateUtils'
 import { isArray } from '@vue/shared'
 
@@ -42,28 +42,28 @@ export const defaultAssetUrlOptions: Required<AssetURLOptions> = {
     source: ['src'],
     img: ['src'],
     image: ['xlink:href', 'href'],
-    use: ['xlink:href', 'href']
-  }
+    use: ['xlink:href', 'href'],
+  },
 }
 
 export const normalizeOptions = (
-  options: AssetURLOptions | AssetURLTagConfig
+  options: AssetURLOptions | AssetURLTagConfig,
 ): Required<AssetURLOptions> => {
   if (Object.keys(options).some(key => isArray((options as any)[key]))) {
     // legacy option format which directly passes in tags config
     return {
       ...defaultAssetUrlOptions,
-      tags: options as any
+      tags: options as any,
     }
   }
   return {
     ...defaultAssetUrlOptions,
-    ...options
+    ...options,
   }
 }
 
 export const createAssetUrlTransformWithOptions = (
-  options: Required<AssetURLOptions>
+  options: Required<AssetURLOptions>,
 ): NodeTransform => {
   return (node, context) =>
     (transformAssetUrl as Function)(node, context, options)
@@ -85,7 +85,7 @@ export const createAssetUrlTransformWithOptions = (
 export const transformAssetUrl: NodeTransform = (
   node,
   context,
-  options: AssetURLOptions = defaultAssetUrlOptions
+  options: AssetURLOptions = defaultAssetUrlOptions,
 ) => {
   if (node.type === NodeTypes.ELEMENT) {
     if (!node.props.length) {
@@ -141,7 +141,7 @@ export const transformAssetUrl: NodeTransform = (
         arg: createSimpleExpression(attr.name, true, attr.loc),
         exp,
         modifiers: [],
-        loc: attr.loc
+        loc: attr.loc,
       }
     })
   }
@@ -151,7 +151,7 @@ function getImportsExpressionExp(
   path: string | null,
   hash: string | null,
   loc: SourceLocation,
-  context: TransformContext
+  context: TransformContext,
 ): ExpressionNode {
   if (path) {
     let name: string
@@ -166,7 +166,7 @@ function getImportsExpressionExp(
         name,
         false,
         loc,
-        ConstantTypes.CAN_STRINGIFY
+        ConstantTypes.CAN_STRINGIFY,
       )
       context.imports.push({ exp, path })
     }
@@ -180,7 +180,7 @@ function getImportsExpressionExp(
       hashExp,
       false,
       loc,
-      ConstantTypes.CAN_STRINGIFY
+      ConstantTypes.CAN_STRINGIFY,
     )
 
     if (!context.hoistStatic) {
@@ -200,7 +200,7 @@ function getImportsExpressionExp(
         `_hoisted_${existingHoistIndex + 1}`,
         false,
         loc,
-        ConstantTypes.CAN_STRINGIFY
+        ConstantTypes.CAN_STRINGIFY,
       )
     }
     return context.hoist(finalExp)
diff --git a/packages/compiler-sfc/src/template/transformSrcset.ts b/packages/compiler-sfc/src/template/transformSrcset.ts
index 18b9d0b0b3b..22248309a13 100644
--- a/packages/compiler-sfc/src/template/transformSrcset.ts
+++ b/packages/compiler-sfc/src/template/transformSrcset.ts
@@ -6,13 +6,13 @@ import {
   ExpressionNode,
   NodeTransform,
   NodeTypes,
-  SimpleExpressionNode
+  SimpleExpressionNode,
 } from '@vue/compiler-core'
 import {
   isRelativeUrl,
   parseUrl,
   isExternalUrl,
-  isDataUrl
+  isDataUrl,
 } from './templateUtils'
 import { AssetURLOptions, defaultAssetUrlOptions } from './transformAssetUrl'
 
@@ -27,7 +27,7 @@ interface ImageCandidate {
 const escapedSpaceCharacters = /( |\\t|\\n|\\f|\\r)+/g
 
 export const createSrcsetTransformWithOptions = (
-  options: Required<AssetURLOptions>
+  options: Required<AssetURLOptions>,
 ): NodeTransform => {
   return (node, context) =>
     (transformSrcset as Function)(node, context, options)
@@ -36,7 +36,7 @@ export const createSrcsetTransformWithOptions = (
 export const transformSrcset: NodeTransform = (
   node,
   context,
-  options: Required<AssetURLOptions> = defaultAssetUrlOptions
+  options: Required<AssetURLOptions> = defaultAssetUrlOptions,
 ) => {
   if (node.type === NodeTypes.ELEMENT) {
     if (srcsetTags.includes(node.tag) && node.props.length) {
@@ -109,21 +109,21 @@ export const transformSrcset: NodeTransform = (
               let exp: SimpleExpressionNode
               if (path) {
                 const existingImportsIndex = context.imports.findIndex(
-                  i => i.path === path
+                  i => i.path === path,
                 )
                 if (existingImportsIndex > -1) {
                   exp = createSimpleExpression(
                     `_imports_${existingImportsIndex}`,
                     false,
                     attr.loc,
-                    ConstantTypes.CAN_STRINGIFY
+                    ConstantTypes.CAN_STRINGIFY,
                   )
                 } else {
                   exp = createSimpleExpression(
                     `_imports_${context.imports.length}`,
                     false,
                     attr.loc,
-                    ConstantTypes.CAN_STRINGIFY
+                    ConstantTypes.CAN_STRINGIFY,
                   )
                   context.imports.push({ exp, path })
                 }
@@ -134,7 +134,7 @@ export const transformSrcset: NodeTransform = (
                 `"${url}"`,
                 false,
                 attr.loc,
-                ConstantTypes.CAN_STRINGIFY
+                ConstantTypes.CAN_STRINGIFY,
               )
               compoundExpression.children.push(exp)
             }
@@ -160,7 +160,7 @@ export const transformSrcset: NodeTransform = (
             arg: createSimpleExpression('srcset', true, attr.loc),
             exp,
             modifiers: [],
-            loc: attr.loc
+            loc: attr.loc,
           }
         }
       })
diff --git a/packages/compiler-sfc/src/warn.ts b/packages/compiler-sfc/src/warn.ts
index 13cfa4da727..29bed4dc509 100644
--- a/packages/compiler-sfc/src/warn.ts
+++ b/packages/compiler-sfc/src/warn.ts
@@ -11,6 +11,6 @@ export function warnOnce(msg: string) {
 
 export function warn(msg: string) {
   console.warn(
-    `\x1b[1m\x1b[33m[@vue/compiler-sfc]\x1b[0m\x1b[33m ${msg}\x1b[0m\n`
+    `\x1b[1m\x1b[33m[@vue/compiler-sfc]\x1b[0m\x1b[33m ${msg}\x1b[0m\n`,
   )
 }
diff --git a/packages/compiler-ssr/__tests__/ssrComponent.spec.ts b/packages/compiler-ssr/__tests__/ssrComponent.spec.ts
index 9391c01e37e..fb55894de77 100644
--- a/packages/compiler-ssr/__tests__/ssrComponent.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrComponent.spec.ts
@@ -114,7 +114,7 @@ describe('ssr: components', () => {
         compile(`<foo>
         <template v-slot>foo</template>
         <template v-slot:named>bar</template>
-      </foo>`).code
+      </foo>`).code,
       ).toMatchInlineSnapshot(`
         "const { resolveComponent: _resolveComponent, withCtx: _withCtx, createTextVNode: _createTextVNode } = require(\\"vue\\")
         const { ssrRenderComponent: _ssrRenderComponent } = require(\\"vue/server-renderer\\")
@@ -151,7 +151,7 @@ describe('ssr: components', () => {
       expect(
         compile(`<foo>
         <template v-slot:named v-if="ok">foo</template>
-      </foo>`).code
+      </foo>`).code,
       ).toMatchInlineSnapshot(`
         "const { resolveComponent: _resolveComponent, withCtx: _withCtx, createTextVNode: _createTextVNode, createSlots: _createSlots } = require(\\"vue\\")
         const { ssrRenderComponent: _ssrRenderComponent } = require(\\"vue/server-renderer\\")
@@ -184,7 +184,7 @@ describe('ssr: components', () => {
       expect(
         compile(`<foo>
         <template v-for="key in names" v-slot:[key]="{ msg }">{{ msg + key + bar }}</template>
-      </foo>`).code
+      </foo>`).code,
       ).toMatchInlineSnapshot(`
         "const { resolveComponent: _resolveComponent, withCtx: _withCtx, toDisplayString: _toDisplayString, createTextVNode: _createTextVNode, renderList: _renderList, createSlots: _createSlots } = require(\\"vue\\")
         const { ssrRenderComponent: _ssrRenderComponent, ssrInterpolate: _ssrInterpolate } = require(\\"vue/server-renderer\\")
@@ -225,7 +225,7 @@ describe('ssr: components', () => {
             <span v-for="i in list"></span>
           </div>
         </template>
-      </foo>`).code
+      </foo>`).code,
       ).toMatchInlineSnapshot(`
         "const { resolveComponent: _resolveComponent, withCtx: _withCtx, renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createBlock: _createBlock, createCommentVNode: _createCommentVNode } = require(\\"vue\\")
         const { ssrRenderComponent: _ssrRenderComponent, ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
@@ -344,7 +344,7 @@ describe('ssr: components', () => {
       test('should push marker string if is slot root', () => {
         expect(
           compile(`<foo><transition><div v-if="false"/></transition></foo>`)
-            .code
+            .code,
         ).toMatchInlineSnapshot(`
           "const { resolveComponent: _resolveComponent, withCtx: _withCtx, openBlock: _openBlock, createBlock: _createBlock, createCommentVNode: _createCommentVNode, Transition: _Transition, createVNode: _createVNode } = require(\\"vue\\")
           const { ssrRenderComponent: _ssrRenderComponent } = require(\\"vue/server-renderer\\")
diff --git a/packages/compiler-ssr/__tests__/ssrElement.spec.ts b/packages/compiler-ssr/__tests__/ssrElement.spec.ts
index 65608bdd342..e2892ff670f 100644
--- a/packages/compiler-ssr/__tests__/ssrElement.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrElement.spec.ts
@@ -4,16 +4,16 @@ import { compile } from '../src'
 describe('ssr: element', () => {
   test('basic elements', () => {
     expect(getCompiledString(`<div></div>`)).toMatchInlineSnapshot(
-      `"\`<div></div>\`"`
+      `"\`<div></div>\`"`,
     )
     expect(getCompiledString(`<div/>`)).toMatchInlineSnapshot(
-      `"\`<div></div>\`"`
+      `"\`<div></div>\`"`,
     )
   })
 
   test('nested elements', () => {
     expect(
-      getCompiledString(`<div><span></span><span></span></div>`)
+      getCompiledString(`<div><span></span><span></span></div>`),
     ).toMatchInlineSnapshot(`"\`<div><span></span><span></span></div>\`"`)
   })
 
@@ -49,7 +49,7 @@ describe('ssr: element', () => {
 
     test('<textarea> with static value', () => {
       expect(
-        getCompiledString(`<textarea value="fo&gt;o"/>`)
+        getCompiledString(`<textarea value="fo&gt;o"/>`),
       ).toMatchInlineSnapshot(`"\`<textarea>fo&gt;o</textarea>\`"`)
     })
 
@@ -73,7 +73,7 @@ describe('ssr: element', () => {
 
     test('multiple _ssrInterpolate at parent and child import dependency once', () => {
       expect(
-        compile(`<div>{{ hello }}<textarea v-bind="a"></textarea></div>`).code
+        compile(`<div>{{ hello }}<textarea v-bind="a"></textarea></div>`).code,
       ).toMatchInlineSnapshot(`
         "const { ssrRenderAttrs: _ssrRenderAttrs, ssrInterpolate: _ssrInterpolate } = require(\\"vue/server-renderer\\")
 
@@ -96,8 +96,8 @@ describe('ssr: element', () => {
     test('should pass tag to custom elements w/ dynamic v-bind', () => {
       expect(
         compile(`<my-foo v-bind="obj"></my-foo>`, {
-          isCustomElement: () => true
-        }).code
+          isCustomElement: () => true,
+        }).code,
       ).toMatchInlineSnapshot(`
         "const { mergeProps: _mergeProps } = require(\\"vue\\")
         const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
@@ -112,19 +112,19 @@ describe('ssr: element', () => {
   describe('attrs', () => {
     test('static attrs', () => {
       expect(
-        getCompiledString(`<div id="foo" class="bar"></div>`)
+        getCompiledString(`<div id="foo" class="bar"></div>`),
       ).toMatchInlineSnapshot('"`<div id=\\"foo\\" class=\\"bar\\"></div>`"')
     })
 
     test('ignore static key/ref', () => {
       expect(
-        getCompiledString(`<div key="1" ref="el"></div>`)
+        getCompiledString(`<div key="1" ref="el"></div>`),
       ).toMatchInlineSnapshot(`"\`<div></div>\`"`)
     })
 
     test('ignore v-bind key/ref', () => {
       expect(
-        getCompiledString(`<div :key="1" :ref="el"></div>`)
+        getCompiledString(`<div :key="1" :ref="el"></div>`),
       ).toMatchInlineSnapshot(`"\`<div></div>\`"`)
     })
 
@@ -263,8 +263,8 @@ describe('ssr: element', () => {
       // should merge style and :style
       expect(
         getCompiledString(
-          `<div style="color:red;" :style="b" v-bind="obj"></div>`
-        )
+          `<div style="color:red;" :style="b" v-bind="obj"></div>`,
+        ),
       ).toMatchInlineSnapshot(`
         "\`<div\${
             _ssrRenderAttrs(_mergeProps({
@@ -276,10 +276,10 @@ describe('ssr: element', () => {
 
     test('should ignore v-on', () => {
       expect(
-        getCompiledString(`<div id="foo" @click="bar"/>`)
+        getCompiledString(`<div id="foo" @click="bar"/>`),
       ).toMatchInlineSnapshot('"`<div id=\\"foo\\"></div>`"')
       expect(
-        getCompiledString(`<div id="foo" v-on="bar"/>`)
+        getCompiledString(`<div id="foo" v-on="bar"/>`),
       ).toMatchInlineSnapshot('"`<div id=\\"foo\\"></div>`"')
       expect(getCompiledString(`<div v-bind="foo" v-on="bar"/>`))
         .toMatchInlineSnapshot(`
@@ -329,7 +329,7 @@ describe('ssr: element', () => {
 
     test('custom dir with object v-bind + normal bindings', () => {
       expect(
-        getCompiledString(`<div v-bind="x" class="foo" v-xxx title="bar" />`)
+        getCompiledString(`<div v-bind="x" class="foo" v-xxx title="bar" />`),
       ).toMatchInlineSnapshot(`
         "\`<div\${
             _ssrRenderAttrs(_mergeProps(_ctx.x, {
diff --git a/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts b/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts
index 0e29fb7e445..c9b4ef21aee 100644
--- a/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrInjectCssVars.spec.ts
@@ -5,8 +5,8 @@ describe('ssr: inject <style vars>', () => {
   test('basic', () => {
     expect(
       compile(`<div/>`, {
-        ssrCssVars: `{ color }`
-      }).code
+        ssrCssVars: `{ color }`,
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { mergeProps: _mergeProps } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
@@ -21,8 +21,8 @@ describe('ssr: inject <style vars>', () => {
   test('fragment', () => {
     expect(
       compile(`<div/><div/>`, {
-        ssrCssVars: `{ color }`
-      }).code
+        ssrCssVars: `{ color }`,
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -40,8 +40,8 @@ describe('ssr: inject <style vars>', () => {
   test('passing on to components', () => {
     expect(
       compile(`<div/><foo/>`, {
-        ssrCssVars: `{ color }`
-      }).code
+        ssrCssVars: `{ color }`,
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { resolveComponent: _resolveComponent } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs, ssrRenderComponent: _ssrRenderComponent } = require(\\"vue/server-renderer\\")
@@ -60,8 +60,8 @@ describe('ssr: inject <style vars>', () => {
   test('v-if branches', () => {
     expect(
       compile(`<div v-if="ok"/><template v-else><div/><div/></template>`, {
-        ssrCssVars: `{ color }`
-      }).code
+        ssrCssVars: `{ color }`,
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { mergeProps: _mergeProps } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
@@ -91,9 +91,9 @@ describe('ssr: inject <style vars>', () => {
           </template>
         </Suspense>`,
         {
-          ssrCssVars: `{ color }`
-        }
-      ).code
+          ssrCssVars: `{ color }`,
+        },
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { withCtx: _withCtx } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs, ssrRenderSuspense: _ssrRenderSuspense } = require(\\"vue/server-renderer\\")
@@ -117,7 +117,7 @@ describe('ssr: inject <style vars>', () => {
     const result = compile(`<div/>`, {
       inline: true,
       bindingMetadata: { dynamic: BindingTypes.SETUP_MAYBE_REF },
-      ssrCssVars: '{ "--hash": (dynamic) }'
+      ssrCssVars: '{ "--hash": (dynamic) }',
     })
 
     expect(result.code).toMatchInlineSnapshot(`
diff --git a/packages/compiler-ssr/__tests__/ssrPortal.spec.ts b/packages/compiler-ssr/__tests__/ssrPortal.spec.ts
index 8f3dda5a60d..dc2ecc71e27 100644
--- a/packages/compiler-ssr/__tests__/ssrPortal.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrPortal.spec.ts
@@ -27,7 +27,7 @@ describe('ssr compile: teleport', () => {
       `)
 
     expect(
-      compile(`<teleport :to="target" :disabled="foo"><div/></teleport>`).code
+      compile(`<teleport :to="target" :disabled="foo"><div/></teleport>`).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderTeleport: _ssrRenderTeleport } = require(\\"vue/server-renderer\\")
 
diff --git a/packages/compiler-ssr/__tests__/ssrScopeId.spec.ts b/packages/compiler-ssr/__tests__/ssrScopeId.spec.ts
index 3445a84fda9..40b06b931cd 100644
--- a/packages/compiler-ssr/__tests__/ssrScopeId.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrScopeId.spec.ts
@@ -7,8 +7,8 @@ describe('ssr: scopeId', () => {
     expect(
       compile(`<div><span>hello</span></div>`, {
         scopeId,
-        mode: 'module'
-      }).code
+        mode: 'module',
+      }).code,
     ).toMatchInlineSnapshot(`
       "import { ssrRenderAttrs as _ssrRenderAttrs } from \\"vue/server-renderer\\"
 
@@ -23,8 +23,8 @@ describe('ssr: scopeId', () => {
     expect(
       compile(`<foo>foo</foo>`, {
         scopeId,
-        mode: 'module'
-      }).code
+        mode: 'module',
+      }).code,
     ).toMatchInlineSnapshot(`
       "import { resolveComponent as _resolveComponent, withCtx as _withCtx, createTextVNode as _createTextVNode } from \\"vue\\"
       import { ssrRenderComponent as _ssrRenderComponent } from \\"vue/server-renderer\\"
@@ -52,8 +52,8 @@ describe('ssr: scopeId', () => {
     expect(
       compile(`<foo><span>hello</span></foo>`, {
         scopeId,
-        mode: 'module'
-      }).code
+        mode: 'module',
+      }).code,
     ).toMatchInlineSnapshot(`
       "import { resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from \\"vue\\"
       import { ssrRenderComponent as _ssrRenderComponent } from \\"vue/server-renderer\\"
@@ -81,8 +81,8 @@ describe('ssr: scopeId', () => {
     expect(
       compile(`<foo><span>hello</span><bar><span/></bar></foo>`, {
         scopeId,
-        mode: 'module'
-      }).code
+        mode: 'module',
+      }).code,
     ).toMatchInlineSnapshot(`
       "import { resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from \\"vue\\"
       import { ssrRenderComponent as _ssrRenderComponent } from \\"vue/server-renderer\\"
diff --git a/packages/compiler-ssr/__tests__/ssrSlotOutlet.spec.ts b/packages/compiler-ssr/__tests__/ssrSlotOutlet.spec.ts
index f1a5945c1b2..7f3e8653eaf 100644
--- a/packages/compiler-ssr/__tests__/ssrSlotOutlet.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrSlotOutlet.spec.ts
@@ -62,8 +62,8 @@ describe('ssr: <slot>', () => {
   test('with scopeId', async () => {
     expect(
       compile(`<slot/>`, {
-        scopeId: 'hello'
-      }).code
+        scopeId: 'hello',
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderSlot: _ssrRenderSlot } = require(\\"vue/server-renderer\\")
 
@@ -77,8 +77,8 @@ describe('ssr: <slot>', () => {
     expect(
       compile(`<slot/>`, {
         scopeId: 'hello',
-        slotted: false
-      }).code
+        slotted: false,
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderSlot: _ssrRenderSlot } = require(\\"vue/server-renderer\\")
 
@@ -91,8 +91,8 @@ describe('ssr: <slot>', () => {
   test('with forwarded scopeId', async () => {
     expect(
       compile(`<Comp><slot/></Comp>`, {
-        scopeId: 'hello'
-      }).code
+        scopeId: 'hello',
+      }).code,
     ).toMatchInlineSnapshot(`
       "const { resolveComponent: _resolveComponent, withCtx: _withCtx, renderSlot: _renderSlot } = require(\\"vue\\")
       const { ssrRenderSlot: _ssrRenderSlot, ssrRenderComponent: _ssrRenderComponent } = require(\\"vue/server-renderer\\")
diff --git a/packages/compiler-ssr/__tests__/ssrSuspense.spec.ts b/packages/compiler-ssr/__tests__/ssrSuspense.spec.ts
index a4d34801956..52540dec272 100644
--- a/packages/compiler-ssr/__tests__/ssrSuspense.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrSuspense.spec.ts
@@ -28,7 +28,7 @@ describe('ssr compile: suspense', () => {
       <template #fallback>
         loading...
       </template>
-    </suspense>`).code
+    </suspense>`).code,
     ).toMatchInlineSnapshot(`
       "const { resolveComponent: _resolveComponent, withCtx: _withCtx } = require(\\"vue\\")
       const { ssrRenderComponent: _ssrRenderComponent, ssrRenderSuspense: _ssrRenderSuspense } = require(\\"vue/server-renderer\\")
diff --git a/packages/compiler-ssr/__tests__/ssrText.spec.ts b/packages/compiler-ssr/__tests__/ssrText.spec.ts
index 37cf2df3760..7c2f1bfb082 100644
--- a/packages/compiler-ssr/__tests__/ssrText.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrText.spec.ts
@@ -8,7 +8,7 @@ describe('ssr: text', () => {
 
   test('static text with template string special chars', () => {
     expect(getCompiledString(`\`\${foo}\``)).toMatchInlineSnapshot(
-      '"`\\\\`\\\\${foo}\\\\``"'
+      '"`\\\\`\\\\${foo}\\\\``"',
     )
   })
 
@@ -17,27 +17,27 @@ describe('ssr: text', () => {
     // snapshot -> inline snapshot goes through two escapes
     // so that makes a total of 3 * 2 * 2 = 12 back slashes
     expect(getCompiledString(`\\$foo`)).toMatchInlineSnapshot(
-      '"`\\\\\\\\\\\\$foo`"'
+      '"`\\\\\\\\\\\\$foo`"',
     )
   })
 
   test('comments', () => {
     expect(getCompiledString(`<!--bar-->`)).toMatchInlineSnapshot(
-      `"\`<!--bar-->\`"`
+      `"\`<!--bar-->\`"`,
     )
   })
 
   test('static text escape', () => {
     expect(getCompiledString(`&lt;foo&gt;`)).toMatchInlineSnapshot(
-      `"\`&lt;foo&gt;\`"`
+      `"\`&lt;foo&gt;\`"`,
     )
   })
 
   test('nested elements with static text', () => {
     expect(
-      getCompiledString(`<div><span>hello</span><span>bye</span></div>`)
+      getCompiledString(`<div><span>hello</span><span>bye</span></div>`),
     ).toMatchInlineSnapshot(
-      `"\`<div><span>hello</span><span>bye</span></div>\`"`
+      `"\`<div><span>hello</span><span>bye</span></div>\`"`,
     )
   })
 
@@ -54,7 +54,7 @@ describe('ssr: text', () => {
   test('nested elements with interpolation', () => {
     expect(
       compile(`<div><span>{{ foo }} bar</span><span>baz {{ qux }}</span></div>`)
-        .code
+        .code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttrs: _ssrRenderAttrs, ssrInterpolate: _ssrInterpolate } = require(\\"vue/server-renderer\\")
 
diff --git a/packages/compiler-ssr/__tests__/ssrTransitionGroup.spec.ts b/packages/compiler-ssr/__tests__/ssrTransitionGroup.spec.ts
index 2a3b6d3b4d4..2974c93bacf 100644
--- a/packages/compiler-ssr/__tests__/ssrTransitionGroup.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrTransitionGroup.spec.ts
@@ -6,7 +6,7 @@ describe('transition-group', () => {
   test('basic', () => {
     expect(
       compile(`<transition-group><div v-for="i in list"/></transition-group>`)
-        .code
+        .code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -23,8 +23,8 @@ describe('transition-group', () => {
   test('with static tag', () => {
     expect(
       compile(
-        `<transition-group tag="ul"><div v-for="i in list"/></transition-group>`
-      ).code
+        `<transition-group tag="ul"><div v-for="i in list"/></transition-group>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttrs: _ssrRenderAttrs, ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -41,8 +41,8 @@ describe('transition-group', () => {
   test('with dynamic tag', () => {
     expect(
       compile(
-        `<transition-group :tag="someTag"><div v-for="i in list"/></transition-group>`
-      ).code
+        `<transition-group :tag="someTag"><div v-for="i in list"/></transition-group>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttrs: _ssrRenderAttrs, ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -67,8 +67,8 @@ describe('transition-group', () => {
               <div v-for="i in 10"/>
               <div v-for="i in 10"/>
               <template v-if="ok"><div>ok</div></template>
-            </transition-group>`
-      ).code
+            </transition-group>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -94,8 +94,8 @@ describe('transition-group', () => {
     expect(
       compile(
         `<transition-group tag="ul" class="red" id="ok">
-        </transition-group>`
-      ).code
+        </transition-group>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { mergeProps: _mergeProps } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
diff --git a/packages/compiler-ssr/__tests__/ssrVFor.spec.ts b/packages/compiler-ssr/__tests__/ssrVFor.spec.ts
index f34aa03d2a7..08f6527ed03 100644
--- a/packages/compiler-ssr/__tests__/ssrVFor.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrVFor.spec.ts
@@ -35,8 +35,8 @@ describe('ssr: v-for', () => {
       compile(
         `<div v-for="row, i in list">` +
           `<div v-for="j in row">{{ i }},{{ j }}</div>` +
-          `</div>`
-      ).code
+          `</div>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrInterpolate: _ssrInterpolate, ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -76,7 +76,7 @@ describe('ssr: v-for', () => {
   test('template v-for (single element)', () => {
     expect(
       compile(`<template v-for="i in list"><span>{{ i }}</span></template>`)
-        .code
+        .code,
     ).toMatchInlineSnapshot(`
       "const { ssrInterpolate: _ssrInterpolate, ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -93,8 +93,8 @@ describe('ssr: v-for', () => {
   test('template v-for (multi element)', () => {
     expect(
       compile(
-        `<template v-for="i in list"><span>{{ i }}</span><span>{{ i + 1 }}</span></template>`
-      ).code
+        `<template v-for="i in list"><span>{{ i }}</span><span>{{ i + 1 }}</span></template>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrInterpolate: _ssrInterpolate, ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -114,7 +114,7 @@ describe('ssr: v-for', () => {
 
   test('render loop args should not be prefixed', () => {
     const { code } = compile(
-      `<div v-for="{ foo }, index in list">{{ foo + bar + index }}</div>`
+      `<div v-for="{ foo }, index in list">{{ foo + bar + index }}</div>`,
     )
     expect(code).toMatch(`_ctx.bar`)
     expect(code).not.toMatch(`_ctx.foo`)
diff --git a/packages/compiler-ssr/__tests__/ssrVIf.spec.ts b/packages/compiler-ssr/__tests__/ssrVIf.spec.ts
index f9d81bcca20..91197fd4c29 100644
--- a/packages/compiler-ssr/__tests__/ssrVIf.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrVIf.spec.ts
@@ -111,7 +111,8 @@ describe('ssr: v-if', () => {
 
   test('<template v-if> (multiple element)', () => {
     expect(
-      compile(`<template v-if="foo"><div>hi</div><div>ho</div></template>`).code
+      compile(`<template v-if="foo"><div>hi</div><div>ho</div></template>`)
+        .code,
     ).toMatchInlineSnapshot(`
       "
       return function ssrRender(_ctx, _push, _parent, _attrs) {
@@ -126,7 +127,7 @@ describe('ssr: v-if', () => {
 
   test('<template v-if> (with v-for inside)', () => {
     expect(
-      compile(`<template v-if="foo"><div v-for="i in list"/></template>`).code
+      compile(`<template v-if="foo"><div v-for="i in list"/></template>`).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderList: _ssrRenderList } = require(\\"vue/server-renderer\\")
 
@@ -147,8 +148,8 @@ describe('ssr: v-if', () => {
   test('<template v-if> + normal v-else', () => {
     expect(
       compile(
-        `<template v-if="foo"><div>hi</div><div>ho</div></template><div v-else/>`
-      ).code
+        `<template v-if="foo"><div>hi</div><div>ho</div></template><div v-else/>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
diff --git a/packages/compiler-ssr/__tests__/ssrVModel.spec.ts b/packages/compiler-ssr/__tests__/ssrVModel.spec.ts
index 5bccbcb788c..e55021e0474 100644
--- a/packages/compiler-ssr/__tests__/ssrVModel.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrVModel.spec.ts
@@ -36,8 +36,8 @@ describe('ssr: v-model', () => {
   test('<select v-model>', () => {
     expect(
       compileWithWrapper(
-        `<select v-model="model"><option value="1"></option></select>`
-      ).code
+        `<select v-model="model"><option value="1"></option></select>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrIncludeBooleanAttr: _ssrIncludeBooleanAttr, ssrLooseContain: _ssrLooseContain, ssrLooseEqual: _ssrLooseEqual, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -54,8 +54,8 @@ describe('ssr: v-model', () => {
 
     expect(
       compileWithWrapper(
-        `<select multiple v-model="model"><option value="1" selected></option><option value="2"></option></select>`
-      ).code
+        `<select multiple v-model="model"><option value="1" selected></option><option value="2"></option></select>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrIncludeBooleanAttr: _ssrIncludeBooleanAttr, ssrLooseContain: _ssrLooseContain, ssrLooseEqual: _ssrLooseEqual, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -73,7 +73,7 @@ describe('ssr: v-model', () => {
 
   test('<input type="radio">', () => {
     expect(
-      compileWithWrapper(`<input type="radio" value="foo" v-model="bar">`).code
+      compileWithWrapper(`<input type="radio" value="foo" v-model="bar">`).code,
     ).toMatchInlineSnapshot(`
       "const { ssrLooseEqual: _ssrLooseEqual, ssrIncludeBooleanAttr: _ssrIncludeBooleanAttr, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -105,7 +105,7 @@ describe('ssr: v-model', () => {
 
     expect(
       compileWithWrapper(`<input type="checkbox" value="foo" v-model="bar">`)
-        .code
+        .code,
     ).toMatchInlineSnapshot(`
       "const { ssrLooseContain: _ssrLooseContain, ssrIncludeBooleanAttr: _ssrIncludeBooleanAttr, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -122,8 +122,8 @@ describe('ssr: v-model', () => {
 
     expect(
       compileWithWrapper(
-        `<input type="checkbox" :true-value="foo" :false-value="bar" v-model="baz">`
-      ).code
+        `<input type="checkbox" :true-value="foo" :false-value="bar" v-model="baz">`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrLooseEqual: _ssrLooseEqual, ssrIncludeBooleanAttr: _ssrIncludeBooleanAttr, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -138,8 +138,8 @@ describe('ssr: v-model', () => {
 
     expect(
       compileWithWrapper(
-        `<input type="checkbox" true-value="foo" false-value="bar" v-model="baz">`
-      ).code
+        `<input type="checkbox" true-value="foo" false-value="bar" v-model="baz">`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrLooseEqual: _ssrLooseEqual, ssrIncludeBooleanAttr: _ssrIncludeBooleanAttr, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -185,7 +185,7 @@ describe('ssr: v-model', () => {
       `)
 
     expect(
-      compileWithWrapper(`<input :type="x" v-model="foo" value="bar">`).code
+      compileWithWrapper(`<input :type="x" v-model="foo" value="bar">`).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttr: _ssrRenderAttr, ssrRenderDynamicModel: _ssrRenderDynamicModel, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -201,7 +201,7 @@ describe('ssr: v-model', () => {
     `)
 
     expect(
-      compileWithWrapper(`<input :type="x" v-model="foo" :value="bar">`).code
+      compileWithWrapper(`<input :type="x" v-model="foo" :value="bar">`).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderAttr: _ssrRenderAttr, ssrRenderDynamicModel: _ssrRenderDynamicModel, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -238,7 +238,7 @@ describe('ssr: v-model', () => {
 
     expect(
       compileWithWrapper(`<input id="x" v-bind="obj" v-model="foo" class="y">`)
-        .code
+        .code,
     ).toMatchInlineSnapshot(`
       "const { mergeProps: _mergeProps } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs, ssrGetDynamicModelProps: _ssrGetDynamicModelProps } = require(\\"vue/server-renderer\\")
diff --git a/packages/compiler-ssr/__tests__/ssrVShow.spec.ts b/packages/compiler-ssr/__tests__/ssrVShow.spec.ts
index 089d39af7e9..53893f8caf2 100644
--- a/packages/compiler-ssr/__tests__/ssrVShow.spec.ts
+++ b/packages/compiler-ssr/__tests__/ssrVShow.spec.ts
@@ -53,7 +53,7 @@ describe('ssr: v-show', () => {
 
   test('with dynamic style', () => {
     expect(
-      compileWithWrapper(`<div :style="{ color: 'red' }" v-show="foo"/>`).code
+      compileWithWrapper(`<div :style="{ color: 'red' }" v-show="foo"/>`).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderStyle: _ssrRenderStyle, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -73,8 +73,8 @@ describe('ssr: v-show', () => {
   test('with static + dynamic style', () => {
     expect(
       compileWithWrapper(
-        `<div style="color:red" :style="{ fontSize: 14 }" v-show="foo"/>`
-      ).code
+        `<div style="color:red" :style="{ fontSize: 14 }" v-show="foo"/>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { ssrRenderStyle: _ssrRenderStyle, ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
 
@@ -95,8 +95,8 @@ describe('ssr: v-show', () => {
   test('with v-bind', () => {
     expect(
       compileWithWrapper(
-        `<div v-bind="baz" style="color:red" :style="{ fontSize: 14 }" v-show="foo"/>`
-      ).code
+        `<div v-bind="baz" style="color:red" :style="{ fontSize: 14 }" v-show="foo"/>`,
+      ).code,
     ).toMatchInlineSnapshot(`
       "const { mergeProps: _mergeProps } = require(\\"vue\\")
       const { ssrRenderAttrs: _ssrRenderAttrs } = require(\\"vue/server-renderer\\")
diff --git a/packages/compiler-ssr/__tests__/utils.ts b/packages/compiler-ssr/__tests__/utils.ts
index 08dec4debec..c656517cdb8 100644
--- a/packages/compiler-ssr/__tests__/utils.ts
+++ b/packages/compiler-ssr/__tests__/utils.ts
@@ -6,7 +6,7 @@ export function getCompiledString(src: string): string {
   // but also means this util can only be used for non-root cases.
   const { code } = compile(`<div>${src}</div>`)
   const match = code.match(
-    /_push\(\`<div\${\s*_ssrRenderAttrs\(_attrs\)\s*}>([^]*)<\/div>\`\)/
+    /_push\(\`<div\${\s*_ssrRenderAttrs\(_attrs\)\s*}>([^]*)<\/div>\`\)/,
   )
 
   if (!match) {
diff --git a/packages/compiler-ssr/src/errors.ts b/packages/compiler-ssr/src/errors.ts
index e8e5a3a541d..aef917dc120 100644
--- a/packages/compiler-ssr/src/errors.ts
+++ b/packages/compiler-ssr/src/errors.ts
@@ -2,7 +2,7 @@ import {
   SourceLocation,
   CompilerError,
   createCompilerError,
-  DOMErrorCodes
+  DOMErrorCodes,
 } from '@vue/compiler-dom'
 
 export interface SSRCompilerError extends CompilerError {
@@ -11,7 +11,7 @@ export interface SSRCompilerError extends CompilerError {
 
 export function createSSRCompilerError(
   code: SSRErrorCodes,
-  loc?: SourceLocation
+  loc?: SourceLocation,
 ) {
   return createCompilerError(code, loc, SSRErrorMessages) as SSRCompilerError
 }
@@ -19,7 +19,7 @@ export function createSSRCompilerError(
 export const enum SSRErrorCodes {
   X_SSR_UNSAFE_ATTR_NAME = 65 /* DOMErrorCodes.__EXTEND_POINT__ */,
   X_SSR_NO_TELEPORT_TARGET,
-  X_SSR_INVALID_AST_NODE
+  X_SSR_INVALID_AST_NODE,
 }
 
 if (__TEST__) {
@@ -30,7 +30,7 @@ if (__TEST__) {
     throw new Error(
       `SSRErrorCodes need to be updated to ${
         DOMErrorCodes.__EXTEND_POINT__ + 1
-      } to match extension point from core DOMErrorCodes.`
+      } to match extension point from core DOMErrorCodes.`,
     )
   }
 }
@@ -38,5 +38,5 @@ if (__TEST__) {
 export const SSRErrorMessages: { [code: number]: string } = {
   [SSRErrorCodes.X_SSR_UNSAFE_ATTR_NAME]: `Unsafe attribute name for SSR.`,
   [SSRErrorCodes.X_SSR_NO_TELEPORT_TARGET]: `Missing the 'to' prop on teleport element.`,
-  [SSRErrorCodes.X_SSR_INVALID_AST_NODE]: `Invalid AST node during SSR transform.`
+  [SSRErrorCodes.X_SSR_INVALID_AST_NODE]: `Invalid AST node during SSR transform.`,
 }
diff --git a/packages/compiler-ssr/src/index.ts b/packages/compiler-ssr/src/index.ts
index 1775af52bfc..07730d162de 100644
--- a/packages/compiler-ssr/src/index.ts
+++ b/packages/compiler-ssr/src/index.ts
@@ -11,13 +11,13 @@ import {
   noopDirectiveTransform,
   transformBind,
   transformStyle,
-  transformOn
+  transformOn,
 } from '@vue/compiler-dom'
 import { ssrCodegenTransform } from './ssrCodegenTransform'
 import { ssrTransformElement } from './transforms/ssrTransformElement'
 import {
   ssrTransformComponent,
-  rawOptionsMap
+  rawOptionsMap,
 } from './transforms/ssrTransformComponent'
 import { ssrTransformSlotOutlet } from './transforms/ssrTransformSlotOutlet'
 import { ssrTransformIf } from './transforms/ssrVIf'
@@ -29,7 +29,7 @@ import { ssrInjectCssVars } from './transforms/ssrInjectCssVars'
 
 export function compile(
   template: string,
-  options: CompilerOptions = {}
+  options: CompilerOptions = {},
 ): CodegenResult {
   options = {
     ...options,
@@ -42,7 +42,7 @@ export function compile(
     prefixIdentifiers: true,
     // disable optimizations that are unnecessary for ssr
     cacheHandlers: false,
-    hoistStatic: false
+    hoistStatic: false,
   }
 
   const ast = baseParse(template, options)
@@ -66,7 +66,7 @@ export function compile(
       ssrTransformComponent,
       trackSlotScopes,
       transformStyle,
-      ...(options.nodeTransforms || []) // user transforms
+      ...(options.nodeTransforms || []), // user transforms
     ],
     directiveTransforms: {
       // reusing core v-bind
@@ -80,8 +80,8 @@ export function compile(
       cloak: noopDirectiveTransform,
       once: noopDirectiveTransform,
       memo: noopDirectiveTransform,
-      ...(options.directiveTransforms || {}) // user transforms
-    }
+      ...(options.directiveTransforms || {}), // user transforms
+    },
   })
 
   // traverse the template AST and convert into SSR codegen AST
diff --git a/packages/compiler-ssr/src/runtimeHelpers.ts b/packages/compiler-ssr/src/runtimeHelpers.ts
index 220af4854f6..1420ef64fbe 100644
--- a/packages/compiler-ssr/src/runtimeHelpers.ts
+++ b/packages/compiler-ssr/src/runtimeHelpers.ts
@@ -39,7 +39,7 @@ export const ssrHelpers = {
   [SSR_GET_DYNAMIC_MODEL_PROPS]: `ssrGetDynamicModelProps`,
   [SSR_RENDER_TELEPORT]: `ssrRenderTeleport`,
   [SSR_RENDER_SUSPENSE]: `ssrRenderSuspense`,
-  [SSR_GET_DIRECTIVE_PROPS]: `ssrGetDirectiveProps`
+  [SSR_GET_DIRECTIVE_PROPS]: `ssrGetDirectiveProps`,
 }
 
 // Note: these are helpers imported from @vue/server-renderer
diff --git a/packages/compiler-ssr/src/ssrCodegenTransform.ts b/packages/compiler-ssr/src/ssrCodegenTransform.ts
index 954863b5393..e5a6b37e2f3 100644
--- a/packages/compiler-ssr/src/ssrCodegenTransform.ts
+++ b/packages/compiler-ssr/src/ssrCodegenTransform.ts
@@ -16,7 +16,7 @@ import {
   createSimpleExpression,
   createCompoundExpression,
   createTransformContext,
-  createRoot
+  createRoot,
 } from '@vue/compiler-dom'
 import { isString, escapeHtml } from '@vue/shared'
 import { SSR_INTERPOLATE, ssrHelpers } from './runtimeHelpers'
@@ -43,10 +43,10 @@ export function ssrCodegenTransform(ast: RootNode, options: CompilerOptions) {
     const cssContext = createTransformContext(createRoot([]), options)
     const varsExp = processExpression(
       createSimpleExpression(options.ssrCssVars, false),
-      cssContext
+      cssContext,
     )
     context.body.push(
-      createCompoundExpression([`const _cssVars = { style: `, varsExp, `}`])
+      createCompoundExpression([`const _cssVars = { style: `, varsExp, `}`]),
     )
     Array.from(cssContext.helpers.keys()).forEach(helper => {
       ast.helpers.add(helper)
@@ -63,8 +63,8 @@ export function ssrCodegenTransform(ast: RootNode, options: CompilerOptions) {
   ast.ssrHelpers = Array.from(
     new Set([
       ...Array.from(ast.helpers).filter(h => h in ssrHelpers),
-      ...context.helpers
-    ])
+      ...context.helpers,
+    ]),
   )
 
   ast.helpers = new Set(Array.from(ast.helpers).filter(h => !(h in ssrHelpers)))
@@ -76,7 +76,7 @@ function createSSRTransformContext(
   root: RootNode,
   options: CompilerOptions,
   helpers: Set<symbol> = new Set(),
-  withSlotScopeId = false
+  withSlotScopeId = false,
 ) {
   const body: BlockStatement['body'] = []
   let currentString: TemplateLiteral | null = null
@@ -115,20 +115,20 @@ function createSSRTransformContext(
       // close current string
       currentString = null
       body.push(statement)
-    }
+    },
   }
 }
 
 function createChildContext(
   parent: SSRTransformContext,
-  withSlotScopeId = parent.withSlotScopeId
+  withSlotScopeId = parent.withSlotScopeId,
 ): SSRTransformContext {
   // ensure child inherits parent helpers
   return createSSRTransformContext(
     parent.root,
     parent.options,
     parent.helpers,
-    withSlotScopeId
+    withSlotScopeId,
   )
 }
 
@@ -140,7 +140,7 @@ export function processChildren(
   parent: Container,
   context: SSRTransformContext,
   asFragment = false,
-  disableNestedFragments = false
+  disableNestedFragments = false,
 ) {
   if (asFragment) {
     context.pushStringPart(`<!--[-->`)
@@ -167,8 +167,8 @@ export function processChildren(
             context.onError(
               createSSRCompilerError(
                 SSRErrorCodes.X_SSR_INVALID_AST_NODE,
-                (child as any).loc
-              )
+                (child as any).loc,
+              ),
             )
             // make sure we exhaust all possible types
             const exhaustiveCheck: never = child
@@ -185,7 +185,9 @@ export function processChildren(
         break
       case NodeTypes.INTERPOLATION:
         context.pushStringPart(
-          createCallExpression(context.helper(SSR_INTERPOLATE), [child.content])
+          createCallExpression(context.helper(SSR_INTERPOLATE), [
+            child.content,
+          ]),
         )
         break
       case NodeTypes.IF:
@@ -206,8 +208,8 @@ export function processChildren(
         context.onError(
           createSSRCompilerError(
             SSRErrorCodes.X_SSR_INVALID_AST_NODE,
-            (child as any).loc
-          )
+            (child as any).loc,
+          ),
         )
         // make sure we exhaust all possible types
         const exhaustiveCheck: never = child
@@ -223,7 +225,7 @@ export function processChildrenAsStatement(
   parent: Container,
   parentContext: SSRTransformContext,
   asFragment = false,
-  withSlotScopeId = parentContext.withSlotScopeId
+  withSlotScopeId = parentContext.withSlotScopeId,
 ): BlockStatement {
   const childContext = createChildContext(parentContext, withSlotScopeId)
   processChildren(parent, childContext, asFragment)
diff --git a/packages/compiler-ssr/src/transforms/ssrInjectCssVars.ts b/packages/compiler-ssr/src/transforms/ssrInjectCssVars.ts
index d5c0daee7cf..4b8d490150f 100644
--- a/packages/compiler-ssr/src/transforms/ssrInjectCssVars.ts
+++ b/packages/compiler-ssr/src/transforms/ssrInjectCssVars.ts
@@ -7,7 +7,7 @@ import {
   RootNode,
   TemplateChildNode,
   findDir,
-  isBuiltInType
+  isBuiltInType,
 } from '@vue/compiler-dom'
 
 export const ssrInjectCssVars: NodeTransform = (node, context) => {
@@ -62,7 +62,7 @@ function injectCssVars(node: RootNode | TemplateChildNode) {
         arg: undefined,
         exp: createSimpleExpression(`_cssVars`, false),
         modifiers: [],
-        loc: locStub
+        loc: locStub,
       })
     }
   }
diff --git a/packages/compiler-ssr/src/transforms/ssrInjectFallthroughAttrs.ts b/packages/compiler-ssr/src/transforms/ssrInjectFallthroughAttrs.ts
index 2b5c350a557..f33275e6136 100644
--- a/packages/compiler-ssr/src/transforms/ssrInjectFallthroughAttrs.ts
+++ b/packages/compiler-ssr/src/transforms/ssrInjectFallthroughAttrs.ts
@@ -8,7 +8,7 @@ import {
   TemplateChildNode,
   ParentNode,
   findDir,
-  isBuiltInType
+  isBuiltInType,
 } from '@vue/compiler-dom'
 
 const filterChild = (node: ParentNode) =>
@@ -84,7 +84,7 @@ function injectFallthroughAttrs(node: RootNode | TemplateChildNode) {
       arg: undefined,
       exp: createSimpleExpression(`_attrs`, false),
       modifiers: [],
-      loc: locStub
+      loc: locStub,
     })
   }
 }
diff --git a/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts b/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts
index dc8c6a4ae4f..152babe0d19 100644
--- a/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts
+++ b/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts
@@ -37,22 +37,22 @@ import {
   JSChildNode,
   RESOLVE_DYNAMIC_COMPONENT,
   TRANSITION,
-  stringifyExpression
+  stringifyExpression,
 } from '@vue/compiler-dom'
 import { SSR_RENDER_COMPONENT, SSR_RENDER_VNODE } from '../runtimeHelpers'
 import {
   SSRTransformContext,
   processChildren,
-  processChildrenAsStatement
+  processChildrenAsStatement,
 } from '../ssrCodegenTransform'
 import { ssrProcessTeleport } from './ssrTransformTeleport'
 import {
   ssrProcessSuspense,
-  ssrTransformSuspense
+  ssrTransformSuspense,
 } from './ssrTransformSuspense'
 import {
   ssrProcessTransitionGroup,
-  ssrTransformTransitionGroup
+  ssrTransformTransitionGroup,
 } from './ssrTransformTransitionGroup'
 import { isSymbol, isObject, isArray } from '@vue/shared'
 import { buildSSRProps } from './ssrTransformElement'
@@ -135,7 +135,7 @@ export const ssrTransformComponent: NodeTransform = (node, context) => {
         context,
         undefined,
         true,
-        isDynamicComponent
+        isDynamicComponent,
       )
       if (props || directives.length) {
         propsExp = buildSSRProps(props, directives, context)
@@ -152,14 +152,14 @@ export const ssrTransformComponent: NodeTransform = (node, context) => {
         undefined, // no return, assign body later
         true, // newline
         true, // isSlot
-        loc
+        loc,
       )
       wipEntries.push({
         type: WIP_SLOT,
         fn,
         children,
         // also collect the corresponding vnode branch built earlier
-        vnodeBranch: vnodeBranches[wipEntries.length]
+        vnodeBranch: vnodeBranches[wipEntries.length],
       })
       return fn
     }
@@ -179,15 +179,15 @@ export const ssrTransformComponent: NodeTransform = (node, context) => {
           createCallExpression(context.helper(CREATE_VNODE), [
             component,
             propsExp,
-            slots
+            slots,
           ]),
-          `_parent`
-        ]
+          `_parent`,
+        ],
       )
     } else {
       node.ssrCodegenNode = createCallExpression(
         context.helper(SSR_RENDER_COMPONENT),
-        [component, propsExp, slots, `_parent`]
+        [component, propsExp, slots, `_parent`],
       )
     }
   }
@@ -196,7 +196,7 @@ export const ssrTransformComponent: NodeTransform = (node, context) => {
 export function ssrProcessComponent(
   node: ComponentNode,
   context: SSRTransformContext,
-  parent: { children: TemplateChildNode[] }
+  parent: { children: TemplateChildNode[] },
 ) {
   const component = componentTypeMap.get(node)!
   if (!node.ssrCodegenNode) {
@@ -237,9 +237,9 @@ export function ssrProcessComponent(
           wipEntries[i],
           context,
           false,
-          true /* withSlotScopeId */
+          true /* withSlotScopeId */,
         ),
-        vnodeBranch
+        vnodeBranch,
       )
     }
 
@@ -251,7 +251,7 @@ export function ssrProcessComponent(
     if (typeof component === 'string') {
       // static component
       context.pushStatement(
-        createCallExpression(`_push`, [node.ssrCodegenNode])
+        createCallExpression(`_push`, [node.ssrCodegenNode]),
       )
     } else {
       // dynamic component (`resolveDynamicComponent` call)
@@ -268,13 +268,13 @@ const [baseNodeTransforms, baseDirectiveTransforms] =
 const vnodeNodeTransforms = [...baseNodeTransforms, ...DOMNodeTransforms]
 const vnodeDirectiveTransforms = {
   ...baseDirectiveTransforms,
-  ...DOMDirectiveTransforms
+  ...DOMDirectiveTransforms,
 }
 
 function createVNodeSlotBranch(
   props: ExpressionNode | undefined,
   children: TemplateChildNode[],
-  parentContext: TransformContext
+  parentContext: TransformContext,
 ): ReturnStatement {
   // apply a sub-transform using vnode-based transforms.
   const rawOptions = rawOptionsMap.get(parentContext.root)!
@@ -284,12 +284,12 @@ function createVNodeSlotBranch(
     // overwrite with vnode-based transforms
     nodeTransforms: [
       ...vnodeNodeTransforms,
-      ...(rawOptions.nodeTransforms || [])
+      ...(rawOptions.nodeTransforms || []),
     ],
     directiveTransforms: {
       ...vnodeDirectiveTransforms,
-      ...(rawOptions.directiveTransforms || {})
-    }
+      ...(rawOptions.directiveTransforms || {}),
+    },
   }
 
   // wrap the children with a wrapper template for proper children treatment.
@@ -308,12 +308,12 @@ function createVNodeSlotBranch(
         exp: props,
         arg: undefined,
         modifiers: [],
-        loc: locStub
-      }
+        loc: locStub,
+      },
     ],
     children,
     loc: locStub,
-    codegenNode: undefined
+    codegenNode: undefined,
   }
   subTransform(wrapperNode, subOptions, parentContext)
   return createReturnStatement(children)
@@ -322,7 +322,7 @@ function createVNodeSlotBranch(
 function subTransform(
   node: TemplateChildNode,
   options: TransformOptions,
-  parentContext: TransformContext
+  parentContext: TransformContext,
 ) {
   const childRoot = createRoot([node])
   const childContext = createTransformContext(childRoot, options)
diff --git a/packages/compiler-ssr/src/transforms/ssrTransformElement.ts b/packages/compiler-ssr/src/transforms/ssrTransformElement.ts
index 2c42a83ba37..4beb5690f31 100644
--- a/packages/compiler-ssr/src/transforms/ssrTransformElement.ts
+++ b/packages/compiler-ssr/src/transforms/ssrTransformElement.ts
@@ -29,7 +29,7 @@ import {
   AttributeNode,
   buildDirectiveArgs,
   TransformContext,
-  PropsExpression
+  PropsExpression,
 } from '@vue/compiler-dom'
 import {
   escapeHtml,
@@ -37,7 +37,7 @@ import {
   isBuiltInDirective,
   isSSRSafeAttrName,
   NO,
-  propsToAttrMap
+  propsToAttrMap,
 } from '@vue/shared'
 import { createSSRCompilerError, SSRErrorCodes } from '../errors'
 import {
@@ -49,7 +49,7 @@ import {
   SSR_INTERPOLATE,
   SSR_GET_DYNAMIC_MODEL_PROPS,
   SSR_INCLUDE_BOOLEAN_ATTR,
-  SSR_GET_DIRECTIVE_PROPS
+  SSR_GET_DIRECTIVE_PROPS,
 } from '../runtimeHelpers'
 import { SSRTransformContext, processChildren } from '../ssrCodegenTransform'
 
@@ -81,7 +81,7 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
     // so when they are present we need to bail out to full `renderAttrs`
     const hasDynamicVBind = hasDynamicKeyVBind(node)
     const hasCustomDir = node.props.some(
-      p => p.type === NodeTypes.DIRECTIVE && !isBuiltInDirective(p.name)
+      p => p.type === NodeTypes.DIRECTIVE && !isBuiltInDirective(p.name),
     )
     const needMergeProps = hasDynamicVBind || hasCustomDir
     if (needMergeProps) {
@@ -91,13 +91,13 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
         node.props,
         false /* isComponent */,
         false /* isDynamicComponent */,
-        true /* ssr */
+        true /* ssr */,
       )
       if (props || directives.length) {
         const mergedProps = buildSSRProps(props, directives, context)
         const propsExp = createCallExpression(
           context.helper(SSR_RENDER_ATTRS),
-          [mergedProps]
+          [mergedProps],
         )
 
         if (node.tag === 'textarea') {
@@ -116,8 +116,8 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
             propsExp.arguments = [
               createAssignmentExpression(
                 createSimpleExpression(tempId, false),
-                mergedProps
-              )
+                mergedProps,
+              ),
             ]
             rawChildrenMap.set(
               node,
@@ -127,11 +127,11 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
                   createSimpleExpression(`${tempId}.value`, false),
                   createSimpleExpression(
                     existingText ? existingText.content : ``,
-                    true
+                    true,
                   ),
-                  false
-                )
-              ])
+                  false,
+                ),
+              ]),
             )
           }
         } else if (node.tag === 'input') {
@@ -152,11 +152,11 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
                     context.helper(SSR_GET_DYNAMIC_MODEL_PROPS),
                     [
                       tempExp, // existing props
-                      vModel.exp! // model
-                    ]
-                  )
-                ])
-              ])
+                      vModel.exp!, // model
+                    ],
+                  ),
+                ]),
+              ]),
             ]
           }
         }
@@ -190,7 +190,7 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
           node.children = [createInterpolation(prop.exp, prop.loc)]
         } else if (prop.name === 'slot') {
           context.onError(
-            createCompilerError(ErrorCodes.X_V_SLOT_MISPLACED, prop.loc)
+            createCompilerError(ErrorCodes.X_V_SLOT_MISPLACED, prop.loc),
           )
         } else if (isTextareaWithValue(node, prop) && prop.exp) {
           if (!needMergeProps) {
@@ -203,7 +203,7 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
             const { props, ssrTagParts } = directiveTransform(
               prop,
               node,
-              context
+              context,
             )
             if (ssrTagParts) {
               openTag.push(...ssrTagParts)
@@ -221,9 +221,9 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
                     ` class="`,
                     (dynamicClassBinding = createCallExpression(
                       context.helper(SSR_RENDER_CLASS),
-                      [value]
+                      [value],
                     )),
-                    `"`
+                    `"`,
                   )
                 } else if (attrName === 'style') {
                   if (dynamicStyleBinding) {
@@ -234,9 +234,9 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
                       ` style="`,
                       (dynamicStyleBinding = createCallExpression(
                         context.helper(SSR_RENDER_STYLE),
-                        [value]
+                        [value],
                       )),
-                      `"`
+                      `"`,
                     )
                   }
                 } else {
@@ -249,26 +249,26 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
                       createConditionalExpression(
                         createCallExpression(
                           context.helper(SSR_INCLUDE_BOOLEAN_ATTR),
-                          [value]
+                          [value],
                         ),
                         createSimpleExpression(' ' + attrName, true),
                         createSimpleExpression('', true),
-                        false /* no newline */
-                      )
+                        false /* no newline */,
+                      ),
                     )
                   } else if (isSSRSafeAttrName(attrName)) {
                     openTag.push(
                       createCallExpression(context.helper(SSR_RENDER_ATTR), [
                         key,
-                        value
-                      ])
+                        value,
+                      ]),
                     )
                   } else {
                     context.onError(
                       createSSRCompilerError(
                         SSRErrorCodes.X_SSR_UNSAFE_ATTR_NAME,
-                        key.loc
-                      )
+                        key.loc,
+                      ),
                     )
                   }
                 }
@@ -283,8 +283,8 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
                 openTag.push(
                   createCallExpression(
                     context.helper(SSR_RENDER_DYNAMIC_ATTR),
-                    args
-                  )
+                    args,
+                  ),
                 )
               }
             }
@@ -304,7 +304,7 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
           }
           openTag.push(
             ` ${prop.name}` +
-              (prop.value ? `="${escapeHtml(prop.value.content)}"` : ``)
+              (prop.value ? `="${escapeHtml(prop.value.content)}"` : ``),
           )
         }
       }
@@ -327,7 +327,7 @@ export const ssrTransformElement: NodeTransform = (node, context) => {
 export function buildSSRProps(
   props: PropsExpression | undefined,
   directives: DirectiveNode[],
-  context: TransformContext
+  context: TransformContext,
 ): JSChildNode {
   let mergePropsArgs: JSChildNode[] = []
   if (props) {
@@ -343,8 +343,8 @@ export function buildSSRProps(
       mergePropsArgs.push(
         createCallExpression(context.helper(SSR_GET_DIRECTIVE_PROPS), [
           `_ctx`,
-          ...buildDirectiveArgs(dir, context).elements
-        ] as JSChildNode[])
+          ...buildDirectiveArgs(dir, context).elements,
+        ] as JSChildNode[]),
       )
     }
   }
@@ -369,7 +369,7 @@ function isTrueFalseValue(prop: DirectiveNode | AttributeNode) {
 
 function isTextareaWithValue(
   node: PlainElementNode,
-  prop: DirectiveNode
+  prop: DirectiveNode,
 ): boolean {
   return !!(
     node.tag === 'textarea' &&
@@ -389,7 +389,7 @@ function mergeCall(call: CallExpression, arg: string | JSChildNode) {
 
 function removeStaticBinding(
   tag: TemplateLiteral['elements'],
-  binding: string
+  binding: string,
 ) {
   const regExp = new RegExp(`^ ${binding}=".+"$`)
 
@@ -402,13 +402,13 @@ function removeStaticBinding(
 
 function findVModel(node: PlainElementNode): DirectiveNode | undefined {
   return node.props.find(
-    p => p.type === NodeTypes.DIRECTIVE && p.name === 'model' && p.exp
+    p => p.type === NodeTypes.DIRECTIVE && p.name === 'model' && p.exp,
   ) as DirectiveNode | undefined
 }
 
 export function ssrProcessElement(
   node: PlainElementNode,
-  context: SSRTransformContext
+  context: SSRTransformContext,
 ) {
   const isVoidTag = context.options.isVoidTag || NO
   const elementsToAdd = node.ssrCodegenNode!.elements
diff --git a/packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts b/packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts
index c4bbb6ff620..0b0762ecc48 100644
--- a/packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts
+++ b/packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts
@@ -8,12 +8,12 @@ import {
   NodeTypes,
   ElementTypes,
   resolveComponentType,
-  TRANSITION
+  TRANSITION,
 } from '@vue/compiler-dom'
 import { SSR_RENDER_SLOT, SSR_RENDER_SLOT_INNER } from '../runtimeHelpers'
 import {
   SSRTransformContext,
-  processChildrenAsStatement
+  processChildrenAsStatement,
 } from '../ssrCodegenTransform'
 
 export const ssrTransformSlotOutlet: NodeTransform = (node, context) => {
@@ -27,7 +27,7 @@ export const ssrTransformSlotOutlet: NodeTransform = (node, context) => {
       // fallback content placeholder. will be replaced in the process phase
       `null`,
       `_push`,
-      `_parent`
+      `_parent`,
     ]
 
     // inject slot scope id if current template uses :slotted
@@ -62,7 +62,7 @@ export const ssrTransformSlotOutlet: NodeTransform = (node, context) => {
 
 export function ssrProcessSlotOutlet(
   node: SlotOutletNode,
-  context: SSRTransformContext
+  context: SSRTransformContext,
 ) {
   const renderCall = node.ssrCodegenNode!
 
diff --git a/packages/compiler-ssr/src/transforms/ssrTransformSuspense.ts b/packages/compiler-ssr/src/transforms/ssrTransformSuspense.ts
index 207e9348eef..e5a6cd7bd15 100644
--- a/packages/compiler-ssr/src/transforms/ssrTransformSuspense.ts
+++ b/packages/compiler-ssr/src/transforms/ssrTransformSuspense.ts
@@ -6,11 +6,11 @@ import {
   FunctionExpression,
   TemplateChildNode,
   createCallExpression,
-  SlotsExpression
+  SlotsExpression,
 } from '@vue/compiler-dom'
 import {
   SSRTransformContext,
-  processChildrenAsStatement
+  processChildrenAsStatement,
 } from '../ssrCodegenTransform'
 import { SSR_RENDER_SUSPENSE } from '../runtimeHelpers'
 
@@ -27,13 +27,13 @@ interface WIPEntry {
 // phase 1
 export function ssrTransformSuspense(
   node: ComponentNode,
-  context: TransformContext
+  context: TransformContext,
 ) {
   return () => {
     if (node.children.length) {
       const wipEntry: WIPEntry = {
         slotsExp: null!, // to be immediately set
-        wipSlots: []
+        wipSlots: [],
       }
       wipMap.set(node, wipEntry)
       wipEntry.slotsExp = buildSlots(node, context, (_props, children, loc) => {
@@ -42,11 +42,11 @@ export function ssrTransformSuspense(
           undefined, // no return, assign body later
           true, // newline
           false, // suspense slots are not treated as normal slots
-          loc
+          loc,
         )
         wipEntry.wipSlots.push({
           fn,
-          children
+          children,
         })
         return fn
       }).slots
@@ -57,7 +57,7 @@ export function ssrTransformSuspense(
 // phase 2
 export function ssrProcessSuspense(
   node: ComponentNode,
-  context: SSRTransformContext
+  context: SSRTransformContext,
 ) {
   // complete wip slots with ssr code
   const wipEntry = wipMap.get(node)
@@ -73,7 +73,7 @@ export function ssrProcessSuspense(
   context.pushStatement(
     createCallExpression(context.helper(SSR_RENDER_SUSPENSE), [
       `_push`,
-      slotsExp
-    ])
+      slotsExp,
+    ]),
   )
 }
diff --git a/packages/compiler-ssr/src/transforms/ssrTransformTeleport.ts b/packages/compiler-ssr/src/transforms/ssrTransformTeleport.ts
index f470ca711d4..328d064ea17 100644
--- a/packages/compiler-ssr/src/transforms/ssrTransformTeleport.ts
+++ b/packages/compiler-ssr/src/transforms/ssrTransformTeleport.ts
@@ -5,11 +5,11 @@ import {
   createSimpleExpression,
   createFunctionExpression,
   createCallExpression,
-  ExpressionNode
+  ExpressionNode,
 } from '@vue/compiler-dom'
 import {
   SSRTransformContext,
-  processChildrenAsStatement
+  processChildrenAsStatement,
 } from '../ssrCodegenTransform'
 import { createSSRCompilerError, SSRErrorCodes } from '../errors'
 import { SSR_RENDER_TELEPORT } from '../runtimeHelpers'
@@ -17,12 +17,12 @@ import { SSR_RENDER_TELEPORT } from '../runtimeHelpers'
 // Note: this is a 2nd-pass codegen transform.
 export function ssrProcessTeleport(
   node: ComponentNode,
-  context: SSRTransformContext
+  context: SSRTransformContext,
 ) {
   const targetProp = findProp(node, 'to')
   if (!targetProp) {
     context.onError(
-      createSSRCompilerError(SSRErrorCodes.X_SSR_NO_TELEPORT_TARGET, node.loc)
+      createSSRCompilerError(SSRErrorCodes.X_SSR_NO_TELEPORT_TARGET, node.loc),
     )
     return
   }
@@ -38,8 +38,8 @@ export function ssrProcessTeleport(
     context.onError(
       createSSRCompilerError(
         SSRErrorCodes.X_SSR_NO_TELEPORT_TARGET,
-        targetProp.loc
-      )
+        targetProp.loc,
+      ),
     )
     return
   }
@@ -56,7 +56,7 @@ export function ssrProcessTeleport(
     undefined, // Body is added later
     true, // newline
     false, // isSlot
-    node.loc
+    node.loc,
   )
   contentRenderFn.body = processChildrenAsStatement(node, context)
   context.pushStatement(
@@ -65,7 +65,7 @@ export function ssrProcessTeleport(
       contentRenderFn,
       target,
       disabled,
-      `_parent`
-    ])
+      `_parent`,
+    ]),
   )
 }
diff --git a/packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts b/packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts
index 00b0d9dd45a..8a1d75d7f51 100644
--- a/packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts
+++ b/packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts
@@ -7,7 +7,7 @@ import {
   findProp,
   JSChildNode,
   NodeTypes,
-  TransformContext
+  TransformContext,
 } from '@vue/compiler-dom'
 import { SSR_RENDER_ATTRS } from '../runtimeHelpers'
 import { processChildren, SSRTransformContext } from '../ssrCodegenTransform'
@@ -23,7 +23,7 @@ interface WIPEntry {
 // phase 1: build props
 export function ssrTransformTransitionGroup(
   node: ComponentNode,
-  context: TransformContext
+  context: TransformContext,
 ) {
   return () => {
     const tag = findProp(node, 'tag')
@@ -35,17 +35,17 @@ export function ssrTransformTransitionGroup(
         otherProps,
         true /* isComponent */,
         false /* isDynamicComponent */,
-        true /* ssr (skip event listeners) */
+        true /* ssr (skip event listeners) */,
       )
       let propsExp = null
       if (props || directives.length) {
         propsExp = createCallExpression(context.helper(SSR_RENDER_ATTRS), [
-          buildSSRProps(props, directives, context)
+          buildSSRProps(props, directives, context),
         ])
       }
       wipMap.set(node, {
         tag,
-        propsExp
+        propsExp,
       })
     }
   }
@@ -54,7 +54,7 @@ export function ssrTransformTransitionGroup(
 // phase 2: process children
 export function ssrProcessTransitionGroup(
   node: ComponentNode,
-  context: SSRTransformContext
+  context: SSRTransformContext,
 ) {
   const entry = wipMap.get(node)
   if (entry) {
@@ -78,7 +78,7 @@ export function ssrProcessTransitionGroup(
          * be patched using the same key map) so we need to account for that here
          * by disabling nested fragment wrappers from being generated.
          */
-        true
+        true,
       )
       context.pushStringPart(`</`)
       context.pushStringPart(tag.exp!)
diff --git a/packages/compiler-ssr/src/transforms/ssrVFor.ts b/packages/compiler-ssr/src/transforms/ssrVFor.ts
index 0515993d475..cf590d31688 100644
--- a/packages/compiler-ssr/src/transforms/ssrVFor.ts
+++ b/packages/compiler-ssr/src/transforms/ssrVFor.ts
@@ -5,18 +5,18 @@ import {
   createCallExpression,
   createFunctionExpression,
   createForLoopParams,
-  NodeTypes
+  NodeTypes,
 } from '@vue/compiler-dom'
 import {
   SSRTransformContext,
-  processChildrenAsStatement
+  processChildrenAsStatement,
 } from '../ssrCodegenTransform'
 import { SSR_RENDER_LIST } from '../runtimeHelpers'
 
 // Plugin for the first transform pass, which simply constructs the AST node
 export const ssrTransformFor = createStructuralDirectiveTransform(
   'for',
-  processFor
+  processFor,
 )
 
 // This is called during the 2nd transform pass to construct the SSR-specific
@@ -24,18 +24,18 @@ export const ssrTransformFor = createStructuralDirectiveTransform(
 export function ssrProcessFor(
   node: ForNode,
   context: SSRTransformContext,
-  disableNestedFragments = false
+  disableNestedFragments = false,
 ) {
   const needFragmentWrapper =
     !disableNestedFragments &&
     (node.children.length !== 1 || node.children[0].type !== NodeTypes.ELEMENT)
   const renderLoop = createFunctionExpression(
-    createForLoopParams(node.parseResult)
+    createForLoopParams(node.parseResult),
   )
   renderLoop.body = processChildrenAsStatement(
     node,
     context,
-    needFragmentWrapper
+    needFragmentWrapper,
   )
   // v-for always renders a fragment unless explicitly disabled
   if (!disableNestedFragments) {
@@ -44,8 +44,8 @@ export function ssrProcessFor(
   context.pushStatement(
     createCallExpression(context.helper(SSR_RENDER_LIST), [
       node.source,
-      renderLoop
-    ])
+      renderLoop,
+    ]),
   )
   if (!disableNestedFragments) {
     context.pushStringPart(`<!--]-->`)
diff --git a/packages/compiler-ssr/src/transforms/ssrVIf.ts b/packages/compiler-ssr/src/transforms/ssrVIf.ts
index 9de1d0e9a2d..1fa2889ccef 100644
--- a/packages/compiler-ssr/src/transforms/ssrVIf.ts
+++ b/packages/compiler-ssr/src/transforms/ssrVIf.ts
@@ -7,17 +7,17 @@ import {
   createCallExpression,
   IfBranchNode,
   BlockStatement,
-  NodeTypes
+  NodeTypes,
 } from '@vue/compiler-dom'
 import {
   SSRTransformContext,
-  processChildrenAsStatement
+  processChildrenAsStatement,
 } from '../ssrCodegenTransform'
 
 // Plugin for the first transform pass, which simply constructs the AST node
 export const ssrTransformIf = createStructuralDirectiveTransform(
   /^(if|else|else-if)$/,
-  processIf
+  processIf,
 )
 
 // This is called during the 2nd transform pass to construct the SSR-specific
@@ -25,12 +25,12 @@ export const ssrTransformIf = createStructuralDirectiveTransform(
 export function ssrProcessIf(
   node: IfNode,
   context: SSRTransformContext,
-  disableNestedFragments = false
+  disableNestedFragments = false,
 ) {
   const [rootBranch] = node.branches
   const ifStatement = createIfStatement(
     rootBranch.condition!,
-    processIfBranch(rootBranch, context, disableNestedFragments)
+    processIfBranch(rootBranch, context, disableNestedFragments),
   )
   context.pushStatement(ifStatement)
 
@@ -40,13 +40,13 @@ export function ssrProcessIf(
     const branchBlockStatement = processIfBranch(
       branch,
       context,
-      disableNestedFragments
+      disableNestedFragments,
     )
     if (branch.condition) {
       // else-if
       currentIf = currentIf.alternate = createIfStatement(
         branch.condition,
-        branchBlockStatement
+        branchBlockStatement,
       )
     } else {
       // else
@@ -56,7 +56,7 @@ export function ssrProcessIf(
 
   if (!currentIf.alternate) {
     currentIf.alternate = createBlockStatement([
-      createCallExpression(`_push`, ['`<!---->`'])
+      createCallExpression(`_push`, ['`<!---->`']),
     ])
   }
 }
@@ -64,7 +64,7 @@ export function ssrProcessIf(
 function processIfBranch(
   branch: IfBranchNode,
   context: SSRTransformContext,
-  disableNestedFragments = false
+  disableNestedFragments = false,
 ): BlockStatement {
   const { children } = branch
   const needFragmentWrapper =
diff --git a/packages/compiler-ssr/src/transforms/ssrVModel.ts b/packages/compiler-ssr/src/transforms/ssrVModel.ts
index bd587edcb9c..a63e1293457 100644
--- a/packages/compiler-ssr/src/transforms/ssrVModel.ts
+++ b/packages/compiler-ssr/src/transforms/ssrVModel.ts
@@ -13,13 +13,13 @@ import {
   ExpressionNode,
   createConditionalExpression,
   createInterpolation,
-  hasDynamicKeyVBind
+  hasDynamicKeyVBind,
 } from '@vue/compiler-dom'
 import {
   SSR_LOOSE_EQUAL,
   SSR_LOOSE_CONTAIN,
   SSR_RENDER_DYNAMIC_MODEL,
-  SSR_INCLUDE_BOOLEAN_ATTR
+  SSR_INCLUDE_BOOLEAN_ATTR,
 } from '../runtimeHelpers'
 import { DirectiveTransformResult } from 'packages/compiler-core/src/transform'
 
@@ -32,8 +32,8 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
       context.onError(
         createDOMCompilerError(
           DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE,
-          value.loc
-        )
+          value.loc,
+        ),
       )
     }
   }
@@ -42,7 +42,7 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
     const res: DirectiveTransformResult = { props: [] }
     const defaultProps = [
       // default value binding for text type inputs
-      createObjectProperty(`value`, model)
+      createObjectProperty(`value`, model),
     ]
     if (node.tag === 'input') {
       const type = findProp(node, 'type')
@@ -54,8 +54,8 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
             createCallExpression(context.helper(SSR_RENDER_DYNAMIC_MODEL), [
               type.exp!,
               model,
-              value
-            ])
+              value,
+            ]),
           ]
         } else if (type.value) {
           // static type
@@ -66,9 +66,9 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
                   `checked`,
                   createCallExpression(context.helper(SSR_LOOSE_EQUAL), [
                     model,
-                    value
-                  ])
-                )
+                    value,
+                  ]),
+                ),
               ]
               break
             case 'checkbox':
@@ -83,9 +83,9 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
                     `checked`,
                     createCallExpression(context.helper(SSR_LOOSE_EQUAL), [
                       model,
-                      trueValue
-                    ])
-                  )
+                      trueValue,
+                    ]),
+                  ),
                 ]
               } else {
                 res.props = [
@@ -95,11 +95,11 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
                       createCallExpression(`Array.isArray`, [model]),
                       createCallExpression(context.helper(SSR_LOOSE_CONTAIN), [
                         model,
-                        value
+                        value,
                       ]),
-                      model
-                    )
-                  )
+                      model,
+                    ),
+                  ),
                 ]
               }
               break
@@ -107,8 +107,8 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
               context.onError(
                 createDOMCompilerError(
                   DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT,
-                  dir.loc
-                )
+                  dir.loc,
+                ),
               )
               break
             default:
@@ -142,18 +142,18 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
                     createCallExpression(`Array.isArray`, [model]),
                     createCallExpression(context.helper(SSR_LOOSE_CONTAIN), [
                       model,
-                      value
+                      value,
                     ]),
                     createCallExpression(context.helper(SSR_LOOSE_EQUAL), [
                       model,
-                      value
-                    ])
-                  )
+                      value,
+                    ]),
+                  ),
                 ]),
                 createSimpleExpression(' selected', true),
                 createSimpleExpression('', true),
-                false /* no newline */
-              )
+                false /* no newline */,
+              ),
             )
           }
         }
@@ -162,8 +162,8 @@ export const ssrTransformModel: DirectiveTransform = (dir, node, context) => {
       context.onError(
         createDOMCompilerError(
           DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT,
-          dir.loc
-        )
+          dir.loc,
+        ),
       )
     }
 
diff --git a/packages/compiler-ssr/src/transforms/ssrVShow.ts b/packages/compiler-ssr/src/transforms/ssrVShow.ts
index ecd1c0d60b6..a160829ada2 100644
--- a/packages/compiler-ssr/src/transforms/ssrVShow.ts
+++ b/packages/compiler-ssr/src/transforms/ssrVShow.ts
@@ -5,13 +5,13 @@ import {
   createSimpleExpression,
   createConditionalExpression,
   createObjectExpression,
-  createDOMCompilerError
+  createDOMCompilerError,
 } from '@vue/compiler-dom'
 
 export const ssrTransformShow: DirectiveTransform = (dir, node, context) => {
   if (!dir.exp) {
     context.onError(
-      createDOMCompilerError(DOMErrorCodes.X_V_SHOW_NO_EXPRESSION)
+      createDOMCompilerError(DOMErrorCodes.X_V_SHOW_NO_EXPRESSION),
     )
   }
   return {
@@ -24,12 +24,12 @@ export const ssrTransformShow: DirectiveTransform = (dir, node, context) => {
           createObjectExpression([
             createObjectProperty(
               `display`,
-              createSimpleExpression(`none`, true)
-            )
+              createSimpleExpression(`none`, true),
+            ),
           ]),
-          false /* no newline */
-        )
-      )
-    ]
+          false /* no newline */,
+        ),
+      ),
+    ],
   }
 }
diff --git a/packages/dts-test/appUse.test-d.ts b/packages/dts-test/appUse.test-d.ts
index c1bebcd53e3..9df3455d736 100644
--- a/packages/dts-test/appUse.test-d.ts
+++ b/packages/dts-test/appUse.test-d.ts
@@ -4,7 +4,7 @@ const app = createApp({})
 
 // Plugin without types accept anything
 const PluginWithoutType: Plugin = {
-  install(app: App) {}
+  install(app: App) {},
 }
 
 app.use(PluginWithoutType)
@@ -22,12 +22,12 @@ const PluginWithObjectOptions = {
     options.option1
     options.option2
     options.option3
-  }
+  },
 }
 
 for (const Plugin of [
   PluginWithObjectOptions,
-  PluginWithObjectOptions.install
+  PluginWithObjectOptions.install,
 ]) {
   // @ts-expect-error: no params
   app.use(Plugin)
@@ -42,7 +42,7 @@ for (const Plugin of [
 }
 
 const PluginNoOptions = {
-  install(app: App) {}
+  install(app: App) {},
 }
 
 for (const Plugin of [PluginNoOptions, PluginNoOptions.install]) {
@@ -55,7 +55,7 @@ for (const Plugin of [PluginNoOptions, PluginNoOptions.install]) {
 }
 
 const PluginMultipleArgs = {
-  install: (app: App, a: string, b: number) => {}
+  install: (app: App, a: string, b: number) => {},
 }
 
 for (const Plugin of [PluginMultipleArgs, PluginMultipleArgs.install]) {
@@ -67,12 +67,12 @@ for (const Plugin of [PluginMultipleArgs, PluginMultipleArgs.install]) {
 const PluginOptionalOptions = {
   install(
     app: App,
-    options: PluginOptions = { option2: 2, option3: true, option1: 'foo' }
+    options: PluginOptions = { option2: 2, option3: true, option1: 'foo' },
   ) {
     options.option1
     options.option2
     options.option3
-  }
+  },
 }
 
 for (const Plugin of [PluginOptionalOptions, PluginOptionalOptions.install]) {
diff --git a/packages/dts-test/compiler.test-d.ts b/packages/dts-test/compiler.test-d.ts
index c6282373983..878ff72f9bd 100644
--- a/packages/dts-test/compiler.test-d.ts
+++ b/packages/dts-test/compiler.test-d.ts
@@ -7,7 +7,7 @@ import {
   Comment,
   Fragment,
   Suspense,
-  defineComponent
+  defineComponent,
 } from 'vue'
 import { expectType } from './utils'
 
diff --git a/packages/dts-test/component.test-d.ts b/packages/dts-test/component.test-d.ts
index 5535419f198..90d932e1f78 100644
--- a/packages/dts-test/component.test-d.ts
+++ b/packages/dts-test/component.test-d.ts
@@ -8,12 +8,12 @@ import {
   FunctionalComponent,
   ComponentPublicInstance,
   toRefs,
-  SetupContext
+  SetupContext,
 } from 'vue'
 import { describe, expectAssignable, expectType, IsAny } from './utils'
 
 declare function extractComponentOptions<Props, RawBindings>(
-  obj: Component<Props, RawBindings>
+  obj: Component<Props, RawBindings>,
 ): {
   props: Props
   rawBindings: RawBindings
@@ -71,24 +71,24 @@ describe('object props', () => {
         // required should make property non-void
         b: {
           type: String,
-          required: true
+          required: true,
         },
         e: Function,
         // default value should infer type and make it non-void
         bb: {
-          default: 'hello'
+          default: 'hello',
         },
         bbb: {
           // Note: default function value requires arrow syntax + explicit
           // annotation
-          default: (props: any) => (props.bb as string) || 'foo'
+          default: (props: any) => (props.bb as string) || 'foo',
         },
         // explicit type casting
         cc: Array as PropType<string[]>,
         // required + type casting
         dd: {
           type: Object as PropType<{ n: 1 }>,
-          required: true
+          required: true,
         },
         // return type
         ee: Function as PropType<() => string>,
@@ -99,39 +99,39 @@ describe('object props', () => {
         // required + constructor type casting
         ddd: {
           type: Array as () => string[],
-          required: true
+          required: true,
         },
         // required + object return
         eee: {
           type: Function as PropType<() => { a: string }>,
-          required: true
+          required: true,
         },
         // required + arguments + object return
         fff: {
           type: Function as PropType<(a: number, b: string) => { a: boolean }>,
-          required: true
+          required: true,
         },
         hhh: {
           type: Boolean,
-          required: true
+          required: true,
         },
         // default + type casting
         ggg: {
           type: String as PropType<'foo' | 'bar'>,
-          default: 'foo'
+          default: 'foo',
         },
         // default + function
         ffff: {
           type: Function as PropType<(a: number, b: string) => { a: boolean }>,
-          default: (_a: number, _b: string) => ({ a: true })
+          default: (_a: number, _b: string) => ({ a: true }),
         },
         validated: {
           type: String,
           // validator requires explicit annotation
-          validator: (val: unknown) => val !== ''
+          validator: (val: unknown) => val !== '',
         },
         object: Object as PropType<object>,
-        zzz: Object as PropType<any>
+        zzz: Object as PropType<any>,
       },
       setup(props) {
         const refs = toRefs(props)
@@ -159,12 +159,12 @@ describe('object props', () => {
           setupA: 1,
           setupB: ref(1),
           setupC: {
-            a: ref(2)
+            a: ref(2),
           },
           setupD: undefined as Ref<number> | undefined,
-          setupProps: props
+          setupProps: props,
         }
-      }
+      },
     })
 
     const { props, rawBindings, setup } = extractComponentOptions(MyComponent)
@@ -254,24 +254,24 @@ describe('object props', () => {
         // required should make property non-void
         b: {
           type: String,
-          required: true
+          required: true,
         },
         e: Function,
         // default value should infer type and make it non-void
         bb: {
-          default: 'hello'
+          default: 'hello',
         },
         bbb: {
           // Note: default function value requires arrow syntax + explicit
           // annotation
-          default: (props: any) => (props.bb as string) || 'foo'
+          default: (props: any) => (props.bb as string) || 'foo',
         },
         // explicit type casting
         cc: Array as PropType<string[]>,
         // required + type casting
         dd: {
           type: Object as PropType<{ n: 1 }>,
-          required: true
+          required: true,
         },
         // return type
         ee: Function as PropType<() => string>,
@@ -282,45 +282,45 @@ describe('object props', () => {
         // required + constructor type casting
         ddd: {
           type: Array as () => string[],
-          required: true
+          required: true,
         },
         // required + object return
         eee: {
           type: Function as PropType<() => { a: string }>,
-          required: true
+          required: true,
         },
         // required + arguments + object return
         fff: {
           type: Function as PropType<(a: number, b: string) => { a: boolean }>,
-          required: true
+          required: true,
         },
         hhh: {
           type: Boolean,
-          required: true
+          required: true,
         },
         // default + type casting
         ggg: {
           type: String as PropType<'foo' | 'bar'>,
-          default: 'foo'
+          default: 'foo',
         },
         // default + function
         ffff: {
           type: Function as PropType<(a: number, b: string) => { a: boolean }>,
-          default: (_a: number, _b: string) => ({ a: true })
+          default: (_a: number, _b: string) => ({ a: true }),
         },
         validated: {
           type: String,
           // validator requires explicit annotation
-          validator: (val: unknown) => val !== ''
+          validator: (val: unknown) => val !== '',
         },
-        object: Object as PropType<object>
+        object: Object as PropType<object>,
       },
 
       setup() {
         return {
-          setupA: 1
+          setupA: 1,
         }
-      }
+      },
     } as const
 
     const { props, rawBindings, setup } = extractComponentOptions(MyComponent)
@@ -359,9 +359,9 @@ describe('array props', () => {
       props: ['a', 'b'],
       setup() {
         return {
-          c: 1
+          c: 1,
         }
-      }
+      },
     })
 
     const { props, rawBindings, setup } = extractComponentOptions(MyComponent)
@@ -380,9 +380,9 @@ describe('array props', () => {
       props: ['a', 'b'] as const,
       setup() {
         return {
-          c: 1
+          c: 1,
         }
-      }
+      },
     }
 
     const { props, rawBindings, setup } = extractComponentOptions(MyComponent)
@@ -404,9 +404,9 @@ describe('no props', () => {
     const MyComponent = defineComponent({
       setup() {
         return {
-          setupA: 1
+          setupA: 1,
         }
-      }
+      },
     })
 
     const { rawBindings, setup } = extractComponentOptions(MyComponent)
@@ -425,9 +425,9 @@ describe('no props', () => {
     const MyComponent = {
       setup() {
         return {
-          setupA: 1
+          setupA: 1,
         }
-      }
+      },
     }
 
     const { rawBindings, setup } = extractComponentOptions(MyComponent)
diff --git a/packages/dts-test/componentTypeExtensions.test-d.tsx b/packages/dts-test/componentTypeExtensions.test-d.tsx
index 4b3c5d7d195..68364191945 100644
--- a/packages/dts-test/componentTypeExtensions.test-d.tsx
+++ b/packages/dts-test/componentTypeExtensions.test-d.tsx
@@ -20,8 +20,8 @@ export const Custom = defineComponent({
     bar: String,
     baz: {
       type: Number,
-      required: true
-    }
+      required: true,
+    },
   },
 
   data: () => ({ counter: 0 }),
@@ -42,8 +42,8 @@ export const Custom = defineComponent({
       this.state = 'not valid'
       // @ts-expect-error
       this.$.appContext.config.globalProperties.state = 'not valid'
-    }
-  }
+    },
+  },
 })
 
 expectType<JSX.Element>(<Custom baz={1} />)
diff --git a/packages/dts-test/defineComponent.test-d.tsx b/packages/dts-test/defineComponent.test-d.tsx
index 7466249e10f..373e7995a3d 100644
--- a/packages/dts-test/defineComponent.test-d.tsx
+++ b/packages/dts-test/defineComponent.test-d.tsx
@@ -11,7 +11,7 @@ import {
   h,
   SlotsType,
   Slots,
-  VNode
+  VNode,
 } from 'vue'
 import { describe, expectType, IsUnion } from './utils'
 
@@ -54,34 +54,34 @@ describe('with object props', () => {
     // required should make property non-void
     b: {
       type: String,
-      required: true as true
+      required: true as true,
     },
     e: Function,
     h: Boolean,
     j: Function as PropType<undefined | (() => string | undefined)>,
     // default value should infer type and make it non-void
     bb: {
-      default: 'hello'
+      default: 'hello',
     },
     bbb: {
       // Note: default function value requires arrow syntax + explicit
       // annotation
-      default: (props: any) => (props.bb as string) || 'foo'
+      default: (props: any) => (props.bb as string) || 'foo',
     },
     bbbb: {
       type: String,
-      default: undefined
+      default: undefined,
     },
     bbbbb: {
       type: String,
-      default: () => undefined
+      default: () => undefined,
     },
     // explicit type casting
     cc: Array as PropType<string[]>,
     // required + type casting
     dd: {
       type: Object as PropType<{ n: 1 }>,
-      required: true as true
+      required: true as true,
     },
     // return type
     ee: Function as PropType<() => string>,
@@ -92,31 +92,31 @@ describe('with object props', () => {
     // required + constructor type casting
     ddd: {
       type: Array as () => string[],
-      required: true as true
+      required: true as true,
     },
     // required + object return
     eee: {
       type: Function as PropType<() => { a: string }>,
-      required: true as true
+      required: true as true,
     },
     // required + arguments + object return
     fff: {
       type: Function as PropType<(a: number, b: string) => { a: boolean }>,
-      required: true as true
+      required: true as true,
     },
     hhh: {
       type: Boolean,
-      required: true as true
+      required: true as true,
     },
     // default + type casting
     ggg: {
       type: String as PropType<'foo' | 'bar'>,
-      default: 'foo'
+      default: 'foo',
     },
     // default + function
     ffff: {
       type: Function as PropType<(a: number, b: string) => { a: boolean }>,
-      default: (a: number, b: string) => ({ a: a > +b })
+      default: (a: number, b: string) => ({ a: a > +b }),
     },
     // union + function with different return types
     iii: Function as PropType<(() => string) | (() => number)>,
@@ -125,18 +125,18 @@ describe('with object props', () => {
       type: Function as PropType<
         ((arg1: string) => string) | ((arg1: string, arg2: string) => string)
       >,
-      required: true as true
+      required: true as true,
     },
     kkk: null,
     validated: {
       type: String,
       // validator requires explicit annotation
-      validator: (val: unknown) => val !== ''
+      validator: (val: unknown) => val !== '',
     },
     date: Date,
     l: [Date],
     ll: [Date, Number],
-    lll: [String, Number]
+    lll: [String, Number],
   }
 
   const MyComponent = defineComponent({
@@ -183,11 +183,11 @@ describe('with object props', () => {
       return {
         c: ref(1),
         d: {
-          e: ref('hi')
+          e: ref('hi'),
         },
         f: reactive({
-          g: ref('hello' as GT)
-        })
+          g: ref('hello' as GT),
+        }),
       }
     },
     provide() {
@@ -258,7 +258,7 @@ describe('with object props', () => {
       this.c = 2
 
       return null
-    }
+    },
   })
 
   expectType<Component>(MyComponent)
@@ -288,7 +288,7 @@ describe('with object props', () => {
       // should allow ref
       ref={'foo'}
       ref_for={true}
-    />
+    />,
   )
 
   expectType<Component>(
@@ -300,7 +300,7 @@ describe('with object props', () => {
       fff={(a, b) => ({ a: a > +b })}
       hhh={false}
       jjj={() => ''}
-    />
+    />,
   )
 
   // @ts-expect-error missing required props
@@ -325,13 +325,13 @@ describe('with object props', () => {
         default(): number {
           // @ts-expect-error
           return this.otherProp + 1
-        }
+        },
       },
       otherProp: {
         type: Number,
-        required: true
-      }
-    }
+        required: true,
+      },
+    },
   })
 })
 
@@ -341,9 +341,9 @@ describe('type inference w/ optional props declaration', () => {
       expectType<string>(props.msg)
       expectType<string[]>(props.a)
       return {
-        b: 1
+        b: 1,
       }
-    }
+    },
   })
 
   expectType<JSX.Element>(<MyComponent msg="1" a={['1']} />)
@@ -371,7 +371,7 @@ describe('type inference w/ array props declaration', () => {
       expectType<any>(props.a)
       expectType<any>(props.b)
       return {
-        c: 1
+        c: 1,
       }
     },
     render() {
@@ -382,7 +382,7 @@ describe('type inference w/ array props declaration', () => {
       expectType<any>(this.a)
       expectType<any>(this.b)
       expectType<number>(this.c)
-    }
+    },
   })
   expectType<JSX.Element>(<MyComponent a={[1, 2]} b="b" />)
   // @ts-expect-error
@@ -394,7 +394,7 @@ describe('type inference w/ options API', () => {
     props: { a: Number },
     setup() {
       return {
-        b: 123
+        b: 123,
       }
     },
     data() {
@@ -403,7 +403,7 @@ describe('type inference w/ options API', () => {
       expectType<number | undefined>(this.a)
       return {
         c: this.a || 123,
-        someRef: ref(0)
+        someRef: ref(0),
       }
     },
     computed: {
@@ -422,14 +422,14 @@ describe('type inference w/ options API', () => {
           expectType<number>(this.b)
           expectType<number>(this.d)
           expectType<number>(v)
-        }
-      }
+        },
+      },
     },
     watch: {
       a() {
         expectType<number>(this.b)
         this.b + 1
-      }
+      },
     },
     created() {
       // props
@@ -459,7 +459,7 @@ describe('type inference w/ options API', () => {
       },
       returnSomething() {
         return this.a
-      }
+      },
     },
     render() {
       // props
@@ -474,7 +474,7 @@ describe('type inference w/ options API', () => {
       expectType<number>(this.e)
       // method
       expectType<() => number | undefined>(this.returnSomething)
-    }
+    },
   })
 })
 
@@ -484,30 +484,30 @@ describe('with mixins', () => {
     props: {
       aP1: {
         type: String,
-        default: 'aP1'
+        default: 'aP1',
       },
-      aP2: Boolean
+      aP2: Boolean,
     },
     data() {
       return {
-        a: 1
+        a: 1,
       }
-    }
+    },
   })
   const MixinB = defineComponent({
     props: ['bP1', 'bP2'],
     data() {
       return {
-        b: 2
+        b: 2,
       }
-    }
+    },
   })
   const MixinC = defineComponent({
     data() {
       return {
-        c: 3
+        c: 3,
       }
-    }
+    },
   })
   const MixinD = defineComponent({
     mixins: [MixinA],
@@ -518,7 +518,7 @@ describe('with mixins', () => {
       expectError<string>(this.dC2)
 
       return {
-        d: 4
+        d: 4,
       }
     },
     setup(props) {
@@ -530,8 +530,8 @@ describe('with mixins', () => {
       },
       dC2() {
         return this.aP1 + 'dC2'
-      }
-    }
+      },
+    },
   })
   const MyComponent = defineComponent({
     mixins: [MixinA, MixinB, MixinC, MixinD],
@@ -540,8 +540,8 @@ describe('with mixins', () => {
       // required should make property non-void
       z: {
         type: String,
-        required: true
-      }
+        required: true,
+      },
     },
 
     data(vm) {
@@ -621,12 +621,12 @@ describe('with mixins', () => {
       this.d = 5
 
       return null
-    }
+    },
   })
 
   // Test TSX
   expectType<JSX.Element>(
-    <MyComponent aP1={'aP'} aP2 bP1={1} bP2={[1, 2]} z={'z'} />
+    <MyComponent aP1={'aP'} aP2 bP1={1} bP2={[1, 2]} z={'z'} />,
   )
 
   // missing required props
@@ -646,19 +646,19 @@ describe('with extends', () => {
       aP1: Boolean,
       aP2: {
         type: Number,
-        default: 2
-      }
+        default: 2,
+      },
     },
     data() {
       return {
-        a: 1
+        a: 1,
       }
     },
     computed: {
       c(): number {
         return this.aP2 + this.a
-      }
-    }
+      },
+    },
   })
   const MyComponent = defineComponent({
     extends: Base,
@@ -666,8 +666,8 @@ describe('with extends', () => {
       // required should make property non-void
       z: {
         type: String,
-        required: true
-      }
+        required: true,
+      },
     },
     render() {
       const props = this.$props
@@ -688,7 +688,7 @@ describe('with extends', () => {
       this.a = 5
 
       return null
-    }
+    },
   })
 
   // Test TSX
@@ -711,19 +711,19 @@ describe('extends with mixins', () => {
     props: {
       mP1: {
         type: String,
-        default: 'mP1'
+        default: 'mP1',
       },
       mP2: Boolean,
       mP3: {
         type: Boolean,
-        required: true
-      }
+        required: true,
+      },
     },
     data() {
       return {
-        a: 1
+        a: 1,
       }
-    }
+    },
   })
   const Base = defineComponent({
     emits: ['foo'],
@@ -731,23 +731,23 @@ describe('extends with mixins', () => {
       p1: Boolean,
       p2: {
         type: Number,
-        default: 2
+        default: 2,
       },
       p3: {
         type: Boolean,
-        required: true
-      }
+        required: true,
+      },
     },
     data() {
       return {
-        b: 2
+        b: 2,
       }
     },
     computed: {
       c(): number {
         return this.p2 + this.b
-      }
-    }
+      },
+    },
   })
   const MyComponent = defineComponent({
     extends: Base,
@@ -757,8 +757,8 @@ describe('extends with mixins', () => {
       // required should make property non-void
       z: {
         type: String,
-        required: true
-      }
+        required: true,
+      },
     },
     render() {
       const props = this.$props
@@ -790,7 +790,7 @@ describe('extends with mixins', () => {
       this.a = 5
 
       return null
-    }
+    },
   })
 
   // Test TSX
@@ -819,14 +819,14 @@ describe('extends with mixins', () => {
   const CompWithD = defineComponent({
     data() {
       return { foo: 1 }
-    }
+    },
   })
   const CompWithC = defineComponent({
     computed: {
       foo() {
         return 1
-      }
-    }
+      },
+    },
   })
   const CompWithM = defineComponent({ methods: { foo() {} } })
   const CompEmpty = defineComponent({})
@@ -835,19 +835,19 @@ describe('extends with mixins', () => {
     mixins: [CompWithD, CompEmpty],
     mounted() {
       expectType<number>(this.foo)
-    }
+    },
   })
   defineComponent({
     mixins: [CompWithC, CompEmpty],
     mounted() {
       expectType<number>(this.foo)
-    }
+    },
   })
   defineComponent({
     mixins: [CompWithM, CompEmpty],
     mounted() {
       expectType<() => void>(this.foo)
-    }
+    },
   })
 })
 
@@ -856,16 +856,16 @@ describe('compatibility w/ createApp', () => {
   createApp(comp).mount('#hello')
 
   const comp2 = defineComponent({
-    props: { foo: String }
+    props: { foo: String },
   })
   createApp(comp2).mount('#hello')
 
   const comp3 = defineComponent({
     setup() {
       return {
-        a: 1
+        a: 1,
       }
-    }
+    },
   })
   createApp(comp3).mount('#hello')
 })
@@ -874,7 +874,7 @@ describe('defineComponent', () => {
   describe('should accept components defined with defineComponent', () => {
     const comp = defineComponent({})
     defineComponent({
-      components: { comp }
+      components: { comp },
     })
   })
 
@@ -884,7 +884,7 @@ describe('defineComponent', () => {
       constructor(_props: { foo: string }) {}
     }
     defineComponent({
-      components: { Comp }
+      components: { Comp },
     })
   })
 })
@@ -903,7 +903,7 @@ describe('emits', () => {
   defineComponent({
     emits: {
       click: (n: number) => typeof n === 'number',
-      input: (b: string) => b.length > 1
+      input: (b: string) => b.length > 1,
     },
     setup(props, { emit }) {
       expectType<((n: number) => boolean) | undefined>(props.onClick)
@@ -953,7 +953,7 @@ describe('emits', () => {
         //  @ts-expect-error
         this.$emit('input', 1)
       })
-    }
+    },
   })
 
   // with array emits
@@ -974,13 +974,13 @@ describe('emits', () => {
       this.$emit('bar')
       //  @ts-expect-error
       this.$emit('nope')
-    }
+    },
   })
 
   // with tsx
   const Component = defineComponent({
     emits: {
-      click: (n: number) => typeof n === 'number'
+      click: (n: number) => typeof n === 'number',
     },
     setup(props, { emit }) {
       expectType<((n: number) => any) | undefined>(props.onClick)
@@ -989,7 +989,7 @@ describe('emits', () => {
       emit('click')
       //  @ts-expect-error
       emit('click', 'foo')
-    }
+    },
   })
 
   defineComponent({
@@ -1001,7 +1001,7 @@ describe('emits', () => {
           }}
         />
       )
-    }
+    },
   })
 
   // without emits
@@ -1009,7 +1009,7 @@ describe('emits', () => {
     setup(props, { emit }) {
       emit('test', 1)
       emit('test')
-    }
+    },
   })
 
   // emit should be valid when ComponentPublicInstance is used.
@@ -1024,8 +1024,8 @@ describe('emits', () => {
       foo(): boolean {
         // @ts-expect-error
         return this.bar === 3
-      }
-    }
+      },
+    },
   })
 })
 
@@ -1033,18 +1033,18 @@ describe('inject', () => {
   // with object inject
   defineComponent({
     props: {
-      a: String
+      a: String,
     },
     inject: {
       foo: 'foo',
-      bar: 'bar'
+      bar: 'bar',
     },
     created() {
       expectType<unknown>(this.foo)
       expectType<unknown>(this.bar)
       //  @ts-expect-error
       this.foobar = 1
-    }
+    },
   })
 
   // with array inject
@@ -1056,7 +1056,7 @@ describe('inject', () => {
       expectType<unknown>(this.bar)
       //  @ts-expect-error
       this.foobar = 1
-    }
+    },
   })
 
   // with no props
@@ -1064,19 +1064,19 @@ describe('inject', () => {
     inject: {
       foo: {
         from: 'pfoo',
-        default: 'foo'
+        default: 'foo',
       },
       bar: {
         from: 'pbar',
-        default: 'bar'
-      }
+        default: 'bar',
+      },
     },
     created() {
       expectType<unknown>(this.foo)
       expectType<unknown>(this.bar)
       //  @ts-expect-error
       this.foobar = 1
-    }
+    },
   })
 
   // without inject
@@ -1087,13 +1087,13 @@ describe('inject', () => {
       this.foo = 1
       //  @ts-expect-error
       this.bar = 1
-    }
+    },
   })
 })
 
 describe('componentOptions setup should be `SetupContext`', () => {
   expectType<ComponentOptions['setup']>(
-    {} as (props: Record<string, any>, ctx: SetupContext) => any
+    {} as (props: Record<string, any>, ctx: SetupContext) => any,
   )
 })
 
@@ -1102,17 +1102,17 @@ describe('extract instance type', () => {
     props: {
       baseA: {
         type: Number,
-        default: 1
-      }
-    }
+        default: 1,
+      },
+    },
   })
   const MixinA = defineComponent({
     props: {
       mA: {
         type: String,
-        default: ''
-      }
-    }
+        default: '',
+      },
+    },
   })
   const CompA = defineComponent({
     extends: Base,
@@ -1120,14 +1120,14 @@ describe('extract instance type', () => {
     props: {
       a: {
         type: Boolean,
-        default: false
+        default: false,
       },
       b: {
         type: String,
-        required: true
+        required: true,
       },
-      c: Number
-    }
+      c: Number,
+    },
   })
 
   const compA = {} as InstanceType<typeof CompA>
@@ -1160,11 +1160,11 @@ describe('async setup', () => {
       return {
         a: ref(1),
         b: {
-          c: ref('hi')
+          c: ref('hi'),
         },
         d: reactive({
-          e: ref('hello' as GT)
-        })
+          e: ref('hello' as GT),
+        }),
       }
     },
     render() {
@@ -1175,7 +1175,7 @@ describe('async setup', () => {
 
       // setup context properties should be mutable
       this.a = 2
-    }
+    },
   })
 
   const vm = {} as InstanceType<typeof Comp>
@@ -1197,7 +1197,7 @@ describe('DefineComponent should infer correct types when assigning to Component
       expectType<[]>(attrs)
       // @ts-expect-error should not be any
       expectType<[]>(slots)
-    }
+    },
   })
   expectType<Component>(component)
 })
@@ -1206,15 +1206,15 @@ describe('DefineComponent should infer correct types when assigning to Component
 describe('should allow to assign props', () => {
   const Child = defineComponent({
     props: {
-      bar: String
-    }
+      bar: String,
+    },
   })
 
   const Parent = defineComponent({
     props: {
       ...Child.props,
-      foo: String
-    }
+      foo: String,
+    },
   })
 
   const child = new Child()
@@ -1227,29 +1227,29 @@ describe('prop starting with `on*` is broken', () => {
     props: {
       onX: {
         type: Function as PropType<(a: 1) => void>,
-        required: true
-      }
+        required: true,
+      },
     },
     setup(props) {
       expectType<(a: 1) => void>(props.onX)
       props.onX(1)
-    }
+    },
   })
 
   defineComponent({
     props: {
       onX: {
         type: Function as PropType<(a: 1) => void>,
-        required: true
-      }
+        required: true,
+      },
     },
     emits: {
-      test: (a: 1) => true
+      test: (a: 1) => true,
     },
     setup(props) {
       expectType<(a: 1) => void>(props.onX)
       expectType<undefined | ((a: 1) => any)>(props.onTest)
-    }
+    },
   })
 })
 
@@ -1267,7 +1267,7 @@ describe('function syntax w/ generics', () => {
           {props.msg} {count.value}
         </div>
       )
-    }
+    },
   )
 
   expectType<JSX.Element>(<Comp msg="fse" list={['foo']} />)
@@ -1275,16 +1275,16 @@ describe('function syntax w/ generics', () => {
 
   expectType<JSX.Element>(
     // @ts-expect-error missing prop
-    <Comp msg={123} />
+    <Comp msg={123} />,
   )
 
   expectType<JSX.Element>(
     // @ts-expect-error generics don't match
-    <Comp msg="fse" list={[123]} />
+    <Comp msg="fse" list={[123]} />,
   )
   expectType<JSX.Element>(
     // @ts-expect-error generics don't match
-    <Comp msg={123} list={['123']} />
+    <Comp msg={123} list={['123']} />,
   )
 })
 
@@ -1297,8 +1297,8 @@ describe('function syntax w/ emits', () => {
       return () => {}
     },
     {
-      emits: ['foo']
-    }
+      emits: ['foo'],
+    },
   )
   expectType<JSX.Element>(<Foo msg="hi" onFoo={() => {}} />)
   // @ts-expect-error
@@ -1315,9 +1315,9 @@ describe('function syntax w/ emits', () => {
     },
     {
       emits: {
-        foo: (a: string) => true
-      }
-    }
+        foo: (a: string) => true,
+      },
+    },
   )
 })
 
@@ -1329,8 +1329,8 @@ describe('function syntax w/ runtime props', () => {
       return () => {}
     },
     {
-      props: ['msg']
-    }
+      props: ['msg'],
+    },
   )
 
   defineComponent(
@@ -1338,8 +1338,8 @@ describe('function syntax w/ runtime props', () => {
       return () => {}
     },
     {
-      props: ['msg']
-    }
+      props: ['msg'],
+    },
   )
 
   defineComponent(
@@ -1348,9 +1348,9 @@ describe('function syntax w/ runtime props', () => {
     },
     {
       props: {
-        msg: String
-      }
-    }
+        msg: String,
+      },
+    },
   )
 
   // @ts-expect-error string prop names don't match
@@ -1359,8 +1359,8 @@ describe('function syntax w/ runtime props', () => {
       return () => {}
     },
     {
-      props: ['bar']
-    }
+      props: ['bar'],
+    },
   )
 
   defineComponent(
@@ -1370,9 +1370,9 @@ describe('function syntax w/ runtime props', () => {
     {
       props: {
         // @ts-expect-error prop type mismatch
-        msg: Number
-      }
-    }
+        msg: Number,
+      },
+    },
   )
 
   // @ts-expect-error prop keys don't match
@@ -1383,9 +1383,9 @@ describe('function syntax w/ runtime props', () => {
     {
       props: {
         msg: String,
-        bar: String
-      }
-    }
+        bar: String,
+      },
+    },
   )
 })
 
@@ -1397,16 +1397,16 @@ export default {
   b: defineComponent({
     data() {
       return {}
-    }
+    },
   }),
   c: defineComponent({
-    props: ['a']
+    props: ['a'],
   }),
   d: defineComponent({
     props: {
-      a: Number
-    }
-  })
+      a: Number,
+    },
+  }),
 }
 
 describe('slots', () => {
@@ -1419,10 +1419,10 @@ describe('slots', () => {
     }>,
     setup(props, { slots }) {
       expectType<(scope: { foo: string; bar: number }) => VNode[]>(
-        slots.default
+        slots.default,
       )
       expectType<((scope: { data: string }) => VNode[]) | undefined>(
-        slots.optional
+        slots.optional,
       )
 
       slots.default({ foo: 'foo', bar: 1 })
@@ -1459,7 +1459,7 @@ describe('slots', () => {
       slots.optionalUndefinedScope?.('foo')
 
       expectType<typeof slots | undefined>(new comp1().$slots)
-    }
+    },
   })
 
   const comp2 = defineComponent({
@@ -1467,7 +1467,7 @@ describe('slots', () => {
       // unknown slots
       expectType<Slots>(slots)
       expectType<((...args: any[]) => VNode[]) | undefined>(slots.default)
-    }
+    },
   })
   expectType<Slots | undefined>(new comp2().$slots)
 })
@@ -1479,7 +1479,7 @@ import {
   VNodeProps,
   AllowedComponentProps,
   ComponentCustomProps,
-  ExtractPropTypes
+  ExtractPropTypes,
 } from 'vue'
 
 // code generated by tsc / vue-tsc, make sure this continues to work
diff --git a/packages/dts-test/defineCustomElement.test-d.ts b/packages/dts-test/defineCustomElement.test-d.ts
index 4e7cf228372..817c09588da 100644
--- a/packages/dts-test/defineCustomElement.test-d.ts
+++ b/packages/dts-test/defineCustomElement.test-d.ts
@@ -5,18 +5,18 @@ describe('inject', () => {
   // with object inject
   defineCustomElement({
     props: {
-      a: String
+      a: String,
     },
     inject: {
       foo: 'foo',
-      bar: 'bar'
+      bar: 'bar',
     },
     created() {
       expectType<unknown>(this.foo)
       expectType<unknown>(this.bar)
       //  @ts-expect-error
       this.foobar = 1
-    }
+    },
   })
 
   // with array inject
@@ -28,7 +28,7 @@ describe('inject', () => {
       expectType<unknown>(this.bar)
       //  @ts-expect-error
       this.foobar = 1
-    }
+    },
   })
 
   // with no props
@@ -36,19 +36,19 @@ describe('inject', () => {
     inject: {
       foo: {
         from: 'pbar',
-        default: 'foo'
+        default: 'foo',
       },
       bar: {
         from: 'pfoo',
-        default: 'bar'
-      }
+        default: 'bar',
+      },
     },
     created() {
       expectType<unknown>(this.foo)
       expectType<unknown>(this.bar)
       //  @ts-expect-error
       this.foobar = 1
-    }
+    },
   })
 
   // without inject
@@ -59,6 +59,6 @@ describe('inject', () => {
       this.foo = 1
       //  @ts-expect-error
       this.bar = 1
-    }
+    },
   })
 })
diff --git a/packages/dts-test/extractProps.test-d.ts b/packages/dts-test/extractProps.test-d.ts
index a40a15ef383..53b2d4863b4 100644
--- a/packages/dts-test/extractProps.test-d.ts
+++ b/packages/dts-test/extractProps.test-d.ts
@@ -3,14 +3,14 @@ import { expectType, Prettify } from './utils'
 
 const propsOptions = {
   foo: {
-    default: 1
+    default: 1,
   },
   bar: {
     type: String,
-    required: true
+    required: true,
   },
   baz: Boolean,
-  qux: Array
+  qux: Array,
 } as const
 
 // internal facing props
diff --git a/packages/dts-test/functionalComponent.test-d.tsx b/packages/dts-test/functionalComponent.test-d.tsx
index 827e8d63fe7..96182ee2090 100644
--- a/packages/dts-test/functionalComponent.test-d.tsx
+++ b/packages/dts-test/functionalComponent.test-d.tsx
@@ -33,13 +33,13 @@ const Bar: FunctionalComponent<
 
 // assigning runtime options
 Bar.props = {
-  foo: Number
+  foo: Number,
 }
 //  @ts-expect-error
 Bar.props = { foo: String }
 
 Bar.emits = {
-  update: value => value > 1
+  update: value => value > 1,
 }
 //  @ts-expect-error
 Bar.emits = { baz: () => void 0 }
diff --git a/packages/dts-test/h.test-d.ts b/packages/dts-test/h.test-d.ts
index 5c700800e94..2027c577e4e 100644
--- a/packages/dts-test/h.test-d.ts
+++ b/packages/dts-test/h.test-d.ts
@@ -6,7 +6,7 @@ import {
   Teleport,
   Suspense,
   Component,
-  resolveComponent
+  resolveComponent,
 } from 'vue'
 import { describe, expectAssignable } from './utils'
 
@@ -59,7 +59,7 @@ describe('h inference w/ Suspense', () => {
   h(Suspense, 'foo')
   h(Suspense, () => 'foo')
   h(Suspense, null, {
-    default: () => 'foo'
+    default: () => 'foo',
   })
   //  @ts-expect-error
   h(Suspense, { onResolve: 1 })
@@ -80,8 +80,8 @@ describe('h inference w/ functional component', () => {
 describe('h support w/ plain object component', () => {
   const Foo = {
     props: {
-      foo: String
-    }
+      foo: String,
+    },
   }
   h(Foo, { foo: 'ok' })
   h(Foo, { foo: 'ok', class: 'extra' })
@@ -94,9 +94,9 @@ describe('h inference w/ defineComponent', () => {
       foo: String,
       bar: {
         type: Number,
-        required: true
-      }
-    }
+        required: true,
+      },
+    },
   })
 
   h(Foo, { bar: 1 })
@@ -157,7 +157,7 @@ describe('h support for generic component type', () => {
 describe('describeComponent extends Component', () => {
   // functional
   expectAssignable<Component>(
-    defineComponent((_props: { foo?: string; bar: number }) => () => {})
+    defineComponent((_props: { foo?: string; bar: number }) => () => {}),
   )
 
   // typed props
@@ -166,8 +166,8 @@ describe('describeComponent extends Component', () => {
   // prop arrays
   expectAssignable<Component>(
     defineComponent({
-      props: ['a', 'b']
-    })
+      props: ['a', 'b'],
+    }),
   )
 
   // prop object
@@ -177,10 +177,10 @@ describe('describeComponent extends Component', () => {
         foo: String,
         bar: {
           type: Number,
-          required: true
-        }
-      }
-    })
+          required: true,
+        },
+      },
+    }),
   )
 })
 
@@ -190,9 +190,9 @@ describe('component w/ props w/ default value', () => {
     props: {
       message: {
         type: String,
-        default: 'hello'
-      }
-    }
+        default: 'hello',
+      },
+    },
   })
 
   h(MyComponent, {})
@@ -202,8 +202,8 @@ describe('component w/ props w/ default value', () => {
 describe('Boolean prop implicit false', () => {
   const MyComponent = defineComponent({
     props: {
-      visible: Boolean
-    }
+      visible: Boolean,
+    },
   })
 
   h(MyComponent, {})
@@ -212,13 +212,13 @@ describe('Boolean prop implicit false', () => {
     props: {
       visible: {
         type: Boolean,
-        required: true
-      }
-    }
+        required: true,
+      },
+    },
   })
 
   h(RequiredComponent, {
-    visible: true
+    visible: true,
   })
   // @ts-expect-error
   h(RequiredComponent, {})
@@ -228,6 +228,6 @@ describe('Boolean prop implicit false', () => {
 describe('resolveComponent should work', () => {
   h(resolveComponent('test'))
   h(resolveComponent('test'), {
-    message: '1'
+    message: '1',
   })
 })
diff --git a/packages/dts-test/reactivity.test-d.ts b/packages/dts-test/reactivity.test-d.ts
index 4504f9e352d..162725adf28 100644
--- a/packages/dts-test/reactivity.test-d.ts
+++ b/packages/dts-test/reactivity.test-d.ts
@@ -21,18 +21,18 @@ describe('should support markRaw', () => {
   }
   const test = new Test<number>()
   const plain = {
-    ref: ref(1)
+    ref: ref(1),
   }
 
   const r = reactive({
     class: {
       raw: markRaw(test),
-      reactive: test
+      reactive: test,
     },
     plain: {
       raw: markRaw(plain),
-      reactive: plain
-    }
+      reactive: plain,
+    },
   })
 
   expectType<Test<number>>(r.class.raw)
diff --git a/packages/dts-test/reactivityMacros.test-d.ts b/packages/dts-test/reactivityMacros.test-d.ts
index 9f9b5faed7d..ea46a41b21a 100644
--- a/packages/dts-test/reactivityMacros.test-d.ts
+++ b/packages/dts-test/reactivityMacros.test-d.ts
@@ -28,8 +28,8 @@ expectType<RefTypes.ComputedRef | undefined>(m[RefType])
 let wc = $(
   computed({
     get: () => n + 1,
-    set: v => (n = v - 1)
-  })
+    set: v => (n = v - 1),
+  }),
 )
 wc = 2
 // @ts-expect-error
@@ -44,7 +44,7 @@ function useFoo() {
   return $$({
     x,
     y,
-    z: 123
+    z: 123,
   })
 }
 
@@ -68,16 +68,16 @@ expectType<number>($computed(() => 1))
 let b = $ref(1)
 expectType<number>(
   $computed(() => b, {
-    onTrack() {}
-  })
+    onTrack() {},
+  }),
 )
 
 // writable computed
 expectType<number>(
   $computed({
     get: () => 1,
-    set: () => {}
-  })
+    set: () => {},
+  }),
 )
 
 // $$
@@ -93,7 +93,7 @@ expectType<ComputedRef<number>>(cRef)
 
 const c2 = $computed({
   get: () => 1,
-  set: () => {}
+  set: () => {},
 })
 const c2Ref = $$(c2)
 expectType<WritableComputedRef<number>>(c2Ref)
@@ -102,7 +102,7 @@ expectType<WritableComputedRef<number>>(c2Ref)
 const obj = $$({
   n,
   m,
-  wc
+  wc,
 })
 
 expectType<Ref<number>>(obj.n)
diff --git a/packages/dts-test/ref.test-d.ts b/packages/dts-test/ref.test-d.ts
index bbcde45ddda..3d7e27ffed5 100644
--- a/packages/dts-test/ref.test-d.ts
+++ b/packages/dts-test/ref.test-d.ts
@@ -15,7 +15,7 @@ import {
   MaybeRef,
   MaybeRefOrGetter,
   ComputedRef,
-  computed
+  computed,
 } from 'vue'
 import { expectType, describe } from './utils'
 
@@ -36,7 +36,7 @@ function plainType(arg: number | Ref<number>) {
 
   // ref inner type should be unwrapped
   const nestedRef = ref({
-    foo: ref(1)
+    foo: ref(1),
   })
   expectType<{ foo: number }>(nestedRef.value)
 
@@ -59,7 +59,7 @@ function plainType(arg: number | Ref<number>) {
 
   // with symbol
   expectType<Ref<IteratorFoo | null | undefined>>(
-    ref<IteratorFoo | null | undefined>()
+    ref<IteratorFoo | null | undefined>(),
   )
 
   // should not unwrap ref inside arrays
@@ -122,7 +122,7 @@ function withSymbol() {
     [Symbol.toPrimitive]: new WeakMap<Ref<boolean>, string>(),
     [Symbol.toStringTag]: { weakSet: new WeakSet<Ref<boolean>>() },
     [Symbol.unscopables]: { weakMap: new WeakMap<Ref<boolean>, string>() },
-    [customSymbol]: { arr: [ref(1)] }
+    [customSymbol]: { arr: [ref(1)] },
   }
 
   const objRef = ref(obj)
@@ -139,10 +139,10 @@ function withSymbol() {
   expectType<WeakSet<Ref<boolean>>>(objRef.value[Symbol.split])
   expectType<WeakMap<Ref<boolean>, string>>(objRef.value[Symbol.toPrimitive])
   expectType<{ weakSet: WeakSet<Ref<boolean>> }>(
-    objRef.value[Symbol.toStringTag]
+    objRef.value[Symbol.toStringTag],
   )
   expectType<{ weakMap: WeakMap<Ref<boolean>, string> }>(
-    objRef.value[Symbol.unscopables]
+    objRef.value[Symbol.unscopables],
   )
   expectType<{ arr: Ref<number>[] }>(objRef.value[customSymbol])
 }
@@ -152,8 +152,8 @@ withSymbol()
 const state = reactive({
   foo: {
     value: 1,
-    label: 'bar'
-  }
+    label: 'bar',
+  },
 })
 
 expectType<string>(state.foo.label)
@@ -176,7 +176,7 @@ if (refStatus.value === 'initial') {
 
 // proxyRefs: should return `reactive` directly
 const r1 = reactive({
-  k: 'v'
+  k: 'v',
 })
 const p1 = proxyRefs(r1)
 expectType<typeof r1>(p1)
@@ -185,8 +185,8 @@ expectType<typeof r1>(p1)
 const r2 = {
   a: ref(1),
   obj: {
-    k: ref('foo')
-  }
+    k: ref('foo'),
+  },
 }
 const p2 = proxyRefs(r2)
 expectType<number>(p2.a)
@@ -201,7 +201,7 @@ expectType<Ref<string>>(p2.obj.k)
   } = {
     a: 1,
     b: ref(1),
-    c: 1
+    c: 1,
   }
 
   // toRef
@@ -228,8 +228,8 @@ expectType<Ref<string>>(p2.obj.k)
   // Both should not do any unwrapping
   const someReactive = shallowReactive({
     a: {
-      b: ref(42)
-    }
+      b: ref(42),
+    },
   })
 
   const toRefResult = toRef(someReactive, 'a')
@@ -261,8 +261,8 @@ interface AppData {
 
 const data: ToRefs<AppData> = toRefs(
   reactive({
-    state: 'state1'
-  })
+    state: 'state1',
+  }),
 )
 
 switch (data.state.value) {
@@ -289,9 +289,9 @@ describe('shallow reactive in reactive', () => {
   const baz = reactive({
     foo: shallowReactive({
       a: {
-        b: ref(42)
-      }
-    })
+        b: ref(42),
+      },
+    }),
   })
 
   const foo = toRef(baz, 'foo')
@@ -306,10 +306,10 @@ describe('shallow ref in reactive', () => {
       bar: {
         baz: ref(123),
         qux: reactive({
-          z: ref(123)
-        })
-      }
-    })
+          z: ref(123),
+        }),
+      },
+    }),
   })
 
   expectType<Ref<number>>(x.foo.bar.baz)
@@ -318,7 +318,7 @@ describe('shallow ref in reactive', () => {
 
 describe('ref in shallow ref', () => {
   const x = shallowRef({
-    a: ref(123)
+    a: ref(123),
   })
 
   expectType<Ref<number>>(x.value.a)
@@ -327,8 +327,8 @@ describe('ref in shallow ref', () => {
 describe('reactive in shallow ref', () => {
   const x = shallowRef({
     a: reactive({
-      b: ref(0)
-    })
+      b: ref(0),
+    }),
   })
 
   expectType<number>(x.value.a.b)
@@ -339,7 +339,7 @@ describe('toRef <-> toValue', () => {
     a: MaybeRef<string>,
     b: () => string,
     c: MaybeRefOrGetter<string>,
-    d: ComputedRef<string>
+    d: ComputedRef<string>,
   ) {
     const r = toRef(a)
     expectType<Ref<string>>(r)
@@ -370,7 +370,7 @@ describe('toRef <-> toValue', () => {
       r: toValue(r),
       rb: toValue(rb),
       rc: toValue(rc),
-      rd: toValue(rd)
+      rd: toValue(rd),
     }
   }
 
@@ -384,7 +384,7 @@ describe('toRef <-> toValue', () => {
       'foo',
       () => 'bar',
       ref('baz'),
-      computed(() => 'hi')
-    )
+      computed(() => 'hi'),
+    ),
   )
 })
diff --git a/packages/dts-test/setupHelpers.test-d.ts b/packages/dts-test/setupHelpers.test-d.ts
index feb4085dea0..8aba249dc89 100644
--- a/packages/dts-test/setupHelpers.test-d.ts
+++ b/packages/dts-test/setupHelpers.test-d.ts
@@ -8,7 +8,7 @@ import {
   defineSlots,
   VNode,
   Ref,
-  defineModel
+  defineModel,
 } from 'vue'
 import { describe, expectType } from './utils'
 import { defineComponent } from 'vue'
@@ -61,8 +61,8 @@ describe('defineProps w/ type declaration + withDefaults', () => {
       fn: () => {},
       genStr: () => '',
       y: undefined,
-      z: 'string'
-    }
+      z: 'string',
+    },
   )
 
   res.number + 1
@@ -95,8 +95,8 @@ describe('defineProps w/ union type declaration + withDefaults', () => {
       union1: 123,
       union2: () => [123],
       union3: () => ({ x: 123 }),
-      union4: () => 123
-    }
+      union4: () => 123,
+    },
   )
 })
 
@@ -121,8 +121,8 @@ describe('defineProps w/ generic type declaration + withDefaults', <T extends
       generic2: () => ({ x: 123 }) as { x: T },
 
       generic3: () => 'test' as TString,
-      generic4: () => ({ a: 'test' }) as TA
-    }
+      generic4: () => ({ a: 'test' }) as TA,
+    },
   )
 
   res.n + 1
@@ -140,7 +140,7 @@ describe('withDefaults w/ boolean type', () => {
     defineProps<{
       bool?: boolean
     }>(),
-    { bool: false }
+    { bool: false },
   )
   expectType<boolean>(res1.bool)
 
@@ -149,8 +149,8 @@ describe('withDefaults w/ boolean type', () => {
       bool?: boolean
     }>(),
     {
-      bool: undefined
-    }
+      bool: undefined,
+    },
   )
   expectType<boolean | undefined>(res2.bool)
 })
@@ -161,12 +161,12 @@ describe('defineProps w/ runtime declaration', () => {
     foo: String,
     bar: {
       type: Number,
-      default: 1
+      default: 1,
     },
     baz: {
       type: Array,
-      required: true
-    }
+      required: true,
+    },
   })
   expectType<{
     foo?: string
@@ -226,7 +226,7 @@ describe('defineEmits w/ alt type declaration', () => {
 describe('defineEmits w/ runtime declaration', () => {
   const emit = defineEmits({
     foo: () => {},
-    bar: null
+    bar: null,
   })
   emit('foo')
   emit('bar', 123)
@@ -302,20 +302,20 @@ describe('useModel', () => {
 
       // @ts-expect-error
       useModel(props, 'bar')
-    }
+    },
   })
 
   defineComponent({
     props: {
       foo: String,
       bar: { type: Number, required: true },
-      baz: { type: Boolean }
+      baz: { type: Boolean },
     },
     setup(props) {
       expectType<Ref<string | undefined>>(useModel(props, 'foo'))
       expectType<Ref<number>>(useModel(props, 'bar'))
       expectType<Ref<boolean>>(useModel(props, 'baz'))
-    }
+    },
   })
 })
 
diff --git a/packages/dts-test/tsx.test-d.tsx b/packages/dts-test/tsx.test-d.tsx
index 04915a9673f..6bbd08d8fd4 100644
--- a/packages/dts-test/tsx.test-d.tsx
+++ b/packages/dts-test/tsx.test-d.tsx
@@ -14,7 +14,7 @@ expectType<JSX.Element>(<input value="foo" />)
 // allow array styles and nested array styles
 expectType<JSX.Element>(<div style={[{ color: 'red' }]} />)
 expectType<JSX.Element>(
-  <div style={[{ color: 'red' }, [{ fontSize: '1em' }]]} />
+  <div style={[{ color: 'red' }, [{ fontSize: '1em' }]]} />,
 )
 
 // @ts-expect-error unknown prop
@@ -30,7 +30,7 @@ expectType<JSX.Element>(
       // infer correct event type
       expectType<EventTarget | null>(e.target)
     }}
-  />
+  />,
 )
 
 // built-in types
@@ -55,7 +55,7 @@ expectType<JSX.Element>(<KeepAlive key="1" />)
 expectType<JSX.Element>(<Suspense />)
 expectType<JSX.Element>(<Suspense key="1" />)
 expectType<JSX.Element>(
-  <Suspense onResolve={() => {}} onFallback={() => {}} onPending={() => {}} />
+  <Suspense onResolve={() => {}} onFallback={() => {}} onPending={() => {}} />,
 )
 // @ts-expect-error
 ;<Suspense onResolve={123} />
diff --git a/packages/dts-test/watch.test-d.ts b/packages/dts-test/watch.test-d.ts
index 9d727999bcc..5363cdc9b44 100644
--- a/packages/dts-test/watch.test-d.ts
+++ b/packages/dts-test/watch.test-d.ts
@@ -29,7 +29,7 @@ watch(
     expectType<string>(value)
     expectType<string | undefined>(oldValue)
   },
-  { immediate: true }
+  { immediate: true },
 )
 
 watch(
@@ -37,10 +37,10 @@ watch(
   (values, oldValues) => {
     expectType<[string, string, number]>(values)
     expectType<[string | undefined, string | undefined, number | undefined]>(
-      oldValues
+      oldValues,
     )
   },
-  { immediate: true }
+  { immediate: true },
 )
 
 // const array
@@ -52,12 +52,12 @@ watch(
       Readonly<[string | undefined, string | undefined, number | undefined]>
     >(oldValues)
   },
-  { immediate: true }
+  { immediate: true },
 )
 
 // should provide correct ref.value inner type to callbacks
 const nestedRefSource = ref({
-  foo: ref(1)
+  foo: ref(1),
 })
 
 watch(nestedRefSource, (v, ov) => {
@@ -88,7 +88,7 @@ defineComponent({
       (v, ov) => {
         expectType<number>(v)
         expectType<number>(ov)
-      }
+      },
     )
-  }
+  },
 })
diff --git a/packages/global.d.ts b/packages/global.d.ts
index 97405129be9..380ca3709e8 100644
--- a/packages/global.d.ts
+++ b/packages/global.d.ts
@@ -40,7 +40,7 @@ declare module 'estree-walker' {
       enter?: (node: T, parent: T | undefined) => any
       leave?: (node: T, parent: T | undefined) => any
       exit?: (node: T) => any
-    } & ThisType<{ skip: () => void }>
+    } & ThisType<{ skip: () => void }>,
   )
 }
 
diff --git a/packages/reactivity-transform/__tests__/reactivityTransform.spec.ts b/packages/reactivity-transform/__tests__/reactivityTransform.spec.ts
index 5255be6ba8b..35d41fd181d 100644
--- a/packages/reactivity-transform/__tests__/reactivityTransform.spec.ts
+++ b/packages/reactivity-transform/__tests__/reactivityTransform.spec.ts
@@ -6,7 +6,7 @@ function assertCode(code: string) {
   try {
     parse(code, {
       sourceType: 'module',
-      plugins: ['typescript']
+      plugins: ['typescript'],
     })
   } catch (e: any) {
     console.log(code)
@@ -57,7 +57,7 @@ test('$ref & $shallowRef declarations', () => {
     label: var e = $ref()
     `)
   expect(code).toMatch(
-    `import { ref as _ref, shallowRef as _shallowRef } from 'vue'`
+    `import { ref as _ref, shallowRef as _shallowRef } from 'vue'`,
   )
   expect(code).not.toMatch(`$ref()`)
   expect(code).not.toMatch(`$ref(1)`)
@@ -250,7 +250,7 @@ test('object destructure', () => {
   expect(code).toMatch(`h = _toRef(__$temp_1, g)`)
   expect(code).toMatch(`foo = _toRef(__$temp_2, 'foo')`)
   expect(code).toMatch(
-    `console.log(n.value, a.value, c.value, d.value, f.value, h.value, foo.value)`
+    `console.log(n.value, a.value, c.value, d.value, f.value, h.value, foo.value)`,
   )
   expect(rootRefs).toStrictEqual(['n', 'a', 'c', 'd', 'f', 'h', 'foo'])
   assertCode(code)
@@ -412,8 +412,8 @@ test('should not rewrite type identifiers', () => {
     `const props = defineProps<{msg: string; ids?: string[]}>()
         let ids = $ref([])`,
     {
-      parserPlugins: ['typescript']
-    }
+      parserPlugins: ['typescript'],
+    },
   )
   expect(code).not.toMatch('.value')
   assertCode(code)
@@ -435,8 +435,8 @@ test('handle TS casting syntax', () => {
       console.log((a as number) + <number>a)
       `,
     {
-      parserPlugins: ['typescript']
-    }
+      parserPlugins: ['typescript'],
+    },
   )
   expect(code).toMatch('console.log(a.value!)')
   expect(code).toMatch('console.log(a.value as number)')
@@ -451,7 +451,7 @@ test('macro import alias and removal', () => {
 
     let a = $ref(1)
     const { x, y } = fromRefs(useMouse())
-    `
+    `,
   )
   // should remove imports
   expect(code).not.toMatch(`from 'vue/macros'`)
@@ -467,7 +467,7 @@ test('should not overwrite importing', () => {
     import { $, $$ } from './foo'
     $('foo')
     $$('bar')
-    `
+    `,
   )
   assertCode(code)
 })
@@ -484,7 +484,7 @@ test('should not overwrite current scope', () => {
       console.log($ref())
       console.log($$())
     }
-    `
+    `,
   )
   assertCode(code)
 })
@@ -492,13 +492,13 @@ test('should not overwrite current scope', () => {
 describe('errors', () => {
   test('$ref w/ destructure', () => {
     expect(() => transform(`let { a } = $ref(1)`)).toThrow(
-      `cannot be used with destructure`
+      `cannot be used with destructure`,
     )
   })
 
   test('$computed w/ destructure', () => {
     expect(() => transform(`let { a } = $computed(() => 1)`)).toThrow(
-      `cannot be used with destructure`
+      `cannot be used with destructure`,
     )
   })
 
@@ -506,12 +506,12 @@ describe('errors', () => {
     expect(() =>
       transform(
         `let bar = $ref(1)
-          bar = $ref(2)`
-      )
+          bar = $ref(2)`,
+      ),
     ).toThrow(`$ref can only be used as the initializer`)
 
     expect(() => transform(`let bar = { foo: $computed(1) }`)).toThrow(
-      `$computed can only be used as the initializer`
+      `$computed can only be used as the initializer`,
     )
   })
 
@@ -525,10 +525,10 @@ describe('errors', () => {
 
   test('rest element in $() destructure', () => {
     expect(() => transform(`let { a, ...b } = $(foo())`)).toThrow(
-      `does not support rest element`
+      `does not support rest element`,
     )
     expect(() => transform(`let [a, ...b] = $(foo())`)).toThrow(
-      `does not support rest element`
+      `does not support rest element`,
     )
   })
 
@@ -537,28 +537,28 @@ describe('errors', () => {
       transform(`
         const foo = $ref(0)
         foo = 1
-      `)
+      `),
     ).toThrow(`Assignment to constant variable.`)
 
     expect(() =>
       transform(`
         const [a, b] = $([1, 2])
         a = 1
-      `)
+      `),
     ).toThrow(`Assignment to constant variable.`)
 
     expect(() =>
       transform(`
         const foo = $ref(0)
         foo++
-      `)
+      `),
     ).toThrow(`Assignment to constant variable.`)
 
     expect(() =>
       transform(`
       const foo = $ref(0)
       bar = foo
-      `)
+      `),
     ).not.toThrow()
   })
 })
diff --git a/packages/reactivity-transform/src/reactivityTransform.ts b/packages/reactivity-transform/src/reactivityTransform.ts
index 855dfbb1897..8d39f2fbbe7 100644
--- a/packages/reactivity-transform/src/reactivityTransform.ts
+++ b/packages/reactivity-transform/src/reactivityTransform.ts
@@ -12,7 +12,7 @@ import {
   ImportDeclaration,
   ImportSpecifier,
   ImportDefaultSpecifier,
-  ImportNamespaceSpecifier
+  ImportNamespaceSpecifier,
 } from '@babel/types'
 import MagicString, { SourceMap } from 'magic-string'
 import { walk } from 'estree-walker'
@@ -22,7 +22,7 @@ import {
   isInDestructureAssignment,
   isReferencedIdentifier,
   isStaticProperty,
-  walkFunctionParams
+  walkFunctionParams,
 } from '@vue/compiler-core'
 import { parse, ParserPlugin } from '@babel/parser'
 import { hasOwn, isArray, isString, genPropsAccessExp } from '@vue/shared'
@@ -76,8 +76,8 @@ export function transform(
     filename,
     sourceMap,
     parserPlugins,
-    importHelpersFrom = 'vue'
-  }: RefTransformOptions = {}
+    importHelpersFrom = 'vue',
+  }: RefTransformOptions = {},
 ): RefTransformResults {
   const plugins: ParserPlugin[] = parserPlugins || []
   if (filename) {
@@ -91,7 +91,7 @@ export function transform(
 
   const ast = parse(src, {
     sourceType: 'module',
-    plugins
+    plugins,
   })
   const s = new MagicString(src)
   const res = transformAST(ast.program, s, 0)
@@ -101,7 +101,7 @@ export function transform(
     s.prepend(
       `import { ${res.importedHelpers
         .map(h => `${h} as _${h}`)
-        .join(', ')} } from '${importHelpersFrom}'\n`
+        .join(', ')} } from '${importHelpersFrom}'\n`,
     )
   }
 
@@ -112,9 +112,9 @@ export function transform(
       ? s.generateMap({
           source: filename,
           hires: true,
-          includeContent: true
+          includeContent: true,
         })
-      : null
+      : null,
   }
 }
 
@@ -133,7 +133,7 @@ export function transformAST(
       default?: any
       isConst?: boolean
     }
-  >
+  >,
 ): {
   rootRefs: string[]
   importedHelpers: string[]
@@ -150,7 +150,7 @@ export function transformAST(
   let convertSymbol: string | undefined
   let escapeSymbol: string | undefined
   for (const { local, imported, source, specifier } of Object.values(
-    userImports
+    userImports,
   )) {
     if (source === IMPORT_SOURCE) {
       if (imported === ESCAPE_SYMBOL) {
@@ -160,7 +160,7 @@ export function transformAST(
       } else if (imported !== local) {
         error(
           `macro imports for ref-creating methods do not support aliasing.`,
-          specifier
+          specifier,
         )
       }
     }
@@ -193,7 +193,7 @@ export function transformAST(
       const { local, isConst } = knownProps[key]
       rootScope[local] = {
         isProp: true,
-        isConst: !!isConst
+        isConst: !!isConst,
       }
       propsLocalToPublicMap[local] = key
     }
@@ -216,7 +216,7 @@ export function transformAST(
         source,
         local,
         imported,
-        specifier
+        specifier,
       }
     }
   }
@@ -252,7 +252,7 @@ export function transformAST(
     } else {
       error(
         'registerBinding called without active scope, something is wrong.',
-        id
+        id,
       )
     }
   }
@@ -317,7 +317,7 @@ export function transformAST(
           refCall,
           decl.id,
           decl.init as CallExpression,
-          stmt.kind === 'const'
+          stmt.kind === 'const',
         )
       } else {
         const isProps =
@@ -339,7 +339,7 @@ export function transformAST(
     method: string,
     id: VariableDeclarator['id'],
     call: CallExpression,
-    isConst: boolean
+    isConst: boolean,
   ) {
     excludedIds.add(call.callee as Identifier)
     if (method === convertSymbol) {
@@ -362,7 +362,7 @@ export function transformAST(
         s.overwrite(
           call.start! + offset,
           call.start! + method.length + offset,
-          helper(method.slice(1))
+          helper(method.slice(1)),
         )
       } else {
         error(`${method}() cannot be used with destructure patterns.`, call)
@@ -375,7 +375,7 @@ export function transformAST(
     call: CallExpression,
     isConst: boolean,
     tempVar?: string,
-    path: PathSegment[] = []
+    path: PathSegment[] = [],
   ) {
     if (!tempVar) {
       tempVar = genTempVar()
@@ -410,12 +410,12 @@ export function transformAST(
           } else if (p.value.type === 'ObjectPattern') {
             processRefObjectPattern(p.value, call, isConst, tempVar, [
               ...path,
-              key
+              key,
             ])
           } else if (p.value.type === 'ArrayPattern') {
             processRefArrayPattern(p.value, call, isConst, tempVar, [
               ...path,
-              key
+              key,
             ])
           } else if (p.value.type === 'AssignmentPattern') {
             if (p.value.left.type === 'Identifier') {
@@ -425,12 +425,12 @@ export function transformAST(
             } else if (p.value.left.type === 'ObjectPattern') {
               processRefObjectPattern(p.value.left, call, isConst, tempVar, [
                 ...path,
-                [key, p.value.right]
+                [key, p.value.right],
               ])
             } else if (p.value.left.type === 'ArrayPattern') {
               processRefArrayPattern(p.value.left, call, isConst, tempVar, [
                 ...path,
-                [key, p.value.right]
+                [key, p.value.right],
               ])
             } else {
               // MemberExpression case is not possible here, ignore
@@ -454,8 +454,8 @@ export function transformAST(
         s.appendLeft(
           call.end! + offset,
           `,\n  ${nameId.name} = ${helper(
-            'toRef'
-          )}(${source}, ${keyStr}${defaultStr})`
+            'toRef',
+          )}(${source}, ${keyStr}${defaultStr})`,
         )
       }
     }
@@ -469,7 +469,7 @@ export function transformAST(
     call: CallExpression,
     isConst: boolean,
     tempVar?: string,
-    path: PathSegment[] = []
+    path: PathSegment[] = [],
   ) {
     if (!tempVar) {
       // const [x] = $(useFoo()) --> const __$temp_1 = useFoo()
@@ -505,8 +505,8 @@ export function transformAST(
         s.appendLeft(
           call.end! + offset,
           `,\n  ${nameId.name} = ${helper(
-            'toRef'
-          )}(${source}, ${i}${defaultStr})`
+            'toRef',
+          )}(${source}, ${i}${defaultStr})`,
         )
       }
     }
@@ -548,7 +548,7 @@ export function transformAST(
     scope: Scope,
     id: Identifier,
     parent: Node,
-    parentStack: Node[]
+    parentStack: Node[],
   ): boolean {
     if (hasOwn(scope, id.name)) {
       const binding = scope[id.name]
@@ -577,13 +577,13 @@ export function transformAST(
                 registerEscapedPropBinding(id)
                 s.appendLeft(
                   id.end! + offset,
-                  `: __props_${propsLocalToPublicMap[id.name]}`
+                  `: __props_${propsLocalToPublicMap[id.name]}`,
                 )
               } else {
                 // { prop } -> { prop: __props.prop }
                 s.appendLeft(
                   id.end! + offset,
-                  `: ${genPropsAccessExp(propsLocalToPublicMap[id.name])}`
+                  `: ${genPropsAccessExp(propsLocalToPublicMap[id.name])}`,
                 )
               }
             } else {
@@ -599,14 +599,14 @@ export function transformAST(
               s.overwrite(
                 id.start! + offset,
                 id.end! + offset,
-                `__props_${propsLocalToPublicMap[id.name]}`
+                `__props_${propsLocalToPublicMap[id.name]}`,
               )
             } else {
               // x --> __props.x
               s.overwrite(
                 id.start! + offset,
                 id.end! + offset,
-                genPropsAccessExp(propsLocalToPublicMap[id.name])
+                genPropsAccessExp(propsLocalToPublicMap[id.name]),
               )
             }
           } else {
@@ -628,8 +628,8 @@ export function transformAST(
       s.prependRight(
         offset,
         `const __props_${publicKey} = ${helper(
-          `toRef`
-        )}(__props, '${publicKey}');\n`
+          `toRef`,
+        )}(__props, '${publicKey}');\n`,
       )
     }
   }
@@ -704,7 +704,7 @@ export function transformAST(
           return error(
             `${refCall} can only be used as the initializer of ` +
               `a variable declaration.`,
-            node
+            node,
           )
         }
 
@@ -751,7 +751,7 @@ export function transformAST(
       if (node === escapeScope) {
         escapeScope = undefined
       }
-    }
+    },
   })
 
   return {
@@ -759,7 +759,7 @@ export function transformAST(
       const binding = rootScope[key]
       return binding && !binding.isProp
     }),
-    importedHelpers: [...importedHelpers]
+    importedHelpers: [...importedHelpers],
   }
 }
 
@@ -774,7 +774,7 @@ function warnExperimental() {
     `Reactivity Transform was an experimental feature and has now been deprecated. ` +
       `It will be removed from Vue core in 3.4. If you intend to continue using it, ` +
       `switch to https://vue-macros.sxzz.moe/features/reactivity-transform.html.\n` +
-      `See reason for deprecation here: https://github.com/vuejs/rfcs/discussions/369#discussioncomment-5059028`
+      `See reason for deprecation here: https://github.com/vuejs/rfcs/discussions/369#discussioncomment-5059028`,
   )
 }
 
@@ -789,6 +789,6 @@ function warnOnce(msg: string) {
 
 function warn(msg: string) {
   console.warn(
-    `\x1b[1m\x1b[33m[@vue/reactivity-transform]\x1b[0m\x1b[33m ${msg}\x1b[0m\n`
+    `\x1b[1m\x1b[33m[@vue/reactivity-transform]\x1b[0m\x1b[33m ${msg}\x1b[0m\n`,
   )
 }
diff --git a/packages/reactivity/__tests__/collections/Map.spec.ts b/packages/reactivity/__tests__/collections/Map.spec.ts
index 0cbe10fc201..b1a33708332 100644
--- a/packages/reactivity/__tests__/collections/Map.spec.ts
+++ b/packages/reactivity/__tests__/collections/Map.spec.ts
@@ -411,7 +411,7 @@ describe('reactivity/collections', () => {
       const map = reactive(raw)
       map.set(key, 2)
       expect(
-        `Reactive Map contains both the raw and reactive`
+        `Reactive Map contains both the raw and reactive`,
       ).toHaveBeenWarned()
     })
 
diff --git a/packages/reactivity/__tests__/collections/Set.spec.ts b/packages/reactivity/__tests__/collections/Set.spec.ts
index ae74eb476ac..8047925bf81 100644
--- a/packages/reactivity/__tests__/collections/Set.spec.ts
+++ b/packages/reactivity/__tests__/collections/Set.spec.ts
@@ -413,7 +413,7 @@ describe('reactivity/collections', () => {
       const set = reactive(raw)
       set.delete(key)
       expect(
-        `Reactive Set contains both the raw and reactive`
+        `Reactive Set contains both the raw and reactive`,
       ).toHaveBeenWarned()
     })
 
diff --git a/packages/reactivity/__tests__/collections/shallowReadonly.spec.ts b/packages/reactivity/__tests__/collections/shallowReadonly.spec.ts
index 11eb002fc88..2f13ea653fb 100644
--- a/packages/reactivity/__tests__/collections/shallowReadonly.spec.ts
+++ b/packages/reactivity/__tests__/collections/shallowReadonly.spec.ts
@@ -14,7 +14,7 @@ describe('reactivity/collections', () => {
 
         sroMap.set(key, {} as any)
         expect(
-          `Set operation on key "[object Object]" failed: target is readonly.`
+          `Set operation on key "[object Object]" failed: target is readonly.`,
         ).toHaveBeenWarned()
       })
 
@@ -28,7 +28,7 @@ describe('reactivity/collections', () => {
 
         sroMap.get(key)!.foo = 2
         expect(
-          `Set operation on key "foo" failed: target is readonly.`
+          `Set operation on key "foo" failed: target is readonly.`,
         ).not.toHaveBeenWarned()
       })
     })
@@ -48,7 +48,7 @@ describe('reactivity/collections', () => {
 
       values1[0].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
 
       expect(isReadonly(values2[0][1])).toBe(false)
@@ -57,7 +57,7 @@ describe('reactivity/collections', () => {
 
       values2[0][1].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
     })
 
@@ -73,7 +73,7 @@ describe('reactivity/collections', () => {
 
         val.foo = 2
         expect(
-          `Set operation on key "foo" failed: target is readonly.`
+          `Set operation on key "foo" failed: target is readonly.`,
         ).not.toHaveBeenWarned()
       })
     })
@@ -91,7 +91,7 @@ describe('reactivity/collections', () => {
 
         sroSet.add({} as any)
         expect(
-          `Add operation on key "[object Object]" failed: target is readonly.`
+          `Add operation on key "[object Object]" failed: target is readonly.`,
         ).toHaveBeenWarned()
       })
     })
@@ -109,12 +109,12 @@ describe('reactivity/collections', () => {
 
       sroSet.add({} as any)
       expect(
-        `Add operation on key "[object Object]" failed: target is readonly.`
+        `Add operation on key "[object Object]" failed: target is readonly.`,
       ).toHaveBeenWarned()
 
       values[0].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
     })
 
@@ -132,7 +132,7 @@ describe('reactivity/collections', () => {
 
       values1[0].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
 
       expect(isReadonly(values2[0][1])).toBe(false)
@@ -141,7 +141,7 @@ describe('reactivity/collections', () => {
 
       values2[0][1].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
     })
 
@@ -157,7 +157,7 @@ describe('reactivity/collections', () => {
 
         val.foo = 2
         expect(
-          `Set operation on key "foo" failed: target is readonly.`
+          `Set operation on key "foo" failed: target is readonly.`,
         ).not.toHaveBeenWarned()
       })
     })
diff --git a/packages/reactivity/__tests__/computed.spec.ts b/packages/reactivity/__tests__/computed.spec.ts
index c044b5feb35..758e6ccfff9 100644
--- a/packages/reactivity/__tests__/computed.spec.ts
+++ b/packages/reactivity/__tests__/computed.spec.ts
@@ -9,7 +9,7 @@ import {
   toRaw,
   TrackOpTypes,
   ITERATE_KEY,
-  TriggerOpTypes
+  TriggerOpTypes,
 } from '../src'
 
 describe('reactivity/computed', () => {
@@ -140,7 +140,7 @@ describe('reactivity/computed', () => {
       get: () => n.value + 1,
       set: val => {
         n.value = val - 1
-      }
+      },
     })
 
     expect(plusOne.value).toBe(2)
@@ -157,7 +157,7 @@ describe('reactivity/computed', () => {
       get: () => n.value + 1,
       set: val => {
         n.value = val - 1
-      }
+      },
     })
 
     let dummy
@@ -193,7 +193,7 @@ describe('reactivity/computed', () => {
     ;(plusOne as WritableComputedRef<number>).value++ // Type cast to prevent TS from preventing the error
 
     expect(
-      'Write operation failed: computed value is readonly'
+      'Write operation failed: computed value is readonly',
     ).toHaveBeenWarnedLast()
   })
 
@@ -209,7 +209,7 @@ describe('reactivity/computed', () => {
       },
       set(v) {
         a = v
-      }
+      },
     })
     expect(isReadonly(z)).toBe(false)
     expect(isReadonly(z.value.a)).toBe(false)
@@ -228,7 +228,7 @@ describe('reactivity/computed', () => {
     })
     const obj = reactive({ foo: 1, bar: 2 })
     const c = computed(() => (obj.foo, 'bar' in obj, Object.keys(obj)), {
-      onTrack
+      onTrack,
     })
     expect(c.value).toEqual(['foo', 'bar'])
     expect(onTrack).toHaveBeenCalledTimes(3)
@@ -237,20 +237,20 @@ describe('reactivity/computed', () => {
         effect: c.effect,
         target: toRaw(obj),
         type: TrackOpTypes.GET,
-        key: 'foo'
+        key: 'foo',
       },
       {
         effect: c.effect,
         target: toRaw(obj),
         type: TrackOpTypes.HAS,
-        key: 'bar'
+        key: 'bar',
       },
       {
         effect: c.effect,
         target: toRaw(obj),
         type: TrackOpTypes.ITERATE,
-        key: ITERATE_KEY
-      }
+        key: ITERATE_KEY,
+      },
     ])
   })
 
@@ -274,7 +274,7 @@ describe('reactivity/computed', () => {
       type: TriggerOpTypes.SET,
       key: 'foo',
       oldValue: 1,
-      newValue: 2
+      newValue: 2,
     })
 
     delete obj.foo
@@ -285,7 +285,7 @@ describe('reactivity/computed', () => {
       target: toRaw(obj),
       type: TriggerOpTypes.DELETE,
       key: 'foo',
-      oldValue: 2
+      oldValue: 2,
     })
   })
 })
diff --git a/packages/reactivity/__tests__/effect.spec.ts b/packages/reactivity/__tests__/effect.spec.ts
index 635e6534abe..979572c644e 100644
--- a/packages/reactivity/__tests__/effect.spec.ts
+++ b/packages/reactivity/__tests__/effect.spec.ts
@@ -10,7 +10,7 @@ import {
   markRaw,
   shallowReactive,
   readonly,
-  ReactiveEffectRunner
+  ReactiveEffectRunner,
 } from '../src/index'
 import { ITERATE_KEY } from '../src/effect'
 
@@ -129,7 +129,7 @@ describe('reactivity/effect', () => {
       },
       get prop() {
         return hiddenValue
-      }
+      },
     })
     Object.setPrototypeOf(obj, parent)
     effect(() => (dummy = obj.prop))
@@ -261,7 +261,7 @@ describe('reactivity/effect', () => {
       a: 1,
       get b() {
         return this.a
-      }
+      },
     })
 
     let dummy
@@ -276,7 +276,7 @@ describe('reactivity/effect', () => {
       a: 1,
       b() {
         return this.a
-      }
+      },
     })
 
     let dummy
@@ -333,7 +333,7 @@ describe('reactivity/effect', () => {
       },
       get prop() {
         return hiddenValue
-      }
+      },
     })
     Object.setPrototypeOf(obj, parent)
     effect(() => (dummy = obj.prop))
@@ -696,7 +696,7 @@ describe('reactivity/effect', () => {
       () => {
         dummy = obj.foo
       },
-      { scheduler }
+      { scheduler },
     )
     expect(scheduler).not.toHaveBeenCalled()
     expect(dummy).toBe(1)
@@ -724,7 +724,7 @@ describe('reactivity/effect', () => {
         dummy = 'bar' in obj
         dummy = Object.keys(obj)
       },
-      { onTrack }
+      { onTrack },
     )
     expect(dummy).toEqual(['foo', 'bar'])
     expect(onTrack).toHaveBeenCalledTimes(3)
@@ -733,20 +733,20 @@ describe('reactivity/effect', () => {
         effect: runner.effect,
         target: toRaw(obj),
         type: TrackOpTypes.GET,
-        key: 'foo'
+        key: 'foo',
       },
       {
         effect: runner.effect,
         target: toRaw(obj),
         type: TrackOpTypes.HAS,
-        key: 'bar'
+        key: 'bar',
       },
       {
         effect: runner.effect,
         target: toRaw(obj),
         type: TrackOpTypes.ITERATE,
-        key: ITERATE_KEY
-      }
+        key: ITERATE_KEY,
+      },
     ])
   })
 
@@ -761,7 +761,7 @@ describe('reactivity/effect', () => {
       () => {
         dummy = obj.foo
       },
-      { onTrigger }
+      { onTrigger },
     )
 
     obj.foo!++
@@ -773,7 +773,7 @@ describe('reactivity/effect', () => {
       type: TriggerOpTypes.SET,
       key: 'foo',
       oldValue: 1,
-      newValue: 2
+      newValue: 2,
     })
 
     delete obj.foo
@@ -784,7 +784,7 @@ describe('reactivity/effect', () => {
       target: toRaw(obj),
       type: TriggerOpTypes.DELETE,
       key: 'foo',
-      oldValue: 2
+      oldValue: 2,
     })
   })
 
@@ -828,7 +828,7 @@ describe('reactivity/effect', () => {
   it('events: onStop', () => {
     const onStop = vi.fn()
     const runner = effect(() => {}, {
-      onStop
+      onStop,
     })
 
     stop(runner)
@@ -860,8 +860,8 @@ describe('reactivity/effect', () => {
   it('markRaw', () => {
     const obj = reactive({
       foo: markRaw({
-        prop: 0
-      })
+        prop: 0,
+      }),
     })
     let dummy
     effect(() => {
@@ -876,7 +876,7 @@ describe('reactivity/effect', () => {
 
   it('should not be triggered when the value and the old value both are NaN', () => {
     const obj = reactive({
-      foo: NaN
+      foo: NaN,
     })
     const fnSpy = vi.fn(() => obj.foo)
     effect(fnSpy)
diff --git a/packages/reactivity/__tests__/effectScope.spec.ts b/packages/reactivity/__tests__/effectScope.spec.ts
index b26a90a09db..0520b9321d1 100644
--- a/packages/reactivity/__tests__/effectScope.spec.ts
+++ b/packages/reactivity/__tests__/effectScope.spec.ts
@@ -7,7 +7,7 @@ import {
   computed,
   ref,
   ComputedRef,
-  getCurrentScope
+  getCurrentScope,
 } from '../src'
 
 describe('reactivity/effect/scope', () => {
@@ -213,7 +213,7 @@ describe('reactivity/effect/scope', () => {
     onScopeDispose(spy)
 
     expect(
-      '[Vue warn] onScopeDispose() is called when there is no active effect scope to be associated with.'
+      '[Vue warn] onScopeDispose() is called when there is no active effect scope to be associated with.',
     ).toHaveBeenWarned()
 
     scope.stop()
diff --git a/packages/reactivity/__tests__/reactive.spec.ts b/packages/reactivity/__tests__/reactive.spec.ts
index e7fe18252ab..73a6f5cc74d 100644
--- a/packages/reactivity/__tests__/reactive.spec.ts
+++ b/packages/reactivity/__tests__/reactive.spec.ts
@@ -35,9 +35,9 @@ describe('reactivity/reactive', () => {
   test('nested reactives', () => {
     const original = {
       nested: {
-        foo: 1
+        foo: 1,
       },
-      array: [{ bar: 2 }]
+      array: [{ bar: 2 }],
     }
     const observed = reactive(original)
     expect(isReactive(observed.nested)).toBe(true)
@@ -187,7 +187,7 @@ describe('reactivity/reactive', () => {
     // writable
     const b = computed({
       get: () => 1,
-      set: () => {}
+      set: () => {},
     })
     const obj = reactive({ a, b })
     // check type
@@ -216,7 +216,7 @@ describe('reactivity/reactive', () => {
     const assertValue = (value: any) => {
       reactive(value)
       expect(
-        `value cannot be made reactive: ${String(value)}`
+        `value cannot be made reactive: ${String(value)}`,
       ).toHaveBeenWarnedLast()
     }
 
@@ -249,7 +249,7 @@ describe('reactivity/reactive', () => {
   test('markRaw', () => {
     const obj = reactive({
       foo: { a: 1 },
-      bar: markRaw({ b: 2 })
+      bar: markRaw({ b: 2 }),
     })
     expect(isReactive(obj.foo)).toBe(true)
     expect(isReactive(obj.bar)).toBe(false)
@@ -260,7 +260,7 @@ describe('reactivity/reactive', () => {
       foo: Object.preventExtensions({ a: 1 }),
       // sealed or frozen objects are considered non-extensible as well
       bar: Object.freeze({ a: 1 }),
-      baz: Object.seal({ a: 1 })
+      baz: Object.seal({ a: 1 }),
     })
     expect(isReactive(obj.foo)).toBe(false)
     expect(isReactive(obj.bar)).toBe(false)
@@ -270,7 +270,7 @@ describe('reactivity/reactive', () => {
   test('should not observe objects with __v_skip', () => {
     const original = {
       foo: 1,
-      __v_skip: true
+      __v_skip: true,
     }
     const observed = reactive(original)
     expect(isReactive(observed)).toBe(false)
diff --git a/packages/reactivity/__tests__/readonly.spec.ts b/packages/reactivity/__tests__/readonly.spec.ts
index d0c91f0fb9f..a418040cc8d 100644
--- a/packages/reactivity/__tests__/readonly.spec.ts
+++ b/packages/reactivity/__tests__/readonly.spec.ts
@@ -8,7 +8,7 @@ import {
   effect,
   ref,
   isProxy,
-  computed
+  computed,
 } from '../src'
 
 /**
@@ -44,49 +44,49 @@ describe('reactivity/readonly', () => {
       const original = {
         foo: 1,
         bar: {
-          baz: 2
+          baz: 2,
         },
-        [qux]: 3
+        [qux]: 3,
       }
       const wrapped: Writable<typeof original> = readonly(original)
 
       wrapped.foo = 2
       expect(wrapped.foo).toBe(1)
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).toHaveBeenWarnedLast()
 
       wrapped.bar.baz = 3
       expect(wrapped.bar.baz).toBe(2)
       expect(
-        `Set operation on key "baz" failed: target is readonly.`
+        `Set operation on key "baz" failed: target is readonly.`,
       ).toHaveBeenWarnedLast()
 
       wrapped[qux] = 4
       expect(wrapped[qux]).toBe(3)
       expect(
-        `Set operation on key "Symbol(qux)" failed: target is readonly.`
+        `Set operation on key "Symbol(qux)" failed: target is readonly.`,
       ).toHaveBeenWarnedLast()
 
       // @ts-expect-error
       delete wrapped.foo
       expect(wrapped.foo).toBe(1)
       expect(
-        `Delete operation on key "foo" failed: target is readonly.`
+        `Delete operation on key "foo" failed: target is readonly.`,
       ).toHaveBeenWarnedLast()
 
       // @ts-expect-error
       delete wrapped.bar.baz
       expect(wrapped.bar.baz).toBe(2)
       expect(
-        `Delete operation on key "baz" failed: target is readonly.`
+        `Delete operation on key "baz" failed: target is readonly.`,
       ).toHaveBeenWarnedLast()
 
       // @ts-expect-error
       delete wrapped[qux]
       expect(wrapped[qux]).toBe(3)
       expect(
-        `Delete operation on key "Symbol(qux)" failed: target is readonly.`
+        `Delete operation on key "Symbol(qux)" failed: target is readonly.`,
       ).toHaveBeenWarnedLast()
     })
 
@@ -131,12 +131,12 @@ describe('reactivity/readonly', () => {
       wrapped[0] = 1
       expect(wrapped[0]).not.toBe(1)
       expect(
-        `Set operation on key "0" failed: target is readonly.`
+        `Set operation on key "0" failed: target is readonly.`,
       ).toHaveBeenWarned()
       wrapped[0].foo = 2
       expect(wrapped[0].foo).toBe(1)
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).toHaveBeenWarned()
 
       // should block length mutation
@@ -144,7 +144,7 @@ describe('reactivity/readonly', () => {
       expect(wrapped.length).toBe(1)
       expect(wrapped[0].foo).toBe(1)
       expect(
-        `Set operation on key "length" failed: target is readonly.`
+        `Set operation on key "length" failed: target is readonly.`,
       ).toHaveBeenWarned()
 
       // mutation methods invoke set/length internally and thus are blocked as well
@@ -180,7 +180,7 @@ describe('reactivity/readonly', () => {
         const key2 = {}
         const original = new Collection([
           [key1, {}],
-          [key2, {}]
+          [key2, {}],
         ])
         const wrapped = readonly(original)
         expect(wrapped).not.toBe(original)
@@ -207,7 +207,7 @@ describe('reactivity/readonly', () => {
         expect(dummy).toBeUndefined()
         expect(map.has(key)).toBe(false)
         expect(
-          `Set operation on key "${key}" failed: target is readonly.`
+          `Set operation on key "${key}" failed: target is readonly.`,
         ).toHaveBeenWarned()
       })
 
@@ -233,7 +233,7 @@ describe('reactivity/readonly', () => {
           const key2 = {}
           const original = new Map([
             [key1, {}],
-            [key2, {}]
+            [key2, {}],
           ])
           const wrapped: any = readonly(original)
           expect(wrapped.size).toBe(2)
@@ -255,8 +255,8 @@ describe('reactivity/readonly', () => {
           const original = reactive(
             new Map([
               [key1, {}],
-              [key2, {}]
-            ])
+              [key2, {}],
+            ]),
           )
           const wrapped: any = readonly(original)
           expect(wrapped.size).toBe(2)
@@ -309,7 +309,7 @@ describe('reactivity/readonly', () => {
         expect(dummy).toBe(false)
         expect(set.has(key)).toBe(false)
         expect(
-          `Add operation on key "${key}" failed: target is readonly.`
+          `Add operation on key "${key}" failed: target is readonly.`,
         ).toHaveBeenWarned()
       })
 
@@ -431,7 +431,7 @@ describe('reactivity/readonly', () => {
   test('markRaw', () => {
     const obj = readonly({
       foo: { a: 1 },
-      bar: markRaw({ b: 2 })
+      bar: markRaw({ b: 2 }),
     })
     expect(isReadonly(obj.foo)).toBe(true)
     expect(isReactive(obj.bar)).toBe(false)
@@ -443,7 +443,7 @@ describe('reactivity/readonly', () => {
     n.value = 2
     expect(n.value).toBe(1)
     expect(
-      `Set operation on key "value" failed: target is readonly.`
+      `Set operation on key "value" failed: target is readonly.`,
     ).toHaveBeenWarned()
   })
 
@@ -457,13 +457,13 @@ describe('reactivity/readonly', () => {
 
     expect(rC.value).toBe(true)
     expect(
-      'Set operation on key "_dirty" failed: target is readonly.'
+      'Set operation on key "_dirty" failed: target is readonly.',
     ).not.toHaveBeenWarned()
     // @ts-expect-error - non-existent property
     rC.randomProperty = true
 
     expect(
-      'Set operation on key "randomProperty" failed: target is readonly.'
+      'Set operation on key "randomProperty" failed: target is readonly.',
     ).toHaveBeenWarned()
   })
 
diff --git a/packages/reactivity/__tests__/ref.spec.ts b/packages/reactivity/__tests__/ref.spec.ts
index 0ee32866da8..9129f46f82f 100644
--- a/packages/reactivity/__tests__/ref.spec.ts
+++ b/packages/reactivity/__tests__/ref.spec.ts
@@ -6,7 +6,7 @@ import {
   toRef,
   toRefs,
   Ref,
-  isReactive
+  isReactive,
 } from '../src/index'
 import { computed } from '@vue/runtime-dom'
 import { shallowRef, unref, customRef, triggerRef } from '../src/ref'
@@ -14,7 +14,7 @@ import {
   isReadonly,
   isShallow,
   readonly,
-  shallowReactive
+  shallowReactive,
 } from '../src/reactive'
 
 describe('reactivity/ref', () => {
@@ -44,7 +44,7 @@ describe('reactivity/ref', () => {
 
   it('should make nested properties reactive', () => {
     const a = ref({
-      count: 1
+      count: 1,
     })
     let dummy
     effect(() => {
@@ -71,8 +71,8 @@ describe('reactivity/ref', () => {
     const obj = reactive({
       a,
       b: {
-        c: a
-      }
+        c: a,
+      },
     })
 
     let dummy1: number
@@ -104,7 +104,7 @@ describe('reactivity/ref', () => {
 
   it('should unwrap nested values in types', () => {
     const a = {
-      b: ref(0)
+      b: ref(0),
     }
 
     const c = ref(a)
@@ -138,7 +138,7 @@ describe('reactivity/ref', () => {
       '1',
       { a: 1 },
       () => 0,
-      ref(0)
+      ref(0),
     ]
     const tupleRef = ref(tuple)
 
@@ -169,7 +169,7 @@ describe('reactivity/ref', () => {
       [Symbol.toPrimitive]: new WeakMap<Ref<boolean>, string>(),
       [Symbol.toStringTag]: { weakSet: new WeakSet<Ref<boolean>>() },
       [Symbol.unscopables]: { weakMap: new WeakMap<Ref<boolean>, string>() },
-      [customSymbol]: { arr: [ref(1)] }
+      [customSymbol]: { arr: [ref(1)] },
     }
 
     const objRef = ref(obj)
@@ -188,7 +188,7 @@ describe('reactivity/ref', () => {
       Symbol.toPrimitive,
       Symbol.toStringTag,
       Symbol.unscopables,
-      customSymbol
+      customSymbol,
     ]
 
     keys.forEach(key => {
@@ -248,7 +248,7 @@ describe('reactivity/ref', () => {
 
   test('toRef', () => {
     const a = reactive({
-      x: 1
+      x: 1,
     })
     const x = toRef(a, 'x')
     expect(isRef(x)).toBe(true)
@@ -313,7 +313,7 @@ describe('reactivity/ref', () => {
   test('toRefs', () => {
     const a = reactive({
       x: 1,
-      y: 2
+      y: 2,
     })
 
     const { x, y } = toRefs(a)
@@ -386,7 +386,7 @@ describe('reactivity/ref', () => {
       set(newValue: number) {
         value = newValue
         _trigger = trigger
-      }
+      },
     }))
 
     expect(isRef(custom)).toBe(true)
diff --git a/packages/reactivity/__tests__/shallowReactive.spec.ts b/packages/reactivity/__tests__/shallowReactive.spec.ts
index bc49078029a..e9f52c1ae17 100644
--- a/packages/reactivity/__tests__/shallowReactive.spec.ts
+++ b/packages/reactivity/__tests__/shallowReactive.spec.ts
@@ -3,7 +3,7 @@ import {
   isShallow,
   reactive,
   shallowReactive,
-  shallowReadonly
+  shallowReadonly,
 } from '../src/reactive'
 
 import { effect } from '../src/effect'
@@ -50,7 +50,7 @@ describe('shallowReactive', () => {
   // vuejs/vue#12597
   test('should not unwrap refs', () => {
     const foo = shallowReactive({
-      bar: ref(123)
+      bar: ref(123),
     })
     expect(isRef(foo.bar)).toBe(true)
     expect(foo.bar.value).toBe(123)
@@ -60,7 +60,7 @@ describe('shallowReactive', () => {
   test('should not mutate refs', () => {
     const original = ref(123)
     const foo = shallowReactive<{ bar: Ref<number> | number }>({
-      bar: original
+      bar: original,
     })
     expect(foo.bar).toBe(original)
     foo.bar = 234
@@ -133,8 +133,8 @@ describe('shallowReactive', () => {
           a = Array.from(shallowSet)
         },
         {
-          onTrack: onTrackFn
-        }
+          onTrack: onTrackFn,
+        },
       )
 
       expect(a).toMatchObject([])
@@ -178,8 +178,8 @@ describe('shallowReactive', () => {
           a = Array.from(shallowArray)
         },
         {
-          onTrack: onTrackFn
-        }
+          onTrack: onTrackFn,
+        },
       )
 
       expect(a).toMatchObject([])
diff --git a/packages/reactivity/__tests__/shallowReadonly.spec.ts b/packages/reactivity/__tests__/shallowReadonly.spec.ts
index 79d4376cc01..bd9f8066852 100644
--- a/packages/reactivity/__tests__/shallowReadonly.spec.ts
+++ b/packages/reactivity/__tests__/shallowReadonly.spec.ts
@@ -12,7 +12,7 @@ describe('reactivity/shallowReadonly', () => {
     props.n = 2
     expect(props.n).toBe(1)
     expect(
-      `Set operation on key "n" failed: target is readonly.`
+      `Set operation on key "n" failed: target is readonly.`,
     ).toHaveBeenWarned()
   })
 
@@ -23,7 +23,7 @@ describe('reactivity/shallowReadonly', () => {
     props.n.foo = 2
     expect(props.n.foo).toBe(2)
     expect(
-      `Set operation on key "foo" failed: target is readonly.`
+      `Set operation on key "foo" failed: target is readonly.`,
     ).not.toHaveBeenWarned()
   })
 
@@ -50,7 +50,7 @@ describe('reactivity/shallowReadonly', () => {
 
         sroMap.set(key, {} as any)
         expect(
-          `Set operation on key "[object Object]" failed: target is readonly.`
+          `Set operation on key "[object Object]" failed: target is readonly.`,
         ).toHaveBeenWarned()
       })
 
@@ -64,7 +64,7 @@ describe('reactivity/shallowReadonly', () => {
 
         sroMap.get(key)!.foo = 2
         expect(
-          `Set operation on key "foo" failed: target is readonly.`
+          `Set operation on key "foo" failed: target is readonly.`,
         ).not.toHaveBeenWarned()
       })
     })
@@ -84,7 +84,7 @@ describe('reactivity/shallowReadonly', () => {
 
       values1[0].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
 
       expect(isReadonly(values2[0][1])).toBe(false)
@@ -93,7 +93,7 @@ describe('reactivity/shallowReadonly', () => {
 
       values2[0][1].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
     })
 
@@ -109,7 +109,7 @@ describe('reactivity/shallowReadonly', () => {
 
         val.foo = 2
         expect(
-          `Set operation on key "foo" failed: target is readonly.`
+          `Set operation on key "foo" failed: target is readonly.`,
         ).not.toHaveBeenWarned()
       })
     })
@@ -127,7 +127,7 @@ describe('reactivity/shallowReadonly', () => {
 
         sroSet.add({} as any)
         expect(
-          `Add operation on key "[object Object]" failed: target is readonly.`
+          `Add operation on key "[object Object]" failed: target is readonly.`,
         ).toHaveBeenWarned()
       })
     })
@@ -145,12 +145,12 @@ describe('reactivity/shallowReadonly', () => {
 
       sroSet.add({} as any)
       expect(
-        `Add operation on key "[object Object]" failed: target is readonly.`
+        `Add operation on key "[object Object]" failed: target is readonly.`,
       ).toHaveBeenWarned()
 
       values[0].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
     })
 
@@ -168,7 +168,7 @@ describe('reactivity/shallowReadonly', () => {
 
       values1[0].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
 
       expect(isReadonly(values2[0][1])).toBe(false)
@@ -177,7 +177,7 @@ describe('reactivity/shallowReadonly', () => {
 
       values2[0][1].foo = 2
       expect(
-        `Set operation on key "foo" failed: target is readonly.`
+        `Set operation on key "foo" failed: target is readonly.`,
       ).not.toHaveBeenWarned()
     })
 
@@ -193,7 +193,7 @@ describe('reactivity/shallowReadonly', () => {
 
         val.foo = 2
         expect(
-          `Set operation on key "foo" failed: target is readonly.`
+          `Set operation on key "foo" failed: target is readonly.`,
         ).not.toHaveBeenWarned()
       })
     })
diff --git a/packages/reactivity/src/baseHandlers.ts b/packages/reactivity/src/baseHandlers.ts
index 259b44a1edc..2451e97e6c7 100644
--- a/packages/reactivity/src/baseHandlers.ts
+++ b/packages/reactivity/src/baseHandlers.ts
@@ -9,7 +9,7 @@ import {
   shallowReactiveMap,
   shallowReadonlyMap,
   isReadonly,
-  isShallow
+  isShallow,
 } from './reactive'
 import { TrackOpTypes, TriggerOpTypes } from './operations'
 import {
@@ -17,7 +17,7 @@ import {
   trigger,
   ITERATE_KEY,
   pauseTracking,
-  resetTracking
+  resetTracking,
 } from './effect'
 import {
   isObject,
@@ -26,7 +26,7 @@ import {
   hasChanged,
   isArray,
   isIntegerKey,
-  makeMap
+  makeMap,
 } from '@vue/shared'
 import { isRef } from './ref'
 import { warn } from './warning'
@@ -41,7 +41,7 @@ const builtInSymbols = new Set(
     // function
     .filter(key => key !== 'arguments' && key !== 'caller')
     .map(key => (Symbol as any)[key])
-    .filter(isSymbol)
+    .filter(isSymbol),
 )
 
 const arrayInstrumentations = /*#__PURE__*/ createArrayInstrumentations()
@@ -88,7 +88,7 @@ function hasOwnProperty(this: object, key: string) {
 class BaseReactiveHandler implements ProxyHandler<Target> {
   constructor(
     protected readonly _isReadonly = false,
-    protected readonly _shallow = false
+    protected readonly _shallow = false,
   ) {}
 
   get(target: Target, key: string | symbol, receiver: object) {
@@ -165,7 +165,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
     target: object,
     key: string | symbol,
     value: unknown,
-    receiver: object
+    receiver: object,
   ): boolean {
     let oldValue = (target as any)[key]
     if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
@@ -221,7 +221,7 @@ class MutableReactiveHandler extends BaseReactiveHandler {
     track(
       target,
       TrackOpTypes.ITERATE,
-      isArray(target) ? 'length' : ITERATE_KEY
+      isArray(target) ? 'length' : ITERATE_KEY,
     )
     return Reflect.ownKeys(target)
   }
@@ -236,7 +236,7 @@ class ReadonlyReactiveHandler extends BaseReactiveHandler {
     if (__DEV__) {
       warn(
         `Set operation on key "${String(key)}" failed: target is readonly.`,
-        target
+        target,
       )
     }
     return true
@@ -246,7 +246,7 @@ class ReadonlyReactiveHandler extends BaseReactiveHandler {
     if (__DEV__) {
       warn(
         `Delete operation on key "${String(key)}" failed: target is readonly.`,
-        target
+        target,
       )
     }
     return true
@@ -260,7 +260,7 @@ export const readonlyHandlers: ProxyHandler<object> =
   /*#__PURE__*/ new ReadonlyReactiveHandler()
 
 export const shallowReactiveHandlers = /*#__PURE__*/ new MutableReactiveHandler(
-  true
+  true,
 )
 
 // Props handlers are special in the sense that it should not unwrap top-level
diff --git a/packages/reactivity/src/collectionHandlers.ts b/packages/reactivity/src/collectionHandlers.ts
index 1d07af3be8c..a3fe255b4a8 100644
--- a/packages/reactivity/src/collectionHandlers.ts
+++ b/packages/reactivity/src/collectionHandlers.ts
@@ -19,7 +19,7 @@ function get(
   target: MapTypes,
   key: unknown,
   isReadonly = false,
-  isShallow = false
+  isShallow = false,
 ) {
   // #1772: readonly(reactive(Map)) should return readonly + reactive version
   // of the value
@@ -141,7 +141,7 @@ function createForEach(isReadonly: boolean, isShallow: boolean) {
   return function forEach(
     this: IterableCollections,
     callback: Function,
-    thisArg?: unknown
+    thisArg?: unknown,
   ) {
     const observed = this as any
     const target = observed[ReactiveFlags.RAW]
@@ -173,7 +173,7 @@ interface IterationResult {
 function createIterableMethod(
   method: string | symbol,
   isReadonly: boolean,
-  isShallow: boolean
+  isShallow: boolean,
 ) {
   return function (
     this: IterableCollections,
@@ -191,7 +191,7 @@ function createIterableMethod(
       track(
         rawTarget,
         TrackOpTypes.ITERATE,
-        isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
+        isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY,
       )
     // return a wrapped iterator which returns observed versions of the
     // values emitted from the real iterator
@@ -203,13 +203,13 @@ function createIterableMethod(
           ? { value, done }
           : {
               value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-              done
+              done,
             }
       },
       // iterable protocol
       [Symbol.iterator]() {
         return this
-      }
+      },
     }
   }
 }
@@ -220,7 +220,7 @@ function createReadonlyMethod(type: TriggerOpTypes): Function {
       const key = args[0] ? `on key "${args[0]}" ` : ``
       console.warn(
         `${capitalize(type)} operation ${key}failed: target is readonly.`,
-        toRaw(this)
+        toRaw(this),
       )
     }
     return type === TriggerOpTypes.DELETE ? false : this
@@ -240,7 +240,7 @@ function createInstrumentations() {
     set,
     delete: deleteEntry,
     clear,
-    forEach: createForEach(false, false)
+    forEach: createForEach(false, false),
   }
 
   const shallowInstrumentations: Record<string, Function | number> = {
@@ -255,7 +255,7 @@ function createInstrumentations() {
     set,
     delete: deleteEntry,
     clear,
-    forEach: createForEach(false, true)
+    forEach: createForEach(false, true),
   }
 
   const readonlyInstrumentations: Record<string, Function | number> = {
@@ -272,7 +272,7 @@ function createInstrumentations() {
     set: createReadonlyMethod(TriggerOpTypes.SET),
     delete: createReadonlyMethod(TriggerOpTypes.DELETE),
     clear: createReadonlyMethod(TriggerOpTypes.CLEAR),
-    forEach: createForEach(true, false)
+    forEach: createForEach(true, false),
   }
 
   const shallowReadonlyInstrumentations: Record<string, Function | number> = {
@@ -289,7 +289,7 @@ function createInstrumentations() {
     set: createReadonlyMethod(TriggerOpTypes.SET),
     delete: createReadonlyMethod(TriggerOpTypes.DELETE),
     clear: createReadonlyMethod(TriggerOpTypes.CLEAR),
-    forEach: createForEach(true, true)
+    forEach: createForEach(true, true),
   }
 
   const iteratorMethods = ['keys', 'values', 'entries', Symbol.iterator]
@@ -297,22 +297,22 @@ function createInstrumentations() {
     mutableInstrumentations[method as string] = createIterableMethod(
       method,
       false,
-      false
+      false,
     )
     readonlyInstrumentations[method as string] = createIterableMethod(
       method,
       true,
-      false
+      false,
     )
     shallowInstrumentations[method as string] = createIterableMethod(
       method,
       false,
-      true
+      true,
     )
     shallowReadonlyInstrumentations[method as string] = createIterableMethod(
       method,
       true,
-      true
+      true,
     )
   })
 
@@ -320,7 +320,7 @@ function createInstrumentations() {
     mutableInstrumentations,
     readonlyInstrumentations,
     shallowInstrumentations,
-    shallowReadonlyInstrumentations
+    shallowReadonlyInstrumentations,
   ]
 }
 
@@ -328,7 +328,7 @@ const [
   mutableInstrumentations,
   readonlyInstrumentations,
   shallowInstrumentations,
-  shallowReadonlyInstrumentations
+  shallowReadonlyInstrumentations,
 ] = /* #__PURE__*/ createInstrumentations()
 
 function createInstrumentationGetter(isReadonly: boolean, shallow: boolean) {
@@ -343,7 +343,7 @@ function createInstrumentationGetter(isReadonly: boolean, shallow: boolean) {
   return (
     target: CollectionTypes,
     key: string | symbol,
-    receiver: CollectionTypes
+    receiver: CollectionTypes,
   ) => {
     if (key === ReactiveFlags.IS_REACTIVE) {
       return !isReadonly
@@ -358,32 +358,32 @@ function createInstrumentationGetter(isReadonly: boolean, shallow: boolean) {
         ? instrumentations
         : target,
       key,
-      receiver
+      receiver,
     )
   }
 }
 
 export const mutableCollectionHandlers: ProxyHandler<CollectionTypes> = {
-  get: /*#__PURE__*/ createInstrumentationGetter(false, false)
+  get: /*#__PURE__*/ createInstrumentationGetter(false, false),
 }
 
 export const shallowCollectionHandlers: ProxyHandler<CollectionTypes> = {
-  get: /*#__PURE__*/ createInstrumentationGetter(false, true)
+  get: /*#__PURE__*/ createInstrumentationGetter(false, true),
 }
 
 export const readonlyCollectionHandlers: ProxyHandler<CollectionTypes> = {
-  get: /*#__PURE__*/ createInstrumentationGetter(true, false)
+  get: /*#__PURE__*/ createInstrumentationGetter(true, false),
 }
 
 export const shallowReadonlyCollectionHandlers: ProxyHandler<CollectionTypes> =
   {
-    get: /*#__PURE__*/ createInstrumentationGetter(true, true)
+    get: /*#__PURE__*/ createInstrumentationGetter(true, true),
   }
 
 function checkIdentityKeys(
   target: CollectionTypes,
   has: (key: unknown) => boolean,
-  key: unknown
+  key: unknown,
 ) {
   const rawKey = toRaw(key)
   if (rawKey !== key && has.call(target, rawKey)) {
@@ -393,7 +393,7 @@ function checkIdentityKeys(
         `versions of the same object${type === `Map` ? ` as keys` : ``}, ` +
         `which can lead to inconsistencies. ` +
         `Avoid differentiating between the raw and reactive versions ` +
-        `of an object and only use the reactive version if possible.`
+        `of an object and only use the reactive version if possible.`,
     )
   }
 }
diff --git a/packages/reactivity/src/computed.ts b/packages/reactivity/src/computed.ts
index b24484c9e62..895a901fcf2 100644
--- a/packages/reactivity/src/computed.ts
+++ b/packages/reactivity/src/computed.ts
@@ -39,7 +39,7 @@ export class ComputedRefImpl<T> {
     getter: ComputedGetter<T>,
     private readonly _setter: ComputedSetter<T>,
     isReadonly: boolean,
-    isSSR: boolean
+    isSSR: boolean,
   ) {
     this.effect = new ReactiveEffect(getter, () => {
       if (!this._dirty) {
@@ -103,16 +103,16 @@ export class ComputedRefImpl<T> {
  */
 export function computed<T>(
   getter: ComputedGetter<T>,
-  debugOptions?: DebuggerOptions
+  debugOptions?: DebuggerOptions,
 ): ComputedRef<T>
 export function computed<T>(
   options: WritableComputedOptions<T>,
-  debugOptions?: DebuggerOptions
+  debugOptions?: DebuggerOptions,
 ): WritableComputedRef<T>
 export function computed<T>(
   getterOrOptions: ComputedGetter<T> | WritableComputedOptions<T>,
   debugOptions?: DebuggerOptions,
-  isSSR = false
+  isSSR = false,
 ) {
   let getter: ComputedGetter<T>
   let setter: ComputedSetter<T>
diff --git a/packages/reactivity/src/effect.ts b/packages/reactivity/src/effect.ts
index bbac96a4b2a..a147a20427b 100644
--- a/packages/reactivity/src/effect.ts
+++ b/packages/reactivity/src/effect.ts
@@ -7,7 +7,7 @@ import {
   finalizeDepMarkers,
   initDepMarkers,
   newTracked,
-  wasTracked
+  wasTracked,
 } from './dep'
 import { ComputedRefImpl } from './computed'
 
@@ -78,7 +78,7 @@ export class ReactiveEffect<T = any> {
   constructor(
     public fn: () => T,
     public scheduler: EffectScheduler | null = null,
-    scope?: EffectScope
+    scope?: EffectScope,
   ) {
     recordEffectScope(this, scope)
   }
@@ -179,7 +179,7 @@ export interface ReactiveEffectRunner<T = any> {
  */
 export function effect<T = any>(
   fn: () => T,
-  options?: ReactiveEffectOptions
+  options?: ReactiveEffectOptions,
 ): ReactiveEffectRunner {
   if ((fn as ReactiveEffectRunner).effect instanceof ReactiveEffect) {
     fn = (fn as ReactiveEffectRunner).effect.fn
@@ -265,7 +265,7 @@ export function track(target: object, type: TrackOpTypes, key: unknown) {
 
 export function trackEffects(
   dep: Dep,
-  debuggerEventExtraInfo?: DebuggerEventExtraInfo
+  debuggerEventExtraInfo?: DebuggerEventExtraInfo,
 ) {
   let shouldTrack = false
   if (effectTrackDepth <= maxMarkerBits) {
@@ -285,10 +285,10 @@ export function trackEffects(
       activeEffect!.onTrack(
         extend(
           {
-            effect: activeEffect!
+            effect: activeEffect!,
           },
-          debuggerEventExtraInfo!
-        )
+          debuggerEventExtraInfo!,
+        ),
       )
     }
   }
@@ -308,7 +308,7 @@ export function trigger(
   key?: unknown,
   newValue?: unknown,
   oldValue?: unknown,
-  oldTarget?: Map<unknown, unknown> | Set<unknown>
+  oldTarget?: Map<unknown, unknown> | Set<unknown>,
 ) {
   const depsMap = targetMap.get(target)
   if (!depsMap) {
@@ -392,7 +392,7 @@ export function trigger(
 
 export function triggerEffects(
   dep: Dep | ReactiveEffect[],
-  debuggerEventExtraInfo?: DebuggerEventExtraInfo
+  debuggerEventExtraInfo?: DebuggerEventExtraInfo,
 ) {
   // spread into array for stabilization
   const effects = isArray(dep) ? dep : [...dep]
@@ -410,7 +410,7 @@ export function triggerEffects(
 
 function triggerEffect(
   effect: ReactiveEffect,
-  debuggerEventExtraInfo?: DebuggerEventExtraInfo
+  debuggerEventExtraInfo?: DebuggerEventExtraInfo,
 ) {
   if (effect !== activeEffect || effect.allowRecurse) {
     if (__DEV__ && effect.onTrigger) {
diff --git a/packages/reactivity/src/effectScope.ts b/packages/reactivity/src/effectScope.ts
index a65c48d031b..650c4f1ef97 100644
--- a/packages/reactivity/src/effectScope.ts
+++ b/packages/reactivity/src/effectScope.ts
@@ -39,7 +39,7 @@ export class EffectScope {
     if (!detached && activeEffectScope) {
       this.index =
         (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(
-          this
+          this,
         ) - 1
     }
   }
@@ -122,7 +122,7 @@ export function effectScope(detached?: boolean) {
 
 export function recordEffectScope(
   effect: ReactiveEffect,
-  scope: EffectScope | undefined = activeEffectScope
+  scope: EffectScope | undefined = activeEffectScope,
 ) {
   if (scope && scope.active) {
     scope.effects.push(effect)
@@ -151,7 +151,7 @@ export function onScopeDispose(fn: () => void) {
   } else if (__DEV__) {
     warn(
       `onScopeDispose() is called when there is no active effect scope` +
-        ` to be associated with.`
+        ` to be associated with.`,
     )
   }
 }
diff --git a/packages/reactivity/src/index.ts b/packages/reactivity/src/index.ts
index ee4da5b1935..94185a3bb63 100644
--- a/packages/reactivity/src/index.ts
+++ b/packages/reactivity/src/index.ts
@@ -18,7 +18,7 @@ export {
   type ShallowRef,
   type ShallowUnwrapRef,
   type RefUnwrapBailTypes,
-  type CustomRefFactory
+  type CustomRefFactory,
 } from './ref'
 export {
   reactive,
@@ -35,7 +35,7 @@ export {
   type Raw,
   type DeepReadonly,
   type ShallowReactive,
-  type UnwrapNestedRefs
+  type UnwrapNestedRefs,
 } from './reactive'
 export {
   computed,
@@ -43,7 +43,7 @@ export {
   type WritableComputedRef,
   type WritableComputedOptions,
   type ComputedGetter,
-  type ComputedSetter
+  type ComputedSetter,
 } from './computed'
 export { deferredComputed } from './deferredComputed'
 export {
@@ -61,15 +61,15 @@ export {
   type EffectScheduler,
   type DebuggerOptions,
   type DebuggerEvent,
-  type DebuggerEventExtraInfo
+  type DebuggerEventExtraInfo,
 } from './effect'
 export {
   effectScope,
   EffectScope,
   getCurrentScope,
-  onScopeDispose
+  onScopeDispose,
 } from './effectScope'
 export {
   TrackOpTypes /* @remove */,
-  TriggerOpTypes /* @remove */
+  TriggerOpTypes /* @remove */,
 } from './operations'
diff --git a/packages/reactivity/src/operations.ts b/packages/reactivity/src/operations.ts
index 1b96e982571..6dda6a6dfc7 100644
--- a/packages/reactivity/src/operations.ts
+++ b/packages/reactivity/src/operations.ts
@@ -4,12 +4,12 @@
 export const enum TrackOpTypes {
   GET = 'get',
   HAS = 'has',
-  ITERATE = 'iterate'
+  ITERATE = 'iterate',
 }
 
 export const enum TriggerOpTypes {
   SET = 'set',
   ADD = 'add',
   DELETE = 'delete',
-  CLEAR = 'clear'
+  CLEAR = 'clear',
 }
diff --git a/packages/reactivity/src/reactive.ts b/packages/reactivity/src/reactive.ts
index 1881955cf1c..5e6feaa3900 100644
--- a/packages/reactivity/src/reactive.ts
+++ b/packages/reactivity/src/reactive.ts
@@ -3,13 +3,13 @@ import {
   mutableHandlers,
   readonlyHandlers,
   shallowReactiveHandlers,
-  shallowReadonlyHandlers
+  shallowReadonlyHandlers,
 } from './baseHandlers'
 import {
   mutableCollectionHandlers,
   readonlyCollectionHandlers,
   shallowCollectionHandlers,
-  shallowReadonlyCollectionHandlers
+  shallowReadonlyCollectionHandlers,
 } from './collectionHandlers'
 import type { UnwrapRefSimple, Ref, RawSymbol } from './ref'
 
@@ -18,7 +18,7 @@ export const enum ReactiveFlags {
   IS_REACTIVE = '__v_isReactive',
   IS_READONLY = '__v_isReadonly',
   IS_SHALLOW = '__v_isShallow',
-  RAW = '__v_raw'
+  RAW = '__v_raw',
 }
 
 export interface Target {
@@ -37,7 +37,7 @@ export const shallowReadonlyMap = new WeakMap<Target, any>()
 const enum TargetType {
   INVALID = 0,
   COMMON = 1,
-  COLLECTION = 2
+  COLLECTION = 2,
 }
 
 function targetTypeMap(rawType: string) {
@@ -90,7 +90,7 @@ export function reactive(target: object) {
     false,
     mutableHandlers,
     mutableCollectionHandlers,
-    reactiveMap
+    reactiveMap,
   )
 }
 
@@ -129,14 +129,14 @@ export type ShallowReactive<T> = T & { [ShallowReactiveMarker]?: true }
  * @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreactive}
  */
 export function shallowReactive<T extends object>(
-  target: T
+  target: T,
 ): ShallowReactive<T> {
   return createReactiveObject(
     target,
     false,
     shallowReactiveHandlers,
     shallowCollectionHandlers,
-    shallowReactiveMap
+    shallowReactiveMap,
   )
 }
 
@@ -194,14 +194,14 @@ export type DeepReadonly<T> = T extends Builtin
  * @see {@link https://vuejs.org/api/reactivity-core.html#readonly}
  */
 export function readonly<T extends object>(
-  target: T
+  target: T,
 ): DeepReadonly<UnwrapNestedRefs<T>> {
   return createReactiveObject(
     target,
     true,
     readonlyHandlers,
     readonlyCollectionHandlers,
-    readonlyMap
+    readonlyMap,
   )
 }
 
@@ -241,7 +241,7 @@ export function shallowReadonly<T extends object>(target: T): Readonly<T> {
     true,
     shallowReadonlyHandlers,
     shallowReadonlyCollectionHandlers,
-    shallowReadonlyMap
+    shallowReadonlyMap,
   )
 }
 
@@ -250,7 +250,7 @@ function createReactiveObject(
   isReadonly: boolean,
   baseHandlers: ProxyHandler<any>,
   collectionHandlers: ProxyHandler<any>,
-  proxyMap: WeakMap<Target, any>
+  proxyMap: WeakMap<Target, any>,
 ) {
   if (!isObject(target)) {
     if (__DEV__) {
@@ -278,7 +278,7 @@ function createReactiveObject(
   }
   const proxy = new Proxy(
     target,
-    targetType === TargetType.COLLECTION ? collectionHandlers : baseHandlers
+    targetType === TargetType.COLLECTION ? collectionHandlers : baseHandlers,
   )
   proxyMap.set(target, proxy)
   return proxy
diff --git a/packages/reactivity/src/ref.ts b/packages/reactivity/src/ref.ts
index 915f5760878..e237ecdf005 100644
--- a/packages/reactivity/src/ref.ts
+++ b/packages/reactivity/src/ref.ts
@@ -3,7 +3,7 @@ import {
   getDepFromReactive,
   shouldTrack,
   trackEffects,
-  triggerEffects
+  triggerEffects,
 } from './effect'
 import { TrackOpTypes, TriggerOpTypes } from './operations'
 import { isArray, hasChanged, IfAny, isFunction, isObject } from '@vue/shared'
@@ -13,7 +13,7 @@ import {
   isReactive,
   toReactive,
   isReadonly,
-  isShallow
+  isShallow,
 } from './reactive'
 import type { ShallowReactiveMarker } from './reactive'
 import { CollectionTypes } from './collectionHandlers'
@@ -44,7 +44,7 @@ export function trackRefValue(ref: RefBase<any>) {
       trackEffects(ref.dep || (ref.dep = createDep()), {
         target: ref,
         type: TrackOpTypes.GET,
-        key: 'value'
+        key: 'value',
       })
     } else {
       trackEffects(ref.dep || (ref.dep = createDep()))
@@ -61,7 +61,7 @@ export function triggerRefValue(ref: RefBase<any>, newVal?: any) {
         target: ref,
         type: TriggerOpTypes.SET,
         key: 'value',
-        newValue: newVal
+        newValue: newVal,
       })
     } else {
       triggerEffects(dep)
@@ -116,7 +116,7 @@ export type ShallowRef<T = any> = Ref<T> & { [ShallowRefMarker]?: true }
  * @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowref}
  */
 export function shallowRef<T extends object>(
-  value: T
+  value: T,
 ): T extends Ref ? T : ShallowRef<T>
 export function shallowRef<T>(value: T): ShallowRef<T>
 export function shallowRef<T = any>(): ShallowRef<T | undefined>
@@ -140,7 +140,7 @@ class RefImpl<T> {
 
   constructor(
     value: T,
-    public readonly __v_isShallow: boolean
+    public readonly __v_isShallow: boolean,
   ) {
     this._rawValue = __v_isShallow ? value : toRaw(value)
     this._value = __v_isShallow ? value : toReactive(value)
@@ -245,7 +245,7 @@ const shallowUnwrapHandlers: ProxyHandler<any> = {
     } else {
       return Reflect.set(target, key, value, receiver)
     }
-  }
+  },
 }
 
 /**
@@ -259,7 +259,7 @@ const shallowUnwrapHandlers: ProxyHandler<any> = {
  * that contains refs.
  */
 export function proxyRefs<T extends object>(
-  objectWithRefs: T
+  objectWithRefs: T,
 ): ShallowUnwrapRef<T> {
   return isReactive(objectWithRefs)
     ? objectWithRefs
@@ -268,7 +268,7 @@ export function proxyRefs<T extends object>(
 
 export type CustomRefFactory<T> = (
   track: () => void,
-  trigger: () => void
+  trigger: () => void,
 ) => {
   get: () => T
   set: (value: T) => void
@@ -285,7 +285,7 @@ class CustomRefImpl<T> {
   constructor(factory: CustomRefFactory<T>) {
     const { get, set } = factory(
       () => trackRefValue(this),
-      () => triggerRefValue(this)
+      () => triggerRefValue(this),
     )
     this._get = get
     this._set = set
@@ -340,7 +340,7 @@ class ObjectRefImpl<T extends object, K extends keyof T> {
   constructor(
     private readonly _object: T,
     private readonly _key: K,
-    private readonly _defaultValue?: T[K]
+    private readonly _defaultValue?: T[K],
   ) {}
 
   get value() {
@@ -412,7 +412,7 @@ export type ToRef<T> = IfAny<T, Ref<T>, [T] extends [Ref] ? T : Ref<T>>
  * @see {@link https://vuejs.org/api/reactivity-utilities.html#toref}
  */
 export function toRef<T>(
-  value: T
+  value: T,
 ): T extends () => infer R
   ? Readonly<Ref<R>>
   : T extends Ref
@@ -420,17 +420,17 @@ export function toRef<T>(
   : Ref<UnwrapRef<T>>
 export function toRef<T extends object, K extends keyof T>(
   object: T,
-  key: K
+  key: K,
 ): ToRef<T[K]>
 export function toRef<T extends object, K extends keyof T>(
   object: T,
   key: K,
-  defaultValue: T[K]
+  defaultValue: T[K],
 ): ToRef<Exclude<T[K], undefined>>
 export function toRef(
   source: Record<string, any> | MaybeRef,
   key?: string,
-  defaultValue?: unknown
+  defaultValue?: unknown,
 ): Ref {
   if (isRef(source)) {
     return source
@@ -446,7 +446,7 @@ export function toRef(
 function propertyToRef(
   source: Record<string, any>,
   key: string,
-  defaultValue?: unknown
+  defaultValue?: unknown,
 ) {
   const val = source[key]
   return isRef(val)
diff --git a/packages/runtime-core/__tests__/apiAsyncComponent.spec.ts b/packages/runtime-core/__tests__/apiAsyncComponent.spec.ts
index de9878b1181..ca2a3a8c0a9 100644
--- a/packages/runtime-core/__tests__/apiAsyncComponent.spec.ts
+++ b/packages/runtime-core/__tests__/apiAsyncComponent.spec.ts
@@ -5,7 +5,7 @@ import {
   ref,
   nextTick,
   Suspense,
-  KeepAlive
+  KeepAlive,
 } from '../src'
 import { createApp, nodeOps, serializeInner } from '@vue/runtime-test'
 import { onActivated } from '../src/components/KeepAlive'
@@ -19,13 +19,13 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise(r => {
           resolve = r as any
-        })
+        }),
     )
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     }).mount(root)
 
     expect(serializeInner(root)).toBe('<!---->')
@@ -54,13 +54,13 @@ describe('api: defineAsyncComponent', () => {
           resolve = r as any
         }),
       loadingComponent: () => 'loading',
-      delay: 1 // defaults to 200
+      delay: 1, // defaults to 200
     })
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     }).mount(root)
 
     // due to the delay, initial mount should be empty
@@ -93,13 +93,13 @@ describe('api: defineAsyncComponent', () => {
           resolve = r as any
         }),
       loadingComponent: () => 'loading',
-      delay: 0
+      delay: 0,
     })
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     }).mount(root)
 
     // with delay: 0, should show loading immediately
@@ -128,13 +128,13 @@ describe('api: defineAsyncComponent', () => {
         new Promise((_resolve, _reject) => {
           resolve = _resolve as any
           reject = _reject
-        })
+        }),
     )
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -173,13 +173,13 @@ describe('api: defineAsyncComponent', () => {
           resolve = _resolve as any
           reject = _reject
         }),
-      errorComponent: (props: { error: Error }) => props.error.message
+      errorComponent: (props: { error: Error }) => props.error.message,
     })
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -218,13 +218,13 @@ describe('api: defineAsyncComponent', () => {
           resolve = _resolve as any
           reject = _reject
         }),
-      errorComponent: (props: { error: Error }) => props.error.message
+      errorComponent: (props: { error: Error }) => props.error.message,
     })
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     })
 
     app.mount(root)
@@ -235,7 +235,7 @@ describe('api: defineAsyncComponent', () => {
     await timeout()
     expect(serializeInner(root)).toBe('errored out')
     expect(
-      'Unhandled error during execution of async component loader'
+      'Unhandled error during execution of async component loader',
     ).toHaveBeenWarned()
 
     toggle.value = false
@@ -264,13 +264,13 @@ describe('api: defineAsyncComponent', () => {
         }),
       errorComponent: (props: { error: Error }) => props.error.message,
       loadingComponent: () => 'loading',
-      delay: 1
+      delay: 1,
     })
 
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => (toggle.value ? h(Foo) : null)
+      render: () => (toggle.value ? h(Foo) : null),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -316,12 +316,12 @@ describe('api: defineAsyncComponent', () => {
         new Promise(_resolve => {
           resolve = _resolve as any
         }),
-      timeout: 1
+      timeout: 1,
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
 
     const handler = vi.fn()
@@ -333,7 +333,7 @@ describe('api: defineAsyncComponent', () => {
     await timeout(1)
     expect(handler).toHaveBeenCalled()
     expect(handler.mock.calls[0][0].message).toMatch(
-      `Async component timed out after 1ms.`
+      `Async component timed out after 1ms.`,
     )
     expect(serializeInner(root)).toBe('<!---->')
 
@@ -351,12 +351,12 @@ describe('api: defineAsyncComponent', () => {
           resolve = _resolve as any
         }),
       timeout: 1,
-      errorComponent: () => 'timed out'
+      errorComponent: () => 'timed out',
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -384,12 +384,12 @@ describe('api: defineAsyncComponent', () => {
       delay: 1,
       timeout: 16,
       errorComponent: () => 'timed out',
-      loadingComponent: () => 'loading'
+      loadingComponent: () => 'loading',
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
     const handler = (app.config.errorHandler = vi.fn())
     app.mount(root)
@@ -415,12 +415,12 @@ describe('api: defineAsyncComponent', () => {
         }),
       delay: 1,
       timeout: 16,
-      loadingComponent: () => 'loading'
+      loadingComponent: () => 'loading',
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
     const handler = vi.fn()
     app.config.errorHandler = handler
@@ -432,7 +432,7 @@ describe('api: defineAsyncComponent', () => {
     await timeout(16)
     expect(handler).toHaveBeenCalled()
     expect(handler.mock.calls[0][0].message).toMatch(
-      `Async component timed out after 16ms.`
+      `Async component timed out after 16ms.`,
     )
     // should still display loading
     expect(serializeInner(root)).toBe('loading')
@@ -448,7 +448,7 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise(_resolve => {
           resolve = _resolve as any
-        })
+        }),
     )
 
     const root = nodeOps.createElement('div')
@@ -456,8 +456,8 @@ describe('api: defineAsyncComponent', () => {
       render: () =>
         h(Suspense, null, {
           default: () => h('div', [h(Foo), ' & ', h(Foo)]),
-          fallback: () => 'loading'
-        })
+          fallback: () => 'loading',
+        }),
     })
 
     app.mount(root)
@@ -475,7 +475,7 @@ describe('api: defineAsyncComponent', () => {
         new Promise(_resolve => {
           resolve = _resolve as any
         }),
-      suspensible: false
+      suspensible: false,
     })
 
     const root = nodeOps.createElement('div')
@@ -483,8 +483,8 @@ describe('api: defineAsyncComponent', () => {
       render: () =>
         h(Suspense, null, {
           default: () => h('div', [h(Foo), ' & ', h(Foo)]),
-          fallback: () => 'loading'
-        })
+          fallback: () => 'loading',
+        }),
     })
 
     app.mount(root)
@@ -502,7 +502,7 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise((_resolve, _reject) => {
           reject = _reject
-        })
+        }),
     )
 
     const root = nodeOps.createElement('div')
@@ -510,8 +510,8 @@ describe('api: defineAsyncComponent', () => {
       render: () =>
         h(Suspense, null, {
           default: () => h('div', [h(Foo), ' & ', h(Foo)]),
-          fallback: () => 'loading'
-        })
+          fallback: () => 'loading',
+        }),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -543,12 +543,12 @@ describe('api: defineAsyncComponent', () => {
         } else {
           fail()
         }
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -587,12 +587,12 @@ describe('api: defineAsyncComponent', () => {
         } else {
           fail()
         }
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -627,12 +627,12 @@ describe('api: defineAsyncComponent', () => {
         } else {
           fail()
         }
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(Foo)
+      render: () => h(Foo),
     })
 
     const handler = (app.config.errorHandler = vi.fn())
@@ -663,14 +663,14 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise(r => {
           resolve = r as any
-        })
+        }),
     )
 
     const fooRef = ref<any>(null)
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     createApp({
-      render: () => (toggle.value ? h(Foo, { ref: fooRef }) : null)
+      render: () => (toggle.value ? h(Foo, { ref: fooRef }) : null),
     }).mount(root)
 
     expect(serializeInner(root)).toBe('<!---->')
@@ -679,10 +679,10 @@ describe('api: defineAsyncComponent', () => {
     resolve!({
       data() {
         return {
-          id: 'foo'
+          id: 'foo',
         }
       },
-      render: () => 'resolved'
+      render: () => 'resolved',
     })
     // first time resolve, wait for macro task since there are multiple
     // microtasks / .then() calls
@@ -709,7 +709,7 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise(r => {
           resolve = r as any
-        })
+        }),
     )
 
     const fooRef = ref<any>(null)
@@ -719,7 +719,7 @@ describe('api: defineAsyncComponent', () => {
     const root = nodeOps.createElement('div')
     createApp({
       render: () =>
-        toggle.value ? [h(Foo, { ref: fooRef }), updater.value] : null
+        toggle.value ? [h(Foo, { ref: fooRef }), updater.value] : null,
     }).mount(root)
 
     expect(serializeInner(root)).toBe('<!---->0')
@@ -728,10 +728,10 @@ describe('api: defineAsyncComponent', () => {
     resolve!({
       data() {
         return {
-          id: 'foo'
+          id: 'foo',
         }
       },
-      render: () => 'resolved'
+      render: () => 'resolved',
     })
 
     await timeout()
@@ -755,7 +755,7 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise(r => {
           resolve = r as any
-        })
+        }),
     )
     const updater = ref(0)
 
@@ -765,14 +765,14 @@ describe('api: defineAsyncComponent', () => {
       onVnodeBeforeUpdate: vi.fn(),
       onVnodeUpdated: vi.fn(),
       onVnodeBeforeUnmount: vi.fn(),
-      onVnodeUnmounted: vi.fn()
+      onVnodeUnmounted: vi.fn(),
     }
 
     const toggle = ref(true)
 
     const root = nodeOps.createElement('div')
     createApp({
-      render: () => (toggle.value ? [h(Foo, vnodeHooks), updater.value] : null)
+      render: () => (toggle.value ? [h(Foo, vnodeHooks), updater.value] : null),
     }).mount(root)
 
     expect(serializeInner(root)).toBe('<!---->0')
@@ -780,10 +780,10 @@ describe('api: defineAsyncComponent', () => {
     resolve!({
       data() {
         return {
-          id: 'foo'
+          id: 'foo',
         }
       },
-      render: () => 'resolved'
+      render: () => 'resolved',
     })
 
     await timeout()
@@ -812,7 +812,7 @@ describe('api: defineAsyncComponent', () => {
       () =>
         new Promise(r => {
           resolve = r as any
-        })
+        }),
     )
 
     const Bar = defineAsyncComponent(() => Promise.resolve(() => 'Bar'))
@@ -820,7 +820,7 @@ describe('api: defineAsyncComponent', () => {
     const toggle = ref(true)
     const root = nodeOps.createElement('div')
     const app = createApp({
-      render: () => h(KeepAlive, [toggle.value ? h(Foo) : h(Bar)])
+      render: () => h(KeepAlive, [toggle.value ? h(Foo) : h(Bar)]),
     })
 
     app.mount(root)
@@ -832,7 +832,7 @@ describe('api: defineAsyncComponent', () => {
           spy()
         })
         return () => 'Foo'
-      }
+      },
     })
 
     await timeout()
diff --git a/packages/runtime-core/__tests__/apiCreateApp.spec.ts b/packages/runtime-core/__tests__/apiCreateApp.spec.ts
index 637167931d2..8bbf146a37e 100644
--- a/packages/runtime-core/__tests__/apiCreateApp.spec.ts
+++ b/packages/runtime-core/__tests__/apiCreateApp.spec.ts
@@ -11,7 +11,7 @@ import {
   Plugin,
   ref,
   getCurrentInstance,
-  defineComponent
+  defineComponent,
 } from '@vue/runtime-test'
 
 describe('api: createApp', () => {
@@ -19,12 +19,12 @@ describe('api: createApp', () => {
     const Comp = defineComponent({
       props: {
         count: {
-          default: 0
-        }
+          default: 0,
+        },
       },
       setup(props) {
         return () => props.count
-      }
+      },
     })
 
     const root1 = nodeOps.createElement('div')
@@ -33,7 +33,7 @@ describe('api: createApp', () => {
     //#5571 mount multiple apps to the same host element
     createApp(Comp).mount(root1)
     expect(
-      `There is already an app instance mounted on the host container`
+      `There is already an app instance mounted on the host container`,
     ).toHaveBeenWarned()
 
     // mount with props
@@ -53,12 +53,12 @@ describe('api: createApp', () => {
     const Comp = defineComponent({
       props: {
         count: {
-          default: 0
-        }
+          default: 0,
+        },
       },
       setup(props) {
         return () => props.count
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -80,7 +80,7 @@ describe('api: createApp', () => {
         // test override
         provide('foo', 3)
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -91,7 +91,7 @@ describe('api: createApp', () => {
           inject('__proto__')
         } catch (e: any) {}
         return () => `${foo},${bar}`
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -114,7 +114,7 @@ describe('api: createApp', () => {
       setup() {
         provide('foo', 'should not be seen')
         return () => h('div')
-      }
+      },
     })
     app.provide('foo', 1)
 
@@ -129,7 +129,7 @@ describe('api: createApp', () => {
     const Root = {
       // local override
       components: {
-        BarBaz: () => 'barbaz-local!'
+        BarBaz: () => 'barbaz-local!',
       },
       setup() {
         // resolve in setup
@@ -139,7 +139,7 @@ describe('api: createApp', () => {
           const BarBaz = resolveComponent('bar-baz') as any
           return h('div', [h(FooBar), h(BarBaz)])
         }
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -152,7 +152,7 @@ describe('api: createApp', () => {
 
     app.component('BarBaz', () => 'barbaz!')
     expect(
-      'Component "BarBaz" has already been registered in target app.'
+      'Component "BarBaz" has already been registered in target app.',
     ).toHaveBeenWarnedTimes(1)
 
     const root = nodeOps.createElement('div')
@@ -168,7 +168,7 @@ describe('api: createApp', () => {
     const Root = {
       // local override
       directives: {
-        BarBaz: { mounted: spy3 }
+        BarBaz: { mounted: spy3 },
       },
       setup() {
         // resolve in setup
@@ -178,7 +178,7 @@ describe('api: createApp', () => {
           const BarBaz = resolveDirective('bar-baz')!
           return withDirectives(h('div'), [[FooBar], [BarBaz]])
         }
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -188,14 +188,14 @@ describe('api: createApp', () => {
     expect(app.directive('FooBar')).toBe(FooBar)
 
     app.directive('BarBaz', {
-      mounted: spy2
+      mounted: spy2,
     })
 
     app.directive('BarBaz', {
-      mounted: spy2
+      mounted: spy2,
     })
     expect(
-      'Directive "BarBaz" has already been registered in target app.'
+      'Directive "BarBaz" has already been registered in target app.',
     ).toHaveBeenWarnedTimes(1)
 
     const root = nodeOps.createElement('div')
@@ -206,7 +206,7 @@ describe('api: createApp', () => {
 
     app.directive('bind', FooBar)
     expect(
-      `Do not use built-in directive ids as custom directive id: bind`
+      `Do not use built-in directive ids as custom directive id: bind`,
     ).toHaveBeenWarned()
   })
 
@@ -215,7 +215,7 @@ describe('api: createApp', () => {
     const mixinA = {
       data() {
         return {
-          a: 1
+          a: 1,
         }
       },
       created(this: any) {
@@ -226,13 +226,13 @@ describe('api: createApp', () => {
       },
       mounted() {
         calls.push('mixinA mounted')
-      }
+      },
     }
     const mixinB = {
       name: 'mixinB',
       data() {
         return {
-          b: 2
+          b: 2,
         }
       },
       created(this: any) {
@@ -243,12 +243,12 @@ describe('api: createApp', () => {
       },
       mounted() {
         calls.push('mixinB mounted')
-      }
+      },
     }
     const Comp = {
       data() {
         return {
-          c: 3
+          c: 3,
         }
       },
       created(this: any) {
@@ -262,7 +262,7 @@ describe('api: createApp', () => {
       },
       render(this: any) {
         return `${this.a}${this.b}${this.c}`
-      }
+      },
     }
 
     const app = createApp(Comp)
@@ -272,10 +272,10 @@ describe('api: createApp', () => {
     app.mixin(mixinA)
     app.mixin(mixinB)
     expect(
-      'Mixin has already been applied to target app'
+      'Mixin has already been applied to target app',
     ).toHaveBeenWarnedTimes(2)
     expect(
-      'Mixin has already been applied to target app: mixinB'
+      'Mixin has already been applied to target app: mixinB',
     ).toHaveBeenWarnedTimes(1)
 
     const root = nodeOps.createElement('div')
@@ -288,14 +288,14 @@ describe('api: createApp', () => {
       'comp created',
       'mixinA mounted',
       'mixinB mounted',
-      'comp mounted'
+      'comp mounted',
     ])
   })
 
   test('use', () => {
     const PluginA: Plugin = app => app.provide('foo', 1)
     const PluginB: Plugin = {
-      install: (app, arg1, arg2) => app.provide('bar', arg1 + arg2)
+      install: (app, arg1, arg2) => app.provide('bar', arg1 + arg2),
     }
     class PluginC {
       someProperty = {}
@@ -310,7 +310,7 @@ describe('api: createApp', () => {
         const foo = inject('foo')
         const bar = inject('bar')
         return () => `${foo},${bar}`
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -324,13 +324,13 @@ describe('api: createApp', () => {
 
     app.use(PluginA)
     expect(
-      `Plugin has already been applied to target app`
+      `Plugin has already been applied to target app`,
     ).toHaveBeenWarnedTimes(1)
 
     app.use(PluginD)
     expect(
       `A plugin must either be a function or an object with an "install" ` +
-        `function.`
+        `function.`,
     ).toHaveBeenWarnedTimes(1)
   })
 
@@ -348,12 +348,12 @@ describe('api: createApp', () => {
       setup() {
         const count = ref(0)
         return {
-          count
+          count,
         }
       },
       render() {
         throw error
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -374,7 +374,7 @@ describe('api: createApp', () => {
       name: 'Hello',
       setup() {
         ctx = getCurrentInstance()
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -391,80 +391,80 @@ describe('api: createApp', () => {
         name: 'div',
         render() {
           return null
-        }
+        },
       }
 
       const app = createApp(Root)
 
       Object.defineProperty(app.config, 'isNativeTag', {
         value: isNativeTag,
-        writable: false
+        writable: false,
       })
 
       app.mount(nodeOps.createElement('div'))
       expect(
-        `Do not use built-in or reserved HTML elements as component id: div`
+        `Do not use built-in or reserved HTML elements as component id: div`,
       ).toHaveBeenWarned()
     })
 
     test('Component.components', () => {
       const Root = {
         components: {
-          div: () => 'div'
+          div: () => 'div',
         },
         render() {
           return null
-        }
+        },
       }
 
       const app = createApp(Root)
       Object.defineProperty(app.config, 'isNativeTag', {
         value: isNativeTag,
-        writable: false
+        writable: false,
       })
 
       app.mount(nodeOps.createElement('div'))
       expect(
-        `Do not use built-in or reserved HTML elements as component id: div`
+        `Do not use built-in or reserved HTML elements as component id: div`,
       ).toHaveBeenWarned()
     })
 
     test('Component.directives', () => {
       const Root = {
         directives: {
-          bind: () => {}
+          bind: () => {},
         },
         render() {
           return null
-        }
+        },
       }
 
       const app = createApp(Root)
       Object.defineProperty(app.config, 'isNativeTag', {
         value: isNativeTag,
-        writable: false
+        writable: false,
       })
 
       app.mount(nodeOps.createElement('div'))
       expect(
-        `Do not use built-in directive ids as custom directive id: bind`
+        `Do not use built-in directive ids as custom directive id: bind`,
       ).toHaveBeenWarned()
     })
 
     test('register using app.component', () => {
       const app = createApp({
-        render() {}
+        render() {},
       })
 
       Object.defineProperty(app.config, 'isNativeTag', {
         value: isNativeTag,
-        writable: false
+        writable: false,
       })
 
       app.component('div', () => 'div')
       app.mount(nodeOps.createElement('div'))
       expect(
-        `Do not use built-in or reserved HTML elements as component id: div`
+        `Do not use built-in or reserved HTML elements as component id: div`,
       ).toHaveBeenWarned()
     })
   })
@@ -478,12 +478,12 @@ describe('api: createApp', () => {
       foo: 'local',
       beforeCreate() {
         merged = this.$options.foo
-      }
+      },
     })
 
     const app = createApp(App)
     app.mixin({
-      foo: 'global'
+      foo: 'global',
     })
     app.config.optionMergeStrategies.foo = (a, b) => (a ? `${a},` : ``) + b
 
@@ -495,7 +495,7 @@ describe('api: createApp', () => {
     const app = createApp({
       render() {
         return this.foo
-      }
+      },
     })
     app.config.globalProperties.foo = 'hello'
     const root = nodeOps.createElement('div')
@@ -507,21 +507,21 @@ describe('api: createApp', () => {
     const Comp = defineComponent({
       setup() {
         return {
-          _: ref(0) // return property "_" should not overwrite "ctx._"
+          _: ref(0), // return property "_" should not overwrite "ctx._"
         }
       },
       render() {
         return h('input', {
-          ref: 'input'
+          ref: 'input',
         })
-      }
+      },
     })
 
     const root1 = nodeOps.createElement('div')
     createApp(Comp).mount(root1)
 
     expect(
-      `setup() return property "_" should not start with "$" or "_" which are reserved prefixes for Vue internals.`
+      `setup() return property "_" should not start with "$" or "_" which are reserved prefixes for Vue internals.`,
     ).toHaveBeenWarned()
   })
 
@@ -530,14 +530,14 @@ describe('api: createApp', () => {
       setup() {
         return {
           _: ref(0), // return property "_" should not overwrite "ctx._"
-          __isScriptSetup: true // mock __isScriptSetup = true
+          __isScriptSetup: true, // mock __isScriptSetup = true
         }
       },
       render() {
         return h('input', {
-          ref: 'input'
+          ref: 'input',
         })
-      }
+      },
     })
 
     const root1 = nodeOps.createElement('div')
@@ -547,7 +547,7 @@ describe('api: createApp', () => {
     app.$refs.input
 
     expect(
-      `TypeError: Cannot read property '__isScriptSetup' of undefined`
+      `TypeError: Cannot read property '__isScriptSetup' of undefined`,
     ).not.toHaveBeenWarned()
   })
 
diff --git a/packages/runtime-core/__tests__/apiExpose.spec.ts b/packages/runtime-core/__tests__/apiExpose.spec.ts
index b912db00521..d2e42507096 100644
--- a/packages/runtime-core/__tests__/apiExpose.spec.ts
+++ b/packages/runtime-core/__tests__/apiExpose.spec.ts
@@ -8,20 +8,20 @@ describe('api: expose', () => {
       setup(_, { expose }) {
         expose({
           foo: 1,
-          bar: ref(2)
+          bar: ref(2),
         })
         return {
           bar: ref(3),
-          baz: ref(4)
+          baz: ref(4),
         }
-      }
+      },
     })
 
     const childRef = ref()
     const Parent = {
       setup() {
         return () => h(Child, { ref: childRef })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -36,23 +36,23 @@ describe('api: expose', () => {
       render() {},
       data() {
         return {
-          foo: 1
+          foo: 1,
         }
       },
       setup() {
         return {
           bar: ref(2),
-          baz: ref(3)
+          baz: ref(3),
         }
       },
-      expose: ['foo', 'bar']
+      expose: ['foo', 'bar'],
     })
 
     const childRef = ref()
     const Parent = {
       setup() {
         return () => h(Child, { ref: childRef })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -68,25 +68,25 @@ describe('api: expose', () => {
       expose: ['foo'],
       data() {
         return {
-          foo: 1
+          foo: 1,
         }
       },
       setup(_, { expose }) {
         expose({
-          bar: ref(2)
+          bar: ref(2),
         })
         return {
           bar: ref(3),
-          baz: ref(4)
+          baz: ref(4),
         }
-      }
+      },
     })
 
     const childRef = ref()
     const Parent = {
       setup() {
         return () => h(Child, { ref: childRef })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -102,16 +102,16 @@ describe('api: expose', () => {
       expose: [],
       data() {
         return {
-          foo: 1
+          foo: 1,
         }
-      }
+      },
     })
 
     const childRef = ref()
     const Parent = {
       setup() {
         return () => h(Child, { ref: childRef })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -125,16 +125,16 @@ describe('api: expose', () => {
       expose: [],
       setup(_, { expose }) {
         expose({
-          foo: 1
+          foo: 1,
         })
-      }
+      },
     })
 
     const childRef = ref()
     const Parent = {
       setup() {
         return () => h(Child, { ref: childRef })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -149,22 +149,22 @@ describe('api: expose', () => {
         expect((this.$parent! as any).bar).toBe(undefined)
         expect((this.$root! as any).foo).toBe(1)
         expect((this.$root! as any).bar).toBe(undefined)
-      }
+      },
     })
 
     const Parent = defineComponent({
       expose: [],
       setup(_, { expose }) {
         expose({
-          foo: 1
+          foo: 1,
         })
         return {
-          bar: 2
+          bar: 2,
         }
       },
       render() {
         return h(Child)
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -174,15 +174,15 @@ describe('api: expose', () => {
     const Component = defineComponent({
       setup(_, { expose }) {
         expose({
-          foo: 1
+          foo: 1,
         })
         return {
-          bar: 2
+          bar: 2,
         }
       },
       render() {
         return h('div')
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     const vm = createApp(Component).mount(root) as any
@@ -194,7 +194,7 @@ describe('api: expose', () => {
     const GrandChild = defineComponent({
       render() {
         return h('div')
-      }
+      },
     })
 
     const grandChildRef = ref()
@@ -204,17 +204,17 @@ describe('api: expose', () => {
       },
       setup(_, { expose }) {
         expose({
-          foo: 42
+          foo: 42,
         })
         return () => h(GrandChild, { ref: grandChildRef })
-      }
+      },
     })
 
     const childRef = ref()
     const Parent = {
       setup() {
         return () => h(Child, { ref: childRef })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
@@ -231,11 +231,11 @@ describe('api: expose', () => {
       setup(_, { expose }) {
         expose(ref(1))
         return () => null
-      }
+      },
     })
     render(h(Comp), nodeOps.createElement('div'))
     expect(
-      'expose() should be passed a plain object, received ref'
+      'expose() should be passed a plain object, received ref',
     ).toHaveBeenWarned()
   })
 
@@ -244,11 +244,11 @@ describe('api: expose', () => {
       setup(_, { expose }) {
         expose(['focus'])
         return () => null
-      }
+      },
     })
     render(h(Comp), nodeOps.createElement('div'))
     expect(
-      'expose() should be passed a plain object, received array'
+      'expose() should be passed a plain object, received array',
     ).toHaveBeenWarned()
   })
 
@@ -257,11 +257,11 @@ describe('api: expose', () => {
       setup(_, { expose }) {
         expose(() => null)
         return () => null
-      }
+      },
     })
     render(h(Comp), nodeOps.createElement('div'))
     expect(
-      'expose() should be passed a plain object, received function'
+      'expose() should be passed a plain object, received function',
     ).toHaveBeenWarned()
   })
 })
diff --git a/packages/runtime-core/__tests__/apiInject.spec.ts b/packages/runtime-core/__tests__/apiInject.spec.ts
index a7aae7ebfa9..5b041bd69c8 100644
--- a/packages/runtime-core/__tests__/apiInject.spec.ts
+++ b/packages/runtime-core/__tests__/apiInject.spec.ts
@@ -9,7 +9,7 @@ import {
   readonly,
   reactive,
   defineComponent,
-  hasInjectionContext
+  hasInjectionContext,
 } from '../src/index'
 import { render, nodeOps, serialize, createApp } from '@vue/runtime-test'
 
@@ -20,18 +20,18 @@ describe('api: provide/inject', () => {
       setup() {
         provide('foo', 1)
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
       setup() {
         const foo = inject('foo')
         return () => foo
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -47,18 +47,18 @@ describe('api: provide/inject', () => {
       setup() {
         provide(key, 1)
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
       setup() {
         const foo = inject(key) || 1
         return () => foo + 1
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -71,11 +71,11 @@ describe('api: provide/inject', () => {
       setup() {
         provide('foo', 'foo')
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
@@ -85,7 +85,7 @@ describe('api: provide/inject', () => {
         // default value should be used if value is not provided
         const bar = inject('bar', 'bar')
         return () => foo + bar
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -97,7 +97,7 @@ describe('api: provide/inject', () => {
     const Provider = {
       setup() {
         return () => h(Consumer)
-      }
+      },
     }
 
     const Consumer = defineComponent({
@@ -107,13 +107,13 @@ describe('api: provide/inject', () => {
           from: 'foo',
           default() {
             return this!.$options.name
-          }
-        }
+          },
+        },
       },
       render() {
         // @ts-ignore
         return this.foo
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -127,7 +127,7 @@ describe('api: provide/inject', () => {
         provide('foo', 'foo')
         provide('bar', 'bar')
         return () => h(ProviderTwo)
-      }
+      },
     }
 
     const ProviderTwo = {
@@ -136,7 +136,7 @@ describe('api: provide/inject', () => {
         provide('foo', 'fooOverride')
         provide('baz', 'baz')
         return () => h(Consumer)
-      }
+      },
     }
 
     const Consumer = {
@@ -145,7 +145,7 @@ describe('api: provide/inject', () => {
         const bar = inject('bar')
         const baz = inject('baz')
         return () => [foo, bar, baz].join(',')
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -160,18 +160,18 @@ describe('api: provide/inject', () => {
       setup() {
         provide('count', count)
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
       setup() {
         const count = inject<Ref<number>>('count')!
         return () => count.value
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -190,11 +190,11 @@ describe('api: provide/inject', () => {
       setup() {
         provide('count', readonly(count))
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
@@ -203,7 +203,7 @@ describe('api: provide/inject', () => {
         // should not work
         count.value++
         return () => count.value
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -211,7 +211,7 @@ describe('api: provide/inject', () => {
     expect(serialize(root)).toBe(`<div>1</div>`)
 
     expect(
-      `Set operation on key "value" failed: target is readonly`
+      `Set operation on key "value" failed: target is readonly`,
     ).toHaveBeenWarned()
 
     // source mutation should still work
@@ -227,18 +227,18 @@ describe('api: provide/inject', () => {
       setup() {
         provide('state', rootState)
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
       setup() {
         const state = inject<typeof rootState>('state')!
         return () => state.count
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -257,11 +257,11 @@ describe('api: provide/inject', () => {
       setup() {
         provide('state', readonly(rootState))
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
@@ -270,7 +270,7 @@ describe('api: provide/inject', () => {
         // should not work
         state.count++
         return () => state.count
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -278,7 +278,7 @@ describe('api: provide/inject', () => {
     expect(serialize(root)).toBe(`<div>1</div>`)
 
     expect(
-      `Set operation on key "count" failed: target is readonly`
+      `Set operation on key "count" failed: target is readonly`,
     ).toHaveBeenWarned()
 
     rootState.count++
@@ -290,11 +290,11 @@ describe('api: provide/inject', () => {
     const Provider = {
       setup() {
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
@@ -302,7 +302,7 @@ describe('api: provide/inject', () => {
         const foo = inject('foo')
         expect(foo).toBeUndefined()
         return () => foo
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -315,18 +315,18 @@ describe('api: provide/inject', () => {
     const Provider = {
       setup() {
         return () => h(Middle)
-      }
+      },
     }
 
     const Middle = {
-      render: () => h(Consumer)
+      render: () => h(Consumer),
     }
 
     const Consumer = {
       setup() {
         const foo = inject('foo', undefined)
         return () => foo
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -341,7 +341,7 @@ describe('api: provide/inject', () => {
         provide('foo', 'foo')
         const injection = inject('foo', null)
         return () => injection
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -360,7 +360,7 @@ describe('api: provide/inject', () => {
         setup() {
           expect(hasInjectionContext()).toBe(true)
           return () => null
-        }
+        },
       }
 
       const root = nodeOps.createElement('div')
diff --git a/packages/runtime-core/__tests__/apiLifecycle.spec.ts b/packages/runtime-core/__tests__/apiLifecycle.spec.ts
index b61632ae3fe..6fb1d768524 100644
--- a/packages/runtime-core/__tests__/apiLifecycle.spec.ts
+++ b/packages/runtime-core/__tests__/apiLifecycle.spec.ts
@@ -14,7 +14,7 @@ import {
   onRenderTracked,
   reactive,
   TrackOpTypes,
-  onRenderTriggered
+  onRenderTriggered,
 } from '@vue/runtime-test'
 import { ITERATE_KEY, DebuggerEvent, TriggerOpTypes } from '@vue/reactivity'
 
@@ -32,7 +32,7 @@ describe('api: lifecycle hooks', () => {
       setup() {
         onBeforeMount(fn)
         return () => h('div')
-      }
+      },
     }
     render(h(Comp), root)
     expect(fn).toHaveBeenCalledTimes(1)
@@ -49,7 +49,7 @@ describe('api: lifecycle hooks', () => {
       setup() {
         onMounted(fn)
         return () => h('div')
-      }
+      },
     }
     render(h(Comp), root)
     expect(fn).toHaveBeenCalledTimes(1)
@@ -67,7 +67,7 @@ describe('api: lifecycle hooks', () => {
       setup() {
         onBeforeUpdate(fn)
         return () => h('div', count.value)
-      }
+      },
     }
     render(h(Comp), root)
 
@@ -94,7 +94,7 @@ describe('api: lifecycle hooks', () => {
           renderSpy()
           return h('div', count.value)
         }
-      }
+      },
     }
     render(h(Comp), root)
     expect(renderSpy).toHaveBeenCalledTimes(1)
@@ -118,7 +118,7 @@ describe('api: lifecycle hooks', () => {
       setup() {
         onUpdated(fn)
         return () => h('div', count.value)
-      }
+      },
     }
     render(h(Comp), root)
 
@@ -138,14 +138,14 @@ describe('api: lifecycle hooks', () => {
     const Comp = {
       setup() {
         return () => (toggle.value ? h(Child) : null)
-      }
+      },
     }
 
     const Child = {
       setup() {
         onBeforeUnmount(fn)
         return () => h('div')
-      }
+      },
     }
 
     render(h(Comp), root)
@@ -166,14 +166,14 @@ describe('api: lifecycle hooks', () => {
     const Comp = {
       setup() {
         return () => (toggle.value ? h(Child) : null)
-      }
+      },
     }
 
     const Child = {
       setup() {
         onUnmounted(fn)
         return () => h('div')
-      }
+      },
     }
 
     render(h(Comp), root)
@@ -194,7 +194,7 @@ describe('api: lifecycle hooks', () => {
     const Comp = {
       setup() {
         return () => (toggle.value ? h(Child) : null)
-      }
+      },
     }
 
     const Child = {
@@ -203,7 +203,7 @@ describe('api: lifecycle hooks', () => {
           onBeforeUnmount(fn)
         })
         return () => h('div')
-      }
+      },
     }
 
     render(h(Comp), root)
@@ -227,7 +227,7 @@ describe('api: lifecycle hooks', () => {
         onBeforeUnmount(() => calls.push('root onBeforeUnmount'))
         onUnmounted(() => calls.push('root onUnmounted'))
         return () => h(Mid, { count: count.value })
-      }
+      },
     }
 
     const Mid = {
@@ -240,7 +240,7 @@ describe('api: lifecycle hooks', () => {
         onBeforeUnmount(() => calls.push('mid onBeforeUnmount'))
         onUnmounted(() => calls.push('mid onUnmounted'))
         return () => h(Child, { count: props.count })
-      }
+      },
     }
 
     const Child = {
@@ -253,7 +253,7 @@ describe('api: lifecycle hooks', () => {
         onBeforeUnmount(() => calls.push('child onBeforeUnmount'))
         onUnmounted(() => calls.push('child onUnmounted'))
         return () => h('div', props.count)
-      }
+      },
     }
 
     // mount
@@ -264,7 +264,7 @@ describe('api: lifecycle hooks', () => {
       'child onBeforeMount',
       'child onMounted',
       'mid onMounted',
-      'root onMounted'
+      'root onMounted',
     ])
 
     calls.length = 0
@@ -278,7 +278,7 @@ describe('api: lifecycle hooks', () => {
       'child onBeforeUpdate',
       'child onUpdated',
       'mid onUpdated',
-      'root onUpdated'
+      'root onUpdated',
     ])
 
     calls.length = 0
@@ -291,7 +291,7 @@ describe('api: lifecycle hooks', () => {
       'child onBeforeUnmount',
       'child onUnmounted',
       'mid onUnmounted',
-      'root onUnmounted'
+      'root onUnmounted',
     ])
   })
 
@@ -307,7 +307,7 @@ describe('api: lifecycle hooks', () => {
         onRenderTracked(onTrack)
         return () =>
           h('div', [obj.foo, 'bar' in obj, Object.keys(obj).join('')])
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -316,18 +316,18 @@ describe('api: lifecycle hooks', () => {
       {
         target: obj,
         type: TrackOpTypes.GET,
-        key: 'foo'
+        key: 'foo',
       },
       {
         target: obj,
         type: TrackOpTypes.HAS,
-        key: 'bar'
+        key: 'bar',
       },
       {
         target: obj,
         type: TrackOpTypes.ITERATE,
-        key: ITERATE_KEY
-      }
+        key: ITERATE_KEY,
+      },
     ])
   })
 
@@ -346,7 +346,7 @@ describe('api: lifecycle hooks', () => {
         onRenderTriggered(onTrigger)
         return () =>
           h('div', [obj.foo, 'bar' in obj, Object.keys(obj).join('')])
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -358,7 +358,7 @@ describe('api: lifecycle hooks', () => {
       type: TriggerOpTypes.SET,
       key: 'foo',
       oldValue: 1,
-      newValue: 2
+      newValue: 2,
     })
 
     delete obj.bar
@@ -367,7 +367,7 @@ describe('api: lifecycle hooks', () => {
     expect(events[1]).toMatchObject({
       type: TriggerOpTypes.DELETE,
       key: 'bar',
-      oldValue: 2
+      oldValue: 2,
     })
     ;(obj as any).baz = 3
     await nextTick()
@@ -375,7 +375,7 @@ describe('api: lifecycle hooks', () => {
     expect(events[2]).toMatchObject({
       type: TriggerOpTypes.ADD,
       key: 'baz',
-      newValue: 3
+      newValue: 3,
     })
   })
 
@@ -385,14 +385,14 @@ describe('api: lifecycle hooks', () => {
     const Comp = {
       setup() {
         return () => (toggle.value ? [h(Child), h(Child)] : null)
-      }
+      },
     }
     const Child = {
       setup() {
         onMounted(fn)
         onBeforeUnmount(fn)
         return () => h('div')
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
diff --git a/packages/runtime-core/__tests__/apiOptions.spec.ts b/packages/runtime-core/__tests__/apiOptions.spec.ts
index ca712e0d3ac..65d746ef4e3 100644
--- a/packages/runtime-core/__tests__/apiOptions.spec.ts
+++ b/packages/runtime-core/__tests__/apiOptions.spec.ts
@@ -14,7 +14,7 @@ import {
   ref,
   defineComponent,
   createApp,
-  computed
+  computed,
 } from '@vue/runtime-test'
 import { render as domRender } from 'vue'
 
@@ -23,7 +23,7 @@ describe('api: options', () => {
     const Comp = defineComponent({
       data() {
         return {
-          foo: 1
+          foo: 1,
         }
       },
       render() {
@@ -32,11 +32,11 @@ describe('api: options', () => {
           {
             onClick: () => {
               this.foo++
-            }
+            },
           },
-          this.foo
+          this.foo,
         )
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -51,14 +51,14 @@ describe('api: options', () => {
     const Comp = defineComponent({
       data() {
         return {
-          foo: 1
+          foo: 1,
         }
       },
       computed: {
         bar(): number {
           return this.foo + 1
         },
-        baz: (vm: any): number => vm.bar + 1
+        baz: (vm: any): number => vm.bar + 1,
       },
       render() {
         return h(
@@ -66,11 +66,11 @@ describe('api: options', () => {
           {
             onClick: () => {
               this.foo++
-            }
+            },
           },
-          this.bar + this.baz
+          this.bar + this.baz,
         )
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -87,7 +87,7 @@ describe('api: options', () => {
         // #3300 method on ctx should be overwritable
         this.incBy = this.incBy.bind(this, 2)
         return {
-          foo: 1
+          foo: 1,
         }
       },
       methods: {
@@ -96,18 +96,18 @@ describe('api: options', () => {
         },
         incBy(n = 0) {
           this.foo += n
-        }
+        },
       },
       render() {
         return h(
           'div',
           {
             onClick: this.inc,
-            onFoo: this.incBy
+            onFoo: this.incBy,
           },
-          this.foo
+          this.foo,
         )
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -127,11 +127,11 @@ describe('api: options', () => {
       methods: {
         foo() {
           return 'foo'
-        }
+        },
       },
       render() {
         return this.foo()
-      }
+      },
     })
     app.config.globalProperties.foo = () => 'bar'
 
@@ -157,12 +157,12 @@ describe('api: options', () => {
           foo: 1,
           bar: 2,
           baz: {
-            qux: 3
+            qux: 3,
           },
           qux: 4,
           dot: {
-            path: 5
-          }
+            path: 5,
+          },
         }
       },
       watch: {
@@ -172,20 +172,20 @@ describe('api: options', () => {
         bar: spyB,
         baz: {
           handler: spyC,
-          deep: true
+          deep: true,
         },
         qux: {
-          handler: 'onQuxChange'
+          handler: 'onQuxChange',
         },
-        'dot.path': spyE
+        'dot.path': spyE,
       },
       methods: {
         onFooChange: spyA,
-        onQuxChange: spyD
+        onQuxChange: spyD,
       },
       render() {
         ctx = this
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -237,8 +237,8 @@ describe('api: options', () => {
           foo: 1,
           bar: 2,
           baz: {
-            qux: 3
-          }
+            qux: 3,
+          },
         }
       },
       watch: {
@@ -249,16 +249,16 @@ describe('api: options', () => {
         baz: [
           {
             handler: spyC,
-            deep: true
-          }
-        ]
+            deep: true,
+          },
+        ],
       },
       methods: {
-        onFooChange: spyA
+        onFooChange: spyA,
       },
       render() {
         ctx = this
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -290,32 +290,32 @@ describe('api: options', () => {
     const mixinA = {
       data() {
         return {
-          fromMixinA: ''
+          fromMixinA: '',
         }
       },
       watch: {
         obj: {
           handler(this: any, to: any) {
             this.fromMixinA = to
-          }
-        }
-      }
+          },
+        },
+      },
     }
 
     const mixinB = {
       data() {
         return {
-          fromMixinB: ''
+          fromMixinB: '',
         }
       },
       watch: {
-        obj: 'setMixinB'
+        obj: 'setMixinB',
       },
       methods: {
         setMixinB(this: any, to: any) {
           this.fromMixinB = to
-        }
-      }
+        },
+      },
     }
 
     let vm: any
@@ -324,16 +324,16 @@ describe('api: options', () => {
       mixins: [mixinA, mixinB],
       data: () => ({
         obj: 'foo',
-        fromComp: ''
+        fromComp: '',
       }),
       watch: {
         obj(this: any, to: any) {
           this.fromComp = to
-        }
+        },
       },
       mounted() {
         vm = this
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -351,13 +351,13 @@ describe('api: options', () => {
     const Root = defineComponent({
       data() {
         return {
-          a: 1
+          a: 1,
         }
       },
       provide() {
         return {
           a: this.a,
-          [symbolKey]: 2
+          [symbolKey]: 2,
         }
       },
       render() {
@@ -371,9 +371,9 @@ describe('api: options', () => {
           h(ChildG),
           h(ChildH),
           h(ChildI),
-          h(ChildJ)
+          h(ChildJ),
         ]
-      }
+      },
     })
 
     const defineChild = (injectOptions: any, injectedKey = 'b') =>
@@ -381,53 +381,53 @@ describe('api: options', () => {
         inject: injectOptions,
         render() {
           return this[injectedKey]
-        }
+        },
       }) as any
 
     const ChildA = defineChild(['a'], 'a')
     const ChildB = defineChild({ b: 'a' })
     const ChildC = defineChild({
       b: {
-        from: 'a'
-      }
+        from: 'a',
+      },
     })
     const ChildD = defineChild(
       {
         a: {
-          default: () => 0
-        }
+          default: () => 0,
+        },
       },
-      'a'
+      'a',
     )
     const ChildE = defineChild({
       b: {
         from: 'c',
-        default: 2
-      }
+        default: 2,
+      },
     })
     const ChildF = defineChild({
       b: {
         from: 'c',
-        default: () => 3
-      }
+        default: () => 3,
+      },
     })
     const ChildG = defineChild({
       b: {
-        default: 4
-      }
+        default: 4,
+      },
     })
     const ChildH = defineChild({
       b: {
-        default: () => 5
-      }
+        default: () => 5,
+      },
     })
     const ChildI = defineChild({
-      b: symbolKey
+      b: symbolKey,
     })
     const ChildJ = defineChild({
       b: {
-        from: symbolKey
-      }
+        from: symbolKey,
+      },
     })
     expect(renderToString(h(Root))).toBe(`1111234522`)
   })
@@ -439,16 +439,16 @@ describe('api: options', () => {
       provide() {
         return {
           n,
-          np
+          np,
         }
       },
-      render: () => h(Child)
+      render: () => h(Child),
     })
     const Child = defineComponent({
       inject: ['n', 'np'],
       render(this: any) {
         return this.n + this.np
-      }
+      },
     })
     const app = createApp(Parent)
     const root = nodeOps.createElement('div')
@@ -464,28 +464,28 @@ describe('api: options', () => {
     const Base = defineComponent({
       data() {
         return {
-          a: 1
+          a: 1,
         }
       },
       provide() {
         return {
-          a: this.a
+          a: this.a,
         }
-      }
+      },
     })
 
     const Child = {
       inject: ['a'],
       render() {
         return (this as any).a
-      }
+      },
     }
 
     const Root = defineComponent({
       extends: Base,
       render() {
         return h(Child)
-      }
+      },
     })
     expect(renderToString(h(Root))).toBe(`1`)
   })
@@ -522,7 +522,7 @@ describe('api: options', () => {
       },
       render() {
         return h(Mid, { count: count.value })
-      }
+      },
     }
 
     const Mid = {
@@ -552,7 +552,7 @@ describe('api: options', () => {
       },
       render(this: any) {
         return h(Child, { count: this.$props.count })
-      }
+      },
     }
 
     const Child = {
@@ -582,7 +582,7 @@ describe('api: options', () => {
       },
       render(this: any) {
         return h('div', this.$props.count)
-      }
+      },
     }
 
     // mount
@@ -599,7 +599,7 @@ describe('api: options', () => {
       'child onBeforeMount',
       'child onMounted',
       'mid onMounted',
-      'root onMounted'
+      'root onMounted',
     ])
 
     calls.length = 0
@@ -613,7 +613,7 @@ describe('api: options', () => {
       'child onBeforeUpdate',
       'child onUpdated',
       'mid onUpdated',
-      'root onUpdated'
+      'root onUpdated',
     ])
 
     calls.length = 0
@@ -626,7 +626,7 @@ describe('api: options', () => {
       'child onBeforeUnmount',
       'child onUnmounted',
       'mid onUnmounted',
-      'root onUnmounted'
+      'root onUnmounted',
     ])
   })
 
@@ -635,7 +635,7 @@ describe('api: options', () => {
     const mixinA = defineComponent({
       data() {
         return {
-          a: 1
+          a: 1,
         }
       },
       created(this: any) {
@@ -646,17 +646,17 @@ describe('api: options', () => {
       },
       mounted() {
         calls.push('mixinA mounted')
-      }
+      },
     })
     const mixinB = defineComponent({
       props: {
         bP: {
-          type: String
-        }
+          type: String,
+        },
       },
       data() {
         return {
-          b: 2
+          b: 2,
         }
       },
       created(this: any) {
@@ -669,13 +669,13 @@ describe('api: options', () => {
       },
       mounted() {
         calls.push('mixinB mounted')
-      }
+      },
     })
     const mixinC = defineComponent({
       props: ['cP1', 'cP2'],
       data() {
         return {
-          c: 3
+          c: 3,
         }
       },
       created() {
@@ -686,17 +686,17 @@ describe('api: options', () => {
       },
       mounted() {
         calls.push('mixinC mounted')
-      }
+      },
     })
     const Comp = defineComponent({
       props: {
-        aaa: String
+        aaa: String,
       },
       mixins: [mixinA, mixinB, mixinC],
       data() {
         return {
           c: 4,
-          z: 4
+          z: 4,
         }
       },
       created() {
@@ -713,7 +713,7 @@ describe('api: options', () => {
       },
       render() {
         return `${this.a}${this.b}${this.c}`
-      }
+      },
     })
     expect(renderToString(h(Comp))).toBe(`124`)
     expect(calls).toEqual([
@@ -724,7 +724,7 @@ describe('api: options', () => {
       'mixinA mounted',
       'mixinB mounted',
       'mixinC mounted',
-      'comp mounted'
+      'comp mounted',
     ])
   })
 
@@ -732,9 +732,9 @@ describe('api: options', () => {
     const Comp = {
       mixins: [
         {
-          render: () => 'from mixin'
-        }
-      ]
+          render: () => 'from mixin',
+        },
+      ],
     }
     expect(renderToString(h(Comp))).toBe('from mixin')
   })
@@ -747,7 +747,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('mixinA created')
-      }
+      },
     }
 
     const extendA = {
@@ -757,7 +757,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('extendA created')
-      }
+      },
     }
 
     const Comp = {
@@ -768,7 +768,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('self created')
-      }
+      },
     }
 
     expect(renderToString(h(Comp))).toBe(`123`)
@@ -778,23 +778,23 @@ describe('api: options', () => {
       'self beforeCreate',
       'mixinA created',
       'extendA created',
-      'self created'
+      'self created',
     ])
   })
 
   test('unlikely mixin usage', () => {
     const MixinA = {
-      data() {}
+      data() {},
     }
     const MixinB = {
-      data() {}
+      data() {},
     }
     defineComponent({
       // @ts-expect-error edge case after #7963, unlikely to happen in practice
       // since the user will want to type the mixins themselves.
       mixins: [defineComponent(MixinA), defineComponent(MixinB)],
       // @ts-expect-error
-      data() {}
+      data() {},
     })
   })
 
@@ -807,7 +807,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('extendA created')
-      }
+      },
     }
 
     const mixinA = {
@@ -817,7 +817,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('mixinA created')
-      }
+      },
     }
 
     const Comp = {
@@ -828,7 +828,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('self created')
-      }
+      },
     }
 
     expect(renderToString(h(Comp))).toBe(`123`)
@@ -838,7 +838,7 @@ describe('api: options', () => {
       'self beforeCreate',
       'extendA created',
       'mixinA created',
-      'self created'
+      'self created',
     ])
   })
 
@@ -848,23 +848,23 @@ describe('api: options', () => {
       data() {
         return {
           a: 1,
-          b: 1
+          b: 1,
         }
       },
       methods: {
-        sayA() {}
+        sayA() {},
       },
       mounted(this: any) {
         expect(this.a).toBe(1)
         expect(this.b).toBe(2)
         calls.push('base')
-      }
+      },
     })
     const Comp = defineComponent({
       extends: Base,
       data() {
         return {
-          b: 2
+          b: 2,
         }
       },
       mounted() {
@@ -872,7 +872,7 @@ describe('api: options', () => {
       },
       render() {
         return `${this.a}${this.b}`
-      }
+      },
     })
 
     expect(renderToString(h(Comp))).toBe(`12`)
@@ -885,24 +885,24 @@ describe('api: options', () => {
       data() {
         return {
           a: 1,
-          x: 'base'
+          x: 'base',
         }
       },
       methods: {
-        sayA() {}
+        sayA() {},
       },
       mounted(this: any) {
         expect(this.a).toBe(1)
         expect(this.b).toBeTruthy()
         expect(this.c).toBe(2)
         calls.push('base')
-      }
+      },
     })
     const Mixin = defineComponent({
       data() {
         return {
           b: true,
-          x: 'mixin'
+          x: 'mixin',
         }
       },
       mounted(this: any) {
@@ -910,14 +910,14 @@ describe('api: options', () => {
         expect(this.b).toBeTruthy()
         expect(this.c).toBe(2)
         calls.push('mixin')
-      }
+      },
     })
     const Comp = defineComponent({
       extends: Base,
       mixins: [Mixin],
       data() {
         return {
-          c: 2
+          c: 2,
         }
       },
       mounted() {
@@ -925,7 +925,7 @@ describe('api: options', () => {
       },
       render() {
         return `${this.a}${this.b}${this.c}${this.x}`
-      }
+      },
     })
 
     expect(renderToString(h(Comp))).toBe(`1true2mixin`)
@@ -940,7 +940,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('createdA')
-      }
+      },
     }
     const BaseB = {
       extends: BaseA,
@@ -949,7 +949,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('createdB')
-      }
+      },
     }
 
     const MixinA = {
@@ -958,7 +958,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('createdC')
-      }
+      },
     }
     const MixinB = {
       mixins: [MixinA],
@@ -967,7 +967,7 @@ describe('api: options', () => {
       },
       created() {
         calls.push('createdD')
-      }
+      },
     }
 
     const Comp = {
@@ -979,7 +979,7 @@ describe('api: options', () => {
       created() {
         calls.push('selfCreated')
       },
-      render() {}
+      render() {},
     }
 
     renderToString(h(Comp))
@@ -993,29 +993,29 @@ describe('api: options', () => {
       'createdB',
       'createdC',
       'createdD',
-      'selfCreated'
+      'selfCreated',
     ])
   })
 
   test('flatten merged options', async () => {
     const MixinBase = {
-      msg1: 'base'
+      msg1: 'base',
     }
     const ExtendsBase = {
-      msg2: 'base'
+      msg2: 'base',
     }
     const Mixin = {
-      mixins: [MixinBase]
+      mixins: [MixinBase],
     }
     const Extends = {
-      extends: ExtendsBase
+      extends: ExtendsBase,
     }
     const Comp = defineComponent({
       extends: defineComponent(Extends),
       mixins: [defineComponent(Mixin)],
       render() {
         return `${this.$options.msg1},${this.$options.msg2}`
-      }
+      },
     })
 
     expect(renderToString(h(Comp))).toBe('base,base')
@@ -1024,8 +1024,8 @@ describe('api: options', () => {
   test('extends template', () => {
     const Comp = {
       extends: {
-        template: `<h1>Foo</h1>`
-      }
+        template: `<h1>Foo</h1>`,
+      },
     }
 
     const root = document.createElement('div') as any
@@ -1035,10 +1035,10 @@ describe('api: options', () => {
 
   test('options defined in component have higher priority', async () => {
     const Mixin = {
-      msg1: 'base'
+      msg1: 'base',
     }
     const Extends = {
-      msg2: 'base'
+      msg2: 'base',
     }
     const Comp = defineComponent({
       msg1: 'local',
@@ -1047,7 +1047,7 @@ describe('api: options', () => {
       mixins: [defineComponent(Mixin)],
       render() {
         return `${this.$options.msg1},${this.$options.msg2}`
-      }
+      },
     })
 
     expect(renderToString(h(Comp))).toBe('local,local')
@@ -1057,33 +1057,33 @@ describe('api: options', () => {
     const Comp = defineComponent({
       setup() {
         return {
-          count: ref(0)
+          count: ref(0),
         }
       },
       data() {
         return {
-          plusOne: (this as any).count + 1
+          plusOne: (this as any).count + 1,
         }
       },
       computed: {
         plusTwo(): number {
           return this.count + 2
-        }
+        },
       },
       methods: {
         inc() {
           this.count++
-        }
+        },
       },
       render() {
         return h(
           'div',
           {
-            onClick: this.inc
+            onClick: this.inc,
           },
-          `${this.count},${this.plusOne},${this.plusTwo}`
+          `${this.count},${this.plusOne},${this.plusTwo}`,
         )
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -1099,26 +1099,26 @@ describe('api: options', () => {
     const mixin1 = {
       data() {
         return {
-          mixin1Data: 'mixin1'
+          mixin1Data: 'mixin1',
         }
       },
-      methods: {}
+      methods: {},
     }
 
     const watchSpy = vi.fn()
     const mixin2 = {
       watch: {
-        mixin3Data: watchSpy
-      }
+        mixin3Data: watchSpy,
+      },
     }
 
     const mixin3 = {
       data() {
         return {
-          mixin3Data: 'mixin3'
+          mixin3Data: 'mixin3',
         }
       },
-      methods: {}
+      methods: {},
     }
 
     let vm: any
@@ -1127,7 +1127,7 @@ describe('api: options', () => {
       render() {},
       created() {
         vm = this
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -1142,50 +1142,50 @@ describe('api: options', () => {
   test('injection from closest ancestor', () => {
     const Root = defineComponent({
       provide: {
-        a: 'root'
+        a: 'root',
       },
       render() {
         return [h(Mid), ' ', h(MidWithProvide), ' ', h(MidWithMixinProvide)]
-      }
+      },
     })
 
     const Mid = {
       render() {
         return h(Child)
-      }
+      },
     } as any
 
     const MidWithProvide = {
       provide: {
-        a: 'midWithProvide'
+        a: 'midWithProvide',
       },
       render() {
         return h(Child)
-      }
+      },
     } as any
 
     const mixin = {
       provide: {
-        a: 'midWithMixinProvide'
-      }
+        a: 'midWithMixinProvide',
+      },
     }
 
     const MidWithMixinProvide = {
       mixins: [mixin],
       render() {
         return h(Child)
-      }
+      },
     } as any
 
     const Child = {
       inject: ['a'],
       render() {
         return this.a
-      }
+      },
     } as any
 
     expect(renderToString(h(Root))).toBe(
-      'root midWithProvide midWithMixinProvide'
+      'root midWithProvide midWithMixinProvide',
     )
   })
 
@@ -1194,14 +1194,14 @@ describe('api: options', () => {
       const mixin = {
         data() {
           return { foo: 1, bar: 2 }
-        }
+        },
       }
       createApp({
         mixins: [mixin],
         data() {
           return {
             foo: 3,
-            baz: 4
+            baz: 4,
           }
         },
         created() {
@@ -1209,16 +1209,16 @@ describe('api: options', () => {
           expect(this.$options.data()).toEqual({
             foo: 3,
             bar: 2,
-            baz: 4
+            baz: 4,
           })
         },
-        render: () => null
+        render: () => null,
       }).mount(nodeOps.createElement('div'))
     })
 
     test('this.$options.inject', () => {
       const mixin = {
-        inject: ['a']
+        inject: ['a'],
       }
       const app = createApp({
         mixins: [mixin],
@@ -1231,7 +1231,7 @@ describe('api: options', () => {
           expect(this.b).toBe(2)
           expect(this.c).toBe(3)
         },
-        render: () => null
+        render: () => null,
       })
 
       app.provide('a', 1)
@@ -1243,21 +1243,21 @@ describe('api: options', () => {
     test('this.$options.provide', () => {
       const mixin = {
         provide: {
-          a: 1
-        }
+          a: 1,
+        },
       }
       createApp({
         mixins: [mixin],
         provide() {
           return {
-            b: 2
+            b: 2,
           }
         },
         created() {
           expect(this.$options.provide).toBeInstanceOf(Function)
           expect(this.$options.provide()).toEqual({ a: 1, b: 2 })
         },
-        render: () => null
+        render: () => null,
       }).mount(nodeOps.createElement('div'))
     })
 
@@ -1265,7 +1265,7 @@ describe('api: options', () => {
       const mixin = {
         mounted() {},
         beforeUnmount() {},
-        unmounted() {}
+        unmounted() {},
       }
       createApp({
         mixins: [mixin],
@@ -1280,26 +1280,26 @@ describe('api: options', () => {
           expect(this.$options.unmounted).toBeInstanceOf(Array)
           expect(this.$options.unmounted.length).toBe(2)
         },
-        render: () => null
+        render: () => null,
       }).mount(nodeOps.createElement('div'))
     })
 
     test('this.$options[asset-name]', () => {
       const mixin = {
         components: {
-          a: {}
+          a: {},
         },
         directives: {
-          d1: {}
-        }
+          d1: {},
+        },
       }
       createApp({
         mixins: [mixin],
         components: {
-          b: {}
+          b: {},
         },
         directives: {
-          d2: {}
+          d2: {},
         },
         created() {
           expect('a' in this.$options.components).toBe(true)
@@ -1307,45 +1307,45 @@ describe('api: options', () => {
           expect('d1' in this.$options.directives).toBe(true)
           expect('d2' in this.$options.directives).toBe(true)
         },
-        render: () => null
+        render: () => null,
       }).mount(nodeOps.createElement('div'))
     })
 
     test('this.$options.methods', () => {
       const mixin = {
         methods: {
-          fn1() {}
-        }
+          fn1() {},
+        },
       }
       createApp({
         mixins: [mixin],
         methods: {
-          fn2() {}
+          fn2() {},
         },
         created() {
           expect(this.$options.methods.fn1).toBeInstanceOf(Function)
           expect(this.$options.methods.fn2).toBeInstanceOf(Function)
         },
-        render: () => null
+        render: () => null,
       }).mount(nodeOps.createElement('div'))
     })
 
     test('this.$options.computed', () => {
       const mixin = {
         computed: {
-          c1() {}
-        }
+          c1() {},
+        },
       }
       createApp({
         mixins: [mixin],
         computed: {
-          c2() {}
+          c2() {},
         },
         created() {
           expect(this.$options.computed.c1).toBeInstanceOf(Function)
           expect(this.$options.computed.c2).toBeInstanceOf(Function)
         },
-        render: () => null
+        render: () => null,
       }).mount(nodeOps.createElement('div'))
     })
 
@@ -1361,14 +1361,14 @@ describe('api: options', () => {
             this.$options.computed = {}
           }
           this.$options.computed.value = () => count.value
-        }
+        },
       }
       const root = nodeOps.createElement('div')
       createApp({
         mixins: [mixin],
         render(this: any) {
           return this.value
-        }
+        },
       }).mount(root)
 
       expect(serializeInner(root)).toBe('0')
@@ -1385,27 +1385,27 @@ describe('api: options', () => {
         watch: {
           foo: 'notExistingMethod',
           foo2: {
-            handler: 'notExistingMethod2'
-          }
+            handler: 'notExistingMethod2',
+          },
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
 
       expect(
-        'Invalid watch handler specified by key "notExistingMethod"'
+        'Invalid watch handler specified by key "notExistingMethod"',
       ).toHaveBeenWarned()
       expect(
-        'Invalid watch handler specified by key "notExistingMethod2"'
+        'Invalid watch handler specified by key "notExistingMethod2"',
       ).toHaveBeenWarned()
     })
 
     test('Invalid watch option', () => {
       const Comp = {
         watch: { foo: true },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
@@ -1419,10 +1419,10 @@ describe('api: options', () => {
       const Comp = {
         computed: {
           foo: {
-            set() {}
-          }
+            set() {},
+          },
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
@@ -1435,20 +1435,20 @@ describe('api: options', () => {
       const Comp = {
         computed: {
           foo: {
-            get() {}
-          }
+            get() {},
+          },
         },
         mounted() {
           instance = this
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       instance.foo = 1
       expect(
-        'Write operation failed: computed property "foo" is readonly'
+        'Write operation failed: computed property "foo" is readonly',
       ).toHaveBeenWarned()
     })
 
@@ -1456,64 +1456,64 @@ describe('api: options', () => {
       const Comp = {
         data() {
           return {
-            a: 1
+            a: 1,
           }
         },
         provide() {
           return {
-            a: this.a
+            a: this.a,
           }
         },
         render() {
           return [h(ChildA)]
-        }
+        },
       } as any
       const ChildA = {
         props: { a: Number },
         inject: ['a'],
         render() {
           return this.a
-        }
+        },
       } as any
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Inject property "a" is already defined in Props.`
+        `Inject property "a" is already defined in Props.`,
       ).toHaveBeenWarned()
     })
 
     test('methods property is not a function', () => {
       const Comp = {
         methods: {
-          foo: 1
+          foo: 1,
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
         `Method "foo" has type "number" in the component definition. ` +
-          `Did you reference the function correctly?`
+          `Did you reference the function correctly?`,
       ).toHaveBeenWarned()
     })
 
     test('methods property is already declared in props', () => {
       const Comp = {
         props: {
-          foo: Number
+          foo: Number,
         },
         methods: {
-          foo() {}
+          foo() {},
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Methods property "foo" is already defined in Props.`
+        `Methods property "foo" is already defined in Props.`,
       ).toHaveBeenWarned()
     })
 
@@ -1521,32 +1521,32 @@ describe('api: options', () => {
       const Comp = {
         data() {
           return {
-            a: 1
+            a: 1,
           }
         },
         provide() {
           return {
-            a: this.a
+            a: this.a,
           }
         },
         render() {
           return [h(ChildA)]
-        }
+        },
       } as any
       const ChildA = {
         methods: {
-          a: () => null
+          a: () => null,
         },
         inject: ['a'],
         render() {
           return this.a
-        }
+        },
       } as any
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Methods property "a" is already defined in Inject.`
+        `Methods property "a" is already defined in Inject.`,
       ).toHaveBeenWarned()
     })
 
@@ -1554,15 +1554,15 @@ describe('api: options', () => {
       const Comp = {
         props: { foo: Number },
         data: () => ({
-          foo: 1
+          foo: 1,
         }),
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Data property "foo" is already defined in Props.`
+        `Data property "foo" is already defined in Props.`,
       ).toHaveBeenWarned()
     })
 
@@ -1570,52 +1570,52 @@ describe('api: options', () => {
       const Comp = {
         data() {
           return {
-            a: 1
+            a: 1,
           }
         },
         provide() {
           return {
-            a: this.a
+            a: this.a,
           }
         },
         render() {
           return [h(ChildA)]
-        }
+        },
       } as any
       const ChildA = {
         data() {
           return {
-            a: 1
+            a: 1,
           }
         },
         inject: ['a'],
         render() {
           return this.a
-        }
+        },
       } as any
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Data property "a" is already defined in Inject.`
+        `Data property "a" is already defined in Inject.`,
       ).toHaveBeenWarned()
     })
 
     test('data property is already declared in methods', () => {
       const Comp = {
         data: () => ({
-          foo: 1
+          foo: 1,
         }),
         methods: {
-          foo() {}
+          foo() {},
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Data property "foo" is already defined in Methods.`
+        `Data property "foo" is already defined in Methods.`,
       ).toHaveBeenWarned()
     })
 
@@ -1623,15 +1623,15 @@ describe('api: options', () => {
       const Comp = {
         props: { foo: Number },
         computed: {
-          foo() {}
+          foo() {},
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Computed property "foo" is already defined in Props.`
+        `Computed property "foo" is already defined in Props.`,
       ).toHaveBeenWarned()
     })
 
@@ -1639,71 +1639,71 @@ describe('api: options', () => {
       const Comp = {
         data() {
           return {
-            a: 1
+            a: 1,
           }
         },
         provide() {
           return {
-            a: this.a
+            a: this.a,
           }
         },
         render() {
           return [h(ChildA)]
-        }
+        },
       } as any
       const ChildA = {
         computed: {
           a: {
             get() {},
-            set() {}
-          }
+            set() {},
+          },
         },
         inject: ['a'],
         render() {
           return this.a
-        }
+        },
       } as any
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Computed property "a" is already defined in Inject.`
+        `Computed property "a" is already defined in Inject.`,
       ).toHaveBeenWarned()
     })
 
     test('computed property is already declared in methods', () => {
       const Comp = {
         computed: {
-          foo() {}
+          foo() {},
         },
         methods: {
-          foo() {}
+          foo() {},
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Computed property "foo" is already defined in Methods.`
+        `Computed property "foo" is already defined in Methods.`,
       ).toHaveBeenWarned()
     })
 
     test('computed property is already declared in data', () => {
       const Comp = {
         data: () => ({
-          foo: 1
+          foo: 1,
         }),
         computed: {
-          foo() {}
+          foo() {},
         },
-        render() {}
+        render() {},
       }
 
       const root = nodeOps.createElement('div')
       render(h(Comp), root)
       expect(
-        `Computed property "foo" is already defined in Data.`
+        `Computed property "foo" is already defined in Data.`,
       ).toHaveBeenWarned()
     })
   })
diff --git a/packages/runtime-core/__tests__/apiSetupContext.spec.ts b/packages/runtime-core/__tests__/apiSetupContext.spec.ts
index e0ddd9c4da3..4296f19e923 100644
--- a/packages/runtime-core/__tests__/apiSetupContext.spec.ts
+++ b/packages/runtime-core/__tests__/apiSetupContext.spec.ts
@@ -9,7 +9,7 @@ import {
   watchEffect,
   defineComponent,
   triggerEvent,
-  TestElement
+  TestElement,
 } from '@vue/runtime-test'
 
 // reference: https://vue-composition-api-rfc.netlify.com/api.html#setup
@@ -24,12 +24,12 @@ describe('api: setup context', () => {
           // object exposed as-is
           object: reactive({ msg: 'bar' }),
           // primitive value exposed as-is
-          value: 'baz'
+          value: 'baz',
         }
       },
       render() {
         return `${this.ref} ${this.object.msg} ${this.value}`
-      }
+      },
     })
     expect(renderToString(h(Comp))).toMatch(`foo bar baz`)
   })
@@ -40,7 +40,7 @@ describe('api: setup context', () => {
         return () => {
           return h('div', 'hello')
         }
-      }
+      },
     }
     expect(renderToString(h(Comp))).toMatch(`hello`)
   })
@@ -50,7 +50,7 @@ describe('api: setup context', () => {
     let dummy
 
     const Parent = {
-      render: () => h(Child, { count: count.value })
+      render: () => h(Child, { count: count.value }),
     }
 
     const Child = defineComponent({
@@ -60,7 +60,7 @@ describe('api: setup context', () => {
           dummy = props.count
         })
         return () => h('div', props.count)
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -79,7 +79,7 @@ describe('api: setup context', () => {
     const toggle = ref(true)
 
     const Parent = {
-      render: () => h(Child, toggle.value ? { id: 'foo' } : { class: 'baz' })
+      render: () => h(Child, toggle.value ? { id: 'foo' } : { class: 'baz' }),
     }
 
     const Child = {
@@ -89,7 +89,7 @@ describe('api: setup context', () => {
       inheritAttrs: false,
       setup(props: any, { attrs }: any) {
         return () => h('div', attrs)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -107,13 +107,13 @@ describe('api: setup context', () => {
     const toggle = ref(true)
 
     const Parent = {
-      render: () => h(Child, toggle.value ? { id: 'foo' } : { class: 'baz' })
+      render: () => h(Child, toggle.value ? { id: 'foo' } : { class: 'baz' }),
     }
 
     const Wrapper = {
       render(this: any) {
         return this.$slots.default()
-      }
+      },
     }
 
     const Child = {
@@ -122,12 +122,12 @@ describe('api: setup context', () => {
         return () => {
           const vnode = h(Wrapper, null, {
             default: () => [h('div', attrs)],
-            _: 1 // mark stable slots
+            _: 1, // mark stable slots
           })
           vnode.dynamicChildren = [] // force optimized mode
           return vnode
         }
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -147,14 +147,14 @@ describe('api: setup context', () => {
       render: () =>
         h(Child, null, {
           foo: () => id.value,
-          bar: () => 'bar'
-        })
+          bar: () => 'bar',
+        }),
     }
 
     const Child = {
       setup(props: any, { slots }: any) {
         return () => h('div', [...slots.foo(), ...slots.bar()])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -178,27 +178,27 @@ describe('api: setup context', () => {
           onInc: (newVal: number) => {
             spy()
             count.value = newVal
-          }
-        })
+          },
+        }),
     }
 
     const Child = defineComponent({
       props: {
         count: {
           type: Number,
-          default: 1
-        }
+          default: 1,
+        },
       },
       setup(props, { emit }) {
         return () =>
           h(
             'div',
             {
-              onClick: () => emit('inc', props.count + 1)
+              onClick: () => emit('inc', props.count + 1),
             },
-            props.count
+            props.count,
           )
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
diff --git a/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts b/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts
index e5bca1d9272..e9ad95f6c79 100644
--- a/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts
+++ b/packages/runtime-core/__tests__/apiSetupHelpers.spec.ts
@@ -14,7 +14,7 @@ import {
   ComputedRef,
   shallowReactive,
   nextTick,
-  ref
+  ref,
 } from '@vue/runtime-test'
 import {
   defineEmits,
@@ -27,7 +27,7 @@ import {
   withAsyncContext,
   createPropsRestProxy,
   mergeModels,
-  useModel
+  useModel,
 } from '../src/apiSetupHelpers'
 
 describe('SFC <script setup> helpers', () => {
@@ -53,12 +53,12 @@ describe('SFC <script setup> helpers', () => {
         slots = useSlots()
         attrs = useAttrs()
         return () => {}
-      }
+      },
     }
     const passedAttrs = { id: 'foo' }
     const passedSlots = {
       default: () => {},
-      x: () => {}
+      x: () => {},
     }
     render(h(Comp, passedAttrs, passedSlots), nodeOps.createElement('div'))
     expect(typeof slots!.default).toBe('function')
@@ -76,7 +76,7 @@ describe('SFC <script setup> helpers', () => {
         attrs = useAttrs()
         ctx = _ctx
         return () => {}
-      }
+      },
     })
     render(h(Comp), nodeOps.createElement('div'))
     expect(slots).toBe(ctx!.slots)
@@ -89,18 +89,18 @@ describe('SFC <script setup> helpers', () => {
         {
           foo: null,
           bar: { type: String, required: false },
-          baz: String
+          baz: String,
         },
         {
           foo: 1,
           bar: 'baz',
-          baz: 'qux'
-        }
+          baz: 'qux',
+        },
       )
       expect(merged).toMatchObject({
         foo: { default: 1 },
         bar: { type: String, required: false, default: 'baz' },
-        baz: { type: String, default: 'qux' }
+        baz: { type: String, default: 'qux' },
       })
     })
 
@@ -108,12 +108,12 @@ describe('SFC <script setup> helpers', () => {
       const merged = mergeDefaults(['foo', 'bar', 'baz'], {
         foo: 1,
         bar: 'baz',
-        baz: 'qux'
+        baz: 'qux',
       })
       expect(merged).toMatchObject({
         foo: { default: 1 },
         bar: { default: 'baz' },
-        baz: { default: 'qux' }
+        baz: { default: 'qux' },
       })
     })
 
@@ -121,17 +121,17 @@ describe('SFC <script setup> helpers', () => {
       const fn = () => {}
       const merged = mergeDefaults(['foo', 'bar', 'baz'], {
         foo: fn,
-        __skip_foo: true
+        __skip_foo: true,
       })
       expect(merged).toMatchObject({
-        foo: { default: fn, skipFactory: true }
+        foo: { default: fn, skipFactory: true },
       })
     })
 
     test('should warn missing', () => {
       mergeDefaults({}, { foo: 1 })
       expect(
-        `props default key "foo" has no corresponding declaration`
+        `props default key "foo" has no corresponding declaration`,
       ).toHaveBeenWarned()
     })
   })
@@ -141,25 +141,25 @@ describe('SFC <script setup> helpers', () => {
       expect(mergeModels(['foo', 'bar'], ['baz'])).toMatchObject([
         'foo',
         'bar',
-        'baz'
+        'baz',
       ])
     })
 
     test('object syntax', () => {
       expect(
-        mergeModels({ foo: null, bar: { required: true } }, ['baz'])
+        mergeModels({ foo: null, bar: { required: true } }, ['baz']),
       ).toMatchObject({
         foo: null,
         bar: { required: true },
-        baz: {}
+        baz: {},
       })
 
       expect(
-        mergeModels(['baz'], { foo: null, bar: { required: true } })
+        mergeModels(['baz'], { foo: null, bar: { required: true } }),
       ).toMatchObject({
         foo: null,
         bar: { required: true },
-        baz: {}
+        baz: {},
       })
     })
 
@@ -167,12 +167,12 @@ describe('SFC <script setup> helpers', () => {
       expect(
         mergeModels(
           { foo: null, bar: { required: true } },
-          { bar: {}, baz: {} }
-        )
+          { bar: {}, baz: {} },
+        ),
       ).toMatchObject({
         foo: null,
         bar: {},
-        baz: {}
+        baz: {},
       })
     })
   })
@@ -190,7 +190,7 @@ describe('SFC <script setup> helpers', () => {
         setup(props) {
           foo = useModel(props, 'modelValue')
         },
-        render() {}
+        render() {},
       })
 
       const msg = ref('')
@@ -199,8 +199,8 @@ describe('SFC <script setup> helpers', () => {
       createApp(() =>
         h(Comp, {
           modelValue: msg.value,
-          'onUpdate:modelValue': setValue
-        })
+          'onUpdate:modelValue': setValue,
+        }),
       ).mount(root)
 
       expect(foo.value).toBe('')
@@ -236,7 +236,7 @@ describe('SFC <script setup> helpers', () => {
         setup(props) {
           foo = useModel(props, 'foo', { local: true })
         },
-        render() {}
+        render() {},
       })
 
       const root = nodeOps.createElement('div')
@@ -263,7 +263,7 @@ describe('SFC <script setup> helpers', () => {
         setup(props) {
           count = useModel(props, 'count', { local: true })
         },
-        render() {}
+        render() {},
       })
 
       const root = nodeOps.createElement('div')
@@ -283,7 +283,7 @@ describe('SFC <script setup> helpers', () => {
     const original = shallowReactive({
       foo: 1,
       bar: 2,
-      baz: 3
+      baz: 3,
     })
     const rest = createPropsRestProxy(original, ['foo', 'bar'])
     expect('foo' in rest).toBe(false)
@@ -324,7 +324,7 @@ describe('SFC <script setup> helpers', () => {
               () =>
                 new Promise(r => {
                   resolve = r
-                })
+                }),
             )),
             (__temp = await __temp),
             __restore(),
@@ -334,13 +334,13 @@ describe('SFC <script setup> helpers', () => {
           onMounted(spy)
           afterInstance = getCurrentInstance()
           return () => msg
-        }
+        },
       })
 
       const root = nodeOps.createElement('div')
       render(
         h(() => h(Suspense, () => h(Comp))),
-        root
+        root,
       )
 
       expect(spy).not.toHaveBeenCalled()
@@ -371,7 +371,7 @@ describe('SFC <script setup> helpers', () => {
               () =>
                 new Promise((_, rj) => {
                   reject = rj
-                })
+                }),
             )
             __temp = await __temp
             __restore()
@@ -382,13 +382,13 @@ describe('SFC <script setup> helpers', () => {
           onMounted(spy)
           afterInstance = getCurrentInstance()
           return () => ''
-        }
+        },
       })
 
       const root = nodeOps.createElement('div')
       render(
         h(() => h(Suspense, () => h(Comp))),
-        root
+        root,
       )
 
       expect(spy).not.toHaveBeenCalled()
@@ -441,13 +441,13 @@ describe('SFC <script setup> helpers', () => {
             resolve()
             return ''
           }
-        }
+        },
       })
 
       const root = nodeOps.createElement('div')
       render(
         h(() => h(Suspense, () => h(Comp))),
-        root
+        root,
       )
 
       await ready
@@ -473,7 +473,7 @@ describe('SFC <script setup> helpers', () => {
           __temp = await __temp
           __restore()
         },
-        render() {}
+        render() {},
       })
 
       const app = createApp(() => h(Suspense, () => h(Comp)))
@@ -493,7 +493,7 @@ describe('SFC <script setup> helpers', () => {
     test('race conditions', async () => {
       const uids = {
         one: { before: NaN, after: NaN },
-        two: { before: NaN, after: NaN }
+        two: { before: NaN, after: NaN },
       }
 
       const Comp = defineComponent({
@@ -508,13 +508,13 @@ describe('SFC <script setup> helpers', () => {
 
           uids[props.name].after = getCurrentInstance()!.uid
           return () => ''
-        }
+        },
       })
 
       const app = createApp(() =>
         h(Suspense, () =>
-          h('div', [h(Comp, { name: 'one' }), h(Comp, { name: 'two' })])
-        )
+          h('div', [h(Comp, { name: 'one' }), h(Comp, { name: 'two' })]),
+        ),
       )
       const root = nodeOps.createElement('div')
       app.mount(root)
@@ -544,7 +544,7 @@ describe('SFC <script setup> helpers', () => {
           // register the lifecycle after an await statement
           onMounted(resolve)
           return () => ''
-        }
+        },
       })
 
       const app = createApp(() => h(Suspense, () => h(Comp)))
diff --git a/packages/runtime-core/__tests__/apiWatch.spec.ts b/packages/runtime-core/__tests__/apiWatch.spec.ts
index f24ce80b9df..dd4f7771b68 100644
--- a/packages/runtime-core/__tests__/apiWatch.spec.ts
+++ b/packages/runtime-core/__tests__/apiWatch.spec.ts
@@ -8,7 +8,7 @@ import {
   defineComponent,
   getCurrentInstance,
   ComponentInternalInstance,
-  ComponentPublicInstance
+  ComponentPublicInstance,
 } from '../src/index'
 import {
   render,
@@ -19,7 +19,7 @@ import {
   createApp,
   watchPostEffect,
   watchSyncEffect,
-  onMounted
+  onMounted,
 } from '@vue/runtime-test'
 import {
   ITERATE_KEY,
@@ -30,7 +30,7 @@ import {
   shallowRef,
   Ref,
   effectScope,
-  toRef
+  toRef,
 } from '@vue/reactivity'
 
 // reference: https://vue-composition-api-rfc.netlify.com/api.html#watch
@@ -61,7 +61,7 @@ describe('api: watch', () => {
         if (prevCount) {
           prevCount + 1
         }
-      }
+      },
     )
     state.count++
     await nextTick()
@@ -135,8 +135,8 @@ describe('api: watch', () => {
         dummy = [c, prevCount]
       },
       {
-        deep: true
-      }
+        deep: true,
+      },
     )
     count.value++
     await nextTick()
@@ -145,7 +145,7 @@ describe('api: watch', () => {
 
   it('directly watching reactive object (with automatic deep: true)', async () => {
     const src = reactive({
-      count: 0
+      count: 0,
     })
     let dummy
     watch(src, ({ count }) => {
@@ -174,7 +174,7 @@ describe('api: watch', () => {
     await nextTick()
     expect(dummy).toMatchObject([
       [2, 2, 3],
-      [1, 1, 2]
+      [1, 1, 2],
     ])
   })
 
@@ -189,7 +189,7 @@ describe('api: watch', () => {
         expect([newA, newB]).toMatchObject([undefined, undefined])
         expect([oldA, oldB]).toMatchObject([undefined, undefined])
       },
-      { immediate: true }
+      { immediate: true },
     )
     await nextTick()
     expect(called).toBe(true)
@@ -214,7 +214,7 @@ describe('api: watch', () => {
     await nextTick()
     expect(dummy).toMatchObject([
       [2, true],
-      [1, false]
+      [1, false],
     ])
   })
 
@@ -264,7 +264,7 @@ describe('api: watch', () => {
       () => state.count,
       count => {
         dummy = count
-      }
+      },
     )
 
     state.count++
@@ -345,7 +345,7 @@ describe('api: watch', () => {
           assertion(count.value, count2.value)
         })
         return () => count.value
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -375,10 +375,10 @@ describe('api: watch', () => {
           () => {
             assertion(count.value)
           },
-          { flush: 'post' }
+          { flush: 'post' },
         )
         return () => count.value
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -404,7 +404,7 @@ describe('api: watch', () => {
           assertion(count.value)
         })
         return () => count.value
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -444,11 +444,11 @@ describe('api: watch', () => {
             assertion(count.value)
           },
           {
-            flush: 'sync'
-          }
+            flush: 'sync',
+          },
         )
         return () => count.value
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -490,7 +490,7 @@ describe('api: watch', () => {
           assertion(count.value)
         })
         return () => count.value
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
@@ -513,12 +513,12 @@ describe('api: watch', () => {
       setup() {
         watch(toggle, cb, { flush: 'post' })
       },
-      render() {}
+      render() {},
     }
     const App = {
       render() {
         return toggle.value ? h(Comp) : null
-      }
+      },
     }
     render(h(App), nodeOps.createElement('div'))
     expect(cb).not.toHaveBeenCalled()
@@ -535,12 +535,12 @@ describe('api: watch', () => {
       setup() {
         watch(toggle, cb, { flush: 'pre' })
       },
-      render() {}
+      render() {},
     }
     const App = {
       render() {
         return toggle.value ? h(Comp) : null
-      }
+      },
     }
     render(h(App), nodeOps.createElement('div'))
     expect(cb).not.toHaveBeenCalled()
@@ -565,7 +565,7 @@ describe('api: watch', () => {
             calls.push('watcher 1')
             c.value++
           },
-          { flush: 'pre' }
+          { flush: 'pre' },
         )
 
         // #1777 chained pre-watcher
@@ -574,19 +574,19 @@ describe('api: watch', () => {
           () => {
             calls.push('watcher 2')
           },
-          { flush: 'pre' }
+          { flush: 'pre' },
         )
         return () => {
           c.value
           calls.push('render')
         }
-      }
+      },
     }
 
     const App = {
       render() {
         return h(Comp, { a: a.value, b: b.value })
-      }
+      },
     }
 
     render(h(App), nodeOps.createElement('div'))
@@ -613,7 +613,7 @@ describe('api: watch', () => {
           () => {
             calls.push('watch ' + count.value)
           },
-          { flush: 'pre' }
+          { flush: 'pre' },
         )
         onMounted(() => {
           calls.push('mounted')
@@ -622,7 +622,7 @@ describe('api: watch', () => {
         count.value++
         count.value++
         count.value++
-      }
+      },
     }
     render(h(App), nodeOps.createElement('div'))
     expect(calls).toMatchObject(['watch 3', 'mounted'])
@@ -642,13 +642,13 @@ describe('api: watch', () => {
           () => {
             dom = domRef.value
           },
-          { flush: 'post' }
+          { flush: 'post' },
         )
 
         return () => {
           return toggle.value ? h('p', { ref: domRef }) : null
         }
-      }
+      },
     }
 
     render(h(App), nodeOps.createElement('div'))
@@ -662,14 +662,14 @@ describe('api: watch', () => {
   it('deep', async () => {
     const state = reactive({
       nested: {
-        count: ref(0)
+        count: ref(0),
       },
       array: [1, 2, 3],
       map: new Map([
         ['a', 1],
-        ['b', 2]
+        ['b', 2],
       ]),
-      set: new Set([1, 2, 3])
+      set: new Set([1, 2, 3]),
     })
 
     let dummy
@@ -680,10 +680,10 @@ describe('api: watch', () => {
           state.nested.count,
           state.array[0],
           state.map.get('a'),
-          state.set.has(1)
+          state.set.has(1),
         ]
       },
-      { deep: true }
+      { deep: true },
     )
 
     state.nested.count++
@@ -717,7 +717,7 @@ describe('api: watch', () => {
       state => {
         dummy = [state[0].value, state[1].value]
       },
-      { deep: true }
+      { deep: true },
     )
 
     count.value++
@@ -768,7 +768,7 @@ describe('api: watch', () => {
         dummy = count.value
       },
       // @ts-expect-error
-      { immediate: false }
+      { immediate: false },
     )
     expect(dummy).toBe(0)
     expect(`"immediate" option is only respected`).toHaveBeenWarned()
@@ -787,7 +787,7 @@ describe('api: watch', () => {
         return arr
       },
       // @ts-expect-error
-      { deep: true }
+      { deep: true },
     )
     expect(spy).toHaveBeenCalledTimes(1)
     ;(arr.value[1] as Array<number>)[0] = 3
@@ -807,7 +807,7 @@ describe('api: watch', () => {
       () => {
         dummy = [obj.foo, 'bar' in obj, Object.keys(obj)]
       },
-      { onTrack }
+      { onTrack },
     )
     await nextTick()
     expect(dummy).toEqual([1, true, ['foo', 'bar']])
@@ -816,18 +816,18 @@ describe('api: watch', () => {
       {
         target: obj,
         type: TrackOpTypes.GET,
-        key: 'foo'
+        key: 'foo',
       },
       {
         target: obj,
         type: TrackOpTypes.HAS,
-        key: 'bar'
+        key: 'bar',
       },
       {
         target: obj,
         type: TrackOpTypes.ITERATE,
-        key: ITERATE_KEY
-      }
+        key: ITERATE_KEY,
+      },
     ])
   })
 
@@ -842,7 +842,7 @@ describe('api: watch', () => {
       () => {
         dummy = obj.foo
       },
-      { onTrigger }
+      { onTrigger },
     )
     await nextTick()
     expect(dummy).toBe(1)
@@ -855,7 +855,7 @@ describe('api: watch', () => {
       type: TriggerOpTypes.SET,
       key: 'foo',
       oldValue: 1,
-      newValue: 2
+      newValue: 2,
     })
 
     delete obj.foo
@@ -865,7 +865,7 @@ describe('api: watch', () => {
     expect(events[1]).toMatchObject({
       type: TriggerOpTypes.DELETE,
       key: 'foo',
-      oldValue: 2
+      oldValue: 2,
     })
   })
 
@@ -879,8 +879,8 @@ describe('api: watch', () => {
         ++calls
       },
       {
-        flush: 'sync'
-      }
+        flush: 'sync',
+      },
     )
 
     expect(calls).toBe(0)
@@ -981,7 +981,7 @@ describe('api: watch', () => {
       mounted() {
         instance = getCurrentInstance()
       },
-      unmounted() {}
+      unmounted() {},
     })
 
     const Comp = defineComponent({
@@ -994,7 +994,7 @@ describe('api: watch', () => {
       render() {
         return this.show
           ? h(Child, {
-              ref: vm => void (this.comp = vm as ComponentPublicInstance)
+              ref: vm => void (this.comp = vm as ComponentPublicInstance),
             })
           : null
       },
@@ -1003,9 +1003,9 @@ describe('api: watch', () => {
         // the effect for this `$watch` should nonetheless be registered with Child
         this.comp!.$watch(
           () => this.show,
-          () => void 0
+          () => void 0,
         )
-      }
+      },
     })
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -1032,7 +1032,7 @@ describe('api: watch', () => {
       created(this: any) {
         instance = this
         this.$watch(source, function () {})
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -1049,7 +1049,7 @@ describe('api: watch', () => {
       render() {},
       setup() {
         watch(source, () => {})
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -1070,17 +1070,17 @@ describe('api: watch', () => {
       watch: {
         a() {
           b.value
-        }
+        },
       },
       render() {
         return h('div', this.a)
-      }
+      },
     })
 
     const Parent = defineComponent({
       render() {
         return h(Child, { a: a.value })
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -1103,19 +1103,19 @@ describe('api: watch', () => {
       data() {
         return {
           a: {
-            b: 1
-          }
+            b: 1,
+          },
         }
       },
       watch: {
-        'a.b': spy
+        'a.b': spy,
       },
       created(this: any) {
         this.$watch('a.b', spy)
       },
       mounted(this: any) {
         this.a.b++
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -1158,11 +1158,11 @@ describe('api: watch', () => {
         effectScope(true).run(() => {
           watch(
             () => 1,
-            () => {}
+            () => {},
           )
         })
         return () => ''
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     createApp(Comp).mount(root)
@@ -1185,7 +1185,7 @@ describe('api: watch', () => {
           watch(trigger, () => countW++)
         })
         return () => ''
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp), root)
diff --git a/packages/runtime-core/__tests__/componentEmits.spec.ts b/packages/runtime-core/__tests__/componentEmits.spec.ts
index 0019dd9eb97..eda9b15a4c4 100644
--- a/packages/runtime-core/__tests__/componentEmits.spec.ts
+++ b/packages/runtime-core/__tests__/componentEmits.spec.ts
@@ -8,7 +8,7 @@ import {
   nodeOps,
   toHandlers,
   nextTick,
-  ComponentPublicInstance
+  ComponentPublicInstance,
 } from '@vue/runtime-test'
 import { isEmitListener } from '../src/componentEmits'
 
@@ -21,7 +21,7 @@ describe('component: emit', () => {
         this.$emit('foo')
         this.$emit('bar')
         this.$emit('!baz')
-      }
+      },
     })
 
     const onfoo = vi.fn()
@@ -41,13 +41,13 @@ describe('component: emit', () => {
       render() {},
       created() {
         this.$emit('test-event')
-      }
+      },
     })
 
     const fooSpy = vi.fn()
     const Comp = () =>
       h(Foo, {
-        onTestEvent: fooSpy
+        onTestEvent: fooSpy,
       })
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -59,13 +59,13 @@ describe('component: emit', () => {
       render() {},
       created() {
         this.$emit('test-event')
-      }
+      },
     })
 
     const fooSpy = vi.fn()
     const Comp = () =>
       h(Foo, {
-        'onTest-event': fooSpy
+        'onTest-event': fooSpy,
       })
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -79,7 +79,7 @@ describe('component: emit', () => {
       created() {
         this.$emit('test-event')
         this.$emit('testEvent')
-      }
+      },
     })
 
     const fooSpy = vi.fn()
@@ -90,8 +90,8 @@ describe('component: emit', () => {
         Foo,
         toHandlers({
           'test-event': fooSpy,
-          testEvent: barSpy
-        })
+          testEvent: barSpy,
+        }),
       )
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -106,7 +106,7 @@ describe('component: emit', () => {
       created() {
         this.$emit('update:fooProp')
         this.$emit('update:barProp')
-      }
+      },
     })
 
     const fooSpy = vi.fn()
@@ -114,7 +114,7 @@ describe('component: emit', () => {
     const Comp = () =>
       h(Foo, {
         'onUpdate:fooProp': fooSpy,
-        'onUpdate:bar-prop': barSpy
+        'onUpdate:bar-prop': barSpy,
       })
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -127,7 +127,7 @@ describe('component: emit', () => {
       setup(_, { emit }) {
         emit('foo', 1)
         return () => h('div')
-      }
+      },
     })
 
     const fn1 = vi.fn()
@@ -137,9 +137,9 @@ describe('component: emit', () => {
       setup() {
         return () =>
           h(Child, {
-            onFoo: [fn1, fn2]
+            onFoo: [fn1, fn2],
           })
-      }
+      },
     }
 
     render(h(App), nodeOps.createElement('div'))
@@ -156,28 +156,28 @@ describe('component: emit', () => {
       created() {
         // @ts-expect-error
         this.$emit('bar')
-      }
+      },
     })
     render(h(Foo), nodeOps.createElement('div'))
     expect(
-      `Component emitted event "bar" but it is neither declared`
+      `Component emitted event "bar" but it is neither declared`,
     ).toHaveBeenWarned()
   })
 
   test('warning for undeclared event (object)', () => {
     const Foo = defineComponent({
       emits: {
-        foo: null
+        foo: null,
       },
       render() {},
       created() {
         // @ts-expect-error
         this.$emit('bar')
-      }
+      },
     })
     render(h(Foo), nodeOps.createElement('div'))
     expect(
-      `Component emitted event "bar" but it is neither declared`
+      `Component emitted event "bar" but it is neither declared`,
     ).toHaveBeenWarned()
   })
 
@@ -189,23 +189,23 @@ describe('component: emit', () => {
       created() {
         // @ts-expect-error
         this.$emit('foo')
-      }
+      },
     })
     render(h(Foo), nodeOps.createElement('div'))
     expect(
-      `Component emitted event "foo" but it is neither declared`
+      `Component emitted event "foo" but it is neither declared`,
     ).not.toHaveBeenWarned()
   })
 
   test('validator warning', () => {
     const Foo = defineComponent({
       emits: {
-        foo: (arg: number) => arg > 0
+        foo: (arg: number) => arg > 0,
       },
       render() {},
       created() {
         this.$emit('foo', -1)
-      }
+      },
     })
     render(h(Foo), nodeOps.createElement('div'))
     expect(`event validation failed for event "foo"`).toHaveBeenWarned()
@@ -214,15 +214,15 @@ describe('component: emit', () => {
   test('merging from mixins', () => {
     const mixin = {
       emits: {
-        foo: (arg: number) => arg > 0
-      }
+        foo: (arg: number) => arg > 0,
+      },
     }
     const Foo = defineComponent({
       mixins: [mixin],
       render() {},
       created() {
         this.$emit('foo', -1)
-      }
+      },
     })
     render(h(Foo), nodeOps.createElement('div'))
     expect(`event validation failed for event "foo"`).toHaveBeenWarned()
@@ -235,11 +235,11 @@ describe('component: emit', () => {
       render() {},
       created() {
         this.$emit('foo')
-      }
+      },
     })
     render(h(Foo), nodeOps.createElement('div'))
     expect(
-      `Component emitted event "foo" but it is neither declared`
+      `Component emitted event "foo" but it is neither declared`,
     ).not.toHaveBeenWarned()
   })
 
@@ -248,23 +248,23 @@ describe('component: emit', () => {
       render() {},
       emits: {
         foo: null,
-        bar: null
+        bar: null,
       },
       created() {
         this.$emit('foo')
         this.$emit('foo')
         this.$emit('bar')
         this.$emit('bar')
-      }
+      },
     })
     const fn = vi.fn()
     const barFn = vi.fn()
     render(
       h(Foo, {
         onFooOnce: fn,
-        onBarOnce: barFn
+        onBarOnce: barFn,
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
     expect(fn).toHaveBeenCalledTimes(1)
     expect(barFn).toHaveBeenCalledTimes(1)
@@ -274,21 +274,21 @@ describe('component: emit', () => {
     const Foo = defineComponent({
       render() {},
       emits: {
-        foo: null
+        foo: null,
       },
       created() {
         this.$emit('foo')
         this.$emit('foo')
-      }
+      },
     })
     const onFoo = vi.fn()
     const onFooOnce = vi.fn()
     render(
       h(Foo, {
         onFoo,
-        onFooOnce
+        onFooOnce,
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
     expect(onFoo).toHaveBeenCalledTimes(2)
     expect(onFooOnce).toHaveBeenCalledTimes(1)
@@ -300,7 +300,7 @@ describe('component: emit', () => {
       created() {
         this.$emit('update:modelValue', '1')
         this.$emit('update:foo', '2')
-      }
+      },
     })
 
     const fn1 = vi.fn()
@@ -314,7 +314,7 @@ describe('component: emit', () => {
 
         foo: null,
         fooModifiers: { number: true },
-        'onUpdate:foo': fn2
+        'onUpdate:foo': fn2,
       })
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -331,7 +331,7 @@ describe('component: emit', () => {
       created() {
         this.$emit('update:modelValue', ' one ')
         this.$emit('update:foo', '  two  ')
-      }
+      },
     })
 
     const fn1 = vi.fn()
@@ -345,7 +345,7 @@ describe('component: emit', () => {
 
         foo: null,
         fooModifiers: { trim: true },
-        'onUpdate:foo': fn2
+        'onUpdate:foo': fn2,
       })
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -362,7 +362,7 @@ describe('component: emit', () => {
       created() {
         this.$emit('update:modelValue', '    +01.2    ')
         this.$emit('update:foo', '    1    ')
-      }
+      },
     })
 
     const fn1 = vi.fn()
@@ -376,7 +376,7 @@ describe('component: emit', () => {
 
         foo: null,
         fooModifiers: { trim: true, number: true },
-        'onUpdate:foo': fn2
+        'onUpdate:foo': fn2,
       })
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -392,7 +392,7 @@ describe('component: emit', () => {
       render() {},
       created() {
         this.$emit('update:modelValue', ' foo ', { bar: ' bar ' })
-      }
+      },
     })
 
     const fn = vi.fn()
@@ -400,7 +400,7 @@ describe('component: emit', () => {
       h(Foo, {
         modelValue: null,
         modelModifiers: { trim: true },
-        'onUpdate:modelValue': fn
+        'onUpdate:modelValue': fn,
       })
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -414,7 +414,7 @@ describe('component: emit', () => {
       click: null,
       'test-event': null,
       fooBar: null,
-      FooBaz: null
+      FooBaz: null,
     }
     expect(isEmitListener(options, 'onClick')).toBe(true)
     expect(isEmitListener(options, 'onclick')).toBe(false)
@@ -440,11 +440,11 @@ describe('component: emit', () => {
       },
       render() {
         return h('div')
-      }
+      },
     })
     const Comp = () =>
       h(Foo, {
-        onClosing: fn
+        onClosing: fn,
       })
 
     const el = nodeOps.createElement('div')
@@ -457,10 +457,10 @@ describe('component: emit', () => {
 
   test('merge string array emits', async () => {
     const ComponentA = defineComponent({
-      emits: ['one', 'two']
+      emits: ['one', 'two'],
     })
     const ComponentB = defineComponent({
-      emits: ['three']
+      emits: ['three'],
     })
     const renderFn = vi.fn(function (this: ComponentPublicInstance) {
       expect(this.$options.emits).toEqual(['one', 'two', 'three'])
@@ -468,7 +468,7 @@ describe('component: emit', () => {
     })
     const ComponentC = defineComponent({
       render: renderFn,
-      mixins: [ComponentA, ComponentB]
+      mixins: [ComponentA, ComponentB],
     })
     const el = nodeOps.createElement('div')
     expect(renderFn).toHaveBeenCalledTimes(0)
@@ -481,24 +481,24 @@ describe('component: emit', () => {
     const ComponentA = defineComponent({
       emits: {
         one: null,
-        two: twoFn
-      }
+        two: twoFn,
+      },
     })
     const ComponentB = defineComponent({
-      emits: ['three']
+      emits: ['three'],
     })
     const renderFn = vi.fn(function (this: ComponentPublicInstance) {
       expect(this.$options.emits).toEqual({
         one: null,
         two: twoFn,
-        three: null
+        three: null,
       })
       expect(this.$options.emits.two).toBe(twoFn)
       return h('div')
     })
     const ComponentC = defineComponent({
       render: renderFn,
-      mixins: [ComponentA, ComponentB]
+      mixins: [ComponentA, ComponentB],
     })
     const el = nodeOps.createElement('div')
     expect(renderFn).toHaveBeenCalledTimes(0)
diff --git a/packages/runtime-core/__tests__/componentProps.spec.ts b/packages/runtime-core/__tests__/componentProps.spec.ts
index 89112f2ad49..7fb5b32cc07 100644
--- a/packages/runtime-core/__tests__/componentProps.spec.ts
+++ b/packages/runtime-core/__tests__/componentProps.spec.ts
@@ -17,7 +17,7 @@ import {
   inject,
   watch,
   toRefs,
-  SetupContext
+  SetupContext,
 } from '@vue/runtime-test'
 import { render as domRender, nextTick } from 'vue'
 
@@ -33,7 +33,7 @@ describe('component props', () => {
         props = this.$props
         attrs = this.$attrs
         proxy = this
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -74,7 +74,7 @@ describe('component props', () => {
           props = _props
           attrs = _attrs
         }
-      }
+      },
     })
 
     const root = nodeOps.createElement('div')
@@ -142,20 +142,20 @@ describe('component props', () => {
         foo: Boolean,
         bar: Boolean,
         baz: Boolean,
-        qux: Boolean
+        qux: Boolean,
       },
       render() {
         proxy = this
-      }
+      },
     }
     render(
       h(Comp, {
         // absent should cast to false
         bar: '', // empty string should cast to true
         baz: 'baz', // same string should cast to true
-        qux: 'ok' // other values should be left in-tact (but raise warning)
+        qux: 'ok', // other values should be left in-tact (but raise warning)
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
 
     expect(proxy.foo).toBe(false)
@@ -173,19 +173,19 @@ describe('component props', () => {
     const Comp = {
       props: {
         foo: {
-          default: 1
+          default: 1,
         },
         bar: {
-          default: defaultFn
+          default: defaultFn,
         },
         baz: {
           type: Function,
-          default: defaultBaz
-        }
+          default: defaultBaz,
+        },
       },
       render() {
         proxy = this
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -225,21 +225,21 @@ describe('component props', () => {
     const Child = defineComponent({
       props: {
         test: {
-          default: () => inject('test', 'default')
-        }
+          default: () => inject('test', 'default'),
+        },
       },
       setup(props) {
         return () => {
           return h('div', props.test)
         }
-      }
+      },
     })
 
     const Comp = {
       setup() {
         provide('test', 'injected')
         return () => h(Child)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -250,7 +250,7 @@ describe('component props', () => {
   test('optimized props updates', async () => {
     const Child = defineComponent({
       props: ['foo'],
-      template: `<div>{{ foo }}</div>`
+      template: `<div>{{ foo }}</div>`,
     })
 
     const foo = ref(1)
@@ -260,11 +260,11 @@ describe('component props', () => {
       setup() {
         return {
           foo,
-          id
+          id,
         }
       },
       components: { Child },
-      template: `<Child :foo="foo" :id="id"/>`
+      template: `<Child :foo="foo" :id="id"/>`,
     })
 
     // Note this one is using the main Vue render so it can compile template
@@ -291,7 +291,7 @@ describe('component props', () => {
         instance = getCurrentInstance()!
         setupProps = props
         return () => null
-      }
+      },
     }
     render(h(Comp, { foo: 1 }), nodeOps.createElement('div'))
     expect(setupProps.foo).toBe(1)
@@ -313,11 +313,11 @@ describe('component props', () => {
       props: {
         bool: { type: Boolean, required: true },
         str: { type: String, required: true },
-        num: { type: Number, required: true }
+        num: { type: Number, required: true },
       },
       setup() {
         return () => null
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     expect(`Missing required prop: "bool"`).toHaveBeenWarned()
@@ -336,11 +336,11 @@ describe('component props', () => {
         obj: { type: Object },
         cls: { type: MyClass },
         fn: { type: Function },
-        skipCheck: { type: [Boolean, Function], skipCheck: true }
+        skipCheck: { type: [Boolean, Function], skipCheck: true },
       },
       setup() {
         return () => null
-      }
+      },
     }
     render(
       h(Comp, {
@@ -351,33 +351,33 @@ describe('component props', () => {
         obj: 'false',
         cls: {},
         fn: true,
-        skipCheck: 'foo'
+        skipCheck: 'foo',
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
     expect(
-      `Invalid prop: type check failed for prop "bool". Expected Boolean, got String`
+      `Invalid prop: type check failed for prop "bool". Expected Boolean, got String`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "str". Expected String with value "100", got Number with value 100.`
+      `Invalid prop: type check failed for prop "str". Expected String with value "100", got Number with value 100.`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "num". Expected Number with value 100, got String with value "100".`
+      `Invalid prop: type check failed for prop "num". Expected Number with value 100, got String with value "100".`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "arr". Expected Array, got Object`
+      `Invalid prop: type check failed for prop "arr". Expected Array, got Object`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "obj". Expected Object, got String with value "false"`
+      `Invalid prop: type check failed for prop "obj". Expected Object, got String with value "false"`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "fn". Expected Function, got Boolean with value true.`
+      `Invalid prop: type check failed for prop "fn". Expected Function, got Boolean with value true.`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "cls". Expected MyClass, got Object`
+      `Invalid prop: type check failed for prop "cls". Expected MyClass, got Object`,
     ).toHaveBeenWarned()
     expect(
-      `Invalid prop: type check failed for prop "skipCheck". Expected Boolean | Function, got String with value "foo".`
+      `Invalid prop: type check failed for prop "skipCheck". Expected Boolean | Function, got String with value "foo".`,
     ).not.toHaveBeenWarned()
   })
 
@@ -385,17 +385,17 @@ describe('component props', () => {
   test('should not warn required props using kebab-case', async () => {
     const Comp = {
       props: {
-        fooBar: { type: String, required: true }
+        fooBar: { type: String, required: true },
       },
       setup() {
         return () => null
-      }
+      },
     }
     render(
       h(Comp, {
-        'foo-bar': 'hello'
+        'foo-bar': 'hello',
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
     expect(`Missing required prop: "fooBar"`).not.toHaveBeenWarned()
   })
@@ -405,13 +405,13 @@ describe('component props', () => {
     let renderProxy: any
 
     const E = {
-      props: ['base']
+      props: ['base'],
     }
     const M1 = {
-      props: ['m1']
+      props: ['m1'],
     }
     const M2 = {
-      props: { m2: null }
+      props: { m2: null },
     }
     const Comp = {
       props: ['self'],
@@ -423,7 +423,7 @@ describe('component props', () => {
       render(this: any) {
         renderProxy = this
         return h('div', [this.self, this.base, this.m1, this.m2])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -431,12 +431,12 @@ describe('component props', () => {
       self: 'from self, ',
       base: 'from base, ',
       m1: 'from mixin 1, ',
-      m2: 'from mixin 2'
+      m2: 'from mixin 2',
     }
     render(h(Comp, props), root)
 
     expect(serializeInner(root)).toMatch(
-      `from self, from base, from mixin 1, from mixin 2`
+      `from self, from base, from mixin 1, from mixin 2`,
     )
     expect(setupProps).toMatchObject(props)
     expect(renderProxy.$props).toMatchObject(props)
@@ -447,10 +447,10 @@ describe('component props', () => {
     let renderProxy: any
 
     const M1 = {
-      props: ['m1']
+      props: ['m1'],
     }
     const M2 = {
-      props: { m2: null }
+      props: { m2: null },
     }
     const Comp = {
       props: ['self'],
@@ -460,13 +460,13 @@ describe('component props', () => {
       render(this: any) {
         renderProxy = this
         return h('div', [this.self, this.m1, this.m2])
-      }
+      },
     }
 
     const props = {
       self: 'from self, ',
       m1: 'from mixin 1, ',
-      m2: 'from mixin 2'
+      m2: 'from mixin 2',
     }
     const app = createApp(Comp, props)
     app.mixin(M1)
@@ -476,7 +476,7 @@ describe('component props', () => {
     app.mount(root)
 
     expect(serializeInner(root)).toMatch(
-      `from self, from mixin 1, from mixin 2`
+      `from self, from mixin 1, from mixin 2`,
     )
     expect(setupProps).toMatchObject(props)
     expect(renderProxy.$props).toMatchObject(props)
@@ -485,19 +485,19 @@ describe('component props', () => {
   test('props type support BigInt', () => {
     const Comp = {
       props: {
-        foo: BigInt
+        foo: BigInt,
       },
       render(this: any) {
         return h('div', [this.foo])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
     render(
       h(Comp, {
-        foo: BigInt(BigInt(100000111)) + BigInt(2000000000) * BigInt(30000000)
+        foo: BigInt(BigInt(100000111)) + BigInt(2000000000) * BigInt(30000000),
       }),
-      root
+      root,
     )
 
     expect(serializeInner(root)).toMatch('<div>60000000100000111</div>')
@@ -510,25 +510,25 @@ describe('component props', () => {
       props: {
         foo: {
           type: Object,
-          default: () => ({ val: 1 })
+          default: () => ({ val: 1 }),
         },
-        bar: Number
+        bar: Number,
       },
       setup(props: any) {
         watch(
           () => props.foo,
           () => {
             count++
-          }
+          },
         )
         return () => h('h1', [props.foo.val, props.bar])
-      }
+      },
     }
 
     const foo = ref()
     const bar = ref(0)
     const app = createApp({
-      render: () => h(Comp, { foo: foo.value, bar: bar.value })
+      render: () => h(Comp, { foo: foo.value, bar: bar.value }),
     })
 
     const root = nodeOps.createElement('div')
@@ -551,13 +551,13 @@ describe('component props', () => {
     const Comp = {
       render() {},
       props: {
-        foo: String
+        foo: String,
       },
       setup(props: any) {
         initialKeys = Object.keys(props)
         const { foo } = toRefs(props)
         watch(foo, changeSpy)
-      }
+      },
     }
 
     const Parent = () => (passFoo.value ? h(Comp, { foo: 'ok' }) : h(Comp))
@@ -585,15 +585,15 @@ describe('component props', () => {
           childProps.value && childProps.value.foo
           return slots.default!()
         }
-      }
+      },
     }
 
     const Child = {
       props: {
         foo: {
           type: Boolean,
-          required: false
-        }
+          required: false,
+        },
       },
       setup(props: { foo: boolean }) {
         const register = inject('register') as any
@@ -602,13 +602,13 @@ describe('component props', () => {
         register(props)
 
         return () => 'foo'
-      }
+      },
     }
 
     const App = {
       setup() {
         return () => h(Parent, () => h(Child as any, { foo: '' }, () => null))
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -620,9 +620,9 @@ describe('component props', () => {
   test('support null in required + multiple-type declarations', () => {
     const Comp = {
       props: {
-        foo: { type: [Function, null], required: true }
+        foo: { type: [Function, null], required: true },
       },
-      render() {}
+      render() {},
     }
     const root = nodeOps.createElement('div')
     expect(() => {
@@ -639,7 +639,7 @@ describe('component props', () => {
     const Comp = {
       render(this: any) {
         return JSON.stringify(this.$attrs) + Object.keys(this.$attrs)
-      }
+      },
     }
     const root = nodeOps.createElement('div')
 
@@ -647,12 +647,12 @@ describe('component props', () => {
 
     render(h(Comp, attrs), root)
     expect(serializeInner(root)).toBe(
-      JSON.stringify(attrs) + Object.keys(attrs)
+      JSON.stringify(attrs) + Object.keys(attrs),
     )
 
     render(h(Comp, (attrs = { foo: 'bar' })), root)
     expect(serializeInner(root)).toBe(
-      JSON.stringify(attrs) + Object.keys(attrs)
+      JSON.stringify(attrs) + Object.keys(attrs),
     )
   })
 
@@ -660,12 +660,12 @@ describe('component props', () => {
   test('should not mutate original props long-form definition object', () => {
     const props = {
       msg: {
-        type: String
-      }
+        type: String,
+      },
     }
     const Comp = defineComponent({
       props,
-      render() {}
+      render() {},
     })
 
     const root = nodeOps.createElement('div')
diff --git a/packages/runtime-core/__tests__/componentPublicInstance.spec.ts b/packages/runtime-core/__tests__/componentPublicInstance.spec.ts
index 4fe63861a7a..a769ff1be7b 100644
--- a/packages/runtime-core/__tests__/componentPublicInstance.spec.ts
+++ b/packages/runtime-core/__tests__/componentPublicInstance.spec.ts
@@ -5,7 +5,7 @@ import {
   nodeOps,
   createApp,
   shallowReadonly,
-  defineComponent
+  defineComponent,
 } from '@vue/runtime-test'
 import { ComponentInternalInstance, ComponentOptions } from '../src/component'
 
@@ -16,7 +16,7 @@ describe('component: proxy', () => {
     const Comp = {
       data() {
         return {
-          foo: 1
+          foo: 1,
         }
       },
       mounted() {
@@ -25,7 +25,7 @@ describe('component: proxy', () => {
       },
       render() {
         return null
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     expect(instanceProxy.foo).toBe(1)
@@ -39,7 +39,7 @@ describe('component: proxy', () => {
     const Comp = {
       setup() {
         return {
-          foo: 1
+          foo: 1,
         }
       },
       mounted() {
@@ -48,7 +48,7 @@ describe('component: proxy', () => {
       },
       render() {
         return null
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     expect(instanceProxy.foo).toBe(1)
@@ -64,7 +64,7 @@ describe('component: proxy', () => {
       },
       mounted() {
         instanceProxy = this
-      }
+      },
     }
     render(h(Comp, { count: 1 }), nodeOps.createElement('div'))
     expect('count' in instanceProxy).toBe(false)
@@ -80,7 +80,7 @@ describe('component: proxy', () => {
       mounted() {
         instance = getCurrentInstance()!
         instanceProxy = this
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     expect(instanceProxy.$data).toBe(instance!.data)
@@ -89,7 +89,7 @@ describe('component: proxy', () => {
     expect(instanceProxy.$slots).toBe(shallowReadonly(instance!.slots))
     expect(instanceProxy.$refs).toBe(shallowReadonly(instance!.refs))
     expect(instanceProxy.$parent).toBe(
-      instance!.parent && instance!.parent.proxy
+      instance!.parent && instance!.parent.proxy,
     )
     expect(instanceProxy.$root).toBe(instance!.root.proxy)
     expect(instanceProxy.$emit).toBe(instance!.emit)
@@ -114,7 +114,7 @@ describe('component: proxy', () => {
       mounted() {
         instance = getCurrentInstance()!
         instanceProxy = this
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     instanceProxy.foo = 1
@@ -137,7 +137,7 @@ describe('component: proxy', () => {
       mounted() {
         instance = getCurrentInstance()!
         instanceProxy = this
-      }
+      },
     }
 
     const app = createApp(Comp)
@@ -159,21 +159,21 @@ describe('component: proxy', () => {
     const Comp = {
       render() {},
       props: {
-        msg: String
+        msg: String,
       },
       data() {
         return {
-          foo: 0
+          foo: 0,
         }
       },
       setup() {
         return {
-          bar: 1
+          bar: 1,
         }
       },
       mounted() {
         instanceProxy = this
-      }
+      },
     }
 
     const app = createApp(Comp, { msg: 'hello' })
@@ -211,7 +211,7 @@ describe('component: proxy', () => {
       'msg',
       'bar',
       'foo',
-      'baz'
+      'baz',
     ])
   })
 
@@ -221,12 +221,12 @@ describe('component: proxy', () => {
       render() {},
       setup() {
         return {
-          isDisplayed: true
+          isDisplayed: true,
         }
       },
       mounted() {
         instanceProxy = this
-      }
+      },
     }
 
     const app = createApp(Comp)
@@ -244,7 +244,7 @@ describe('component: proxy', () => {
     Object.defineProperty(instanceProxy, 'isDisplayed', {
       get() {
         return false
-      }
+      },
     })
 
     expect(instanceProxy.isDisplayed).toBe(false)
@@ -252,7 +252,7 @@ describe('component: proxy', () => {
     Object.defineProperty(instanceProxy, 'isDisplayed', {
       get() {
         return true
-      }
+      },
     })
 
     expect(instanceProxy.isDisplayed).toBe(true)
@@ -267,12 +267,12 @@ describe('component: proxy', () => {
         return {
           toggle() {
             return 'a'
-          }
+          },
         }
       },
       mounted() {
         instanceProxy = this
-      }
+      },
     }
 
     const app = createApp(Comp)
@@ -289,7 +289,7 @@ describe('component: proxy', () => {
       get() {
         getCalledTimes++
         return () => 'b'
-      }
+      },
     })
 
     // getter should not be evaluated on initial definition
@@ -323,12 +323,12 @@ describe('component: proxy', () => {
       render() {},
       setup() {
         return {
-          toggle: 'a'
+          toggle: 'a',
         }
       },
       mounted() {
         instanceProxy = this
-      }
+      },
     }
 
     const app = createApp(Comp)
@@ -339,14 +339,14 @@ describe('component: proxy', () => {
     expect(v1).toEqual('a')
 
     Object.defineProperty(instanceProxy, 'toggle', {
-      value: 'b'
+      value: 'b',
     })
     const v2 = instanceProxy.toggle
     expect(v2).toEqual('b')
 
     // expect null to be a settable value
     Object.defineProperty(instanceProxy, 'toggle', {
-      value: null
+      value: null,
     })
     const v3 = instanceProxy.toggle
     expect(v3).toBeNull()
@@ -363,21 +363,21 @@ describe('component: proxy', () => {
       computed: {
         greet() {
           return 'Hi ' + (this as any).name
-        }
+        },
       },
       render() {},
       setup() {
         return {
-          fromSetup: true
+          fromSetup: true,
         }
       },
       mounted() {
         instanceProxy = this
-      }
+      },
     }
 
     const app = createApp(Comp, {
-      fromProp: true
+      fromProp: true,
     })
 
     app.mount(nodeOps.createElement('div'))
@@ -387,7 +387,7 @@ describe('component: proxy', () => {
     Object.defineProperty(instanceProxy, 'name', {
       get() {
         return 'getter.name'
-      }
+      },
     })
 
     // computed is same still cached
@@ -403,7 +403,7 @@ describe('component: proxy', () => {
     Object.defineProperty(instanceProxy, 'greet', {
       get() {
         return 'Hi greet.getter.computed'
-      }
+      },
     })
     expect(instanceProxy.greet).toEqual('Hi greet.getter.computed')
 
@@ -412,7 +412,7 @@ describe('component: proxy', () => {
     Object.defineProperty(instanceProxy, 'fromSetup', {
       get() {
         return false
-      }
+      },
     })
     expect(instanceProxy.fromSetup).toBe(false)
 
@@ -421,7 +421,7 @@ describe('component: proxy', () => {
     Object.defineProperty(instanceProxy, 'fromProp', {
       get() {
         return false
-      }
+      },
     })
     expect(instanceProxy.fromProp).toBe(false)
   })
@@ -432,11 +432,11 @@ describe('component: proxy', () => {
       props: ['test'],
       render(this: any) {
         return this.test
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     expect(
-      `was accessed during render but is not defined`
+      `was accessed during render but is not defined`,
     ).not.toHaveBeenWarned()
   })
 
@@ -447,7 +447,7 @@ describe('component: proxy', () => {
           return '1'
         }
         return '2'
-      }
+      },
     }
 
     const app = createApp(Comp)
@@ -455,8 +455,8 @@ describe('component: proxy', () => {
 
     expect(
       `Property ${JSON.stringify(
-        Symbol.unscopables
-      )} was accessed during render ` + `but is not defined on instance.`
+        Symbol.unscopables,
+      )} was accessed during render ` + `but is not defined on instance.`,
     ).toHaveBeenWarned()
   })
 
@@ -466,7 +466,7 @@ describe('component: proxy', () => {
       setup() {
         return {
           __isScriptSetup: true,
-          foo: 1
+          foo: 1,
         }
       },
       mounted() {
@@ -474,7 +474,7 @@ describe('component: proxy', () => {
         try {
           this.foo = 123
         } catch (e) {}
-      }
+      },
     })
     render(h(Comp), nodeOps.createElement('div'))
     expect(`Cannot mutate <script setup> binding "foo"`).toHaveBeenWarned()
diff --git a/packages/runtime-core/__tests__/componentSlots.spec.ts b/packages/runtime-core/__tests__/componentSlots.spec.ts
index f08f1910cd4..b8fd9e0ee42 100644
--- a/packages/runtime-core/__tests__/componentSlots.spec.ts
+++ b/packages/runtime-core/__tests__/componentSlots.spec.ts
@@ -4,7 +4,7 @@ import {
   h,
   nodeOps,
   nextTick,
-  getCurrentInstance
+  getCurrentInstance,
 } from '@vue/runtime-test'
 import { normalizeVNode } from '../src/vnode'
 import { createSlots } from '../src/helpers/createSlots'
@@ -16,7 +16,7 @@ describe('component: slots', () => {
       render() {
         instance = getCurrentInstance()
         return h('div')
-      }
+      },
     }
 
     render(h(Comp, null, slots), nodeOps.createElement('div'))
@@ -33,15 +33,15 @@ describe('component: slots', () => {
       _inner: '_inner',
       foo: null,
       header: 'header',
-      footer: ['f1', 'f2']
+      footer: ['f1', 'f2'],
     })
 
     expect(
-      '[Vue warn]: Non-function value encountered for slot "header". Prefer function slots for better performance.'
+      '[Vue warn]: Non-function value encountered for slot "header". Prefer function slots for better performance.',
     ).toHaveBeenWarned()
 
     expect(
-      '[Vue warn]: Non-function value encountered for slot "footer". Prefer function slots for better performance.'
+      '[Vue warn]: Non-function value encountered for slot "footer". Prefer function slots for better performance.',
     ).toHaveBeenWarned()
 
     expect(slots).not.toHaveProperty('_inner')
@@ -49,7 +49,7 @@ describe('component: slots', () => {
     expect(slots.header()).toMatchObject([normalizeVNode('header')])
     expect(slots.footer()).toMatchObject([
       normalizeVNode('f1'),
-      normalizeVNode('f2')
+      normalizeVNode('f2'),
     ])
   })
 
@@ -59,14 +59,14 @@ describe('component: slots', () => {
       render() {
         proxy = getCurrentInstance()
         return h('div')
-      }
+      },
     }
 
     render(
       h(Comp, null, {
-        header: () => 'header'
+        header: () => 'header',
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
 
     expect(proxy.slots.header()).toMatchObject([normalizeVNode('header')])
@@ -76,7 +76,7 @@ describe('component: slots', () => {
     const { slots } = renderWithSlots([h('span')])
 
     expect(
-      '[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.'
+      '[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.',
     ).toHaveBeenWarned()
 
     expect(slots.default()).toMatchObject([normalizeVNode(h('span'))])
@@ -101,16 +101,16 @@ describe('component: slots', () => {
               flag1.value
                 ? {
                     name: 'one',
-                    fn: () => [h('span')]
+                    fn: () => [h('span')],
                   }
                 : {
                     name: 'two',
-                    fn: () => [h('div')]
-                  }
-            ])
-          )
+                    fn: () => [h('div')],
+                  },
+            ]),
+          ),
         ]
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -134,18 +134,18 @@ describe('component: slots', () => {
     }
 
     const oldSlots = {
-      header: 'header'
+      header: 'header',
     }
     const newSlots = {
-      footer: 'footer'
+      footer: 'footer',
     }
 
     const Comp = {
       setup() {
         return () => [
-          h(Child, { n: flag1.value }, flag1.value ? oldSlots : newSlots)
+          h(Child, { n: flag1.value }, flag1.value ? oldSlots : newSlots),
         ]
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -156,11 +156,11 @@ describe('component: slots', () => {
     await nextTick()
 
     expect(
-      '[Vue warn]: Non-function value encountered for slot "header". Prefer function slots for better performance.'
+      '[Vue warn]: Non-function value encountered for slot "header". Prefer function slots for better performance.',
     ).toHaveBeenWarned()
 
     expect(
-      '[Vue warn]: Non-function value encountered for slot "footer". Prefer function slots for better performance.'
+      '[Vue warn]: Non-function value encountered for slot "footer". Prefer function slots for better performance.',
     ).toHaveBeenWarned()
 
     expect(instance.slots).not.toHaveProperty('header')
@@ -179,9 +179,9 @@ describe('component: slots', () => {
     const Comp = {
       setup() {
         return () => [
-          h(Child, { n: flag1.value }, flag1.value ? ['header'] : ['footer'])
+          h(Child, { n: flag1.value }, flag1.value ? ['header'] : ['footer']),
         ]
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
 
@@ -191,7 +191,7 @@ describe('component: slots', () => {
     await nextTick()
 
     expect(
-      '[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.'
+      '[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.',
     ).toHaveBeenWarned()
 
     expect(instance.slots.default()).toMatchObject([normalizeVNode('footer')])
@@ -216,11 +216,11 @@ describe('component: slots', () => {
             { n: flag2.value },
             {
               foo: () => 'foo',
-              $stable: true
-            }
-          )
+              $stable: true,
+            },
+          ),
         ]
-      }
+      },
     }
 
     render(h(App), nodeOps.createElement('div'))
diff --git a/packages/runtime-core/__tests__/components/BaseTransition.spec.ts b/packages/runtime-core/__tests__/components/BaseTransition.spec.ts
index f704025550b..984bcad4cb0 100644
--- a/packages/runtime-core/__tests__/components/BaseTransition.spec.ts
+++ b/packages/runtime-core/__tests__/components/BaseTransition.spec.ts
@@ -10,13 +10,13 @@ import {
   serialize,
   VNodeProps,
   KeepAlive,
-  TestElement
+  TestElement,
 } from '@vue/runtime-test'
 
 function mount(
   props: BaseTransitionProps,
   slot: () => any,
-  withKeepAlive = false
+  withKeepAlive = false,
 ) {
   const root = nodeOps.createElement('div')
   const show = ref(true)
@@ -28,7 +28,7 @@ function mount(
             return withKeepAlive ? h(KeepAlive, null, slot()) : slot()
           })
         : null
-    }
+    },
   }
   render(h(App), root)
 
@@ -41,7 +41,7 @@ function mockProps(extra: BaseTransitionProps = {}, withKeepAlive = false) {
     doneLeave: Record<string, () => void>
   } = {
     doneEnter: {},
-    doneLeave: {}
+    doneLeave: {},
   }
   const props: BaseTransitionProps = {
     onBeforeEnter: vi.fn(el => {
@@ -66,21 +66,21 @@ function mockProps(extra: BaseTransitionProps = {}, withKeepAlive = false) {
     }),
     onAfterAppear: vi.fn(),
     onAppearCancelled: vi.fn(),
-    ...extra
+    ...extra,
   }
   return {
     props,
-    cbs
+    cbs,
   }
 }
 
 function assertCalls(
   props: BaseTransitionProps,
-  calls: Record<string, number>
+  calls: Record<string, number>,
 ) {
   Object.keys(calls).forEach(key => {
     expect(props[key as keyof BaseTransitionProps]).toHaveBeenCalledTimes(
-      calls[key]
+      calls[key],
     )
   })
 }
@@ -103,7 +103,7 @@ function runTestWithElements(tester: TestFn) {
     trueBranch: () => h('div'),
     falseBranch: () => h('span'),
     trueSerialized: `<div></div>`,
-    falseSerialized: `<span></span>`
+    falseSerialized: `<span></span>`,
   })
 }
 
@@ -116,7 +116,7 @@ function runTestWithComponents(tester: TestFn) {
     trueBranch: () => h(CompA, { msg: 'foo' }),
     falseBranch: () => h(CompB, { msg: 'bar' }),
     trueSerialized: `<div>foo</div>`,
-    falseSerialized: `<span>bar</span>`
+    falseSerialized: `<span>bar</span>`,
   })
 }
 
@@ -125,29 +125,29 @@ function runTestWithKeepAlive(tester: TestFn) {
     setup() {
       const count = ref(0)
       return () => h('div', count.value)
-    }
+    },
   }
   const falseComp = {
     setup() {
       const count = ref(0)
       return () => h('span', count.value)
-    }
+    },
   }
   return tester(
     {
       trueBranch: () => h(trueComp),
       falseBranch: () => h(falseComp),
       trueSerialized: `<div>0</div>`,
-      falseSerialized: `<span>0</span>`
+      falseSerialized: `<span>0</span>`,
     },
-    true /* withKeepAlive: true */
+    true /* withKeepAlive: true */,
   )
 }
 
 describe('BaseTransition', () => {
   test('appear: true w/ appear hooks', () => {
     const { props, cbs } = mockProps({
-      appear: true
+      appear: true,
     })
     mount(props, () => h('div'))
     expect(props.onBeforeAppear).toHaveBeenCalledTimes(1)
@@ -170,7 +170,7 @@ describe('BaseTransition', () => {
       onBeforeAppear: undefined,
       onAppear: undefined,
       onAfterAppear: undefined,
-      onAppearCancelled: undefined
+      onAppearCancelled: undefined,
     })
     mount(props, () => h('div'))
     expect(props.onBeforeEnter).toHaveBeenCalledTimes(1)
@@ -205,7 +205,7 @@ describe('BaseTransition', () => {
               })
             }
           }
-        }
+        },
       }
       return { state, toggle, hooks }
     }
@@ -259,14 +259,14 @@ describe('BaseTransition', () => {
         trueBranch,
         trueSerialized,
         falseBranch,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      mode?: BaseTransitionProps['mode']
+      mode?: BaseTransitionProps['mode'],
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode })
       const { root } = mount(props, () =>
-        toggle.value ? trueBranch() : falseBranch()
+        toggle.value ? trueBranch() : falseBranch(),
       )
 
       // without appear: true, enter hooks should not be called on mount
@@ -309,7 +309,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 1,
         onLeave: 1,
         onAfterLeave: 1,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -318,7 +318,7 @@ describe('BaseTransition', () => {
         trueBranch: () => h('div'),
         trueSerialized: `<div></div>`,
         falseBranch: () => null,
-        falseSerialized: `<!---->`
+        falseSerialized: `<!---->`,
       })
     })
 
@@ -328,7 +328,7 @@ describe('BaseTransition', () => {
         trueBranch: () => h(Comp, { msg: 'hello' }),
         trueSerialized: `<div>hello</div>`,
         falseBranch: () => null,
-        falseSerialized: `<!---->`
+        falseSerialized: `<!---->`,
       })
     })
 
@@ -338,9 +338,9 @@ describe('BaseTransition', () => {
           trueBranch: () => h('div'),
           trueSerialized: `<div></div>`,
           falseBranch: () => null,
-          falseSerialized: `<!---->`
+          falseSerialized: `<!---->`,
         },
-        'in-out'
+        'in-out',
       )
     })
   })
@@ -350,12 +350,12 @@ describe('BaseTransition', () => {
       trueBranch,
       trueSerialized,
       falseBranch = () => null,
-      falseSerialized = `<!---->`
+      falseSerialized = `<!---->`,
     }: ToggleOptions) {
       const toggle = ref(false)
       const { props, cbs } = mockProps()
       const { root } = mount(props, () =>
-        toggle.value ? trueBranch() : falseBranch()
+        toggle.value ? trueBranch() : falseBranch(),
       )
 
       // start enter
@@ -402,7 +402,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 1,
         onLeave: 1,
         onAfterLeave: 1,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -411,7 +411,7 @@ describe('BaseTransition', () => {
         trueBranch: () => h('div'),
         trueSerialized: `<div></div>`,
         falseBranch: () => null,
-        falseSerialized: `<!---->`
+        falseSerialized: `<!---->`,
       })
     })
 
@@ -421,7 +421,7 @@ describe('BaseTransition', () => {
         trueBranch: () => h(Comp, { msg: 'hello' }),
         trueSerialized: `<div>hello</div>`,
         falseBranch: () => null,
-        falseSerialized: `<!---->`
+        falseSerialized: `<!---->`,
       })
     })
   })
@@ -432,16 +432,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({}, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       // without appear: true, enter hooks should not be called on mount
@@ -515,7 +515,7 @@ describe('BaseTransition', () => {
         onLeave: 2,
         onAfterLeave: 2,
         onEnterCancelled: 0,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -538,16 +538,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({}, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       // start toggle
@@ -648,7 +648,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 3,
         onLeave: 3,
         onAfterLeave: withKeepAlive ? 1 : 3,
-        onLeaveCancelled: withKeepAlive ? 2 : 0
+        onLeaveCancelled: withKeepAlive ? 2 : 0,
       })
     }
 
@@ -671,16 +671,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode: 'out-in' }, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       // trigger toggle
@@ -753,7 +753,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 2,
         onLeave: 2,
         onAfterLeave: 2,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -777,16 +777,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode: 'out-in' }, withKeepAlive)
       const { root, unmount } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       // trigger toggle
@@ -835,7 +835,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 1,
         onLeave: 1,
         onAfterLeave: 1,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -855,14 +855,14 @@ describe('BaseTransition', () => {
   describe('mode: "out-in" toggle before finish', () => {
     async function testOutInBeforeFinish(
       { trueBranch, falseBranch, trueSerialized }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode: 'out-in' }, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       // trigger toggle
@@ -907,7 +907,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 1,
         onLeave: 1,
         onAfterLeave: 1,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -930,16 +930,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode: 'out-in' }, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       // double quick toggle
@@ -985,7 +985,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 1,
         onLeave: 1,
         onAfterLeave: 1,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -1008,16 +1008,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode: 'in-out' }, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       toggle.value = false
@@ -1089,7 +1089,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 2,
         onLeave: 2,
         onAfterLeave: 2,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
@@ -1112,16 +1112,16 @@ describe('BaseTransition', () => {
         trueBranch,
         falseBranch,
         trueSerialized,
-        falseSerialized
+        falseSerialized,
       }: ToggleOptions,
-      withKeepAlive = false
+      withKeepAlive = false,
     ) {
       const toggle = ref(true)
       const { props, cbs } = mockProps({ mode: 'in-out' }, withKeepAlive)
       const { root } = mount(
         props,
         () => (toggle.value ? trueBranch() : falseBranch()),
-        withKeepAlive
+        withKeepAlive,
       )
 
       toggle.value = false
@@ -1177,7 +1177,7 @@ describe('BaseTransition', () => {
         onBeforeLeave: 1,
         onLeave: 1,
         onAfterLeave: 1,
-        onLeaveCancelled: 0
+        onLeaveCancelled: 0,
       })
     }
 
diff --git a/packages/runtime-core/__tests__/components/KeepAlive.spec.ts b/packages/runtime-core/__tests__/components/KeepAlive.spec.ts
index ff8ea74b622..7344a577276 100644
--- a/packages/runtime-core/__tests__/components/KeepAlive.spec.ts
+++ b/packages/runtime-core/__tests__/components/KeepAlive.spec.ts
@@ -23,7 +23,7 @@ import {
   onMounted,
   reactive,
   shallowRef,
-  onDeactivated
+  onDeactivated,
 } from '@vue/runtime-test'
 import { KeepAliveProps } from '../../src/components/KeepAlive'
 
@@ -47,7 +47,7 @@ describe('KeepAlive', () => {
       mounted: vi.fn(),
       activated: vi.fn(),
       deactivated: vi.fn(),
-      unmounted: vi.fn()
+      unmounted: vi.fn(),
     }
     two = {
       name: 'two',
@@ -59,11 +59,11 @@ describe('KeepAlive', () => {
       mounted: vi.fn(),
       activated: vi.fn(),
       deactivated: vi.fn(),
-      unmounted: vi.fn()
+      unmounted: vi.fn(),
     }
     views = {
       one,
-      two
+      two,
     }
   })
 
@@ -73,7 +73,7 @@ describe('KeepAlive', () => {
       component.mounted.mock.calls.length,
       component.activated.mock.calls.length,
       component.deactivated.mock.calls.length,
-      component.unmounted.mock.calls.length
+      component.unmounted.mock.calls.length,
     ]).toEqual(callCounts)
   }
 
@@ -83,9 +83,9 @@ describe('KeepAlive', () => {
     const App = {
       render() {
         return h(KeepAlive, null, {
-          default: () => h(views[viewRef.value], { ref: instanceRef })
+          default: () => h(views[viewRef.value], { ref: instanceRef }),
         })
-      }
+      },
     }
     render(h(App), root)
     expect(serializeInner(root)).toBe(`<div>one</div>`)
@@ -106,7 +106,7 @@ describe('KeepAlive', () => {
     const App = {
       render() {
         return toggle.value ? h(KeepAlive, () => h(views[viewRef.value])) : null
-      }
+      },
     }
     render(h(App), root)
 
@@ -147,7 +147,7 @@ describe('KeepAlive', () => {
     const App = {
       render() {
         return toggle.value ? h(KeepAlive, () => h(views[viewRef.value])) : null
-      }
+      },
     }
     render(h(App), root)
 
@@ -190,7 +190,7 @@ describe('KeepAlive', () => {
     const App = {
       render() {
         return h(KeepAlive, () => (toggle.value ? h(one) : null))
-      }
+      },
     }
     render(h(App), root)
 
@@ -225,21 +225,21 @@ describe('KeepAlive', () => {
       render(this: any) {
         return h('div', this.msg)
       },
-      activated: vi.fn()
+      activated: vi.fn(),
     }
     const one = {
       name: 'one',
       data: () => ({ msg: 'one' }),
       render(this: any) {
         return h(two)
-      }
+      },
     }
 
     const toggle = ref(true)
     const App = {
       render() {
         return h(KeepAlive, () => (toggle.value ? h(one) : null))
-      }
+      },
     }
     render(h(App), root)
 
@@ -255,7 +255,7 @@ describe('KeepAlive', () => {
     const App = {
       render() {
         return h(KeepAlive, () => (toggle1.value ? h(one) : null))
-      }
+      },
     }
     render(h(App), root)
 
@@ -335,7 +335,7 @@ describe('KeepAlive', () => {
         return outerRef.value
           ? h(KeepAlive, props, () => h(views[viewRef.value]))
           : null
-      }
+      },
     }
     render(h(App), root)
 
@@ -425,7 +425,7 @@ describe('KeepAlive', () => {
           spyCC.mock.calls.length,
           spyCA.mock.calls.length,
           spyCDA.mock.calls.length,
-          spyCUM.mock.calls.length
+          spyCUM.mock.calls.length,
         ]).toEqual(calls)
       }
 
@@ -436,22 +436,22 @@ describe('KeepAlive', () => {
           created: spyAC,
           activated: spyAA,
           deactivated: spyADA,
-          unmounted: spyAUM
+          unmounted: spyAUM,
         },
         b: {
           render: () => `two`,
           created: spyBC,
           activated: spyBA,
           deactivated: spyBDA,
-          unmounted: spyBUM
+          unmounted: spyBUM,
         },
         c: {
           render: () => `three`,
           created: spyCC,
           activated: spyCA,
           deactivated: spyCDA,
-          unmounted: spyCUM
-        }
+          unmounted: spyCUM,
+        },
       }
 
       const App = {
@@ -459,7 +459,7 @@ describe('KeepAlive', () => {
           return h(KeepAlive, { max: 2 }, () => {
             return h(views[viewRef.value])
           })
-        }
+        },
       }
       render(h(App), root)
       assertCount([1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0])
@@ -494,11 +494,11 @@ describe('KeepAlive', () => {
           return h(
             KeepAlive,
             {
-              include: includeRef.value
+              include: includeRef.value,
             },
-            () => h(views[viewRef.value])
+            () => h(views[viewRef.value]),
           )
-        }
+        },
       }
       render(h(App), root)
       return { viewRef, includeRef }
@@ -512,11 +512,11 @@ describe('KeepAlive', () => {
           return h(
             KeepAlive,
             {
-              exclude: excludeRef.value
+              exclude: excludeRef.value,
             },
-            () => h(views[viewRef.value])
+            () => h(views[viewRef.value]),
           )
-        }
+        },
       }
       render(h(App), root)
       return { viewRef, excludeRef }
@@ -610,13 +610,13 @@ describe('KeepAlive', () => {
       const one = {
         name: 'one',
         created: vi.fn(),
-        render: () => 'one'
+        render: () => 'one',
       }
 
       const two = {
         // anonymous
         created: vi.fn(),
-        render: () => 'two'
+        render: () => 'two',
       }
 
       const views: any = { one, two }
@@ -627,11 +627,11 @@ describe('KeepAlive', () => {
           return h(
             KeepAlive,
             {
-              include: include ? 'one' : undefined
+              include: include ? 'one' : undefined,
             },
-            () => h(views[viewRef.value])
+            () => h(views[viewRef.value]),
           )
-        }
+        },
       }
       render(h(App), root)
 
@@ -670,7 +670,7 @@ describe('KeepAlive', () => {
     test('should not destroy active instance when pruning cache', async () => {
       const Foo = {
         render: () => 'foo',
-        unmounted: vi.fn()
+        unmounted: vi.fn(),
       }
       const includeRef = ref(['foo'])
       const App = {
@@ -678,11 +678,11 @@ describe('KeepAlive', () => {
           return h(
             KeepAlive,
             {
-              include: includeRef.value
+              include: includeRef.value,
             },
-            () => h(Foo)
+            () => h(Foo),
           )
-        }
+        },
       }
       render(h(App), root)
       // condition: a render where a previous component is reused
@@ -703,7 +703,7 @@ describe('KeepAlive', () => {
         setup() {
           return () =>
             h(KeepAlive, () => (toggle.value ? h(Foo, { n: n.value }) : null))
-        }
+        },
       }
 
       render(h(App), root)
@@ -726,13 +726,13 @@ describe('KeepAlive', () => {
       name: 'Foo',
       render() {
         return h('Foo')
-      }
+      },
     })
     const Bar = markRaw({
       name: 'Bar',
       render() {
         return h('Bar')
-      }
+      },
     })
 
     const spyMounted = vi.fn()
@@ -750,19 +750,19 @@ describe('KeepAlive', () => {
           },
           onVnodeUnmounted() {
             spyUnmounted()
-          }
+          },
         }
 
         return () => {
           const child: any = slots.default!({
-            Component: Component!.value
+            Component: Component!.value,
           })[0]
 
           const innerChild = child.children[0]
           child.children[0] = cloneVNode(innerChild, componentProps)
           return child
         }
-      }
+      },
     })
 
     let toggle: () => void = () => {}
@@ -778,14 +778,14 @@ describe('KeepAlive', () => {
         }
         return {
           component,
-          toggle
+          toggle,
         }
       },
       render() {
         return h(RouterView, null, {
-          default: ({ Component }: any) => h(KeepAlive, null, [h(Component)])
+          default: ({ Component }: any) => h(KeepAlive, null, [h(Component)]),
         })
-      }
+      },
     })
 
     render(h(App), root)
@@ -818,9 +818,9 @@ describe('KeepAlive', () => {
       __scopeId: 'foo',
       render: () => {
         return h(KeepAlive, null, {
-          default: () => h(views[viewRef.value], { ref: instanceRef })
+          default: () => h(views[viewRef.value], { ref: instanceRef }),
         })
-      }
+      },
     }
     render(h(App), root)
     expect(serializeInner(root)).toBe(`<div foo>one</div>`)
@@ -841,7 +841,7 @@ describe('KeepAlive', () => {
       () =>
         new Promise(r => {
           resolve = r as any
-        })
+        }),
     )
 
     const toggle = ref(true)
@@ -849,9 +849,9 @@ describe('KeepAlive', () => {
     const App = {
       render: () => {
         return h(KeepAlive, { include: 'Foo' }, () =>
-          toggle.value ? h(AsyncComp, { ref: instanceRef }) : null
+          toggle.value ? h(AsyncComp, { ref: instanceRef }) : null,
         )
-      }
+      },
     }
 
     render(h(App), root)
@@ -863,7 +863,7 @@ describe('KeepAlive', () => {
       data: () => ({ count: 0 }),
       render() {
         return h('p', this.count)
-      }
+      },
     })
 
     await timeout()
@@ -890,7 +890,7 @@ describe('KeepAlive', () => {
     const app = createApp({
       setup() {
         return () => h(KeepAlive, null, () => h(Child))
-      }
+      },
     })
 
     const Child = {
@@ -899,7 +899,7 @@ describe('KeepAlive', () => {
           throw err
         })
       },
-      render() {}
+      render() {},
     }
 
     app.config.errorHandler = handler
@@ -926,7 +926,7 @@ describe('KeepAlive', () => {
         onActivated(activatedA)
         onDeactivated(deactivatedA)
         return () => 'A'
-      }
+      },
     }
     const B = {
       name: 'B',
@@ -934,7 +934,7 @@ describe('KeepAlive', () => {
         onMounted(mountedB)
         onUnmounted(unmountedB)
         return () => 'B'
-      }
+      },
     }
 
     const include = reactive<string[]>([])
@@ -946,13 +946,13 @@ describe('KeepAlive', () => {
             h(
               KeepAlive,
               {
-                include
+                include,
               },
-              h(current.value)
-            )
+              h(current.value),
+            ),
           ]
         }
-      }
+      },
     })
 
     app.mount(root)
diff --git a/packages/runtime-core/__tests__/components/Suspense.spec.ts b/packages/runtime-core/__tests__/components/Suspense.spec.ts
index 065898048c3..01316650710 100644
--- a/packages/runtime-core/__tests__/components/Suspense.spec.ts
+++ b/packages/runtime-core/__tests__/components/Suspense.spec.ts
@@ -17,7 +17,7 @@ import {
   onUnmounted,
   onErrorCaptured,
   shallowRef,
-  Fragment
+  Fragment,
 } from '@vue/runtime-test'
 import { createApp, defineComponent } from 'vue'
 
@@ -31,7 +31,7 @@ describe('Suspense', () => {
   // a simple async factory for testing purposes only.
   function defineAsyncComponent<T extends ComponentOptions>(
     comp: T,
-    delay: number = 0
+    delay: number = 0,
   ) {
     return {
       setup(props: any, { slots }: any) {
@@ -44,7 +44,7 @@ describe('Suspense', () => {
         // an extra tick to avoid race conditions
         deps.push(p.then(() => Promise.resolve()))
         return p
-      }
+      },
     }
   }
 
@@ -52,7 +52,7 @@ describe('Suspense', () => {
     const Async = defineAsyncComponent({
       render() {
         return h('div', 'async')
-      }
+      },
     })
 
     const Comp = {
@@ -60,9 +60,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(Async),
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -78,7 +78,7 @@ describe('Suspense', () => {
     const Async = defineAsyncComponent({
       render() {
         return h('div', 'async')
-      }
+      },
     })
 
     const onFallback = vi.fn()
@@ -96,14 +96,14 @@ describe('Suspense', () => {
               onResolve,
               onPending,
               // force displaying the fallback right away
-              timeout: 0
+              timeout: 0,
             },
             {
               default: () => (show.value ? h(Async) : null),
-              fallback: h('div', 'fallback')
-            }
+              fallback: h('div', 'fallback'),
+            },
           )
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -147,7 +147,7 @@ describe('Suspense', () => {
           calls.push('outer mounted')
         })
         return () => h(AsyncInner)
-      }
+      },
     })
 
     const AsyncInner = defineAsyncComponent(
@@ -157,9 +157,9 @@ describe('Suspense', () => {
             calls.push('inner mounted')
           })
           return () => h('div', 'inner')
-        }
+        },
       },
-      10
+      10,
     )
 
     const Comp = {
@@ -167,9 +167,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(AsyncOuter),
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -192,7 +192,7 @@ describe('Suspense', () => {
     const Async = defineAsyncComponent({
       render() {
         return h('div', 'async')
-      }
+      },
     })
 
     const onResolve = vi.fn()
@@ -203,14 +203,14 @@ describe('Suspense', () => {
           h(
             Suspense,
             {
-              onResolve
+              onResolve,
             },
             {
               default: h(Async),
-              fallback: h('div', 'fallback')
-            }
+              fallback: h('div', 'fallback'),
+            },
           )
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -239,7 +239,7 @@ describe('Suspense', () => {
           () => {
             calls.push('watch effect')
           },
-          { flush: 'post' }
+          { flush: 'post' },
         )
 
         const count = ref(0)
@@ -248,7 +248,7 @@ describe('Suspense', () => {
           () => {
             calls.push('watch callback')
           },
-          { flush: 'post' }
+          { flush: 'post' },
         )
         count.value++ // trigger the watcher now
 
@@ -262,7 +262,7 @@ describe('Suspense', () => {
 
         await p
         return () => h('div', 'async')
-      }
+      },
     }
 
     const Comp = {
@@ -270,9 +270,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: toggle.value ? h(Async) : null,
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -294,7 +294,7 @@ describe('Suspense', () => {
       `watch effect`,
       `watch callback`,
       `mounted`,
-      'unmounted'
+      'unmounted',
     ])
   })
 
@@ -312,7 +312,7 @@ describe('Suspense', () => {
 
         await p
         return () => h('div', 'async')
-      }
+      },
     }
 
     const Fallback = {
@@ -325,7 +325,7 @@ describe('Suspense', () => {
           calls.push('unmounted')
         })
         return () => h('div', 'fallback')
-      }
+      },
     }
 
     const Comp = {
@@ -333,9 +333,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: toggle.value ? h(Async) : null,
-            fallback: h(Fallback)
+            fallback: h(Fallback),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -354,7 +354,7 @@ describe('Suspense', () => {
       props: { msg: String },
       setup(props: any) {
         return () => h('div', props.msg)
-      }
+      },
     })
 
     const msg = ref('foo')
@@ -364,9 +364,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(Async, { msg: msg.value }),
-            fallback: h('div', `fallback ${msg.value}`)
+            fallback: h('div', `fallback ${msg.value}`),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -400,7 +400,7 @@ describe('Suspense', () => {
           () => {
             calls.push('watch effect')
           },
-          { flush: 'post' }
+          { flush: 'post' },
         )
 
         const count = ref(0)
@@ -409,7 +409,7 @@ describe('Suspense', () => {
           () => {
             calls.push('watch callback')
           },
-          { flush: 'post' }
+          { flush: 'post' },
         )
         count.value++ // trigger the watcher now
 
@@ -423,7 +423,7 @@ describe('Suspense', () => {
 
         await p
         return () => h('div', 'async')
-      }
+      },
     }
 
     const Comp = {
@@ -431,9 +431,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: toggle.value ? h(Async) : null,
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -462,7 +462,7 @@ describe('Suspense', () => {
       setup() {
         onUnmounted(unmounted)
         return () => h('div', 'async')
-      }
+      },
     })
 
     const Comp = {
@@ -471,10 +471,10 @@ describe('Suspense', () => {
           toggle.value
             ? h(Suspense, null, {
                 default: h(Async),
-                fallback: h('div', 'fallback')
+                fallback: h('div', 'fallback'),
               })
             : null
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -502,7 +502,7 @@ describe('Suspense', () => {
         onMounted(mounted)
         onUnmounted(unmounted)
         return () => h('div', 'async')
-      }
+      },
     })
 
     const Comp = {
@@ -511,10 +511,10 @@ describe('Suspense', () => {
           toggle.value
             ? h(Suspense, null, {
                 default: h(Async),
-                fallback: h('div', 'fallback')
+                fallback: h('div', 'fallback'),
               })
             : null
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -544,9 +544,9 @@ describe('Suspense', () => {
             calls.push('outer mounted')
           })
           return () => h('div', 'async outer')
-        }
+        },
       },
-      1
+      1,
     )
 
     const AsyncInner = defineAsyncComponent(
@@ -556,9 +556,9 @@ describe('Suspense', () => {
             calls.push('inner mounted')
           })
           return () => h('div', 'async inner')
-        }
+        },
       },
-      10
+      10,
     )
 
     const Inner = {
@@ -566,9 +566,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(AsyncInner),
-            fallback: h('div', 'fallback inner')
+            fallback: h('div', 'fallback inner'),
           })
-      }
+      },
     }
 
     const Comp = {
@@ -576,9 +576,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h('div', [h(AsyncOuter), h(Inner)]),
-            fallback: h('div', 'fallback outer')
+            fallback: h('div', 'fallback outer'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -588,14 +588,14 @@ describe('Suspense', () => {
     await deps[0]
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>async outer</div><div>fallback inner</div></div>`
+      `<div><div>async outer</div><div>fallback inner</div></div>`,
     )
     expect(calls).toEqual([`outer mounted`])
 
     await Promise.all(deps)
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>async outer</div><div>async inner</div></div>`
+      `<div><div>async outer</div><div>async inner</div></div>`,
     )
     expect(calls).toEqual([`outer mounted`, `inner mounted`])
   })
@@ -610,9 +610,9 @@ describe('Suspense', () => {
             calls.push('outer mounted')
           })
           return () => h('div', 'async outer')
-        }
+        },
       },
-      10
+      10,
     )
 
     const AsyncInner = defineAsyncComponent(
@@ -622,9 +622,9 @@ describe('Suspense', () => {
             calls.push('inner mounted')
           })
           return () => h('div', 'async inner')
-        }
+        },
       },
-      1
+      1,
     )
 
     const Inner = {
@@ -632,9 +632,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(AsyncInner),
-            fallback: h('div', 'fallback inner')
+            fallback: h('div', 'fallback inner'),
           })
-      }
+      },
     }
 
     const Comp = {
@@ -642,9 +642,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h('div', [h(AsyncOuter), h(Inner)]),
-            fallback: h('div', 'fallback outer')
+            fallback: h('div', 'fallback outer'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -659,7 +659,7 @@ describe('Suspense', () => {
     await Promise.all(deps)
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>async outer</div><div>async inner</div></div>`
+      `<div><div>async outer</div><div>async inner</div></div>`,
     )
     expect(calls).toEqual([`inner mounted`, `outer mounted`])
   })
@@ -668,7 +668,7 @@ describe('Suspense', () => {
     const Async = {
       async setup() {
         throw new Error('oops')
-      }
+      },
     }
 
     const Comp = {
@@ -687,9 +687,9 @@ describe('Suspense', () => {
             ? h('div', errorMessage.value)
             : h(Suspense, null, {
                 default: h(Async),
-                fallback: h('div', 'fallback')
+                fallback: h('div', 'fallback'),
               })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -706,7 +706,7 @@ describe('Suspense', () => {
     const Async = {
       async setup() {
         throw new Error('oops')
-      }
+      },
     }
 
     const Comp = {
@@ -732,7 +732,7 @@ describe('Suspense', () => {
           return false
         })
         return { errorMessage }
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -757,9 +757,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(AsyncInsideNestedSuspense, { msg: props.msg }),
-            fallback: h('div', 'nested fallback')
+            fallback: h('div', 'nested fallback'),
           })
-      }
+      },
     })
 
     const AsyncInsideNestedSuspense = defineAsyncComponent(
@@ -770,9 +770,9 @@ describe('Suspense', () => {
             calls.push(2)
           })
           return () => h('div', props.msg)
-        }
+        },
       },
-      20
+      20,
     )
 
     const AsyncChildParent = defineAsyncComponent({
@@ -782,7 +782,7 @@ describe('Suspense', () => {
           calls.push(1)
         })
         return () => h(NestedAsyncChild, { msg: props.msg })
-      }
+      },
     })
 
     const NestedAsyncChild = defineAsyncComponent(
@@ -793,18 +793,18 @@ describe('Suspense', () => {
             calls.push(3)
           })
           return () => h('div', props.msg)
-        }
+        },
       },
-      10
+      10,
     )
 
     const MiddleComponent = {
       setup() {
         return () =>
           h(AsyncChildWithSuspense, {
-            msg: msg.value
+            msg: msg.value,
           })
-      }
+      },
     }
 
     const Comp = {
@@ -814,12 +814,12 @@ describe('Suspense', () => {
             default: h('div', [
               h(MiddleComponent),
               h(AsyncChildParent, {
-                msg: 'root async'
-              })
+                msg: 'root async',
+              }),
             ]),
-            fallback: h('div', 'root fallback')
+            fallback: h('div', 'root fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -850,7 +850,7 @@ describe('Suspense', () => {
     await deps[3]
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>nested fallback</div><div>root async</div></div>`
+      `<div><div>nested fallback</div><div>root async</div></div>`,
     )
     expect(calls).toEqual([0, 1, 3])
 
@@ -861,7 +861,7 @@ describe('Suspense', () => {
     await Promise.all(deps)
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>nested changed</div><div>root async</div></div>`
+      `<div><div>nested changed</div><div>root async</div></div>`,
     )
     expect(calls).toEqual([0, 1, 3, 2])
 
@@ -869,7 +869,7 @@ describe('Suspense', () => {
     msg.value = 'nested changed again'
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>nested changed again</div><div>root async</div></div>`
+      `<div><div>nested changed again</div><div>root async</div></div>`,
     )
   })
 
@@ -886,7 +886,7 @@ describe('Suspense', () => {
           calls.push('foo unmounted')
         })
         return () => h('div', ['foo', h(FooNested)])
-      }
+      },
     })
 
     const FooNested = defineAsyncComponent(
@@ -899,9 +899,9 @@ describe('Suspense', () => {
             calls.push('foo nested unmounted')
           })
           return () => h('div', 'foo nested')
-        }
+        },
       },
-      10
+      10,
     )
 
     const Bar = defineAsyncComponent(
@@ -914,9 +914,9 @@ describe('Suspense', () => {
             calls.push('bar unmounted')
           })
           return () => h('div', 'bar')
-        }
+        },
       },
-      10
+      10,
     )
 
     const Comp = {
@@ -924,9 +924,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: toggle.value ? h(Foo) : h(Bar),
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -959,7 +959,7 @@ describe('Suspense', () => {
       `foo nested mounted`,
       `bar mounted`,
       `foo nested unmounted`,
-      `foo unmounted`
+      `foo unmounted`,
     ]
     expect(calls).toEqual(tempCalls)
     expect(serializeInner(root)).toBe(`<div>bar</div>`)
@@ -983,7 +983,7 @@ describe('Suspense', () => {
       ...tempCalls,
       `foo mounted`,
       `foo nested mounted`,
-      `bar unmounted`
+      `bar unmounted`,
     ])
     expect(serializeInner(root)).toBe(`<div>foo<div>foo nested</div></div>`)
   })
@@ -1002,9 +1002,9 @@ describe('Suspense', () => {
               calls.push(`${name} unmounted`)
             })
             return () => h('div', [name])
-          }
+          },
         },
-        delay
+        delay,
       )
 
     const One = makeComp('one')
@@ -1018,9 +1018,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(view.value),
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -1069,9 +1069,9 @@ describe('Suspense', () => {
               calls.push(`${name} unmounted`)
             })
             return () => h('div', [name])
-          }
+          },
         },
-        delay
+        delay,
       )
 
     const One = makeComp('one')
@@ -1084,9 +1084,9 @@ describe('Suspense', () => {
         return () =>
           h(Suspense, null, {
             default: h(view.value),
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -1130,9 +1130,9 @@ describe('Suspense', () => {
               calls.push(`${name} unmounted`)
             })
             return () => h('div', [name])
-          }
+          },
         },
-        delay
+        delay,
       )
 
     const One = makeComp('one')
@@ -1146,14 +1146,14 @@ describe('Suspense', () => {
           h(
             Suspense,
             {
-              timeout: 10
+              timeout: 10,
             },
             {
               default: h(view.value),
-              fallback: h('div', 'fallback')
-            }
+              fallback: h('div', 'fallback'),
+            },
           )
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -1195,7 +1195,7 @@ describe('Suspense', () => {
       <Suspense>
         <div><span>{{ n }}</span></div>
       </Suspense>
-      `
+      `,
     }
     const root = document.createElement('div')
     createApp(Comp).mount(root)
@@ -1212,13 +1212,13 @@ describe('Suspense', () => {
     const Child = {
       async setup() {
         return () => h('div', 'child')
-      }
+      },
     }
     const Parent = () => h('div', ['parent', toggle.value ? h(Child) : null])
     const Comp = {
       setup() {
         return () => h(Suspense, () => h(Parent))
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -1243,19 +1243,19 @@ describe('Suspense', () => {
       name: 'Child',
       async setup() {
         return () => h('div', 'child')
-      }
+      },
     }
     const Parent = {
       setup() {
         return () => h('div', [h(Child)])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
     render(h(Parent), root)
 
     expect(
-      `A component with async setup() must be nested in a <Suspense>`
+      `A component with async setup() must be nested in a <Suspense>`,
     ).toHaveBeenWarned()
   })
 
@@ -1271,9 +1271,9 @@ describe('Suspense', () => {
             calls.push('innerA mounted')
           })
           return () => h('div', 'innerA')
-        }
+        },
       },
-      10
+      10,
     )
 
     const InnerB = defineAsyncComponent(
@@ -1284,9 +1284,9 @@ describe('Suspense', () => {
             calls.push('innerB mounted')
           })
           return () => h('div', 'innerB')
-        }
+        },
       },
-      10
+      10,
     )
 
     const OuterA = defineAsyncComponent(
@@ -1298,9 +1298,9 @@ describe('Suspense', () => {
           })
           return () =>
             h(Fragment, null, [h('div', 'outerA'), slots.default?.()])
-        }
+        },
       },
-      5
+      5,
     )
 
     const OuterB = defineAsyncComponent(
@@ -1312,9 +1312,9 @@ describe('Suspense', () => {
           })
           return () =>
             h(Fragment, null, [h('div', 'outerB'), slots.default?.()])
-        }
+        },
       },
-      5
+      5,
     )
 
     const outerToggle = ref(false)
@@ -1340,14 +1340,14 @@ describe('Suspense', () => {
                     Suspense,
                     { suspensible: true },
                     {
-                      default: h(innerToggle.value ? InnerB : InnerA)
-                    }
-                  )
-              })
+                      default: h(innerToggle.value ? InnerB : InnerA),
+                    },
+                  ),
+              }),
             ],
-            fallback: h('div', 'fallback outer')
+            fallback: h('div', 'fallback outer'),
           })
-      }
+      },
     }
 
     expected = `<div>fallback outer</div>`
@@ -1372,7 +1372,7 @@ describe('Suspense', () => {
       'outerA created',
       'innerA created',
       'outerA mounted',
-      'innerA mounted'
+      'innerA mounted',
     ])
 
     // toggle outer component
@@ -1418,7 +1418,7 @@ describe('Suspense', () => {
           calls.push('innerA mounted')
         })
         return () => h('div', 'innerA')
-      }
+      },
     })
 
     const InnerB = defineComponent({
@@ -1428,7 +1428,7 @@ describe('Suspense', () => {
           calls.push('innerB mounted')
         })
         return () => h('div', 'innerB')
-      }
+      },
     })
 
     const OuterA = defineComponent({
@@ -1438,7 +1438,7 @@ describe('Suspense', () => {
           calls.push('outerA mounted')
         })
         return () => h(Fragment, null, [h('div', 'outerA'), slots.default?.()])
-      }
+      },
     })
 
     const OuterB = defineComponent({
@@ -1448,7 +1448,7 @@ describe('Suspense', () => {
           calls.push('outerB mounted')
         })
         return () => h(Fragment, null, [h('div', 'outerB'), slots.default?.()])
-      }
+      },
     })
 
     const outerToggle = ref(false)
@@ -1474,14 +1474,14 @@ describe('Suspense', () => {
                     Suspense,
                     { suspensible: true },
                     {
-                      default: h(innerToggle.value ? InnerB : InnerA)
-                    }
-                  )
-              })
+                      default: h(innerToggle.value ? InnerB : InnerA),
+                    },
+                  ),
+              }),
             ],
-            fallback: h('div', 'fallback outer')
+            fallback: h('div', 'fallback outer'),
           })
-      }
+      },
     })
 
     expected = `<div>outerA</div><div>innerA</div>`
@@ -1498,7 +1498,7 @@ describe('Suspense', () => {
       'outerA created',
       'innerA created',
       'innerA mounted',
-      'outerA mounted'
+      'outerA mounted',
     ])
 
     // toggle outer component
diff --git a/packages/runtime-core/__tests__/components/Teleport.spec.ts b/packages/runtime-core/__tests__/components/Teleport.spec.ts
index 7371f53f7b6..2289228a3ab 100644
--- a/packages/runtime-core/__tests__/components/Teleport.spec.ts
+++ b/packages/runtime-core/__tests__/components/Teleport.spec.ts
@@ -14,7 +14,7 @@ import {
   markRaw,
   defineComponent,
   withDirectives,
-  createApp
+  createApp,
 } from '@vue/runtime-test'
 import { createVNode, Fragment } from '../../src/vnode'
 import { compile, render as domRender } from 'vue'
@@ -27,16 +27,16 @@ describe('renderer: teleport', () => {
     render(
       h(() => [
         h(Teleport, { to: target }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ]),
-      root
+      root,
     )
 
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
   })
 
@@ -49,14 +49,14 @@ describe('renderer: teleport', () => {
       setup() {
         return {
           svg,
-          circle
+          circle,
         }
       },
       template: `
       <svg ref="svg"></svg>
       <teleport :to="svg" v-if="svg">
       <circle ref="circle"></circle>
-      </teleport>`
+      </teleport>`,
     })
 
     domRender(h(Comp), root)
@@ -64,7 +64,7 @@ describe('renderer: teleport', () => {
     await nextTick()
 
     expect(root.innerHTML).toMatchInlineSnapshot(
-      `"<svg><circle></circle></svg><!--teleport start--><!--teleport end-->"`
+      `"<svg><circle></circle></svg><!--teleport start--><!--teleport end-->"`,
     )
 
     expect(svg.value.namespaceURI).toBe('http://www.w3.org/2000/svg')
@@ -80,16 +80,16 @@ describe('renderer: teleport', () => {
     render(
       h(() => [
         h(Teleport, { to: target.value }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ]),
-      root
+      root,
     )
 
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(targetA)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
     expect(serializeInner(targetB)).toMatchInlineSnapshot(`""`)
 
@@ -97,11 +97,11 @@ describe('renderer: teleport', () => {
     await nextTick()
 
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(targetA)).toMatchInlineSnapshot(`""`)
     expect(serializeInner(targetB)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
   })
 
@@ -112,10 +112,10 @@ describe('renderer: teleport', () => {
 
     render(
       h(() => h(Teleport, { to: target }, children.value)),
-      root
+      root,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
 
     children.value = []
@@ -136,10 +136,10 @@ describe('renderer: teleport', () => {
     function testUnmount(props: any) {
       render(
         h(() => [h(Teleport, props, h('div', 'teleported')), h('div', 'root')]),
-        root
+        root,
       )
       expect(serializeInner(target)).toMatchInlineSnapshot(
-        props.disabled ? `""` : `"<div>teleported</div>"`
+        props.disabled ? `""` : `"<div>teleported</div>"`,
       )
 
       render(null, root)
@@ -159,12 +159,12 @@ describe('renderer: teleport', () => {
     const Comp = {
       render() {
         return [h('p'), h('p')]
-      }
+      },
     }
 
     render(
       h(() => [h(Teleport, { to: target }, h(Comp)), h('div', 'root')]),
-      root
+      root,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(`"<p></p><p></p>"`)
 
@@ -179,13 +179,13 @@ describe('renderer: teleport', () => {
     render(
       h('div', [
         h(Teleport, { to: target }, h('div', 'one')),
-        h(Teleport, { to: target }, 'two')
+        h(Teleport, { to: target }, 'two'),
       ]),
-      root
+      root,
     )
 
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div>"`
+      `"<div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(`"<div>one</div>two"`)
 
@@ -193,18 +193,18 @@ describe('renderer: teleport', () => {
     render(
       h('div', [
         h(Teleport, { to: target }, [h('div', 'one'), h('div', 'two')]),
-        h(Teleport, { to: target }, 'three')
+        h(Teleport, { to: target }, 'three'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>one</div><div>two</div>three"`
+      `"<div>one</div><div>two</div>three"`,
     )
 
     // toggling
     render(h('div', [null, h(Teleport, { to: target }, 'three')]), root)
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div><!----><!--teleport start--><!--teleport end--></div>"`
+      `"<div><!----><!--teleport start--><!--teleport end--></div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(`"three"`)
 
@@ -212,31 +212,31 @@ describe('renderer: teleport', () => {
     render(
       h('div', [
         h(Teleport, { to: target }, [h('div', 'one'), h('div', 'two')]),
-        h(Teleport, { to: target }, 'three')
+        h(Teleport, { to: target }, 'three'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div>"`
+      `"<div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div>"`,
     )
     // should append
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"three<div>one</div><div>two</div>"`
+      `"three<div>one</div><div>two</div>"`,
     )
 
     // toggle the other teleport
     render(
       h('div', [
         h(Teleport, { to: target }, [h('div', 'one'), h('div', 'two')]),
-        null
+        null,
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div><!--teleport start--><!--teleport end--><!----></div>"`
+      `"<div><!--teleport start--><!--teleport end--><!----></div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>one</div><div>two</div>"`
+      `"<div>one</div><div>two</div>"`,
     )
   })
 
@@ -253,20 +253,20 @@ describe('renderer: teleport', () => {
             h(
               Teleport,
               { to: target.value, disabled: disabled.value },
-              h('div', 'teleported')
-            )
+              h('div', 'teleported'),
+            ),
           ])
-      }
+      },
     }
     render(h(App), root)
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div></div><!--teleport start--><div>teleported</div><!--teleport end-->"`
+      `"<div></div><!--teleport start--><div>teleported</div><!--teleport end-->"`,
     )
 
     disabled.value = false
     await nextTick()
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div><div>teleported</div></div><!--teleport start--><!--teleport end-->"`
+      `"<div><div>teleported</div></div><!--teleport start--><!--teleport end-->"`,
     )
   })
 
@@ -277,31 +277,31 @@ describe('renderer: teleport', () => {
     const renderWithDisabled = (disabled: boolean) => {
       return h(Fragment, [
         h(Teleport, { to: target, disabled }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ])
     }
 
     render(renderWithDisabled(false), root)
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
 
     render(renderWithDisabled(true), root)
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><div>teleported</div><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><div>teleported</div><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toBe(``)
 
     // toggle back
     render(renderWithDisabled(false), root)
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
   })
 
@@ -312,43 +312,43 @@ describe('renderer: teleport', () => {
     render(
       h(Fragment, [
         h(Teleport, { to: target }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
 
     render(
       h(Fragment, [
         h('div', 'root'),
-        h(Teleport, { to: target }, h('div', 'teleported'))
+        h(Teleport, { to: target }, h('div', 'teleported')),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div>root</div><!--teleport start--><!--teleport end-->"`
+      `"<div>root</div><!--teleport start--><!--teleport end-->"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
 
     render(
       h(Fragment, [
         h(Teleport, { to: target }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
   })
 
@@ -359,36 +359,36 @@ describe('renderer: teleport', () => {
     render(
       h(Fragment, [
         h(Teleport, { to: target, disabled: true }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><div>teleported</div><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><div>teleported</div><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toBe('')
 
     render(
       h(Fragment, [
         h('div', 'root'),
-        h(Teleport, { to: target, disabled: true }, h('div', 'teleported'))
+        h(Teleport, { to: target, disabled: true }, h('div', 'teleported')),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<div>root</div><!--teleport start--><div>teleported</div><!--teleport end-->"`
+      `"<div>root</div><!--teleport start--><div>teleported</div><!--teleport end-->"`,
     )
     expect(serializeInner(target)).toBe('')
 
     render(
       h(Fragment, [
         h(Teleport, { to: target, disabled: true }, h('div', 'teleported')),
-        h('div', 'root')
+        h('div', 'root'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><div>teleported</div><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><div>teleported</div><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toBe('')
   })
@@ -402,7 +402,7 @@ describe('renderer: teleport', () => {
       setup() {
         return {
           target: markRaw(target),
-          disabled
+          disabled,
         }
       },
       render: compile(`
@@ -410,20 +410,20 @@ describe('renderer: teleport', () => {
         <div>teleported</div><span>{{ disabled }}</span><span v-if="disabled"/>
       </teleport>
       <div>root</div>
-      `)
+      `),
     }
     render(h(App), root)
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div><span>false</span><!--v-if-->"`
+      `"<div>teleported</div><span>false</span><!--v-if-->"`,
     )
 
     disabled.value = true
     await nextTick()
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><div>teleported</div><span>true</span><span></span><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><div>teleported</div><span>true</span><span></span><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toBe(``)
 
@@ -431,10 +431,10 @@ describe('renderer: teleport', () => {
     disabled.value = false
     await nextTick()
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end--><div>root</div>"`
+      `"<!--teleport start--><!--teleport end--><div>root</div>"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(
-      `"<div>teleported</div><span>false</span><!--v-if-->"`
+      `"<div>teleported</div><span>false</span><!--v-if-->"`,
     )
   })
 
@@ -445,7 +445,7 @@ describe('renderer: teleport', () => {
     const toggle = ref(true)
     const dir = {
       mounted: vi.fn(),
-      unmounted: vi.fn()
+      unmounted: vi.fn(),
     }
 
     const app = createApp({
@@ -453,16 +453,16 @@ describe('renderer: teleport', () => {
         return () => {
           return toggle.value
             ? h(Teleport, { to: target }, [
-                withDirectives(h('div', ['foo']), [[dir]])
+                withDirectives(h('div', ['foo']), [[dir]]),
               ])
             : null
         }
-      }
+      },
     })
     app.mount(root)
 
     expect(serializeInner(root)).toMatchInlineSnapshot(
-      `"<!--teleport start--><!--teleport end-->"`
+      `"<!--teleport start--><!--teleport end-->"`,
     )
     expect(serializeInner(target)).toMatchInlineSnapshot(`"<div>foo</div>"`)
     expect(dir.mounted).toHaveBeenCalledTimes(1)
@@ -492,16 +492,16 @@ describe('renderer: teleport', () => {
             h(
               Teleport,
               { to: target.value, disabled: disabled.value },
-              h('div', 'teleported')
-            )
+              h('div', 'teleported'),
+            ),
           ])
-      }
+      },
     }
     render(h(App), root)
     disabled.value = false
     await nextTick()
     expect(serializeInner(target1)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
     expect(serializeInner(target2)).toMatchInlineSnapshot(`""`)
     expect(serializeInner(target3)).toMatchInlineSnapshot(`""`)
@@ -525,7 +525,7 @@ describe('renderer: teleport', () => {
     expect(serializeInner(target1)).toMatchInlineSnapshot(`""`)
     expect(serializeInner(target2)).toMatchInlineSnapshot(`""`)
     expect(serializeInner(target3)).toMatchInlineSnapshot(
-      `"<div>teleported</div>"`
+      `"<div>teleported</div>"`,
     )
   })
 })
diff --git a/packages/runtime-core/__tests__/directives.spec.ts b/packages/runtime-core/__tests__/directives.spec.ts
index 16aeb3ad4be..bea012e1ca5 100644
--- a/packages/runtime-core/__tests__/directives.spec.ts
+++ b/packages/runtime-core/__tests__/directives.spec.ts
@@ -8,7 +8,7 @@ import {
   VNode,
   DirectiveBinding,
   nextTick,
-  defineComponent
+  defineComponent,
 } from '@vue/runtime-test'
 import { currentInstance, ComponentInternalInstance } from '../src/component'
 
@@ -105,7 +105,7 @@ describe('directives', () => {
       beforeUpdate,
       updated,
       beforeUnmount,
-      unmounted
+      unmounted,
     }
 
     let _instance: ComponentInternalInstance | null = null
@@ -125,11 +125,11 @@ describe('directives', () => {
             // argument
             'foo',
             // modifiers
-            { ok: true }
-          ]
+            { ok: true },
+          ],
         ])
         return _vnode
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -185,11 +185,11 @@ describe('directives', () => {
             // argument
             'foo',
             // modifiers
-            { ok: true }
-          ]
+            { ok: true },
+          ],
         ])
         return _vnode
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -294,7 +294,7 @@ describe('directives', () => {
       beforeUpdate,
       updated,
       beforeUnmount,
-      unmounted
+      unmounted,
     }
 
     let _instance: ComponentInternalInstance | null = null
@@ -320,10 +320,10 @@ describe('directives', () => {
             // argument
             'foo',
             // modifiers
-            { ok: true }
-          ]
+            { ok: true },
+          ],
         ])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -345,22 +345,22 @@ describe('directives', () => {
   // #2298
   it('directive merging on component root', () => {
     const d1 = {
-      mounted: vi.fn()
+      mounted: vi.fn(),
     }
     const d2 = {
-      mounted: vi.fn()
+      mounted: vi.fn(),
     }
     const Comp = {
       render() {
         return withDirectives(h('div'), [[d2]])
-      }
+      },
     }
 
     const App = {
       name: 'App',
       render() {
         return h('div', [withDirectives(h(Comp), [[d1]])])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -379,11 +379,11 @@ describe('directives', () => {
         return withDirectives(h('p', text.value), [
           [
             {
-              beforeUpdate
-            }
-          ]
+              beforeUpdate,
+            },
+          ],
         ])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -402,7 +402,7 @@ describe('directives', () => {
     const App = defineComponent({
       setup(_, { expose }) {
         expose({
-          msg: 'Test'
+          msg: 'Test',
         })
 
         return () =>
@@ -411,11 +411,11 @@ describe('directives', () => {
               {
                 mounted(el, { instance }) {
                   res = (instance as any).msg as string
-                }
-              }
-            ]
+                },
+              },
+            ],
           ])
-      }
+      },
     })
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -424,14 +424,14 @@ describe('directives', () => {
 
   test('should not throw with unknown directive', async () => {
     const d1 = {
-      mounted: vi.fn()
+      mounted: vi.fn(),
     }
     const App = {
       name: 'App',
       render() {
         // simulates the code generated on an unknown directive
         return withDirectives(h('div'), [[undefined], [d1]])
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
diff --git a/packages/runtime-core/__tests__/errorHandling.spec.ts b/packages/runtime-core/__tests__/errorHandling.spec.ts
index ebbfeb1d08e..84fb41cbb29 100644
--- a/packages/runtime-core/__tests__/errorHandling.spec.ts
+++ b/packages/runtime-core/__tests__/errorHandling.spec.ts
@@ -9,7 +9,7 @@ import {
   nextTick,
   defineComponent,
   watchEffect,
-  createApp
+  createApp,
 } from '@vue/runtime-test'
 
 describe('error handling', () => {
@@ -24,7 +24,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -33,7 +33,7 @@ describe('error handling', () => {
           fn(err, info, 'child')
         })
         return () => h(GrandChild)
-      }
+      },
     }
 
     const GrandChild = {
@@ -42,7 +42,7 @@ describe('error handling', () => {
           throw err
         })
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -62,7 +62,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -72,7 +72,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(GrandChild)
-      }
+      },
     }
 
     const GrandChild = {
@@ -81,7 +81,7 @@ describe('error handling', () => {
           throw err
         })
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -100,7 +100,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -109,7 +109,7 @@ describe('error handling', () => {
           throw err
         })
       },
-      render() {}
+      render() {},
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -130,7 +130,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -139,7 +139,7 @@ describe('error handling', () => {
           throw err2
         })
         return () => h(GrandChild)
-      }
+      },
     }
 
     const GrandChild = {
@@ -148,7 +148,7 @@ describe('error handling', () => {
           throw err
         })
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -168,14 +168,14 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
       setup() {
         throw err
       },
-      render() {}
+      render() {},
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -195,21 +195,21 @@ describe('error handling', () => {
           return false
         })
         return () => [h(Child1), h(Child2)]
-      }
+      },
     }
 
     const Child1 = {
       created() {
         throw err
       },
-      render() {}
+      render() {},
     }
 
     const Child2 = {
       beforeCreate() {
         throw err
       },
-      render() {}
+      render() {},
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -228,7 +228,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -236,7 +236,7 @@ describe('error handling', () => {
         return () => {
           throw err
         }
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -257,7 +257,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = defineComponent(() => () => h('div', { ref }))
@@ -277,7 +277,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -286,7 +286,7 @@ describe('error handling', () => {
           throw err
         })
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -304,7 +304,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -313,10 +313,10 @@ describe('error handling', () => {
           () => {
             throw err
           },
-          () => {}
+          () => {},
         )
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -334,7 +334,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const count = ref(0)
@@ -344,10 +344,10 @@ describe('error handling', () => {
           () => count.value,
           () => {
             throw err
-          }
+          },
         )
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -369,7 +369,7 @@ describe('error handling', () => {
           return false
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
@@ -381,7 +381,7 @@ describe('error handling', () => {
           })
         })
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -405,16 +405,16 @@ describe('error handling', () => {
           h(Child, {
             onFoo: () => {
               throw err
-            }
+            },
           })
-      }
+      },
     }
 
     const Child = {
       setup(props: any, { emit }: any) {
         emit('foo')
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -435,9 +435,9 @@ describe('error handling', () => {
           h(Child, {
             async onFoo() {
               throw err
-            }
+            },
           })
-      }
+      },
     }
 
     const Child = {
@@ -445,7 +445,7 @@ describe('error handling', () => {
       setup(props: any, { emit }: any) {
         emit('foo')
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -473,17 +473,17 @@ describe('error handling', () => {
           h(Child, {
             onFoo: [
               createAsyncHandler(Promise.reject(err)),
-              createAsyncHandler(Promise.resolve(1))
-            ]
+              createAsyncHandler(Promise.resolve(1)),
+            ],
           })
-      }
+      },
     }
 
     const Child = {
       setup(props: any, { emit }: any) {
         emit('foo')
         return () => null
-      }
+      },
     }
 
     render(h(Comp), nodeOps.createElement('div'))
@@ -511,14 +511,14 @@ describe('error handling', () => {
           fn(err, info)
         })
         return () => h(Child)
-      }
+      },
     }
 
     const Child = {
       setup() {
         throw err
       },
-      render() {}
+      render() {},
     }
 
     let caughtError
@@ -529,7 +529,7 @@ describe('error handling', () => {
     }
     expect(fn).toHaveBeenCalledWith(err, 'setup function')
     expect(
-      `Unhandled error during execution of setup function`
+      `Unhandled error during execution of setup function`,
     ).toHaveBeenWarned()
     expect(caughtError).toBe(err)
 
@@ -553,14 +553,14 @@ describe('error handling', () => {
           () => {
             throw error1
           },
-          { immediate: true }
+          { immediate: true },
         )
         watch(
           count,
           async () => {
             throw error2
           },
-          { immediate: true }
+          { immediate: true },
         )
         watchEffect(() => {
           throw error3
@@ -569,7 +569,7 @@ describe('error handling', () => {
           throw error4
         })
       },
-      render() {}
+      render() {},
     })
 
     app.config.errorHandler = handler
diff --git a/packages/runtime-core/__tests__/h.spec.ts b/packages/runtime-core/__tests__/h.spec.ts
index 21eab3c5686..784ef3d60c8 100644
--- a/packages/runtime-core/__tests__/h.spec.ts
+++ b/packages/runtime-core/__tests__/h.spec.ts
@@ -11,7 +11,7 @@ describe('renderer: h', () => {
 
   test('type + props', () => {
     expect(h('div', { id: 'foo' })).toMatchObject(
-      createVNode('div', { id: 'foo' })
+      createVNode('div', { id: 'foo' }),
     )
   })
 
@@ -37,12 +37,12 @@ describe('renderer: h', () => {
     expect(h('div', {}, slots)).toMatchObject(createVNode('div', {}, slots))
     const Component = { template: '<br />' }
     expect(h(Component, {}, slots)).toMatchObject(
-      createVNode(Component, {}, slots)
+      createVNode(Component, {}, slots),
     )
     // default slot
     const slot = () => {}
     expect(h(Component, {}, slot)).toMatchObject(
-      createVNode(Component, {}, slot)
+      createVNode(Component, {}, slot),
     )
     // single vnode
     const vnode = h('div')
@@ -56,12 +56,12 @@ describe('renderer: h', () => {
     const slot = () => {}
     expect(
       h(Component, null, {
-        foo: slot
-      })
+        foo: slot,
+      }),
     ).toMatchObject(
       createVNode(Component, null, {
-        foo: slot
-      })
+        foo: slot,
+      }),
     )
   })
 
@@ -73,11 +73,11 @@ describe('renderer: h', () => {
     const vnode = h('div', null, h('span'), h('span'))
     expect(vnode.children).toMatchObject([
       {
-        type: 'span'
+        type: 'span',
       },
       {
-        type: 'span'
-      }
+        type: 'span',
+      },
     ])
   })
 })
diff --git a/packages/runtime-core/__tests__/helpers/createSlots.spec.ts b/packages/runtime-core/__tests__/helpers/createSlots.spec.ts
index 2af24380cca..d3e8f43fc20 100644
--- a/packages/runtime-core/__tests__/helpers/createSlots.spec.ts
+++ b/packages/runtime-core/__tests__/helpers/createSlots.spec.ts
@@ -37,7 +37,7 @@ describe('createSlot', () => {
   it('should add all slots to the record', () => {
     const dynamicSlot = [
       { name: 'descriptor', fn: slot },
-      { name: 'descriptor2', fn: slot }
+      { name: 'descriptor2', fn: slot },
     ]
 
     const actual = createSlots(record, dynamicSlot)
@@ -48,7 +48,7 @@ describe('createSlot', () => {
   it('should add slot to the record when given slot is an array', () => {
     const dynamicSlot = [
       { name: 'descriptor', fn: slot },
-      [{ name: 'descriptor2', fn: slot }]
+      [{ name: 'descriptor2', fn: slot }],
     ]
 
     const actual = createSlots(record, dynamicSlot)
@@ -61,8 +61,8 @@ describe('createSlot', () => {
       { name: 'descriptor', fn: slot },
       [
         { name: 'descriptor2', fn: slot },
-        { name: 'descriptor3', fn: slot }
-      ]
+        { name: 'descriptor3', fn: slot },
+      ],
     ]
 
     const actual = createSlots(record, dynamicSlot)
@@ -70,7 +70,7 @@ describe('createSlot', () => {
     expect(actual).toEqual({
       descriptor: slot,
       descriptor2: slot,
-      descriptor3: slot
+      descriptor3: slot,
     })
   })
 })
diff --git a/packages/runtime-core/__tests__/helpers/renderList.spec.ts b/packages/runtime-core/__tests__/helpers/renderList.spec.ts
index ae487b6be23..d23a63cc08e 100644
--- a/packages/runtime-core/__tests__/helpers/renderList.spec.ts
+++ b/packages/runtime-core/__tests__/helpers/renderList.spec.ts
@@ -3,13 +3,13 @@ import { renderList } from '../../src/helpers/renderList'
 describe('renderList', () => {
   it('should render items in an array', () => {
     expect(
-      renderList(['1', '2', '3'], (item, index) => `node ${index}: ${item}`)
+      renderList(['1', '2', '3'], (item, index) => `node ${index}: ${item}`),
     ).toEqual(['node 0: 1', 'node 1: 2', 'node 2: 3'])
   })
 
   it('should render characters of a string', () => {
     expect(
-      renderList('123', (item, index) => `node ${index}: ${item}`)
+      renderList('123', (item, index) => `node ${index}: ${item}`),
     ).toEqual(['node 0: 1', 'node 1: 2', 'node 2: 3'])
   })
 
@@ -17,7 +17,7 @@ describe('renderList', () => {
     expect(renderList(3, (item, index) => `node ${index}: ${item}`)).toEqual([
       'node 0: 1',
       'node 1: 2',
-      'node 2: 3'
+      'node 2: 3',
     ])
   })
 
@@ -26,7 +26,7 @@ describe('renderList', () => {
       renderList(3.1, () => {})
     } catch (e) {}
     expect(
-      `The v-for range expect an integer value but got 3.1.`
+      `The v-for range expect an integer value but got 3.1.`,
     ).toHaveBeenWarned()
   })
 
@@ -34,8 +34,8 @@ describe('renderList', () => {
     expect(
       renderList(
         { a: 1, b: 2, c: 3 },
-        (item, key, index) => `node ${index}/${key}: ${item}`
-      )
+        (item, key, index) => `node ${index}/${key}: ${item}`,
+      ),
     ).toEqual(['node 0/a: 1', 'node 1/b: 2', 'node 2/c: 3'])
   })
 
@@ -47,13 +47,13 @@ describe('renderList', () => {
     }
 
     expect(
-      renderList(iterable(), (item, index) => `node ${index}: ${item}`)
+      renderList(iterable(), (item, index) => `node ${index}: ${item}`),
     ).toEqual(['node 0: 1', 'node 1: 2', 'node 2: 3'])
   })
 
   it('should return empty array when source is undefined', () => {
     expect(
-      renderList(undefined, (item, index) => `node ${index}: ${item}`)
+      renderList(undefined, (item, index) => `node ${index}: ${item}`),
     ).toEqual([])
   })
 })
diff --git a/packages/runtime-core/__tests__/helpers/renderSlot.spec.ts b/packages/runtime-core/__tests__/helpers/renderSlot.spec.ts
index 4e661c406e6..3f98186ea97 100644
--- a/packages/runtime-core/__tests__/helpers/renderSlot.spec.ts
+++ b/packages/runtime-core/__tests__/helpers/renderSlot.spec.ts
@@ -7,7 +7,7 @@ import {
   createBlock,
   Fragment,
   createCommentVNode,
-  Slot
+  Slot,
 } from '../../src'
 import { PatchFlags } from '@vue/shared'
 import { setCurrentRenderingInstance } from '../../src/componentRenderContext'
@@ -25,7 +25,7 @@ describe('renderSlot', () => {
     let child
     const vnode = renderSlot(
       { default: () => [(child = h('child'))] },
-      'default'
+      'default',
     )
     expect(vnode.children).toEqual([child])
   })
@@ -47,7 +47,7 @@ describe('renderSlot', () => {
         return [createVNode('div', null, 'foo', PatchFlags.TEXT)]
       },
       // mock instance
-      { type: {}, appContext: {} } as any
+      { type: {}, appContext: {} } as any,
     ) as Slot
 
     // manual invocation should not track
@@ -67,7 +67,7 @@ describe('renderSlot', () => {
         { default: () => [createCommentVNode('foo')] },
         'default',
         undefined,
-        () => [(fallback = h('fallback'))]
+        () => [(fallback = h('fallback'))],
       )
       expect(vnode.children).toEqual([fallback])
       expect(vnode.patchFlag).toBe(PatchFlags.BAIL)
@@ -79,7 +79,7 @@ describe('renderSlot', () => {
         { default: () => [renderSlot({}, 'foo')] },
         'default',
         undefined,
-        () => [(fallback = h('fallback'))]
+        () => [(fallback = h('fallback'))],
       )
       expect(vnode.children).toEqual([fallback])
       expect(vnode.patchFlag).toBe(PatchFlags.BAIL)
diff --git a/packages/runtime-core/__tests__/helpers/resolveAssets.spec.ts b/packages/runtime-core/__tests__/helpers/resolveAssets.spec.ts
index fdcde4639fc..6606b257991 100644
--- a/packages/runtime-core/__tests__/helpers/resolveAssets.spec.ts
+++ b/packages/runtime-core/__tests__/helpers/resolveAssets.spec.ts
@@ -10,7 +10,7 @@ import {
   serializeInner,
   createVNode,
   Comment,
-  VNode
+  VNode,
 } from '@vue/runtime-test'
 
 describe('resolveAssets', () => {
@@ -29,10 +29,10 @@ describe('resolveAssets', () => {
 
     const Root = {
       components: {
-        FooBar: FooBar
+        FooBar: FooBar,
       },
       directives: {
-        BarBaz: BarBaz
+        BarBaz: BarBaz,
       },
       setup() {
         return () => {
@@ -48,7 +48,7 @@ describe('resolveAssets', () => {
           component4 = resolveComponent('foo-bar')!
           directive4 = resolveDirective('bar-baz')!
         }
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -76,7 +76,7 @@ describe('resolveAssets', () => {
       name: 'Root',
       components: {
         Foo,
-        Root: Foo
+        Root: Foo,
       },
       setup() {
         return () => {
@@ -84,7 +84,7 @@ describe('resolveAssets', () => {
           component2 = resolveComponent('Foo', true)
           component3 = resolveComponent('Bar', true)
         }
-      }
+      },
     }
 
     const app = createApp(Root)
@@ -100,12 +100,12 @@ describe('resolveAssets', () => {
     test('used outside render() or setup()', () => {
       resolveComponent('foo')
       expect(
-        'resolveComponent can only be used in render() or setup().'
+        'resolveComponent can only be used in render() or setup().',
       ).toHaveBeenWarned()
 
       resolveDirective('foo')
       expect(
-        'resolveDirective can only be used in render() or setup().'
+        'resolveDirective can only be used in render() or setup().',
       ).toHaveBeenWarned()
     })
 
@@ -115,7 +115,7 @@ describe('resolveAssets', () => {
           resolveComponent('foo')
           resolveDirective('bar')
           return () => null
-        }
+        },
       }
 
       const app = createApp(Root)
@@ -129,7 +129,7 @@ describe('resolveAssets', () => {
       const dynamicComponents = {
         foo: () => 'foo',
         bar: () => 'bar',
-        baz: { render: () => 'baz' }
+        baz: { render: () => 'baz' },
       }
       let foo, bar, baz // dynamic components
       let dynamicVNode: VNode
@@ -137,7 +137,7 @@ describe('resolveAssets', () => {
       const Child = {
         render(this: any) {
           return this.$slots.default()
-        }
+        },
       }
 
       const Root = {
@@ -152,7 +152,7 @@ describe('resolveAssets', () => {
               baz = resolveDynamicComponent(dynamicComponents.baz) // <component :is="baz"/>, object
             })
           }
-        }
+        },
       }
 
       const app = createApp(Root)
@@ -170,10 +170,10 @@ describe('resolveAssets', () => {
         setup() {
           return () => {
             return createVNode(resolveDynamicComponent('div') as string, null, {
-              default: () => 'hello'
+              default: () => 'hello',
             })
           }
-        }
+        },
       }
 
       const app = createApp(Root)
@@ -198,13 +198,13 @@ describe('resolveAssets', () => {
 
     const Base = {
       components: {
-        FooBar: FooBar
-      }
+        FooBar: FooBar,
+      },
     }
     const Mixin = {
       directives: {
-        BarBaz: BarBaz
-      }
+        BarBaz: BarBaz,
+      },
     }
 
     const Root = {
@@ -224,7 +224,7 @@ describe('resolveAssets', () => {
           component4 = resolveComponent('foo-bar')!
           directive4 = resolveDirective('bar-baz')!
         }
-      }
+      },
     }
 
     const app = createApp(Root)
diff --git a/packages/runtime-core/__tests__/helpers/toHandlers.spec.ts b/packages/runtime-core/__tests__/helpers/toHandlers.spec.ts
index 3dc5bb5172b..f1e95e5164a 100644
--- a/packages/runtime-core/__tests__/helpers/toHandlers.spec.ts
+++ b/packages/runtime-core/__tests__/helpers/toHandlers.spec.ts
@@ -6,7 +6,7 @@ describe('toHandlers', () => {
     toHandlers(undefined as any)
 
     expect(
-      'v-on with no argument expects an object value.'
+      'v-on with no argument expects an object value.',
     ).toHaveBeenWarnedTimes(2)
   })
 
@@ -16,7 +16,7 @@ describe('toHandlers', () => {
 
     expect(toHandlers({ input, change })).toStrictEqual({
       onInput: input,
-      onChange: change
+      onChange: change,
     })
   })
 })
diff --git a/packages/runtime-core/__tests__/helpers/withMemo.spec.ts b/packages/runtime-core/__tests__/helpers/withMemo.spec.ts
index 60b5132bd5e..9901e575768 100644
--- a/packages/runtime-core/__tests__/helpers/withMemo.spec.ts
+++ b/packages/runtime-core/__tests__/helpers/withMemo.spec.ts
@@ -17,7 +17,7 @@ describe('v-memo', () => {
   test('on with external array', async () => {
     const [el, vm] = mount({
       template: `<div v-memo="arr">{{ arr[0] }} {{ arr[1] }} {{arr[2] ?? '_' }} ({{c}})</div>{{c}}`,
-      data: () => ({ arr: [0, 0], c: 0 })
+      data: () => ({ arr: [0, 0], c: 0 }),
     })
     expect(el.innerHTML).toBe(`<div>0 0 _ (0)</div>0`)
 
@@ -58,7 +58,7 @@ describe('v-memo', () => {
   test('on normal element', async () => {
     const [el, vm] = mount({
       template: `<div v-memo="[x]">{{ x }} {{ y }}</div>`,
-      data: () => ({ x: 0, y: 0 })
+      data: () => ({ x: 0, y: 0 }),
     })
     expect(el.innerHTML).toBe(`<div>0 0</div>`)
 
@@ -85,9 +85,9 @@ describe('v-memo', () => {
       components: {
         Comp: {
           props: ['x', 'y'],
-          template: `<div>{{x}} {{y}}</div>`
-        }
-      }
+          template: `<div>{{x}} {{y}}</div>`,
+        },
+      },
     })
     expect(el.innerHTML).toBe(`<div>0 0</div>`)
 
@@ -111,7 +111,7 @@ describe('v-memo', () => {
     const [el, vm] = mount({
       template: `<div v-if="ok" v-memo="[x]">{{ x }} {{ y }}</div>
         <div v-else v-memo="[y]">{{ y }} {{ x }}</div>`,
-      data: () => ({ ok: true, x: 0, y: 0 })
+      data: () => ({ ok: true, x: 0, y: 0 }),
     })
     expect(el.innerHTML).toBe(`<div>0 0</div>`)
 
@@ -159,37 +159,37 @@ describe('v-memo', () => {
       data: () => ({
         list: [{ x: 1 }, { x: 2 }, { x: 3 }],
         y: 1,
-        z: 'z'
-      })
+        z: 'z',
+      }),
     })
     expect(el.innerHTML).toBe(
-      `<div>1 yes z</div><div>2 no z</div><div>3 no z</div>`
+      `<div>1 yes z</div><div>2 no z</div><div>3 no z</div>`,
     )
 
     vm.y = 2
     await nextTick()
     expect(el.innerHTML).toBe(
-      `<div>1 no z</div><div>2 yes z</div><div>3 no z</div>`
+      `<div>1 no z</div><div>2 yes z</div><div>3 no z</div>`,
     )
 
     vm.list[0].x = 4
     await nextTick()
     expect(el.innerHTML).toBe(
-      `<div>4 no z</div><div>2 yes z</div><div>3 no z</div>`
+      `<div>4 no z</div><div>2 yes z</div><div>3 no z</div>`,
     )
 
     vm.list[0].x = 5
     vm.y = 5
     await nextTick()
     expect(el.innerHTML).toBe(
-      `<div>5 yes z</div><div>2 no z</div><div>3 no z</div>`
+      `<div>5 yes z</div><div>2 no z</div><div>3 no z</div>`,
     )
 
     vm.z = 'zz'
     await nextTick()
     // should not update
     expect(el.innerHTML).toBe(
-      `<div>5 yes z</div><div>2 no z</div><div>3 no z</div>`
+      `<div>5 yes z</div><div>2 no z</div><div>3 no z</div>`,
     )
   })
 
@@ -199,8 +199,8 @@ describe('v-memo', () => {
           {{count}}
         </div>`,
       data: () => ({
-        count: 0
-      })
+        count: 0,
+      }),
     })
     expect(el.innerHTML).toBe(`<div>0</div><div>0</div><div>0</div>`)
 
@@ -218,7 +218,7 @@ describe('v-memo', () => {
   test('v-memo dependency is NaN should be equal', async () => {
     const [el, vm] = mount({
       template: `<div v-memo="[x]">{{ y }}</div>`,
-      data: () => ({ x: NaN, y: 0 })
+      data: () => ({ x: NaN, y: 0 }),
     })
     expect(el.innerHTML).toBe(`<div>0</div>`)
 
diff --git a/packages/runtime-core/__tests__/hmr.spec.ts b/packages/runtime-core/__tests__/hmr.spec.ts
index db713a3f276..2e24927172f 100644
--- a/packages/runtime-core/__tests__/hmr.spec.ts
+++ b/packages/runtime-core/__tests__/hmr.spec.ts
@@ -8,7 +8,7 @@ import {
   serializeInner,
   triggerEvent,
   TestElement,
-  nextTick
+  nextTick,
 } from '@vue/runtime-test'
 import * as runtimeTest from '@vue/runtime-test'
 import { registerRuntimeCompiler, createApp } from '@vue/runtime-test'
@@ -22,7 +22,7 @@ registerRuntimeCompiler(compileToFunction)
 function compileToFunction(template: string) {
   const { code } = baseCompile(template)
   const render = new Function('Vue', code)(
-    runtimeTest
+    runtimeTest,
   ) as InternalRenderFunction
   render._rc = true // isRuntimeCompiled
   return render
@@ -48,7 +48,7 @@ describe('hot module replacement', () => {
 
     const Child: ComponentOptions = {
       __hmrId: childId,
-      render: compileToFunction(`<div><slot/></div>`)
+      render: compileToFunction(`<div><slot/></div>`),
     }
     createRecord(childId, Child)
 
@@ -59,8 +59,8 @@ describe('hot module replacement', () => {
       },
       components: { Child },
       render: compileToFunction(
-        `<div @click="count++">{{ count }}<Child>{{ count }}</Child></div>`
-      )
+        `<div @click="count++">{{ count }}<Child>{{ count }}</Child></div>`,
+      ),
     }
     createRecord(parentId, Parent)
 
@@ -77,8 +77,8 @@ describe('hot module replacement', () => {
     rerender(
       parentId,
       compileToFunction(
-        `<div @click="count++">{{ count }}!<Child>{{ count }}</Child></div>`
-      )
+        `<div @click="count++">{{ count }}!<Child>{{ count }}</Child></div>`,
+      ),
     )
     expect(serializeInner(root)).toBe(`<div>1!<div>1</div></div>`)
 
@@ -86,8 +86,8 @@ describe('hot module replacement', () => {
     rerender(
       parentId,
       compileToFunction(
-        `<div @click="count++">{{ count }}!<Child>{{ count }}!</Child></div>`
-      )
+        `<div @click="count++">{{ count }}!<Child>{{ count }}!</Child></div>`,
+      ),
     )
     expect(serializeInner(root)).toBe(`<div>1!<div>1!</div></div>`)
 
@@ -97,8 +97,8 @@ describe('hot module replacement', () => {
       compileToFunction(
         `<div @click="count++">{{ count }}<span>{{ count }}</span>
         <Child>{{ count }}!</Child>
-      </div>`
-      )
+      </div>`,
+      ),
     )
     expect(serializeInner(root)).toBe(`<div>1<span>1</span><div>1!</div></div>`)
 
@@ -108,8 +108,8 @@ describe('hot module replacement', () => {
       compileToFunction(
         `<div @click="count++">
         <Child><span>{{ count }}</span></Child>
-      </div>`
-      )
+      </div>`,
+      ),
     )
     expect(serializeInner(root)).toBe(`<div><div><span>1</span></div></div>`)
   })
@@ -126,12 +126,12 @@ describe('hot module replacement', () => {
         return { count: 0 }
       },
       unmounted: unmountSpy,
-      render: compileToFunction(`<div @click="count++">{{ count }}</div>`)
+      render: compileToFunction(`<div @click="count++">{{ count }}</div>`),
     }
     createRecord(childId, Child)
 
     const Parent: ComponentOptions = {
-      render: () => h(Child)
+      render: () => h(Child),
     }
 
     render(h(Parent), root)
@@ -143,7 +143,7 @@ describe('hot module replacement', () => {
         return { count: 1 }
       },
       mounted: mountSpy,
-      render: compileToFunction(`<div @click="count++">{{ count }}</div>`)
+      render: compileToFunction(`<div @click="count++">{{ count }}</div>`),
     })
     await nextTick()
     expect(serializeInner(root)).toBe(`<div>1</div>`)
@@ -166,7 +166,7 @@ describe('hot module replacement', () => {
         return { count: 0 }
       },
       unmounted: unmountSpy,
-      render: compileToFunction(`<div>{{ count }}</div>`)
+      render: compileToFunction(`<div>{{ count }}</div>`),
     }
     createRecord(childId, Child)
 
@@ -176,8 +176,8 @@ describe('hot module replacement', () => {
         return { toggle: true }
       },
       render: compileToFunction(
-        `<button @click="toggle = !toggle"></button><KeepAlive><Child v-if="toggle" /></KeepAlive>`
-      )
+        `<button @click="toggle = !toggle"></button><KeepAlive><Child v-if="toggle" /></KeepAlive>`,
+      ),
     }
 
     render(h(Parent), root)
@@ -192,7 +192,7 @@ describe('hot module replacement', () => {
       unmounted: unmountSpy,
       activated: activeSpy,
       deactivated: deactiveSpy,
-      render: compileToFunction(`<div>{{ count }}</div>`)
+      render: compileToFunction(`<div>{{ count }}</div>`),
     })
     await nextTick()
     expect(serializeInner(root)).toBe(`<button></button><div>1</div>`)
@@ -231,13 +231,13 @@ describe('hot module replacement', () => {
           return { count: 0 }
         },
         unmounted: unmountSpy,
-        render: compileToFunction(`<div @click="count++">{{ count }}</div>`)
+        render: compileToFunction(`<div @click="count++">{{ count }}</div>`),
       }
     }
     createRecord(childId, Child)
 
     const Parent: ComponentOptions = {
-      render: () => h(Child)
+      render: () => h(Child),
     }
 
     render(h(Parent), root)
@@ -250,7 +250,7 @@ describe('hot module replacement', () => {
           return { count: 1 }
         },
         mounted: mountSpy,
-        render: compileToFunction(`<div @click="count++">{{ count }}</div>`)
+        render: compileToFunction(`<div @click="count++">{{ count }}</div>`),
       }
     }
 
@@ -277,29 +277,29 @@ describe('hot module replacement', () => {
       data() {
         return { count: 0 }
       },
-      render: compileToFunction(template)
+      render: compileToFunction(template),
     }
     createRecord(id, Comp)
 
     render(h(Comp), root)
     expect(serializeInner(root)).toBe(
-      `<div><div>0</div><button>++</button></div>`
+      `<div><div>0</div><button>++</button></div>`,
     )
 
     // 1. click to trigger update
     triggerEvent((root as any).children[0].children[1], 'click')
     await nextTick()
     expect(serializeInner(root)).toBe(
-      `<div><div>1</div><button>++</button></div>`
+      `<div><div>1</div><button>++</button></div>`,
     )
 
     // 2. trigger HMR
     rerender(
       id,
-      compileToFunction(template.replace(`<button`, `<button class="foo"`))
+      compileToFunction(template.replace(`<button`, `<button class="foo"`)),
     )
     expect(serializeInner(root)).toBe(
-      `<div><div>1</div><button class="foo">++</button></div>`
+      `<div><div>1</div><button class="foo">++</button></div>`,
     )
   })
 
@@ -312,16 +312,16 @@ describe('hot module replacement', () => {
     const Child: ComponentOptions = {
       __hmrId: childId,
       props: {
-        msg: String
+        msg: String,
       },
-      render: compileToFunction(`<div>{{ msg }}</div>`)
+      render: compileToFunction(`<div>{{ msg }}</div>`),
     }
     createRecord(childId, Child)
 
     const Parent: ComponentOptions = {
       __hmrId: parentId,
       components: { Child },
-      render: compileToFunction(`<Child msg="foo" />`)
+      render: compileToFunction(`<Child msg="foo" />`),
     }
     createRecord(parentId, Parent)
 
@@ -340,14 +340,14 @@ describe('hot module replacement', () => {
 
     const Child: ComponentOptions = {
       __hmrId: childId,
-      render: compileToFunction(`<div>child</div>`)
+      render: compileToFunction(`<div>child</div>`),
     }
     createRecord(childId, Child)
 
     const Parent: ComponentOptions = {
       __hmrId: parentId,
       components: { Child },
-      render: compileToFunction(`<Child class="test" />`)
+      render: compileToFunction(`<Child class="test" />`),
     }
     createRecord(parentId, Parent)
 
@@ -367,7 +367,7 @@ describe('hot module replacement', () => {
 
     const Child: ComponentOptions = {
       __hmrId: childId,
-      render: compileToFunction(`<div>child</div>`)
+      render: compileToFunction(`<div>child</div>`),
     }
     createRecord(childId, Child)
 
@@ -376,18 +376,18 @@ describe('hot module replacement', () => {
     for (let i = 0; i < numberOfParents; i++) {
       const parentId = `${parent}${i}`
       const parentComp: ComponentOptions = {
-        __hmrId: parentId
+        __hmrId: parentId,
       }
       components.push(parentComp)
       if (i === 0) {
         parentComp.render = compileToFunction(`<Child />`)
         parentComp.components = {
-          Child
+          Child,
         }
       } else {
         parentComp.render = compileToFunction(`<Parent />`)
         parentComp.components = {
-          Parent: components[i - 1]
+          Parent: components[i - 1],
         }
       }
 
@@ -414,7 +414,7 @@ describe('hot module replacement', () => {
         return {
           // style is used to ensure that the div tag will be tracked by Teleport
           style: {},
-          target
+          target,
         }
       },
       render: compileToFunction(`
@@ -423,7 +423,7 @@ describe('hot module replacement', () => {
             <slot/>
           </div>
         </teleport>
-      `)
+      `),
     }
 
     const Parent: ComponentOptions = {
@@ -435,13 +435,13 @@ describe('hot module replacement', () => {
             <div>1</div>
           </template>
         </Child>
-      `)
+      `),
     }
     createRecord(parentId, Parent)
 
     render(h(Parent), root)
     expect(serializeInner(root)).toBe(
-      `<!--teleport start--><!--teleport end-->`
+      `<!--teleport start--><!--teleport end-->`,
     )
     expect(serializeInner(target)).toBe(`<div style={}><div>1</div></div>`)
 
@@ -454,13 +454,13 @@ describe('hot module replacement', () => {
           <div>2</div>
         </template>
       </Child>
-    `)
+    `),
     )
     expect(serializeInner(root)).toBe(
-      `<!--teleport start--><!--teleport end-->`
+      `<!--teleport start--><!--teleport end-->`,
     )
     expect(serializeInner(target)).toBe(
-      `<div style={}><div>1</div><div>2</div></div>`
+      `<div style={}><div>1</div><div>2</div></div>`,
     )
   })
 
@@ -475,12 +475,12 @@ describe('hot module replacement', () => {
       created: createSpy1,
       render() {
         return h('div')
-      }
+      },
     }
     createRecord(childId, Child)
 
     const Parent: ComponentOptions = {
-      render: () => h(Child)
+      render: () => h(Child),
     }
 
     const app = createApp(Parent)
@@ -496,7 +496,7 @@ describe('hot module replacement', () => {
       created: createSpy2,
       render() {
         return h('div')
-      }
+      },
     })
     await nextTick()
     expect(createSpy1).toHaveBeenCalledTimes(1)
@@ -508,7 +508,7 @@ describe('hot module replacement', () => {
     const id = 'no-active-instance-rerender'
     const Foo: ComponentOptions = {
       __hmrId: id,
-      render: () => 'foo'
+      render: () => 'foo',
     }
 
     createRecord(id, Foo)
@@ -523,13 +523,13 @@ describe('hot module replacement', () => {
     const id = 'no-active-instance-reload'
     const Foo: ComponentOptions = {
       __hmrId: id,
-      render: () => 'foo'
+      render: () => 'foo',
     }
 
     createRecord(id, Foo)
     reload(id, {
       __hmrId: id,
-      render: () => 'bar'
+      render: () => 'bar',
     })
 
     const root = nodeOps.createElement('div')
@@ -548,16 +548,16 @@ describe('hot module replacement', () => {
       computed: {
         slotContent() {
           return this.$slots.default?.()
-        }
+        },
       },
-      render: compileToFunction(`<component :is="() => slotContent" />`)
+      render: compileToFunction(`<component :is="() => slotContent" />`),
     }
     createRecord(childId, Child)
 
     const Parent: ComponentOptions = {
       __hmrId: parentId,
       components: { Child },
-      render: compileToFunction(`<Child>1</Child>`)
+      render: compileToFunction(`<Child>1</Child>`),
     }
     createRecord(parentId, Parent)
 
diff --git a/packages/runtime-core/__tests__/hydration.spec.ts b/packages/runtime-core/__tests__/hydration.spec.ts
index d3cfd47c6be..ae0c04c4e69 100644
--- a/packages/runtime-core/__tests__/hydration.spec.ts
+++ b/packages/runtime-core/__tests__/hydration.spec.ts
@@ -18,7 +18,7 @@ import {
   createVNode,
   withDirectives,
   vModelCheckbox,
-  renderSlot
+  renderSlot,
 } from '@vue/runtime-dom'
 import { renderToString, SSRContext } from '@vue/server-renderer'
 import { PatchFlags } from '../../shared/src'
@@ -27,13 +27,13 @@ function mountWithHydration(html: string, render: () => any) {
   const container = document.createElement('div')
   container.innerHTML = html
   const app = createSSRApp({
-    render
+    render,
   })
   return {
     vnode: app.mount(container).$.subTree as VNode<Node, Element> & {
       el: Element
     },
-    container
+    container,
   }
 }
 
@@ -59,7 +59,7 @@ describe('SSR hydration', () => {
 
   test('empty text', async () => {
     const { container } = mountWithHydration('<div></div>', () =>
-      h('div', createTextVNode(''))
+      h('div', createTextVNode('')),
     )
     expect(container.textContent).toBe('')
     expect(`Hydration children mismatch in <div>`).not.toHaveBeenWarned()
@@ -74,7 +74,7 @@ describe('SSR hydration', () => {
   test('static', () => {
     const html = '<div><span>hello</span></div>'
     const { vnode, container } = mountWithHydration(html, () =>
-      createStaticVNode('', 1)
+      createStaticVNode('', 1),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect(vnode.el.outerHTML).toBe(html)
@@ -105,7 +105,7 @@ describe('SSR hydration', () => {
   test('static (with text node as starting node)', () => {
     const html = ` A <span>foo</span> B`
     const { vnode, container } = mountWithHydration(html, () =>
-      createStaticVNode(` A <span>foo</span> B`, 3)
+      createStaticVNode(` A <span>foo</span> B`, 3),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect(vnode.anchor).toBe(container.lastChild)
@@ -115,7 +115,7 @@ describe('SSR hydration', () => {
   test('static with content adoption', () => {
     const html = ` A <span>foo</span> B`
     const { vnode, container } = mountWithHydration(html, () =>
-      createStaticVNode(``, 3)
+      createStaticVNode(``, 3),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect(vnode.anchor).toBe(container.lastChild)
@@ -127,7 +127,7 @@ describe('SSR hydration', () => {
     const msg = ref('foo')
     const { vnode, container } = mountWithHydration(
       '<div class="foo">foo</div>',
-      () => h('div', { class: msg.value }, msg.value)
+      () => h('div', { class: msg.value }, msg.value),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect(container.firstChild!.textContent).toBe('foo')
@@ -144,15 +144,15 @@ describe('SSR hydration', () => {
       () =>
         h('div', [
           h('span', msg.value),
-          h('span', { class: msg.value, onClick: fn })
-        ])
+          h('span', { class: msg.value, onClick: fn }),
+        ]),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect((vnode.children as VNode[])[0].el).toBe(
-      container.firstChild!.childNodes[0]
+      container.firstChild!.childNodes[0],
     )
     expect((vnode.children as VNode[])[1].el).toBe(
-      container.firstChild!.childNodes[1]
+      container.firstChild!.childNodes[1],
     )
 
     // event handler
@@ -167,7 +167,7 @@ describe('SSR hydration', () => {
   test('element with ref', () => {
     const el = ref()
     const { vnode, container } = mountWithHydration('<div></div>', () =>
-      h('div', { ref: el })
+      h('div', { ref: el }),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect(el.value).toBe(vnode.el)
@@ -180,13 +180,16 @@ describe('SSR hydration', () => {
       '<div><!--[--><span>foo</span><!--[--><span class="foo"></span><!--]--><!--]--></div>',
       () =>
         h('div', [
-          [h('span', msg.value), [h('span', { class: msg.value, onClick: fn })]]
-        ])
+          [
+            h('span', msg.value),
+            [h('span', { class: msg.value, onClick: fn })],
+          ],
+        ]),
     )
     expect(vnode.el).toBe(container.firstChild)
 
     expect(vnode.el.innerHTML).toBe(
-      `<!--[--><span>foo</span><!--[--><span class="foo"></span><!--]--><!--]-->`
+      `<!--[--><span>foo</span><!--[--><span class="foo"></span><!--]--><!--]-->`,
     )
 
     // start fragment 1
@@ -220,7 +223,7 @@ describe('SSR hydration', () => {
     msg.value = 'bar'
     await nextTick()
     expect(vnode.el.innerHTML).toBe(
-      `<!--[--><span>bar</span><!--[--><span class="bar"></span><!--]--><!--]-->`
+      `<!--[--><span>bar</span><!--[--><span class="bar"></span><!--]--><!--]-->`,
     )
   })
 
@@ -237,8 +240,8 @@ describe('SSR hydration', () => {
       () =>
         h(Teleport, { to: '#teleport' }, [
           h('span', msg.value),
-          h('span', { class: msg.value, onClick: fn })
-        ])
+          h('span', { class: msg.value, onClick: fn }),
+        ]),
     )
 
     expect(vnode.el).toBe(container.firstChild)
@@ -246,10 +249,10 @@ describe('SSR hydration', () => {
 
     expect(vnode.target).toBe(teleportContainer)
     expect((vnode.children as VNode[])[0].el).toBe(
-      teleportContainer.childNodes[0]
+      teleportContainer.childNodes[0],
     )
     expect((vnode.children as VNode[])[1].el).toBe(
-      teleportContainer.childNodes[1]
+      teleportContainer.childNodes[1],
     )
     expect(vnode.targetAnchor).toBe(teleportContainer.childNodes[2])
 
@@ -260,7 +263,7 @@ describe('SSR hydration', () => {
     msg.value = 'bar'
     await nextTick()
     expect(teleportContainer.innerHTML).toBe(
-      `<span>bar</span><span class="bar"></span><!--teleport anchor-->`
+      `<span>bar</span><span class="bar"></span><!--teleport anchor-->`,
     )
   })
 
@@ -272,12 +275,12 @@ describe('SSR hydration', () => {
     const Comp = () => [
       h(Teleport, { to: '#teleport2' }, [
         h('span', msg.value),
-        h('span', { class: msg.value, onClick: fn1 })
+        h('span', { class: msg.value, onClick: fn1 }),
       ]),
       h(Teleport, { to: '#teleport2' }, [
         h('span', msg.value + '2'),
-        h('span', { class: msg.value + '2', onClick: fn2 })
-      ])
+        h('span', { class: msg.value + '2', onClick: fn2 }),
+      ]),
     ]
 
     const teleportContainer = document.createElement('div')
@@ -285,12 +288,12 @@ describe('SSR hydration', () => {
     const ctx: SSRContext = {}
     const mainHtml = await renderToString(h(Comp), ctx)
     expect(mainHtml).toMatchInlineSnapshot(
-      `"<!--[--><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--><!--]-->"`
+      `"<!--[--><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--><!--]-->"`,
     )
 
     const teleportHtml = ctx.teleports!['#teleport2']
     expect(teleportHtml).toMatchInlineSnapshot(
-      '"<span>foo</span><span class=\\"foo\\"></span><!--teleport anchor--><span>foo2</span><span class=\\"foo2\\"></span><!--teleport anchor-->"'
+      '"<span>foo</span><span class=\\"foo\\"></span><!--teleport anchor--><span>foo2</span><span class=\\"foo2\\"></span><!--teleport anchor-->"',
     )
 
     teleportContainer.innerHTML = teleportHtml
@@ -307,13 +310,13 @@ describe('SSR hydration', () => {
 
     expect(teleportVnode1.target).toBe(teleportContainer)
     expect((teleportVnode1 as any).children[0].el).toBe(
-      teleportContainer.childNodes[0]
+      teleportContainer.childNodes[0],
     )
     expect(teleportVnode1.targetAnchor).toBe(teleportContainer.childNodes[2])
 
     expect(teleportVnode2.target).toBe(teleportContainer)
     expect((teleportVnode2 as any).children[0].el).toBe(
-      teleportContainer.childNodes[3]
+      teleportContainer.childNodes[3],
     )
     expect(teleportVnode2.targetAnchor).toBe(teleportContainer.childNodes[5])
 
@@ -327,7 +330,7 @@ describe('SSR hydration', () => {
     msg.value = 'bar'
     await nextTick()
     expect(teleportContainer.innerHTML).toMatchInlineSnapshot(
-      '"<span>bar</span><span class=\\"bar\\"></span><!--teleport anchor--><span>bar2</span><span class=\\"bar2\\"></span><!--teleport anchor-->"'
+      '"<span>bar</span><span class=\\"bar\\"></span><!--teleport anchor--><span>bar2</span><span class=\\"bar2\\"></span><!--teleport anchor-->"',
     )
   })
 
@@ -340,9 +343,9 @@ describe('SSR hydration', () => {
       h('div', 'foo'),
       h(Teleport, { to: '#teleport3', disabled: true }, [
         h('span', msg.value),
-        h('span', { class: msg.value, onClick: fn1 })
+        h('span', { class: msg.value, onClick: fn1 }),
       ]),
-      h('div', { class: msg.value + '2', onClick: fn2 }, 'bar')
+      h('div', { class: msg.value + '2', onClick: fn2 }, 'bar'),
     ]
 
     const teleportContainer = document.createElement('div')
@@ -350,7 +353,7 @@ describe('SSR hydration', () => {
     const ctx: SSRContext = {}
     const mainHtml = await renderToString(h(Comp), ctx)
     expect(mainHtml).toMatchInlineSnapshot(
-      '"<!--[--><div>foo</div><!--teleport start--><span>foo</span><span class=\\"foo\\"></span><!--teleport end--><div class=\\"foo2\\">bar</div><!--]-->"'
+      '"<!--[--><div>foo</div><!--teleport start--><span>foo</span><span class=\\"foo\\"></span><!--teleport end--><div class=\\"foo2\\">bar</div><!--]-->"',
     )
 
     const teleportHtml = ctx.teleports!['#teleport3']
@@ -368,10 +371,10 @@ describe('SSR hydration', () => {
     const teleportVnode = children[1]
     expect(teleportVnode.el).toBe(container.childNodes[2])
     expect((teleportVnode.children as VNode[])[0].el).toBe(
-      container.childNodes[3]
+      container.childNodes[3],
     )
     expect((teleportVnode.children as VNode[])[1].el).toBe(
-      container.childNodes[4]
+      container.childNodes[4],
     )
     expect(teleportVnode.anchor).toBe(container.childNodes[5])
     expect(children[2].el).toBe(container.childNodes[6])
@@ -389,7 +392,7 @@ describe('SSR hydration', () => {
     msg.value = 'bar'
     await nextTick()
     expect(container.innerHTML).toMatchInlineSnapshot(
-      '"<!--[--><div>foo</div><!--teleport start--><span>bar</span><span class=\\"bar\\"></span><!--teleport end--><div class=\\"bar2\\">bar</div><!--]-->"'
+      '"<!--[--><div>foo</div><!--teleport start--><span>bar</span><span class=\\"bar\\"></span><!--teleport end--><div class=\\"bar2\\">bar</div><!--]-->"',
     )
   })
 
@@ -402,12 +405,12 @@ describe('SSR hydration', () => {
     const wrapper = {
       render() {
         return h(Teleport, { to: '#teleport4' }, ['hello'])
-      }
+      },
     }
 
     const { vnode, container } = mountWithHydration(
       '<div><!--teleport start--><!--teleport end--><div></div></div>',
-      () => h('div', [h(wrapper), h('div')])
+      () => h('div', [h(wrapper), h('div')]),
     )
     expect(vnode.el).toBe(container.firstChild)
     // component el
@@ -432,8 +435,8 @@ describe('SSR hydration', () => {
       '<!--teleport start--><!--teleport end-->',
       () =>
         h(Teleport, { to: '#teleport5' }, [
-          h('div', [h(Teleport, { to: '#teleport5' }, [h('div', 'child')])])
-        ])
+          h('div', [h(Teleport, { to: '#teleport5' }, [h('div', 'child')])]),
+        ]),
     )
 
     expect(vnode.el).toBe(container.firstChild)
@@ -450,7 +453,7 @@ describe('SSR hydration', () => {
 
     expect(childTeleportVNode.targetAnchor).toBe(teleportContainer.lastChild)
     expect(childTeleportVNode.children[0].el).toBe(
-      teleportContainer.lastChild?.previousSibling
+      teleportContainer.lastChild?.previousSibling,
     )
   })
 
@@ -466,8 +469,8 @@ describe('SSR hydration', () => {
           count: 0,
           text: 'hello',
           style: {
-            color: 'red'
-          }
+            color: 'red',
+          },
         }
       },
       mounted() {
@@ -482,7 +485,7 @@ describe('SSR hydration', () => {
         <span class="text">{{ text }}</span>
         <input v-model="text">
       </div>
-      `
+      `,
     }
 
     const App = {
@@ -504,11 +507,11 @@ describe('SSR hydration', () => {
           <span>hello</span>
         </div>`,
       components: {
-        Child
+        Child,
       },
       methods: {
-        log
-      }
+        log,
+      },
     }
 
     const container = document.createElement('div')
@@ -560,7 +563,7 @@ describe('SSR hydration', () => {
       template: `
         <div>
           <button class="parent-click" @click="throwError">click me</button>
-        </div>`
+        </div>`,
     }
 
     const container = document.createElement('div')
@@ -587,7 +590,7 @@ describe('SSR hydration', () => {
       template: `
         <div>
           <input class="parent-click" @blur="throwError"/>
-        </div>`
+        </div>`,
     }
 
     const container = document.createElement('div')
@@ -613,14 +616,14 @@ describe('SSR hydration', () => {
             {
               onClick: () => {
                 count.value++
-              }
+              },
             },
-            count.value
+            count.value,
           )
-      }
+      },
     }
     const { vnode, container } = mountWithHydration('<span>0</span>', () =>
-      h(Suspense, () => h(AsyncChild))
+      h(Suspense, () => h(AsyncChild)),
     )
     expect(vnode.el).toBe(container.firstChild)
     // wait for hydration to finish
@@ -650,11 +653,11 @@ describe('SSR hydration', () => {
             {
               onClick: () => {
                 count.value++
-              }
+              },
             },
-            count.value
+            count.value,
           )
-      }
+      },
     })
 
     const done = vi.fn()
@@ -667,18 +670,18 @@ describe('SSR hydration', () => {
         </div>
       </Suspense>`,
       components: {
-        AsyncChild
+        AsyncChild,
       },
       methods: {
-        done
-      }
+        done,
+      },
     }
 
     const container = document.createElement('div')
     // server render
     container.innerHTML = await renderToString(h(App))
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<div><span>1</span><span>2</span></div>"`
+      `"<div><span>1</span><span>2</span></div>"`,
     )
     // reset asyncDeps from ssr
     asyncDeps.length = 0
@@ -695,21 +698,21 @@ describe('SSR hydration', () => {
     // should flush buffered effects
     expect(mountedCalls).toMatchObject([1, 2])
     expect(container.innerHTML).toMatch(
-      `<div><span>1</span><span>2</span></div>`
+      `<div><span>1</span><span>2</span></div>`,
     )
 
     const span1 = container.querySelector('span')!
     triggerEvent('click', span1)
     await nextTick()
     expect(container.innerHTML).toMatch(
-      `<div><span>2</span><span>2</span></div>`
+      `<div><span>2</span><span>2</span></div>`,
     )
 
     const span2 = span1.nextSibling as Element
     triggerEvent('click', span2)
     await nextTick()
     expect(container.innerHTML).toMatch(
-      `<div><span>2</span><span>3</span></div>`
+      `<div><span>2</span><span>3</span></div>`,
     )
   })
 
@@ -719,9 +722,9 @@ describe('SSR hydration', () => {
       h(
         'button',
         {
-          onClick: spy
+          onClick: spy,
         },
-        'hello!'
+        'hello!',
       )
 
     let serverResolve: any
@@ -729,13 +732,13 @@ describe('SSR hydration', () => {
       () =>
         new Promise(r => {
           serverResolve = r
-        })
+        }),
     )
 
     const App = {
       render() {
         return ['hello', h(AsyncComp), 'world']
-      }
+      },
     }
 
     // server render
@@ -743,7 +746,7 @@ describe('SSR hydration', () => {
     serverResolve(Comp)
     const html = await htmlPromise
     expect(html).toMatchInlineSnapshot(
-      `"<!--[-->hello<button>hello!</button>world<!--]-->"`
+      `"<!--[-->hello<button>hello!</button>world<!--]-->"`,
     )
 
     // hydration
@@ -752,7 +755,7 @@ describe('SSR hydration', () => {
       () =>
         new Promise(r => {
           clientResolve = r
-        })
+        }),
     )
 
     const container = document.createElement('div')
@@ -776,14 +779,14 @@ describe('SSR hydration', () => {
     const Comp = {
       render() {
         return h('h1', 'Async component')
-      }
+      },
     }
     let serverResolve: any
     let AsyncComp = defineAsyncComponent(
       () =>
         new Promise(r => {
           serverResolve = r
-        })
+        }),
     )
 
     const bol = ref(true)
@@ -798,7 +801,7 @@ describe('SSR hydration', () => {
         return () => {
           return [bol.value ? 'hello' : 'world', h(AsyncComp)]
         }
-      }
+      },
     }
 
     // server render
@@ -806,7 +809,7 @@ describe('SSR hydration', () => {
     serverResolve(Comp)
     const html = await htmlPromise
     expect(html).toMatchInlineSnapshot(
-      `"<!--[-->hello<h1>Async component</h1><!--]-->"`
+      `"<!--[-->hello<h1>Async component</h1><!--]-->"`,
     )
 
     // hydration
@@ -815,7 +818,7 @@ describe('SSR hydration', () => {
       () =>
         new Promise(r => {
           clientResolve = r
-        })
+        }),
     )
 
     const container = document.createElement('div')
@@ -829,7 +832,7 @@ describe('SSR hydration', () => {
     // should be hydrated now
     expect(`Hydration node mismatch`).not.toHaveBeenWarned()
     expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<!--[-->world<h1>Async component</h1><!--]-->"`
+      `"<!--[-->world<h1>Async component</h1><!--]-->"`,
     )
   })
 
@@ -840,7 +843,7 @@ describe('SSR hydration', () => {
       () =>
         new Promise(r => {
           resolve = r
-        })
+        }),
     )
 
     const show = ref(true)
@@ -850,7 +853,7 @@ describe('SSR hydration', () => {
     createSSRApp({
       render() {
         return h('div', [show.value ? h(AsyncComp) : h('div', 'hi')])
-      }
+      },
     }).mount(root)
 
     show.value = false
@@ -865,7 +868,7 @@ describe('SSR hydration', () => {
       () =>
         new Promise(r => {
           resolve = r
-        })
+        }),
     )
 
     const show = ref(true)
@@ -875,7 +878,7 @@ describe('SSR hydration', () => {
     createSSRApp({
       render() {
         return h('div', [show.value ? h(AsyncComp) : h('div', 'hi')])
-      }
+      },
     }).mount(root)
 
     show.value = false
@@ -887,7 +890,7 @@ describe('SSR hydration', () => {
   test('elements with camel-case in svg ', () => {
     const { vnode, container } = mountWithHydration(
       '<animateTransform></animateTransform>',
-      () => h('animateTransform')
+      () => h('animateTransform'),
     )
     expect(vnode.el).toBe(container.firstChild)
     expect(`Hydration node mismatch`).not.toHaveBeenWarned()
@@ -897,7 +900,7 @@ describe('SSR hydration', () => {
     const svgContainer = document.createElement('svg')
     svgContainer.innerHTML = '<g></g>'
     const app = createSSRApp({
-      render: () => h('g')
+      render: () => h('g'),
     })
 
     expect(
@@ -905,7 +908,7 @@ describe('SSR hydration', () => {
         app.mount(svgContainer).$.subTree as VNode<Node, Element> & {
           el: Element
         }
-      ).el instanceof SVGElement
+      ).el instanceof SVGElement,
     )
   })
 
@@ -919,10 +922,10 @@ describe('SSR hydration', () => {
             { type: 'checkbox', 'true-value': true },
             null,
             PatchFlags.PROPS,
-            ['true-value']
+            ['true-value'],
           ),
-          [[vModelCheckbox, true]]
-        )
+          [[vModelCheckbox, true]],
+        ),
     )
     expect((container.firstChild as any)._trueValue).toBe(true)
   })
@@ -933,8 +936,8 @@ describe('SSR hydration', () => {
       () =>
         h('select', [
           // hoisted because bound value is a constant...
-          createVNode('option', { value: true }, null, -1 /* HOISTED */)
-        ])
+          createVNode('option', { value: true }, null, -1 /* HOISTED */),
+        ]),
     )
     expect((container.firstChild!.firstChild as any)._value).toBe(true)
   })
@@ -944,12 +947,12 @@ describe('SSR hydration', () => {
     const Comp = {
       render(this: any) {
         return renderSlot(this.$slots, 'default', {}, () => [
-          createTextVNode('')
+          createTextVNode(''),
         ])
-      }
+      },
     }
     const { container, vnode } = mountWithHydration('<!--[--><!--]-->', () =>
-      h(Comp)
+      h(Comp),
     )
     expect(container.childNodes.length).toBe(3)
     const text = container.childNodes[1]
@@ -970,9 +973,9 @@ describe('SSR hydration', () => {
 
         return () =>
           h('button', {
-            onClick: () => count.value++
+            onClick: () => count.value++,
           })
-      }
+      },
     })
 
     const app = createSSRApp(App)
@@ -989,7 +992,7 @@ describe('SSR hydration', () => {
   // #6637
   test('stringified root fragment', () => {
     mountWithHydration(`<!--[--><div></div><!--]-->`, () =>
-      createStaticVNode(`<div></div>`, 1)
+      createStaticVNode(`<div></div>`, 1),
     )
     expect(`mismatch`).not.toHaveBeenWarned()
   })
@@ -1003,7 +1006,7 @@ describe('SSR hydration', () => {
 
     test('element text content', () => {
       const { container } = mountWithHydration(`<div>foo</div>`, () =>
-        h('div', 'bar')
+        h('div', 'bar'),
       )
       expect(container.innerHTML).toBe('<div>bar</div>')
       expect(`Hydration text content mismatch in <div>`).toHaveBeenWarned()
@@ -1011,10 +1014,10 @@ describe('SSR hydration', () => {
 
     test('not enough children', () => {
       const { container } = mountWithHydration(`<div></div>`, () =>
-        h('div', [h('span', 'foo'), h('span', 'bar')])
+        h('div', [h('span', 'foo'), h('span', 'bar')]),
       )
       expect(container.innerHTML).toBe(
-        '<div><span>foo</span><span>bar</span></div>'
+        '<div><span>foo</span><span>bar</span></div>',
       )
       expect(`Hydration children mismatch in <div>`).toHaveBeenWarned()
     })
@@ -1022,7 +1025,7 @@ describe('SSR hydration', () => {
     test('too many children', () => {
       const { container } = mountWithHydration(
         `<div><span>foo</span><span>bar</span></div>`,
-        () => h('div', [h('span', 'foo')])
+        () => h('div', [h('span', 'foo')]),
       )
       expect(container.innerHTML).toBe('<div><span>foo</span></div>')
       expect(`Hydration children mismatch in <div>`).toHaveBeenWarned()
@@ -1031,7 +1034,7 @@ describe('SSR hydration', () => {
     test('complete mismatch', () => {
       const { container } = mountWithHydration(
         `<div><span>foo</span><span>bar</span></div>`,
-        () => h('div', [h('div', 'foo'), h('p', 'bar')])
+        () => h('div', [h('div', 'foo'), h('p', 'bar')]),
       )
       expect(container.innerHTML).toBe('<div><div>foo</div><p>bar</p></div>')
       expect(`Hydration node mismatch`).toHaveBeenWarnedTimes(2)
@@ -1040,7 +1043,7 @@ describe('SSR hydration', () => {
     test('fragment mismatch removal', () => {
       const { container } = mountWithHydration(
         `<div><!--[--><div>foo</div><div>bar</div><!--]--></div>`,
-        () => h('div', [h('span', 'replaced')])
+        () => h('div', [h('span', 'replaced')]),
       )
       expect(container.innerHTML).toBe('<div><span>replaced</span></div>')
       expect(`Hydration node mismatch`).toHaveBeenWarned()
@@ -1049,10 +1052,10 @@ describe('SSR hydration', () => {
     test('fragment not enough children', () => {
       const { container } = mountWithHydration(
         `<div><!--[--><div>foo</div><!--]--><div>baz</div></div>`,
-        () => h('div', [[h('div', 'foo'), h('div', 'bar')], h('div', 'baz')])
+        () => h('div', [[h('div', 'foo'), h('div', 'bar')], h('div', 'baz')]),
       )
       expect(container.innerHTML).toBe(
-        '<div><!--[--><div>foo</div><div>bar</div><!--]--><div>baz</div></div>'
+        '<div><!--[--><div>foo</div><div>bar</div><!--]--><div>baz</div></div>',
       )
       expect(`Hydration node mismatch`).toHaveBeenWarned()
     })
@@ -1060,10 +1063,10 @@ describe('SSR hydration', () => {
     test('fragment too many children', () => {
       const { container } = mountWithHydration(
         `<div><!--[--><div>foo</div><div>bar</div><!--]--><div>baz</div></div>`,
-        () => h('div', [[h('div', 'foo')], h('div', 'baz')])
+        () => h('div', [[h('div', 'foo')], h('div', 'baz')]),
       )
       expect(container.innerHTML).toBe(
-        '<div><!--[--><div>foo</div><!--]--><div>baz</div></div>'
+        '<div><!--[--><div>foo</div><!--]--><div>baz</div></div>',
       )
       // fragment ends early and attempts to hydrate the extra <div>bar</div>
       // as 2nd fragment child.
@@ -1078,7 +1081,7 @@ describe('SSR hydration', () => {
       document.body.appendChild(teleportContainer)
 
       mountWithHydration('<!--teleport start--><!--teleport end-->', () =>
-        h(Teleport, { to: '#teleport' }, [h('span', 'value')])
+        h(Teleport, { to: '#teleport' }, [h('span', 'value')]),
       )
       expect(teleportContainer.innerHTML).toBe(`<span>value</span>`)
       expect(`Hydration children mismatch`).toHaveBeenWarned()
diff --git a/packages/runtime-core/__tests__/misc.spec.ts b/packages/runtime-core/__tests__/misc.spec.ts
index 4cb93eb41cf..4023ff55008 100644
--- a/packages/runtime-core/__tests__/misc.spec.ts
+++ b/packages/runtime-core/__tests__/misc.spec.ts
@@ -7,7 +7,7 @@ describe('misc', () => {
       render() {},
       mounted() {
         instance = this
-      }
+      },
     }
     render(h(Comp), nodeOps.createElement('div'))
     expect(instance).toBeDefined()
diff --git a/packages/runtime-core/__tests__/rendererAttrsFallthrough.spec.ts b/packages/runtime-core/__tests__/rendererAttrsFallthrough.spec.ts
index 1de05b67b44..6e6217d1e40 100644
--- a/packages/runtime-core/__tests__/rendererAttrsFallthrough.spec.ts
+++ b/packages/runtime-core/__tests__/rendererAttrsFallthrough.spec.ts
@@ -16,7 +16,7 @@ import {
   FunctionalComponent,
   createCommentVNode,
   Fragment,
-  withModifiers
+  withModifiers,
 } from '@vue/runtime-dom'
 import { PatchFlags } from '@vue/shared'
 
@@ -41,9 +41,9 @@ describe('attribute fallthrough', () => {
             class: 'c' + count.value,
             style: { color: count.value ? 'red' : 'green' },
             onClick: inc,
-            'data-id': count.value + 1
+            'data-id': count.value + 1,
           })
-      }
+      },
     }
 
     const Child = {
@@ -54,11 +54,11 @@ describe('attribute fallthrough', () => {
             'div',
             {
               class: 'c2',
-              style: { fontWeight: 'bold' }
+              style: { fontWeight: 'bold' },
             },
-            props.foo
+            props.foo,
           )
-      }
+      },
     }
 
     const root = document.createElement('div')
@@ -103,7 +103,7 @@ describe('attribute fallthrough', () => {
         id: 'test',
         class: 'c' + count.value,
         style: { color: count.value ? 'red' : 'green' },
-        onClick: inc
+        onClick: inc,
       })
 
     const Child = (props: any) => {
@@ -112,9 +112,9 @@ describe('attribute fallthrough', () => {
         'div',
         {
           class: 'c2',
-          style: { fontWeight: 'bold' }
+          style: { fontWeight: 'bold' },
         },
-        props.foo
+        props.foo,
       )
     }
 
@@ -161,7 +161,7 @@ describe('attribute fallthrough', () => {
         id: 'test',
         class: 'c' + count.value,
         style: { color: count.value ? 'red' : 'green' },
-        onClick: inc
+        onClick: inc,
       })
 
     const Child = (props: { foo: number }) => {
@@ -170,9 +170,9 @@ describe('attribute fallthrough', () => {
         'div',
         {
           class: 'c2',
-          style: { fontWeight: 'bold' }
+          style: { fontWeight: 'bold' },
         },
-        props.foo
+        props.foo,
       )
     }
     Child.props = ['foo']
@@ -220,9 +220,9 @@ describe('attribute fallthrough', () => {
             id: 'test',
             class: 'c' + count.value,
             style: { color: count.value ? 'red' : 'green' },
-            onClick: inc
+            onClick: inc,
           })
-      }
+      },
     }
 
     const Child = {
@@ -232,13 +232,13 @@ describe('attribute fallthrough', () => {
         // this will result in merging the same attrs, but should be deduped by
         // `mergeProps`.
         return () => h(GrandChild, props)
-      }
+      },
     }
 
     const GrandChild = defineComponent({
       props: {
         id: String,
-        foo: Number
+        foo: Number,
       },
       setup(props) {
         onUpdated(grandChildUpdated)
@@ -248,11 +248,11 @@ describe('attribute fallthrough', () => {
             {
               id: props.id,
               class: 'c2',
-              style: { fontWeight: 'bold' }
+              style: { fontWeight: 'bold' },
             },
-            props.foo
+            props.foo,
           )
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -287,7 +287,7 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent' })
-      }
+      },
     }
 
     const Child = defineComponent({
@@ -295,7 +295,7 @@ describe('attribute fallthrough', () => {
       inheritAttrs: false,
       render() {
         return h('div', this.foo)
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -311,11 +311,11 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent' })
-      }
+      },
     }
 
     const mixin = {
-      inheritAttrs: false
+      inheritAttrs: false,
     }
 
     const Child = defineComponent({
@@ -323,7 +323,7 @@ describe('attribute fallthrough', () => {
       props: ['foo'],
       render() {
         return h('div', this.foo)
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -338,7 +338,7 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent' })
-      }
+      },
     }
 
     const Child = defineComponent({
@@ -349,13 +349,13 @@ describe('attribute fallthrough', () => {
           'div',
           mergeProps(
             {
-              class: 'child'
+              class: 'child',
             },
-            this.$attrs
+            this.$attrs,
           ),
-          this.foo
+          this.foo,
         )
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -370,14 +370,14 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent', onBar: () => {} })
-      }
+      },
     }
 
     const Child = defineComponent({
       props: ['foo'],
       render() {
         return [h('div'), h('div')]
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -400,7 +400,7 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { onClick: inc })
-      }
+      },
     }
 
     const Child = defineComponent({
@@ -409,12 +409,12 @@ describe('attribute fallthrough', () => {
           'div',
           mergeProps(
             {
-              onClick: withModifiers(() => {}, ['prevent', 'stop'])
+              onClick: withModifiers(() => {}, ['prevent', 'stop']),
             },
-            this.$attrs
-          )
+            this.$attrs,
+          ),
         )
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -431,14 +431,14 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent', onBar: () => {} })
-      }
+      },
     }
 
     const Child = defineComponent({
       props: ['foo'],
       render() {
         return [h('div'), h('div', this.$attrs)]
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -455,14 +455,14 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent', onBar: () => {} })
-      }
+      },
     }
 
     const Child = defineComponent({
       props: ['foo'],
       setup(_props, { attrs }) {
         return () => [h('div'), h('div', attrs)]
-      }
+      },
     })
 
     const root = document.createElement('div')
@@ -479,12 +479,12 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent', onBar: () => {} })
-      }
+      },
     }
 
     const Child: FunctionalComponent = (_, { attrs }) => [
       h('div'),
-      h('div', attrs)
+      h('div', attrs),
     ]
 
     Child.props = ['foo']
@@ -502,7 +502,7 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent', onBar: () => {} })
-      }
+      },
     }
 
     const Child = (props: any) => [h('div'), h('div', { class: props.class })]
@@ -520,7 +520,7 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { foo: 1, class: 'parent', onBar: () => {} })
-      }
+      },
     }
 
     const Child: FunctionalComponent = () => [h('div'), h('div')]
@@ -543,14 +543,14 @@ describe('attribute fallthrough', () => {
     const Parent = {
       render() {
         return h(Child, { 'aria-hidden': aria.value, class: cls.value })
-      }
+      },
     }
 
     const Child = {
       props: [],
       render() {
         return openBlock(), createBlock('div')
-      }
+      },
     }
 
     const root = document.createElement('div')
@@ -577,20 +577,20 @@ describe('attribute fallthrough', () => {
           {
             onClick: () => {
               this.$emit('click', 'custom')
-            }
+            },
           },
-          'hello'
+          'hello',
         )
-      }
+      },
     })
 
     const onClick = vi.fn()
     const App = {
       render() {
         return h(Child, {
-          onClick
+          onClick,
         })
-      }
+      },
     }
 
     const root = document.createElement('div')
@@ -610,7 +610,7 @@ describe('attribute fallthrough', () => {
       return h('button', {
         onClick: () => {
           emit('click', 'custom')
-        }
+        },
       })
     }
     Child.emits = ['click']
@@ -619,9 +619,9 @@ describe('attribute fallthrough', () => {
     const App = {
       render() {
         return h(Child, {
-          onClick
+          onClick,
         })
-      }
+      },
     }
 
     const root = document.createElement('div')
@@ -640,7 +640,7 @@ describe('attribute fallthrough', () => {
     const Hello = {
       setup() {
         return () => h(Child, { class: 'foo', onClick: click })
-      }
+      },
     }
 
     const Child = {
@@ -653,12 +653,12 @@ describe('attribute fallthrough', () => {
             [
               createCommentVNode('hello'),
               h('button'),
-              createCommentVNode('world')
+              createCommentVNode('world'),
             ],
-            PatchFlags.STABLE_FRAGMENT | PatchFlags.DEV_ROOT_FRAGMENT
+            PatchFlags.STABLE_FRAGMENT | PatchFlags.DEV_ROOT_FRAGMENT,
           )
         )
-      }
+      },
     }
 
     const root = document.createElement('div')
@@ -666,7 +666,7 @@ describe('attribute fallthrough', () => {
     render(h(Hello), root)
 
     expect(root.innerHTML).toBe(
-      `<!--hello--><button class="foo"></button><!--world-->`
+      `<!--hello--><button class="foo"></button><!--world-->`,
     )
     const button = root.children[0] as HTMLElement
     button.dispatchEvent(new CustomEvent('click'))
@@ -686,9 +686,9 @@ describe('attribute fallthrough', () => {
             modelValue: textFoo,
             'onUpdate:modelValue': (val: string) => {
               textFoo = val
-            }
+            },
           })
-      }
+      },
     })
 
     const Child = defineComponent({
@@ -700,9 +700,9 @@ describe('attribute fallthrough', () => {
             'onUpdate:modelValue': (val: string) => {
               textBar = val
               emit('update:modelValue', 'from Child')
-            }
+            },
           })
-      }
+      },
     })
 
     const GrandChild = defineComponent({
@@ -713,9 +713,9 @@ describe('attribute fallthrough', () => {
             onClick() {
               click()
               emit('update:modelValue', 'from GrandChild')
-            }
+            },
           })
-      }
+      },
     })
 
     const root = document.createElement('div')
diff --git a/packages/runtime-core/__tests__/rendererChildren.spec.ts b/packages/runtime-core/__tests__/rendererChildren.spec.ts
index 747626ad531..761d073c0d3 100644
--- a/packages/runtime-core/__tests__/rendererChildren.spec.ts
+++ b/packages/runtime-core/__tests__/rendererChildren.spec.ts
@@ -6,7 +6,7 @@ import {
   TestNodeTypes,
   TestElement,
   serialize,
-  serializeInner
+  serializeInner,
 } from '@vue/runtime-test'
 function toSpan(content: any) {
   if (typeof content === 'string') {
@@ -99,7 +99,7 @@ describe('renderer: keyed children', () => {
       '2',
       '3',
       '4',
-      '5'
+      '5',
     ])
   })
 
@@ -114,7 +114,7 @@ describe('renderer: keyed children', () => {
       '2',
       '3',
       '4',
-      '5'
+      '5',
     ])
   })
 
@@ -129,7 +129,7 @@ describe('renderer: keyed children', () => {
       '2',
       '3',
       '4',
-      '5'
+      '5',
     ])
   })
 
@@ -144,7 +144,7 @@ describe('renderer: keyed children', () => {
       '2',
       '3',
       '4',
-      '5'
+      '5',
     ])
   })
 
@@ -156,7 +156,7 @@ describe('renderer: keyed children', () => {
       '2',
       '3',
       '4',
-      '5'
+      '5',
     ])
 
     render(h('div'), root)
@@ -191,7 +191,7 @@ describe('renderer: keyed children', () => {
       '1',
       '2',
       '4',
-      '5'
+      '5',
     ])
   })
 
@@ -205,7 +205,7 @@ describe('renderer: keyed children', () => {
       '2',
       '3',
       '1',
-      '4'
+      '4',
     ])
   })
 
@@ -219,7 +219,7 @@ describe('renderer: keyed children', () => {
       '1',
       '4',
       '2',
-      '3'
+      '3',
     ])
   })
 
@@ -242,7 +242,7 @@ describe('renderer: keyed children', () => {
       '4',
       '2',
       '3',
-      '1'
+      '1',
     ])
   })
 
@@ -257,7 +257,7 @@ describe('renderer: keyed children', () => {
       '1',
       '2',
       '3',
-      '6'
+      '6',
     ])
   })
 
@@ -291,7 +291,7 @@ describe('renderer: keyed children', () => {
       '4',
       '3',
       '2',
-      '1'
+      '1',
     ])
   })
 
@@ -306,7 +306,7 @@ describe('renderer: keyed children', () => {
       '2',
       '1',
       '5',
-      '0'
+      '0',
     ])
   })
 
@@ -324,15 +324,15 @@ describe('renderer: keyed children', () => {
       render(
         h(
           'span',
-          arr.map(n => spanNumWithOpacity(n, '1'))
+          arr.map(n => spanNumWithOpacity(n, '1')),
         ),
-        root
+        root,
       )
       elm = root.children[0] as TestElement
 
       for (let i = 0; i < elms; ++i) {
         expect(serializeInner(elm.children[i] as TestElement)).toBe(
-          i.toString()
+          i.toString(),
         )
         opacities[i] = Math.random().toFixed(5).toString()
       }
@@ -341,21 +341,21 @@ describe('renderer: keyed children', () => {
       render(
         h(
           'span',
-          arr.map(n => spanNumWithOpacity(shufArr[n], opacities[n]))
+          arr.map(n => spanNumWithOpacity(shufArr[n], opacities[n])),
         ),
-        root
+        root,
       )
       elm = root.children[0] as TestElement
       for (let i = 0; i < elms; ++i) {
         expect(serializeInner(elm.children[i] as TestElement)).toBe(
-          shufArr[i].toString()
+          shufArr[i].toString(),
         )
         expect(elm.children[i]).toMatchObject({
           props: {
             style: {
-              opacity: opacities[i]
-            }
-          }
+              opacity: opacities[i],
+            },
+          },
         })
       }
     }
@@ -367,22 +367,22 @@ describe('renderer: keyed children', () => {
         h('div', { key: 1 }, 'one'),
         h('div', { key: 2 }, 'two'),
         h('div', { key: 3 }, 'three'),
-        h('div', { key: 4 }, 'four')
+        h('div', { key: 4 }, 'four'),
       ]),
-      root
+      root,
     )
     elm = root.children[0] as TestElement
     expect((elm.children as TestElement[]).map(c => c.tag)).toEqual([
       'div',
       'div',
       'div',
-      'div'
+      'div',
     ])
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'one',
       'two',
       'three',
-      'four'
+      'four',
     ])
 
     render(
@@ -390,21 +390,21 @@ describe('renderer: keyed children', () => {
         h('div', { key: 4 }, 'four'),
         h('span', { key: 3 }, 'three'),
         h('span', { key: 2 }, 'two'),
-        h('div', { key: 1 }, 'one')
+        h('div', { key: 1 }, 'one'),
       ]),
-      root
+      root,
     )
     expect((elm.children as TestElement[]).map(c => c.tag)).toEqual([
       'div',
       'span',
       'span',
-      'div'
+      'div',
     ])
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'four',
       'three',
       'two',
-      'one'
+      'one',
     ])
   })
 
@@ -413,8 +413,8 @@ describe('renderer: keyed children', () => {
     elm = root.children[0] as TestElement
     expect(elm.children[0]).toMatchObject({
       props: {
-        class: 'hi'
-      }
+        class: 'hi',
+      },
     })
 
     render(h('div', [h('div', 'four')]), root)
@@ -423,8 +423,8 @@ describe('renderer: keyed children', () => {
       props: {
         // in the DOM renderer this will be ''
         // but the test renderer simply sets whatever value it receives.
-        class: null
-      }
+        class: null,
+      },
     })
     expect(serialize(elm.children[0])).toBe(`<div>four</div>`)
   })
@@ -456,7 +456,7 @@ describe('renderer: unkeyed children', () => {
       '1',
       'a',
       'b',
-      'c'
+      'c',
     ])
 
     elm = renderChildren(['d', 'a', 'b', 'c', 1, 'e'])
@@ -467,7 +467,7 @@ describe('renderer: unkeyed children', () => {
       'b',
       'c',
       '1',
-      'e'
+      'e',
     ])
   })
 
@@ -478,7 +478,7 @@ describe('renderer: unkeyed children', () => {
     elm = renderChildren(['hello', 'world'])
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'hello',
-      'world'
+      'world',
     ])
   })
 
@@ -488,7 +488,7 @@ describe('renderer: unkeyed children', () => {
     elm = root.children[0] as TestElement
     expect(elm.children[0]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: 'text'
+      text: 'text',
     })
 
     render(h('div', ['text', h('span', ['hello'])]), root)
@@ -496,7 +496,7 @@ describe('renderer: unkeyed children', () => {
     elm = root.children[0] as TestElement
     expect(elm.children[0]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: 'text'
+      text: 'text',
     })
   })
 
@@ -506,7 +506,7 @@ describe('renderer: unkeyed children', () => {
     elm = root.children[0] as TestElement
     expect(elm.children[0]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: 'text'
+      text: 'text',
     })
 
     render(h('div', ['text2', h('span', ['hello'])]), root)
@@ -514,7 +514,7 @@ describe('renderer: unkeyed children', () => {
     elm = root.children[0] as TestElement
     expect(elm.children[0]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: 'text2'
+      text: 'text2',
     })
   })
 
@@ -526,7 +526,7 @@ describe('renderer: unkeyed children', () => {
     render(h('div', [h('span', ['hello']), h('span', ['world'])]), root)
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'hello',
-      'world'
+      'world',
     ])
   })
 
@@ -538,24 +538,24 @@ describe('renderer: unkeyed children', () => {
     render(h('div', [h('div', ['hello']), h('span', ['world'])]), root)
     expect((elm.children as TestElement[]).map(c => c.tag)).toEqual([
       'div',
-      'span'
+      'span',
     ])
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'hello',
-      'world'
+      'world',
     ])
   })
 
   test('remove elements with updating children without keys', () => {
     render(
       h('div', [h('span', ['one']), h('span', ['two']), h('span', ['three'])]),
-      root
+      root,
     )
     elm = root.children[0] as TestElement
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'one',
       'two',
-      'three'
+      'three',
     ])
 
     render(h('div', [h('span', ['one']), h('span', ['three'])]), root)
@@ -587,7 +587,7 @@ describe('renderer: unkeyed children', () => {
     elm = root.children[0] as TestElement
     expect((elm.children as TestElement[]).map(c => serialize(c))).toEqual([
       'one',
-      '<span>two</span>'
+      '<span>two</span>',
     ])
 
     render(h('div', [h('div', ['three'])]), root)
@@ -599,24 +599,24 @@ describe('renderer: unkeyed children', () => {
   test('reorder elements', () => {
     render(
       h('div', [h('span', ['one']), h('div', ['two']), h('b', ['three'])]),
-      root
+      root,
     )
     elm = root.children[0] as TestElement
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'one',
       'two',
-      'three'
+      'three',
     ])
 
     render(
       h('div', [h('b', ['three']), h('div', ['two']), h('span', ['one'])]),
-      root
+      root,
     )
     elm = root.children[0] as TestElement
     expect((elm.children as TestElement[]).map(inner)).toEqual([
       'three',
       'two',
-      'one'
+      'one',
     ])
   })
 
diff --git a/packages/runtime-core/__tests__/rendererComponent.spec.ts b/packages/runtime-core/__tests__/rendererComponent.spec.ts
index 6f1d0288b21..e86345c3c4e 100644
--- a/packages/runtime-core/__tests__/rendererComponent.spec.ts
+++ b/packages/runtime-core/__tests__/rendererComponent.spec.ts
@@ -10,7 +10,7 @@ import {
   inject,
   Ref,
   watch,
-  SetupContext
+  SetupContext,
 } from '@vue/runtime-test'
 
 describe('renderer: component', () => {
@@ -24,7 +24,7 @@ describe('renderer: component', () => {
       render: () => {
         // let Parent first rerender
         return (parentVnode = h(Child))
-      }
+      },
     }
 
     const Child = {
@@ -32,7 +32,7 @@ describe('renderer: component', () => {
         return value.value
           ? (childVnode1 = h('div'))
           : (childVnode2 = h('span'))
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -50,7 +50,7 @@ describe('renderer: component', () => {
     const Comp = {
       render: () => {
         return h('div')
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp, { id: 'foo', class: 'bar' }), root)
@@ -61,7 +61,7 @@ describe('renderer: component', () => {
     const Comp = {
       render: () => {
         return h('div', 'test')
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp, { id: 'foo', class: 'bar' }), root)
@@ -72,7 +72,7 @@ describe('renderer: component', () => {
     const Comp1 = {
       render: () => {
         return h('div', 'foo')
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(Comp1), root)
@@ -81,7 +81,7 @@ describe('renderer: component', () => {
     const Comp2 = {
       render: () => {
         return h('span', 'foo')
-      }
+      },
     }
     render(h(Comp2), root)
     expect(serializeInner(root)).toBe('<span>foo</span>')
@@ -92,20 +92,20 @@ describe('renderer: component', () => {
     const Comp1 = {
       emits: ['foo'],
       updated: vi.fn(),
-      render: () => null
+      render: () => null,
     }
     const root = nodeOps.createElement('div')
     render(
       h(Comp1, {
-        onFoo: () => {}
+        onFoo: () => {},
       }),
-      root
+      root,
     )
     render(
       h(Comp1, {
-        onFoo: () => {}
+        onFoo: () => {},
       }),
-      root
+      root,
     )
     expect(Comp1.updated).not.toHaveBeenCalled()
   })
@@ -119,7 +119,7 @@ describe('renderer: component', () => {
         return () => {
           return [h('div', n.value), h(Child)]
         }
-      }
+      },
     }
 
     const Child = {
@@ -130,7 +130,7 @@ describe('renderer: component', () => {
         return () => {
           return h('div', n.value)
         }
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -150,12 +150,12 @@ describe('renderer: component', () => {
     let instance: any
     const Comp = {
       props: {
-        testProp: String
+        testProp: String,
       },
 
       data() {
         return {
-          testData: undefined
+          testData: undefined,
         }
       },
 
@@ -167,7 +167,7 @@ describe('renderer: component', () => {
         testData() {
           // @ts-ignore
           dataWatchSpy(this.$el)
-        }
+        },
       },
 
       created() {
@@ -176,7 +176,7 @@ describe('renderer: component', () => {
 
       render() {
         return h('div')
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -206,11 +206,11 @@ describe('renderer: component', () => {
             h('div', inner.value),
             h(Child, {
               value: outer.value,
-              onUpdate: (val: number) => (inner.value = val)
-            })
+              onUpdate: (val: number) => (inner.value = val),
+            }),
           ]
         }
-      }
+      },
     }
 
     const Child = {
@@ -218,13 +218,13 @@ describe('renderer: component', () => {
       setup(props: any, { emit }: SetupContext) {
         watch(
           () => props.value,
-          (val: number) => emit('update', val)
+          (val: number) => emit('update', val),
         )
 
         return () => {
           return h('div', props.value)
         }
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -243,7 +243,7 @@ describe('renderer: component', () => {
       props: ['foo'],
       data() {
         return {
-          count: 0
+          count: 0,
         }
       },
       watch: {
@@ -251,8 +251,8 @@ describe('renderer: component', () => {
           immediate: true,
           handler() {
             ;(this as any).count
-          }
-        }
+          },
+        },
       },
       created() {
         childInstance = this as any
@@ -260,14 +260,14 @@ describe('renderer: component', () => {
       },
       render() {
         return h('h1', (this as any).count)
-      }
+      },
     }
 
     const App = {
       setup() {
         return () => h(Child)
       },
-      updated: vi.fn()
+      updated: vi.fn(),
     }
 
     const root = nodeOps.createElement('div')
@@ -289,7 +289,7 @@ describe('renderer: component', () => {
         },
         render() {
           return h('h1', (this as any).foo)
-        }
+        },
       }
       const root = nodeOps.createElement('div')
 
@@ -305,7 +305,7 @@ describe('renderer: component', () => {
       render() {
         const c = [h(Comp)]
         return [c, c, c]
-      }
+      },
     }
 
     const ids: number[] = []
@@ -313,7 +313,7 @@ describe('renderer: component', () => {
       render: () => h('h1'),
       beforeUnmount() {
         ids.push((this as any).$.uid)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -332,7 +332,7 @@ describe('renderer: component', () => {
     const App = {
       render() {
         return h(Comp, { text: text.value })
-      }
+      },
     }
 
     const Comp = {
@@ -340,7 +340,7 @@ describe('renderer: component', () => {
       render(this: any) {
         spy()
         return h('h1', this.text)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
diff --git a/packages/runtime-core/__tests__/rendererElement.spec.ts b/packages/runtime-core/__tests__/rendererElement.spec.ts
index 4e044ad408e..c7762039314 100644
--- a/packages/runtime-core/__tests__/rendererElement.spec.ts
+++ b/packages/runtime-core/__tests__/rendererElement.spec.ts
@@ -3,7 +3,7 @@ import {
   render,
   nodeOps,
   TestElement,
-  serializeInner as inner
+  serializeInner as inner,
 } from '@vue/runtime-test'
 
 describe('renderer: element', () => {
diff --git a/packages/runtime-core/__tests__/rendererFragment.spec.ts b/packages/runtime-core/__tests__/rendererFragment.spec.ts
index d0c9e5c79a7..fc861a321cd 100644
--- a/packages/runtime-core/__tests__/rendererFragment.spec.ts
+++ b/packages/runtime-core/__tests__/rendererFragment.spec.ts
@@ -13,7 +13,7 @@ import {
   createTextVNode,
   createBlock,
   openBlock,
-  createCommentVNode
+  createCommentVNode,
 } from '@vue/runtime-test'
 import { PatchFlags } from '@vue/shared'
 import { renderList } from '../src/helpers/renderList'
@@ -23,7 +23,7 @@ describe('renderer: fragment', () => {
     const App = {
       render() {
         return [h('div', 'one'), 'two']
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -33,23 +33,23 @@ describe('renderer: fragment', () => {
     expect(root.children.length).toBe(4)
     expect(root.children[0]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: ''
+      text: '',
     })
     expect(root.children[1]).toMatchObject({
       type: TestNodeTypes.ELEMENT,
-      tag: 'div'
+      tag: 'div',
     })
     expect((root.children[1] as TestElement).children[0]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: 'one'
+      text: 'one',
     })
     expect(root.children[2]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: 'two'
+      text: 'two',
     })
     expect(root.children[3]).toMatchObject({
       type: TestNodeTypes.TEXT,
-      text: ''
+      text: '',
     })
   })
 
@@ -64,22 +64,22 @@ describe('renderer: fragment', () => {
     const root = nodeOps.createElement('div')
     render(
       h(Fragment, [h('div', { key: 1 }, 'one'), h('div', { key: 2 }, 'two')]),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`<div>one</div><div>two</div>`)
 
     resetOps()
     render(
       h(Fragment, [h('div', { key: 2 }, 'two'), h('div', { key: 1 }, 'one')]),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`<div>two</div><div>one</div>`)
     const ops = dumpOps()
     // should be moving nodes instead of re-creating or patching them
     expect(ops).toMatchObject([
       {
-        type: NodeOpTypes.INSERT
-      }
+        type: NodeOpTypes.INSERT,
+      },
     ])
   })
 
@@ -95,11 +95,11 @@ describe('renderer: fragment', () => {
     // should be patching nodes instead of moving or re-creating them
     expect(ops).toMatchObject([
       {
-        type: NodeOpTypes.SET_ELEMENT_TEXT
+        type: NodeOpTypes.SET_ELEMENT_TEXT,
       },
       {
-        type: NodeOpTypes.SET_ELEMENT_TEXT
-      }
+        type: NodeOpTypes.SET_ELEMENT_TEXT,
+      },
     ])
   })
 
@@ -111,11 +111,11 @@ describe('renderer: fragment', () => {
         null,
         [
           createVNode('div', null, 'one', PatchFlags.TEXT),
-          createTextVNode('two')
+          createTextVNode('two'),
         ],
-        PatchFlags.UNKEYED_FRAGMENT
+        PatchFlags.UNKEYED_FRAGMENT,
       ),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`<div>one</div>two`)
 
@@ -126,11 +126,11 @@ describe('renderer: fragment', () => {
         [
           createVNode('div', null, 'foo', PatchFlags.TEXT),
           createTextVNode('bar'),
-          createTextVNode('baz')
+          createTextVNode('baz'),
         ],
-        PatchFlags.UNKEYED_FRAGMENT
+        PatchFlags.UNKEYED_FRAGMENT,
       ),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`<div>foo</div>barbaz`)
 
@@ -140,11 +140,11 @@ describe('renderer: fragment', () => {
         null,
         [
           createTextVNode('baz'),
-          createVNode('div', null, 'foo', PatchFlags.TEXT)
+          createVNode('div', null, 'foo', PatchFlags.TEXT),
         ],
-        PatchFlags.UNKEYED_FRAGMENT
+        PatchFlags.UNKEYED_FRAGMENT,
       ),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`baz<div>foo</div>`)
   })
@@ -157,9 +157,9 @@ describe('renderer: fragment', () => {
         Fragment,
         null,
         [h('div', { key: 1 }, 'one'), h('div', { key: 2 }, 'two')],
-        PatchFlags.KEYED_FRAGMENT
+        PatchFlags.KEYED_FRAGMENT,
       ),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`<div>one</div><div>two</div>`)
 
@@ -169,17 +169,17 @@ describe('renderer: fragment', () => {
         Fragment,
         null,
         [h('div', { key: 2 }, 'two'), h('div', { key: 1 }, 'one')],
-        PatchFlags.KEYED_FRAGMENT
+        PatchFlags.KEYED_FRAGMENT,
       ),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(`<div>two</div><div>one</div>`)
     const ops = dumpOps()
     // should be moving nodes instead of re-creating or patching them
     expect(ops).toMatchObject([
       {
-        type: NodeOpTypes.INSERT
-      }
+        type: NodeOpTypes.INSERT,
+      },
     ])
   })
 
@@ -190,13 +190,13 @@ describe('renderer: fragment', () => {
         h('div', { key: 1 }, 'outer'),
         h(Fragment, { key: 2 }, [
           h('div', { key: 1 }, 'one'),
-          h('div', { key: 2 }, 'two')
-        ])
+          h('div', { key: 2 }, 'two'),
+        ]),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(
-      `<div><div>outer</div><div>one</div><div>two</div></div>`
+      `<div><div>outer</div><div>one</div><div>two</div></div>`,
     )
 
     resetOps()
@@ -204,14 +204,14 @@ describe('renderer: fragment', () => {
       h('div', [
         h(Fragment, { key: 2 }, [
           h('div', { key: 2 }, 'two'),
-          h('div', { key: 1 }, 'one')
+          h('div', { key: 1 }, 'one'),
         ]),
-        h('div', { key: 1 }, 'outer')
+        h('div', { key: 1 }, 'outer'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(
-      `<div><div>two</div><div>one</div><div>outer</div></div>`
+      `<div><div>two</div><div>one</div><div>outer</div></div>`,
     )
     const ops = dumpOps()
     // should be moving nodes instead of re-creating them
@@ -224,7 +224,7 @@ describe('renderer: fragment', () => {
       { type: NodeOpTypes.INSERT, targetNode: { type: 'text', text: '' } },
       { type: NodeOpTypes.INSERT, targetNode: { type: 'element' } },
       { type: NodeOpTypes.INSERT, targetNode: { type: 'element' } },
-      { type: NodeOpTypes.INSERT, targetNode: { type: 'text', text: '' } }
+      { type: NodeOpTypes.INSERT, targetNode: { type: 'text', text: '' } },
     ])
   })
 
@@ -236,13 +236,13 @@ describe('renderer: fragment', () => {
         h('div', { key: 1 }, 'outer'),
         h(Fragment, { key: 2 }, [
           h('div', { key: 1 }, 'one'),
-          h('div', { key: 2 }, 'two')
-        ])
+          h('div', { key: 2 }, 'two'),
+        ]),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(
-      `<div>outer</div><div>one</div><div>two</div>`
+      `<div>outer</div><div>one</div><div>two</div>`,
     )
 
     resetOps()
@@ -250,14 +250,14 @@ describe('renderer: fragment', () => {
       h(Fragment, [
         h(Fragment, { key: 2 }, [
           h('div', { key: 2 }, 'two'),
-          h('div', { key: 1 }, 'one')
+          h('div', { key: 1 }, 'one'),
         ]),
-        h('div', { key: 1 }, 'outer')
+        h('div', { key: 1 }, 'outer'),
       ]),
-      root
+      root,
     )
     expect(serializeInner(root)).toBe(
-      `<div>two</div><div>one</div><div>outer</div>`
+      `<div>two</div><div>one</div><div>outer</div>`,
     )
     const ops = dumpOps()
     // should be moving nodes instead of re-creating them
@@ -266,7 +266,7 @@ describe('renderer: fragment', () => {
       { type: NodeOpTypes.INSERT, targetNode: { type: 'text', text: '' } },
       { type: NodeOpTypes.INSERT, targetNode: { type: 'element' } },
       { type: NodeOpTypes.INSERT, targetNode: { type: 'element' } },
-      { type: NodeOpTypes.INSERT, targetNode: { type: 'text', text: '' } }
+      { type: NodeOpTypes.INSERT, targetNode: { type: 'text', text: '' } },
     ])
 
     // should properly remove nested fragments
@@ -294,25 +294,25 @@ describe('renderer: fragment', () => {
                 [
                   createCommentVNode('comment'),
                   hoisted,
-                  createVNode('div', null, item, PatchFlags.TEXT)
+                  createVNode('div', null, item, PatchFlags.TEXT),
                 ],
-                PatchFlags.STABLE_FRAGMENT
+                PatchFlags.STABLE_FRAGMENT,
               )
             )
           }),
-          PatchFlags.KEYED_FRAGMENT
+          PatchFlags.KEYED_FRAGMENT,
         )
       )
     }
 
     render(renderFn(['one', 'two']), root)
     expect(serializeInner(root)).toBe(
-      `<!--comment--><span></span><div>one</div><!--comment--><span></span><div>two</div>`
+      `<!--comment--><span></span><div>one</div><!--comment--><span></span><div>two</div>`,
     )
 
     render(renderFn(['two', 'one']), root)
     expect(serializeInner(root)).toBe(
-      `<!--comment--><span></span><div>two</div><!--comment--><span></span><div>one</div>`
+      `<!--comment--><span></span><div>two</div><!--comment--><span></span><div>one</div>`,
     )
   })
 
@@ -334,13 +334,13 @@ describe('renderer: fragment', () => {
                 { key: item },
                 [
                   createTextVNode('text'),
-                  createVNode('div', null, item, PatchFlags.TEXT)
+                  createVNode('div', null, item, PatchFlags.TEXT),
                 ],
-                PatchFlags.STABLE_FRAGMENT
+                PatchFlags.STABLE_FRAGMENT,
               )
             )
           }),
-          PatchFlags.KEYED_FRAGMENT
+          PatchFlags.KEYED_FRAGMENT,
         )
       )
     }
diff --git a/packages/runtime-core/__tests__/rendererOptimizedMode.spec.ts b/packages/runtime-core/__tests__/rendererOptimizedMode.spec.ts
index c2073b966a7..dcb9953034c 100644
--- a/packages/runtime-core/__tests__/rendererOptimizedMode.spec.ts
+++ b/packages/runtime-core/__tests__/rendererOptimizedMode.spec.ts
@@ -23,7 +23,7 @@ import {
   createApp,
   FunctionalComponent,
   renderList,
-  onUnmounted
+  onUnmounted,
 } from '@vue/runtime-test'
 import { PatchFlags, SlotFlags } from '@vue/shared'
 import { SuspenseImpl } from '../src/components/Suspense'
@@ -40,7 +40,7 @@ describe('renderer: optimized mode', () => {
   const renderWithBlock = (renderChildren: () => VNode[]) => {
     render(
       (openBlock(), (block = createBlock('div', null, renderChildren()))),
-      root
+      root,
     )
   }
 
@@ -54,7 +54,7 @@ describe('renderer: optimized mode', () => {
   test('block can appear anywhere in the vdom tree', () => {
     render(
       h('div', (openBlock(), (block = createBlock('p', null, 'foo')))),
-      root
+      root,
     )
 
     expect(block.dynamicChildren!.length).toBe(0)
@@ -64,12 +64,12 @@ describe('renderer: optimized mode', () => {
   test('block should collect dynamic vnodes', () => {
     renderWithBlock(() => [
       createVNode('p', null, 'foo', PatchFlags.TEXT),
-      createVNode('i')
+      createVNode('i'),
     ])
 
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p>foo</p>'
+      '<p>foo</p>',
     )
   })
 
@@ -78,9 +78,9 @@ describe('renderer: optimized mode', () => {
       // disable tracking
       (openBlock(true),
       (block = createBlock('div', null, [
-        createVNode('p', null, 'foo', PatchFlags.TEXT)
+        createVNode('p', null, 'foo', PatchFlags.TEXT),
       ]))),
-      root
+      root,
     )
 
     expect(block.dynamicChildren!.length).toBe(0)
@@ -88,23 +88,23 @@ describe('renderer: optimized mode', () => {
 
   test('block as dynamic children', () => {
     renderWithBlock(() => [
-      (openBlock(), createBlock('div', { key: 0 }, [h('p')]))
+      (openBlock(), createBlock('div', { key: 0 }, [h('p')])),
     ])
 
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(block!.dynamicChildren![0].dynamicChildren!.length).toBe(0)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<div><p></p></div>'
+      '<div><p></p></div>',
     )
 
     renderWithBlock(() => [
-      (openBlock(), createBlock('div', { key: 1 }, [h('i')]))
+      (openBlock(), createBlock('div', { key: 1 }, [h('i')])),
     ])
 
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(block!.dynamicChildren![0].dynamicChildren!.length).toBe(0)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<div><i></i></div>'
+      '<div><i></i></div>',
     )
   })
 
@@ -114,7 +114,7 @@ describe('renderer: optimized mode', () => {
     expect(inner(root)).toBe('<div><p>foo</p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p>foo</p>'
+      '<p>foo</p>',
     )
 
     renderWithBlock(() => [createVNode('p', null, 'bar', PatchFlags.TEXT)])
@@ -122,73 +122,73 @@ describe('renderer: optimized mode', () => {
     expect(inner(root)).toBe('<div><p>bar</p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p>bar</p>'
+      '<p>bar</p>',
     )
   })
 
   test('PatchFlags: PatchFlags.CLASS', async () => {
     renderWithBlock(() => [
-      createVNode('p', { class: 'foo' }, '', PatchFlags.CLASS)
+      createVNode('p', { class: 'foo' }, '', PatchFlags.CLASS),
     ])
 
     expect(inner(root)).toBe('<div><p class="foo"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p class="foo"></p>'
+      '<p class="foo"></p>',
     )
 
     renderWithBlock(() => [
-      createVNode('p', { class: 'bar' }, '', PatchFlags.CLASS)
+      createVNode('p', { class: 'bar' }, '', PatchFlags.CLASS),
     ])
 
     expect(inner(root)).toBe('<div><p class="bar"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p class="bar"></p>'
+      '<p class="bar"></p>',
     )
   })
 
   test('PatchFlags: PatchFlags.STYLE', async () => {
     renderWithBlock(() => [
-      createVNode('p', { style: 'color: red' }, '', PatchFlags.STYLE)
+      createVNode('p', { style: 'color: red' }, '', PatchFlags.STYLE),
     ])
 
     expect(inner(root)).toBe('<div><p style="color: red"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p style="color: red"></p>'
+      '<p style="color: red"></p>',
     )
 
     renderWithBlock(() => [
-      createVNode('p', { style: 'color: green' }, '', PatchFlags.STYLE)
+      createVNode('p', { style: 'color: green' }, '', PatchFlags.STYLE),
     ])
 
     expect(inner(root)).toBe('<div><p style="color: green"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p style="color: green"></p>'
+      '<p style="color: green"></p>',
     )
   })
 
   test('PatchFlags: PatchFlags.PROPS', async () => {
     renderWithBlock(() => [
-      createVNode('p', { id: 'foo' }, '', PatchFlags.PROPS, ['id'])
+      createVNode('p', { id: 'foo' }, '', PatchFlags.PROPS, ['id']),
     ])
 
     expect(inner(root)).toBe('<div><p id="foo"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p id="foo"></p>'
+      '<p id="foo"></p>',
     )
 
     renderWithBlock(() => [
-      createVNode('p', { id: 'bar' }, '', PatchFlags.PROPS, ['id'])
+      createVNode('p', { id: 'bar' }, '', PatchFlags.PROPS, ['id']),
     ])
 
     expect(inner(root)).toBe('<div><p id="bar"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p id="bar"></p>'
+      '<p id="bar"></p>',
     )
   })
 
@@ -196,24 +196,24 @@ describe('renderer: optimized mode', () => {
     let propName = 'foo'
 
     renderWithBlock(() => [
-      createVNode('p', { [propName]: 'dynamic' }, '', PatchFlags.FULL_PROPS)
+      createVNode('p', { [propName]: 'dynamic' }, '', PatchFlags.FULL_PROPS),
     ])
 
     expect(inner(root)).toBe('<div><p foo="dynamic"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p foo="dynamic"></p>'
+      '<p foo="dynamic"></p>',
     )
 
     propName = 'bar'
     renderWithBlock(() => [
-      createVNode('p', { [propName]: 'dynamic' }, '', PatchFlags.FULL_PROPS)
+      createVNode('p', { [propName]: 'dynamic' }, '', PatchFlags.FULL_PROPS),
     ])
 
     expect(inner(root)).toBe('<div><p bar="dynamic"></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p bar="dynamic"></p>'
+      '<p bar="dynamic"></p>',
     )
   })
 
@@ -228,18 +228,18 @@ describe('renderer: optimized mode', () => {
         list.map(item => {
           return createVNode('p', null, item, PatchFlags.TEXT)
         }),
-        PatchFlags.STABLE_FRAGMENT
+        PatchFlags.STABLE_FRAGMENT,
       ))),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<p>foo</p><p>bar</p>')
     expect(block.dynamicChildren!.length).toBe(2)
     expect(serialize(block.dynamicChildren![0].el as TestElement)).toBe(
-      '<p>foo</p>'
+      '<p>foo</p>',
     )
     expect(serialize(block.dynamicChildren![1].el as TestElement)).toBe(
-      '<p>bar</p>'
+      '<p>bar</p>',
     )
 
     list = list.map(item => item.repeat(2))
@@ -251,18 +251,18 @@ describe('renderer: optimized mode', () => {
         list.map(item => {
           return createVNode('p', null, item, PatchFlags.TEXT)
         }),
-        PatchFlags.STABLE_FRAGMENT
+        PatchFlags.STABLE_FRAGMENT,
       )),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<p>foofoo</p><p>barbar</p>')
     expect(block.dynamicChildren!.length).toBe(2)
     expect(serialize(block.dynamicChildren![0].el as TestElement)).toBe(
-      '<p>foofoo</p>'
+      '<p>foofoo</p>',
     )
     expect(serialize(block.dynamicChildren![1].el as TestElement)).toBe(
-      '<p>barbar</p>'
+      '<p>barbar</p>',
     )
   })
 
@@ -278,9 +278,9 @@ describe('renderer: optimized mode', () => {
         list.map(item => {
           return createVNode(item.tag, null, item.text)
         }),
-        PatchFlags.UNKEYED_FRAGMENT
+        PatchFlags.UNKEYED_FRAGMENT,
       ))),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<p>foo</p>')
@@ -295,9 +295,9 @@ describe('renderer: optimized mode', () => {
         list.map(item => {
           return createVNode(item.tag, null, item.text)
         }),
-        PatchFlags.UNKEYED_FRAGMENT
+        PatchFlags.UNKEYED_FRAGMENT,
       )),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<i>bar</i><p>foo</p>')
@@ -316,9 +316,9 @@ describe('renderer: optimized mode', () => {
         list.map(item => {
           return createVNode(item.tag, { key: item.tag }, item.text)
         }),
-        PatchFlags.KEYED_FRAGMENT
+        PatchFlags.KEYED_FRAGMENT,
       ))),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<p>foo</p>')
@@ -333,9 +333,9 @@ describe('renderer: optimized mode', () => {
         list.map(item => {
           return createVNode(item.tag, { key: item.tag }, item.text)
         }),
-        PatchFlags.KEYED_FRAGMENT
+        PatchFlags.KEYED_FRAGMENT,
       )),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<i>bar</i><p>foo</p>')
@@ -357,12 +357,12 @@ describe('renderer: optimized mode', () => {
                 'p',
                 { onVnodeMounted: spyMounted, onVnodeBeforeUpdate: spyUpdated },
                 '',
-                PatchFlags.NEED_PATCH
-              )
+                PatchFlags.NEED_PATCH,
+              ),
             ]))
           )
         }
-      }
+      },
     }
 
     render(h(Comp), root)
@@ -370,7 +370,7 @@ describe('renderer: optimized mode', () => {
     expect(inner(root)).toBe('<div><p></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p></p>'
+      '<p></p>',
     )
     expect(spyMounted).toHaveBeenCalledTimes(1)
     expect(spyUpdated).toHaveBeenCalledTimes(0)
@@ -381,7 +381,7 @@ describe('renderer: optimized mode', () => {
     expect(inner(root)).toBe('<div><p></p></div>')
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(serialize(block!.dynamicChildren![0].el as TestElement)).toBe(
-      '<p></p>'
+      '<p></p>',
     )
     expect(spyMounted).toHaveBeenCalledTimes(1)
     expect(spyUpdated).toHaveBeenCalledTimes(1)
@@ -391,7 +391,7 @@ describe('renderer: optimized mode', () => {
     render(
       (openBlock(),
       (block = createBlock('div', null, [createVNode('p', null, 'foo')]))),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<div><p>foo</p></div>')
@@ -403,9 +403,9 @@ describe('renderer: optimized mode', () => {
         'div',
         null,
         [createVNode('i', null, 'bar')],
-        PatchFlags.BAIL
+        PatchFlags.BAIL,
       ))),
-      root
+      root,
     )
 
     expect(inner(root)).toBe('<div><i>bar</i></div>')
@@ -422,12 +422,12 @@ describe('renderer: optimized mode', () => {
             (openBlock(),
             (block = createBlock('div', null, {
               default: withCtx(() => [renderSlot(slots, 'default')]),
-              _: SlotFlags.FORWARDED
+              _: SlotFlags.FORWARDED,
             })))
 
           return vnode
         }
-      }
+      },
     })
 
     const foo = ref(0)
@@ -436,13 +436,13 @@ describe('renderer: optimized mode', () => {
         return () => {
           return createVNode(Comp, null, {
             default: withCtx(() => [
-              createVNode('p', null, foo.value, PatchFlags.TEXT)
+              createVNode('p', null, foo.value, PatchFlags.TEXT),
             ]),
             // Indicates that this is a stable slot to avoid bail out
-            _: SlotFlags.STABLE
+            _: SlotFlags.STABLE,
           })
         }
-      }
+      },
     }
 
     render(h(App), root)
@@ -452,8 +452,8 @@ describe('renderer: optimized mode', () => {
     expect(block!.dynamicChildren![0].dynamicChildren!.length).toBe(1)
     expect(
       serialize(
-        block!.dynamicChildren![0].dynamicChildren![0].el as TestElement
-      )
+        block!.dynamicChildren![0].dynamicChildren![0].el as TestElement,
+      ),
     ).toBe('<p>0</p>')
 
     foo.value++
@@ -474,12 +474,12 @@ describe('renderer: optimized mode', () => {
       setup() {
         onBeforeUnmount(spy)
         return () => 'child'
-      }
+      },
     }
     const Parent = () => (
       openBlock(),
       createBlock('div', null, [
-        createVNode('div', { style: {} }, [createVNode(Child)], 4 /* STYLE */)
+        createVNode('div', { style: {} }, [createVNode(Child)], 4 /* STYLE */),
       ])
     )
     render(h(Parent), root)
@@ -496,13 +496,13 @@ describe('renderer: optimized mode', () => {
       setup() {
         onBeforeUnmount(spyA)
         return () => 'child'
-      }
+      },
     }
     const ChildB = {
       setup() {
         onBeforeUnmount(spyB)
         return () => 'child'
-      }
+      },
     }
     const Parent = () => (
       openBlock(),
@@ -512,15 +512,15 @@ describe('renderer: optimized mode', () => {
           Fragment,
           null,
           [createVNode(ChildA, { key: 0 })],
-          128 /* KEYED_FRAGMENT */
+          128 /* KEYED_FRAGMENT */,
         )),
         (openBlock(true),
         createBlock(
           Fragment,
           null,
           [createVNode(ChildB)],
-          256 /* UNKEYED_FRAGMENT */
-        ))
+          256 /* UNKEYED_FRAGMENT */,
+        )),
       ])
     )
     render(h(Parent), root)
@@ -541,7 +541,7 @@ describe('renderer: optimized mode', () => {
             createBlock('div', null, [renderSlot(slots, 'default')])
           )
         }
-      }
+      },
     }
 
     const Wrapper = {
@@ -551,7 +551,7 @@ describe('renderer: optimized mode', () => {
         return () => {
           return slots.default!()[state.value]
         }
-      }
+      },
     }
 
     const app = createApp({
@@ -563,18 +563,18 @@ describe('renderer: optimized mode', () => {
               default: withCtx(() => [
                 createVNode(CompA, null, {
                   default: withCtx(() => [createTextVNode('Hello')]),
-                  _: 1 /* STABLE */
+                  _: 1 /* STABLE */,
                 }),
                 createVNode(CompA, null, {
                   default: withCtx(() => [createTextVNode('World')]),
-                  _: 1 /* STABLE */
-                })
+                  _: 1 /* STABLE */,
+                }),
               ]),
-              _: 1 /* STABLE */
+              _: 1 /* STABLE */,
             })
           )
         }
-      }
+      },
     })
 
     app.mount(root)
@@ -597,7 +597,7 @@ describe('renderer: optimized mode', () => {
         createBlock(
           Teleport as any,
           {
-            to: target
+            to: target,
           },
           [
             createVNode('div', null, [
@@ -605,21 +605,21 @@ describe('renderer: optimized mode', () => {
               createBlock(
                 Teleport as any,
                 {
-                  to: target
+                  to: target,
                 },
-                [createVNode('div', null, 'foo')]
-              ))
-            ])
-          ]
-        ))
+                [createVNode('div', null, 'foo')],
+              )),
+            ]),
+          ],
+        )),
       ])),
-      root
+      root,
     )
     expect(inner(target)).toMatchInlineSnapshot(
-      `"<div><!--teleport start--><!--teleport end--></div><div>foo</div>"`
+      `"<div><!--teleport start--><!--teleport end--></div><div>foo</div>"`,
     )
     expect(inner(root)).toMatchInlineSnapshot(
-      `"<div><!--teleport start--><!--teleport end--></div>"`
+      `"<div><!--teleport start--><!--teleport end--></div>"`,
     )
 
     render(null, root)
@@ -634,11 +634,11 @@ describe('renderer: optimized mode', () => {
           return (
             openBlock(),
             (block = createBlock('section', null, [
-              renderSlot(slots, 'default')
+              renderSlot(slots, 'default'),
             ]))
           )
         }
-      }
+      },
     }
 
     let dynamicVNode: VNode
@@ -654,19 +654,19 @@ describe('renderer: optimized mode', () => {
                     'div',
                     {
                       class: {
-                        foo: !!slots.default!()
-                      }
+                        foo: !!slots.default!(),
+                      },
                     },
                     null,
-                    PatchFlags.CLASS
-                  ))
+                    PatchFlags.CLASS,
+                  )),
                 ]
               }),
-              _: 1
+              _: 1,
             })
           )
         }
-      }
+      },
     }
     const app = createApp({
       render() {
@@ -676,10 +676,10 @@ describe('renderer: optimized mode', () => {
             default: withCtx(() => {
               return [createVNode({}) /* component */]
             }),
-            _: 1
+            _: 1,
           })
         )
-      }
+      },
     })
 
     app.mount(root)
@@ -693,7 +693,7 @@ describe('renderer: optimized mode', () => {
     expect(block!.dynamicChildren!.length).toBe(1)
     expect(block!.dynamicChildren![0].dynamicChildren!.length).toBe(1)
     expect(block!.dynamicChildren![0].dynamicChildren![0]).toEqual(
-      dynamicVNode!
+      dynamicVNode!,
     )
   })
 
@@ -705,7 +705,7 @@ describe('renderer: optimized mode', () => {
         return () => {
           return slots.default!()[index.value]
         }
-      }
+      },
     }
 
     const app = createApp({
@@ -720,13 +720,13 @@ describe('renderer: optimized mode', () => {
                   : createCommentVNode('v-if', true),
                 true
                   ? (openBlock(), createBlock('p', { key: 0 }, '2'))
-                  : createCommentVNode('v-if', true)
+                  : createCommentVNode('v-if', true),
               ]),
-              _: 1 /* STABLE */
+              _: 1 /* STABLE */,
             })
           )
         }
-      }
+      },
     })
 
     app.mount(root)
@@ -746,7 +746,7 @@ describe('renderer: optimized mode', () => {
     const Middle = {
       setup(props: any, { slots }: any) {
         return slots.default!
-      }
+      },
     }
 
     const Comp = {
@@ -758,16 +758,16 @@ describe('renderer: optimized mode', () => {
               createVNode(Middle, null, {
                 default: withCtx(
                   () => [
-                    createVNode('div', null, [renderSlot(slots, 'default')])
+                    createVNode('div', null, [renderSlot(slots, 'default')]),
                   ],
-                  undefined
+                  undefined,
                 ),
-                _: 3 /* FORWARDED */
-              })
+                _: 3 /* FORWARDED */,
+              }),
             ])
           )
         }
-      }
+      },
     }
 
     const loading = ref(false)
@@ -777,10 +777,10 @@ describe('renderer: optimized mode', () => {
           // important: write the slot content here
           const content = h('span', loading.value ? 'loading' : 'loaded')
           return h(Comp, null, {
-            default: () => content
+            default: () => content,
           })
         }
-      }
+      },
     })
 
     app.mount(root)
@@ -807,16 +807,16 @@ describe('renderer: optimized mode', () => {
               createBlock(SuspenseImpl, null, {
                 default: withCtx(() => [
                   createVNode('div', null, [
-                    createVNode('div', null, show.value, PatchFlags.TEXT)
-                  ])
+                    createVNode('div', null, show.value, PatchFlags.TEXT),
+                  ]),
                 ]),
-                _: SlotFlags.STABLE
-              }))
+                _: SlotFlags.STABLE,
+              })),
             ],
-            PatchFlags.STABLE_FRAGMENT
+            PatchFlags.STABLE_FRAGMENT,
           )
         )
-      }
+      },
     })
 
     app.mount(root)
@@ -838,17 +838,17 @@ describe('renderer: optimized mode', () => {
           openBlock(),
           createBlock(SuspenseImpl, null, {
             default: withCtx(() => [renderSlot(slots, 'default')]),
-            _: SlotFlags.FORWARDED
+            _: SlotFlags.FORWARDED,
           })
         )
-      }
+      },
     }
 
     const Child = {
       setup() {
         onUnmounted(spyUnmounted)
         return () => createVNode('div', null, show.value, PatchFlags.TEXT)
-      }
+      },
     }
 
     const app = createApp({
@@ -860,11 +860,11 @@ describe('renderer: optimized mode', () => {
               { key: 0 },
               {
                 default: withCtx(() => [createVNode(Child)]),
-                _: SlotFlags.STABLE
-              }
+                _: SlotFlags.STABLE,
+              },
             ))
           : createCommentVNode('v-if', true)
-      }
+      },
     })
 
     app.mount(root)
@@ -907,17 +907,17 @@ describe('renderer: optimized mode', () => {
                     renderList(1, item => {
                       return createVNode('li', null, [createVNode(Dummy)])
                     }),
-                    64 /* STABLE_FRAGMENT */
-                  ))
-                ])
+                    64 /* STABLE_FRAGMENT */,
+                  )),
+                ]),
               ],
               undefined,
-              true
+              true,
             ),
-            _: 1 /* STABLE */
-          }
+            _: 1 /* STABLE */,
+          },
         )
-      }
+      },
     })
 
     app.mount(root)
diff --git a/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts b/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts
index 28d7a95eb0b..dcd1bd75f57 100644
--- a/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts
+++ b/packages/runtime-core/__tests__/rendererTemplateRef.spec.ts
@@ -7,7 +7,7 @@ import {
   defineComponent,
   reactive,
   serializeInner,
-  shallowRef
+  shallowRef,
 } from '@vue/runtime-test'
 
 // reference: https://vue-composition-api-rfc.netlify.com/api.html#template-refs
@@ -20,12 +20,12 @@ describe('api: template refs', () => {
     const Comp = {
       setup() {
         return {
-          refKey: el
+          refKey: el,
         }
       },
       render() {
         return h('div', { ref: 'refKey' })
-      }
+      },
     }
     render(h(Comp), root)
     expect(el.value).toBe(root.children[0])
@@ -41,12 +41,12 @@ describe('api: template refs', () => {
       setup() {
         return {
           foo: fooEl,
-          bar: barEl
+          bar: barEl,
         }
       },
       render() {
         return h('div', { ref: refKey.value })
-      }
+      },
     }
     render(h(Comp), root)
     expect(fooEl.value).toBe(root.children[0])
@@ -66,12 +66,12 @@ describe('api: template refs', () => {
     const Comp = {
       setup() {
         return {
-          refKey: el
+          refKey: el,
         }
       },
       render() {
         return toggle.value ? h('div', { ref: 'refKey' }) : null
-      }
+      },
     }
     render(h(Comp), root)
     expect(el.value).toBe(root.children[0])
@@ -116,7 +116,7 @@ describe('api: template refs', () => {
     const toggle = ref(true)
 
     const Comp = defineComponent(
-      () => () => (toggle.value ? h('div', { ref: fn }) : null)
+      () => () => (toggle.value ? h('div', { ref: fn }) : null),
     )
     render(h(Comp), root)
     expect(fn.mock.calls[0][0]).toBe(root.children[0])
@@ -132,7 +132,7 @@ describe('api: template refs', () => {
     const Comp = {
       setup() {
         return () => h('div', { ref: el })
-      }
+      },
     }
     render(h(Comp), root)
     expect(el.value).toBe(root.children[0])
@@ -142,14 +142,14 @@ describe('api: template refs', () => {
     const root = nodeOps.createElement('div')
     const refs = {
       foo: ref(null),
-      bar: ref(null)
+      bar: ref(null),
     }
     const refKey = ref<keyof typeof refs>('foo')
 
     const Comp = {
       setup() {
         return () => h('div', { ref: refs[refKey.value] })
-      }
+      },
     }
     render(h(Comp), root)
     expect(refs.foo.value).toBe(root.children[0])
@@ -169,7 +169,7 @@ describe('api: template refs', () => {
     const Comp = {
       setup() {
         return () => (toggle.value ? h('div', { ref: el }) : null)
-      }
+      },
     }
     render(h(Comp), root)
     expect(el.value).toBe(root.children[0])
@@ -185,7 +185,7 @@ describe('api: template refs', () => {
     const Child = {
       render(this: any) {
         return this.$slots.default()
-      }
+      },
     }
 
     const Comp = {
@@ -196,7 +196,7 @@ describe('api: template refs', () => {
       },
       mounted(this: any) {
         spy(this.$refs.foo.tag)
-      }
+      },
     }
     render(h(Comp), root)
 
@@ -206,7 +206,7 @@ describe('api: template refs', () => {
   it('should work with direct reactive property', () => {
     const root = nodeOps.createElement('div')
     const state = reactive({
-      refKey: null
+      refKey: null,
     })
 
     const Comp = {
@@ -215,7 +215,7 @@ describe('api: template refs', () => {
       },
       render() {
         return h('div', { ref: 'refKey' })
-      }
+      },
     }
     render(h(Comp), root)
     expect(state.refKey).toBe(root.children[0])
@@ -232,16 +232,16 @@ describe('api: template refs', () => {
         return {
           refKey1,
           refKey2,
-          refKey3
+          refKey3,
         }
       },
       render() {
         return [
           h('div', { ref: 'refKey1' }),
           h('div', { ref: 'refKey2' }),
-          h('div', { ref: 'refKey3' })
+          h('div', { ref: 'refKey3' }),
         ]
-      }
+      },
     }
     render(h(Comp), root)
     expect(refKey1.value).toBe(root.children[1])
@@ -258,7 +258,7 @@ describe('api: template refs', () => {
       },
       render(this: any) {
         return h('div', { id: 'foo', ref: 'el' }, this.el && this.el.props.id)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -279,7 +279,7 @@ describe('api: template refs', () => {
       render(this: any) {
         return [
           h('p', { ref: refToggle.value ? 'foo' : 'bar' }),
-          h('i', { ref: refToggle.value ? 'bar' : 'foo' })
+          h('i', { ref: refToggle.value ? 'bar' : 'foo' }),
         ]
       },
       mounted(this: any) {
@@ -287,7 +287,7 @@ describe('api: template refs', () => {
       },
       updated(this: any) {
         spy(this.$refs.foo.tag, this.$refs.bar.tag)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -315,7 +315,7 @@ describe('api: template refs', () => {
       },
       updated(this: any) {
         spy(this.$refs.foo.tag)
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -330,10 +330,10 @@ describe('api: template refs', () => {
   // #2078
   test('handling multiple merged refs', async () => {
     const Foo = {
-      render: () => h('div', 'foo')
+      render: () => h('div', 'foo'),
     }
     const Bar = {
-      render: () => h('div', 'bar')
+      render: () => h('div', 'bar'),
     }
 
     const viewRef = shallowRef<any>(Foo)
@@ -347,7 +347,7 @@ describe('api: template refs', () => {
         }
         const view = h(viewRef.value, { ref: elRef1 })
         return h(view, { ref: elRef2 })
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -381,11 +381,11 @@ describe('api: template refs', () => {
           'div',
           {
             ref: el,
-            ref_key: 'el'
+            ref_key: 'el',
           },
-          'hello'
+          'hello',
         )
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -411,14 +411,14 @@ describe('api: template refs', () => {
                   'li',
                   {
                     ref: listRefs,
-                    ref_for: true
+                    ref_for: true,
                   },
-                  i
-                )
-              )
+                  i,
+                ),
+              ),
             )
           : null
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -462,14 +462,14 @@ describe('api: template refs', () => {
                   'li',
                   {
                     ref: 'listRefs',
-                    ref_for: true
+                    ref_for: true,
                   },
-                  i
-                )
-              )
+                  i,
+                ),
+              ),
             )
           : null
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -512,31 +512,31 @@ describe('api: template refs', () => {
                 'li',
                 {
                   ref: 'listRefs',
-                  ref_for: true
+                  ref_for: true,
                 },
-                i
-              )
-            )
-          )
+                i,
+              ),
+            ),
+          ),
         ])
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
 
     await nextTick()
     expect(String(listRefs.value)).toBe(
-      '[object Object],[object Object],[object Object]'
+      '[object Object],[object Object],[object Object]',
     )
     expect(serializeInner(root)).toBe(
-      '<div><div>[object Object],[object Object],[object Object]</div><ul><li>1</li><li>2</li><li>3</li></ul></div>'
+      '<div><div>[object Object],[object Object],[object Object]</div><ul><li>1</li><li>2</li><li>3</li></ul></div>',
     )
 
     list.value.splice(0, 1)
     await nextTick()
     expect(String(listRefs.value)).toBe('[object Object],[object Object]')
     expect(serializeInner(root)).toBe(
-      '<div><div>[object Object],[object Object]</div><ul><li>2</li><li>3</li></ul></div>'
+      '<div><div>[object Object],[object Object]</div><ul><li>2</li><li>3</li></ul></div>',
     )
   })
 })
diff --git a/packages/runtime-core/__tests__/scheduler.spec.ts b/packages/runtime-core/__tests__/scheduler.spec.ts
index 6246a87e8f7..098027636c6 100644
--- a/packages/runtime-core/__tests__/scheduler.spec.ts
+++ b/packages/runtime-core/__tests__/scheduler.spec.ts
@@ -4,7 +4,7 @@ import {
   queuePostFlushCb,
   invalidateJob,
   flushPostFlushCbs,
-  flushPreFlushCbs
+  flushPreFlushCbs,
 } from '../src/scheduler'
 
 describe('scheduler', () => {
@@ -445,7 +445,7 @@ describe('scheduler', () => {
       expect(e).toBe(err)
     }
     expect(
-      `Unhandled error during execution of scheduler flush`
+      `Unhandled error during execution of scheduler flush`,
     ).toHaveBeenWarned()
 
     // this one should no longer error
diff --git a/packages/runtime-core/__tests__/scopeId.spec.ts b/packages/runtime-core/__tests__/scopeId.spec.ts
index cdbb81c4191..08e22652e6c 100644
--- a/packages/runtime-core/__tests__/scopeId.spec.ts
+++ b/packages/runtime-core/__tests__/scopeId.spec.ts
@@ -6,7 +6,7 @@ import {
   renderSlot,
   withScopeId,
   pushScopeId,
-  popScopeId
+  popScopeId,
 } from '@vue/runtime-test'
 import { withCtx } from '../src/componentRenderContext'
 
@@ -14,7 +14,7 @@ describe('scopeId runtime support', () => {
   test('should attach scopeId', () => {
     const App = {
       __scopeId: 'parent',
-      render: () => h('div', [h('div')])
+      render: () => h('div', [h('div')]),
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -24,17 +24,17 @@ describe('scopeId runtime support', () => {
   test('should attach scopeId to components in parent component', () => {
     const Child = {
       __scopeId: 'child',
-      render: () => h('div')
+      render: () => h('div'),
     }
     const App = {
       __scopeId: 'parent',
-      render: () => h('div', [h(Child)])
+      render: () => h('div', [h(Child)]),
     }
 
     const root = nodeOps.createElement('div')
     render(h(App), root)
     expect(serializeInner(root)).toBe(
-      `<div parent><div child parent></div></div>`
+      `<div parent><div child parent></div></div>`,
     )
   })
 
@@ -44,11 +44,11 @@ describe('scopeId runtime support', () => {
       __scopeId: 'child',
       render(this: any) {
         return h('div', renderSlot(this.$slots, 'default'))
-      }
+      },
     }
     const Child2 = {
       __scopeId: 'child2',
-      render: () => h('span')
+      render: () => h('span'),
     }
     const App = {
       __scopeId: 'parent',
@@ -57,9 +57,9 @@ describe('scopeId runtime support', () => {
           Child,
           withCtx(() => {
             return [h('div'), h(Child2)]
-          })
+          }),
         )
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -74,7 +74,7 @@ describe('scopeId runtime support', () => {
         // - slotted scopeId from slot owner
         // - its own scopeId
         `<span child2 parent child-s></span>` +
-        `</div>`
+        `</div>`,
     )
   })
 
@@ -90,10 +90,10 @@ describe('scopeId runtime support', () => {
             'default',
             {},
             undefined,
-            true /* noSlotted */
-          )
+            true /* noSlotted */,
+          ),
         ])
-      }
+      },
     }
 
     const Slotted = {
@@ -101,9 +101,9 @@ describe('scopeId runtime support', () => {
       render(this: any) {
         // <Wrapper><slot/></Wrapper>
         return h(Wrapper, null, {
-          default: withCtx(() => [renderSlot(this.$slots, 'default')])
+          default: withCtx(() => [renderSlot(this.$slots, 'default')]),
         })
-      }
+      },
     }
 
     // simulate hoisted node
@@ -118,9 +118,9 @@ describe('scopeId runtime support', () => {
         return h(Slotted, null, {
           default: withCtx(() => {
             return [hoisted, h('div', 'dynamic')]
-          })
+          }),
         })
-      }
+      },
     }
 
     const root = nodeOps.createElement('div')
@@ -129,7 +129,7 @@ describe('scopeId runtime support', () => {
       `<div wrapper slotted root class="wrapper">` +
         `<div root slotted-s>hoisted</div>` +
         `<div root slotted-s>dynamic</div>` +
-        `</div>`
+        `</div>`,
     )
 
     const Root2 = {
@@ -143,11 +143,11 @@ describe('scopeId runtime support', () => {
         return h(Slotted, null, {
           default: withCtx(() => [
             h(Wrapper, null, {
-              default: withCtx(() => [hoisted, h('div', 'dynamic')])
-            })
-          ])
+              default: withCtx(() => [hoisted, h('div', 'dynamic')]),
+            }),
+          ]),
         })
-      }
+      },
     }
     const root2 = nodeOps.createElement('div')
     render(h(Root2), root2)
@@ -157,7 +157,7 @@ describe('scopeId runtime support', () => {
         `<div root>hoisted</div>` +
         `<div root>dynamic</div>` +
         `</div>` +
-        `</div>`
+        `</div>`,
     )
   })
 
@@ -167,7 +167,7 @@ describe('scopeId runtime support', () => {
       __scopeId: 'parent',
       render: () => {
         return h(Child)
-      }
+      },
     }
 
     function Child() {
@@ -195,7 +195,7 @@ describe('backwards compat with <=3.0.7', () => {
       __scopeId: 'parent',
       render: withParentId(() => {
         return h('div', [h('div')])
-      })
+      }),
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -207,19 +207,19 @@ describe('backwards compat with <=3.0.7', () => {
       __scopeId: 'child',
       render: withChildId(() => {
         return h('div')
-      })
+      }),
     }
     const App = {
       __scopeId: 'parent',
       render: withParentId(() => {
         return h('div', [h(Child)])
-      })
+      }),
     }
 
     const root = nodeOps.createElement('div')
     render(h(App), root)
     expect(serializeInner(root)).toBe(
-      `<div parent><div child parent></div></div>`
+      `<div parent><div child parent></div></div>`,
     )
   })
 
@@ -228,12 +228,12 @@ describe('backwards compat with <=3.0.7', () => {
       __scopeId: 'child',
       render: withChildId(function (this: any) {
         return h('div', renderSlot(this.$slots, 'default'))
-      })
+      }),
     }
     const withChild2Id = withScopeId('child2')
     const Child2 = {
       __scopeId: 'child2',
-      render: withChild2Id(() => h('span'))
+      render: withChild2Id(() => h('span')),
     }
     const App = {
       __scopeId: 'parent',
@@ -242,9 +242,9 @@ describe('backwards compat with <=3.0.7', () => {
           Child,
           withParentId(() => {
             return [h('div'), h(Child2)]
-          })
+          }),
         )
-      })
+      }),
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
@@ -259,7 +259,7 @@ describe('backwards compat with <=3.0.7', () => {
         // - slotted scopeId from slot owner
         // - its own scopeId
         `<span child2 parent child-s></span>` +
-        `</div>`
+        `</div>`,
     )
   })
 
@@ -270,7 +270,7 @@ describe('backwards compat with <=3.0.7', () => {
       __scopeId: 'parent',
       render: withParentId(() => {
         return h(Child)
-      })
+      }),
     }
 
     function Child() {
@@ -295,14 +295,14 @@ describe('backwards compat with <=3.0.7', () => {
 
     const App = {
       __scopeId: 'foobar',
-      render: () => h('div', [hoisted])
+      render: () => h('div', [hoisted]),
     }
 
     const root = nodeOps.createElement('div')
     render(h(App), root)
 
     expect(serializeInner(root)).toBe(
-      `<div foobar><div foobar>hello</div></div>`
+      `<div foobar><div foobar>hello</div></div>`,
     )
   })
 })
diff --git a/packages/runtime-core/__tests__/vnode.spec.ts b/packages/runtime-core/__tests__/vnode.spec.ts
index 02774aafee4..3e9e8dde79c 100644
--- a/packages/runtime-core/__tests__/vnode.spec.ts
+++ b/packages/runtime-core/__tests__/vnode.spec.ts
@@ -9,7 +9,7 @@ import {
   mergeProps,
   normalizeVNode,
   transformVNodeArgs,
-  isBlockTreeEnabled
+  isBlockTreeEnabled,
 } from '../src/vnode'
 import { Data } from '../src/component'
 import { ShapeFlags, PatchFlags } from '@vue/shared'
@@ -56,10 +56,10 @@ describe('vnode', () => {
       type: 'p',
       props: {
         id: 'foo',
-        class: 'bar'
+        class: 'bar',
       },
       children: 'baz',
-      shapeFlag: ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN
+      shapeFlag: ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN,
     })
   })
 
@@ -94,7 +94,7 @@ describe('vnode', () => {
 
     test('array<object>', () => {
       const vnode = createVNode('p', {
-        class: [{ foo: 'foo' }, { baz: 'baz' }]
+        class: [{ foo: 'foo' }, { baz: 'baz' }],
       })
       expect(vnode.props).toMatchObject({ class: 'foo baz' })
     })
@@ -108,7 +108,7 @@ describe('vnode', () => {
   describe('style normalization', () => {
     test('array', () => {
       const vnode = createVNode('p', {
-        style: [{ foo: 'foo' }, { baz: 'baz' }]
+        style: [{ foo: 'foo' }, { baz: 'baz' }],
       })
       expect(vnode.props).toMatchObject({ style: { foo: 'foo', baz: 'baz' } })
     })
@@ -132,7 +132,7 @@ describe('vnode', () => {
       const vnode = createVNode('p', null, ['foo'])
       expect(vnode.children).toMatchObject(['foo'])
       expect(vnode.shapeFlag).toBe(
-        ShapeFlags.ELEMENT | ShapeFlags.ARRAY_CHILDREN
+        ShapeFlags.ELEMENT | ShapeFlags.ARRAY_CHILDREN,
       )
     })
 
@@ -140,7 +140,7 @@ describe('vnode', () => {
       const vnode = createVNode({}, null, { foo: 'foo' })
       expect(vnode.children).toMatchObject({ foo: 'foo' })
       expect(vnode.shapeFlag).toBe(
-        ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.SLOTS_CHILDREN
+        ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.SLOTS_CHILDREN,
       )
     })
 
@@ -148,7 +148,7 @@ describe('vnode', () => {
       const vnode = createVNode('p', null, nop)
       expect(vnode.children).toMatchObject({ default: nop })
       expect(vnode.shapeFlag).toBe(
-        ShapeFlags.ELEMENT | ShapeFlags.SLOTS_CHILDREN
+        ShapeFlags.ELEMENT | ShapeFlags.SLOTS_CHILDREN,
       )
     })
 
@@ -156,19 +156,19 @@ describe('vnode', () => {
       const vnode = createVNode('p', null, 'foo')
       expect(vnode.children).toBe('foo')
       expect(vnode.shapeFlag).toBe(
-        ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN
+        ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN,
       )
     })
 
     test('element with slots', () => {
       const children = [createVNode('span', null, 'hello')]
       const vnode = createVNode('div', null, {
-        default: () => children
+        default: () => children,
       })
 
       expect(vnode.children).toBe(children)
       expect(vnode.shapeFlag).toBe(
-        ShapeFlags.ELEMENT | ShapeFlags.ARRAY_CHILDREN
+        ShapeFlags.ELEMENT | ShapeFlags.ARRAY_CHILDREN,
       )
     })
   })
@@ -207,7 +207,7 @@ describe('vnode', () => {
     expect(createVNode('div').shapeFlag).toBe(ShapeFlags.ELEMENT)
     expect(createVNode({}).shapeFlag).toBe(ShapeFlags.STATEFUL_COMPONENT)
     expect(createVNode(() => {}).shapeFlag).toBe(
-      ShapeFlags.FUNCTIONAL_COMPONENT
+      ShapeFlags.FUNCTIONAL_COMPONENT,
     )
     expect(createVNode(Text).shapeFlag).toBe(0)
   })
@@ -239,7 +239,7 @@ describe('vnode', () => {
     expect(original.ref).toMatchObject({
       i: mockInstance1,
       r: 'foo',
-      f: false
+      f: false,
     })
 
     // clone and preserve original ref
@@ -276,7 +276,7 @@ describe('vnode', () => {
     expect(original3.ref).toMatchObject({
       i: mockInstance2,
       r: 'foo',
-      f: true
+      f: true,
     })
     const cloned7 = cloneVNode(original3, { ref: 'bar', ref_for: true })
     expect(cloned7.ref).toMatchObject({ i: mockInstance2, r: 'bar', f: true })
@@ -286,7 +286,7 @@ describe('vnode', () => {
     expect(original4.ref).toMatchObject({
       i: mockInstance2,
       r,
-      k: 'foo'
+      k: 'foo',
     })
     const cloned8 = cloneVNode(original4)
     expect(cloned8.ref).toMatchObject({ i: mockInstance2, r, k: 'foo' })
@@ -307,7 +307,7 @@ describe('vnode', () => {
     const cloned1 = cloneVNode(original, { ref: 'bar' }, true)
     expect(cloned1.ref).toMatchObject([
       { i: mockInstance1, r: 'foo', f: false },
-      { i: mockInstance2, r: 'bar', f: false }
+      { i: mockInstance2, r: 'bar', f: false },
     ])
 
     setCurrentRenderingInstance(null)
@@ -316,19 +316,19 @@ describe('vnode', () => {
   test('cloneVNode class normalization', () => {
     const vnode = createVNode('div')
     const expectedProps = {
-      class: 'a b'
+      class: 'a b',
     }
     expect(cloneVNode(vnode, { class: 'a b' }).props).toMatchObject(
-      expectedProps
+      expectedProps,
     )
     expect(cloneVNode(vnode, { class: ['a', 'b'] }).props).toMatchObject(
-      expectedProps
+      expectedProps,
     )
     expect(
-      cloneVNode(vnode, { class: { a: true, b: true } }).props
+      cloneVNode(vnode, { class: { a: true, b: true } }).props,
     ).toMatchObject(expectedProps)
     expect(
-      cloneVNode(vnode, { class: [{ a: true, b: true }] }).props
+      cloneVNode(vnode, { class: [{ a: true, b: true }] }).props,
     ).toMatchObject(expectedProps)
   })
 
@@ -337,29 +337,29 @@ describe('vnode', () => {
     const expectedProps = {
       style: {
         color: 'blue',
-        width: '300px'
-      }
+        width: '300px',
+      },
     }
     expect(
-      cloneVNode(vnode, { style: 'color: blue; width: 300px;' }).props
+      cloneVNode(vnode, { style: 'color: blue; width: 300px;' }).props,
     ).toMatchObject(expectedProps)
     expect(
       cloneVNode(vnode, {
         style: {
           color: 'blue',
-          width: '300px'
-        }
-      }).props
+          width: '300px',
+        },
+      }).props,
     ).toMatchObject(expectedProps)
     expect(
       cloneVNode(vnode, {
         style: [
           {
             color: 'blue',
-            width: '300px'
-          }
-        ]
-      }).props
+            width: '300px',
+          },
+        ],
+      }).props,
     ).toMatchObject(expectedProps)
   })
 
@@ -370,7 +370,7 @@ describe('vnode', () => {
       let props3: Data = { class: [{ ccc: true }] }
       let props4: Data = { class: { cccc: true } }
       expect(mergeProps(props1, props2, props3, props4)).toMatchObject({
-        class: 'c cc ccc cccc'
+        class: 'c cc ccc cccc',
       })
     })
 
@@ -379,49 +379,49 @@ describe('vnode', () => {
         style: [
           {
             color: 'red',
-            fontSize: 10
-          }
-        ]
+            fontSize: 10,
+          },
+        ],
       }
       let props2: Data = {
         style: [
           {
             color: 'blue',
-            width: '200px'
+            width: '200px',
           },
           {
             width: '300px',
             height: '300px',
-            fontSize: 30
-          }
-        ]
+            fontSize: 30,
+          },
+        ],
       }
       expect(mergeProps(props1, props2)).toMatchObject({
         style: {
           color: 'blue',
           width: '300px',
           height: '300px',
-          fontSize: 30
-        }
+          fontSize: 30,
+        },
       })
     })
 
     test('style w/ strings', () => {
       let props1: Data = {
-        style: 'width:100px;right:10;top:10'
+        style: 'width:100px;right:10;top:10',
       }
       let props2: Data = {
         style: [
           {
             color: 'blue',
-            width: '200px'
+            width: '200px',
           },
           {
             width: '300px',
             height: '300px',
-            fontSize: 30
-          }
-        ]
+            fontSize: 30,
+          },
+        ],
       }
       expect(mergeProps(props1, props2)).toMatchObject({
         style: {
@@ -430,8 +430,8 @@ describe('vnode', () => {
           height: '300px',
           fontSize: 30,
           right: '10',
-          top: '10'
-        }
+          top: '10',
+        },
       })
     })
 
@@ -444,11 +444,11 @@ describe('vnode', () => {
       let props2: Data = { onClick: clickHandler2, onFocus: focusHandler2 }
       expect(mergeProps(props1, props2)).toMatchObject({
         onClick: [clickHandler1, clickHandler2],
-        onFocus: focusHandler2
+        onFocus: focusHandler2,
       })
       let props3: Data = { onClick: undefined }
       expect(mergeProps(props1, props3)).toMatchObject({
-        onClick: clickHandler1
+        onClick: clickHandler1,
       })
     })
 
@@ -459,7 +459,7 @@ describe('vnode', () => {
       expect(mergeProps(props1, props2, props3)).toMatchObject({
         foo: {},
         bar: ['cc'],
-        baz: { ccc: true }
+        baz: { ccc: true },
       })
     })
   })
@@ -472,7 +472,7 @@ describe('vnode', () => {
         (openBlock(),
         createBlock('div', null, [
           hoist,
-          (vnode1 = createVNode('div', null, 'text', PatchFlags.TEXT))
+          (vnode1 = createVNode('div', null, 'text', PatchFlags.TEXT)),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
     })
@@ -483,7 +483,7 @@ describe('vnode', () => {
         (openBlock(),
         createBlock('div', null, [
           hoist,
-          createVNode('div', null, 'text', PatchFlags.HYDRATE_EVENTS)
+          createVNode('div', null, 'text', PatchFlags.HYDRATE_EVENTS),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([])
     })
@@ -500,8 +500,8 @@ describe('vnode', () => {
             (openBlock(),
             createBlock('div', null, [
               hoist,
-              (vnode3 = createVNode('div', null, 'text', PatchFlags.TEXT))
-            ])))
+              (vnode3 = createVNode('div', null, 'text', PatchFlags.TEXT)),
+            ]))),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1, vnode2])
       expect(vnode2.dynamicChildren).toStrictEqual([vnode3])
@@ -514,7 +514,7 @@ describe('vnode', () => {
         (openBlock(),
         createBlock('div', null, [
           hoist,
-          (vnode1 = createVNode({}, null, 'text'))
+          (vnode1 = createVNode({}, null, 'text')),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
     })
@@ -526,7 +526,7 @@ describe('vnode', () => {
         (openBlock(),
         createBlock('div', null, [
           hoist,
-          (vnode1 = createVNode(() => {}, null, 'text'))
+          (vnode1 = createVNode(() => {}, null, 'text')),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
     })
@@ -538,7 +538,7 @@ describe('vnode', () => {
         (openBlock(),
         createBlock('div', null, [
           hoist,
-          (vnode1 = createVNode(() => {}, null, 'text'))
+          (vnode1 = createVNode(() => {}, null, 'text')),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
     })
@@ -558,9 +558,9 @@ describe('vnode', () => {
           default: () => {
             return [
               hoist,
-              (vnode1 = createVNode('div', null, 'text', PatchFlags.TEXT))
+              (vnode1 = createVNode('div', null, 'text', PatchFlags.TEXT)),
             ]
-          }
+          },
         }))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
     })
@@ -578,8 +578,8 @@ describe('vnode', () => {
             (openBlock(true),
             createBlock(Fragment, null, [
               hoist,
-              /*vnode2*/ createVNode(() => {}, null, 'text')
-            ])))
+              /*vnode2*/ createVNode(() => {}, null, 'text'),
+            ]))),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
       expect(vnode1.dynamicChildren).toStrictEqual([])
@@ -595,8 +595,8 @@ describe('vnode', () => {
             (openBlock(),
             createBlock(Fragment, null, [
               hoist,
-              (vnode2 = createVNode(() => {}, null, 'text'))
-            ])))
+              (vnode2 = createVNode(() => {}, null, 'text')),
+            ]))),
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([vnode1])
       expect(vnode1.dynamicChildren).toStrictEqual([vnode2])
@@ -610,7 +610,7 @@ describe('vnode', () => {
           setBlockTracking(-1),
           (vnode1 = (openBlock(), createBlock('div'))),
           setBlockTracking(1),
-          vnode1
+          vnode1,
         ]))
       expect(vnode.dynamicChildren).toStrictEqual([])
     })
@@ -621,7 +621,7 @@ describe('vnode', () => {
         () => {
           throw new Error('slot execution error')
         },
-        { type: {}, appContext: {} } as any
+        { type: {}, appContext: {} } as any,
       )
       const Parent = {
         setup(_: any, { slots }: any) {
@@ -630,7 +630,7 @@ describe('vnode', () => {
               slots.default()
             } catch (e) {}
           }
-        }
+        },
       }
       const vnode =
         (openBlock(), createBlock(Parent, null, { default: slotFn }))
@@ -652,7 +652,7 @@ describe('vnode', () => {
         type: 'div',
         props: { id: 'foo' },
         children: 'hello',
-        shapeFlag: ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN
+        shapeFlag: ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN,
       })
     })
 
@@ -663,7 +663,7 @@ describe('vnode', () => {
         type: 'div',
         props: { id: 'foo' },
         children: 'hello',
-        shapeFlag: ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN
+        shapeFlag: ShapeFlags.ELEMENT | ShapeFlags.TEXT_CHILDREN,
       })
     })
 
@@ -680,7 +680,7 @@ describe('vnode', () => {
         name: 'Root Component',
         render() {
           return h('p') // this will be overwritten by the transform
-        }
+        },
       }
       const root = nodeOps.createElement('div')
       createApp(App).mount(root)
diff --git a/packages/runtime-core/__tests__/vnodeHooks.spec.ts b/packages/runtime-core/__tests__/vnodeHooks.spec.ts
index 15478bfd743..d3816e9d1fc 100644
--- a/packages/runtime-core/__tests__/vnodeHooks.spec.ts
+++ b/packages/runtime-core/__tests__/vnodeHooks.spec.ts
@@ -5,7 +5,7 @@ import {
   VNodeProps,
   TestElement,
   TestNodeTypes,
-  VNode
+  VNode,
 } from '@vue/runtime-test'
 
 describe('renderer: vnode hooks', () => {
@@ -45,17 +45,17 @@ describe('renderer: vnode hooks', () => {
       onVnodeBeforeUpdate: vi.fn(vnode => {
         expect((vnode.el as TestElement).children[0]).toMatchObject({
           type: TestNodeTypes.TEXT,
-          text: 'foo'
+          text: 'foo',
         })
       }),
       onVnodeUpdated: vi.fn(vnode => {
         expect((vnode.el as TestElement).children[0]).toMatchObject({
           type: TestNodeTypes.TEXT,
-          text: 'bar'
+          text: 'bar',
         })
       }),
       onVnodeBeforeUnmount: vi.fn(),
-      onVnodeUnmounted: vi.fn()
+      onVnodeUnmounted: vi.fn(),
     }
 
     assertHooks(hooks, h('div', hooks, 'foo'), h('div', hooks, 'bar'))
@@ -70,29 +70,29 @@ describe('renderer: vnode hooks', () => {
       onVnodeBeforeUpdate: vi.fn(vnode => {
         expect(vnode.el as TestElement).toMatchObject({
           type: TestNodeTypes.TEXT,
-          text: 'foo'
+          text: 'foo',
         })
       }),
       onVnodeUpdated: vi.fn(vnode => {
         expect(vnode.el as TestElement).toMatchObject({
           type: TestNodeTypes.TEXT,
-          text: 'bar'
+          text: 'bar',
         })
       }),
       onVnodeBeforeUnmount: vi.fn(),
-      onVnodeUnmounted: vi.fn()
+      onVnodeUnmounted: vi.fn(),
     }
 
     assertHooks(
       hooks,
       h(Comp, {
         ...hooks,
-        msg: 'foo'
+        msg: 'foo',
       }),
       h(Comp, {
         ...hooks,
-        msg: 'bar'
-      })
+        msg: 'bar',
+      }),
     )
   })
 })
diff --git a/packages/runtime-core/src/apiAsyncComponent.ts b/packages/runtime-core/src/apiAsyncComponent.ts
index 342339042ef..c4c51bae0e8 100644
--- a/packages/runtime-core/src/apiAsyncComponent.ts
+++ b/packages/runtime-core/src/apiAsyncComponent.ts
@@ -4,7 +4,7 @@ import {
   currentInstance,
   ComponentInternalInstance,
   isInSSRComponentSetup,
-  ComponentOptions
+  ComponentOptions,
 } from './component'
 import { isFunction, isObject } from '@vue/shared'
 import { ComponentPublicInstance } from './componentPublicInstance'
@@ -33,7 +33,7 @@ export interface AsyncComponentOptions<T = any> {
     error: Error,
     retry: () => void,
     fail: () => void,
-    attempts: number
+    attempts: number,
   ) => any
 }
 
@@ -42,7 +42,7 @@ export const isAsyncWrapper = (i: ComponentInternalInstance | VNode): boolean =>
 
 /*! #__NO_SIDE_EFFECTS__ */
 export function defineAsyncComponent<
-  T extends Component = { new (): ComponentPublicInstance }
+  T extends Component = { new (): ComponentPublicInstance },
 >(source: AsyncComponentLoader<T> | AsyncComponentOptions<T>): T {
   if (isFunction(source)) {
     source = { loader: source }
@@ -55,7 +55,7 @@ export function defineAsyncComponent<
     delay = 200,
     timeout, // undefined = never times out
     suspensible = true,
-    onError: userOnError
+    onError: userOnError,
   } = source
 
   let pendingRequest: Promise<ConcreteComponent> | null = null
@@ -93,7 +93,7 @@ export function defineAsyncComponent<
             if (__DEV__ && !comp) {
               warn(
                 `Async component loader resolved to undefined. ` +
-                  `If you are using retry(), make sure to return its return value.`
+                  `If you are using retry(), make sure to return its return value.`,
               )
             }
             // interop module default
@@ -135,7 +135,7 @@ export function defineAsyncComponent<
           err,
           instance,
           ErrorCodes.ASYNC_COMPONENT_LOADER,
-          !errorComponent /* do not throw in dev if user provided error component */
+          !errorComponent /* do not throw in dev if user provided error component */,
         )
       }
 
@@ -153,7 +153,7 @@ export function defineAsyncComponent<
             return () =>
               errorComponent
                 ? createVNode(errorComponent as ConcreteComponent, {
-                    error: err
+                    error: err,
                   })
                 : null
           })
@@ -173,7 +173,7 @@ export function defineAsyncComponent<
         setTimeout(() => {
           if (!loaded.value && !error.value) {
             const err = new Error(
-              `Async component timed out after ${timeout}ms.`
+              `Async component timed out after ${timeout}ms.`,
             )
             onError(err)
             error.value = err
@@ -200,19 +200,19 @@ export function defineAsyncComponent<
           return createInnerComp(resolvedComp, instance)
         } else if (error.value && errorComponent) {
           return createVNode(errorComponent, {
-            error: error.value
+            error: error.value,
           })
         } else if (loadingComponent && !delayed.value) {
           return createVNode(loadingComponent)
         }
       }
-    }
+    },
   }) as T
 }
 
 function createInnerComp(
   comp: ConcreteComponent,
-  parent: ComponentInternalInstance
+  parent: ComponentInternalInstance,
 ) {
   const { ref, props, children, ce } = parent.vnode
   const vnode = createVNode(comp, props, children)
diff --git a/packages/runtime-core/src/apiComputed.ts b/packages/runtime-core/src/apiComputed.ts
index 1cd9c2ec218..5253f930789 100644
--- a/packages/runtime-core/src/apiComputed.ts
+++ b/packages/runtime-core/src/apiComputed.ts
@@ -3,7 +3,7 @@ import { isInSSRComponentSetup } from './component'
 
 export const computed: typeof _computed = (
   getterOrOptions: any,
-  debugOptions?: any
+  debugOptions?: any,
 ) => {
   // @ts-ignore
   return _computed(getterOrOptions, debugOptions, isInSSRComponentSetup)
diff --git a/packages/runtime-core/src/apiCreateApp.ts b/packages/runtime-core/src/apiCreateApp.ts
index c5ac9d68a52..722e2993df3 100644
--- a/packages/runtime-core/src/apiCreateApp.ts
+++ b/packages/runtime-core/src/apiCreateApp.ts
@@ -4,16 +4,16 @@ import {
   validateComponentName,
   Component,
   ComponentInternalInstance,
-  getExposeProxy
+  getExposeProxy,
 } from './component'
 import {
   ComponentOptions,
   MergedComponentOptions,
-  RuntimeCompilerOptions
+  RuntimeCompilerOptions,
 } from './componentOptions'
 import {
   ComponentCustomProperties,
-  ComponentPublicInstance
+  ComponentPublicInstance,
 } from './componentPublicInstance'
 import { Directive, validateDirectiveName } from './directives'
 import { RootRenderFunction } from './renderer'
@@ -46,7 +46,7 @@ export interface App<HostElement = any> {
   mount(
     rootContainer: HostElement | string,
     isHydrate?: boolean,
-    isSVG?: boolean
+    isSVG?: boolean,
   ): ComponentPublicInstance
   unmount(): void
   provide<T>(key: InjectionKey<T> | string, value: T): this
@@ -91,12 +91,12 @@ export interface AppConfig {
   errorHandler?: (
     err: unknown,
     instance: ComponentPublicInstance | null,
-    info: string
+    info: string,
   ) => void
   warnHandler?: (
     msg: string,
     instance: ComponentPublicInstance | null,
-    trace: string
+    trace: string,
   ) => void
 
   /**
@@ -177,7 +177,7 @@ export function createAppContext(): AppContext {
       optionMergeStrategies: {},
       errorHandler: undefined,
       warnHandler: undefined,
-      compilerOptions: {}
+      compilerOptions: {},
     },
     mixins: [],
     components: {},
@@ -185,20 +185,20 @@ export function createAppContext(): AppContext {
     provides: Object.create(null),
     optionsCache: new WeakMap(),
     propsCache: new WeakMap(),
-    emitsCache: new WeakMap()
+    emitsCache: new WeakMap(),
   }
 }
 
 export type CreateAppFunction<HostElement> = (
   rootComponent: Component,
-  rootProps?: Data | null
+  rootProps?: Data | null,
 ) => App<HostElement>
 
 let uid = 0
 
 export function createAppAPI<HostElement>(
   render: RootRenderFunction<HostElement>,
-  hydrate?: RootHydrateFunction
+  hydrate?: RootHydrateFunction,
 ): CreateAppFunction<HostElement> {
   return function createApp(rootComponent, rootProps = null) {
     if (!isFunction(rootComponent)) {
@@ -221,9 +221,9 @@ export function createAppAPI<HostElement>(
         set() {
           warn(
             `app.config.unwrapInjectedRef has been deprecated. ` +
-              `3.3 now always unwraps injected refs in Options API.`
+              `3.3 now always unwraps injected refs in Options API.`,
           )
-        }
+        },
       })
     }
 
@@ -248,7 +248,7 @@ export function createAppAPI<HostElement>(
       set config(v) {
         if (__DEV__) {
           warn(
-            `app.config cannot be replaced. Modify individual options instead.`
+            `app.config cannot be replaced. Modify individual options instead.`,
           )
         }
       },
@@ -265,7 +265,7 @@ export function createAppAPI<HostElement>(
         } else if (__DEV__) {
           warn(
             `A plugin must either be a function or an object with an "install" ` +
-              `function.`
+              `function.`,
           )
         }
         return app
@@ -278,7 +278,7 @@ export function createAppAPI<HostElement>(
           } else if (__DEV__) {
             warn(
               'Mixin has already been applied to target app' +
-                (mixin.name ? `: ${mixin.name}` : '')
+                (mixin.name ? `: ${mixin.name}` : ''),
             )
           }
         } else if (__DEV__) {
@@ -319,7 +319,7 @@ export function createAppAPI<HostElement>(
       mount(
         rootContainer: HostElement,
         isHydrate?: boolean,
-        isSVG?: boolean
+        isSVG?: boolean,
       ): any {
         if (!isMounted) {
           // #5571
@@ -327,7 +327,7 @@ export function createAppAPI<HostElement>(
             warn(
               `There is already an app instance mounted on the host container.\n` +
                 ` If you want to mount another app on the same host container,` +
-                ` you need to unmount the previous app by calling \`app.unmount()\` first.`
+                ` you need to unmount the previous app by calling \`app.unmount()\` first.`,
             )
           }
           const vnode = createVNode(rootComponent, rootProps)
@@ -363,7 +363,7 @@ export function createAppAPI<HostElement>(
             `App has already been mounted.\n` +
               `If you want to remount the same app, move your app creation logic ` +
               `into a factory function and create fresh app instances for each ` +
-              `mount - e.g. \`const createMyApp = () => createApp(App)\``
+              `mount - e.g. \`const createMyApp = () => createApp(App)\``,
           )
         }
       },
@@ -385,7 +385,7 @@ export function createAppAPI<HostElement>(
         if (__DEV__ && (key as string | symbol) in context.provides) {
           warn(
             `App already provides property with key "${String(key)}". ` +
-              `It will be overwritten with the new value.`
+              `It will be overwritten with the new value.`,
           )
         }
 
@@ -401,7 +401,7 @@ export function createAppAPI<HostElement>(
         } finally {
           currentApp = null
         }
-      }
+      },
     })
 
     if (__COMPAT__) {
diff --git a/packages/runtime-core/src/apiDefineComponent.ts b/packages/runtime-core/src/apiDefineComponent.ts
index 272bb548751..4765ca08598 100644
--- a/packages/runtime-core/src/apiDefineComponent.ts
+++ b/packages/runtime-core/src/apiDefineComponent.ts
@@ -8,25 +8,25 @@ import {
   RenderFunction,
   ComponentOptionsBase,
   ComponentInjectOptions,
-  ComponentOptions
+  ComponentOptions,
 } from './componentOptions'
 import {
   SetupContext,
   AllowedComponentProps,
-  ComponentCustomProps
+  ComponentCustomProps,
 } from './component'
 import {
   ExtractPropTypes,
   ComponentPropsOptions,
   ExtractDefaultPropTypes,
-  ComponentObjectPropsOptions
+  ComponentObjectPropsOptions,
 } from './componentProps'
 import { EmitsOptions, EmitsToProps } from './componentEmits'
 import { extend, isFunction } from '@vue/shared'
 import { VNodeProps } from './vnode'
 import {
   CreateComponentPublicInstance,
-  ComponentPublicInstanceConstructor
+  ComponentPublicInstanceConstructor,
 } from './componentPublicInstance'
 import { SlotsType } from './componentSlots'
 
@@ -54,7 +54,7 @@ export type DefineComponent<
   PP = PublicProps,
   Props = ResolveProps<PropsOrPropOptions, E>,
   Defaults = ExtractDefaultPropTypes<PropsOrPropOptions>,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 > = ComponentPublicInstanceConstructor<
   CreateComponentPublicInstance<
     Props,
@@ -101,33 +101,33 @@ export function defineComponent<
   Props extends Record<string, any>,
   E extends EmitsOptions = {},
   EE extends string = string,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 >(
   setup: (
     props: Props,
-    ctx: SetupContext<E, S>
+    ctx: SetupContext<E, S>,
   ) => RenderFunction | Promise<RenderFunction>,
   options?: Pick<ComponentOptions, 'name' | 'inheritAttrs'> & {
     props?: (keyof Props)[]
     emits?: E | EE[]
     slots?: S
-  }
+  },
 ): (props: Props & EmitsToProps<E>) => any
 export function defineComponent<
   Props extends Record<string, any>,
   E extends EmitsOptions = {},
   EE extends string = string,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 >(
   setup: (
     props: Props,
-    ctx: SetupContext<E, S>
+    ctx: SetupContext<E, S>,
   ) => RenderFunction | Promise<RenderFunction>,
   options?: Pick<ComponentOptions, 'name' | 'inheritAttrs'> & {
     props?: ComponentObjectPropsOptions<Props>
     emits?: E | EE[]
     slots?: S
-  }
+  },
 ): (props: Props & EmitsToProps<E>) => any
 
 // overload 2: object format with no props
@@ -145,7 +145,7 @@ export function defineComponent<
   EE extends string = string,
   S extends SlotsType = {},
   I extends ComponentInjectOptions = {},
-  II extends string = string
+  II extends string = string,
 >(
   options: ComponentOptionsWithoutProps<
     Props,
@@ -160,7 +160,7 @@ export function defineComponent<
     I,
     II,
     S
-  >
+  >,
 ): DefineComponent<
   Props,
   RawBindings,
@@ -193,7 +193,7 @@ export function defineComponent<
   S extends SlotsType = {},
   I extends ComponentInjectOptions = {},
   II extends string = string,
-  Props = Readonly<{ [key in PropNames]?: any }>
+  Props = Readonly<{ [key in PropNames]?: any }>,
 >(
   options: ComponentOptionsWithArrayProps<
     PropNames,
@@ -208,7 +208,7 @@ export function defineComponent<
     I,
     II,
     S
-  >
+  >,
 ): DefineComponent<
   Props,
   RawBindings,
@@ -241,7 +241,7 @@ export function defineComponent<
   EE extends string = string,
   S extends SlotsType = {},
   I extends ComponentInjectOptions = {},
-  II extends string = string
+  II extends string = string,
 >(
   options: ComponentOptionsWithObjectProps<
     PropsOptions,
@@ -256,7 +256,7 @@ export function defineComponent<
     I,
     II,
     S
-  >
+  >,
 ): DefineComponent<
   PropsOptions,
   RawBindings,
@@ -277,7 +277,7 @@ export function defineComponent<
 /*! #__NO_SIDE_EFFECTS__ */
 export function defineComponent(
   options: unknown,
-  extraOptions?: ComponentOptions
+  extraOptions?: ComponentOptions,
 ) {
   return isFunction(options)
     ? // #8326: extend call and options.name access are considered side-effects
diff --git a/packages/runtime-core/src/apiInject.ts b/packages/runtime-core/src/apiInject.ts
index bbf925102d8..f15983604bb 100644
--- a/packages/runtime-core/src/apiInject.ts
+++ b/packages/runtime-core/src/apiInject.ts
@@ -8,7 +8,7 @@ export interface InjectionKey<T> extends Symbol {}
 
 export function provide<T, K = InjectionKey<T> | string | number>(
   key: K,
-  value: K extends InjectionKey<infer V> ? V : T
+  value: K extends InjectionKey<infer V> ? V : T,
 ) {
   if (!currentInstance) {
     if (__DEV__) {
@@ -35,17 +35,17 @@ export function inject<T>(key: InjectionKey<T> | string): T | undefined
 export function inject<T>(
   key: InjectionKey<T> | string,
   defaultValue: T,
-  treatDefaultAsFactory?: false
+  treatDefaultAsFactory?: false,
 ): T
 export function inject<T>(
   key: InjectionKey<T> | string,
   defaultValue: T | (() => T),
-  treatDefaultAsFactory: true
+  treatDefaultAsFactory: true,
 ): T
 export function inject(
   key: InjectionKey<any> | string,
   defaultValue?: unknown,
-  treatDefaultAsFactory = false
+  treatDefaultAsFactory = false,
 ) {
   // fallback to `currentRenderingInstance` so that this can be called in
   // a functional component
diff --git a/packages/runtime-core/src/apiLifecycle.ts b/packages/runtime-core/src/apiLifecycle.ts
index 0cd88846354..aa1b4b79ca4 100644
--- a/packages/runtime-core/src/apiLifecycle.ts
+++ b/packages/runtime-core/src/apiLifecycle.ts
@@ -3,7 +3,7 @@ import {
   currentInstance,
   isInSSRComponentSetup,
   setCurrentInstance,
-  unsetCurrentInstance
+  unsetCurrentInstance,
 } from './component'
 import { ComponentPublicInstance } from './componentPublicInstance'
 import { callWithAsyncErrorHandling, ErrorTypeStrings } from './errorHandling'
@@ -18,7 +18,7 @@ export function injectHook(
   type: LifecycleHooks,
   hook: Function & { __weh?: Function },
   target: ComponentInternalInstance | null = currentInstance,
-  prepend: boolean = false
+  prepend: boolean = false,
 ): Function | undefined {
   if (target) {
     const hooks = target[type] || (target[type] = [])
@@ -58,7 +58,7 @@ export function injectHook(
         (__FEATURE_SUSPENSE__
           ? ` If you are using async setup(), make sure to register lifecycle ` +
             `hooks before the first await statement.`
-          : ``)
+          : ``),
     )
   }
 }
@@ -80,21 +80,21 @@ export const onServerPrefetch = createHook(LifecycleHooks.SERVER_PREFETCH)
 
 export type DebuggerHook = (e: DebuggerEvent) => void
 export const onRenderTriggered = createHook<DebuggerHook>(
-  LifecycleHooks.RENDER_TRIGGERED
+  LifecycleHooks.RENDER_TRIGGERED,
 )
 export const onRenderTracked = createHook<DebuggerHook>(
-  LifecycleHooks.RENDER_TRACKED
+  LifecycleHooks.RENDER_TRACKED,
 )
 
 export type ErrorCapturedHook<TError = unknown> = (
   err: TError,
   instance: ComponentPublicInstance | null,
-  info: string
+  info: string,
 ) => boolean | void
 
 export function onErrorCaptured<TError = Error>(
   hook: ErrorCapturedHook<TError>,
-  target: ComponentInternalInstance | null = currentInstance
+  target: ComponentInternalInstance | null = currentInstance,
 ) {
   injectHook(LifecycleHooks.ERROR_CAPTURED, hook, target)
 }
diff --git a/packages/runtime-core/src/apiSetupHelpers.ts b/packages/runtime-core/src/apiSetupHelpers.ts
index 93200667081..945d16b0f16 100644
--- a/packages/runtime-core/src/apiSetupHelpers.ts
+++ b/packages/runtime-core/src/apiSetupHelpers.ts
@@ -4,28 +4,28 @@ import {
   isFunction,
   Prettify,
   UnionToIntersection,
-  extend
+  extend,
 } from '@vue/shared'
 import {
   getCurrentInstance,
   setCurrentInstance,
   SetupContext,
   createSetupContext,
-  unsetCurrentInstance
+  unsetCurrentInstance,
 } from './component'
 import { EmitFn, EmitsOptions, ObjectEmitsOptions } from './componentEmits'
 import {
   ComponentOptionsMixin,
   ComponentOptionsWithoutProps,
   ComputedOptions,
-  MethodOptions
+  MethodOptions,
 } from './componentOptions'
 import {
   ComponentPropsOptions,
   ComponentObjectPropsOptions,
   ExtractPropTypes,
   NormalizedProps,
-  PropOptions
+  PropOptions,
 } from './componentProps'
 import { warn } from './warning'
 import { SlotsType, StrictUnwrapSlotsType } from './componentSlots'
@@ -37,7 +37,7 @@ const warnRuntimeUsage = (method: string) =>
   warn(
     `${method}() is a compiler-hint helper that is only usable inside ` +
       `<script setup> of a single file component. Its arguments should be ` +
-      `compiled away and passing it at runtime has no effect.`
+      `compiled away and passing it at runtime has no effect.`,
   )
 
 /**
@@ -74,11 +74,11 @@ const warnRuntimeUsage = (method: string) =>
  */
 // overload 1: runtime props w/ array
 export function defineProps<PropNames extends string = string>(
-  props: PropNames[]
+  props: PropNames[],
 ): Prettify<Readonly<{ [key in PropNames]?: any }>>
 // overload 2: runtime props w/ object
 export function defineProps<
-  PP extends ComponentObjectPropsOptions = ComponentObjectPropsOptions
+  PP extends ComponentObjectPropsOptions = ComponentObjectPropsOptions,
 >(props: PP): Prettify<Readonly<ExtractPropTypes<PP>>>
 // overload 3: typed-based declaration
 export function defineProps<TypeProps>(): DefineProps<
@@ -130,13 +130,13 @@ type BooleanKey<T, K extends keyof T = keyof T> = K extends any
  */
 // overload 1: runtime emits w/ array
 export function defineEmits<EE extends string = string>(
-  emitOptions: EE[]
+  emitOptions: EE[],
 ): EmitFn<EE[]>
 export function defineEmits<E extends EmitsOptions = EmitsOptions>(
-  emitOptions: E
+  emitOptions: E,
 ): EmitFn<E>
 export function defineEmits<
-  T extends ((...args: any[]) => any) | Record<string, any[]>
+  T extends ((...args: any[]) => any) | Record<string, any[]>,
 >(): T extends (...args: any[]) => any ? T : ShortEmits<T>
 // implementation
 export function defineEmits() {
@@ -169,7 +169,7 @@ type ShortEmits<T extends Record<string, any>> = UnionToIntersection<
  * @see {@link https://vuejs.org/api/sfc-script-setup.html#defineexpose}
  */
 export function defineExpose<
-  Exposed extends Record<string, any> = Record<string, any>
+  Exposed extends Record<string, any> = Record<string, any>,
 >(exposed?: Exposed) {
   if (__DEV__) {
     warnRuntimeUsage(`defineExpose`)
@@ -189,7 +189,7 @@ export function defineOptions<
   C extends ComputedOptions = {},
   M extends MethodOptions = {},
   Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
-  Extends extends ComponentOptionsMixin = ComponentOptionsMixin
+  Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
 >(
   options?: ComponentOptionsWithoutProps<
     {},
@@ -199,7 +199,7 @@ export function defineOptions<
     M,
     Mixin,
     Extends
-  > & { emits?: undefined; expose?: undefined; slots?: undefined }
+  > & { emits?: undefined; expose?: undefined; slots?: undefined },
 ): void {
   if (__DEV__) {
     warnRuntimeUsage(`defineOptions`)
@@ -207,7 +207,7 @@ export function defineOptions<
 }
 
 export function defineSlots<
-  S extends Record<string, any> = Record<string, any>
+  S extends Record<string, any> = Record<string, any>,
 >(): StrictUnwrapSlotsType<SlotsType<S>> {
   if (__DEV__) {
     warnRuntimeUsage(`defineSlots`)
@@ -251,25 +251,25 @@ export function defineSlots<
  * ```
  */
 export function defineModel<T>(
-  options: { required: true } & PropOptions<T> & DefineModelOptions
+  options: { required: true } & PropOptions<T> & DefineModelOptions,
 ): Ref<T>
 export function defineModel<T>(
-  options: { default: any } & PropOptions<T> & DefineModelOptions
+  options: { default: any } & PropOptions<T> & DefineModelOptions,
 ): Ref<T>
 export function defineModel<T>(
-  options?: PropOptions<T> & DefineModelOptions
+  options?: PropOptions<T> & DefineModelOptions,
 ): Ref<T | undefined>
 export function defineModel<T>(
   name: string,
-  options: { required: true } & PropOptions<T> & DefineModelOptions
+  options: { required: true } & PropOptions<T> & DefineModelOptions,
 ): Ref<T>
 export function defineModel<T>(
   name: string,
-  options: { default: any } & PropOptions<T> & DefineModelOptions
+  options: { default: any } & PropOptions<T> & DefineModelOptions,
 ): Ref<T>
 export function defineModel<T>(
   name: string,
-  options?: PropOptions<T> & DefineModelOptions
+  options?: PropOptions<T> & DefineModelOptions,
 ): Ref<T | undefined>
 export function defineModel(): any {
   if (__DEV__) {
@@ -296,7 +296,7 @@ type InferDefault<P, T> =
 type PropsWithDefaults<
   T,
   Defaults extends InferDefaults<T>,
-  BKeys extends keyof T
+  BKeys extends keyof T,
 > = Omit<T, keyof Defaults> & {
   [K in keyof Defaults]-?: K extends keyof T
     ? Defaults[K] extends undefined
@@ -334,10 +334,10 @@ type PropsWithDefaults<
 export function withDefaults<
   T,
   BKeys extends keyof T,
-  Defaults extends InferDefaults<T>
+  Defaults extends InferDefaults<T>,
 >(
   props: DefineProps<T, BKeys>,
-  defaults: Defaults
+  defaults: Defaults,
 ): PropsWithDefaults<T, Defaults, BKeys> {
   if (__DEV__) {
     warnRuntimeUsage(`withDefaults`)
@@ -356,12 +356,12 @@ export function useAttrs(): SetupContext['attrs'] {
 export function useModel<T extends Record<string, any>, K extends keyof T>(
   props: T,
   name: K,
-  options?: { local?: boolean }
+  options?: { local?: boolean },
 ): Ref<T[K]>
 export function useModel(
   props: Record<string, any>,
   name: string,
-  options?: { local?: boolean }
+  options?: { local?: boolean },
 ): Ref {
   const i = getCurrentInstance()!
   if (__DEV__ && !i) {
@@ -379,7 +379,7 @@ export function useModel(
 
     watch(
       () => props[name],
-      v => (proxy.value = v)
+      v => (proxy.value = v),
     )
 
     watch(proxy, value => {
@@ -397,7 +397,7 @@ export function useModel(
       },
       set value(value) {
         i.emit(`update:${name}`, value)
-      }
+      },
     } as any
   }
 }
@@ -414,12 +414,12 @@ function getContext(): SetupContext {
  * @internal
  */
 export function normalizePropsOrEmits(
-  props: ComponentPropsOptions | EmitsOptions
+  props: ComponentPropsOptions | EmitsOptions,
 ) {
   return isArray(props)
     ? props.reduce(
         (normalized, p) => ((normalized[p] = null), normalized),
-        {} as ComponentObjectPropsOptions | ObjectEmitsOptions
+        {} as ComponentObjectPropsOptions | ObjectEmitsOptions,
       )
     : props
 }
@@ -431,7 +431,7 @@ export function normalizePropsOrEmits(
  */
 export function mergeDefaults(
   raw: ComponentPropsOptions,
-  defaults: Record<string, any>
+  defaults: Record<string, any>,
 ): ComponentObjectPropsOptions {
   const props = normalizePropsOrEmits(raw)
   for (const key in defaults) {
@@ -462,7 +462,7 @@ export function mergeDefaults(
  */
 export function mergeModels(
   a: ComponentPropsOptions | EmitsOptions,
-  b: ComponentPropsOptions | EmitsOptions
+  b: ComponentPropsOptions | EmitsOptions,
 ) {
   if (!a || !b) return a || b
   if (isArray(a) && isArray(b)) return a.concat(b)
@@ -476,14 +476,14 @@ export function mergeModels(
  */
 export function createPropsRestProxy(
   props: any,
-  excludedKeys: string[]
+  excludedKeys: string[],
 ): Record<string, any> {
   const ret: Record<string, any> = {}
   for (const key in props) {
     if (!excludedKeys.includes(key)) {
       Object.defineProperty(ret, key, {
         enumerable: true,
-        get: () => props[key]
+        get: () => props[key],
       })
     }
   }
@@ -513,7 +513,7 @@ export function withAsyncContext(getAwaitable: () => any) {
   if (__DEV__ && !ctx) {
     warn(
       `withAsyncContext called without active current instance. ` +
-        `This is likely a bug.`
+        `This is likely a bug.`,
     )
   }
   let awaitable = getAwaitable()
diff --git a/packages/runtime-core/src/apiWatch.ts b/packages/runtime-core/src/apiWatch.ts
index 1b85ba12d19..8c9468056e2 100644
--- a/packages/runtime-core/src/apiWatch.ts
+++ b/packages/runtime-core/src/apiWatch.ts
@@ -8,7 +8,7 @@ import {
   ReactiveFlags,
   EffectScheduler,
   DebuggerOptions,
-  getCurrentScope
+  getCurrentScope,
 } from '@vue/reactivity'
 import { SchedulerJob, queueJob } from './scheduler'
 import {
@@ -23,19 +23,19 @@ import {
   isMap,
   isSet,
   isPlainObject,
-  extend
+  extend,
 } from '@vue/shared'
 import {
   currentInstance,
   ComponentInternalInstance,
   isInSSRComponentSetup,
   setCurrentInstance,
-  unsetCurrentInstance
+  unsetCurrentInstance,
 } from './component'
 import {
   ErrorCodes,
   callWithErrorHandling,
-  callWithAsyncErrorHandling
+  callWithAsyncErrorHandling,
 } from './errorHandling'
 import { queuePostRenderEffect } from './renderer'
 import { warn } from './warning'
@@ -51,7 +51,7 @@ export type WatchSource<T = any> = Ref<T> | ComputedRef<T> | (() => T)
 export type WatchCallback<V = any, OV = any> = (
   value: V,
   oldValue: OV,
-  onCleanup: OnCleanup
+  onCleanup: OnCleanup,
 ) => any
 
 type MapSources<T, Immediate> = {
@@ -82,30 +82,30 @@ export type WatchStopHandle = () => void
 // Simple effect.
 export function watchEffect(
   effect: WatchEffect,
-  options?: WatchOptionsBase
+  options?: WatchOptionsBase,
 ): WatchStopHandle {
   return doWatch(effect, null, options)
 }
 
 export function watchPostEffect(
   effect: WatchEffect,
-  options?: DebuggerOptions
+  options?: DebuggerOptions,
 ) {
   return doWatch(
     effect,
     null,
-    __DEV__ ? extend({}, options as any, { flush: 'post' }) : { flush: 'post' }
+    __DEV__ ? extend({}, options as any, { flush: 'post' }) : { flush: 'post' },
   )
 }
 
 export function watchSyncEffect(
   effect: WatchEffect,
-  options?: DebuggerOptions
+  options?: DebuggerOptions,
 ) {
   return doWatch(
     effect,
     null,
-    __DEV__ ? extend({}, options as any, { flush: 'sync' }) : { flush: 'sync' }
+    __DEV__ ? extend({}, options as any, { flush: 'sync' }) : { flush: 'sync' },
   )
 }
 
@@ -117,11 +117,11 @@ type MultiWatchSources = (WatchSource<unknown> | object)[]
 // overload: array of multiple sources + cb
 export function watch<
   T extends MultiWatchSources,
-  Immediate extends Readonly<boolean> = false
+  Immediate extends Readonly<boolean> = false,
 >(
   sources: [...T],
   cb: WatchCallback<MapSources<T, false>, MapSources<T, Immediate>>,
-  options?: WatchOptions<Immediate>
+  options?: WatchOptions<Immediate>,
 ): WatchStopHandle
 
 // overload: multiple sources w/ `as const`
@@ -129,41 +129,41 @@ export function watch<
 // somehow [...T] breaks when the type is readonly
 export function watch<
   T extends Readonly<MultiWatchSources>,
-  Immediate extends Readonly<boolean> = false
+  Immediate extends Readonly<boolean> = false,
 >(
   source: T,
   cb: WatchCallback<MapSources<T, false>, MapSources<T, Immediate>>,
-  options?: WatchOptions<Immediate>
+  options?: WatchOptions<Immediate>,
 ): WatchStopHandle
 
 // overload: single source + cb
 export function watch<T, Immediate extends Readonly<boolean> = false>(
   source: WatchSource<T>,
   cb: WatchCallback<T, Immediate extends true ? T | undefined : T>,
-  options?: WatchOptions<Immediate>
+  options?: WatchOptions<Immediate>,
 ): WatchStopHandle
 
 // overload: watching reactive object w/ cb
 export function watch<
   T extends object,
-  Immediate extends Readonly<boolean> = false
+  Immediate extends Readonly<boolean> = false,
 >(
   source: T,
   cb: WatchCallback<T, Immediate extends true ? T | undefined : T>,
-  options?: WatchOptions<Immediate>
+  options?: WatchOptions<Immediate>,
 ): WatchStopHandle
 
 // implementation
 export function watch<T = any, Immediate extends Readonly<boolean> = false>(
   source: T | WatchSource<T>,
   cb: any,
-  options?: WatchOptions<Immediate>
+  options?: WatchOptions<Immediate>,
 ): WatchStopHandle {
   if (__DEV__ && !isFunction(cb)) {
     warn(
       `\`watch(fn, options?)\` signature has been moved to a separate API. ` +
         `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
-        `supports \`watch(source, cb, options?) signature.`
+        `supports \`watch(source, cb, options?) signature.`,
     )
   }
   return doWatch(source as any, cb, options)
@@ -172,19 +172,19 @@ export function watch<T = any, Immediate extends Readonly<boolean> = false>(
 function doWatch(
   source: WatchSource | WatchSource[] | WatchEffect | object,
   cb: WatchCallback | null,
-  { immediate, deep, flush, onTrack, onTrigger }: WatchOptions = EMPTY_OBJ
+  { immediate, deep, flush, onTrack, onTrigger }: WatchOptions = EMPTY_OBJ,
 ): WatchStopHandle {
   if (__DEV__ && !cb) {
     if (immediate !== undefined) {
       warn(
         `watch() "immediate" option is only respected when using the ` +
-          `watch(source, callback, options?) signature.`
+          `watch(source, callback, options?) signature.`,
       )
     }
     if (deep !== undefined) {
       warn(
         `watch() "deep" option is only respected when using the ` +
-          `watch(source, callback, options?) signature.`
+          `watch(source, callback, options?) signature.`,
       )
     }
   }
@@ -194,7 +194,7 @@ function doWatch(
       `Invalid watch source: `,
       s,
       `A watch source can only be a getter/effect function, a ref, ` +
-        `a reactive object, or an array of these types.`
+        `a reactive object, or an array of these types.`,
     )
   }
 
@@ -244,7 +244,7 @@ function doWatch(
           source,
           instance,
           ErrorCodes.WATCH_CALLBACK,
-          [onCleanup]
+          [onCleanup],
         )
       }
     }
@@ -292,7 +292,7 @@ function doWatch(
       callWithAsyncErrorHandling(cb, instance, ErrorCodes.WATCH_CALLBACK, [
         getter(),
         isMultiSource ? [] : undefined,
-        onCleanup
+        onCleanup,
       ])
     }
     if (flush === 'sync') {
@@ -335,7 +335,7 @@ function doWatch(
             : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE
             ? []
             : oldValue,
-          onCleanup
+          onCleanup,
         ])
         oldValue = newValue
       }
@@ -378,7 +378,7 @@ function doWatch(
   } else if (flush === 'post') {
     queuePostRenderEffect(
       effect.run.bind(effect),
-      instance && instance.suspense
+      instance && instance.suspense,
     )
   } else {
     effect.run()
@@ -400,7 +400,7 @@ export function instanceWatch(
   this: ComponentInternalInstance,
   source: string | Function,
   value: WatchCallback | ObjectWatchOptionItem,
-  options?: WatchOptions
+  options?: WatchOptions,
 ): WatchStopHandle {
   const publicThis = this.proxy as any
   const getter = isString(source)
diff --git a/packages/runtime-core/src/compat/attrsFallthrough.ts b/packages/runtime-core/src/compat/attrsFallthrough.ts
index e2fc730e8a1..4760bc05682 100644
--- a/packages/runtime-core/src/compat/attrsFallthrough.ts
+++ b/packages/runtime-core/src/compat/attrsFallthrough.ts
@@ -4,7 +4,7 @@ import { DeprecationTypes, isCompatEnabled } from './compatConfig'
 
 export function shouldSkipAttr(
   key: string,
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): boolean {
   if (key === 'is') {
     return true
diff --git a/packages/runtime-core/src/compat/compatConfig.ts b/packages/runtime-core/src/compat/compatConfig.ts
index 88b58fdfab0..b41e6761324 100644
--- a/packages/runtime-core/src/compat/compatConfig.ts
+++ b/packages/runtime-core/src/compat/compatConfig.ts
@@ -6,7 +6,7 @@ import {
   formatComponentName,
   getComponentName,
   getCurrentInstance,
-  isRuntimeOnly
+  isRuntimeOnly,
 } from '../component'
 import { warn } from '../warning'
 
@@ -63,7 +63,7 @@ export const enum DeprecationTypes {
 
   FILTERS = 'FILTERS',
 
-  PRIVATE_APIS = 'PRIVATE_APIS'
+  PRIVATE_APIS = 'PRIVATE_APIS',
 }
 
 type DeprecationData = {
@@ -76,7 +76,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
     message:
       `The global app bootstrapping API has changed: vm.$mount() and the "el" ` +
       `option have been removed. Use createApp(RootComponent).mount() instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#mounting-app-instance`
+    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#mounting-app-instance`,
   },
 
   [DeprecationTypes.GLOBAL_MOUNT_CONTAINER]: {
@@ -84,72 +84,72 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `Vue detected directives on the mount container. ` +
       `In Vue 3, the container is no longer considered part of the template ` +
       `and will not be processed/replaced.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/mount-changes.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/mount-changes.html`,
   },
 
   [DeprecationTypes.GLOBAL_EXTEND]: {
     message:
       `Vue.extend() has been removed in Vue 3. ` +
       `Use defineComponent() instead.`,
-    link: `https://vuejs.org/api/general.html#definecomponent`
+    link: `https://vuejs.org/api/general.html#definecomponent`,
   },
 
   [DeprecationTypes.GLOBAL_PROTOTYPE]: {
     message:
       `Vue.prototype is no longer available in Vue 3. ` +
       `Use app.config.globalProperties instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#vue-prototype-replaced-by-config-globalproperties`
+    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#vue-prototype-replaced-by-config-globalproperties`,
   },
 
   [DeprecationTypes.GLOBAL_SET]: {
     message:
       `Vue.set() has been removed as it is no longer needed in Vue 3. ` +
-      `Simply use native JavaScript mutations.`
+      `Simply use native JavaScript mutations.`,
   },
 
   [DeprecationTypes.GLOBAL_DELETE]: {
     message:
       `Vue.delete() has been removed as it is no longer needed in Vue 3. ` +
-      `Simply use native JavaScript mutations.`
+      `Simply use native JavaScript mutations.`,
   },
 
   [DeprecationTypes.GLOBAL_OBSERVABLE]: {
     message:
       `Vue.observable() has been removed. ` +
       `Use \`import { reactive } from "vue"\` from Composition API instead.`,
-    link: `https://vuejs.org/api/reactivity-core.html#reactive`
+    link: `https://vuejs.org/api/reactivity-core.html#reactive`,
   },
 
   [DeprecationTypes.GLOBAL_PRIVATE_UTIL]: {
     message:
       `Vue.util has been removed. Please refactor to avoid its usage ` +
-      `since it was an internal API even in Vue 2.`
+      `since it was an internal API even in Vue 2.`,
   },
 
   [DeprecationTypes.CONFIG_SILENT]: {
     message:
       `config.silent has been removed because it is not good practice to ` +
       `intentionally suppress warnings. You can use your browser console's ` +
-      `filter features to focus on relevant messages.`
+      `filter features to focus on relevant messages.`,
   },
 
   [DeprecationTypes.CONFIG_DEVTOOLS]: {
     message:
       `config.devtools has been removed. To enable devtools for ` +
       `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`,
-    link: `https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags`
+    link: `https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags`,
   },
 
   [DeprecationTypes.CONFIG_KEY_CODES]: {
     message:
       `config.keyCodes has been removed. ` +
       `In Vue 3, you can directly use the kebab-case key names as v-on modifiers.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`,
   },
 
   [DeprecationTypes.CONFIG_PRODUCTION_TIP]: {
     message: `config.productionTip has been removed.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-productiontip-removed`
+    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-productiontip-removed`,
   },
 
   [DeprecationTypes.CONFIG_IGNORED_ELEMENTS]: {
@@ -162,7 +162,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       }
       return msg
     },
-    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-ignoredelements-is-now-config-iscustomelement`
+    link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-ignoredelements-is-now-config-iscustomelement`,
   },
 
   [DeprecationTypes.CONFIG_WHITESPACE]: {
@@ -171,37 +171,37 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
     message:
       `Vue 3 compiler's whitespace option will default to "condense" instead of ` +
       `"preserve". To suppress this warning, provide an explicit value for ` +
-      `\`config.compilerOptions.whitespace\`.`
+      `\`config.compilerOptions.whitespace\`.`,
   },
 
   [DeprecationTypes.CONFIG_OPTION_MERGE_STRATS]: {
     message:
       `config.optionMergeStrategies no longer exposes internal strategies. ` +
-      `Use custom merge functions instead.`
+      `Use custom merge functions instead.`,
   },
 
   [DeprecationTypes.INSTANCE_SET]: {
     message:
       `vm.$set() has been removed as it is no longer needed in Vue 3. ` +
-      `Simply use native JavaScript mutations.`
+      `Simply use native JavaScript mutations.`,
   },
 
   [DeprecationTypes.INSTANCE_DELETE]: {
     message:
       `vm.$delete() has been removed as it is no longer needed in Vue 3. ` +
-      `Simply use native JavaScript mutations.`
+      `Simply use native JavaScript mutations.`,
   },
 
   [DeprecationTypes.INSTANCE_DESTROY]: {
     message: `vm.$destroy() has been removed. Use app.unmount() instead.`,
-    link: `https://vuejs.org/api/application.html#app-unmount`
+    link: `https://vuejs.org/api/application.html#app-unmount`,
   },
 
   [DeprecationTypes.INSTANCE_EVENT_EMITTER]: {
     message:
       `vm.$on/$once/$off() have been removed. ` +
       `Use an external event emitter library instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/events-api.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/events-api.html`,
   },
 
   [DeprecationTypes.INSTANCE_EVENT_HOOKS]: {
@@ -211,14 +211,14 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `should be changed to @vue:${event.slice(5)}. ` +
       `From JavaScript, use Composition API to dynamically register lifecycle ` +
       `hooks.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/vnode-lifecycle-events.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/vnode-lifecycle-events.html`,
   },
 
   [DeprecationTypes.INSTANCE_CHILDREN]: {
     message:
       `vm.$children has been removed. Consider refactoring your logic ` +
       `to avoid relying on direct access to child components.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/children.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/children.html`,
   },
 
   [DeprecationTypes.INSTANCE_LISTENERS]: {
@@ -227,12 +227,12 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `included in vm.$attrs and it is no longer necessary to separately use ` +
       `v-on="$listeners" if you are already using v-bind="$attrs". ` +
       `(Note: the Vue 3 behavior only applies if this compat config is disabled)`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html`,
   },
 
   [DeprecationTypes.INSTANCE_SCOPED_SLOTS]: {
     message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/slots-unification.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/slots-unification.html`,
   },
 
   [DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE]: {
@@ -247,29 +247,29 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `If you are binding $attrs to a non-root element and expecting ` +
       `class/style to fallthrough on root, you will need to now manually bind ` +
       `them on root via :class="$attrs.class".`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/attrs-includes-class-style.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/attrs-includes-class-style.html`,
   },
 
   [DeprecationTypes.OPTIONS_DATA_FN]: {
     message:
       `The "data" option can no longer be a plain object. ` +
       `Always use a function.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html`,
   },
 
   [DeprecationTypes.OPTIONS_DATA_MERGE]: {
     message: (key: string) =>
       `Detected conflicting key "${key}" when merging data option values. ` +
       `In Vue 3, data keys are merged shallowly and will override one another.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html#mixin-merge-behavior-change`
+    link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html#mixin-merge-behavior-change`,
   },
 
   [DeprecationTypes.OPTIONS_BEFORE_DESTROY]: {
-    message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`
+    message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`,
   },
 
   [DeprecationTypes.OPTIONS_DESTROYED]: {
-    message: `\`destroyed\` has been renamed to \`unmounted\`.`
+    message: `\`destroyed\` has been renamed to \`unmounted\`.`,
   },
 
   [DeprecationTypes.WATCH_ARRAY]: {
@@ -279,7 +279,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `If current usage is intended, you can disable the compat behavior and ` +
       `suppress this warning with:` +
       `\n\n  configureCompat({ ${DeprecationTypes.WATCH_ARRAY}: false })\n`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/watch.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/watch.html`,
   },
 
   [DeprecationTypes.PROPS_DEFAULT_THIS]: {
@@ -287,21 +287,21 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `props default value function no longer has access to "this". The compat ` +
       `build only offers access to this.$options.` +
       `(found in prop "${key}")`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/props-default-this.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/props-default-this.html`,
   },
 
   [DeprecationTypes.CUSTOM_DIR]: {
     message: (legacyHook: string, newHook: string) =>
       `Custom directive hook "${legacyHook}" has been removed. ` +
       `Use "${newHook}" instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/custom-directives.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/custom-directives.html`,
   },
 
   [DeprecationTypes.V_ON_KEYCODE_MODIFIER]: {
     message:
       `Using keyCode as v-on modifier is no longer supported. ` +
       `Use kebab-case key name modifiers instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`,
   },
 
   [DeprecationTypes.ATTR_FALSE_VALUE]: {
@@ -311,7 +311,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `use \`null\` or \`undefined\` instead. If the usage is intended, ` +
       `you can disable the compat behavior and suppress this warning with:` +
       `\n\n  configureCompat({ ${DeprecationTypes.ATTR_FALSE_VALUE}: false })\n`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`,
   },
 
   [DeprecationTypes.ATTR_ENUMERATED_COERCION]: {
@@ -324,11 +324,11 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `If the usage is intended, ` +
       `you can disable the compat behavior and suppress this warning with:` +
       `\n\n  configureCompat({ ${DeprecationTypes.ATTR_ENUMERATED_COERCION}: false })\n`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`,
   },
 
   [DeprecationTypes.TRANSITION_CLASSES]: {
-    message: `` // this feature cannot be runtime-detected
+    message: ``, // this feature cannot be runtime-detected
   },
 
   [DeprecationTypes.TRANSITION_GROUP_ROOT]: {
@@ -338,7 +338,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `for styling, you can disable the compat behavior and suppress this ` +
       `warning with:` +
       `\n\n  configureCompat({ ${DeprecationTypes.TRANSITION_GROUP_ROOT}: false })\n`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/transition-group.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/transition-group.html`,
   },
 
   [DeprecationTypes.COMPONENT_ASYNC]: {
@@ -356,7 +356,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
         `\n\n  configureCompat({ ${DeprecationTypes.COMPONENT_ASYNC}: false })\n`
       )
     },
-    link: `https://v3-migration.vuejs.org/breaking-changes/async-components.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/async-components.html`,
   },
 
   [DeprecationTypes.COMPONENT_FUNCTIONAL]: {
@@ -372,7 +372,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
         `been disabled.`
       )
     },
-    link: `https://v3-migration.vuejs.org/breaking-changes/functional-components.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/functional-components.html`,
   },
 
   [DeprecationTypes.COMPONENT_V_MODEL]: {
@@ -397,7 +397,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
         `"update:modelValue" event. You can update the usage and then ${configMsg}`
       )
     },
-    link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`,
   },
 
   [DeprecationTypes.RENDER_FUNCTION]: {
@@ -406,7 +406,7 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `You can opt-in to the new API with:` +
       `\n\n  configureCompat({ ${DeprecationTypes.RENDER_FUNCTION}: false })\n` +
       `\n  (This can also be done per-component via the "compatConfig" option.)`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/render-function-api.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/render-function-api.html`,
   },
 
   [DeprecationTypes.FILTERS]: {
@@ -414,15 +414,15 @@ export const deprecationData: Record<DeprecationTypes, DeprecationData> = {
       `filters have been removed in Vue 3. ` +
       `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
       `Use method calls or computed properties instead.`,
-    link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
+    link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`,
   },
 
   [DeprecationTypes.PRIVATE_APIS]: {
     message: name =>
       `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
       `If you are seeing this warning only due to a dependency, you can ` +
-      `suppress this warning via { PRIVATE_APIS: 'suppress-warning' }.`
-  }
+      `suppress this warning via { PRIVATE_APIS: 'suppress-warning' }.`,
+  },
 }
 
 const instanceWarned: Record<string, true> = Object.create(null)
@@ -482,12 +482,12 @@ export function warnDeprecation(
   warn(
     `(deprecation ${key}) ${
       typeof message === 'function' ? message(...args) : message
-    }${link ? `\n  Details: ${link}` : ``}`
+    }${link ? `\n  Details: ${link}` : ``}`,
   )
   if (!isCompatEnabled(key, instance, true)) {
     console.error(
       `^ The above deprecation's compat behavior is disabled and will likely ` +
-        `lead to runtime errors.`
+        `lead to runtime errors.`,
     )
   }
 }
@@ -499,7 +499,7 @@ export type CompatConfig = Partial<
 }
 
 export const globalCompatConfig: CompatConfig = {
-  MODE: 2
+  MODE: 2,
 }
 
 export function configureCompat(config: CompatConfig) {
@@ -515,7 +515,7 @@ const warnedInvalidKeys: Record<string, boolean> = {}
 // dev only
 export function validateCompatConfig(
   config: CompatConfig,
-  instance?: ComponentInternalInstance
+  instance?: ComponentInternalInstance,
 ) {
   if (seenConfigObjects.has(config)) {
     return
@@ -534,7 +534,7 @@ export function validateCompatConfig(
             `Deprecation config "${key}" is compiler-specific and you are ` +
               `running a runtime-only build of Vue. This deprecation should be ` +
               `configured via compiler options in your build setup instead.\n` +
-              `Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
+              `Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`,
           )
         }
       } else {
@@ -546,14 +546,14 @@ export function validateCompatConfig(
 
   if (instance && config[DeprecationTypes.OPTIONS_DATA_MERGE] != null) {
     warn(
-      `Deprecation config "${DeprecationTypes.OPTIONS_DATA_MERGE}" can only be configured globally.`
+      `Deprecation config "${DeprecationTypes.OPTIONS_DATA_MERGE}" can only be configured globally.`,
     )
   }
 }
 
 export function getCompatConfigForKey(
   key: DeprecationTypes | 'MODE',
-  instance: ComponentInternalInstance | null
+  instance: ComponentInternalInstance | null,
 ) {
   const instanceConfig =
     instance && (instance.type as ComponentOptions).compatConfig
@@ -566,7 +566,7 @@ export function getCompatConfigForKey(
 export function isCompatEnabled(
   key: DeprecationTypes,
   instance: ComponentInternalInstance | null,
-  enableForBuiltIn = false
+  enableForBuiltIn = false,
 ): boolean {
   // skip compat for built-in components
   if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
@@ -637,6 +637,6 @@ export function checkCompatEnabled(
 // run tests in v3 mode by default
 if (__TEST__) {
   configureCompat({
-    MODE: 3
+    MODE: 3,
   })
 }
diff --git a/packages/runtime-core/src/compat/component.ts b/packages/runtime-core/src/compat/component.ts
index b09d579a59a..d1d7b16e065 100644
--- a/packages/runtime-core/src/compat/component.ts
+++ b/packages/runtime-core/src/compat/component.ts
@@ -3,14 +3,14 @@ import { Component, ComponentInternalInstance } from '../component'
 import {
   checkCompatEnabled,
   DeprecationTypes,
-  softAssertCompatEnabled
+  softAssertCompatEnabled,
 } from './compatConfig'
 import { convertLegacyAsyncComponent } from './componentAsync'
 import { convertLegacyFunctionalComponent } from './componentFunctional'
 
 export function convertLegacyComponent(
   comp: any,
-  instance: ComponentInternalInstance | null
+  instance: ComponentInternalInstance | null,
 ): Component {
   if (comp.__isBuiltIn) {
     return comp
@@ -38,7 +38,7 @@ export function convertLegacyComponent(
     softAssertCompatEnabled(
       DeprecationTypes.COMPONENT_FUNCTIONAL,
       instance,
-      comp
+      comp,
     )
   ) {
     return convertLegacyFunctionalComponent(comp)
diff --git a/packages/runtime-core/src/compat/componentAsync.ts b/packages/runtime-core/src/compat/componentAsync.ts
index 0a0dee72b63..d66f23fbebb 100644
--- a/packages/runtime-core/src/compat/componentAsync.ts
+++ b/packages/runtime-core/src/compat/componentAsync.ts
@@ -15,7 +15,7 @@ type LegacyAsyncReturnValue = Promise<Component> | LegacyAsyncOptions
 
 type LegacyAsyncComponent = (
   resolve?: (res: LegacyAsyncReturnValue) => void,
-  reject?: (reason?: any) => void
+  reject?: (reason?: any) => void,
 ) => LegacyAsyncReturnValue | undefined
 
 const normalizedAsyncComponentMap = new Map<LegacyAsyncComponent, Component>()
@@ -44,7 +44,7 @@ export function convertLegacyAsyncComponent(comp: LegacyAsyncComponent) {
       loadingComponent: res.loading,
       errorComponent: res.error,
       delay: res.delay,
-      timeout: res.timeout
+      timeout: res.timeout,
     })
   } else if (res == null) {
     converted = defineAsyncComponent(() => fallbackPromise)
diff --git a/packages/runtime-core/src/compat/componentFunctional.ts b/packages/runtime-core/src/compat/componentFunctional.ts
index 1b1146bbab9..5030dcce759 100644
--- a/packages/runtime-core/src/compat/componentFunctional.ts
+++ b/packages/runtime-core/src/compat/componentFunctional.ts
@@ -1,7 +1,7 @@
 import {
   ComponentOptions,
   FunctionalComponent,
-  getCurrentInstance
+  getCurrentInstance,
 } from '../component'
 import { resolveInjections } from '../componentOptions'
 import { InternalSlots } from '../componentSlots'
@@ -17,7 +17,7 @@ export const legacySlotProxyHandlers: ProxyHandler<InternalSlots> = {
   get(target, key: string) {
     const slot = target[key]
     return slot && slot()
-  }
+  },
 }
 
 export function convertLegacyFunctionalComponent(comp: ComponentOptions) {
@@ -49,7 +49,7 @@ export function convertLegacyFunctionalComponent(comp: ComponentOptions) {
           return injections
         }
         return {}
-      }
+      },
     }
     return legacyFn(compatH, legacyCtx)
   }
diff --git a/packages/runtime-core/src/compat/componentVModel.ts b/packages/runtime-core/src/compat/componentVModel.ts
index b446fb4274d..b7a5674cd89 100644
--- a/packages/runtime-core/src/compat/componentVModel.ts
+++ b/packages/runtime-core/src/compat/componentVModel.ts
@@ -6,7 +6,7 @@ import { popWarningContext, pushWarningContext } from '../warning'
 import {
   DeprecationTypes,
   warnDeprecation,
-  isCompatEnabled
+  isCompatEnabled,
 } from './compatConfig'
 
 export const compatModelEventPrefix = `onModelCompat:`
@@ -23,7 +23,7 @@ export function convertLegacyVModelProps(vnode: VNode) {
         // this is a special case where we want to use the vnode component's
         // compat config instead of the current rendering instance (which is the
         // parent of the component that exposes v-model)
-        { type } as any
+        { type } as any,
       )
     ) {
       return
@@ -67,7 +67,7 @@ function applyModelFromMixins(model: any, mixins?: ComponentOptions[]) {
 export function compatModelEmit(
   instance: ComponentInternalInstance,
   event: string,
-  args: any[]
+  args: any[],
 ) {
   if (!isCompatEnabled(DeprecationTypes.COMPONENT_V_MODEL, instance)) {
     return
@@ -79,7 +79,7 @@ export function compatModelEmit(
       modelHandler,
       instance,
       ErrorCodes.COMPONENT_EVENT_HANDLER,
-      args
+      args,
     )
   }
 }
diff --git a/packages/runtime-core/src/compat/customDirective.ts b/packages/runtime-core/src/compat/customDirective.ts
index da351eb0812..365d177c0f8 100644
--- a/packages/runtime-core/src/compat/customDirective.ts
+++ b/packages/runtime-core/src/compat/customDirective.ts
@@ -20,13 +20,13 @@ const legacyDirectiveHookMap: Partial<
   beforeMount: 'bind',
   mounted: 'inserted',
   updated: ['update', 'componentUpdated'],
-  unmounted: 'unbind'
+  unmounted: 'unbind',
 }
 
 export function mapCompatDirectiveHook(
   name: keyof ObjectDirective,
   dir: ObjectDirective & LegacyDirective,
-  instance: ComponentInternalInstance | null
+  instance: ComponentInternalInstance | null,
 ): DirectiveHook | DirectiveHook[] | undefined {
   const mappedName = legacyDirectiveHookMap[name]
   if (mappedName) {
@@ -39,7 +39,7 @@ export function mapCompatDirectiveHook(
             DeprecationTypes.CUSTOM_DIR,
             instance,
             mapped,
-            name
+            name,
           )
           hook.push(mappedHook)
         }
@@ -51,7 +51,7 @@ export function mapCompatDirectiveHook(
           DeprecationTypes.CUSTOM_DIR,
           instance,
           mappedName,
-          name
+          name,
         )
       }
       return dir[mappedName]
diff --git a/packages/runtime-core/src/compat/global.ts b/packages/runtime-core/src/compat/global.ts
index 9f1a6d1cd12..2f012da2e8b 100644
--- a/packages/runtime-core/src/compat/global.ts
+++ b/packages/runtime-core/src/compat/global.ts
@@ -4,7 +4,7 @@ import {
   track,
   TrackOpTypes,
   trigger,
-  TriggerOpTypes
+  TriggerOpTypes,
 } from '@vue/reactivity'
 import {
   isFunction,
@@ -13,7 +13,7 @@ import {
   isArray,
   isObject,
   isString,
-  invokeArrayFns
+  invokeArrayFns,
 } from '@vue/shared'
 import { warn } from '../warning'
 import { cloneVNode, createVNode } from '../vnode'
@@ -23,7 +23,7 @@ import {
   AppConfig,
   AppContext,
   CreateAppFunction,
-  Plugin
+  Plugin,
 } from '../apiCreateApp'
 import {
   Component,
@@ -31,12 +31,12 @@ import {
   createComponentInstance,
   finishComponentSetup,
   isRuntimeOnly,
-  setupComponent
+  setupComponent,
 } from '../component'
 import {
   RenderFunction,
   mergeOptions,
-  internalOptionMergeStrats
+  internalOptionMergeStrats,
 } from '../componentOptions'
 import { ComponentPublicInstance } from '../componentPublicInstance'
 import { devtoolsInitApp, devtoolsUnmountApp } from '../devtools'
@@ -46,7 +46,7 @@ import { version } from '..'
 import {
   installLegacyConfigWarnings,
   installLegacyOptionMergeStrats,
-  LegacyConfig
+  LegacyConfig,
 } from './globalConfig'
 import { LegacyDirective } from './customDirective'
 import {
@@ -55,7 +55,7 @@ import {
   assertCompatEnabled,
   configureCompat,
   isCompatEnabled,
-  softAssertCompatEnabled
+  softAssertCompatEnabled,
 } from './compatConfig'
 import { LegacyPublicInstance } from './instance'
 
@@ -134,12 +134,12 @@ let singletonCtor: CompatVue
 // Legacy global Vue constructor
 export function createCompatVue(
   createApp: CreateAppFunction<Element>,
-  createSingletonApp: CreateAppFunction<Element>
+  createSingletonApp: CreateAppFunction<Element>,
 ): CompatVue {
   singletonApp = createSingletonApp({})
 
   const Vue: CompatVue = (singletonCtor = function Vue(
-    options: ComponentOptions = {}
+    options: ComponentOptions = {},
   ) {
     return createCompatApp(options, Vue)
   } as any)
@@ -233,9 +233,9 @@ export function createCompatVue(
           mergeOptions(
             extend({}, SubVue.options),
             inlineOptions,
-            internalOptionMergeStrats as any
+            internalOptionMergeStrats as any,
           ),
-          SubVue
+          SubVue,
         )
       }
     }
@@ -258,7 +258,7 @@ export function createCompatVue(
     SubVue.options = mergeOptions(
       mergeBase,
       extendOptions,
-      internalOptionMergeStrats as any
+      internalOptionMergeStrats as any,
     )
 
     SubVue.options._base = SubVue
@@ -305,15 +305,15 @@ export function createCompatVue(
       mergeOptions(
         parent,
         child,
-        vm ? undefined : (internalOptionMergeStrats as any)
+        vm ? undefined : (internalOptionMergeStrats as any),
       ),
-    defineReactive
+    defineReactive,
   }
   Object.defineProperty(Vue, 'util', {
     get() {
       assertCompatEnabled(DeprecationTypes.GLOBAL_PRIVATE_UTIL, null)
       return util
-    }
+    },
   })
 
   Vue.configureCompat = configureCompat
@@ -324,7 +324,7 @@ export function createCompatVue(
 export function installAppCompatProperties(
   app: App,
   context: AppContext,
-  render: RootRenderFunction<any>
+  render: RootRenderFunction<any>,
 ) {
   installFilterMethod(app, context)
   installLegacyOptionMergeStrats(app.config)
@@ -364,7 +364,7 @@ function installLegacyAPIs(app: App) {
       get() {
         __DEV__ && warnDeprecation(DeprecationTypes.GLOBAL_PROTOTYPE, null)
         return app.config.globalProperties
-      }
+      },
     },
     nextTick: { value: nextTick },
     extend: { value: singletonCtor.extend },
@@ -374,8 +374,8 @@ function installLegacyAPIs(app: App) {
     util: {
       get() {
         return singletonCtor.util
-      }
-    }
+      },
+    },
   })
 }
 
@@ -432,7 +432,7 @@ function applySingletonPrototype(app: App, Ctor: Function) {
         Object.defineProperty(
           app.config.globalProperties,
           key,
-          descriptors[key]
+          descriptors[key],
         )
       }
     }
@@ -445,7 +445,7 @@ function applySingletonPrototype(app: App, Ctor: Function) {
 function installCompatMount(
   app: App,
   context: AppContext,
-  render: RootRenderFunction
+  render: RootRenderFunction,
 ) {
   let isMounted = false
 
@@ -493,7 +493,7 @@ function installCompatMount(
         if (!result) {
           __DEV__ &&
             warn(
-              `Failed to mount root instance: selector "${selectorOrEl}" returned null.`
+              `Failed to mount root instance: selector "${selectorOrEl}" returned null.`,
             )
           return
         }
@@ -597,7 +597,7 @@ const methodsToPatch = [
   'unshift',
   'splice',
   'sort',
-  'reverse'
+  'reverse',
 ]
 
 const patched = new WeakSet<object>()
@@ -649,6 +649,6 @@ function defineReactiveSimple(obj: any, key: string, val: any) {
     set(newVal) {
       val = isObject(newVal) ? reactive(newVal) : newVal
       trigger(obj, TriggerOpTypes.SET, key, newVal)
-    }
+    },
   })
 }
diff --git a/packages/runtime-core/src/compat/globalConfig.ts b/packages/runtime-core/src/compat/globalConfig.ts
index 03a4699aa55..8e397b21a35 100644
--- a/packages/runtime-core/src/compat/globalConfig.ts
+++ b/packages/runtime-core/src/compat/globalConfig.ts
@@ -2,7 +2,7 @@ import { AppConfig } from '../apiCreateApp'
 import {
   DeprecationTypes,
   softAssertCompatEnabled,
-  warnDeprecation
+  warnDeprecation,
 } from './compatConfig'
 import { isCopyingConfig } from './global'
 import { internalOptionMergeStrats } from '../componentOptions'
@@ -42,7 +42,7 @@ export function installLegacyConfigWarnings(config: AppConfig) {
     devtools: DeprecationTypes.CONFIG_DEVTOOLS,
     ignoredElements: DeprecationTypes.CONFIG_IGNORED_ELEMENTS,
     keyCodes: DeprecationTypes.CONFIG_KEY_CODES,
-    productionTip: DeprecationTypes.CONFIG_PRODUCTION_TIP
+    productionTip: DeprecationTypes.CONFIG_PRODUCTION_TIP,
   }
 
   Object.keys(legacyConfigOptions).forEach(key => {
@@ -57,7 +57,7 @@ export function installLegacyConfigWarnings(config: AppConfig) {
           warnDeprecation(legacyConfigOptions[key], null)
         }
         val = newVal
-      }
+      },
     })
   })
 }
@@ -72,13 +72,13 @@ export function installLegacyOptionMergeStrats(config: AppConfig) {
         key in internalOptionMergeStrats &&
         softAssertCompatEnabled(
           DeprecationTypes.CONFIG_OPTION_MERGE_STRATS,
-          null
+          null,
         )
       ) {
         return internalOptionMergeStrats[
           key as keyof typeof internalOptionMergeStrats
         ]
       }
-    }
+    },
   })
 }
diff --git a/packages/runtime-core/src/compat/instance.ts b/packages/runtime-core/src/compat/instance.ts
index 141f0bf0a0f..6fbe76efb59 100644
--- a/packages/runtime-core/src/compat/instance.ts
+++ b/packages/runtime-core/src/compat/instance.ts
@@ -4,17 +4,17 @@ import {
   looseIndexOf,
   looseToNumber,
   NOOP,
-  toDisplayString
+  toDisplayString,
 } from '@vue/shared'
 import {
   ComponentPublicInstance,
-  PublicPropertiesMap
+  PublicPropertiesMap,
 } from '../componentPublicInstance'
 import { getCompatChildren } from './instanceChildren'
 import {
   DeprecationTypes,
   assertCompatEnabled,
-  isCompatEnabled
+  isCompatEnabled,
 } from './compatConfig'
 import { off, on, once } from './instanceEventEmitter'
 import { getCompatListeners } from './instanceListeners'
@@ -32,7 +32,7 @@ import {
   legacyPrependModifier,
   legacyRenderSlot,
   legacyRenderStatic,
-  legacyresolveScopedSlots
+  legacyresolveScopedSlots,
 } from './renderHelpers'
 import { resolveFilter } from '../helpers/resolveAssets'
 import { InternalSlots, Slots } from '../componentSlots'
@@ -78,7 +78,7 @@ export function installCompatInstanceProperties(map: PublicPropertiesMap) {
     $mount: i => {
       assertCompatEnabled(
         DeprecationTypes.GLOBAL_MOUNT,
-        null /* this warning is global */
+        null /* this warning is global */,
       )
       // root mount override from ./global.ts in installCompatMount
       return i.ctx._compat_mount || NOOP
@@ -119,7 +119,7 @@ export function installCompatInstanceProperties(map: PublicPropertiesMap) {
     $off: i => off.bind(null, i),
 
     $children: getCompatChildren,
-    $listeners: getCompatListeners
+    $listeners: getCompatListeners,
   } as PublicPropertiesMap)
 
   /* istanbul ignore if */
@@ -163,7 +163,7 @@ export function installCompatInstanceProperties(map: PublicPropertiesMap) {
       _u: () => legacyresolveScopedSlots,
       _g: () => legacyBindObjectListeners,
       _d: () => legacyBindDynamicKeys,
-      _p: () => legacyPrependModifier
+      _p: () => legacyPrependModifier,
     } as PublicPropertiesMap)
   }
 }
diff --git a/packages/runtime-core/src/compat/instanceChildren.ts b/packages/runtime-core/src/compat/instanceChildren.ts
index 7524e53b7f1..f71a24ba9f2 100644
--- a/packages/runtime-core/src/compat/instanceChildren.ts
+++ b/packages/runtime-core/src/compat/instanceChildren.ts
@@ -5,7 +5,7 @@ import { VNode } from '../vnode'
 import { assertCompatEnabled, DeprecationTypes } from './compatConfig'
 
 export function getCompatChildren(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): ComponentPublicInstance[] {
   assertCompatEnabled(DeprecationTypes.INSTANCE_CHILDREN, instance)
   const root = instance.subTree
diff --git a/packages/runtime-core/src/compat/instanceEventEmitter.ts b/packages/runtime-core/src/compat/instanceEventEmitter.ts
index b314f686c4e..8f966a100b2 100644
--- a/packages/runtime-core/src/compat/instanceEventEmitter.ts
+++ b/packages/runtime-core/src/compat/instanceEventEmitter.ts
@@ -13,7 +13,7 @@ const eventRegistryMap = /*#__PURE__*/ new WeakMap<
 >()
 
 export function getRegistry(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): EventRegistry {
   let events = eventRegistryMap.get(instance)
   if (!events) {
@@ -25,7 +25,7 @@ export function getRegistry(
 export function on(
   instance: ComponentInternalInstance,
   event: string | string[],
-  fn: Function
+  fn: Function,
 ) {
   if (isArray(event)) {
     event.forEach(e => on(instance, e, fn))
@@ -34,7 +34,7 @@ export function on(
       assertCompatEnabled(
         DeprecationTypes.INSTANCE_EVENT_HOOKS,
         instance,
-        event
+        event,
       )
     } else {
       assertCompatEnabled(DeprecationTypes.INSTANCE_EVENT_EMITTER, instance)
@@ -48,7 +48,7 @@ export function on(
 export function once(
   instance: ComponentInternalInstance,
   event: string,
-  fn: Function
+  fn: Function,
 ) {
   const wrapped = (...args: any[]) => {
     off(instance, event, wrapped)
@@ -62,7 +62,7 @@ export function once(
 export function off(
   instance: ComponentInternalInstance,
   event?: string | string[],
-  fn?: Function
+  fn?: Function,
 ) {
   assertCompatEnabled(DeprecationTypes.INSTANCE_EVENT_EMITTER, instance)
   const vm = instance.proxy
@@ -93,7 +93,7 @@ export function off(
 export function emit(
   instance: ComponentInternalInstance,
   event: string,
-  args: any[]
+  args: any[],
 ) {
   const cbs = getRegistry(instance)[event]
   if (cbs) {
@@ -101,7 +101,7 @@ export function emit(
       cbs.map(cb => cb.bind(instance.proxy)),
       instance,
       ErrorCodes.COMPONENT_EVENT_HANDLER,
-      args
+      args,
     )
   }
   return instance.proxy
diff --git a/packages/runtime-core/src/compat/props.ts b/packages/runtime-core/src/compat/props.ts
index e2fccb6675f..f0315809dba 100644
--- a/packages/runtime-core/src/compat/props.ts
+++ b/packages/runtime-core/src/compat/props.ts
@@ -7,7 +7,7 @@ import { DeprecationTypes, warnDeprecation } from './compatConfig'
 export function createPropsDefaultThis(
   instance: ComponentInternalInstance,
   rawProps: Data,
-  propKey: string
+  propKey: string,
 ) {
   return new Proxy(
     {},
@@ -34,7 +34,7 @@ export function createPropsDefaultThis(
             return inject(key)
           }
         }
-      }
-    }
+      },
+    },
   )
 }
diff --git a/packages/runtime-core/src/compat/renderFn.ts b/packages/runtime-core/src/compat/renderFn.ts
index 4cf2fc226cf..40eb533c95a 100644
--- a/packages/runtime-core/src/compat/renderFn.ts
+++ b/packages/runtime-core/src/compat/renderFn.ts
@@ -8,20 +8,20 @@ import {
   normalizeClass,
   normalizeStyle,
   ShapeFlags,
-  toHandlerKey
+  toHandlerKey,
 } from '@vue/shared'
 import {
   Component,
   ComponentInternalInstance,
   ComponentOptions,
   Data,
-  InternalRenderFunction
+  InternalRenderFunction,
 } from '../component'
 import { currentRenderingInstance } from '../componentRenderContext'
 import { DirectiveArguments, withDirectives } from '../directives'
 import {
   resolveDirective,
-  resolveDynamicComponent
+  resolveDynamicComponent,
 } from '../helpers/resolveAssets'
 import {
   Comment,
@@ -30,12 +30,12 @@ import {
   normalizeChildren,
   VNode,
   VNodeArrayChildren,
-  VNodeProps
+  VNodeProps,
 } from '../vnode'
 import {
   checkCompatEnabled,
   DeprecationTypes,
-  isCompatEnabled
+  isCompatEnabled,
 } from './compatConfig'
 import { compatModelEventPrefix } from './componentVModel'
 
@@ -109,18 +109,18 @@ type LegacyVNodeChildren =
 
 export function compatH(
   type: string | Component,
-  children?: LegacyVNodeChildren
+  children?: LegacyVNodeChildren,
 ): VNode
 export function compatH(
   type: string | Component,
   props?: Data & LegacyVNodeProps,
-  children?: LegacyVNodeChildren
+  children?: LegacyVNodeChildren,
 ): VNode
 
 export function compatH(
   type: any,
   propsOrChildren?: any,
-  children?: any
+  children?: any,
 ): VNode {
   if (!type) {
     type = Comment
@@ -150,8 +150,8 @@ export function compatH(
       return convertLegacySlots(
         convertLegacyDirectives(
           createVNode(type, convertLegacyProps(propsOrChildren, type)),
-          propsOrChildren
-        )
+          propsOrChildren,
+        ),
       )
     } else {
       // omit props
@@ -164,19 +164,19 @@ export function compatH(
     return convertLegacySlots(
       convertLegacyDirectives(
         createVNode(type, convertLegacyProps(propsOrChildren, type), children),
-        propsOrChildren
-      )
+        propsOrChildren,
+      ),
     )
   }
 }
 
 const skipLegacyRootLevelProps = /*#__PURE__*/ makeMap(
-  'staticStyle,staticClass,directives,model,hook'
+  'staticStyle,staticClass,directives,model,hook',
 )
 
 function convertLegacyProps(
   legacyProps: LegacyVNodeProps | undefined,
-  type: any
+  type: any,
 ): (Data & VNodeProps) | null {
   if (!legacyProps) {
     return null
@@ -240,7 +240,7 @@ function convertLegacyEventKey(event: string): string {
 
 function convertLegacyDirectives(
   vnode: VNode,
-  props?: LegacyVNodeProps
+  props?: LegacyVNodeProps,
 ): VNode {
   if (props && props.directives) {
     return withDirectives(
@@ -250,9 +250,9 @@ function convertLegacyDirectives(
           resolveDirective(name)!,
           value,
           arg,
-          modifiers
+          modifiers,
         ] as DirectiveArguments[number]
-      })
+      }),
     )
   }
   return vnode
@@ -309,12 +309,12 @@ export function defineLegacyVNodeProperties(vnode: VNode) {
     isCompatEnabled(
       DeprecationTypes.RENDER_FUNCTION,
       currentRenderingInstance,
-      true /* enable for built-ins */
+      true /* enable for built-ins */,
     ) &&
     isCompatEnabled(
       DeprecationTypes.PRIVATE_APIS,
       currentRenderingInstance,
-      true /* enable for built-ins */
+      true /* enable for built-ins */,
     )
   ) {
     const context = currentRenderingInstance
@@ -337,11 +337,11 @@ export function defineLegacyVNodeProperties(vnode: VNode) {
             return (componentOptions = {
               Ctor: vnode.type,
               propsData: vnode.props,
-              children: vnode.children
+              children: vnode.children,
             })
           }
-        }
-      }
+        },
+      },
     })
   }
 }
diff --git a/packages/runtime-core/src/compat/renderHelpers.ts b/packages/runtime-core/src/compat/renderHelpers.ts
index aa156c11a40..de06da2c9e0 100644
--- a/packages/runtime-core/src/compat/renderHelpers.ts
+++ b/packages/runtime-core/src/compat/renderHelpers.ts
@@ -5,7 +5,7 @@ import {
   isArray,
   isObject,
   isReservedProp,
-  normalizeClass
+  normalizeClass,
 } from '@vue/shared'
 import { ComponentInternalInstance } from '../component'
 import { Slot } from '../componentSlots'
@@ -29,7 +29,7 @@ export function legacyBindObjectProps(
   _tag: string,
   value: any,
   _asProp: boolean,
-  isSync?: boolean
+  isSync?: boolean,
 ) {
   if (value && isObject(value)) {
     if (isArray(value)) {
@@ -71,7 +71,7 @@ export function legacyRenderSlot(
   name: string,
   fallback?: VNode[],
   props?: any,
-  bindObject?: any
+  bindObject?: any,
 ) {
   if (bindObject) {
     props = mergeProps(props, bindObject)
@@ -91,12 +91,12 @@ export function legacyresolveScopedSlots(
   fns: LegacyScopedSlotsData,
   raw?: Record<string, Slot>,
   // the following are added in 2.6
-  hasDynamicKeys?: boolean
+  hasDynamicKeys?: boolean,
 ) {
   // v2 default slot doesn't have name
   return createSlots(
     raw || ({ $stable: !hasDynamicKeys } as any),
-    mapKeyToName(fns)
+    mapKeyToName(fns),
   )
 }
 
@@ -121,7 +121,7 @@ const staticCacheMap = /*#__PURE__*/ new WeakMap<
 
 export function legacyRenderStatic(
   instance: ComponentInternalInstance,
-  index: number
+  index: number,
 ) {
   let cache = staticCacheMap.get(instance)
   if (!cache) {
@@ -141,7 +141,7 @@ export function legacyCheckKeyCodes(
   key: string,
   builtInKeyCode?: number | number[],
   eventKeyName?: string,
-  builtInKeyName?: string | string[]
+  builtInKeyName?: string | string[],
 ) {
   const config = instance.appContext.config as any
   const configKeyCodes = config.keyCodes || {}
diff --git a/packages/runtime-core/src/component.ts b/packages/runtime-core/src/component.ts
index 57a53a39b76..eed50112aea 100644
--- a/packages/runtime-core/src/component.ts
+++ b/packages/runtime-core/src/component.ts
@@ -9,7 +9,7 @@ import {
   markRaw,
   track,
   TrackOpTypes,
-  ReactiveEffect
+  ReactiveEffect,
 } from '@vue/reactivity'
 import {
   ComponentPublicInstance,
@@ -19,20 +19,20 @@ import {
   exposeSetupStateOnRenderContext,
   ComponentPublicInstanceConstructor,
   publicPropertiesMap,
-  RuntimeCompiledPublicInstanceProxyHandlers
+  RuntimeCompiledPublicInstanceProxyHandlers,
 } from './componentPublicInstance'
 import {
   ComponentPropsOptions,
   NormalizedPropsOptions,
   initProps,
-  normalizePropsOptions
+  normalizePropsOptions,
 } from './componentProps'
 import {
   initSlots,
   InternalSlots,
   Slots,
   SlotsType,
-  UnwrapSlotsType
+  UnwrapSlotsType,
 } from './componentSlots'
 import { warn } from './warning'
 import { ErrorCodes, callWithErrorHandling, handleError } from './errorHandling'
@@ -43,14 +43,14 @@ import {
   ComponentOptions,
   ComputedOptions,
   MethodOptions,
-  resolveMergedOptions
+  resolveMergedOptions,
 } from './componentOptions'
 import {
   EmitsOptions,
   ObjectEmitsOptions,
   EmitFn,
   emit,
-  normalizeEmitsOptions
+  normalizeEmitsOptions,
 } from './componentEmits'
 import {
   EMPTY_OBJ,
@@ -64,7 +64,7 @@ import {
   ShapeFlags,
   extend,
   getGlobalThis,
-  IfAny
+  IfAny,
 } from '@vue/shared'
 import { SuspenseBoundary } from './components/Suspense'
 import { CompilerOptions } from '@vue/compiler-core'
@@ -75,7 +75,7 @@ import { convertLegacyRenderFn } from './compat/renderFn'
 import {
   CompatConfig,
   globalCompatConfig,
-  validateCompatConfig
+  validateCompatConfig,
 } from './compat/compatConfig'
 import { SchedulerJob } from './scheduler'
 import { LifecycleHooks } from './enums'
@@ -127,12 +127,12 @@ export interface ComponentInternalOptions {
 export interface FunctionalComponent<
   P = {},
   E extends EmitsOptions = {},
-  S extends Record<string, any> = any
+  S extends Record<string, any> = any,
 > extends ComponentInternalOptions {
   // use of any here is intentional so it can be a valid JSX Element constructor
   (
     props: P,
-    ctx: Omit<SetupContext<E, IfAny<S, {}, SlotsType<S>>>, 'expose'>
+    ctx: Omit<SetupContext<E, IfAny<S, {}, SlotsType<S>>>, 'expose'>,
   ): any
   props?: ComponentPropsOptions<P>
   emits?: E | (keyof E)[]
@@ -158,7 +158,7 @@ export type ConcreteComponent<
   RawBindings = any,
   D = any,
   C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions
+  M extends MethodOptions = MethodOptions,
 > =
   | ComponentOptions<Props, RawBindings, D, C, M>
   | FunctionalComponent<Props, any>
@@ -172,7 +172,7 @@ export type Component<
   RawBindings = any,
   D = any,
   C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions
+  M extends MethodOptions = MethodOptions,
 > =
   | ConcreteComponent<Props, RawBindings, D, C, M>
   | ComponentPublicInstanceConstructor<Props>
@@ -184,7 +184,7 @@ type LifecycleHook<TFn = Function> = TFn[] | null
 // use `E extends any` to force evaluating type to fix #2362
 export type SetupContext<
   E = EmitsOptions,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 > = E extends any
   ? {
       attrs: Data
@@ -205,7 +205,7 @@ export type InternalRenderFunction = {
     $props: ComponentInternalInstance['props'],
     $setup: ComponentInternalInstance['setupState'],
     $data: ComponentInternalInstance['data'],
-    $options: ComponentInternalInstance['ctx']
+    $options: ComponentInternalInstance['ctx'],
   ): VNodeChild
   _rc?: boolean // isRuntimeCompiled
 
@@ -484,7 +484,7 @@ let uid = 0
 export function createComponentInstance(
   vnode: VNode,
   parent: ComponentInternalInstance | null,
-  suspense: SuspenseBoundary | null
+  suspense: SuspenseBoundary | null,
 ) {
   const type = vnode.type as ConcreteComponent
   // inherit parent app context - or - if root, adopt from root vnode
@@ -567,7 +567,7 @@ export function createComponentInstance(
     rtg: null,
     rtc: null,
     ec: null,
-    sp: null
+    sp: null,
   }
   if (__DEV__) {
     instance.ctx = createDevRenderContext(instance)
@@ -591,7 +591,7 @@ export const getCurrentInstance: () => ComponentInternalInstance | null = () =>
   currentInstance || currentRenderingInstance
 
 type GlobalInstanceSetter = ((
-  instance: ComponentInternalInstance | null
+  instance: ComponentInternalInstance | null,
 ) => void) & { version?: string }
 
 let internalSetCurrentInstance: GlobalInstanceSetter
@@ -644,7 +644,7 @@ export function validateComponentName(name: string, config: AppConfig) {
   const appIsNativeTag = config.isNativeTag || NO
   if (isBuiltInTag(name) || appIsNativeTag(name)) {
     warn(
-      'Do not use built-in or reserved HTML elements as component id: ' + name
+      'Do not use built-in or reserved HTML elements as component id: ' + name,
     )
   }
 }
@@ -657,7 +657,7 @@ export let isInSSRComponentSetup = false
 
 export function setupComponent(
   instance: ComponentInternalInstance,
-  isSSR = false
+  isSSR = false,
 ) {
   isInSSRComponentSetup = isSSR
 
@@ -675,7 +675,7 @@ export function setupComponent(
 
 function setupStatefulComponent(
   instance: ComponentInternalInstance,
-  isSSR: boolean
+  isSSR: boolean,
 ) {
   const Component = instance.type as ComponentOptions
 
@@ -699,7 +699,7 @@ function setupStatefulComponent(
       warn(
         `"compilerOptions" is only supported when using a build of Vue that ` +
           `includes the runtime compiler. Since you are using a runtime-only ` +
-          `build, the options should be passed via your build tool config instead.`
+          `build, the options should be passed via your build tool config instead.`,
       )
     }
   }
@@ -723,7 +723,10 @@ function setupStatefulComponent(
       setup,
       instance,
       ErrorCodes.SETUP_FUNCTION,
-      [__DEV__ ? shallowReadonly(instance.props) : instance.props, setupContext]
+      [
+        __DEV__ ? shallowReadonly(instance.props) : instance.props,
+        setupContext,
+      ],
     )
     resetTracking()
     unsetCurrentInstance()
@@ -749,13 +752,13 @@ function setupStatefulComponent(
             `Component <${name}>: setup function returned a promise, but no ` +
               `<Suspense> boundary was found in the parent component tree. ` +
               `A component with async setup() must be nested in a <Suspense> ` +
-              `in order to be rendered.`
+              `in order to be rendered.`,
           )
         }
       } else if (__DEV__) {
         warn(
           `setup() returned a Promise, but the version of Vue you are using ` +
-            `does not support it yet.`
+            `does not support it yet.`,
         )
       }
     } else {
@@ -769,7 +772,7 @@ function setupStatefulComponent(
 export function handleSetupResult(
   instance: ComponentInternalInstance,
   setupResult: unknown,
-  isSSR: boolean
+  isSSR: boolean,
 ) {
   if (isFunction(setupResult)) {
     // setup returned an inline render function
@@ -784,7 +787,7 @@ export function handleSetupResult(
     if (__DEV__ && isVNode(setupResult)) {
       warn(
         `setup() should not return VNodes directly - ` +
-          `return a render function instead.`
+          `return a render function instead.`,
       )
     }
     // setup returned bindings.
@@ -800,7 +803,7 @@ export function handleSetupResult(
     warn(
       `setup() should return an object. Received: ${
         setupResult === null ? 'null' : typeof setupResult
-      }`
+      }`,
     )
   }
   finishComponentSetup(instance, isSSR)
@@ -808,7 +811,7 @@ export function handleSetupResult(
 
 type CompileFunction = (
   template: string | object,
-  options?: CompilerOptions
+  options?: CompilerOptions,
 ) => InternalRenderFunction
 
 let compile: CompileFunction | undefined
@@ -833,7 +836,7 @@ export const isRuntimeOnly = () => !compile
 export function finishComponentSetup(
   instance: ComponentInternalInstance,
   isSSR: boolean,
-  skipOptions?: boolean
+  skipOptions?: boolean,
 ) {
   const Component = instance.type as ComponentOptions
 
@@ -868,11 +871,11 @@ export function finishComponentSetup(
           extend(
             {
               isCustomElement,
-              delimiters
+              delimiters,
             },
-            compilerOptions
+            compilerOptions,
           ),
-          componentCompilerOptions
+          componentCompilerOptions,
         )
         if (__COMPAT__) {
           // pass runtime compat config into the compiler
@@ -925,7 +928,7 @@ export function finishComponentSetup(
             ? ` Use "vue.esm-browser.js" instead.`
             : __GLOBAL__
             ? ` Use "vue.global.js" instead.`
-            : ``) /* should not happen */
+            : ``) /* should not happen */,
       )
     } else {
       warn(`Component is missing template or render function.`)
@@ -952,14 +955,14 @@ function getAttrsProxy(instance: ComponentInternalInstance): Data {
             deleteProperty() {
               warn(`setupContext.attrs is readonly.`)
               return false
-            }
+            },
           }
         : {
             get(target, key: string) {
               track(instance, TrackOpTypes.GET, '$attrs')
               return target[key]
-            }
-          }
+            },
+          },
     ))
   )
 }
@@ -974,13 +977,13 @@ function getSlotsProxy(instance: ComponentInternalInstance): Slots {
       get(target, key: string) {
         track(instance, TrackOpTypes.GET, '$slots')
         return target[key]
-      }
+      },
     }))
   )
 }
 
 export function createSetupContext(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): SetupContext {
   const expose: SetupContext['expose'] = exposed => {
     if (__DEV__) {
@@ -998,7 +1001,7 @@ export function createSetupContext(
         }
         if (exposedType !== 'object') {
           warn(
-            `expose() should be passed a plain object, received ${exposedType}.`
+            `expose() should be passed a plain object, received ${exposedType}.`,
           )
         }
       }
@@ -1019,7 +1022,7 @@ export function createSetupContext(
       get emit() {
         return (event: string, ...args: any[]) => instance.emit(event, ...args)
       },
-      expose
+      expose,
     })
   } else {
     return {
@@ -1028,7 +1031,7 @@ export function createSetupContext(
       },
       slots: instance.slots,
       emit: instance.emit,
-      expose
+      expose,
     }
   }
 }
@@ -1047,7 +1050,7 @@ export function getExposeProxy(instance: ComponentInternalInstance) {
         },
         has(target, key: string) {
           return key in target || key in publicPropertiesMap
-        }
+        },
       }))
     )
   }
@@ -1059,7 +1062,7 @@ const classify = (str: string): string =>
 
 export function getComponentName(
   Component: ConcreteComponent,
-  includeInferred = true
+  includeInferred = true,
 ): string | false | undefined {
   return isFunction(Component)
     ? Component.displayName || Component.name
@@ -1070,7 +1073,7 @@ export function getComponentName(
 export function formatComponentName(
   instance: ComponentInternalInstance | null,
   Component: ConcreteComponent,
-  isRoot = false
+  isRoot = false,
 ): string {
   let name = getComponentName(Component)
   if (!name && Component.__file) {
@@ -1092,7 +1095,7 @@ export function formatComponentName(
     name =
       inferFromRegistry(
         instance.components ||
-          (instance.parent.type as ComponentOptions).components
+          (instance.parent.type as ComponentOptions).components,
       ) || inferFromRegistry(instance.appContext.components)
   }
 
diff --git a/packages/runtime-core/src/componentEmits.ts b/packages/runtime-core/src/componentEmits.ts
index 1bf122541d6..3f66892e197 100644
--- a/packages/runtime-core/src/componentEmits.ts
+++ b/packages/runtime-core/src/componentEmits.ts
@@ -11,13 +11,13 @@ import {
   isString,
   isOn,
   UnionToIntersection,
-  looseToNumber
+  looseToNumber,
 } from '@vue/shared'
 import {
   ComponentInternalInstance,
   ComponentOptions,
   ConcreteComponent,
-  formatComponentName
+  formatComponentName,
 } from './component'
 import { callWithAsyncErrorHandling, ErrorCodes } from './errorHandling'
 import { warn } from './warning'
@@ -26,7 +26,7 @@ import { AppContext } from './apiCreateApp'
 import { emit as compatInstanceEmit } from './compat/instanceEventEmitter'
 import {
   compatModelEventPrefix,
-  compatModelEmit
+  compatModelEmit,
 } from './compat/componentVModel'
 
 export type ObjectEmitsOptions = Record<
@@ -57,7 +57,7 @@ export type EmitsToProps<T extends EmitsOptions> = T extends string[]
 
 export type EmitFn<
   Options = ObjectEmitsOptions,
-  Event extends keyof Options = keyof Options
+  Event extends keyof Options = keyof Options,
 > = Options extends Array<infer V>
   ? (event: V, ...args: any[]) => void
   : {} extends Options // if the emit is empty object (usually the default value for emit) should be converted to function
@@ -81,7 +81,7 @@ export function emit(
   if (__DEV__) {
     const {
       emitsOptions,
-      propsOptions: [propsOptions]
+      propsOptions: [propsOptions],
     } = instance
     if (emitsOptions) {
       if (
@@ -95,7 +95,7 @@ export function emit(
         if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
           warn(
             `Component emitted event "${event}" but it is neither declared in ` +
-              `the emits option nor as an "${toHandlerKey(event)}" prop.`
+              `the emits option nor as an "${toHandlerKey(event)}" prop.`,
           )
         }
       } else {
@@ -104,7 +104,7 @@ export function emit(
           const isValid = validator(...rawArgs)
           if (!isValid) {
             warn(
-              `Invalid event arguments: event validation failed for event "${event}".`
+              `Invalid event arguments: event validation failed for event "${event}".`,
             )
           }
         }
@@ -141,11 +141,13 @@ export function emit(
         `Event "${lowerCaseEvent}" is emitted in component ` +
           `${formatComponentName(
             instance,
-            instance.type
+            instance.type,
           )} but the handler is registered for "${event}". ` +
           `Note that HTML attributes are case-insensitive and you cannot use ` +
           `v-on to listen to camelCase events when using in-DOM templates. ` +
-          `You should probably use "${hyphenate(event)}" instead of "${event}".`
+          `You should probably use "${hyphenate(
+            event,
+          )}" instead of "${event}".`,
       )
     }
   }
@@ -166,7 +168,7 @@ export function emit(
       handler,
       instance,
       ErrorCodes.COMPONENT_EVENT_HANDLER,
-      args
+      args,
     )
   }
 
@@ -182,7 +184,7 @@ export function emit(
       onceHandler,
       instance,
       ErrorCodes.COMPONENT_EVENT_HANDLER,
-      args
+      args,
     )
   }
 
@@ -195,7 +197,7 @@ export function emit(
 export function normalizeEmitsOptions(
   comp: ConcreteComponent,
   appContext: AppContext,
-  asMixin = false
+  asMixin = false,
 ): ObjectEmitsOptions | null {
   const cache = appContext.emitsCache
   const cached = cache.get(comp)
@@ -251,7 +253,7 @@ export function normalizeEmitsOptions(
 // both considered matched listeners.
 export function isEmitListener(
   options: ObjectEmitsOptions | null,
-  key: string
+  key: string,
 ): boolean {
   if (!options || !isOn(key)) {
     return false
diff --git a/packages/runtime-core/src/componentOptions.ts b/packages/runtime-core/src/componentOptions.ts
index de4d304448a..f7a13f32407 100644
--- a/packages/runtime-core/src/componentOptions.ts
+++ b/packages/runtime-core/src/componentOptions.ts
@@ -5,7 +5,7 @@ import {
   ComponentInternalOptions,
   Component,
   ConcreteComponent,
-  InternalRenderFunction
+  InternalRenderFunction,
 } from './component'
 import {
   isFunction,
@@ -16,7 +16,7 @@ import {
   NOOP,
   isPromise,
   LooseRequired,
-  Prettify
+  Prettify,
 } from '@vue/shared'
 import { isRef, Ref } from '@vue/reactivity'
 import { computed } from './apiComputed'
@@ -24,7 +24,7 @@ import {
   watch,
   WatchOptions,
   WatchCallback,
-  createPathGetter
+  createPathGetter,
 } from './apiWatch'
 import { provide, inject } from './apiInject'
 import {
@@ -41,18 +41,18 @@ import {
   onRenderTriggered,
   DebuggerHook,
   ErrorCapturedHook,
-  onServerPrefetch
+  onServerPrefetch,
 } from './apiLifecycle'
 import {
   reactive,
   ComputedGetter,
-  WritableComputedOptions
+  WritableComputedOptions,
 } from '@vue/reactivity'
 import {
   ComponentObjectPropsOptions,
   ExtractPropTypes,
   ExtractDefaultPropTypes,
-  ComponentPropsOptions
+  ComponentPropsOptions,
 } from './componentProps'
 import { EmitsOptions, EmitsToProps } from './componentEmits'
 import { Directive } from './directives'
@@ -61,7 +61,7 @@ import {
   ComponentPublicInstance,
   isReservedPrefix,
   IntersectionMixin,
-  UnwrapMixinsType
+  UnwrapMixinsType,
 } from './componentPublicInstance'
 import { warn } from './warning'
 import { VNodeChild } from './vnode'
@@ -71,7 +71,7 @@ import { DeprecationTypes } from './compat/compatConfig'
 import {
   CompatConfig,
   isCompatEnabled,
-  softAssertCompatEnabled
+  softAssertCompatEnabled,
 } from './compat/compatConfig'
 import { OptionMergeFunction } from './apiCreateApp'
 import { LifecycleHooks } from './enums'
@@ -111,7 +111,7 @@ export interface ComponentOptionsBase<
   Defaults = {},
   I extends ComponentInjectOptions = {},
   II extends string = string,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 > extends LegacyOptions<Props, D, C, M, Mixin, Extends, I, II>,
     ComponentInternalOptions,
     ComponentCustomOptions {
@@ -126,7 +126,7 @@ export interface ComponentOptionsBase<
           >
         >
     >,
-    ctx: SetupContext<E, S>
+    ctx: SetupContext<E, S>,
   ) => Promise<RawBindings> | RawBindings | RenderFunction | void
   name?: string
   template?: string | object // can be a direct DOM node
@@ -164,7 +164,7 @@ export interface ComponentOptionsBase<
     $props: ComponentInternalInstance['props'],
     $setup: ComponentInternalInstance['setupState'],
     $data: ComponentInternalInstance['data'],
-    $options: ComponentInternalInstance['ctx']
+    $options: ComponentInternalInstance['ctx'],
   ) => void
 
   /**
@@ -224,7 +224,7 @@ export type ComponentOptionsWithoutProps<
   I extends ComponentInjectOptions = {},
   II extends string = string,
   S extends SlotsType = {},
-  PE = Props & EmitsToProps<E>
+  PE = Props & EmitsToProps<E>,
 > = ComponentOptionsBase<
   PE,
   RawBindings,
@@ -272,7 +272,7 @@ export type ComponentOptionsWithArrayProps<
   I extends ComponentInjectOptions = {},
   II extends string = string,
   S extends SlotsType = {},
-  Props = Prettify<Readonly<{ [key in PropNames]?: any } & EmitsToProps<E>>>
+  Props = Prettify<Readonly<{ [key in PropNames]?: any } & EmitsToProps<E>>>,
 > = ComponentOptionsBase<
   Props,
   RawBindings,
@@ -321,7 +321,7 @@ export type ComponentOptionsWithObjectProps<
   II extends string = string,
   S extends SlotsType = {},
   Props = Prettify<Readonly<ExtractPropTypes<PropsOptions> & EmitsToProps<E>>>,
-  Defaults = ExtractDefaultPropTypes<PropsOptions>
+  Defaults = ExtractDefaultPropTypes<PropsOptions>,
 > = ComponentOptionsBase<
   Props,
   RawBindings,
@@ -365,7 +365,7 @@ export type ComponentOptions<
   Mixin extends ComponentOptionsMixin = any,
   Extends extends ComponentOptionsMixin = any,
   E extends EmitsOptions = any,
-  S extends SlotsType = any
+  S extends SlotsType = any,
 > = ComponentOptionsBase<
   Props,
   RawBindings,
@@ -463,7 +463,7 @@ interface LegacyOptions<
   Mixin extends ComponentOptionsMixin,
   Extends extends ComponentOptionsMixin,
   I extends ComponentInjectOptions,
-  II extends string
+  II extends string,
 > {
   compatConfig?: CompatConfig
 
@@ -492,7 +492,7 @@ interface LegacyOptions<
       MethodOptions,
       Mixin,
       Extends
-    >
+    >,
   ) => D
   computed?: C
   methods?: M
@@ -576,7 +576,7 @@ export type OptionTypesType<
   D = {},
   C extends ComputedOptions = {},
   M extends MethodOptions = {},
-  Defaults = {}
+  Defaults = {},
 > = {
   P: P
   B: B
@@ -591,7 +591,7 @@ const enum OptionTypes {
   DATA = 'Data',
   COMPUTED = 'Computed',
   METHODS = 'Methods',
-  INJECT = 'Inject'
+  INJECT = 'Inject',
 }
 
 function createDuplicateChecker() {
@@ -652,7 +652,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
     // assets
     components,
     directives,
-    filters
+    filters,
   } = options
 
   const checkDuplicateProperties = __DEV__ ? createDuplicateChecker() : null
@@ -690,7 +690,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
             value: methodHandler.bind(publicThis),
             configurable: true,
             enumerable: true,
-            writable: true
+            writable: true,
           })
         } else {
           ctx[key] = methodHandler.bind(publicThis)
@@ -701,7 +701,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
       } else if (__DEV__) {
         warn(
           `Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
-            `Did you reference the function correctly?`
+            `Did you reference the function correctly?`,
         )
       }
     }
@@ -711,7 +711,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
     if (__DEV__ && !isFunction(dataOptions)) {
       warn(
         `The data option must be a function. ` +
-          `Plain object usage is no longer supported.`
+          `Plain object usage is no longer supported.`,
       )
     }
     const data = dataOptions.call(publicThis, publicThis)
@@ -719,7 +719,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
       warn(
         `data() returned a Promise - note data() cannot be async; If you ` +
           `intend to perform data fetching before component renders, use ` +
-          `async setup() + <Suspense>.`
+          `async setup() + <Suspense>.`,
       )
     }
     if (!isObject(data)) {
@@ -735,7 +735,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
               configurable: true,
               enumerable: true,
               get: () => data[key],
-              set: NOOP
+              set: NOOP,
             })
           }
         }
@@ -763,19 +763,19 @@ export function applyOptions(instance: ComponentInternalInstance) {
           : __DEV__
           ? () => {
               warn(
-                `Write operation failed: computed property "${key}" is readonly.`
+                `Write operation failed: computed property "${key}" is readonly.`,
               )
             }
           : NOOP
       const c = computed({
         get,
-        set
+        set,
       })
       Object.defineProperty(ctx, key, {
         enumerable: true,
         configurable: true,
         get: () => c.value,
-        set: v => (c.value = v)
+        set: v => (c.value = v),
       })
       if (__DEV__) {
         checkDuplicateProperties!(OptionTypes.COMPUTED, key)
@@ -804,7 +804,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
 
   function registerLifecycleHook(
     register: Function,
-    hook?: Function | Function[]
+    hook?: Function | Function[],
   ) {
     if (isArray(hook)) {
       hook.forEach(_hook => register(_hook.bind(publicThis)))
@@ -847,7 +847,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
       expose.forEach(key => {
         Object.defineProperty(exposed, key, {
           get: () => publicThis[key],
-          set: val => (publicThis[key] = val)
+          set: val => (publicThis[key] = val),
         })
       })
     } else if (!instance.exposed) {
@@ -879,7 +879,7 @@ export function applyOptions(instance: ComponentInternalInstance) {
 export function resolveInjections(
   injectOptions: ComponentInjectOptions,
   ctx: any,
-  checkDuplicateProperties = NOOP as any
+  checkDuplicateProperties = NOOP as any,
 ) {
   if (isArray(injectOptions)) {
     injectOptions = normalizeInject(injectOptions)!
@@ -892,7 +892,7 @@ export function resolveInjections(
         injected = inject(
           opt.from || key,
           opt.default,
-          true /* treat default function as factory */
+          true /* treat default function as factory */,
         )
       } else {
         injected = inject(opt.from || key)
@@ -906,7 +906,7 @@ export function resolveInjections(
         enumerable: true,
         configurable: true,
         get: () => (injected as Ref).value,
-        set: v => ((injected as Ref).value = v)
+        set: v => ((injected as Ref).value = v),
       })
     } else {
       ctx[key] = injected
@@ -920,14 +920,14 @@ export function resolveInjections(
 function callHook(
   hook: Function,
   instance: ComponentInternalInstance,
-  type: LifecycleHooks
+  type: LifecycleHooks,
 ) {
   callWithAsyncErrorHandling(
     isArray(hook)
       ? hook.map(h => h.bind(instance.proxy!))
       : hook.bind(instance.proxy!),
     instance,
-    type
+    type,
   )
 }
 
@@ -935,7 +935,7 @@ export function createWatcher(
   raw: ComponentWatchOptionItem,
   ctx: Data,
   publicThis: ComponentPublicInstance,
-  key: string
+  key: string,
 ) {
   const getter = key.includes('.')
     ? createPathGetter(publicThis, key)
@@ -973,14 +973,14 @@ export function createWatcher(
  * instances.
  */
 export function resolveMergedOptions(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): MergedComponentOptions {
   const base = instance.type as ComponentOptions
   const { mixins, extends: extendsOptions } = base
   const {
     mixins: globalMixins,
     optionsCache: cache,
-    config: { optionMergeStrategies }
+    config: { optionMergeStrategies },
   } = instance.appContext
   const cached = cache.get(base)
 
@@ -1003,7 +1003,7 @@ export function resolveMergedOptions(
     resolved = {}
     if (globalMixins.length) {
       globalMixins.forEach(m =>
-        mergeOptions(resolved, m, optionMergeStrategies, true)
+        mergeOptions(resolved, m, optionMergeStrategies, true),
       )
     }
     mergeOptions(resolved, base, optionMergeStrategies)
@@ -1018,7 +1018,7 @@ export function mergeOptions(
   to: any,
   from: any,
   strats: Record<string, OptionMergeFunction>,
-  asMixin = false
+  asMixin = false,
 ) {
   if (__COMPAT__ && isFunction(from)) {
     from = from.options
@@ -1031,7 +1031,7 @@ export function mergeOptions(
   }
   if (mixins) {
     mixins.forEach((m: ComponentOptionsMixin) =>
-      mergeOptions(to, m, strats, true)
+      mergeOptions(to, m, strats, true),
     )
   }
 
@@ -1040,7 +1040,7 @@ export function mergeOptions(
       __DEV__ &&
         warn(
           `"expose" option is ignored when declared in mixins or extends. ` +
-            `It should only be declared in the base component itself.`
+            `It should only be declared in the base component itself.`,
         )
     } else {
       const strat = internalOptionMergeStrats[key] || (strats && strats[key])
@@ -1079,7 +1079,7 @@ export const internalOptionMergeStrats: Record<string, Function> = {
   watch: mergeWatchOptions,
   // provide / inject
   provide: mergeDataFn,
-  inject: mergeInject
+  inject: mergeInject,
 }
 
 if (__COMPAT__) {
@@ -1100,20 +1100,20 @@ function mergeDataFn(to: any, from: any) {
         : extend
     )(
       isFunction(to) ? to.call(this, this) : to,
-      isFunction(from) ? from.call(this, this) : from
+      isFunction(from) ? from.call(this, this) : from,
     )
   }
 }
 
 function mergeInject(
   to: ComponentInjectOptions | undefined,
-  from: ComponentInjectOptions
+  from: ComponentInjectOptions,
 ) {
   return mergeObjectOptions(normalizeInject(to), normalizeInject(from))
 }
 
 function normalizeInject(
-  raw: ComponentInjectOptions | undefined
+  raw: ComponentInjectOptions | undefined,
 ): ObjectInjectOptions | undefined {
   if (isArray(raw)) {
     const res: ObjectInjectOptions = {}
@@ -1135,15 +1135,15 @@ function mergeObjectOptions(to: Object | undefined, from: Object | undefined) {
 
 function mergeEmitsOrPropsOptions(
   to: EmitsOptions | undefined,
-  from: EmitsOptions | undefined
+  from: EmitsOptions | undefined,
 ): EmitsOptions | undefined
 function mergeEmitsOrPropsOptions(
   to: ComponentPropsOptions | undefined,
-  from: ComponentPropsOptions | undefined
+  from: ComponentPropsOptions | undefined,
 ): ComponentPropsOptions | undefined
 function mergeEmitsOrPropsOptions(
   to: ComponentPropsOptions | EmitsOptions | undefined,
-  from: ComponentPropsOptions | EmitsOptions | undefined
+  from: ComponentPropsOptions | EmitsOptions | undefined,
 ) {
   if (to) {
     if (isArray(to) && isArray(from)) {
@@ -1152,7 +1152,7 @@ function mergeEmitsOrPropsOptions(
     return extend(
       Object.create(null),
       normalizePropsOrEmits(to),
-      normalizePropsOrEmits(from ?? {})
+      normalizePropsOrEmits(from ?? {}),
     )
   } else {
     return from
@@ -1161,7 +1161,7 @@ function mergeEmitsOrPropsOptions(
 
 function mergeWatchOptions(
   to: ComponentWatchOptions | undefined,
-  from: ComponentWatchOptions | undefined
+  from: ComponentWatchOptions | undefined,
 ) {
   if (!to) return from
   if (!from) return to
diff --git a/packages/runtime-core/src/componentProps.ts b/packages/runtime-core/src/componentProps.ts
index 4d402789555..dc68a5e77e8 100644
--- a/packages/runtime-core/src/componentProps.ts
+++ b/packages/runtime-core/src/componentProps.ts
@@ -2,7 +2,7 @@ import {
   toRaw,
   shallowReactive,
   trigger,
-  TriggerOpTypes
+  TriggerOpTypes,
 } from '@vue/reactivity'
 import {
   EMPTY_OBJ,
@@ -22,7 +22,7 @@ import {
   def,
   extend,
   isOn,
-  IfAny
+  IfAny,
 } from '@vue/shared'
 import { warn } from './warning'
 import {
@@ -31,7 +31,7 @@ import {
   ComponentOptions,
   ConcreteComponent,
   setCurrentInstance,
-  unsetCurrentInstance
+  unsetCurrentInstance,
 } from './component'
 import { isEmitListener } from './componentEmits'
 import { InternalObjectKey } from './vnode'
@@ -76,7 +76,7 @@ type PropConstructor<T = any> =
   | PropMethod<T>
 
 type PropMethod<T, TConstructor = any> = [T] extends [
-  ((...args: any) => any) | undefined
+  ((...args: any) => any) | undefined,
 ] // if is function with args, allowing non-required functions
   ? { new (): TConstructor; (): T; readonly prototype: TConstructor } // Create Function like constructor
   : never
@@ -166,7 +166,7 @@ export type ExtractPublicPropTypes<O> = {
 
 const enum BooleanFlags {
   shouldCast,
-  shouldCastTrue
+  shouldCastTrue,
 }
 
 // extract props which defined with default from prop options
@@ -191,7 +191,7 @@ export function initProps(
   instance: ComponentInternalInstance,
   rawProps: Data | null,
   isStateful: number, // result of bitwise flag comparison
-  isSSR = false
+  isSSR = false,
 ) {
   const props: Data = {}
   const attrs: Data = {}
@@ -239,12 +239,12 @@ export function updateProps(
   instance: ComponentInternalInstance,
   rawProps: Data | null,
   rawPrevProps: Data | null,
-  optimized: boolean
+  optimized: boolean,
 ) {
   const {
     props,
     attrs,
-    vnode: { patchFlag }
+    vnode: { patchFlag },
   } = instance
   const rawCurrentProps = toRaw(props)
   const [options] = instance.propsOptions
@@ -286,7 +286,7 @@ export function updateProps(
               camelizedKey,
               value,
               instance,
-              false /* isAbsent */
+              false /* isAbsent */,
             )
           }
         } else {
@@ -335,7 +335,7 @@ export function updateProps(
               key,
               undefined,
               instance,
-              true /* isAbsent */
+              true /* isAbsent */,
             )
           }
         } else {
@@ -373,7 +373,7 @@ function setFullProps(
   instance: ComponentInternalInstance,
   rawProps: Data | null,
   props: Data,
-  attrs: Data
+  attrs: Data,
 ) {
   const [options, needCastKeys] = instance.propsOptions
   let hasAttrsChanged = false
@@ -390,7 +390,7 @@ function setFullProps(
           softAssertCompatEnabled(
             DeprecationTypes.INSTANCE_EVENT_HOOKS,
             instance,
-            key.slice(2).toLowerCase()
+            key.slice(2).toLowerCase(),
           )
         }
         if (key === 'inline-template') {
@@ -438,7 +438,7 @@ function setFullProps(
         key,
         castValues[key],
         instance,
-        !hasOwn(castValues, key)
+        !hasOwn(castValues, key),
       )
     }
   }
@@ -452,7 +452,7 @@ function resolvePropValue(
   key: string,
   value: unknown,
   instance: ComponentInternalInstance,
-  isAbsent: boolean
+  isAbsent: boolean,
 ) {
   const opt = options[key]
   if (opt != null) {
@@ -475,7 +475,7 @@ function resolvePropValue(
               isCompatEnabled(DeprecationTypes.PROPS_DEFAULT_THIS, instance)
               ? createPropsDefaultThis(instance, props, key)
               : null,
-            props
+            props,
           )
           unsetCurrentInstance()
         }
@@ -501,7 +501,7 @@ function resolvePropValue(
 export function normalizePropsOptions(
   comp: ConcreteComponent,
   appContext: AppContext,
-  asMixin = false
+  asMixin = false,
 ): NormalizedPropsOptions {
   const cache = appContext.propsCache
   const cached = cache.get(comp)
@@ -607,7 +607,7 @@ function isSameType(a: Prop<any>, b: Prop<any>): boolean {
 
 function getTypeIndex(
   type: Prop<any>,
-  expectedTypes: PropType<any> | void | null | true
+  expectedTypes: PropType<any> | void | null | true,
 ): number {
   if (isArray(expectedTypes)) {
     return expectedTypes.findIndex(t => isSameType(t, type))
@@ -623,7 +623,7 @@ function getTypeIndex(
 function validateProps(
   rawProps: Data,
   props: Data,
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ) {
   const resolvedValues = toRaw(props)
   const options = instance.propsOptions[0]
@@ -634,7 +634,7 @@ function validateProps(
       key,
       resolvedValues[key],
       opt,
-      !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key))
+      !hasOwn(rawProps, key) && !hasOwn(rawProps, hyphenate(key)),
     )
   }
 }
@@ -646,7 +646,7 @@ function validateProp(
   name: string,
   value: unknown,
   prop: PropOptions,
-  isAbsent: boolean
+  isAbsent: boolean,
 ) {
   const { type, required, validator, skipCheck } = prop
   // required!
@@ -681,7 +681,7 @@ function validateProp(
 }
 
 const isSimpleType = /*#__PURE__*/ makeMap(
-  'String,Number,Boolean,Function,Symbol,BigInt'
+  'String,Number,Boolean,Function,Symbol,BigInt',
 )
 
 type AssertionResult = {
@@ -713,7 +713,7 @@ function assertType(value: unknown, type: PropConstructor): AssertionResult {
   }
   return {
     valid,
-    expectedType
+    expectedType,
   }
 }
 
@@ -723,7 +723,7 @@ function assertType(value: unknown, type: PropConstructor): AssertionResult {
 function getInvalidTypeMessage(
   name: string,
   value: unknown,
-  expectedTypes: string[]
+  expectedTypes: string[],
 ): string {
   let message =
     `Invalid prop: type check failed for prop "${name}".` +
diff --git a/packages/runtime-core/src/componentPublicInstance.ts b/packages/runtime-core/src/componentPublicInstance.ts
index dc575aafff9..f7b51734dc8 100644
--- a/packages/runtime-core/src/componentPublicInstance.ts
+++ b/packages/runtime-core/src/componentPublicInstance.ts
@@ -2,7 +2,7 @@ import {
   ComponentInternalInstance,
   Data,
   getExposeProxy,
-  isStatefulComponent
+  isStatefulComponent,
 } from './component'
 import { nextTick, queueJob } from './scheduler'
 import { instanceWatch, WatchOptions, WatchStopHandle } from './apiWatch'
@@ -15,7 +15,7 @@ import {
   isString,
   isFunction,
   UnionToIntersection,
-  Prettify
+  Prettify,
 } from '@vue/shared'
 import {
   toRaw,
@@ -23,7 +23,7 @@ import {
   track,
   TrackOpTypes,
   ShallowUnwrapRef,
-  UnwrapNestedRefs
+  UnwrapNestedRefs,
 } from '@vue/reactivity'
 import {
   ExtractComputedReturns,
@@ -37,7 +37,7 @@ import {
   shouldCacheAccess,
   MergedComponentOptionsOverride,
   InjectToObject,
-  ComponentInjectOptions
+  ComponentInjectOptions,
 } from './componentOptions'
 import { EmitsOptions, EmitFn } from './componentEmits'
 import { SlotsType, UnwrapSlotsType } from './componentSlots'
@@ -110,7 +110,7 @@ export type IntersectionMixin<T> = IsDefaultMixinComponent<T> extends true
 
 export type UnwrapMixinsType<
   T,
-  Type extends OptionTypesKeys
+  Type extends OptionTypesKeys,
 > = T extends OptionTypesType ? T[Type] : never
 
 type EnsureNonVoid<T> = T extends void ? {} : T
@@ -127,7 +127,7 @@ export type ComponentPublicInstanceConstructor<
   RawBindings = any,
   D = any,
   C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions
+  M extends MethodOptions = MethodOptions,
 > = {
   __isFragment?: never
   __isTeleport?: never
@@ -158,7 +158,7 @@ export type CreateComponentPublicInstance<
   PublicM extends MethodOptions = UnwrapMixinsType<PublicMixin, 'M'> &
     EnsureNonVoid<M>,
   PublicDefaults = UnwrapMixinsType<PublicMixin, 'Defaults'> &
-    EnsureNonVoid<Defaults>
+    EnsureNonVoid<Defaults>,
 > = ComponentPublicInstance<
   PublicP,
   PublicB,
@@ -202,7 +202,7 @@ export type ComponentPublicInstance<
   MakeDefaultsOptional extends boolean = false,
   Options = ComponentOptionsBase<any, any, any, any, any, any, any, any, any>,
   I extends ComponentInjectOptions = {},
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 > = {
   $: ComponentInternalInstance
   $data: D
@@ -226,7 +226,7 @@ export type ComponentPublicInstance<
     cb: T extends (...args: any) => infer R
       ? (...args: [R, R]) => any
       : (...args: any) => any,
-    options?: WatchOptions
+    options?: WatchOptions,
   ): WatchStopHandle
 } & P &
   ShallowUnwrapRef<B> &
@@ -247,7 +247,7 @@ export type PublicPropertiesMap = Record<
  * public $parent chains, skip functional ones and go to the parent instead.
  */
 const getPublicInstance = (
-  i: ComponentInternalInstance | null
+  i: ComponentInternalInstance | null,
 ): ComponentPublicInstance | ComponentInternalInstance['exposed'] | null => {
   if (!i) return null
   if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy
@@ -271,7 +271,7 @@ export const publicPropertiesMap: PublicPropertiesMap =
     $options: i => (__FEATURE_OPTIONS_API__ ? resolveMergedOptions(i) : i.type),
     $forceUpdate: i => i.f || (i.f = () => queueJob(i.update)),
     $nextTick: i => i.n || (i.n = nextTick.bind(i.proxy!)),
-    $watch: i => (__FEATURE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP)
+    $watch: i => (__FEATURE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP),
   } as PublicPropertiesMap)
 
 if (__COMPAT__) {
@@ -283,7 +283,7 @@ const enum AccessTypes {
   SETUP,
   DATA,
   PROPS,
-  CONTEXT
+  CONTEXT,
 }
 
 export interface ComponentRenderContext {
@@ -399,14 +399,14 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
       if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {
         warn(
           `Property ${JSON.stringify(
-            key
+            key,
           )} must be accessed via $data because it starts with a reserved ` +
-            `character ("$" or "_") and is not proxied on the render context.`
+            `character ("$" or "_") and is not proxied on the render context.`,
         )
       } else if (instance === currentRenderingInstance) {
         warn(
           `Property ${JSON.stringify(key)} was accessed during render ` +
-            `but is not defined on instance.`
+            `but is not defined on instance.`,
         )
       }
     }
@@ -415,7 +415,7 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
   set(
     { _: instance }: ComponentRenderContext,
     key: string,
-    value: any
+    value: any,
   ): boolean {
     const { data, setupState, ctx } = instance
     if (hasSetupBinding(setupState, key)) {
@@ -439,7 +439,7 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
       __DEV__ &&
         warn(
           `Attempting to mutate public property "${key}". ` +
-            `Properties starting with $ are reserved and readonly.`
+            `Properties starting with $ are reserved and readonly.`,
         )
       return false
     } else {
@@ -447,7 +447,7 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
         Object.defineProperty(ctx, key, {
           enumerable: true,
           configurable: true,
-          value
+          value,
         })
       } else {
         ctx[key] = value
@@ -458,9 +458,9 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
 
   has(
     {
-      _: { data, setupState, accessCache, ctx, appContext, propsOptions }
+      _: { data, setupState, accessCache, ctx, appContext, propsOptions },
     }: ComponentRenderContext,
-    key: string
+    key: string,
   ) {
     let normalizedProps
     return (
@@ -477,7 +477,7 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
   defineProperty(
     target: ComponentRenderContext,
     key: string,
-    descriptor: PropertyDescriptor
+    descriptor: PropertyDescriptor,
   ) {
     if (descriptor.get != null) {
       // invalidate key cache of a getter based property #5417
@@ -486,14 +486,14 @@ export const PublicInstanceProxyHandlers: ProxyHandler<any> = {
       this.set!(target, key, descriptor.value, null)
     }
     return Reflect.defineProperty(target, key, descriptor)
-  }
+  },
 }
 
 if (__DEV__ && !__TEST__) {
   PublicInstanceProxyHandlers.ownKeys = (target: ComponentRenderContext) => {
     warn(
       `Avoid app logic that relies on enumerating keys on a component instance. ` +
-        `The keys will be empty in production mode to avoid performance overhead.`
+        `The keys will be empty in production mode to avoid performance overhead.`,
     )
     return Reflect.ownKeys(target)
   }
@@ -515,13 +515,13 @@ export const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend(
       if (__DEV__ && !has && PublicInstanceProxyHandlers.has!(_, key)) {
         warn(
           `Property ${JSON.stringify(
-            key
-          )} should not start with _ which is a reserved prefix for Vue internals.`
+            key,
+          )} should not start with _ which is a reserved prefix for Vue internals.`,
         )
       }
       return has
-    }
-  }
+    },
+  },
 )
 
 // dev only
@@ -535,7 +535,7 @@ export function createDevRenderContext(instance: ComponentInternalInstance) {
   Object.defineProperty(target, `_`, {
     configurable: true,
     enumerable: false,
-    get: () => instance
+    get: () => instance,
   })
 
   // expose public properties
@@ -546,7 +546,7 @@ export function createDevRenderContext(instance: ComponentInternalInstance) {
       get: () => publicPropertiesMap[key](instance),
       // intercepted by the proxy so no need for implementation,
       // but needed to prevent set errors
-      set: NOOP
+      set: NOOP,
     })
   })
 
@@ -555,11 +555,11 @@ export function createDevRenderContext(instance: ComponentInternalInstance) {
 
 // dev only
 export function exposePropsOnRenderContext(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ) {
   const {
     ctx,
-    propsOptions: [propsOptions]
+    propsOptions: [propsOptions],
   } = instance
   if (propsOptions) {
     Object.keys(propsOptions).forEach(key => {
@@ -567,7 +567,7 @@ export function exposePropsOnRenderContext(
         enumerable: true,
         configurable: true,
         get: () => instance.props[key],
-        set: NOOP
+        set: NOOP,
       })
     })
   }
@@ -575,7 +575,7 @@ export function exposePropsOnRenderContext(
 
 // dev only
 export function exposeSetupStateOnRenderContext(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ) {
   const { ctx, setupState } = instance
   Object.keys(toRaw(setupState)).forEach(key => {
@@ -583,9 +583,9 @@ export function exposeSetupStateOnRenderContext(
       if (isReservedPrefix(key[0])) {
         warn(
           `setup() return property ${JSON.stringify(
-            key
+            key,
           )} should not start with "$" or "_" ` +
-            `which are reserved prefixes for Vue internals.`
+            `which are reserved prefixes for Vue internals.`,
         )
         return
       }
@@ -593,7 +593,7 @@ export function exposeSetupStateOnRenderContext(
         enumerable: true,
         configurable: true,
         get: () => setupState[key],
-        set: NOOP
+        set: NOOP,
       })
     }
   })
diff --git a/packages/runtime-core/src/componentRenderContext.ts b/packages/runtime-core/src/componentRenderContext.ts
index 8097dc5fe2b..a6245e0efb7 100644
--- a/packages/runtime-core/src/componentRenderContext.ts
+++ b/packages/runtime-core/src/componentRenderContext.ts
@@ -20,7 +20,7 @@ export let currentScopeId: string | null = null
  * ```
  */
 export function setCurrentRenderingInstance(
-  instance: ComponentInternalInstance | null
+  instance: ComponentInternalInstance | null,
 ): ComponentInternalInstance | null {
   const prev = currentRenderingInstance
   currentRenderingInstance = instance
@@ -70,7 +70,7 @@ export type ContextualRenderFn = {
 export function withCtx(
   fn: Function,
   ctx: ComponentInternalInstance | null = currentRenderingInstance,
-  isNonScopedSlot?: boolean // __COMPAT__ only
+  isNonScopedSlot?: boolean, // __COMPAT__ only
 ) {
   if (!ctx) return fn
 
diff --git a/packages/runtime-core/src/componentRenderUtils.ts b/packages/runtime-core/src/componentRenderUtils.ts
index d9de968a074..395fa178c3c 100644
--- a/packages/runtime-core/src/componentRenderUtils.ts
+++ b/packages/runtime-core/src/componentRenderUtils.ts
@@ -2,7 +2,7 @@ import {
   ComponentInternalInstance,
   FunctionalComponent,
   Data,
-  getComponentName
+  getComponentName,
 } from './component'
 import {
   VNode,
@@ -12,7 +12,7 @@ import {
   cloneVNode,
   VNodeArrayChildren,
   isVNode,
-  blockStack
+  blockStack,
 } from './vnode'
 import { handleError, ErrorCodes } from './errorHandling'
 import { PatchFlags, ShapeFlags, isOn, isModelListener } from '@vue/shared'
@@ -24,7 +24,7 @@ import { setCurrentRenderingInstance } from './componentRenderContext'
 import {
   DeprecationTypes,
   isCompatEnabled,
-  warnDeprecation
+  warnDeprecation,
 } from './compat/compatConfig'
 
 /**
@@ -41,7 +41,7 @@ export function markAttrsAccessed() {
 type SetRootFn = ((root: VNode) => void) | undefined
 
 export function renderComponentRoot(
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): VNode {
   const {
     type: Component,
@@ -58,7 +58,7 @@ export function renderComponentRoot(
     data,
     setupState,
     ctx,
-    inheritAttrs
+    inheritAttrs,
   } = instance
 
   let result
@@ -81,8 +81,8 @@ export function renderComponentRoot(
           props,
           setupState,
           data,
-          ctx
-        )
+          ctx,
+        ),
       )
       fallthroughAttrs = attrs
     } else {
@@ -103,11 +103,11 @@ export function renderComponentRoot(
                       return attrs
                     },
                     slots,
-                    emit
+                    emit,
                   }
-                : { attrs, slots, emit }
+                : { attrs, slots, emit },
             )
-          : render(props, null as any /* we know it doesn't need it */)
+          : render(props, null as any /* we know it doesn't need it */),
       )
       fallthroughAttrs = Component.props
         ? attrs
@@ -144,7 +144,7 @@ export function renderComponentRoot(
           // related: #1543, #1643, #1989
           fallthroughAttrs = filterModelListeners(
             fallthroughAttrs,
-            propsOptions
+            propsOptions,
           )
         }
         root = cloneVNode(root, fallthroughAttrs)
@@ -170,7 +170,7 @@ export function renderComponentRoot(
             `Extraneous non-props attributes (` +
               `${extraAttrs.join(', ')}) ` +
               `were passed to component but could not be automatically inherited ` +
-              `because component renders fragment or text root nodes.`
+              `because component renders fragment or text root nodes.`,
           )
         }
         if (eventAttrs.length) {
@@ -180,7 +180,7 @@ export function renderComponentRoot(
               `were passed to component but could not be automatically inherited ` +
               `because component renders fragment or text root nodes. ` +
               `If the listener is intended to be a component custom event listener only, ` +
-              `declare it using the "emits" option.`
+              `declare it using the "emits" option.`,
           )
         }
       }
@@ -199,12 +199,12 @@ export function renderComponentRoot(
         warnDeprecation(
           DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE,
           instance,
-          getComponentName(instance.type)
+          getComponentName(instance.type),
         )
       }
       root = cloneVNode(root, {
         class: cls,
-        style: style
+        style: style,
       })
     }
   }
@@ -214,7 +214,7 @@ export function renderComponentRoot(
     if (__DEV__ && !isElementRoot(root)) {
       warn(
         `Runtime directive used on component with non-element root node. ` +
-          `The directives will not function as intended.`
+          `The directives will not function as intended.`,
       )
     }
     // clone before mutating since the root may be a hoisted vnode
@@ -226,7 +226,7 @@ export function renderComponentRoot(
     if (__DEV__ && !isElementRoot(root)) {
       warn(
         `Component inside <Transition> renders non-element root node ` +
-          `that cannot be animated.`
+          `that cannot be animated.`,
       )
     }
     root.transition = vnode.transition
@@ -271,7 +271,7 @@ const getChildRoot = (vnode: VNode): [VNode, SetRootFn] => {
 }
 
 export function filterSingleRoot(
-  children: VNodeArrayChildren
+  children: VNodeArrayChildren,
 ): VNode | undefined {
   let singleRoot
   for (let i = 0; i < children.length; i++) {
@@ -323,7 +323,7 @@ const isElementRoot = (vnode: VNode) => {
 export function shouldUpdateComponent(
   prevVNode: VNode,
   nextVNode: VNode,
-  optimized?: boolean
+  optimized?: boolean,
 ): boolean {
   const { props: prevProps, children: prevChildren, component } = prevVNode
   const { props: nextProps, children: nextChildren, patchFlag } = nextVNode
@@ -391,7 +391,7 @@ export function shouldUpdateComponent(
 function hasPropsChanged(
   prevProps: Data,
   nextProps: Data,
-  emitsOptions: ComponentInternalInstance['emitsOptions']
+  emitsOptions: ComponentInternalInstance['emitsOptions'],
 ): boolean {
   const nextKeys = Object.keys(nextProps)
   if (nextKeys.length !== Object.keys(prevProps).length) {
@@ -411,7 +411,7 @@ function hasPropsChanged(
 
 export function updateHOCHostEl(
   { vnode, parent }: ComponentInternalInstance,
-  el: typeof vnode.el // HostNode
+  el: typeof vnode.el, // HostNode
 ) {
   while (parent && parent.subTree === vnode) {
     ;(vnode = parent.vnode).el = el
diff --git a/packages/runtime-core/src/componentSlots.ts b/packages/runtime-core/src/componentSlots.ts
index afc5f03933b..78e7da31a0e 100644
--- a/packages/runtime-core/src/componentSlots.ts
+++ b/packages/runtime-core/src/componentSlots.ts
@@ -4,7 +4,7 @@ import {
   VNodeNormalizedChildren,
   normalizeVNode,
   VNodeChild,
-  InternalObjectKey
+  InternalObjectKey,
 } from './vnode'
 import {
   isArray,
@@ -15,7 +15,7 @@ import {
   def,
   SlotFlags,
   Prettify,
-  IfAny
+  IfAny,
 } from '@vue/shared'
 import { warn } from './warning'
 import { isKeepAlive } from './components/KeepAlive'
@@ -43,12 +43,12 @@ export type SlotsType<T extends Record<string, any> = Record<string, any>> = {
 
 export type StrictUnwrapSlotsType<
   S extends SlotsType,
-  T = NonNullable<S[typeof SlotSymbol]>
+  T = NonNullable<S[typeof SlotSymbol]>,
 > = [keyof S] extends [never] ? Slots : Readonly<T>
 
 export type UnwrapSlotsType<
   S extends SlotsType,
-  T = NonNullable<S[typeof SlotSymbol]>
+  T = NonNullable<S[typeof SlotSymbol]>,
 > = [keyof S] extends [never]
   ? Slots
   : Readonly<
@@ -90,7 +90,7 @@ const normalizeSlotValue = (value: unknown): VNode[] =>
 const normalizeSlot = (
   key: string,
   rawSlot: Function,
-  ctx: ComponentInternalInstance | null | undefined
+  ctx: ComponentInternalInstance | null | undefined,
 ): Slot => {
   if ((rawSlot as any)._n) {
     // already normalized - #5353
@@ -101,7 +101,7 @@ const normalizeSlot = (
       warn(
         `Slot "${key}" invoked outside of the render function: ` +
           `this will not track dependencies used in the slot. ` +
-          `Invoke the slot function inside the render function instead.`
+          `Invoke the slot function inside the render function instead.`,
       )
     }
     return normalizeSlotValue(rawSlot(...args))
@@ -114,7 +114,7 @@ const normalizeSlot = (
 const normalizeObjectSlots = (
   rawSlots: RawSlots,
   slots: InternalSlots,
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ) => {
   const ctx = rawSlots._ctx
   for (const key in rawSlots) {
@@ -132,7 +132,7 @@ const normalizeObjectSlots = (
       ) {
         warn(
           `Non-function value encountered for slot "${key}". ` +
-            `Prefer function slots for better performance.`
+            `Prefer function slots for better performance.`,
         )
       }
       const normalized = normalizeSlotValue(value)
@@ -143,7 +143,7 @@ const normalizeObjectSlots = (
 
 const normalizeVNodeSlots = (
   instance: ComponentInternalInstance,
-  children: VNodeNormalizedChildren
+  children: VNodeNormalizedChildren,
 ) => {
   if (
     __DEV__ &&
@@ -152,7 +152,7 @@ const normalizeVNodeSlots = (
   ) {
     warn(
       `Non-function value encountered for default slot. ` +
-        `Prefer function slots for better performance.`
+        `Prefer function slots for better performance.`,
     )
   }
   const normalized = normalizeSlotValue(children)
@@ -161,7 +161,7 @@ const normalizeVNodeSlots = (
 
 export const initSlots = (
   instance: ComponentInternalInstance,
-  children: VNodeNormalizedChildren
+  children: VNodeNormalizedChildren,
 ) => {
   if (instance.vnode.shapeFlag & ShapeFlags.SLOTS_CHILDREN) {
     const type = (children as RawSlots)._
@@ -175,7 +175,7 @@ export const initSlots = (
       normalizeObjectSlots(
         children as RawSlots,
         (instance.slots = {}),
-        instance
+        instance,
       )
     }
   } else {
@@ -190,7 +190,7 @@ export const initSlots = (
 export const updateSlots = (
   instance: ComponentInternalInstance,
   children: VNodeNormalizedChildren,
-  optimized: boolean
+  optimized: boolean,
 ) => {
   const { vnode, slots } = instance
   let needDeletionCheck = true
diff --git a/packages/runtime-core/src/components/BaseTransition.ts b/packages/runtime-core/src/components/BaseTransition.ts
index 9cb80b94ef0..13fe239271e 100644
--- a/packages/runtime-core/src/components/BaseTransition.ts
+++ b/packages/runtime-core/src/components/BaseTransition.ts
@@ -2,7 +2,7 @@ import {
   getCurrentInstance,
   SetupContext,
   ComponentInternalInstance,
-  ComponentOptions
+  ComponentOptions,
 } from '../component'
 import {
   cloneVNode,
@@ -10,7 +10,7 @@ import {
   isSameVNodeType,
   VNode,
   VNodeArrayChildren,
-  Fragment
+  Fragment,
 } from '../vnode'
 import { warn } from '../warning'
 import { isKeepAlive } from './KeepAlive'
@@ -67,14 +67,14 @@ export interface TransitionHooks<HostElement = RendererElement> {
   delayLeave?(
     el: HostElement,
     earlyRemove: () => void,
-    delayedLeave: () => void
+    delayedLeave: () => void,
   ): void
   delayedLeave?(): void
 }
 
 export type TransitionHookCaller = <T extends any[] = [el: any]>(
   hook: Hook<(...args: T) => void> | undefined,
-  args?: T
+  args?: T,
 ) => void
 
 export type PendingCallback = (cancelled?: boolean) => void
@@ -101,7 +101,7 @@ export function useTransitionState(): TransitionState {
     isMounted: false,
     isLeaving: false,
     isUnmounting: false,
-    leavingVNodes: new Map()
+    leavingVNodes: new Map(),
   }
   onMounted(() => {
     state.isMounted = true
@@ -132,7 +132,7 @@ export const BaseTransitionPropsValidators = {
   onBeforeAppear: TransitionHookValidator,
   onAppear: TransitionHookValidator,
   onAfterAppear: TransitionHookValidator,
-  onAppearCancelled: TransitionHookValidator
+  onAppearCancelled: TransitionHookValidator,
 }
 
 const BaseTransitionImpl: ComponentOptions = {
@@ -163,7 +163,7 @@ const BaseTransitionImpl: ComponentOptions = {
               // warn more than one non-comment child
               warn(
                 '<transition> can only be used on a single element or component. ' +
-                  'Use <transition-group> for lists.'
+                  'Use <transition-group> for lists.',
               )
               break
             }
@@ -204,7 +204,7 @@ const BaseTransitionImpl: ComponentOptions = {
         innerChild,
         rawProps,
         state,
-        instance
+        instance,
       )
       setTransitionHooks(innerChild, enterHooks)
 
@@ -233,7 +233,7 @@ const BaseTransitionImpl: ComponentOptions = {
           oldInnerChild,
           rawProps,
           state,
-          instance
+          instance,
         )
         // update old tree's hooks in case of dynamic transition
         setTransitionHooks(oldInnerChild, leavingHooks)
@@ -254,11 +254,11 @@ const BaseTransitionImpl: ComponentOptions = {
           leavingHooks.delayLeave = (
             el: TransitionElement,
             earlyRemove,
-            delayedLeave
+            delayedLeave,
           ) => {
             const leavingVNodesCache = getLeavingNodesForType(
               state,
-              oldInnerChild
+              oldInnerChild,
             )
             leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild
             // early removal callback
@@ -274,7 +274,7 @@ const BaseTransitionImpl: ComponentOptions = {
 
       return child
     }
-  }
+  },
 }
 
 if (__COMPAT__) {
@@ -294,7 +294,7 @@ export const BaseTransition = BaseTransitionImpl as unknown as {
 
 function getLeavingNodesForType(
   state: TransitionState,
-  vnode: VNode
+  vnode: VNode,
 ): Record<string, VNode> {
   const { leavingVNodes } = state
   let leavingVNodesCache = leavingVNodes.get(vnode.type)!
@@ -311,7 +311,7 @@ export function resolveTransitionHooks(
   vnode: VNode,
   props: BaseTransitionProps<any>,
   state: TransitionState,
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): TransitionHooks {
   const {
     appear,
@@ -328,7 +328,7 @@ export function resolveTransitionHooks(
     onBeforeAppear,
     onAppear,
     onAfterAppear,
-    onAppearCancelled
+    onAppearCancelled,
   } = props
   const key = String(vnode.key)
   const leavingVNodesCache = getLeavingNodesForType(state, vnode)
@@ -339,13 +339,13 @@ export function resolveTransitionHooks(
         hook,
         instance,
         ErrorCodes.TRANSITION_HOOK,
-        args
+        args,
       )
   }
 
   const callAsyncHook = (
     hook: Hook<(el: any, done: () => void) => void>,
-    args: [TransitionElement, () => void]
+    args: [TransitionElement, () => void],
   ) => {
     const done = args[1]
     callHook(hook, args)
@@ -453,7 +453,7 @@ export function resolveTransitionHooks(
 
     clone(vnode) {
       return resolveTransitionHooks(vnode, props, state, instance)
-    }
+    },
   }
 
   return hooks
@@ -493,7 +493,7 @@ export function setTransitionHooks(vnode: VNode, hooks: TransitionHooks) {
 export function getTransitionRawChildren(
   children: VNode[],
   keepComment: boolean = false,
-  parentKey?: VNode['key']
+  parentKey?: VNode['key'],
 ): VNode[] {
   let ret: VNode[] = []
   let keyedFragmentCount = 0
@@ -508,7 +508,7 @@ export function getTransitionRawChildren(
     if (child.type === Fragment) {
       if (child.patchFlag & PatchFlags.KEYED_FRAGMENT) keyedFragmentCount++
       ret = ret.concat(
-        getTransitionRawChildren(child.children as VNode[], keepComment, key)
+        getTransitionRawChildren(child.children as VNode[], keepComment, key),
       )
     }
     // comment placeholders should be skipped, e.g. v-if
diff --git a/packages/runtime-core/src/components/KeepAlive.ts b/packages/runtime-core/src/components/KeepAlive.ts
index 8c1b6318887..8d53303103a 100644
--- a/packages/runtime-core/src/components/KeepAlive.ts
+++ b/packages/runtime-core/src/components/KeepAlive.ts
@@ -5,7 +5,7 @@ import {
   ComponentInternalInstance,
   currentInstance,
   getComponentName,
-  ComponentOptions
+  ComponentOptions,
 } from '../component'
 import {
   VNode,
@@ -13,7 +13,7 @@ import {
   isVNode,
   VNodeProps,
   invokeVNodeHook,
-  isSameVNodeType
+  isSameVNodeType,
 } from '../vnode'
 import { warn } from '../warning'
 import {
@@ -21,7 +21,7 @@ import {
   injectHook,
   onUnmounted,
   onMounted,
-  onUpdated
+  onUpdated,
 } from '../apiLifecycle'
 import {
   isString,
@@ -29,7 +29,7 @@ import {
   isRegExp,
   ShapeFlags,
   remove,
-  invokeArrayFns
+  invokeArrayFns,
 } from '@vue/shared'
 import { watch } from '../apiWatch'
 import {
@@ -37,7 +37,7 @@ import {
   queuePostRenderEffect,
   MoveType,
   RendererElement,
-  RendererNode
+  RendererNode,
 } from '../renderer'
 import { setTransitionHooks } from './BaseTransition'
 import { ComponentRenderContext } from '../componentPublicInstance'
@@ -65,7 +65,7 @@ export interface KeepAliveContext extends ComponentRenderContext {
     container: RendererElement,
     anchor: RendererNode | null,
     isSVG: boolean,
-    optimized: boolean
+    optimized: boolean,
   ) => void
   deactivate: (vnode: VNode) => void
 }
@@ -84,7 +84,7 @@ const KeepAliveImpl: ComponentOptions = {
   props: {
     include: [String, RegExp, Array],
     exclude: [String, RegExp, Array],
-    max: [String, Number]
+    max: [String, Number],
   },
 
   setup(props: KeepAliveProps, { slots }: SetupContext) {
@@ -120,8 +120,8 @@ const KeepAliveImpl: ComponentOptions = {
         p: patch,
         m: move,
         um: _unmount,
-        o: { createElement }
-      }
+        o: { createElement },
+      },
     } = sharedContext
     const storageContainer = createElement('div')
 
@@ -138,7 +138,7 @@ const KeepAliveImpl: ComponentOptions = {
         parentSuspense,
         isSVG,
         vnode.slotScopeIds,
-        optimized
+        optimized,
       )
       queuePostRenderEffect(() => {
         instance.isDeactivated = false
@@ -213,7 +213,7 @@ const KeepAliveImpl: ComponentOptions = {
         exclude && pruneCache(name => !matches(exclude, name))
       },
       // prune post-render after `current` has been updated
-      { flush: 'post', deep: true }
+      { flush: 'post', deep: true },
     )
 
     // cache sub tree after render
@@ -275,7 +275,7 @@ const KeepAliveImpl: ComponentOptions = {
       const name = getComponentName(
         isAsyncWrapper(vnode)
           ? (vnode.type as ComponentOptions).__asyncResolved || {}
-          : comp
+          : comp,
       )
 
       const { include, exclude, max } = props
@@ -331,7 +331,7 @@ const KeepAliveImpl: ComponentOptions = {
       current = vnode
       return isSuspense(rawVNode.type) ? rawVNode : vnode
     }
-  }
+  },
 }
 
 if (__COMPAT__) {
@@ -364,14 +364,14 @@ function matches(pattern: MatchPattern, name: string): boolean {
 
 export function onActivated(
   hook: Function,
-  target?: ComponentInternalInstance | null
+  target?: ComponentInternalInstance | null,
 ) {
   registerKeepAliveHook(hook, LifecycleHooks.ACTIVATED, target)
 }
 
 export function onDeactivated(
   hook: Function,
-  target?: ComponentInternalInstance | null
+  target?: ComponentInternalInstance | null,
 ) {
   registerKeepAliveHook(hook, LifecycleHooks.DEACTIVATED, target)
 }
@@ -379,7 +379,7 @@ export function onDeactivated(
 function registerKeepAliveHook(
   hook: Function & { __wdc?: Function },
   type: LifecycleHooks,
-  target: ComponentInternalInstance | null = currentInstance
+  target: ComponentInternalInstance | null = currentInstance,
 ) {
   // cache the deactivate branch check wrapper for injected hooks so the same
   // hook can be properly deduped by the scheduler. "__wdc" stands for "with
@@ -418,7 +418,7 @@ function injectToKeepAliveRoot(
   hook: Function & { __weh?: Function },
   type: LifecycleHooks,
   target: ComponentInternalInstance,
-  keepAliveRoot: ComponentInternalInstance
+  keepAliveRoot: ComponentInternalInstance,
 ) {
   // injectHook wraps the original for error handling, so make sure to remove
   // the wrapped version.
diff --git a/packages/runtime-core/src/components/Suspense.ts b/packages/runtime-core/src/components/Suspense.ts
index 0fa07d9beec..7a18180179f 100644
--- a/packages/runtime-core/src/components/Suspense.ts
+++ b/packages/runtime-core/src/components/Suspense.ts
@@ -8,7 +8,7 @@ import {
   currentBlock,
   Comment,
   createVNode,
-  isBlockTreeEnabled
+  isBlockTreeEnabled,
 } from '../vnode'
 import { isFunction, isArray, ShapeFlags, toNumber } from '@vue/shared'
 import { ComponentInternalInstance, handleSetupResult } from '../component'
@@ -18,7 +18,7 @@ import {
   MoveType,
   SetupRenderEffectFn,
   RendererNode,
-  RendererElement
+  RendererElement,
 } from '../renderer'
 import { queuePostFlushCb } from '../scheduler'
 import { filterSingleRoot, updateHOCHostEl } from '../componentRenderUtils'
@@ -26,7 +26,7 @@ import {
   pushWarningContext,
   popWarningContext,
   warn,
-  assertNumber
+  assertNumber,
 } from '../warning'
 import { handleError, ErrorCodes } from '../errorHandling'
 
@@ -66,7 +66,7 @@ export const SuspenseImpl = {
     slotScopeIds: string[] | null,
     optimized: boolean,
     // platform-specific impl passed from renderer
-    rendererInternals: RendererInternals
+    rendererInternals: RendererInternals,
   ) {
     if (n1 == null) {
       mountSuspense(
@@ -78,7 +78,7 @@ export const SuspenseImpl = {
         isSVG,
         slotScopeIds,
         optimized,
-        rendererInternals
+        rendererInternals,
       )
     } else {
       patchSuspense(
@@ -90,13 +90,13 @@ export const SuspenseImpl = {
         isSVG,
         slotScopeIds,
         optimized,
-        rendererInternals
+        rendererInternals,
       )
     }
   },
   hydrate: hydrateSuspense,
   create: createSuspenseBoundary,
-  normalize: normalizeSuspenseChildren
+  normalize: normalizeSuspenseChildren,
 }
 
 // Force-casted public typing for h and TSX props inference
@@ -115,7 +115,7 @@ export const Suspense = (__FEATURE_SUSPENSE__
 
 function triggerEvent(
   vnode: VNode,
-  name: 'onResolve' | 'onPending' | 'onFallback'
+  name: 'onResolve' | 'onPending' | 'onFallback',
 ) {
   const eventListener = vnode.props && vnode.props[name]
   if (isFunction(eventListener)) {
@@ -132,11 +132,11 @@ function mountSuspense(
   isSVG: boolean,
   slotScopeIds: string[] | null,
   optimized: boolean,
-  rendererInternals: RendererInternals
+  rendererInternals: RendererInternals,
 ) {
   const {
     p: patch,
-    o: { createElement }
+    o: { createElement },
   } = rendererInternals
   const hiddenContainer = createElement('div')
   const suspense = (vnode.suspense = createSuspenseBoundary(
@@ -149,7 +149,7 @@ function mountSuspense(
     isSVG,
     slotScopeIds,
     optimized,
-    rendererInternals
+    rendererInternals,
   ))
 
   // start mounting the content subtree in an off-dom container
@@ -161,7 +161,7 @@ function mountSuspense(
     parentComponent,
     suspense,
     isSVG,
-    slotScopeIds
+    slotScopeIds,
   )
   // now check if we have encountered any async deps
   if (suspense.deps > 0) {
@@ -179,7 +179,7 @@ function mountSuspense(
       parentComponent,
       null, // fallback tree will not have suspense context
       isSVG,
-      slotScopeIds
+      slotScopeIds,
     )
     setActiveBranch(suspense, vnode.ssFallback!)
   } else {
@@ -197,7 +197,7 @@ function patchSuspense(
   isSVG: boolean,
   slotScopeIds: string[] | null,
   optimized: boolean,
-  { p: patch, um: unmount, o: { createElement } }: RendererInternals
+  { p: patch, um: unmount, o: { createElement } }: RendererInternals,
 ) {
   const suspense = (n2.suspense = n1.suspense)!
   suspense.vnode = n2
@@ -219,7 +219,7 @@ function patchSuspense(
         suspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
       if (suspense.deps <= 0) {
         suspense.resolve()
@@ -233,7 +233,7 @@ function patchSuspense(
           null, // fallback tree will not have suspense context
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         setActiveBranch(suspense, newFallback)
       }
@@ -268,7 +268,7 @@ function patchSuspense(
           suspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         if (suspense.deps <= 0) {
           suspense.resolve()
@@ -282,7 +282,7 @@ function patchSuspense(
             null, // fallback tree will not have suspense context
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
           setActiveBranch(suspense, newFallback)
         }
@@ -297,7 +297,7 @@ function patchSuspense(
           suspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         // force resolve
         suspense.resolve(true)
@@ -312,7 +312,7 @@ function patchSuspense(
           suspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         if (suspense.deps <= 0) {
           suspense.resolve()
@@ -331,7 +331,7 @@ function patchSuspense(
         suspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
       setActiveBranch(suspense, newBranch)
     } else {
@@ -350,7 +350,7 @@ function patchSuspense(
         suspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
       if (suspense.deps <= 0) {
         // incoming branch has no async deps, resolve now.
@@ -393,12 +393,12 @@ export interface SuspenseBoundary {
   move(
     container: RendererElement,
     anchor: RendererNode | null,
-    type: MoveType
+    type: MoveType,
   ): void
   next(): RendererNode | null
   registerDep(
     instance: ComponentInternalInstance,
-    setupRenderEffect: SetupRenderEffectFn
+    setupRenderEffect: SetupRenderEffectFn,
   ): void
   unmount(parentSuspense: SuspenseBoundary | null, doRemove?: boolean): void
 }
@@ -416,14 +416,14 @@ function createSuspenseBoundary(
   slotScopeIds: string[] | null,
   optimized: boolean,
   rendererInternals: RendererInternals,
-  isHydrating = false
+  isHydrating = false,
 ): SuspenseBoundary {
   /* istanbul ignore if */
   if (__DEV__ && !__TEST__ && !hasWarned) {
     hasWarned = true
     // @ts-ignore `console.info` cannot be null error
     console[console.info ? 'info' : 'log'](
-      `<Suspense> is an experimental feature and its API will likely change.`
+      `<Suspense> is an experimental feature and its API will likely change.`,
     )
   }
 
@@ -432,7 +432,7 @@ function createSuspenseBoundary(
     m: move,
     um: unmount,
     n: next,
-    o: { parentNode, remove }
+    o: { parentNode, remove },
   } = rendererInternals
 
   // if set `suspensible: true`, set the current suspense as a dep of parent suspense
@@ -472,12 +472,12 @@ function createSuspenseBoundary(
       if (__DEV__) {
         if (!resume && !suspense.pendingBranch) {
           throw new Error(
-            `suspense.resolve() is called without a pending branch.`
+            `suspense.resolve() is called without a pending branch.`,
           )
         }
         if (suspense.isUnmounted) {
           throw new Error(
-            `suspense.resolve() is called on an already unmounted suspense boundary.`
+            `suspense.resolve() is called on an already unmounted suspense boundary.`,
           )
         }
       }
@@ -488,7 +488,7 @@ function createSuspenseBoundary(
         pendingId,
         effects,
         parentComponent,
-        container
+        container,
       } = suspense
 
       if (suspense.isHydrating) {
@@ -588,7 +588,7 @@ function createSuspenseBoundary(
           null, // fallback tree will not have suspense context
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         setActiveBranch(suspense, fallbackVNode)
       }
@@ -605,7 +605,7 @@ function createSuspenseBoundary(
         activeBranch!,
         parentComponent,
         null, // no suspense so unmount hooks fire now
-        true // shouldRemove
+        true, // shouldRemove
       )
 
       if (!delayEnter) {
@@ -668,7 +668,7 @@ function createSuspenseBoundary(
             hydratedEl ? null : next(instance.subTree),
             suspense,
             isSVG,
-            optimized
+            optimized,
           )
           if (placeholder) {
             remove(placeholder)
@@ -691,7 +691,7 @@ function createSuspenseBoundary(
           suspense.activeBranch,
           parentComponent,
           parentSuspense,
-          doRemove
+          doRemove,
         )
       }
       if (suspense.pendingBranch) {
@@ -699,10 +699,10 @@ function createSuspenseBoundary(
           suspense.pendingBranch,
           parentComponent,
           parentSuspense,
-          doRemove
+          doRemove,
         )
       }
-    }
+    },
   }
 
   return suspense
@@ -723,8 +723,8 @@ function hydrateSuspense(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    optimized: boolean
-  ) => Node | null
+    optimized: boolean,
+  ) => Node | null,
 ): Node | null {
   /* eslint-disable no-restricted-globals */
   const suspense = (vnode.suspense = createSuspenseBoundary(
@@ -738,7 +738,7 @@ function hydrateSuspense(
     slotScopeIds,
     optimized,
     rendererInternals,
-    true /* hydrating */
+    true /* hydrating */,
   ))
   // there are two possible scenarios for server-rendered suspense:
   // - success: ssr content should be fully resolved
@@ -752,7 +752,7 @@ function hydrateSuspense(
     parentComponent,
     suspense,
     slotScopeIds,
-    optimized
+    optimized,
   )
   if (suspense.deps === 0) {
     suspense.resolve(false, true)
@@ -765,7 +765,7 @@ function normalizeSuspenseChildren(vnode: VNode) {
   const { shapeFlag, children } = vnode
   const isSlotChildren = shapeFlag & ShapeFlags.SLOTS_CHILDREN
   vnode.ssContent = normalizeSuspenseSlot(
-    isSlotChildren ? (children as Slots).default : children
+    isSlotChildren ? (children as Slots).default : children,
   )
   vnode.ssFallback = isSlotChildren
     ? normalizeSuspenseSlot((children as Slots).fallback)
@@ -806,7 +806,7 @@ function normalizeSuspenseSlot(s: any) {
 
 export function queueEffectWithSuspense(
   fn: Function | Function[],
-  suspense: SuspenseBoundary | null
+  suspense: SuspenseBoundary | null,
 ): void {
   if (suspense && suspense.pendingBranch) {
     if (isArray(fn)) {
diff --git a/packages/runtime-core/src/components/Teleport.ts b/packages/runtime-core/src/components/Teleport.ts
index 19ccbc5de27..d79420d5270 100644
--- a/packages/runtime-core/src/components/Teleport.ts
+++ b/packages/runtime-core/src/components/Teleport.ts
@@ -6,7 +6,7 @@ import {
   RendererElement,
   RendererNode,
   RendererOptions,
-  traverseStaticChildren
+  traverseStaticChildren,
 } from '../renderer'
 import { VNode, VNodeArrayChildren, VNodeProps } from '../vnode'
 import { isString, ShapeFlags } from '@vue/shared'
@@ -30,7 +30,7 @@ const isTargetSVG = (target: RendererElement): boolean =>
 
 const resolveTarget = <T = RendererElement>(
   props: TeleportProps | null,
-  select: RendererOptions['querySelector']
+  select: RendererOptions['querySelector'],
 ): T | null => {
   const targetSelector = props && props.to
   if (isString(targetSelector)) {
@@ -38,7 +38,7 @@ const resolveTarget = <T = RendererElement>(
       __DEV__ &&
         warn(
           `Current renderer does not support string target for Teleports. ` +
-            `(missing querySelector renderer option)`
+            `(missing querySelector renderer option)`,
         )
       return null
     } else {
@@ -49,7 +49,7 @@ const resolveTarget = <T = RendererElement>(
             `Failed to locate Teleport target with selector "${targetSelector}". ` +
               `Note the target element must exist before the component is mounted - ` +
               `i.e. the target cannot be rendered by the component itself, and ` +
-              `ideally should be outside of the entire Vue component tree.`
+              `ideally should be outside of the entire Vue component tree.`,
           )
       }
       return target as T
@@ -74,13 +74,13 @@ export const TeleportImpl = {
     isSVG: boolean,
     slotScopeIds: string[] | null,
     optimized: boolean,
-    internals: RendererInternals
+    internals: RendererInternals,
   ) {
     const {
       mc: mountChildren,
       pc: patchChildren,
       pbc: patchBlockChildren,
-      o: { insert, querySelector, createText, createComment }
+      o: { insert, querySelector, createText, createComment },
     } = internals
 
     const disabled = isTeleportDisabled(n2.props)
@@ -125,7 +125,7 @@ export const TeleportImpl = {
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
         }
       }
@@ -155,7 +155,7 @@ export const TeleportImpl = {
           parentComponent,
           parentSuspense,
           isSVG,
-          slotScopeIds
+          slotScopeIds,
         )
         // even in block tree mode we need to make sure all root-level nodes
         // in the teleport inherit previous DOM references so that they can
@@ -171,7 +171,7 @@ export const TeleportImpl = {
           parentSuspense,
           isSVG,
           slotScopeIds,
-          false
+          false,
         )
       }
 
@@ -184,7 +184,7 @@ export const TeleportImpl = {
             container,
             mainAnchor,
             internals,
-            TeleportMoveTypes.TOGGLE
+            TeleportMoveTypes.TOGGLE,
           )
         } else {
           // #7835
@@ -199,7 +199,7 @@ export const TeleportImpl = {
         if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
           const nextTarget = (n2.target = resolveTarget(
             n2.props,
-            querySelector
+            querySelector,
           ))
           if (nextTarget) {
             moveTeleport(
@@ -207,13 +207,13 @@ export const TeleportImpl = {
               nextTarget,
               null,
               internals,
-              TeleportMoveTypes.TARGET_CHANGE
+              TeleportMoveTypes.TARGET_CHANGE,
             )
           } else if (__DEV__) {
             warn(
               'Invalid Teleport target on update:',
               target,
-              `(${typeof target})`
+              `(${typeof target})`,
             )
           }
         } else if (wasDisabled) {
@@ -224,7 +224,7 @@ export const TeleportImpl = {
             target,
             targetAnchor,
             internals,
-            TeleportMoveTypes.TOGGLE
+            TeleportMoveTypes.TOGGLE,
           )
         }
       }
@@ -239,7 +239,7 @@ export const TeleportImpl = {
     parentSuspense: SuspenseBoundary | null,
     optimized: boolean,
     { um: unmount, o: { remove: hostRemove } }: RendererInternals,
-    doRemove: Boolean
+    doRemove: Boolean,
   ) {
     const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode
 
@@ -258,7 +258,7 @@ export const TeleportImpl = {
             parentComponent,
             parentSuspense,
             true,
-            !!child.dynamicChildren
+            !!child.dynamicChildren,
           )
         }
       }
@@ -266,13 +266,13 @@ export const TeleportImpl = {
   },
 
   move: moveTeleport,
-  hydrate: hydrateTeleport
+  hydrate: hydrateTeleport,
 }
 
 export const enum TeleportMoveTypes {
   TARGET_CHANGE,
   TOGGLE, // enable / disable
-  REORDER // moved in the main view
+  REORDER, // moved in the main view
 }
 
 function moveTeleport(
@@ -280,7 +280,7 @@ function moveTeleport(
   container: RendererElement,
   parentAnchor: RendererNode | null,
   { o: { insert }, m: move }: RendererInternals,
-  moveType: TeleportMoveTypes = TeleportMoveTypes.REORDER
+  moveType: TeleportMoveTypes = TeleportMoveTypes.REORDER,
 ) {
   // move target anchor if this is a target change.
   if (moveType === TeleportMoveTypes.TARGET_CHANGE) {
@@ -303,7 +303,7 @@ function moveTeleport(
           (children as VNode[])[i],
           container,
           parentAnchor,
-          MoveType.REORDER
+          MoveType.REORDER,
         )
       }
     }
@@ -327,7 +327,7 @@ function hydrateTeleport(
   slotScopeIds: string[] | null,
   optimized: boolean,
   {
-    o: { nextSibling, parentNode, querySelector }
+    o: { nextSibling, parentNode, querySelector },
   }: RendererInternals<Node, Element>,
   hydrateChildren: (
     node: Node | null,
@@ -336,12 +336,12 @@ function hydrateTeleport(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    optimized: boolean
-  ) => Node | null
+    optimized: boolean,
+  ) => Node | null,
 ): Node | null {
   const target = (vnode.target = resolveTarget<Element>(
     vnode.props,
-    querySelector
+    querySelector,
   ))
   if (target) {
     // if multiple teleports rendered to the same target element, we need to
@@ -357,7 +357,7 @@ function hydrateTeleport(
           parentComponent,
           parentSuspense,
           slotScopeIds,
-          optimized
+          optimized,
         )
         vnode.targetAnchor = targetNode
       } else {
@@ -388,7 +388,7 @@ function hydrateTeleport(
           parentComponent,
           parentSuspense,
           slotScopeIds,
-          optimized
+          optimized,
         )
       }
     }
diff --git a/packages/runtime-core/src/customFormatter.ts b/packages/runtime-core/src/customFormatter.ts
index 768240feb62..41477e3bfe9 100644
--- a/packages/runtime-core/src/customFormatter.ts
+++ b/packages/runtime-core/src/customFormatter.ts
@@ -33,7 +33,7 @@ export function initCustomFormatter() {
           ['span', vueStyle, genRefFlag(obj)],
           '<',
           formatValue(obj.value),
-          `>`
+          `>`,
         ]
       } else if (isReactive(obj)) {
         return [
@@ -42,7 +42,7 @@ export function initCustomFormatter() {
           ['span', vueStyle, isShallow(obj) ? 'ShallowReactive' : 'Reactive'],
           '<',
           formatValue(obj),
-          `>${isReadonly(obj) ? ` (readonly)` : ``}`
+          `>${isReadonly(obj) ? ` (readonly)` : ``}`,
         ]
       } else if (isReadonly(obj)) {
         return [
@@ -51,7 +51,7 @@ export function initCustomFormatter() {
           ['span', vueStyle, isShallow(obj) ? 'ShallowReadonly' : 'Readonly'],
           '<',
           formatValue(obj),
-          '>'
+          '>',
         ]
       }
       return null
@@ -64,10 +64,10 @@ export function initCustomFormatter() {
         return [
           'div',
           {},
-          ...formatInstance((obj as ComponentPublicInstance).$)
+          ...formatInstance((obj as ComponentPublicInstance).$),
         ]
       }
-    }
+    },
   }
 
   function formatInstance(instance: ComponentInternalInstance) {
@@ -96,11 +96,11 @@ export function initCustomFormatter() {
       [
         'span',
         {
-          style: keywordStyle.style + ';opacity:0.66'
+          style: keywordStyle.style + ';opacity:0.66',
         },
-        '$ (internal): '
+        '$ (internal): ',
       ],
-      ['object', { object: instance }]
+      ['object', { object: instance }],
     ])
     return blocks
   }
@@ -116,24 +116,24 @@ export function initCustomFormatter() {
       [
         'div',
         {
-          style: 'color:#476582'
+          style: 'color:#476582',
         },
-        type
+        type,
       ],
       [
         'div',
         {
-          style: 'padding-left:1.25em'
+          style: 'padding-left:1.25em',
         },
         ...Object.keys(target).map(key => {
           return [
             'div',
             {},
             ['span', keywordStyle, key + ': '],
-            formatValue(target[key], false)
+            formatValue(target[key], false),
           ]
-        })
-      ]
+        }),
+      ],
     ]
   }
 
diff --git a/packages/runtime-core/src/devtools.ts b/packages/runtime-core/src/devtools.ts
index bf67093f5c3..cd7684f1066 100644
--- a/packages/runtime-core/src/devtools.ts
+++ b/packages/runtime-core/src/devtools.ts
@@ -18,7 +18,7 @@ const enum DevtoolsHooks {
   COMPONENT_REMOVED = 'component:removed',
   COMPONENT_EMIT = 'component:emit',
   PERFORMANCE_START = 'perf:start',
-  PERFORMANCE_END = 'perf:end'
+  PERFORMANCE_END = 'perf:end',
 }
 
 interface DevtoolsHook {
@@ -91,7 +91,7 @@ export function devtoolsInitApp(app: App, version: string) {
     Fragment,
     Text,
     Comment,
-    Static
+    Static,
   })
 }
 
@@ -100,18 +100,18 @@ export function devtoolsUnmountApp(app: App) {
 }
 
 export const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook(
-  DevtoolsHooks.COMPONENT_ADDED
+  DevtoolsHooks.COMPONENT_ADDED,
 )
 
 export const devtoolsComponentUpdated =
   /*#__PURE__*/ createDevtoolsComponentHook(DevtoolsHooks.COMPONENT_UPDATED)
 
 const _devtoolsComponentRemoved = /*#__PURE__*/ createDevtoolsComponentHook(
-  DevtoolsHooks.COMPONENT_REMOVED
+  DevtoolsHooks.COMPONENT_REMOVED,
 )
 
 export const devtoolsComponentRemoved = (
-  component: ComponentInternalInstance
+  component: ComponentInternalInstance,
 ) => {
   if (
     devtools &&
@@ -130,17 +130,17 @@ function createDevtoolsComponentHook(hook: DevtoolsHooks) {
       component.appContext.app,
       component.uid,
       component.parent ? component.parent.uid : undefined,
-      component
+      component,
     )
   }
 }
 
 export const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook(
-  DevtoolsHooks.PERFORMANCE_START
+  DevtoolsHooks.PERFORMANCE_START,
 )
 
 export const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook(
-  DevtoolsHooks.PERFORMANCE_END
+  DevtoolsHooks.PERFORMANCE_END,
 )
 
 function createDevtoolsPerformanceHook(hook: DevtoolsHooks) {
@@ -152,13 +152,13 @@ function createDevtoolsPerformanceHook(hook: DevtoolsHooks) {
 export function devtoolsComponentEmit(
   component: ComponentInternalInstance,
   event: string,
-  params: any[]
+  params: any[],
 ) {
   emit(
     DevtoolsHooks.COMPONENT_EMIT,
     component.appContext.app,
     component,
     event,
-    params
+    params,
   )
 }
diff --git a/packages/runtime-core/src/directives.ts b/packages/runtime-core/src/directives.ts
index 18c3352b002..60dedcbfd73 100644
--- a/packages/runtime-core/src/directives.ts
+++ b/packages/runtime-core/src/directives.ts
@@ -35,12 +35,12 @@ export type DirectiveHook<T = any, Prev = VNode<any, T> | null, V = any> = (
   el: T,
   binding: DirectiveBinding<V>,
   vnode: VNode<any, T>,
-  prevVNode: Prev
+  prevVNode: Prev,
 ) => void
 
 export type SSRDirectiveHook = (
   binding: DirectiveBinding,
-  vnode: VNode
+  vnode: VNode,
 ) => Data | undefined
 
 export interface ObjectDirective<T = any, V = any> {
@@ -82,7 +82,7 @@ export type DirectiveArguments = Array<
  */
 export function withDirectives<T extends VNode>(
   vnode: T,
-  directives: DirectiveArguments
+  directives: DirectiveArguments,
 ): T {
   const internalInstance = currentRenderingInstance
   if (internalInstance === null) {
@@ -99,7 +99,7 @@ export function withDirectives<T extends VNode>(
       if (isFunction(dir)) {
         dir = {
           mounted: dir,
-          updated: dir
+          updated: dir,
         } as ObjectDirective
       }
       if (dir.deep) {
@@ -111,7 +111,7 @@ export function withDirectives<T extends VNode>(
         value,
         oldValue: void 0,
         arg,
-        modifiers
+        modifiers,
       })
     }
   }
@@ -122,7 +122,7 @@ export function invokeDirectiveHook(
   vnode: VNode,
   prevVNode: VNode | null,
   instance: ComponentInternalInstance | null,
-  name: keyof ObjectDirective
+  name: keyof ObjectDirective,
 ) {
   const bindings = vnode.dirs!
   const oldBindings = prevVNode && prevVNode.dirs!
@@ -143,7 +143,7 @@ export function invokeDirectiveHook(
         vnode.el,
         binding,
         vnode,
-        prevVNode
+        prevVNode,
       ])
       resetTracking()
     }
diff --git a/packages/runtime-core/src/enums.ts b/packages/runtime-core/src/enums.ts
index 63d829d7a87..fbd56bb8a8a 100644
--- a/packages/runtime-core/src/enums.ts
+++ b/packages/runtime-core/src/enums.ts
@@ -12,5 +12,5 @@ export const enum LifecycleHooks {
   RENDER_TRIGGERED = 'rtg',
   RENDER_TRACKED = 'rtc',
   ERROR_CAPTURED = 'ec',
-  SERVER_PREFETCH = 'sp'
+  SERVER_PREFETCH = 'sp',
 }
diff --git a/packages/runtime-core/src/errorHandling.ts b/packages/runtime-core/src/errorHandling.ts
index afbd226c4c6..a3a9981551a 100644
--- a/packages/runtime-core/src/errorHandling.ts
+++ b/packages/runtime-core/src/errorHandling.ts
@@ -21,7 +21,7 @@ export const enum ErrorCodes {
   APP_WARN_HANDLER,
   FUNCTION_REF,
   ASYNC_COMPONENT_LOADER,
-  SCHEDULER
+  SCHEDULER,
 }
 
 export const ErrorTypeStrings: Record<LifecycleHooks | ErrorCodes, string> = {
@@ -55,7 +55,7 @@ export const ErrorTypeStrings: Record<LifecycleHooks | ErrorCodes, string> = {
   [ErrorCodes.ASYNC_COMPONENT_LOADER]: 'async component loader',
   [ErrorCodes.SCHEDULER]:
     'scheduler flush. This is likely a Vue internals bug. ' +
-    'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core'
+    'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core',
 }
 
 export type ErrorTypes = LifecycleHooks | ErrorCodes
@@ -64,7 +64,7 @@ export function callWithErrorHandling(
   fn: Function,
   instance: ComponentInternalInstance | null,
   type: ErrorTypes,
-  args?: unknown[]
+  args?: unknown[],
 ) {
   let res
   try {
@@ -79,7 +79,7 @@ export function callWithAsyncErrorHandling(
   fn: Function | Function[],
   instance: ComponentInternalInstance | null,
   type: ErrorTypes,
-  args?: unknown[]
+  args?: unknown[],
 ): any[] {
   if (isFunction(fn)) {
     const res = callWithErrorHandling(fn, instance, type, args)
@@ -102,7 +102,7 @@ export function handleError(
   err: unknown,
   instance: ComponentInternalInstance | null,
   type: ErrorTypes,
-  throwInDev = true
+  throwInDev = true,
 ) {
   const contextVNode = instance ? instance.vnode : null
   if (instance) {
@@ -131,7 +131,7 @@ export function handleError(
         appErrorHandler,
         null,
         ErrorCodes.APP_ERROR_HANDLER,
-        [err, exposedInstance, errorInfo]
+        [err, exposedInstance, errorInfo],
       )
       return
     }
@@ -143,7 +143,7 @@ function logError(
   err: unknown,
   type: ErrorTypes,
   contextVNode: VNode | null,
-  throwInDev = true
+  throwInDev = true,
 ) {
   if (__DEV__) {
     const info = ErrorTypeStrings[type]
diff --git a/packages/runtime-core/src/featureFlags.ts b/packages/runtime-core/src/featureFlags.ts
index e878407bcc8..30c447eefba 100644
--- a/packages/runtime-core/src/featureFlags.ts
+++ b/packages/runtime-core/src/featureFlags.ts
@@ -29,7 +29,7 @@ export function initFeatureFlags() {
         `which expects these compile-time feature flags to be globally injected ` +
         `via the bundler config in order to get better tree-shaking in the ` +
         `production bundle.\n\n` +
-        `For more details, see https://link.vuejs.org/feature-flags.`
+        `For more details, see https://link.vuejs.org/feature-flags.`,
     )
   }
 }
diff --git a/packages/runtime-core/src/h.ts b/packages/runtime-core/src/h.ts
index 73b27107b8b..229d0da9741 100644
--- a/packages/runtime-core/src/h.ts
+++ b/packages/runtime-core/src/h.ts
@@ -6,7 +6,7 @@ import {
   Fragment,
   Text,
   Comment,
-  isVNode
+  isVNode,
 } from './vnode'
 import { Teleport, TeleportProps } from './components/Teleport'
 import { Suspense, SuspenseProps } from './components/Suspense'
@@ -16,7 +16,7 @@ import {
   FunctionalComponent,
   Component,
   ComponentOptions,
-  ConcreteComponent
+  ConcreteComponent,
 } from './component'
 import { EmitsOptions } from './componentEmits'
 import { DefineComponent } from './apiDefineComponent'
@@ -83,32 +83,32 @@ export function h(type: string, children?: RawChildren): VNode
 export function h(
   type: string,
   props?: RawProps | null,
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // text/comment
 export function h(
   type: typeof Text | typeof Comment,
-  children?: string | number | boolean
+  children?: string | number | boolean,
 ): VNode
 export function h(
   type: typeof Text | typeof Comment,
   props?: null,
-  children?: string | number | boolean
+  children?: string | number | boolean,
 ): VNode
 // fragment
 export function h(type: typeof Fragment, children?: VNodeArrayChildren): VNode
 export function h(
   type: typeof Fragment,
   props?: RawProps | null,
-  children?: VNodeArrayChildren
+  children?: VNodeArrayChildren,
 ): VNode
 
 // teleport (target prop is required)
 export function h(
   type: typeof Teleport,
   props: RawProps & TeleportProps,
-  children: RawChildren | RawSlots
+  children: RawChildren | RawSlots,
 ): VNode
 
 // suspense
@@ -116,18 +116,18 @@ export function h(type: typeof Suspense, children?: RawChildren): VNode
 export function h(
   type: typeof Suspense,
   props?: (RawProps & SuspenseProps) | null,
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // functional component
 export function h<
   P,
   E extends EmitsOptions = {},
-  S extends Record<string, any> = {}
+  S extends Record<string, any> = {},
 >(
   type: FunctionalComponent<P, E, S>,
   props?: (RawProps & P) | ({} extends P ? null : never),
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // catch-all for generic component types
@@ -136,26 +136,26 @@ export function h(type: Component, children?: RawChildren): VNode
 // concrete component
 export function h<P>(
   type: ConcreteComponent | string,
-  children?: RawChildren
+  children?: RawChildren,
 ): VNode
 export function h<P>(
   type: ConcreteComponent<P> | string,
   props?: (RawProps & P) | ({} extends P ? null : never),
-  children?: RawChildren
+  children?: RawChildren,
 ): VNode
 
 // component without props
 export function h<P>(
   type: Component<P>,
   props?: (RawProps & P) | null,
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // exclude `defineComponent` constructors
 export function h<P>(
   type: ComponentOptions<P>,
   props?: (RawProps & P) | ({} extends P ? null : never),
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // fake constructor type returned by `defineComponent` or class component
@@ -163,7 +163,7 @@ export function h(type: Constructor, children?: RawChildren): VNode
 export function h<P>(
   type: Constructor<P>,
   props?: (RawProps & P) | ({} extends P ? null : never),
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // fake constructor type returned by `defineComponent`
@@ -171,7 +171,7 @@ export function h(type: DefineComponent, children?: RawChildren): VNode
 export function h<P>(
   type: DefineComponent<P>,
   props?: (RawProps & P) | ({} extends P ? null : never),
-  children?: RawChildren | RawSlots
+  children?: RawChildren | RawSlots,
 ): VNode
 
 // Actual implementation
diff --git a/packages/runtime-core/src/helpers/createSlots.ts b/packages/runtime-core/src/helpers/createSlots.ts
index f370f5ca803..d156b5c2285 100644
--- a/packages/runtime-core/src/helpers/createSlots.ts
+++ b/packages/runtime-core/src/helpers/createSlots.ts
@@ -20,7 +20,7 @@ export function createSlots(
     | CompiledSlotDescriptor
     | CompiledSlotDescriptor[]
     | undefined
-  )[]
+  )[],
 ): Record<string, SSRSlot> {
   for (let i = 0; i < dynamicSlots.length; i++) {
     const slot = dynamicSlots[i]
diff --git a/packages/runtime-core/src/helpers/renderList.ts b/packages/runtime-core/src/helpers/renderList.ts
index 1655d555fb3..6c4ffd8ae58 100644
--- a/packages/runtime-core/src/helpers/renderList.ts
+++ b/packages/runtime-core/src/helpers/renderList.ts
@@ -8,7 +8,7 @@ import { warn } from '../warning'
  */
 export function renderList(
   source: string,
-  renderItem: (value: string, index: number) => VNodeChild
+  renderItem: (value: string, index: number) => VNodeChild,
 ): VNodeChild[]
 
 /**
@@ -16,7 +16,7 @@ export function renderList(
  */
 export function renderList(
   source: number,
-  renderItem: (value: number, index: number) => VNodeChild
+  renderItem: (value: number, index: number) => VNodeChild,
 ): VNodeChild[]
 
 /**
@@ -24,7 +24,7 @@ export function renderList(
  */
 export function renderList<T>(
   source: T[],
-  renderItem: (value: T, index: number) => VNodeChild
+  renderItem: (value: T, index: number) => VNodeChild,
 ): VNodeChild[]
 
 /**
@@ -32,7 +32,7 @@ export function renderList<T>(
  */
 export function renderList<T>(
   source: Iterable<T>,
-  renderItem: (value: T, index: number) => VNodeChild
+  renderItem: (value: T, index: number) => VNodeChild,
 ): VNodeChild[]
 
 /**
@@ -43,8 +43,8 @@ export function renderList<T>(
   renderItem: <K extends keyof T>(
     value: T[K],
     key: K,
-    index: number
-  ) => VNodeChild
+    index: number,
+  ) => VNodeChild,
 ): VNodeChild[]
 
 /**
@@ -54,7 +54,7 @@ export function renderList(
   source: any,
   renderItem: (...args: any[]) => VNodeChild,
   cache?: any[],
-  index?: number
+  index?: number,
 ): VNodeChild[] {
   let ret: VNodeChild[]
   const cached = (cache && cache[index!]) as VNode[] | undefined
@@ -75,7 +75,7 @@ export function renderList(
   } else if (isObject(source)) {
     if (source[Symbol.iterator as any]) {
       ret = Array.from(source as Iterable<any>, (item, i) =>
-        renderItem(item, i, undefined, cached && cached[i])
+        renderItem(item, i, undefined, cached && cached[i]),
       )
     } else {
       const keys = Object.keys(source)
diff --git a/packages/runtime-core/src/helpers/renderSlot.ts b/packages/runtime-core/src/helpers/renderSlot.ts
index 452fc827269..69985aee06b 100644
--- a/packages/runtime-core/src/helpers/renderSlot.ts
+++ b/packages/runtime-core/src/helpers/renderSlot.ts
@@ -2,7 +2,7 @@ import { Data } from '../component'
 import { Slots, RawSlots } from '../componentSlots'
 import {
   ContextualRenderFn,
-  currentRenderingInstance
+  currentRenderingInstance,
 } from '../componentRenderContext'
 import {
   Comment,
@@ -11,7 +11,7 @@ import {
   openBlock,
   createBlock,
   Fragment,
-  VNode
+  VNode,
 } from '../vnode'
 import { PatchFlags, SlotFlags } from '@vue/shared'
 import { warn } from '../warning'
@@ -29,7 +29,7 @@ export function renderSlot(
   // this is not a user-facing function, so the fallback is always generated by
   // the compiler and guaranteed to be a function returning an array
   fallback?: () => VNodeArrayChildren,
-  noSlotted?: boolean
+  noSlotted?: boolean,
 ): VNode {
   if (
     currentRenderingInstance!.isCE ||
@@ -47,7 +47,7 @@ export function renderSlot(
     warn(
       `SSR-optimized slot function detected in a non-SSR-optimized render ` +
         `function. You need to mark this component with $dynamic-slots in the ` +
-        `parent template.`
+        `parent template.`,
     )
     slot = () => []
   }
@@ -69,12 +69,12 @@ export function renderSlot(
         // slot content array of a dynamic conditional slot may have a branch
         // key attached in the `createSlots` helper, respect that
         (validSlotContent && (validSlotContent as any).key) ||
-        `_${name}`
+        `_${name}`,
     },
     validSlotContent || (fallback ? fallback() : []),
     validSlotContent && (slots as RawSlots)._ === SlotFlags.STABLE
       ? PatchFlags.STABLE_FRAGMENT
-      : PatchFlags.BAIL
+      : PatchFlags.BAIL,
   )
   if (!noSlotted && rendered.scopeId) {
     rendered.slotScopeIds = [rendered.scopeId + '-s']
diff --git a/packages/runtime-core/src/helpers/resolveAssets.ts b/packages/runtime-core/src/helpers/resolveAssets.ts
index 3aedcee47ee..724489885a1 100644
--- a/packages/runtime-core/src/helpers/resolveAssets.ts
+++ b/packages/runtime-core/src/helpers/resolveAssets.ts
@@ -2,7 +2,7 @@ import {
   currentInstance,
   ConcreteComponent,
   ComponentOptions,
-  getComponentName
+  getComponentName,
 } from '../component'
 import { currentRenderingInstance } from '../componentRenderContext'
 import { Directive } from '../directives'
@@ -21,7 +21,7 @@ export type AssetTypes = typeof COMPONENTS | typeof DIRECTIVES | typeof FILTERS
  */
 export function resolveComponent(
   name: string,
-  maybeSelfReference?: boolean
+  maybeSelfReference?: boolean,
 ): ConcreteComponent | string {
   return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name
 }
@@ -63,12 +63,12 @@ function resolveAsset(
   type: typeof COMPONENTS,
   name: string,
   warnMissing?: boolean,
-  maybeSelfReference?: boolean
+  maybeSelfReference?: boolean,
 ): ConcreteComponent | undefined
 // overload 2: directives
 function resolveAsset(
   type: typeof DIRECTIVES,
-  name: string
+  name: string,
 ): Directive | undefined
 // implementation
 // overload 3: filters (compat only)
@@ -78,7 +78,7 @@ function resolveAsset(
   type: AssetTypes,
   name: string,
   warnMissing = true,
-  maybeSelfReference = false
+  maybeSelfReference = false,
 ) {
   const instance = currentRenderingInstance || currentInstance
   if (instance) {
@@ -88,7 +88,7 @@ function resolveAsset(
     if (type === COMPONENTS) {
       const selfName = getComponentName(
         Component,
-        false /* do not include inferred name to avoid breaking existing code */
+        false /* do not include inferred name to avoid breaking existing code */,
       )
       if (
         selfName &&
@@ -125,7 +125,7 @@ function resolveAsset(
   } else if (__DEV__) {
     warn(
       `resolve${capitalize(type.slice(0, -1))} ` +
-        `can only be used in render() or setup().`
+        `can only be used in render() or setup().`,
     )
   }
 }
diff --git a/packages/runtime-core/src/helpers/toHandlers.ts b/packages/runtime-core/src/helpers/toHandlers.ts
index 78ad164d7c0..fba274a7b5d 100644
--- a/packages/runtime-core/src/helpers/toHandlers.ts
+++ b/packages/runtime-core/src/helpers/toHandlers.ts
@@ -7,7 +7,7 @@ import { warn } from '../warning'
  */
 export function toHandlers(
   obj: Record<string, any>,
-  preserveCaseIfNecessary?: boolean
+  preserveCaseIfNecessary?: boolean,
 ): Record<string, any> {
   const ret: Record<string, any> = {}
   if (__DEV__ && !isObject(obj)) {
diff --git a/packages/runtime-core/src/helpers/useSsrContext.ts b/packages/runtime-core/src/helpers/useSsrContext.ts
index 501a18e3bb5..3ff4a097b12 100644
--- a/packages/runtime-core/src/helpers/useSsrContext.ts
+++ b/packages/runtime-core/src/helpers/useSsrContext.ts
@@ -10,7 +10,7 @@ export const useSSRContext = <T = Record<string, any>>() => {
       __DEV__ &&
         warn(
           `Server rendering context not provided. Make sure to only call ` +
-            `useSSRContext() conditionally in the server build.`
+            `useSSRContext() conditionally in the server build.`,
         )
     }
     return ctx
diff --git a/packages/runtime-core/src/helpers/withMemo.ts b/packages/runtime-core/src/helpers/withMemo.ts
index 76b0f055f39..330bdfdaeb4 100644
--- a/packages/runtime-core/src/helpers/withMemo.ts
+++ b/packages/runtime-core/src/helpers/withMemo.ts
@@ -5,7 +5,7 @@ export function withMemo(
   memo: any[],
   render: () => VNode<any, any>,
   cache: any[],
-  index: number
+  index: number,
 ) {
   const cached = cache[index] as VNode | undefined
   if (cached && isMemoSame(cached, memo)) {
diff --git a/packages/runtime-core/src/hmr.ts b/packages/runtime-core/src/hmr.ts
index 1ce66a3da1e..5b6d94def1e 100644
--- a/packages/runtime-core/src/hmr.ts
+++ b/packages/runtime-core/src/hmr.ts
@@ -5,7 +5,7 @@ import {
   ComponentOptions,
   InternalRenderFunction,
   ClassComponent,
-  isClassComponent
+  isClassComponent,
 } from './component'
 import { queueJob, queuePostFlushCb } from './scheduler'
 import { extend, getGlobalThis } from '@vue/shared'
@@ -31,7 +31,7 @@ if (__DEV__) {
   getGlobalThis().__VUE_HMR_RUNTIME__ = {
     createRecord: tryWrap(createRecord),
     rerender: tryWrap(rerender),
-    reload: tryWrap(reload)
+    reload: tryWrap(reload),
   } as HMRRuntime
 }
 
@@ -66,7 +66,7 @@ function createRecord(id: string, initialDef: HMRComponent): boolean {
   }
   map.set(id, {
     initialDef: normalizeClassComponent(initialDef),
-    instances: new Set()
+    instances: new Set(),
   })
   return true
 }
@@ -146,7 +146,7 @@ function reload(id: string, newComp: HMRComponent) {
       window.location.reload()
     } else {
       console.warn(
-        '[HMR] Root or manually mounted instance modified. Full reload required.'
+        '[HMR] Root or manually mounted instance modified. Full reload required.',
       )
     }
   }
@@ -155,7 +155,7 @@ function reload(id: string, newComp: HMRComponent) {
   queuePostFlushCb(() => {
     for (const instance of instances) {
       hmrDirtyComponents.delete(
-        normalizeClassComponent(instance.type as HMRComponent)
+        normalizeClassComponent(instance.type as HMRComponent),
       )
     }
   })
@@ -163,7 +163,7 @@ function reload(id: string, newComp: HMRComponent) {
 
 function updateComponentDef(
   oldComp: ComponentOptions,
-  newComp: ComponentOptions
+  newComp: ComponentOptions,
 ) {
   extend(oldComp, newComp)
   for (const key in oldComp) {
@@ -181,7 +181,7 @@ function tryWrap(fn: (id: string, arg: any) => any): Function {
       console.error(e)
       console.warn(
         `[HMR] Something went wrong during Vue component hot-reload. ` +
-          `Full reload required.`
+          `Full reload required.`,
       )
     }
   }
diff --git a/packages/runtime-core/src/hydration.ts b/packages/runtime-core/src/hydration.ts
index 89a00886332..84a6bad6c9b 100644
--- a/packages/runtime-core/src/hydration.ts
+++ b/packages/runtime-core/src/hydration.ts
@@ -8,7 +8,7 @@ import {
   VNodeHook,
   createVNode,
   createTextVNode,
-  invokeVNodeHook
+  invokeVNodeHook,
 } from './vnode'
 import { flushPostFlushCbs } from './scheduler'
 import { ComponentInternalInstance } from './component'
@@ -20,20 +20,20 @@ import { setRef } from './rendererTemplateRef'
 import {
   SuspenseImpl,
   SuspenseBoundary,
-  queueEffectWithSuspense
+  queueEffectWithSuspense,
 } from './components/Suspense'
 import { TeleportImpl, TeleportVNode } from './components/Teleport'
 import { isAsyncWrapper } from './apiAsyncComponent'
 
 export type RootHydrateFunction = (
   vnode: VNode<Node, Element>,
-  container: (Element | ShadowRoot) & { _vnode?: VNode }
+  container: (Element | ShadowRoot) & { _vnode?: VNode },
 ) => void
 
 const enum DOMNodeTypes {
   ELEMENT = 1,
   TEXT = 3,
-  COMMENT = 8
+  COMMENT = 8,
 }
 
 let hasMismatch = false
@@ -50,7 +50,7 @@ const isComment = (node: Node): node is Comment =>
 // Hydration also depends on some renderer internal logic which needs to be
 // passed in via arguments.
 export function createHydrationFunctions(
-  rendererInternals: RendererInternals<Node, Element>
+  rendererInternals: RendererInternals<Node, Element>,
 ) {
   const {
     mt: mountComponent,
@@ -62,8 +62,8 @@ export function createHydrationFunctions(
       parentNode,
       remove,
       insert,
-      createComment
-    }
+      createComment,
+    },
   } = rendererInternals
 
   const hydrate: RootHydrateFunction = (vnode, container) => {
@@ -71,7 +71,7 @@ export function createHydrationFunctions(
       __DEV__ &&
         warn(
           `Attempting to hydrate existing markup but container is empty. ` +
-            `Performing full mount instead.`
+            `Performing full mount instead.`,
         )
       patch(null, vnode, container)
       flushPostFlushCbs()
@@ -94,7 +94,7 @@ export function createHydrationFunctions(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    optimized = false
+    optimized = false,
   ): Node | null => {
     const isFragmentStart = isComment(node) && node.data === '['
     const onMismatch = () =>
@@ -104,7 +104,7 @@ export function createHydrationFunctions(
         parentComponent,
         parentSuspense,
         slotScopeIds,
-        isFragmentStart
+        isFragmentStart,
       )
 
     const { type, ref, shapeFlag, patchFlag } = vnode
@@ -135,9 +135,9 @@ export function createHydrationFunctions(
               warn(
                 `Hydration text mismatch:` +
                   `\n- Server rendered: ${JSON.stringify(
-                    (node as Text).data
+                    (node as Text).data,
                   )}` +
-                  `\n- Client rendered: ${JSON.stringify(vnode.children)}`
+                  `\n- Client rendered: ${JSON.stringify(vnode.children)}`,
               )
             ;(node as Text).data = vnode.children as string
           }
@@ -189,7 +189,7 @@ export function createHydrationFunctions(
             parentComponent,
             parentSuspense,
             slotScopeIds,
-            optimized
+            optimized,
           )
         }
         break
@@ -208,7 +208,7 @@ export function createHydrationFunctions(
               parentComponent,
               parentSuspense,
               slotScopeIds,
-              optimized
+              optimized,
             )
           }
         } else if (shapeFlag & ShapeFlags.COMPONENT) {
@@ -224,7 +224,7 @@ export function createHydrationFunctions(
             parentComponent,
             parentSuspense,
             isSVGContainer(container),
-            optimized
+            optimized,
           )
 
           // component may be async, so in the case of fragments we cannot rely
@@ -273,7 +273,7 @@ export function createHydrationFunctions(
               slotScopeIds,
               optimized,
               rendererInternals,
-              hydrateChildren
+              hydrateChildren,
             )
           }
         } else if (__FEATURE_SUSPENSE__ && shapeFlag & ShapeFlags.SUSPENSE) {
@@ -286,7 +286,7 @@ export function createHydrationFunctions(
             slotScopeIds,
             optimized,
             rendererInternals,
-            hydrateNode
+            hydrateNode,
           )
         } else if (__DEV__) {
           warn('Invalid HostVNode type:', type, `(${typeof type})`)
@@ -306,7 +306,7 @@ export function createHydrationFunctions(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     optimized = optimized || !!vnode.dynamicChildren
     const { type, props, patchFlag, shapeFlag, dirs } = vnode
@@ -338,7 +338,7 @@ export function createHydrationFunctions(
                 props[key],
                 false,
                 undefined,
-                parentComponent
+                parentComponent,
               )
             }
           }
@@ -352,7 +352,7 @@ export function createHydrationFunctions(
             props.onClick,
             false,
             undefined,
-            parentComponent
+            parentComponent,
           )
         }
       }
@@ -383,7 +383,7 @@ export function createHydrationFunctions(
           parentComponent,
           parentSuspense,
           slotScopeIds,
-          optimized
+          optimized,
         )
         let hasWarned = false
         while (next) {
@@ -391,7 +391,7 @@ export function createHydrationFunctions(
           if (__DEV__ && !hasWarned) {
             warn(
               `Hydration children mismatch in <${vnode.type as string}>: ` +
-                `server rendered element contains more child nodes than client vdom.`
+                `server rendered element contains more child nodes than client vdom.`,
             )
             hasWarned = true
           }
@@ -409,7 +409,7 @@ export function createHydrationFunctions(
                 vnode.type as string
               }>:\n` +
                 `- Server rendered: ${el.textContent}\n` +
-                `- Client rendered: ${vnode.children as string}`
+                `- Client rendered: ${vnode.children as string}`,
             )
           el.textContent = vnode.children as string
         }
@@ -425,7 +425,7 @@ export function createHydrationFunctions(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ): Node | null => {
     optimized = optimized || !!parentVNode.dynamicChildren
     const children = parentVNode.children as VNode[]
@@ -442,7 +442,7 @@ export function createHydrationFunctions(
           parentComponent,
           parentSuspense,
           slotScopeIds,
-          optimized
+          optimized,
         )
       } else if (vnode.type === Text && !vnode.children) {
         continue
@@ -451,7 +451,7 @@ export function createHydrationFunctions(
         if (__DEV__ && !hasWarned) {
           warn(
             `Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
-              `server rendered element contains fewer child nodes than client vdom.`
+              `server rendered element contains fewer child nodes than client vdom.`,
           )
           hasWarned = true
         }
@@ -464,7 +464,7 @@ export function createHydrationFunctions(
           parentComponent,
           parentSuspense,
           isSVGContainer(container),
-          slotScopeIds
+          slotScopeIds,
         )
       }
     }
@@ -477,7 +477,7 @@ export function createHydrationFunctions(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     const { slotScopeIds: fragmentSlotScopeIds } = vnode
     if (fragmentSlotScopeIds) {
@@ -494,7 +494,7 @@ export function createHydrationFunctions(
       parentComponent,
       parentSuspense,
       slotScopeIds,
-      optimized
+      optimized,
     )
     if (next && isComment(next) && next.data === ']') {
       return nextSibling((vnode.anchor = next))
@@ -514,7 +514,7 @@ export function createHydrationFunctions(
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
     slotScopeIds: string[] | null,
-    isFragment: boolean
+    isFragment: boolean,
   ): Node | null => {
     hasMismatch = true
     __DEV__ &&
@@ -527,7 +527,7 @@ export function createHydrationFunctions(
           ? `(text)`
           : isComment(node) && node.data === '['
           ? `(start of fragment)`
-          : ``
+          : ``,
       )
     vnode.el = null
 
@@ -556,7 +556,7 @@ export function createHydrationFunctions(
       parentComponent,
       parentSuspense,
       isSVGContainer(container),
-      slotScopeIds
+      slotScopeIds,
     )
     return next
   }
diff --git a/packages/runtime-core/src/index.ts b/packages/runtime-core/src/index.ts
index 0d5fc39d5f6..55d8a68f8a3 100644
--- a/packages/runtime-core/src/index.ts
+++ b/packages/runtime-core/src/index.ts
@@ -33,14 +33,14 @@ export {
   effectScope,
   EffectScope,
   getCurrentScope,
-  onScopeDispose
+  onScopeDispose,
 } from '@vue/reactivity'
 export { computed } from './apiComputed'
 export {
   watch,
   watchEffect,
   watchPostEffect,
-  watchSyncEffect
+  watchSyncEffect,
 } from './apiWatch'
 export {
   onBeforeMount,
@@ -54,7 +54,7 @@ export {
   onRenderTracked,
   onRenderTriggered,
   onErrorCaptured,
-  onServerPrefetch
+  onServerPrefetch,
 } from './apiLifecycle'
 export { provide, inject, hasInjectionContext } from './apiInject'
 export { nextTick } from './scheduler'
@@ -78,7 +78,7 @@ export {
   mergeDefaults,
   mergeModels,
   createPropsRestProxy,
-  withAsyncContext
+  withAsyncContext,
 } from './apiSetupHelpers'
 
 // Advanced API ----------------------------------------------------------------
@@ -100,7 +100,7 @@ export { KeepAlive, type KeepAliveProps } from './components/KeepAlive'
 export {
   BaseTransition,
   BaseTransitionPropsValidators,
-  type BaseTransitionProps
+  type BaseTransitionProps,
 } from './components/BaseTransition'
 // For using custom directives
 export { withDirectives } from './directives'
@@ -116,12 +116,12 @@ export {
   handleError,
   callWithErrorHandling,
   callWithAsyncErrorHandling,
-  ErrorCodes
+  ErrorCodes,
 } from './errorHandling'
 export {
   resolveComponent,
   resolveDirective,
-  resolveDynamicComponent
+  resolveDynamicComponent,
 } from './helpers/resolveAssets'
 // For integration with runtime compiler
 export { registerRuntimeCompiler, isRuntimeOnly } from './component'
@@ -129,7 +129,7 @@ export {
   useTransitionState,
   resolveTransitionHooks,
   setTransitionHooks,
-  getTransitionRawChildren
+  getTransitionRawChildren,
 } from './components/BaseTransition'
 export { initCustomFormatter } from './customFormatter'
 
@@ -180,7 +180,7 @@ export type {
   DebuggerOptions,
   DebuggerEvent,
   DebuggerEventExtraInfo,
-  Raw
+  Raw,
 } from '@vue/reactivity'
 export type {
   WatchEffect,
@@ -188,7 +188,7 @@ export type {
   WatchOptionsBase,
   WatchCallback,
   WatchSource,
-  WatchStopHandle
+  WatchStopHandle,
 } from './apiWatch'
 export type { InjectionKey } from './apiInject'
 export type {
@@ -197,7 +197,7 @@ export type {
   AppContext,
   Plugin,
   CreateAppFunction,
-  OptionMergeFunction
+  OptionMergeFunction,
 } from './apiCreateApp'
 export type {
   VNode,
@@ -205,7 +205,7 @@ export type {
   VNodeTypes,
   VNodeProps,
   VNodeArrayChildren,
-  VNodeNormalizedChildren
+  VNodeNormalizedChildren,
 } from './vnode'
 export type {
   Component,
@@ -214,7 +214,7 @@ export type {
   ComponentInternalInstance,
   SetupContext,
   ComponentCustomProps,
-  AllowedComponentProps
+  AllowedComponentProps,
 } from './component'
 export type { DefineComponent } from './apiDefineComponent'
 export type {
@@ -230,13 +230,13 @@ export type {
   MethodOptions,
   ComputedOptions,
   RuntimeCompilerOptions,
-  ComponentInjectOptions
+  ComponentInjectOptions,
 } from './componentOptions'
 export type { EmitsOptions, ObjectEmitsOptions } from './componentEmits'
 export type {
   ComponentPublicInstance,
   ComponentCustomProperties,
-  CreateComponentPublicInstance
+  CreateComponentPublicInstance,
 } from './componentPublicInstance'
 export type {
   Renderer,
@@ -244,7 +244,7 @@ export type {
   RendererElement,
   HydrationRenderer,
   RendererOptions,
-  RootRenderFunction
+  RootRenderFunction,
 } from './renderer'
 export type { RootHydrateFunction } from './hydration'
 export type { Slot, Slots, SlotsType } from './componentSlots'
@@ -255,7 +255,7 @@ export type {
   ComponentObjectPropsOptions,
   ExtractPropTypes,
   ExtractPublicPropTypes,
-  ExtractDefaultPropTypes
+  ExtractDefaultPropTypes,
 } from './componentProps'
 export type {
   Directive,
@@ -263,16 +263,16 @@ export type {
   DirectiveHook,
   ObjectDirective,
   FunctionDirective,
-  DirectiveArguments
+  DirectiveArguments,
 } from './directives'
 export type { SuspenseBoundary } from './components/Suspense'
 export type {
   TransitionState,
-  TransitionHooks
+  TransitionHooks,
 } from './components/BaseTransition'
 export type {
   AsyncComponentOptions,
-  AsyncComponentLoader
+  AsyncComponentLoader,
 } from './apiAsyncComponent'
 export type { HMRRuntime } from './hmr'
 
@@ -287,7 +287,7 @@ export {
   withCtx,
   pushScopeId,
   popScopeId,
-  withScopeId
+  withScopeId,
 } from './componentRenderContext'
 export { renderList } from './helpers/renderList'
 export { toHandlers } from './helpers/toHandlers'
@@ -303,7 +303,7 @@ export {
   createStaticVNode,
   createElementVNode,
   createElementBlock,
-  guardReactiveProps
+  guardReactiveProps,
 } from './vnode'
 export {
   toDisplayString,
@@ -312,7 +312,7 @@ export {
   toHandlerKey,
   normalizeProps,
   normalizeClass,
-  normalizeStyle
+  normalizeStyle,
 } from '@vue/shared'
 
 // For test-utils
@@ -334,7 +334,7 @@ const _ssrUtils = {
   renderComponentRoot,
   setCurrentRenderingInstance,
   isVNode,
-  normalizeVNode
+  normalizeVNode,
 }
 
 /**
@@ -354,7 +354,7 @@ import { createCompatVue } from './compat/global'
 import {
   isCompatEnabled,
   checkCompatEnabled,
-  softAssertCompatEnabled
+  softAssertCompatEnabled,
 } from './compat/compatConfig'
 import { resolveFilter as _resolveFilter } from './helpers/resolveAssets'
 
@@ -368,7 +368,7 @@ const _compatUtils = {
   createCompatVue,
   isCompatEnabled,
   checkCompatEnabled,
-  softAssertCompatEnabled
+  softAssertCompatEnabled,
 }
 
 /**
diff --git a/packages/runtime-core/src/profiling.ts b/packages/runtime-core/src/profiling.ts
index 9b0f9852622..50d2e02393c 100644
--- a/packages/runtime-core/src/profiling.ts
+++ b/packages/runtime-core/src/profiling.ts
@@ -7,7 +7,7 @@ let perf: Performance
 
 export function startMeasure(
   instance: ComponentInternalInstance,
-  type: string
+  type: string,
 ) {
   if (instance.appContext.config.performance && isSupported()) {
     perf.mark(`vue-${type}-${instance.uid}`)
@@ -26,7 +26,7 @@ export function endMeasure(instance: ComponentInternalInstance, type: string) {
     perf.measure(
       `<${formatComponentName(instance, instance.type)}> ${type}`,
       startTag,
-      endTag
+      endTag,
     )
     perf.clearMarks(startTag)
     perf.clearMarks(endTag)
diff --git a/packages/runtime-core/src/renderer.ts b/packages/runtime-core/src/renderer.ts
index 383e17fb0f5..da70583a656 100644
--- a/packages/runtime-core/src/renderer.ts
+++ b/packages/runtime-core/src/renderer.ts
@@ -11,20 +11,20 @@ import {
   Static,
   VNodeHook,
   VNodeProps,
-  invokeVNodeHook
+  invokeVNodeHook,
 } from './vnode'
 import {
   ComponentInternalInstance,
   ComponentOptions,
   createComponentInstance,
   Data,
-  setupComponent
+  setupComponent,
 } from './component'
 import {
   filterSingleRoot,
   renderComponentRoot,
   shouldUpdateComponent,
-  updateHOCHostEl
+  updateHOCHostEl,
 } from './componentRenderUtils'
 import {
   EMPTY_OBJ,
@@ -35,7 +35,7 @@ import {
   NOOP,
   invokeArrayFns,
   isArray,
-  getGlobalThis
+  getGlobalThis,
 } from '@vue/shared'
 import {
   queueJob,
@@ -43,7 +43,7 @@ import {
   flushPostFlushCbs,
   invalidateJob,
   flushPreFlushCbs,
-  SchedulerJob
+  SchedulerJob,
 } from './scheduler'
 import { pauseTracking, resetTracking, ReactiveEffect } from '@vue/reactivity'
 import { updateProps } from './componentProps'
@@ -54,7 +54,7 @@ import { setRef } from './rendererTemplateRef'
 import {
   SuspenseBoundary,
   queueEffectWithSuspense,
-  SuspenseImpl
+  SuspenseImpl,
 } from './components/Suspense'
 import { TeleportImpl, TeleportVNode } from './components/Teleport'
 import { isKeepAlive, KeepAliveContext } from './components/KeepAlive'
@@ -66,7 +66,7 @@ import {
   devtoolsComponentAdded,
   devtoolsComponentRemoved,
   devtoolsComponentUpdated,
-  setDevtoolsHook
+  setDevtoolsHook,
 } from './devtools'
 import { initFeatureFlags } from './featureFlags'
 import { isAsyncWrapper } from './apiAsyncComponent'
@@ -85,12 +85,12 @@ export interface HydrationRenderer extends Renderer<Element | ShadowRoot> {
 export type RootRenderFunction<HostElement = RendererElement> = (
   vnode: VNode | null,
   container: HostElement,
-  isSVG?: boolean
+  isSVG?: boolean,
 ) => void
 
 export interface RendererOptions<
   HostNode = RendererNode,
-  HostElement = RendererElement
+  HostElement = RendererElement,
 > {
   patchProp(
     el: HostElement,
@@ -101,7 +101,7 @@ export interface RendererOptions<
     prevChildren?: VNode<HostNode, HostElement>[],
     parentComponent?: ComponentInternalInstance | null,
     parentSuspense?: SuspenseBoundary | null,
-    unmountChildren?: UnmountChildrenFn
+    unmountChildren?: UnmountChildrenFn,
   ): void
   insert(el: HostNode, parent: HostElement, anchor?: HostNode | null): void
   remove(el: HostNode): void
@@ -109,7 +109,7 @@ export interface RendererOptions<
     type: string,
     isSVG?: boolean,
     isCustomizedBuiltIn?: string,
-    vnodeProps?: (VNodeProps & { [key: string]: any }) | null
+    vnodeProps?: (VNodeProps & { [key: string]: any }) | null,
   ): HostElement
   createText(text: string): HostNode
   createComment(text: string): HostNode
@@ -126,7 +126,7 @@ export interface RendererOptions<
     anchor: HostNode | null,
     isSVG: boolean,
     start?: HostNode | null,
-    end?: HostNode | null
+    end?: HostNode | null,
   ): [HostNode, HostNode]
 }
 
@@ -145,7 +145,7 @@ export interface RendererElement extends RendererNode {}
 // to optimize bundle size.
 export interface RendererInternals<
   HostNode = RendererNode,
-  HostElement = RendererElement
+  HostElement = RendererElement,
 > {
   p: PatchFn
   um: UnmountFn
@@ -171,7 +171,7 @@ type PatchFn = (
   parentSuspense?: SuspenseBoundary | null,
   isSVG?: boolean,
   slotScopeIds?: string[] | null,
-  optimized?: boolean
+  optimized?: boolean,
 ) => void
 
 type MountChildrenFn = (
@@ -183,7 +183,7 @@ type MountChildrenFn = (
   isSVG: boolean,
   slotScopeIds: string[] | null,
   optimized: boolean,
-  start?: number
+  start?: number,
 ) => void
 
 type PatchChildrenFn = (
@@ -195,7 +195,7 @@ type PatchChildrenFn = (
   parentSuspense: SuspenseBoundary | null,
   isSVG: boolean,
   slotScopeIds: string[] | null,
-  optimized: boolean
+  optimized: boolean,
 ) => void
 
 type PatchBlockChildrenFn = (
@@ -205,7 +205,7 @@ type PatchBlockChildrenFn = (
   parentComponent: ComponentInternalInstance | null,
   parentSuspense: SuspenseBoundary | null,
   isSVG: boolean,
-  slotScopeIds: string[] | null
+  slotScopeIds: string[] | null,
 ) => void
 
 type MoveFn = (
@@ -213,7 +213,7 @@ type MoveFn = (
   container: RendererElement,
   anchor: RendererNode | null,
   type: MoveType,
-  parentSuspense?: SuspenseBoundary | null
+  parentSuspense?: SuspenseBoundary | null,
 ) => void
 
 type NextFn = (vnode: VNode) => RendererNode | null
@@ -223,7 +223,7 @@ type UnmountFn = (
   parentComponent: ComponentInternalInstance | null,
   parentSuspense: SuspenseBoundary | null,
   doRemove?: boolean,
-  optimized?: boolean
+  optimized?: boolean,
 ) => void
 
 type RemoveFn = (vnode: VNode) => void
@@ -234,7 +234,7 @@ type UnmountChildrenFn = (
   parentSuspense: SuspenseBoundary | null,
   doRemove?: boolean,
   optimized?: boolean,
-  start?: number
+  start?: number,
 ) => void
 
 export type MountComponentFn = (
@@ -244,14 +244,14 @@ export type MountComponentFn = (
   parentComponent: ComponentInternalInstance | null,
   parentSuspense: SuspenseBoundary | null,
   isSVG: boolean,
-  optimized: boolean
+  optimized: boolean,
 ) => void
 
 type ProcessTextOrCommentFn = (
   n1: VNode | null,
   n2: VNode,
   container: RendererElement,
-  anchor: RendererNode | null
+  anchor: RendererNode | null,
 ) => void
 
 export type SetupRenderEffectFn = (
@@ -261,13 +261,13 @@ export type SetupRenderEffectFn = (
   anchor: RendererNode | null,
   parentSuspense: SuspenseBoundary | null,
   isSVG: boolean,
-  optimized: boolean
+  optimized: boolean,
 ) => void
 
 export const enum MoveType {
   ENTER,
   LEAVE,
-  REORDER
+  REORDER,
 }
 
 export const queuePostRenderEffect = __FEATURE_SUSPENSE__
@@ -295,7 +295,7 @@ export const queuePostRenderEffect = __FEATURE_SUSPENSE__
  */
 export function createRenderer<
   HostNode = RendererNode,
-  HostElement = RendererElement
+  HostElement = RendererElement,
 >(options: RendererOptions<HostNode, HostElement>) {
   return baseCreateRenderer<HostNode, HostElement>(options)
 }
@@ -304,7 +304,7 @@ export function createRenderer<
 // Hydration logic is only used when calling this function, making it
 // tree-shakable.
 export function createHydrationRenderer(
-  options: RendererOptions<Node, Element>
+  options: RendererOptions<Node, Element>,
 ) {
   return baseCreateRenderer(options, createHydrationFunctions)
 }
@@ -312,19 +312,19 @@ export function createHydrationRenderer(
 // overload 1: no hydration
 function baseCreateRenderer<
   HostNode = RendererNode,
-  HostElement = RendererElement
+  HostElement = RendererElement,
 >(options: RendererOptions<HostNode, HostElement>): Renderer<HostElement>
 
 // overload 2: with hydration
 function baseCreateRenderer(
   options: RendererOptions<Node, Element>,
-  createHydrationFns: typeof createHydrationFunctions
+  createHydrationFns: typeof createHydrationFunctions,
 ): HydrationRenderer
 
 // implementation
 function baseCreateRenderer(
   options: RendererOptions,
-  createHydrationFns?: typeof createHydrationFunctions
+  createHydrationFns?: typeof createHydrationFunctions,
 ): any {
   // compile-time feature flags check
   if (__ESM_BUNDLER__ && !__TEST__) {
@@ -349,7 +349,7 @@ function baseCreateRenderer(
     parentNode: hostParentNode,
     nextSibling: hostNextSibling,
     setScopeId: hostSetScopeId = NOOP,
-    insertStaticContent: hostInsertStaticContent
+    insertStaticContent: hostInsertStaticContent,
   } = options
 
   // Note: functions inside this closure should use `const xxx = () => {}`
@@ -363,7 +363,7 @@ function baseCreateRenderer(
     parentSuspense = null,
     isSVG = false,
     slotScopeIds = null,
-    optimized = __DEV__ && isHmrUpdating ? false : !!n2.dynamicChildren
+    optimized = __DEV__ && isHmrUpdating ? false : !!n2.dynamicChildren,
   ) => {
     if (n1 === n2) {
       return
@@ -406,7 +406,7 @@ function baseCreateRenderer(
           parentSuspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         break
       default:
@@ -420,7 +420,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
         } else if (shapeFlag & ShapeFlags.COMPONENT) {
           processComponent(
@@ -432,7 +432,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
         } else if (shapeFlag & ShapeFlags.TELEPORT) {
           ;(type as typeof TeleportImpl).process(
@@ -445,7 +445,7 @@ function baseCreateRenderer(
             isSVG,
             slotScopeIds,
             optimized,
-            internals
+            internals,
           )
         } else if (__FEATURE_SUSPENSE__ && shapeFlag & ShapeFlags.SUSPENSE) {
           ;(type as typeof SuspenseImpl).process(
@@ -458,7 +458,7 @@ function baseCreateRenderer(
             isSVG,
             slotScopeIds,
             optimized,
-            internals
+            internals,
           )
         } else if (__DEV__) {
           warn('Invalid VNode type:', type, `(${typeof type})`)
@@ -476,7 +476,7 @@ function baseCreateRenderer(
       hostInsert(
         (n2.el = hostCreateText(n2.children as string)),
         container,
-        anchor
+        anchor,
       )
     } else {
       const el = (n2.el = n1.el!)
@@ -490,13 +490,13 @@ function baseCreateRenderer(
     n1,
     n2,
     container,
-    anchor
+    anchor,
   ) => {
     if (n1 == null) {
       hostInsert(
         (n2.el = hostCreateComment((n2.children as string) || '')),
         container,
-        anchor
+        anchor,
       )
     } else {
       // there's no support for dynamic comments
@@ -508,7 +508,7 @@ function baseCreateRenderer(
     n2: VNode,
     container: RendererElement,
     anchor: RendererNode | null,
-    isSVG: boolean
+    isSVG: boolean,
   ) => {
     // static nodes are only present when used with compiler-dom/runtime-dom
     // which guarantees presence of hostInsertStaticContent.
@@ -518,7 +518,7 @@ function baseCreateRenderer(
       anchor,
       isSVG,
       n2.el,
-      n2.anchor
+      n2.anchor,
     )
   }
 
@@ -529,7 +529,7 @@ function baseCreateRenderer(
     n1: VNode,
     n2: VNode,
     container: RendererElement,
-    isSVG: boolean
+    isSVG: boolean,
   ) => {
     // static nodes are only patched during dev for HMR
     if (n2.children !== n1.children) {
@@ -541,7 +541,7 @@ function baseCreateRenderer(
         n2.children as string,
         container,
         anchor,
-        isSVG
+        isSVG,
       )
     } else {
       n2.el = n1.el
@@ -552,7 +552,7 @@ function baseCreateRenderer(
   const moveStaticNode = (
     { el, anchor }: VNode,
     container: RendererElement,
-    nextSibling: RendererNode | null
+    nextSibling: RendererNode | null,
   ) => {
     let next
     while (el && el !== anchor) {
@@ -582,7 +582,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     isSVG = isSVG || n2.type === 'svg'
     if (n1 == null) {
@@ -594,7 +594,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
     } else {
       patchElement(
@@ -604,7 +604,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
     }
   }
@@ -617,7 +617,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     let el: RendererElement
     let vnodeHook: VNodeHook | undefined | null
@@ -627,7 +627,7 @@ function baseCreateRenderer(
       vnode.type as string,
       isSVG,
       props && props.is,
-      props
+      props,
     )
 
     // mount children first, since some props may rely on child content
@@ -643,7 +643,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG && type !== 'foreignObject',
         slotScopeIds,
-        optimized
+        optimized,
       )
     }
 
@@ -665,7 +665,7 @@ function baseCreateRenderer(
             vnode.children as VNode[],
             parentComponent,
             parentSuspense,
-            unmountChildren
+            unmountChildren,
           )
         }
       }
@@ -689,11 +689,11 @@ function baseCreateRenderer(
     if (__DEV__ || __FEATURE_PROD_DEVTOOLS__) {
       Object.defineProperty(el, '__vnode', {
         value: vnode,
-        enumerable: false
+        enumerable: false,
       })
       Object.defineProperty(el, '__vueParentComponent', {
         value: parentComponent,
-        enumerable: false
+        enumerable: false,
       })
     }
     if (dirs) {
@@ -727,7 +727,7 @@ function baseCreateRenderer(
     vnode: VNode,
     scopeId: string | null,
     slotScopeIds: string[] | null,
-    parentComponent: ComponentInternalInstance | null
+    parentComponent: ComponentInternalInstance | null,
   ) => {
     if (scopeId) {
       hostSetScopeId(el, scopeId)
@@ -754,7 +754,7 @@ function baseCreateRenderer(
           parentVNode,
           parentVNode.scopeId,
           parentVNode.slotScopeIds,
-          parentComponent.parent
+          parentComponent.parent,
         )
       }
     }
@@ -769,7 +769,7 @@ function baseCreateRenderer(
     isSVG,
     slotScopeIds,
     optimized,
-    start = 0
+    start = 0,
   ) => {
     for (let i = start; i < children.length; i++) {
       const child = (children[i] = optimized
@@ -784,7 +784,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
     }
   }
@@ -796,7 +796,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     const el = (n2.el = n1.el!)
     let { patchFlag, dynamicChildren, dirs } = n2
@@ -833,7 +833,7 @@ function baseCreateRenderer(
         parentComponent,
         parentSuspense,
         areChildrenSVG,
-        slotScopeIds
+        slotScopeIds,
       )
       if (__DEV__) {
         // necessary for HMR
@@ -850,7 +850,7 @@ function baseCreateRenderer(
         parentSuspense,
         areChildrenSVG,
         slotScopeIds,
-        false
+        false,
       )
     }
 
@@ -868,7 +868,7 @@ function baseCreateRenderer(
           newProps,
           parentComponent,
           parentSuspense,
-          isSVG
+          isSVG,
         )
       } else {
         // class
@@ -909,7 +909,7 @@ function baseCreateRenderer(
                 n1.children as VNode[],
                 parentComponent,
                 parentSuspense,
-                unmountChildren
+                unmountChildren,
               )
             }
           }
@@ -932,7 +932,7 @@ function baseCreateRenderer(
         newProps,
         parentComponent,
         parentSuspense,
-        isSVG
+        isSVG,
       )
     }
 
@@ -952,7 +952,7 @@ function baseCreateRenderer(
     parentComponent,
     parentSuspense,
     isSVG,
-    slotScopeIds
+    slotScopeIds,
   ) => {
     for (let i = 0; i < newChildren.length; i++) {
       const oldVNode = oldChildren[i]
@@ -983,7 +983,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG,
         slotScopeIds,
-        true
+        true,
       )
     }
   }
@@ -995,7 +995,7 @@ function baseCreateRenderer(
     newProps: Data,
     parentComponent: ComponentInternalInstance | null,
     parentSuspense: SuspenseBoundary | null,
-    isSVG: boolean
+    isSVG: boolean,
   ) => {
     if (oldProps !== newProps) {
       if (oldProps !== EMPTY_OBJ) {
@@ -1010,7 +1010,7 @@ function baseCreateRenderer(
               vnode.children as VNode[],
               parentComponent,
               parentSuspense,
-              unmountChildren
+              unmountChildren,
             )
           }
         }
@@ -1031,7 +1031,7 @@ function baseCreateRenderer(
             vnode.children as VNode[],
             parentComponent,
             parentSuspense,
-            unmountChildren
+            unmountChildren,
           )
         }
       }
@@ -1050,7 +1050,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     const fragmentStartAnchor = (n2.el = n1 ? n1.el : hostCreateText(''))!
     const fragmentEndAnchor = (n2.anchor = n1 ? n1.anchor : hostCreateText(''))!
@@ -1089,7 +1089,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
     } else {
       if (
@@ -1109,7 +1109,7 @@ function baseCreateRenderer(
           parentComponent,
           parentSuspense,
           isSVG,
-          slotScopeIds
+          slotScopeIds,
         )
         if (__DEV__) {
           // necessary for HMR
@@ -1138,7 +1138,7 @@ function baseCreateRenderer(
           parentSuspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
       }
     }
@@ -1153,7 +1153,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     n2.slotScopeIds = slotScopeIds
     if (n1 == null) {
@@ -1163,7 +1163,7 @@ function baseCreateRenderer(
           container,
           anchor,
           isSVG,
-          optimized
+          optimized,
         )
       } else {
         mountComponent(
@@ -1173,7 +1173,7 @@ function baseCreateRenderer(
           parentComponent,
           parentSuspense,
           isSVG,
-          optimized
+          optimized,
         )
       }
     } else {
@@ -1188,7 +1188,7 @@ function baseCreateRenderer(
     parentComponent,
     parentSuspense,
     isSVG,
-    optimized
+    optimized,
   ) => {
     // 2.x compat may pre-create the component instance before actually
     // mounting
@@ -1199,7 +1199,7 @@ function baseCreateRenderer(
       (initialVNode.component = createComponentInstance(
         initialVNode,
         parentComponent,
-        parentSuspense
+        parentSuspense,
       ))
 
     if (__DEV__ && instance.type.__hmrId) {
@@ -1248,7 +1248,7 @@ function baseCreateRenderer(
       anchor,
       parentSuspense,
       isSVG,
-      optimized
+      optimized,
     )
 
     if (__DEV__) {
@@ -1298,7 +1298,7 @@ function baseCreateRenderer(
     anchor,
     parentSuspense,
     isSVG,
-    optimized
+    optimized,
   ) => {
     const componentUpdateFn = () => {
       if (!instance.isMounted) {
@@ -1345,7 +1345,7 @@ function baseCreateRenderer(
               instance.subTree,
               instance,
               parentSuspense,
-              null
+              null,
             )
             if (__DEV__) {
               endMeasure(instance, `hydrate`)
@@ -1358,7 +1358,7 @@ function baseCreateRenderer(
               // which means it won't track dependencies - but it's ok because
               // a server-rendered async wrapper is already in resolved state
               // and it will never need to change.
-              () => !instance.isUnmounted && hydrateSubTree()
+              () => !instance.isUnmounted && hydrateSubTree(),
             )
           } else {
             hydrateSubTree()
@@ -1381,7 +1381,7 @@ function baseCreateRenderer(
             anchor,
             instance,
             parentSuspense,
-            isSVG
+            isSVG,
           )
           if (__DEV__) {
             endMeasure(instance, `patch`)
@@ -1400,7 +1400,7 @@ function baseCreateRenderer(
           const scopedInitialVNode = initialVNode
           queuePostRenderEffect(
             () => invokeVNodeHook(vnodeHook!, parent, scopedInitialVNode),
-            parentSuspense
+            parentSuspense,
           )
         }
         if (
@@ -1409,7 +1409,7 @@ function baseCreateRenderer(
         ) {
           queuePostRenderEffect(
             () => instance.emit('hook:mounted'),
-            parentSuspense
+            parentSuspense,
           )
         }
 
@@ -1429,7 +1429,7 @@ function baseCreateRenderer(
           ) {
             queuePostRenderEffect(
               () => instance.emit('hook:activated'),
-              parentSuspense
+              parentSuspense,
             )
           }
         }
@@ -1500,7 +1500,7 @@ function baseCreateRenderer(
           getNextHostNode(prevTree),
           instance,
           parentSuspense,
-          isSVG
+          isSVG,
         )
         if (__DEV__) {
           endMeasure(instance, `patch`)
@@ -1520,7 +1520,7 @@ function baseCreateRenderer(
         if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
           queuePostRenderEffect(
             () => invokeVNodeHook(vnodeHook!, parent, next!, vnode),
-            parentSuspense
+            parentSuspense,
           )
         }
         if (
@@ -1529,7 +1529,7 @@ function baseCreateRenderer(
         ) {
           queuePostRenderEffect(
             () => instance.emit('hook:updated'),
-            parentSuspense
+            parentSuspense,
           )
         }
 
@@ -1547,7 +1547,7 @@ function baseCreateRenderer(
     const effect = (instance.effect = new ReactiveEffect(
       componentUpdateFn,
       () => queueJob(update),
-      instance.scope // track it in component's effect scope
+      instance.scope, // track it in component's effect scope
     ))
 
     const update: SchedulerJob = (instance.update = () => effect.run())
@@ -1572,7 +1572,7 @@ function baseCreateRenderer(
   const updateComponentPreRender = (
     instance: ComponentInternalInstance,
     nextVNode: VNode,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     nextVNode.component = instance
     const prevProps = instance.vnode.props
@@ -1597,7 +1597,7 @@ function baseCreateRenderer(
     parentSuspense,
     isSVG,
     slotScopeIds,
-    optimized = false
+    optimized = false,
   ) => {
     const c1 = n1 && n1.children
     const prevShapeFlag = n1 ? n1.shapeFlag : 0
@@ -1618,7 +1618,7 @@ function baseCreateRenderer(
           parentSuspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         return
       } else if (patchFlag & PatchFlags.UNKEYED_FRAGMENT) {
@@ -1632,7 +1632,7 @@ function baseCreateRenderer(
           parentSuspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
         return
       }
@@ -1661,7 +1661,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
         } else {
           // no new children, just unmount old
@@ -1683,7 +1683,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
         }
       }
@@ -1699,7 +1699,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     c1 = c1 || EMPTY_ARR
     c2 = c2 || EMPTY_ARR
@@ -1720,7 +1720,7 @@ function baseCreateRenderer(
         parentSuspense,
         isSVG,
         slotScopeIds,
-        optimized
+        optimized,
       )
     }
     if (oldLength > newLength) {
@@ -1731,7 +1731,7 @@ function baseCreateRenderer(
         parentSuspense,
         true,
         false,
-        commonLength
+        commonLength,
       )
     } else {
       // mount new
@@ -1744,7 +1744,7 @@ function baseCreateRenderer(
         isSVG,
         slotScopeIds,
         optimized,
-        commonLength
+        commonLength,
       )
     }
   }
@@ -1759,7 +1759,7 @@ function baseCreateRenderer(
     parentSuspense: SuspenseBoundary | null,
     isSVG: boolean,
     slotScopeIds: string[] | null,
-    optimized: boolean
+    optimized: boolean,
   ) => {
     let i = 0
     const l2 = c2.length
@@ -1784,7 +1784,7 @@ function baseCreateRenderer(
           parentSuspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
       } else {
         break
@@ -1810,7 +1810,7 @@ function baseCreateRenderer(
           parentSuspense,
           isSVG,
           slotScopeIds,
-          optimized
+          optimized,
         )
       } else {
         break
@@ -1842,7 +1842,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
           i++
         }
@@ -1882,7 +1882,7 @@ function baseCreateRenderer(
             warn(
               `Duplicate keys found during update:`,
               JSON.stringify(nextChild.key),
-              `Make sure keys are unique.`
+              `Make sure keys are unique.`,
             )
           }
           keyToNewIndexMap.set(nextChild.key, i)
@@ -1945,7 +1945,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
           patched++
         }
@@ -1974,7 +1974,7 @@ function baseCreateRenderer(
             parentSuspense,
             isSVG,
             slotScopeIds,
-            optimized
+            optimized,
           )
         } else if (moved) {
           // move if:
@@ -1995,7 +1995,7 @@ function baseCreateRenderer(
     container,
     anchor,
     moveType,
-    parentSuspense = null
+    parentSuspense = null,
   ) => {
     const { el, type, transition, children, shapeFlag } = vnode
     if (shapeFlag & ShapeFlags.COMPONENT) {
@@ -2062,7 +2062,7 @@ function baseCreateRenderer(
     parentComponent,
     parentSuspense,
     doRemove = false,
-    optimized = false
+    optimized = false,
   ) => {
     const {
       type,
@@ -2072,7 +2072,7 @@ function baseCreateRenderer(
       dynamicChildren,
       shapeFlag,
       patchFlag,
-      dirs
+      dirs,
     } = vnode
     // unset ref
     if (ref != null) {
@@ -2114,7 +2114,7 @@ function baseCreateRenderer(
           parentSuspense,
           optimized,
           internals,
-          doRemove
+          doRemove,
         )
       } else if (
         dynamicChildren &&
@@ -2128,7 +2128,7 @@ function baseCreateRenderer(
           parentComponent,
           parentSuspense,
           false,
-          true
+          true,
         )
       } else if (
         (type === Fragment &&
@@ -2224,7 +2224,7 @@ function baseCreateRenderer(
   const unmountComponent = (
     instance: ComponentInternalInstance,
     parentSuspense: SuspenseBoundary | null,
-    doRemove?: boolean
+    doRemove?: boolean,
   ) => {
     if (__DEV__ && instance.type.__hmrId) {
       unregisterHMR(instance)
@@ -2264,7 +2264,7 @@ function baseCreateRenderer(
     ) {
       queuePostRenderEffect(
         () => instance.emit('hook:destroyed'),
-        parentSuspense
+        parentSuspense,
       )
     }
     queuePostRenderEffect(() => {
@@ -2300,7 +2300,7 @@ function baseCreateRenderer(
     parentSuspense,
     doRemove = false,
     optimized = false,
-    start = 0
+    start = 0,
   ) => {
     for (let i = start; i < children.length; i++) {
       unmount(children[i], parentComponent, parentSuspense, doRemove, optimized)
@@ -2340,27 +2340,27 @@ function baseCreateRenderer(
     pc: patchChildren,
     pbc: patchBlockChildren,
     n: getNextHostNode,
-    o: options
+    o: options,
   }
 
   let hydrate: ReturnType<typeof createHydrationFunctions>[0] | undefined
   let hydrateNode: ReturnType<typeof createHydrationFunctions>[1] | undefined
   if (createHydrationFns) {
     ;[hydrate, hydrateNode] = createHydrationFns(
-      internals as RendererInternals<Node, Element>
+      internals as RendererInternals<Node, Element>,
     )
   }
 
   return {
     render,
     hydrate,
-    createApp: createAppAPI(render, hydrate)
+    createApp: createAppAPI(render, hydrate),
   }
 }
 
 function toggleRecurse(
   { effect, update }: ComponentInternalInstance,
-  allowed: boolean
+  allowed: boolean,
 ) {
   effect.allowRecurse = update.allowRecurse = allowed
 }
diff --git a/packages/runtime-core/src/rendererTemplateRef.ts b/packages/runtime-core/src/rendererTemplateRef.ts
index 30f96228d1f..245587c822c 100644
--- a/packages/runtime-core/src/rendererTemplateRef.ts
+++ b/packages/runtime-core/src/rendererTemplateRef.ts
@@ -7,7 +7,7 @@ import {
   isFunction,
   isString,
   remove,
-  ShapeFlags
+  ShapeFlags,
 } from '@vue/shared'
 import { isAsyncWrapper } from './apiAsyncComponent'
 import { getExposeProxy } from './component'
@@ -25,7 +25,7 @@ export function setRef(
   oldRawRef: VNodeNormalizedRef | null,
   parentSuspense: SuspenseBoundary | null,
   vnode: VNode,
-  isUnmount = false
+  isUnmount = false,
 ) {
   if (isArray(rawRef)) {
     rawRef.forEach((r, i) =>
@@ -34,8 +34,8 @@ export function setRef(
         oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef),
         parentSuspense,
         vnode,
-        isUnmount
-      )
+        isUnmount,
+      ),
     )
     return
   }
@@ -56,7 +56,7 @@ export function setRef(
   if (__DEV__ && !owner) {
     warn(
       `Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
-        `A vnode with ref must be created inside the render function.`
+        `A vnode with ref must be created inside the render function.`,
     )
     return
   }
diff --git a/packages/runtime-core/src/scheduler.ts b/packages/runtime-core/src/scheduler.ts
index 64c70ab59ca..2028a31120c 100644
--- a/packages/runtime-core/src/scheduler.ts
+++ b/packages/runtime-core/src/scheduler.ts
@@ -52,7 +52,7 @@ type CountMap = Map<SchedulerJob, number>
 
 export function nextTick<T = void, R = void>(
   this: T,
-  fn?: (this: T) => R
+  fn?: (this: T) => R,
 ): Promise<Awaited<R>> {
   const p = currentFlushPromise || resolvedPromise
   return fn ? p.then(this ? fn.bind(this) : fn) : p
@@ -87,7 +87,7 @@ export function queueJob(job: SchedulerJob) {
     !queue.length ||
     !queue.includes(
       job,
-      isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex
+      isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex,
     )
   ) {
     if (job.id == null) {
@@ -119,7 +119,7 @@ export function queuePostFlushCb(cb: SchedulerJobs) {
       !activePostFlushCbs ||
       !activePostFlushCbs.includes(
         cb,
-        cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex
+        cb.allowRecurse ? postFlushIndex + 1 : postFlushIndex,
       )
     ) {
       pendingPostFlushCbs.push(cb)
@@ -136,7 +136,7 @@ export function queuePostFlushCb(cb: SchedulerJobs) {
 export function flushPreFlushCbs(
   seen?: CountMap,
   // if currently flushing, skip the current job itself
-  i = isFlushing ? flushIndex + 1 : 0
+  i = isFlushing ? flushIndex + 1 : 0,
 ) {
   if (__DEV__) {
     seen = seen || new Map()
@@ -269,7 +269,7 @@ function checkRecursiveUpdates(seen: CountMap, fn: SchedulerJob) {
           `This means you have a reactive effect that is mutating its own ` +
           `dependencies and thus recursively triggering itself. Possible sources ` +
           `include component template, render function, updated hook or ` +
-          `watcher source function.`
+          `watcher source function.`,
       )
       return true
     } else {
diff --git a/packages/runtime-core/src/vnode.ts b/packages/runtime-core/src/vnode.ts
index f8cf6652d31..a78f101ae7c 100644
--- a/packages/runtime-core/src/vnode.ts
+++ b/packages/runtime-core/src/vnode.ts
@@ -10,7 +10,7 @@ import {
   PatchFlags,
   ShapeFlags,
   SlotFlags,
-  isOn
+  isOn,
 } from '@vue/shared'
 import {
   ComponentInternalInstance,
@@ -18,7 +18,7 @@ import {
   ConcreteComponent,
   ClassComponent,
   Component,
-  isClassComponent
+  isClassComponent,
 } from './component'
 import { RawSlots } from './componentSlots'
 import { isProxy, Ref, toRaw, ReactiveFlags, isRef } from '@vue/reactivity'
@@ -27,7 +27,7 @@ import {
   Suspense,
   SuspenseImpl,
   isSuspense,
-  SuspenseBoundary
+  SuspenseBoundary,
 } from './components/Suspense'
 import { DirectiveBinding } from './directives'
 import { TransitionHooks } from './components/BaseTransition'
@@ -35,7 +35,7 @@ import { warn } from './warning'
 import { Teleport, TeleportImpl, isTeleport } from './components/Teleport'
 import {
   currentRenderingInstance,
-  currentScopeId
+  currentScopeId,
 } from './componentRenderContext'
 import { RendererNode, RendererElement } from './renderer'
 import { NULL_DYNAMIC_COMPONENT } from './helpers/resolveAssets'
@@ -74,7 +74,7 @@ export type VNodeRef =
   | Ref
   | ((
       ref: Element | ComponentPublicInstance | null,
-      refs: Record<string, any>
+      refs: Record<string, any>,
     ) => void)
 
 export type VNodeNormalizedRefAtom = {
@@ -134,7 +134,7 @@ export type VNodeNormalizedChildren =
 export interface VNode<
   HostNode = RendererNode,
   HostElement = RendererElement,
-  ExtraProps = { [key: string]: any }
+  ExtraProps = { [key: string]: any },
 > {
   /**
    * @internal
@@ -306,7 +306,7 @@ export function createElementBlock(
   children?: any,
   patchFlag?: number,
   dynamicProps?: string[],
-  shapeFlag?: number
+  shapeFlag?: number,
 ) {
   return setupBlock(
     createBaseVNode(
@@ -316,8 +316,8 @@ export function createElementBlock(
       patchFlag,
       dynamicProps,
       shapeFlag,
-      true /* isBlock */
-    )
+      true /* isBlock */,
+    ),
   )
 }
 
@@ -333,7 +333,7 @@ export function createBlock(
   props?: Record<string, any> | null,
   children?: any,
   patchFlag?: number,
-  dynamicProps?: string[]
+  dynamicProps?: string[],
 ): VNode {
   return setupBlock(
     createVNode(
@@ -342,8 +342,8 @@ export function createBlock(
       children,
       patchFlag,
       dynamicProps,
-      true /* isBlock: prevent a block from tracking itself */
-    )
+      true /* isBlock: prevent a block from tracking itself */,
+    ),
   )
 }
 
@@ -370,7 +370,7 @@ export function isSameVNodeType(n1: VNode, n2: VNode): boolean {
 let vnodeArgsTransformer:
   | ((
       args: Parameters<typeof _createVNode>,
-      instance: ComponentInternalInstance | null
+      instance: ComponentInternalInstance | null,
     ) => Parameters<typeof _createVNode>)
   | undefined
 
@@ -390,7 +390,7 @@ const createVNodeWithArgsTransform = (
   return _createVNode(
     ...(vnodeArgsTransformer
       ? vnodeArgsTransformer(args, currentRenderingInstance)
-      : args)
+      : args),
   )
 }
 
@@ -402,7 +402,7 @@ const normalizeKey = ({ key }: VNodeProps): VNode['key'] =>
 const normalizeRef = ({
   ref,
   ref_key,
-  ref_for
+  ref_for,
 }: VNodeProps): VNodeNormalizedRefAtom | null => {
   if (typeof ref === 'number') {
     ref = '' + ref
@@ -424,7 +424,7 @@ function createBaseVNode(
   dynamicProps: string[] | null = null,
   shapeFlag = type === Fragment ? 0 : ShapeFlags.ELEMENT,
   isBlockNode = false,
-  needFullChildrenNormalization = false
+  needFullChildrenNormalization = false,
 ) {
   const vnode = {
     __v_isVNode: true,
@@ -452,7 +452,7 @@ function createBaseVNode(
     dynamicProps,
     dynamicChildren: null,
     appContext: null,
-    ctx: currentRenderingInstance
+    ctx: currentRenderingInstance,
   } as VNode
 
   if (needFullChildrenNormalization) {
@@ -513,7 +513,7 @@ function _createVNode(
   children: unknown = null,
   patchFlag: number = 0,
   dynamicProps: string[] | null = null,
-  isBlockNode = false
+  isBlockNode = false,
 ): VNode {
   if (!type || type === NULL_DYNAMIC_COMPONENT) {
     if (__DEV__ && !type) {
@@ -590,7 +590,7 @@ function _createVNode(
         `marking the component with \`markRaw\` or using \`shallowRef\` ` +
         `instead of \`ref\`.`,
       `\nComponent that was made reactive: `,
-      type
+      type,
     )
   }
 
@@ -602,7 +602,7 @@ function _createVNode(
     dynamicProps,
     shapeFlag,
     isBlockNode,
-    true
+    true,
   )
 }
 
@@ -616,7 +616,7 @@ export function guardReactiveProps(props: (Data & VNodeProps) | null) {
 export function cloneVNode<T, U>(
   vnode: VNode<T, U>,
   extraProps?: (Data & VNodeProps) | null,
-  mergeRef = false
+  mergeRef = false,
 ): VNode<T, U> {
   // This is intentionally NOT using spread or extend to avoid the runtime
   // key enumeration cost.
@@ -676,7 +676,7 @@ export function cloneVNode<T, U>(
     el: vnode.el,
     anchor: vnode.anchor,
     ctx: vnode.ctx,
-    ce: vnode.ce
+    ce: vnode.ce,
   }
   if (__COMPAT__) {
     defineLegacyVNodeProperties(cloned as VNode)
@@ -708,7 +708,7 @@ export function createTextVNode(text: string = ' ', flag: number = 0): VNode {
  */
 export function createStaticVNode(
   content: string,
-  numberOfNodes: number
+  numberOfNodes: number,
 ): VNode {
   // A static vnode can contain multiple stringified elements, and the number
   // of elements is necessary for hydration.
@@ -724,7 +724,7 @@ export function createCommentVNode(
   text: string = '',
   // when used as the v-else branch, the comment node must be created as a
   // block to ensure correct updates.
-  asBlock: boolean = false
+  asBlock: boolean = false,
 ): VNode {
   return asBlock
     ? (openBlock(), createBlock(Comment, null, text))
@@ -741,7 +741,7 @@ export function normalizeVNode(child: VNodeChild): VNode {
       Fragment,
       null,
       // #3666, avoid reference pollution when reusing vnode
-      child.slice()
+      child.slice(),
     )
   } else if (typeof child === 'object') {
     // already vnode, this should be the most common since compiled templates
@@ -851,10 +851,10 @@ export function invokeVNodeHook(
   hook: VNodeHook,
   instance: ComponentInternalInstance | null,
   vnode: VNode,
-  prevVNode: VNode | null = null
+  prevVNode: VNode | null = null,
 ) {
   callWithAsyncErrorHandling(hook, instance, ErrorCodes.VNODE_HOOK, [
     vnode,
-    prevVNode
+    prevVNode,
   ])
 }
diff --git a/packages/runtime-core/src/warning.ts b/packages/runtime-core/src/warning.ts
index 8e93d9efe59..e5a0cece0f5 100644
--- a/packages/runtime-core/src/warning.ts
+++ b/packages/runtime-core/src/warning.ts
@@ -3,7 +3,7 @@ import {
   Data,
   ComponentInternalInstance,
   ConcreteComponent,
-  formatComponentName
+  formatComponentName,
 } from './component'
 import { isString, isFunction } from '@vue/shared'
 import { toRaw, isRef, pauseTracking, resetTracking } from '@vue/reactivity'
@@ -51,11 +51,11 @@ export function warn(msg: string, ...args: any[]) {
         instance && instance.proxy,
         trace
           .map(
-            ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`
+            ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`,
           )
           .join('\n'),
-        trace
-      ]
+        trace,
+      ],
     )
   } else {
     const warnArgs = [`[Vue warn]: ${msg}`, ...args]
@@ -91,7 +91,7 @@ export function getComponentTrace(): ComponentTraceStack {
     } else {
       normalizedStack.push({
         vnode: currentVNode as ComponentVNode,
-        recurseCount: 0
+        recurseCount: 0,
       })
     }
     const parentInstance: ComponentInternalInstance | null =
@@ -118,7 +118,7 @@ function formatTraceEntry({ vnode, recurseCount }: TraceEntry): any[] {
   const open = ` at <${formatComponentName(
     vnode.component,
     vnode.type,
-    isRoot
+    isRoot,
   )}`
   const close = `>` + postfix
   return vnode.props
diff --git a/packages/runtime-dom/__tests__/createApp.spec.ts b/packages/runtime-dom/__tests__/createApp.spec.ts
index 0857d7ab2c3..9a8d05df2df 100644
--- a/packages/runtime-dom/__tests__/createApp.spec.ts
+++ b/packages/runtime-dom/__tests__/createApp.spec.ts
@@ -7,7 +7,7 @@ describe('createApp for dom', () => {
     createApp({
       render() {
         return h('g')
-      }
+      },
     }).mount(root)
     expect(root.children.length).toBe(1)
     expect(root.children[0]).toBeInstanceOf(SVGElement)
@@ -18,9 +18,9 @@ describe('createApp for dom', () => {
     const originalObj = {
       data() {
         return {
-          counter: 0
+          counter: 0,
         }
-      }
+      },
     }
 
     const handler = vi.fn(msg => {
diff --git a/packages/runtime-dom/__tests__/customElement.spec.ts b/packages/runtime-dom/__tests__/customElement.spec.ts
index 6ccf02c4fa6..89f5460c8ab 100644
--- a/packages/runtime-dom/__tests__/customElement.spec.ts
+++ b/packages/runtime-dom/__tests__/customElement.spec.ts
@@ -8,7 +8,7 @@ import {
   Ref,
   ref,
   renderSlot,
-  VueElement
+  VueElement,
 } from '../src'
 
 describe('defineCustomElement', () => {
@@ -24,12 +24,12 @@ describe('defineCustomElement', () => {
       props: {
         msg: {
           type: String,
-          default: 'hello'
-        }
+          default: 'hello',
+        },
       },
       render() {
         return h('div', this.msg)
-      }
+      },
     })
     customElements.define('my-element', E)
 
@@ -92,9 +92,9 @@ describe('defineCustomElement', () => {
       render() {
         return [
           h('div', null, this.foo),
-          h('div', null, this.bazQux || (this.bar && this.bar.x))
+          h('div', null, this.bazQux || (this.bar && this.bar.x)),
         ]
-      }
+      },
     })
     customElements.define('my-el-props', E)
 
@@ -112,7 +112,7 @@ describe('defineCustomElement', () => {
       e.setAttribute('baz-qux', 'changed')
       await nextTick()
       expect(e.shadowRoot!.innerHTML).toBe(
-        '<div>changed</div><div>changed</div>'
+        '<div>changed</div><div>changed</div>',
       )
     })
 
@@ -150,7 +150,7 @@ describe('defineCustomElement', () => {
         props: {
           fooBar: Number, // test casting of camelCase prop names
           bar: Boolean,
-          baz: String
+          baz: String,
         },
         render() {
           return [
@@ -159,15 +159,15 @@ describe('defineCustomElement', () => {
             this.bar,
             typeof this.bar,
             this.baz,
-            typeof this.baz
+            typeof this.baz,
           ].join(' ')
-        }
+        },
       })
       customElements.define('my-el-props-cast', E)
       container.innerHTML = `<my-el-props-cast foo-bar="1" baz="12345"></my-el-props-cast>`
       const e = container.childNodes[0] as VueElement
       expect(e.shadowRoot!.innerHTML).toBe(
-        `1 number false boolean 12345 string`
+        `1 number false boolean 12345 string`,
       )
 
       e.setAttribute('bar', '')
@@ -177,7 +177,7 @@ describe('defineCustomElement', () => {
       e.setAttribute('foo-bar', '2e1')
       await nextTick()
       expect(e.shadowRoot!.innerHTML).toBe(
-        `20 number true boolean 12345 string`
+        `20 number true boolean 12345 string`,
       )
 
       e.setAttribute('baz', '2e1')
@@ -189,11 +189,11 @@ describe('defineCustomElement', () => {
     test('attr casting w/ programmatic creation', () => {
       const E = defineCustomElement({
         props: {
-          foo: Number
+          foo: Number,
         },
         render() {
           return `foo type: ${typeof this.foo}`
-        }
+        },
       })
       customElements.define('my-element-programmatic', E)
       const el = document.createElement('my-element-programmatic') as any
@@ -206,7 +206,7 @@ describe('defineCustomElement', () => {
       const E = defineCustomElement({
         props: {
           foo: String,
-          dataAge: Number
+          dataAge: Number,
         },
         setup(props) {
           expect(props.foo).toBe('hello')
@@ -214,7 +214,7 @@ describe('defineCustomElement', () => {
         },
         render() {
           return h('div', `foo: ${this.foo}`)
-        }
+        },
       })
       const el = document.createElement('my-el-upgrade') as any
       el.foo = 'hello'
@@ -232,7 +232,7 @@ describe('defineCustomElement', () => {
       const E = defineCustomElement({
         props: {
           foo: String,
-          post: Object
+          post: Object,
         },
         setup(props) {
           expect(props.foo).toBe('hello')
@@ -240,7 +240,7 @@ describe('defineCustomElement', () => {
         },
         render() {
           return JSON.stringify(this.post)
-        }
+        },
       })
       customElements.define('my-el-preconnect', E)
       const el = document.createElement('my-el-preconnect') as any
@@ -256,7 +256,7 @@ describe('defineCustomElement', () => {
       const E = defineCustomElement({
         render() {
           return h('div', 'foo')
-        }
+        },
       })
       customElements.define('my-element-noprops', E)
       const el = document.createElement('my-element-noprops')
@@ -269,12 +269,12 @@ describe('defineCustomElement', () => {
     test('set number value in dom property', () => {
       const E = defineCustomElement({
         props: {
-          'max-age': Number
+          'max-age': Number,
         },
         render() {
           // @ts-ignore
           return `max age: ${this.maxAge}/type: ${typeof this.maxAge}`
-        }
+        },
       })
       customElements.define('my-element-number-property', E)
       const el = document.createElement('my-element-number-property') as any
@@ -289,7 +289,7 @@ describe('defineCustomElement', () => {
     const E = defineCustomElement({
       render() {
         return [h('div', null, this.$attrs.foo as string)]
-      }
+      },
     })
     customElements.define('my-el-attrs', E)
 
@@ -323,9 +323,9 @@ describe('defineCustomElement', () => {
             },
             onMousedown: () => {
               emit('myEvent', 1) // validate hyphenation
-            }
+            },
           })
-      }
+      },
     })
     const E = defineCustomElement(CompDef)
     customElements.define('my-el-emits', E)
@@ -346,7 +346,7 @@ describe('defineCustomElement', () => {
       e.shadowRoot!.childNodes[0].dispatchEvent(new CustomEvent('click'))
       expect(spy).toHaveBeenCalledTimes(1)
       expect(spy.mock.calls[0][0]).toMatchObject({
-        detail: [1]
+        detail: [1],
       })
     })
 
@@ -380,15 +380,15 @@ describe('defineCustomElement', () => {
       e.shadowRoot!.childNodes[0].dispatchEvent(new CustomEvent('click'))
       expect(spy).toHaveBeenCalled()
       expect(spy.mock.calls[0][0]).toMatchObject({
-        detail: [1]
+        detail: [1],
       })
     })
     // #7293
     test('emit in an async component wrapper with properties bound', async () => {
       const E = defineCustomElement(
         defineAsyncComponent(
-          () => new Promise<typeof CompDef>(res => res(CompDef as any))
-        )
+          () => new Promise<typeof CompDef>(res => res(CompDef as any)),
+        ),
       )
       customElements.define('my-async-el-props-emits', E)
       container.innerHTML = `<my-async-el-props-emits id="my_async_el_props_emits"></my-async-el-props-emits>`
@@ -401,7 +401,7 @@ describe('defineCustomElement', () => {
       e.shadowRoot!.childNodes[0].dispatchEvent(new CustomEvent('click'))
       expect(spy).toHaveBeenCalled()
       expect(spy.mock.calls[0][0]).toMatchObject({
-        detail: [1]
+        detail: [1],
       })
     })
   })
@@ -412,12 +412,12 @@ describe('defineCustomElement', () => {
         return [
           h('div', null, [
             renderSlot(this.$slots, 'default', undefined, () => [
-              h('div', 'fallback')
-            ])
+              h('div', 'fallback'),
+            ]),
           ]),
-          h('div', null, renderSlot(this.$slots, 'named'))
+          h('div', null, renderSlot(this.$slots, 'named')),
         ]
-      }
+      },
     })
     customElements.define('my-el-slots', E)
 
@@ -427,7 +427,7 @@ describe('defineCustomElement', () => {
       // native slots allocation does not affect innerHTML, so we just
       // verify that we've rendered the correct native slots here...
       expect(e.shadowRoot!.innerHTML).toBe(
-        `<div><slot><div>fallback</div></slot></div><div><slot name="named"></slot></div>`
+        `<div><slot><div>fallback</div></slot></div><div><slot name="named"></slot></div>`,
       )
     })
   })
@@ -437,7 +437,7 @@ describe('defineCustomElement', () => {
       setup() {
         const foo = inject<Ref>('foo')!
         return () => h('div', foo.value)
-      }
+      },
     })
     customElements.define('my-consumer', Consumer)
 
@@ -445,11 +445,11 @@ describe('defineCustomElement', () => {
       const foo = ref('injected!')
       const Provider = defineCustomElement({
         provide: {
-          foo
+          foo,
         },
         render() {
           return h('my-consumer')
-        }
+        },
       })
       customElements.define('my-provider', Provider)
       container.innerHTML = `<my-provider><my-provider>`
@@ -467,11 +467,11 @@ describe('defineCustomElement', () => {
       const foo = ref('injected!')
       const Provider = defineCustomElement({
         provide: {
-          foo
+          foo,
         },
         render() {
           return renderSlot(this.$slots, 'default')
-        }
+        },
       })
       customElements.define('my-provider-2', Provider)
 
@@ -490,19 +490,19 @@ describe('defineCustomElement', () => {
       const fooB = ref('FooB!')
       const ProviderA = defineCustomElement({
         provide: {
-          fooA
+          fooA,
         },
         render() {
           return h('provider-b')
-        }
+        },
       })
       const ProviderB = defineCustomElement({
         provide: {
-          fooB
+          fooB,
         },
         render() {
           return h('my-multi-consumer')
-        }
+        },
       })
 
       const Consumer = defineCustomElement({
@@ -510,7 +510,7 @@ describe('defineCustomElement', () => {
           const fooA = inject<Ref>('fooA')!
           const fooB = inject<Ref>('fooB')!
           return () => h('div', `${fooA.value} ${fooB.value}`)
-        }
+        },
       })
 
       customElements.define('provider-a', ProviderA)
@@ -527,7 +527,7 @@ describe('defineCustomElement', () => {
       fooB.value = 'changedB!'
       await nextTick()
       expect(consumer.shadowRoot!.innerHTML).toBe(
-        `<div>changedA! changedB!</div>`
+        `<div>changedA! changedB!</div>`,
       )
     })
   })
@@ -538,7 +538,7 @@ describe('defineCustomElement', () => {
         styles: [`div { color: red; }`],
         render() {
           return h('div', 'hello')
-        }
+        },
       })
       customElements.define('my-el-with-styles', Foo)
       container.innerHTML = `<my-el-with-styles></my-el-with-styles>`
@@ -559,9 +559,9 @@ describe('defineCustomElement', () => {
             styles: [`div { color: red }`],
             render(this: any) {
               return h('div', null, this.msg)
-            }
+            },
           })
-        })
+        }),
       )
       customElements.define('my-el-async', E)
       container.innerHTML =
@@ -578,10 +578,10 @@ describe('defineCustomElement', () => {
 
       // should inject styles
       expect(e1.shadowRoot!.innerHTML).toBe(
-        `<style>div { color: red }</style><div>hello</div>`
+        `<style>div { color: red }</style><div>hello</div>`,
       )
       expect(e2.shadowRoot!.innerHTML).toBe(
-        `<style>div { color: red }</style><div>world</div>`
+        `<style>div { color: red }</style><div>world</div>`,
       )
 
       // attr
@@ -589,7 +589,7 @@ describe('defineCustomElement', () => {
       await nextTick()
       expect((e1 as any).msg).toBe('attr')
       expect(e1.shadowRoot!.innerHTML).toBe(
-        `<style>div { color: red }</style><div>attr</div>`
+        `<style>div { color: red }</style><div>attr</div>`,
       )
 
       // props
@@ -597,7 +597,7 @@ describe('defineCustomElement', () => {
       ;(e1 as any).msg = 'prop'
       expect(e1.getAttribute('msg')).toBe('prop')
       expect(e1.shadowRoot!.innerHTML).toBe(
-        `<style>div { color: red }</style><div>prop</div>`
+        `<style>div { color: red }</style><div>prop</div>`,
       )
     })
 
@@ -611,9 +611,9 @@ describe('defineCustomElement', () => {
             },
             render(this: any) {
               return h('div', this.msg)
-            }
+            },
           })
-        })
+        }),
       )
       customElements.define('my-el-async-2', E)
 
@@ -652,9 +652,9 @@ describe('defineCustomElement', () => {
             },
             render(this: any) {
               return h('div', this.n + ',' + typeof this.n)
-            }
+            },
           })
-        })
+        }),
       )
       customElements.define('my-el-async-3', E)
       container.innerHTML = `<my-el-async-3 n="2e1"></my-el-async-3>`
@@ -673,14 +673,14 @@ describe('defineCustomElement', () => {
               return [
                 h('div', null, [
                   renderSlot(this.$slots, 'default', undefined, () => [
-                    h('div', 'fallback')
-                  ])
+                    h('div', 'fallback'),
+                  ]),
                 ]),
-                h('div', null, renderSlot(this.$slots, 'named'))
+                h('div', null, renderSlot(this.$slots, 'named')),
               ]
-            }
+            },
           })
-        })
+        }),
       )
       customElements.define('my-el-async-slots', E)
       container.innerHTML = `<my-el-async-slots><span>hi</span></my-el-async-slots>`
@@ -689,7 +689,7 @@ describe('defineCustomElement', () => {
 
       const e = container.childNodes[0] as VueElement
       expect(e.shadowRoot!.innerHTML).toBe(
-        `<div><slot><div>fallback</div></slot></div><div><slot name="named"></slot></div>`
+        `<div><slot><div>fallback</div></slot></div><div><slot name="named"></slot></div>`,
       )
     })
   })
diff --git a/packages/runtime-dom/__tests__/customizedBuiltIn.spec.ts b/packages/runtime-dom/__tests__/customizedBuiltIn.spec.ts
index 9d2135a4070..6168b5cab41 100644
--- a/packages/runtime-dom/__tests__/customizedBuiltIn.spec.ts
+++ b/packages/runtime-dom/__tests__/customizedBuiltIn.spec.ts
@@ -13,7 +13,7 @@ describe('customized built-in elements support', () => {
     render(h('button', { is: 'plastic-button' }), root)
     expect(createElement.mock.calls[0]).toMatchObject([
       'button',
-      { is: 'plastic-button' }
+      { is: 'plastic-button' },
     ])
     // should also render the attribute
     expect(root.innerHTML).toBe(`<button is="plastic-button"></button>`)
diff --git a/packages/runtime-dom/__tests__/directives/vCloak.spec.ts b/packages/runtime-dom/__tests__/directives/vCloak.spec.ts
index 813147cc332..845bb540adb 100644
--- a/packages/runtime-dom/__tests__/directives/vCloak.spec.ts
+++ b/packages/runtime-dom/__tests__/directives/vCloak.spec.ts
@@ -5,7 +5,7 @@ describe('vCloak', () => {
     const root = document.createElement('div')
     root.setAttribute('v-cloak', '')
     createApp({
-      render() {}
+      render() {},
     }).mount(root)
     expect(root.hasAttribute('v-cloak')).toBe(false)
   })
diff --git a/packages/runtime-dom/__tests__/directives/vModel.spec.ts b/packages/runtime-dom/__tests__/directives/vModel.spec.ts
index 73b8f18afc0..d89b074fbb4 100644
--- a/packages/runtime-dom/__tests__/directives/vModel.spec.ts
+++ b/packages/runtime-dom/__tests__/directives/vModel.spec.ts
@@ -6,7 +6,7 @@ import {
   vModelDynamic,
   withDirectives,
   VNode,
-  ref
+  ref,
 } from '@vue/runtime-dom'
 
 const triggerEvent = (type: string, el: Element) => {
@@ -41,12 +41,12 @@ describe('vModel', () => {
               'onUpdate:modelValue': setValue.bind(this),
               onInput: () => {
                 manualListener(data.value)
-              }
+              },
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -80,12 +80,12 @@ describe('vModel', () => {
           withVModel(
             h('input', {
               type: 'number',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -111,12 +111,12 @@ describe('vModel', () => {
         return [
           withVModel(
             h('input', {
-              'onUpdate:modelValue': [setValue.bind(this), spy]
+              'onUpdate:modelValue': [setValue.bind(this), spy],
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -140,12 +140,12 @@ describe('vModel', () => {
         return [
           withVModel(
             h('input', {
-              'onUpdate:modelValue': toggle.value ? spy1 : spy2
+              'onUpdate:modelValue': toggle.value ? spy1 : spy2,
             }),
-            'foo'
-          )
+            'foo',
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -176,12 +176,12 @@ describe('vModel', () => {
         return [
           withVModel(
             h('textarea', {
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -210,52 +210,52 @@ describe('vModel', () => {
               class: 'number',
               'onUpdate:modelValue': (val: any) => {
                 this.number = val
-              }
+              },
             }),
             this.number,
             {
-              number: true
-            }
+              number: true,
+            },
           ),
           withVModel(
             h('input', {
               class: 'trim',
               'onUpdate:modelValue': (val: any) => {
                 this.trim = val
-              }
+              },
             }),
             this.trim,
             {
-              trim: true
-            }
+              trim: true,
+            },
           ),
           withVModel(
             h('input', {
               class: 'trim-number',
               'onUpdate:modelValue': (val: any) => {
                 this.trimNumber = val
-              }
+              },
             }),
             this.trimNumber,
             {
               trim: true,
-              number: true
-            }
+              number: true,
+            },
           ),
           withVModel(
             h('input', {
               class: 'lazy',
               'onUpdate:modelValue': (val: any) => {
                 this.lazy = val
-              }
+              },
             }),
             this.lazy,
             {
-              lazy: true
-            }
-          )
+              lazy: true,
+            },
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -304,12 +304,12 @@ describe('vModel', () => {
               min: 1,
               max: 100,
               class: 'foo',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
             this.value,
             {
-              number: true
-            }
+              number: true,
+            },
           ),
           withVModel(
             h('input', {
@@ -317,15 +317,15 @@ describe('vModel', () => {
               min: 1,
               max: 100,
               class: 'bar',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
             this.value,
             {
-              lazy: true
-            }
-          )
+              lazy: true,
+            },
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -389,12 +389,12 @@ describe('vModel', () => {
           withVModel(
             h('input', {
               type: 'checkbox',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -432,12 +432,12 @@ describe('vModel', () => {
               type: 'checkbox',
               'true-value': 'yes',
               'false-value': 'no',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -478,12 +478,12 @@ describe('vModel', () => {
               type: 'checkbox',
               'true-value': { yes: 'yes' },
               'false-value': { no: 'no' },
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -521,21 +521,21 @@ describe('vModel', () => {
               type: 'checkbox',
               class: 'foo',
               value: 'foo',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
+            this.value,
           ),
           withVModel(
             h('input', {
               type: 'checkbox',
               class: 'bar',
               value: 'bar',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -591,21 +591,21 @@ describe('vModel', () => {
               type: 'checkbox',
               class: 'foo',
               value: 'foo',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
+            this.value,
           ),
           withVModel(
             h('input', {
               type: 'checkbox',
               class: 'bar',
               value: 'bar',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -661,21 +661,21 @@ describe('vModel', () => {
               type: 'radio',
               class: 'foo',
               value: 'foo',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
+            this.value,
           ),
           withVModel(
             h('input', {
               type: 'radio',
               class: 'bar',
               value: 'bar',
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -721,14 +721,14 @@ describe('vModel', () => {
               'select',
               {
                 value: null,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
-              [h('option', { value: 'foo' }), h('option', { value: 'bar' })]
+              [h('option', { value: 'foo' }), h('option', { value: 'bar' })],
             ),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -778,14 +778,14 @@ describe('vModel', () => {
               {
                 value: null,
                 multiple: true,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
-              [h('option', { value: 'foo' }), h('option', { value: 'bar' })]
+              [h('option', { value: 'foo' }), h('option', { value: 'bar' })],
             ),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -839,17 +839,17 @@ describe('vModel', () => {
               'select',
               {
                 value: null,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
-              [h('option', { value: '1' }), h('option', { value: '2' })]
+              [h('option', { value: '1' }), h('option', { value: '2' })],
             ),
             this.value,
             {
-              number: true
-            }
-          )
+              number: true,
+            },
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -877,17 +877,17 @@ describe('vModel', () => {
               {
                 value: null,
                 multiple: true,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
-              [h('option', { value: '1' }), h('option', { value: '2' })]
+              [h('option', { value: '1' }), h('option', { value: '2' })],
             ),
             this.value,
             {
-              number: true
-            }
-          )
+              number: true,
+            },
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -945,17 +945,17 @@ describe('vModel', () => {
               {
                 value: null,
                 multiple: true,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
               [
                 h('option', { value: fooValue }),
-                h('option', { value: barValue })
-              ]
+                h('option', { value: barValue }),
+              ],
             ),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -1011,14 +1011,14 @@ describe('vModel', () => {
               {
                 value: null,
                 multiple: true,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
-              [h('option', { value: 'foo' }), h('option', { value: 'bar' })]
+              [h('option', { value: 'foo' }), h('option', { value: 'bar' })],
             ),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -1079,17 +1079,17 @@ describe('vModel', () => {
               {
                 value: null,
                 multiple: true,
-                'onUpdate:modelValue': setValue.bind(this)
+                'onUpdate:modelValue': setValue.bind(this),
               },
               [
                 h('option', { value: fooValue }),
-                h('option', { value: barValue })
-              ]
+                h('option', { value: barValue }),
+              ],
             ),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -1141,12 +1141,12 @@ describe('vModel', () => {
         return [
           withVModel(
             h('input', {
-              'onUpdate:modelValue': setValue.bind(this)
+              'onUpdate:modelValue': setValue.bind(this),
             }),
-            this.value
-          )
+            this.value,
+          ),
         ]
-      }
+      },
     })
     render(h(component), root)
 
diff --git a/packages/runtime-dom/__tests__/directives/vOn.spec.ts b/packages/runtime-dom/__tests__/directives/vOn.spec.ts
index 2a4b02478f5..17dbc095e5b 100644
--- a/packages/runtime-dom/__tests__/directives/vOn.spec.ts
+++ b/packages/runtime-dom/__tests__/directives/vOn.spec.ts
@@ -4,11 +4,11 @@ import { withModifiers, withKeys } from '@vue/runtime-dom'
 function triggerEvent(
   target: Element,
   event: string,
-  process?: (e: any) => any
+  process?: (e: any) => any,
 ) {
   const e = new Event(event, {
     bubbles: true,
-    cancelable: true
+    cancelable: true,
   })
   if (event === 'click') {
     ;(e as any).button = 0
@@ -51,7 +51,7 @@ describe('runtime-dom: v-on directive', () => {
       // <div @keyup[keyName].esc="test"/>
       const nextValue = withKeys(withModifiers(fn, [keyName]), [
         'esc',
-        'arrow-left'
+        'arrow-left',
       ])
       patchEvent(el, 'onKeyup', null, nextValue, null)
 
diff --git a/packages/runtime-dom/__tests__/directives/vShow.spec.ts b/packages/runtime-dom/__tests__/directives/vShow.spec.ts
index 545e22b9c75..e4855ed06cd 100644
--- a/packages/runtime-dom/__tests__/directives/vShow.spec.ts
+++ b/packages/runtime-dom/__tests__/directives/vShow.spec.ts
@@ -5,7 +5,7 @@ import {
   nextTick,
   VNode,
   ref,
-  watch
+  watch,
 } from '@vue/runtime-core'
 import { render, Transition, vShow } from '@vue/runtime-dom'
 
@@ -26,7 +26,7 @@ describe('runtime-dom: v-show directive', () => {
       },
       render() {
         return [withVShow(h('div'), this.value)]
-      }
+      },
     })
     render(h(component), root)
 
@@ -42,7 +42,7 @@ describe('runtime-dom: v-show directive', () => {
       },
       render() {
         return [withVShow(h('div'), this.value)]
-      }
+      },
     })
     render(h(component), root)
 
@@ -58,7 +58,7 @@ describe('runtime-dom: v-show directive', () => {
       },
       render() {
         return [withVShow(h('div'), this.value)]
-      }
+      },
     })
     render(h(component), root)
 
@@ -107,9 +107,9 @@ describe('runtime-dom: v-show directive', () => {
       },
       render() {
         return [
-          withVShow(h('div', { style: { display: 'block' } }), this.value)
+          withVShow(h('div', { style: { display: 'block' } }), this.value),
         ]
-      }
+      },
     })
     render(h(component), root)
 
@@ -134,7 +134,7 @@ describe('runtime-dom: v-show directive', () => {
     const component = defineComponent({
       render() {
         return withVShow(h('div', { style: style.value }), display.value)
-      }
+      },
     })
     render(h(component), root)
 
@@ -165,11 +165,11 @@ describe('runtime-dom: v-show directive', () => {
           return h(Transition, () =>
             withVShow(
               h('div', { style: style.value }, innerValue.value),
-              display.value
-            )
+              display.value,
+            ),
           )
         }
-      }
+      },
     })
     render(h(component), root)
 
diff --git a/packages/runtime-dom/__tests__/helpers/useCssModule.spec.ts b/packages/runtime-dom/__tests__/helpers/useCssModule.spec.ts
index bb65082add1..6c81551aad5 100644
--- a/packages/runtime-dom/__tests__/helpers/useCssModule.spec.ts
+++ b/packages/runtime-dom/__tests__/helpers/useCssModule.spec.ts
@@ -10,9 +10,9 @@ describe('useCssModule', () => {
         __cssModules: modules,
         setup() {
           res = useCssModule(name)
-        }
+        },
       }),
-      nodeOps.createElement('div')
+      nodeOps.createElement('div'),
     )
     return res
   }
@@ -20,8 +20,8 @@ describe('useCssModule', () => {
   test('basic usage', () => {
     const modules = {
       $style: {
-        red: 'red'
-      }
+        red: 'red',
+      },
     }
     expect(mountWithModule(modules)).toMatchObject(modules.$style)
   })
@@ -29,8 +29,8 @@ describe('useCssModule', () => {
   test('basic usage', () => {
     const modules = {
       foo: {
-        red: 'red'
-      }
+        red: 'red',
+      },
     }
     expect(mountWithModule(modules, 'foo')).toMatchObject(modules.foo)
   })
diff --git a/packages/runtime-dom/__tests__/helpers/useCssVars.spec.ts b/packages/runtime-dom/__tests__/helpers/useCssVars.spec.ts
index 7d24ec0f434..46d37824217 100644
--- a/packages/runtime-dom/__tests__/helpers/useCssVars.spec.ts
+++ b/packages/runtime-dom/__tests__/helpers/useCssVars.spec.ts
@@ -9,7 +9,7 @@ import {
   ComponentOptions,
   Suspense,
   Teleport,
-  FunctionalComponent
+  FunctionalComponent,
 } from '@vue/runtime-dom'
 
 describe('useCssVars', () => {
@@ -36,13 +36,13 @@ describe('useCssVars', () => {
       setup() {
         // test receiving render context
         useCssVars((ctx: any) => ({
-          color: ctx.color
+          color: ctx.color,
         }))
         return state
       },
       render() {
         return h('div')
-      }
+      },
     }))
   })
 
@@ -51,7 +51,7 @@ describe('useCssVars', () => {
       setup() {
         useCssVars(() => state)
         return () => [h('div'), h('div')]
-      }
+      },
     }))
   })
 
@@ -62,7 +62,7 @@ describe('useCssVars', () => {
       setup() {
         useCssVars(() => state)
         return () => h(Child)
-      }
+      },
     }))
   })
 
@@ -81,7 +81,7 @@ describe('useCssVars', () => {
           }
         })
         return asyncPromise
-      }
+      },
     }
 
     const App = {
@@ -90,9 +90,9 @@ describe('useCssVars', () => {
         return () =>
           h(Suspense, null, {
             default: h(AsyncComp),
-            fallback: h('div', 'fallback')
+            fallback: h('div', 'fallback'),
           })
-      }
+      },
     }
 
     render(h(App), root)
@@ -127,7 +127,7 @@ describe('useCssVars', () => {
       setup() {
         useCssVars(() => state)
         return () => (value.value ? [h('div')] : [h('div'), h('div')])
-      }
+      },
     }
 
     render(h(App), root)
@@ -157,9 +157,9 @@ describe('useCssVars', () => {
         useCssVars(() => state)
         return () =>
           h(Child, null, () =>
-            value.value ? [h('div')] : [h('div'), h('div')]
+            value.value ? [h('div')] : [h('div'), h('div')],
           )
-      }
+      },
     }
 
     render(h(App), root)
@@ -186,9 +186,9 @@ describe('useCssVars', () => {
         return () => [
           h('div'),
           createStaticVNode('<div>1</div><div><span>2</span></div>', 2),
-          h('div')
+          h('div'),
         ]
-      }
+      },
     }
 
     render(h(App), root)
@@ -208,7 +208,7 @@ describe('useCssVars', () => {
       setup() {
         useCssVars(() => state)
         return () => [h(Teleport, { to: target }, [h('div')])]
-      }
+      },
     }
 
     render(h(App), root)
@@ -232,7 +232,7 @@ describe('useCssVars', () => {
       setup() {
         useCssVars(() => state)
         return () => h(Child, () => [h(Teleport, { to: target }, [h('div')])])
-      }
+      },
     }
 
     render(h(App), root)
@@ -255,10 +255,10 @@ describe('useCssVars', () => {
         return () => [
           h(Teleport, { to: target }, [
             h('div'),
-            toggle.value ? h('div') : null
-          ])
+            toggle.value ? h('div') : null,
+          ]),
         ]
-      }
+      },
     }
 
     render(h(App), root)
diff --git a/packages/runtime-dom/__tests__/nodeOps.spec.ts b/packages/runtime-dom/__tests__/nodeOps.spec.ts
index 2573974c955..6057df24dcd 100644
--- a/packages/runtime-dom/__tests__/nodeOps.spec.ts
+++ b/packages/runtime-dom/__tests__/nodeOps.spec.ts
@@ -3,7 +3,7 @@ import { nodeOps, svgNS } from '../src/nodeOps'
 describe('runtime-dom: node-ops', () => {
   test("the <select>'s multiple attr should be set in createElement", () => {
     const el = nodeOps.createElement('select', false, undefined, {
-      multiple: ''
+      multiple: '',
     }) as HTMLSelectElement
     const option1 = nodeOps.createElement('option') as HTMLOptionElement
     const option2 = nodeOps.createElement('option') as HTMLOptionElement
@@ -46,7 +46,7 @@ describe('runtime-dom: node-ops', () => {
         content,
         parent,
         null,
-        true
+        true,
       )
       expect(parent.innerHTML).toBe(content)
       expect(first).toBe(parent.firstChild)
@@ -65,7 +65,7 @@ describe('runtime-dom: node-ops', () => {
         content,
         parent,
         anchor,
-        true
+        true,
       )
       expect(parent.innerHTML).toBe(content + existing)
       expect(first).toBe(parent.firstChild)
@@ -90,7 +90,7 @@ describe('runtime-dom: node-ops', () => {
         anchor,
         false,
         cached.firstChild,
-        cached.lastChild
+        cached.lastChild,
       )
       expect(parent.innerHTML).toBe(content + existing)
       expect(nodes[0]).toBe(parent.firstChild)
diff --git a/packages/runtime-dom/__tests__/patchEvents.spec.ts b/packages/runtime-dom/__tests__/patchEvents.spec.ts
index d332977df96..1b08f85caa4 100644
--- a/packages/runtime-dom/__tests__/patchEvents.spec.ts
+++ b/packages/runtime-dom/__tests__/patchEvents.spec.ts
@@ -176,7 +176,7 @@ describe(`runtime-dom: events patching`, () => {
     }
     window.customElements.define('test-element', TestElement)
     const testElement = document.createElement('test-element', {
-      is: 'test-element'
+      is: 'test-element',
     })
     const fn1 = vi.fn()
     const fn2 = vi.fn()
diff --git a/packages/runtime-dom/__tests__/patchProps.spec.ts b/packages/runtime-dom/__tests__/patchProps.spec.ts
index bf6362e7a0c..b7783459308 100644
--- a/packages/runtime-dom/__tests__/patchProps.spec.ts
+++ b/packages/runtime-dom/__tests__/patchProps.spec.ts
@@ -106,7 +106,7 @@ describe('runtime-dom: props patching', () => {
     const fn = vi.fn()
     const comp = {
       render: () => 'foo',
-      unmounted: fn
+      unmounted: fn,
     }
     const root = document.createElement('div')
     render(h('div', null, [h(comp)]), root)
@@ -122,7 +122,7 @@ describe('runtime-dom: props patching', () => {
     const fn = vi.fn()
     const comp = {
       render: () => 'foo',
-      unmounted: fn
+      unmounted: fn,
     }
     const root = document.createElement('div')
     render(h('div', null, [h(comp)]), root)
@@ -137,7 +137,7 @@ describe('runtime-dom: props patching', () => {
     const fn = vi.fn()
     const comp = {
       render: () => 'foo',
-      unmounted: fn
+      unmounted: fn,
     }
     const root = document.createElement('div')
     render(h('div', null, [h(comp)]), root)
@@ -169,7 +169,7 @@ describe('runtime-dom: props patching', () => {
     Object.defineProperty(el, 'someProp', {
       set() {
         throw new TypeError('Invalid type')
-      }
+      },
     })
     patchProp(el, 'someProp', null, 'foo')
 
@@ -265,7 +265,7 @@ describe('runtime-dom: props patching', () => {
     patchProp(el, 'willValidate', true, null)
     expect(el.willValidate).toBe(true)
     expect(
-      'Failed setting prop "willValidate" on <select>'
+      'Failed setting prop "willValidate" on <select>',
     ).toHaveBeenWarnedLast()
   })
 
@@ -274,9 +274,9 @@ describe('runtime-dom: props patching', () => {
     render(
       h('select', { value: 'foo' }, [
         h('option', { value: 'foo' }, 'foo'),
-        h('option', { value: 'bar' }, 'bar')
+        h('option', { value: 'bar' }, 'bar'),
       ]),
-      root
+      root,
     )
     const el = root.children[0] as HTMLSelectElement
     expect(el.value).toBe('foo')
@@ -284,9 +284,9 @@ describe('runtime-dom: props patching', () => {
     render(
       h('select', { value: 'baz' }, [
         h('option', { value: 'foo' }, 'foo'),
-        h('option', { value: 'baz' }, 'baz')
+        h('option', { value: 'baz' }, 'baz'),
       ]),
-      root
+      root,
     )
     expect(el.value).toBe('baz')
   })
diff --git a/packages/runtime-dom/__tests__/patchStyle.spec.ts b/packages/runtime-dom/__tests__/patchStyle.spec.ts
index eeb60fb7eac..e7cd0984a19 100644
--- a/packages/runtime-dom/__tests__/patchStyle.spec.ts
+++ b/packages/runtime-dom/__tests__/patchStyle.spec.ts
@@ -16,7 +16,7 @@ describe(`runtime-dom: style patching`, () => {
       get(): any {
         return value
       },
-      set: fn
+      set: fn,
     })
     patchProp(el, 'style', value, value)
     expect(el.style.cssText.replace(/\s/g, '')).toBe('color:red;')
@@ -39,7 +39,7 @@ describe(`runtime-dom: style patching`, () => {
     const el = document.createElement('div')
     patchProp(el, 'style', null, {
       color: undefined,
-      borderRadius: null
+      borderRadius: null,
     })
     expect(el.style.cssText.replace(/\s/g, '')).toBe('')
 
@@ -47,7 +47,7 @@ describe(`runtime-dom: style patching`, () => {
       el,
       'style',
       { color: 'red' },
-      { color: null, borderRadius: undefined }
+      { color: null, borderRadius: undefined },
     )
     expect(el.style.cssText.replace(/\s/g, '')).toBe('')
   })
@@ -62,7 +62,7 @@ describe(`runtime-dom: style patching`, () => {
     const el = document.createElement('div')
     patchProp(el, 'style', {}, { marginRight: '10px !important' })
     expect(el.style.cssText.replace(/\s/g, '')).toBe(
-      'margin-right:10px!important;'
+      'margin-right:10px!important;',
     )
   })
 
@@ -91,12 +91,12 @@ describe(`runtime-dom: style patching`, () => {
     const el = document.createElement('div')
     patchProp(el, 'style', null, { color: 'red;' })
     expect(
-      `Unexpected semicolon at the end of 'color' style value: 'red;'`
+      `Unexpected semicolon at the end of 'color' style value: 'red;'`,
     ).toHaveBeenWarned()
 
     patchProp(el, 'style', null, { '--custom': '100; ' })
     expect(
-      `Unexpected semicolon at the end of '--custom' style value: '100; '`
+      `Unexpected semicolon at the end of '--custom' style value: '100; '`,
     ).toHaveBeenWarned()
   })
 
@@ -112,7 +112,7 @@ describe(`runtime-dom: style patching`, () => {
       el as any,
       'style',
       { borderBottom: '1px solid red' },
-      { border: '1px solid green' }
+      { border: '1px solid green' },
     )
     expect(el.style.border).toBe('1px solid green')
     expect(el.style.borderBottom).toBe('1px solid green')
@@ -131,8 +131,8 @@ describe(`runtime-dom: style patching`, () => {
         },
         getPropertyValue(key: string) {
           return store[key]
-        }
-      }
+        },
+      },
     }
   }
 
@@ -154,7 +154,7 @@ describe(`runtime-dom: style patching`, () => {
       el as any,
       'style',
       {},
-      { display: ['-webkit-box', '-ms-flexbox', 'flex'] }
+      { display: ['-webkit-box', '-ms-flexbox', 'flex'] },
     )
     expect(el.style.display).toBe('flex')
   })
diff --git a/packages/runtime-dom/src/apiCustomElement.ts b/packages/runtime-dom/src/apiCustomElement.ts
index 5662b0b535b..835a10d5026 100644
--- a/packages/runtime-dom/src/apiCustomElement.ts
+++ b/packages/runtime-dom/src/apiCustomElement.ts
@@ -21,7 +21,7 @@ import {
   ConcreteComponent,
   ComponentOptions,
   ComponentInjectOptions,
-  SlotsType
+  SlotsType,
 } from '@vue/runtime-core'
 import { camelize, extend, hyphenate, isArray, toNumber } from '@vue/shared'
 import { hydrate, render } from '.'
@@ -37,8 +37,8 @@ export type VueElementConstructor<P = {}> = {
 export function defineCustomElement<Props, RawBindings = object>(
   setup: (
     props: Readonly<Props>,
-    ctx: SetupContext
-  ) => RawBindings | RenderFunction
+    ctx: SetupContext,
+  ) => RawBindings | RenderFunction,
 ): VueElementConstructor<Props>
 
 // overload 2: object format with no props
@@ -54,7 +54,7 @@ export function defineCustomElement<
   EE extends string = string,
   I extends ComponentInjectOptions = {},
   II extends string = string,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 >(
   options: ComponentOptionsWithoutProps<
     Props,
@@ -69,7 +69,7 @@ export function defineCustomElement<
     I,
     II,
     S
-  > & { styles?: string[] }
+  > & { styles?: string[] },
 ): VueElementConstructor<Props>
 
 // overload 3: object format with array props declaration
@@ -85,7 +85,7 @@ export function defineCustomElement<
   EE extends string = string,
   I extends ComponentInjectOptions = {},
   II extends string = string,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 >(
   options: ComponentOptionsWithArrayProps<
     PropNames,
@@ -100,7 +100,7 @@ export function defineCustomElement<
     I,
     II,
     S
-  > & { styles?: string[] }
+  > & { styles?: string[] },
 ): VueElementConstructor<{ [K in PropNames]: any }>
 
 // overload 4: object format with object props declaration
@@ -116,7 +116,7 @@ export function defineCustomElement<
   EE extends string = string,
   I extends ComponentInjectOptions = {},
   II extends string = string,
-  S extends SlotsType = {}
+  S extends SlotsType = {},
 >(
   options: ComponentOptionsWithObjectProps<
     PropsOptions,
@@ -131,7 +131,7 @@ export function defineCustomElement<
     I,
     II,
     S
-  > & { styles?: string[] }
+  > & { styles?: string[] },
 ): VueElementConstructor<ExtractPropTypes<PropsOptions>>
 
 // overload 5: defining a custom element from the returned value of
@@ -143,7 +143,7 @@ export function defineCustomElement(options: {
 /*! #__NO_SIDE_EFFECTS__ */
 export function defineCustomElement(
   options: any,
-  hydrate?: RootHydrateFunction
+  hydrate?: RootHydrateFunction,
 ): VueElementConstructor {
   const Comp = defineComponent(options) as any
   class VueCustomElement extends VueElement {
@@ -182,7 +182,7 @@ export class VueElement extends BaseClass {
   constructor(
     private _def: InnerComponentDef,
     private _props: Record<string, any> = {},
-    hydrate?: RootHydrateFunction
+    hydrate?: RootHydrateFunction,
   ) {
     super()
     if (this.shadowRoot && hydrate) {
@@ -191,7 +191,7 @@ export class VueElement extends BaseClass {
       if (__DEV__ && this.shadowRoot) {
         warn(
           `Custom element has pre-rendered declarative shadow root but is not ` +
-            `defined as hydratable. Use \`defineSSRCustomElement\`.`
+            `defined as hydratable. Use \`defineSSRCustomElement\`.`,
         )
       }
       this.attachShadow({ mode: 'open' })
@@ -307,7 +307,7 @@ export class VueElement extends BaseClass {
         },
         set(val) {
           this._setProp(key, val)
-        }
+        },
       })
     }
   }
@@ -335,7 +335,7 @@ export class VueElement extends BaseClass {
     key: string,
     val: any,
     shouldReflect = true,
-    shouldUpdate = true
+    shouldUpdate = true,
   ) {
     if (val !== this._props[key]) {
       this._props[key] = val
@@ -382,8 +382,8 @@ export class VueElement extends BaseClass {
         const dispatch = (event: string, args: any[]) => {
           this.dispatchEvent(
             new CustomEvent(event, {
-              detail: args
-            })
+              detail: args,
+            }),
           )
         }
 
diff --git a/packages/runtime-dom/src/components/Transition.ts b/packages/runtime-dom/src/components/Transition.ts
index b0675213298..26d0b6986cc 100644
--- a/packages/runtime-dom/src/components/Transition.ts
+++ b/packages/runtime-dom/src/components/Transition.ts
@@ -6,7 +6,7 @@ import {
   assertNumber,
   FunctionalComponent,
   compatUtils,
-  DeprecationTypes
+  DeprecationTypes,
 } from '@vue/runtime-core'
 import { isObject, toNumber, extend, isArray } from '@vue/shared'
 
@@ -46,7 +46,7 @@ export interface ElementWithTransition extends HTMLElement {
 // base Transition component, with DOM-specific logic.
 export const Transition: FunctionalComponent<TransitionProps> = (
   props,
-  { slots }
+  { slots },
 ) => h(BaseTransition, resolveTransitionProps(props), slots)
 
 Transition.displayName = 'Transition'
@@ -60,7 +60,7 @@ const DOMTransitionPropsValidators = {
   type: String,
   css: {
     type: Boolean,
-    default: true
+    default: true,
   },
   duration: [String, Number, Object],
   enterFromClass: String,
@@ -71,14 +71,14 @@ const DOMTransitionPropsValidators = {
   appearToClass: String,
   leaveFromClass: String,
   leaveActiveClass: String,
-  leaveToClass: String
+  leaveToClass: String,
 }
 
 export const TransitionPropsValidators = (Transition.props =
   /*#__PURE__*/ extend(
     {},
     BaseTransitionPropsValidators as any,
-    DOMTransitionPropsValidators
+    DOMTransitionPropsValidators,
   ))
 
 /**
@@ -87,7 +87,7 @@ export const TransitionPropsValidators = (Transition.props =
  */
 const callHook = (
   hook: Function | Function[] | undefined,
-  args: any[] = []
+  args: any[] = [],
 ) => {
   if (isArray(hook)) {
     hook.forEach(h => h(...args))
@@ -101,7 +101,7 @@ const callHook = (
  * intends to explicitly control the end of the transition.
  */
 const hasExplicitCallback = (
-  hook: Function | Function[] | undefined
+  hook: Function | Function[] | undefined,
 ): boolean => {
   return hook
     ? isArray(hook)
@@ -111,7 +111,7 @@ const hasExplicitCallback = (
 }
 
 export function resolveTransitionProps(
-  rawProps: TransitionProps
+  rawProps: TransitionProps,
 ): BaseTransitionProps<Element> {
   const baseProps: BaseTransitionProps<Element> = {}
   for (const key in rawProps) {
@@ -136,7 +136,7 @@ export function resolveTransitionProps(
     appearToClass = enterToClass,
     leaveFromClass = `${name}-leave-from`,
     leaveActiveClass = `${name}-leave-active`,
-    leaveToClass = `${name}-leave-to`
+    leaveToClass = `${name}-leave-to`,
   } = rawProps
 
   // legacy transition class compat
@@ -170,7 +170,7 @@ export function resolveTransitionProps(
     onLeaveCancelled,
     onBeforeAppear = onBeforeEnter,
     onAppear = onEnter,
-    onAppearCancelled = onEnterCancelled
+    onAppearCancelled = onEnterCancelled,
   } = baseProps
 
   const finishEnter = (el: Element, isAppear: boolean, done?: () => void) => {
@@ -181,7 +181,7 @@ export function resolveTransitionProps(
 
   const finishLeave = (
     el: Element & { _isLeaving?: boolean },
-    done?: () => void
+    done?: () => void,
   ) => {
     el._isLeaving = false
     removeTransitionClass(el, leaveFromClass)
@@ -269,12 +269,12 @@ export function resolveTransitionProps(
     onLeaveCancelled(el) {
       finishLeave(el)
       callHook(onLeaveCancelled, [el])
-    }
+    },
   } as BaseTransitionProps<Element>)
 }
 
 function normalizeDuration(
-  duration: TransitionProps['duration']
+  duration: TransitionProps['duration'],
 ): [number, number] | null {
   if (duration == null) {
     return null
@@ -325,7 +325,7 @@ function whenTransitionEnds(
   el: Element & { _endId?: number },
   expectedType: TransitionProps['type'] | undefined,
   explicitTimeout: number | null,
-  resolve: () => void
+  resolve: () => void,
 ) {
   const id = (el._endId = ++endId)
   const resolveIfNotStale = () => {
@@ -376,7 +376,7 @@ type StylePropertiesKey =
 
 export function getTransitionInfo(
   el: Element,
-  expectedType?: TransitionProps['type']
+  expectedType?: TransitionProps['type'],
 ): CSSTransitionInfo {
   const styles = window.getComputedStyle(el) as Pick<
     CSSStyleDeclaration,
@@ -425,13 +425,13 @@ export function getTransitionInfo(
   const hasTransform =
     type === TRANSITION &&
     /\b(transform|all)(,|$)/.test(
-      getStyleProperties(`${TRANSITION}Property`).toString()
+      getStyleProperties(`${TRANSITION}Property`).toString(),
     )
   return {
     type,
     timeout,
     propCount,
-    hasTransform
+    hasTransform,
   }
 }
 
diff --git a/packages/runtime-dom/src/components/TransitionGroup.ts b/packages/runtime-dom/src/components/TransitionGroup.ts
index fc5d260b91e..61918032ec9 100644
--- a/packages/runtime-dom/src/components/TransitionGroup.ts
+++ b/packages/runtime-dom/src/components/TransitionGroup.ts
@@ -7,7 +7,7 @@ import {
   resolveTransitionProps,
   TransitionPropsValidators,
   forceReflow,
-  vtcKey
+  vtcKey,
 } from './Transition'
 import {
   Fragment,
@@ -24,7 +24,7 @@ import {
   toRaw,
   compatUtils,
   DeprecationTypes,
-  ComponentOptions
+  ComponentOptions,
 } from '@vue/runtime-core'
 import { extend } from '@vue/shared'
 
@@ -42,7 +42,7 @@ const TransitionGroupImpl: ComponentOptions = {
 
   props: /*#__PURE__*/ extend({}, TransitionPropsValidators, {
     tag: String,
-    moveClass: String
+    moveClass: String,
   }),
 
   setup(props: TransitionGroupProps, { slots }: SetupContext) {
@@ -62,7 +62,7 @@ const TransitionGroupImpl: ComponentOptions = {
         !hasCSSTransform(
           prevChildren[0].el as ElementWithTransition,
           instance.vnode.el as Node,
-          moveClass
+          moveClass,
         )
       ) {
         return
@@ -106,7 +106,7 @@ const TransitionGroupImpl: ComponentOptions = {
         !rawProps.tag &&
         compatUtils.checkCompatEnabled(
           DeprecationTypes.TRANSITION_GROUP_ROOT,
-          instance.parent
+          instance.parent,
         )
       ) {
         tag = 'span'
@@ -120,7 +120,7 @@ const TransitionGroupImpl: ComponentOptions = {
         if (child.key != null) {
           setTransitionHooks(
             child,
-            resolveTransitionHooks(child, cssTransitionProps, state, instance)
+            resolveTransitionHooks(child, cssTransitionProps, state, instance),
           )
         } else if (__DEV__) {
           warn(`<TransitionGroup> children must be keyed.`)
@@ -132,7 +132,7 @@ const TransitionGroupImpl: ComponentOptions = {
           const child = prevChildren[i]
           setTransitionHooks(
             child,
-            resolveTransitionHooks(child, cssTransitionProps, state, instance)
+            resolveTransitionHooks(child, cssTransitionProps, state, instance),
           )
           positionMap.set(child, (child.el as Element).getBoundingClientRect())
         }
@@ -140,7 +140,7 @@ const TransitionGroupImpl: ComponentOptions = {
 
       return createVNode(tag, null, children)
     }
-  }
+  },
 }
 
 if (__COMPAT__) {
@@ -192,7 +192,7 @@ function applyTranslation(c: VNode): VNode | undefined {
 function hasCSSTransform(
   el: ElementWithTransition,
   root: Node,
-  moveClass: string
+  moveClass: string,
 ): boolean {
   // Detect whether an element with the move class applied has
   // CSS transitions. Since the element may be inside an entering
diff --git a/packages/runtime-dom/src/directives/vModel.ts b/packages/runtime-dom/src/directives/vModel.ts
index 89cd5f9d49f..c51d8d08d81 100644
--- a/packages/runtime-dom/src/directives/vModel.ts
+++ b/packages/runtime-dom/src/directives/vModel.ts
@@ -3,7 +3,7 @@ import {
   VNode,
   DirectiveHook,
   DirectiveBinding,
-  warn
+  warn,
 } from '@vue/runtime-core'
 import { addEventListener } from '../modules/events'
 import {
@@ -12,7 +12,7 @@ import {
   looseIndexOf,
   invokeArrayFns,
   looseToNumber,
-  isSet
+  isSet,
 } from '@vue/shared'
 
 type AssignerFn = (value: any) => void
@@ -101,7 +101,7 @@ export const vModelText: ModelDirective<
     if (el.value !== newValue) {
       el.value = newValue
     }
-  }
+  },
 }
 
 export const vModelCheckbox: ModelDirective<HTMLInputElement> = {
@@ -142,13 +142,13 @@ export const vModelCheckbox: ModelDirective<HTMLInputElement> = {
   beforeUpdate(el, binding, vnode) {
     el[assignKey] = getModelAssigner(vnode)
     setChecked(el, binding, vnode)
-  }
+  },
 }
 
 function setChecked(
   el: HTMLInputElement,
   { value, oldValue }: DirectiveBinding,
-  vnode: VNode
+  vnode: VNode,
 ) {
   // store the v-model value on the element so it can be accessed by the
   // change listener.
@@ -175,7 +175,7 @@ export const vModelRadio: ModelDirective<HTMLInputElement> = {
     if (value !== oldValue) {
       el.checked = looseEqual(value, vnode.props!.value)
     }
-  }
+  },
 }
 
 export const vModelSelect: ModelDirective<HTMLSelectElement> = {
@@ -187,14 +187,14 @@ export const vModelSelect: ModelDirective<HTMLSelectElement> = {
       const selectedVal = Array.prototype.filter
         .call(el.options, (o: HTMLOptionElement) => o.selected)
         .map((o: HTMLOptionElement) =>
-          number ? looseToNumber(getValue(o)) : getValue(o)
+          number ? looseToNumber(getValue(o)) : getValue(o),
         )
       el[assignKey](
         el.multiple
           ? isSetModel
             ? new Set(selectedVal)
             : selectedVal
-          : selectedVal[0]
+          : selectedVal[0],
       )
     })
     el[assignKey] = getModelAssigner(vnode)
@@ -209,7 +209,7 @@ export const vModelSelect: ModelDirective<HTMLSelectElement> = {
   },
   updated(el, { value }) {
     setSelected(el, value)
-  }
+  },
 }
 
 function setSelected(el: HTMLSelectElement, value: any) {
@@ -218,7 +218,7 @@ function setSelected(el: HTMLSelectElement, value: any) {
     __DEV__ &&
       warn(
         `<select multiple v-model> expects an Array or Set value for its binding, ` +
-          `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
+          `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`,
       )
     return
   }
@@ -251,7 +251,7 @@ function getValue(el: HTMLOptionElement | HTMLInputElement) {
 // retrieve raw value for true-value and false-value set via :true-value or :false-value bindings
 function getCheckboxValue(
   el: HTMLInputElement & { _trueValue?: any; _falseValue?: any },
-  checked: boolean
+  checked: boolean,
 ) {
   const key = checked ? '_trueValue' : '_falseValue'
   return key in el ? el[key] : checked
@@ -271,7 +271,7 @@ export const vModelDynamic: ObjectDirective<
   },
   updated(el, binding, vnode, prevVNode) {
     callModelHook(el, binding, vnode, prevVNode, 'updated')
-  }
+  },
 }
 
 function resolveDynamicModel(tagName: string, type: string | undefined) {
@@ -297,11 +297,11 @@ function callModelHook(
   binding: DirectiveBinding,
   vnode: VNode,
   prevVNode: VNode | null,
-  hook: keyof ObjectDirective
+  hook: keyof ObjectDirective,
 ) {
   const modelToUse = resolveDynamicModel(
     el.tagName,
-    vnode.props && vnode.props.type
+    vnode.props && vnode.props.type,
   )
   const fn = modelToUse[hook] as DirectiveHook
   fn && fn(el, binding, vnode, prevVNode)
@@ -339,7 +339,7 @@ export function initVModelForSSR() {
     const modelToUse = resolveDynamicModel(
       // resolveDynamicModel expects an uppercase tag name, but vnode.type is lowercase
       vnode.type.toUpperCase(),
-      vnode.props && vnode.props.type
+      vnode.props && vnode.props.type,
     )
     if (modelToUse.getSSRProps) {
       return modelToUse.getSSRProps(binding, vnode)
diff --git a/packages/runtime-dom/src/directives/vOn.ts b/packages/runtime-dom/src/directives/vOn.ts
index 06e596266cf..01f854b8c48 100644
--- a/packages/runtime-dom/src/directives/vOn.ts
+++ b/packages/runtime-dom/src/directives/vOn.ts
@@ -3,7 +3,7 @@ import {
   DeprecationTypes,
   LegacyConfig,
   compatUtils,
-  ComponentInternalInstance
+  ComponentInternalInstance,
 } from '@vue/runtime-core'
 import { hyphenate, isArray } from '@vue/shared'
 
@@ -26,7 +26,7 @@ const modifierGuards: Record<
   middle: e => 'button' in e && (e as MouseEvent).button !== 1,
   right: e => 'button' in e && (e as MouseEvent).button !== 2,
   exact: (e, modifiers) =>
-    systemModifiers.some(m => (e as any)[`${m}Key`] && !modifiers.includes(m))
+    systemModifiers.some(m => (e as any)[`${m}Key`] && !modifiers.includes(m)),
 }
 
 /**
@@ -51,7 +51,7 @@ const keyNames: Record<string, string | string[]> = {
   left: 'arrow-left',
   right: 'arrow-right',
   down: 'arrow-down',
-  delete: 'backspace'
+  delete: 'backspace',
 }
 
 /**
@@ -72,7 +72,7 @@ export const withKeys = (fn: Function, modifiers: string[]) => {
     if (__DEV__ && modifiers.some(m => /^\d+$/.test(m))) {
       compatUtils.warnDeprecation(
         DeprecationTypes.V_ON_KEYCODE_MODIFIER,
-        instance
+        instance,
       )
     }
   }
@@ -92,7 +92,7 @@ export const withKeys = (fn: Function, modifiers: string[]) => {
       if (
         compatUtils.isCompatEnabled(
           DeprecationTypes.V_ON_KEYCODE_MODIFIER,
-          instance
+          instance,
         ) &&
         modifiers.some(mod => mod == keyCode)
       ) {
diff --git a/packages/runtime-dom/src/directives/vShow.ts b/packages/runtime-dom/src/directives/vShow.ts
index b848ec9980f..43dc274d9ec 100644
--- a/packages/runtime-dom/src/directives/vShow.ts
+++ b/packages/runtime-dom/src/directives/vShow.ts
@@ -39,7 +39,7 @@ export const vShow: ObjectDirective<VShowElement> = {
   },
   beforeUnmount(el, { value }) {
     setDisplay(el, value)
-  }
+  },
 }
 
 function setDisplay(el: VShowElement, value: unknown): void {
diff --git a/packages/runtime-dom/src/helpers/useCssVars.ts b/packages/runtime-dom/src/helpers/useCssVars.ts
index e0a95c9ca99..eb2e2164921 100644
--- a/packages/runtime-dom/src/helpers/useCssVars.ts
+++ b/packages/runtime-dom/src/helpers/useCssVars.ts
@@ -6,7 +6,7 @@ import {
   Static,
   watchPostEffect,
   onMounted,
-  onUnmounted
+  onUnmounted,
 } from '@vue/runtime-core'
 import { ShapeFlags } from '@vue/shared'
 
@@ -27,7 +27,7 @@ export function useCssVars(getter: (ctx: any) => Record<string, string>) {
 
   const updateTeleports = (instance.ut = (vars = getter(instance.proxy)) => {
     Array.from(
-      document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
+      document.querySelectorAll(`[data-v-owner="${instance.uid}"]`),
     ).forEach(node => setVarsOnNode(node, vars))
   })
 
diff --git a/packages/runtime-dom/src/index.ts b/packages/runtime-dom/src/index.ts
index ad818a34bb7..34e454f2f05 100644
--- a/packages/runtime-dom/src/index.ts
+++ b/packages/runtime-dom/src/index.ts
@@ -10,7 +10,7 @@ import {
   RootHydrateFunction,
   isRuntimeOnly,
   DeprecationTypes,
-  compatUtils
+  compatUtils,
 } from '@vue/runtime-core'
 import { nodeOps } from './nodeOps'
 import { patchProp } from './patchProp'
@@ -21,7 +21,7 @@ import {
   isHTMLTag,
   isSVGTag,
   extend,
-  NOOP
+  NOOP,
 } from '@vue/shared'
 
 declare module '@vue/reactivity' {
@@ -89,7 +89,7 @@ export const createApp = ((...args) => {
           if (attr.name !== 'v-cloak' && /^(v-|:|@)/.test(attr.name)) {
             compatUtils.warnDeprecation(
               DeprecationTypes.GLOBAL_MOUNT_CONTAINER,
-              null
+              null,
             )
             break
           }
@@ -134,7 +134,7 @@ function injectNativeTagCheck(app: App) {
   // this is used for component name validation (dev only)
   Object.defineProperty(app.config, 'isNativeTag', {
     value: (tag: string) => isHTMLTag(tag) || isSVGTag(tag),
-    writable: false
+    writable: false,
   })
 }
 
@@ -149,9 +149,9 @@ function injectCompilerOptionsCheck(app: App) {
       set() {
         warn(
           `The \`isCustomElement\` config option is deprecated. Use ` +
-            `\`compilerOptions.isCustomElement\` instead.`
+            `\`compilerOptions.isCustomElement\` instead.`,
         )
-      }
+      },
     })
 
     const compilerOptions = app.config.compilerOptions
@@ -171,19 +171,19 @@ function injectCompilerOptionsCheck(app: App) {
       },
       set() {
         warn(msg)
-      }
+      },
     })
   }
 }
 
 function normalizeContainer(
-  container: Element | ShadowRoot | string
+  container: Element | ShadowRoot | string,
 ): Element | null {
   if (isString(container)) {
     const res = document.querySelector(container)
     if (__DEV__ && !res) {
       warn(
-        `Failed to mount app: mount target selector "${container}" returned null.`
+        `Failed to mount app: mount target selector "${container}" returned null.`,
       )
     }
     return res
@@ -195,7 +195,7 @@ function normalizeContainer(
     container.mode === 'closed'
   ) {
     warn(
-      `mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`
+      `mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`,
     )
   }
   return container as any
@@ -206,7 +206,7 @@ export {
   defineCustomElement,
   defineSSRCustomElement,
   VueElement,
-  type VueElementConstructor
+  type VueElementConstructor,
 } from './apiCustomElement'
 
 // SFC CSS utilities
@@ -217,7 +217,7 @@ export { useCssVars } from './helpers/useCssVars'
 export { Transition, type TransitionProps } from './components/Transition'
 export {
   TransitionGroup,
-  type TransitionGroupProps
+  type TransitionGroupProps,
 } from './components/TransitionGroup'
 
 // **Internal** DOM-only runtime directive helpers
@@ -226,7 +226,7 @@ export {
   vModelCheckbox,
   vModelRadio,
   vModelSelect,
-  vModelDynamic
+  vModelDynamic,
 } from './directives/vModel'
 export { withModifiers, withKeys } from './directives/vOn'
 export { vShow } from './directives/vShow'
diff --git a/packages/runtime-dom/src/modules/attrs.ts b/packages/runtime-dom/src/modules/attrs.ts
index 41648ed50dc..a0bc6ed8464 100644
--- a/packages/runtime-dom/src/modules/attrs.ts
+++ b/packages/runtime-dom/src/modules/attrs.ts
@@ -2,12 +2,12 @@ import {
   includeBooleanAttr,
   isSpecialBooleanAttr,
   makeMap,
-  NOOP
+  NOOP,
 } from '@vue/shared'
 import {
   compatUtils,
   ComponentInternalInstance,
-  DeprecationTypes
+  DeprecationTypes,
 } from '@vue/runtime-core'
 
 export const xlinkNS = 'http://www.w3.org/1999/xlink'
@@ -17,7 +17,7 @@ export function patchAttr(
   key: string,
   value: any,
   isSVG: boolean,
-  instance?: ComponentInternalInstance | null
+  instance?: ComponentInternalInstance | null,
 ) {
   if (isSVG && key.startsWith('xlink:')) {
     if (value == null) {
@@ -50,7 +50,7 @@ export function compatCoerceAttr(
   el: Element,
   key: string,
   value: unknown,
-  instance: ComponentInternalInstance | null = null
+  instance: ComponentInternalInstance | null = null,
 ): boolean {
   if (isEnumeratedAttr(key)) {
     const v2CoercedValue =
@@ -66,7 +66,7 @@ export function compatCoerceAttr(
         instance,
         key,
         value,
-        v2CoercedValue
+        v2CoercedValue,
       )
     ) {
       el.setAttribute(key, v2CoercedValue)
@@ -78,7 +78,7 @@ export function compatCoerceAttr(
     compatUtils.softAssertCompatEnabled(
       DeprecationTypes.ATTR_FALSE_VALUE,
       instance,
-      key
+      key,
     )
   ) {
     el.removeAttribute(key)
diff --git a/packages/runtime-dom/src/modules/events.ts b/packages/runtime-dom/src/modules/events.ts
index 884c55c9232..7a144faecfb 100644
--- a/packages/runtime-dom/src/modules/events.ts
+++ b/packages/runtime-dom/src/modules/events.ts
@@ -2,7 +2,7 @@ import { hyphenate, isArray } from '@vue/shared'
 import {
   ErrorCodes,
   ComponentInternalInstance,
-  callWithAsyncErrorHandling
+  callWithAsyncErrorHandling,
 } from '@vue/runtime-core'
 
 interface Invoker extends EventListener {
@@ -16,7 +16,7 @@ export function addEventListener(
   el: Element,
   event: string,
   handler: EventListener,
-  options?: EventListenerOptions
+  options?: EventListenerOptions,
 ) {
   el.addEventListener(event, handler, options)
 }
@@ -25,7 +25,7 @@ export function removeEventListener(
   el: Element,
   event: string,
   handler: EventListener,
-  options?: EventListenerOptions
+  options?: EventListenerOptions,
 ) {
   el.removeEventListener(event, handler, options)
 }
@@ -37,7 +37,7 @@ export function patchEvent(
   rawName: string,
   prevValue: EventValue | null,
   nextValue: EventValue | null,
-  instance: ComponentInternalInstance | null = null
+  instance: ComponentInternalInstance | null = null,
 ) {
   // vei = vue event invokers
   const invokers = el[veiKey] || (el[veiKey] = {})
@@ -84,7 +84,7 @@ const getNow = () =>
 
 function createInvoker(
   initialValue: EventValue,
-  instance: ComponentInternalInstance | null
+  instance: ComponentInternalInstance | null,
 ) {
   const invoker: Invoker = (e: Event & { _vts?: number }) => {
     // async edge case vuejs/vue#6566
@@ -108,7 +108,7 @@ function createInvoker(
       patchStopImmediatePropagation(e, invoker.value),
       instance,
       ErrorCodes.NATIVE_EVENT_HANDLER,
-      [e]
+      [e],
     )
   }
   invoker.value = initialValue
@@ -118,7 +118,7 @@ function createInvoker(
 
 function patchStopImmediatePropagation(
   e: Event,
-  value: EventValue
+  value: EventValue,
 ): EventValue {
   if (isArray(value)) {
     const originalStop = e.stopImmediatePropagation
diff --git a/packages/runtime-dom/src/modules/props.ts b/packages/runtime-dom/src/modules/props.ts
index cdf9d84cf5d..2032bdc7920 100644
--- a/packages/runtime-dom/src/modules/props.ts
+++ b/packages/runtime-dom/src/modules/props.ts
@@ -16,7 +16,7 @@ export function patchDOMProp(
   prevChildren: any,
   parentComponent: any,
   parentSuspense: any,
-  unmountChildren: any
+  unmountChildren: any,
 ) {
   if (key === 'innerHTML' || key === 'textContent') {
     if (prevChildren) {
@@ -71,7 +71,7 @@ export function patchDOMProp(
       value === false &&
       compatUtils.isCompatEnabled(
         DeprecationTypes.ATTR_FALSE_VALUE,
-        parentComponent
+        parentComponent,
       )
     ) {
       const type = typeof el[key]
@@ -80,7 +80,7 @@ export function patchDOMProp(
           compatUtils.warnDeprecation(
             DeprecationTypes.ATTR_FALSE_VALUE,
             parentComponent,
-            key
+            key,
           )
         value = type === 'number' ? 0 : ''
         needRemove = true
@@ -99,7 +99,7 @@ export function patchDOMProp(
       warn(
         `Failed setting prop "${key}" on <${tag.toLowerCase()}>: ` +
           `value ${value} is invalid.`,
-        e
+        e,
       )
     }
   }
diff --git a/packages/runtime-dom/src/modules/style.ts b/packages/runtime-dom/src/modules/style.ts
index c18fd8aa9d5..4c060c4d4e0 100644
--- a/packages/runtime-dom/src/modules/style.ts
+++ b/packages/runtime-dom/src/modules/style.ts
@@ -42,7 +42,7 @@ const importantRE = /\s*!important$/
 function setStyle(
   style: CSSStyleDeclaration,
   name: string,
-  val: string | string[]
+  val: string | string[],
 ) {
   if (isArray(val)) {
     val.forEach(v => setStyle(style, name, v))
@@ -51,7 +51,7 @@ function setStyle(
     if (__DEV__) {
       if (semicolonRE.test(val)) {
         warn(
-          `Unexpected semicolon at the end of '${name}' style value: '${val}'`
+          `Unexpected semicolon at the end of '${name}' style value: '${val}'`,
         )
       }
     }
@@ -65,7 +65,7 @@ function setStyle(
         style.setProperty(
           hyphenate(prefixed),
           val.replace(importantRE, ''),
-          'important'
+          'important',
         )
       } else {
         style[prefixed as any] = val
diff --git a/packages/runtime-dom/src/nodeOps.ts b/packages/runtime-dom/src/nodeOps.ts
index daf56fc6f3a..30f30c8b1d5 100644
--- a/packages/runtime-dom/src/nodeOps.ts
+++ b/packages/runtime-dom/src/nodeOps.ts
@@ -86,7 +86,7 @@ export const nodeOps: Omit<RendererOptions<Node, Element>, 'patchProp'> = {
       // first
       before ? before.nextSibling! : parent.firstChild!,
       // last
-      anchor ? anchor.previousSibling! : parent.lastChild!
+      anchor ? anchor.previousSibling! : parent.lastChild!,
     ]
-  }
+  },
 }
diff --git a/packages/runtime-dom/src/patchProp.ts b/packages/runtime-dom/src/patchProp.ts
index 6d65a63a88c..526f215fb55 100644
--- a/packages/runtime-dom/src/patchProp.ts
+++ b/packages/runtime-dom/src/patchProp.ts
@@ -19,7 +19,7 @@ export const patchProp: DOMRendererOptions['patchProp'] = (
   prevChildren,
   parentComponent,
   parentSuspense,
-  unmountChildren
+  unmountChildren,
 ) => {
   if (key === 'class') {
     patchClass(el, nextValue, isSVG)
@@ -44,7 +44,7 @@ export const patchProp: DOMRendererOptions['patchProp'] = (
       prevChildren,
       parentComponent,
       parentSuspense,
-      unmountChildren
+      unmountChildren,
     )
   } else {
     // special case for <input v-model type="checkbox"> with
@@ -64,7 +64,7 @@ function shouldSetAsProp(
   el: Element,
   key: string,
   value: unknown,
-  isSVG: boolean
+  isSVG: boolean,
 ) {
   if (isSVG) {
     // most keys must be set as attribute on svg elements to work
diff --git a/packages/runtime-test/__tests__/testRuntime.spec.ts b/packages/runtime-test/__tests__/testRuntime.spec.ts
index b148e72a48b..6ad627950b2 100644
--- a/packages/runtime-test/__tests__/testRuntime.spec.ts
+++ b/packages/runtime-test/__tests__/testRuntime.spec.ts
@@ -12,7 +12,7 @@ import {
   NodeOpTypes,
   nextTick,
   serialize,
-  triggerEvent
+  triggerEvent,
 } from '../src'
 
 describe('test renderer', () => {
@@ -22,11 +22,11 @@ describe('test renderer', () => {
       h(
         'div',
         {
-          id: 'test'
+          id: 'test',
         },
-        'hello'
+        'hello',
       ),
-      root
+      root,
     )
 
     expect(root.children.length).toBe(1)
@@ -44,7 +44,7 @@ describe('test renderer', () => {
   it('should record ops', async () => {
     const state = reactive({
       id: 'test',
-      text: 'hello'
+      text: 'hello',
     })
 
     const App = {
@@ -52,11 +52,11 @@ describe('test renderer', () => {
         return h(
           'div',
           {
-            id: state.id
+            id: state.id,
           },
-          state.text
+          state.text,
         )
-      }
+      },
     }
     const root = nodeOps.createElement('div')
 
@@ -70,13 +70,13 @@ describe('test renderer', () => {
       type: NodeOpTypes.CREATE,
       nodeType: TestNodeTypes.ELEMENT,
       tag: 'div',
-      targetNode: root.children[0]
+      targetNode: root.children[0],
     })
 
     expect(ops[1]).toEqual({
       type: NodeOpTypes.SET_ELEMENT_TEXT,
       text: 'hello',
-      targetNode: root.children[0]
+      targetNode: root.children[0],
     })
 
     expect(ops[2]).toEqual({
@@ -84,14 +84,14 @@ describe('test renderer', () => {
       targetNode: root.children[0],
       propKey: 'id',
       propPrevValue: null,
-      propNextValue: 'test'
+      propNextValue: 'test',
     })
 
     expect(ops[3]).toEqual({
       type: NodeOpTypes.INSERT,
       targetNode: root.children[0],
       parentNode: root,
-      refNode: null
+      refNode: null,
     })
 
     // test update ops
@@ -105,7 +105,7 @@ describe('test renderer', () => {
     expect(updateOps[0]).toEqual({
       type: NodeOpTypes.SET_ELEMENT_TEXT,
       targetNode: root.children[0],
-      text: 'bar'
+      text: 'bar',
     })
 
     expect(updateOps[1]).toEqual({
@@ -113,7 +113,7 @@ describe('test renderer', () => {
       targetNode: root.children[0],
       propKey: 'id',
       propPrevValue: 'test',
-      propNextValue: 'foo'
+      propNextValue: 'foo',
     })
   })
 
@@ -124,16 +124,16 @@ describe('test renderer', () => {
           'div',
           {
             id: 'test',
-            boolean: ''
+            boolean: '',
           },
-          [h('span', 'foo'), 'hello']
+          [h('span', 'foo'), 'hello'],
         )
-      }
+      },
     }
     const root = nodeOps.createElement('div')
     render(h(App), root)
     expect(serialize(root)).toEqual(
-      `<div><div id="test" boolean><span>foo</span>hello</div></div>`
+      `<div><div id="test" boolean><span>foo</span>hello</div></div>`,
     )
     // indented output
     expect(serialize(root, 2)).toEqual(
@@ -144,7 +144,7 @@ describe('test renderer', () => {
     </span>
     hello
   </div>
-</div>`
+</div>`,
     )
   })
 
@@ -157,9 +157,9 @@ describe('test renderer', () => {
         {
           onClick: () => {
             count.value++
-          }
+          },
         },
-        count.value
+        count.value,
       )
     }
 
@@ -185,10 +185,10 @@ describe('test renderer', () => {
             },
             () => {
               count2.value++
-            }
-          ]
+            },
+          ],
         },
-        `${count.value}, ${count2.value}`
+        `${count.value}, ${count2.value}`,
       )
     }
 
diff --git a/packages/runtime-test/src/index.ts b/packages/runtime-test/src/index.ts
index e90d611928e..2661c5fa9a9 100644
--- a/packages/runtime-test/src/index.ts
+++ b/packages/runtime-test/src/index.ts
@@ -2,7 +2,7 @@ import {
   createRenderer,
   VNode,
   RootRenderFunction,
-  CreateAppFunction
+  CreateAppFunction,
 } from '@vue/runtime-core'
 import { nodeOps, TestElement } from './nodeOps'
 import { patchProp } from './patchProp'
@@ -10,7 +10,7 @@ import { serializeInner } from './serialize'
 import { extend } from '@vue/shared'
 
 const { render: baseRender, createApp: baseCreateApp } = createRenderer(
-  extend({ patchProp }, nodeOps)
+  extend({ patchProp }, nodeOps),
 )
 
 export const render = baseRender as RootRenderFunction<TestElement>
diff --git a/packages/runtime-test/src/nodeOps.ts b/packages/runtime-test/src/nodeOps.ts
index a3a8012f280..763b1de2e94 100644
--- a/packages/runtime-test/src/nodeOps.ts
+++ b/packages/runtime-test/src/nodeOps.ts
@@ -3,7 +3,7 @@ import { markRaw } from '@vue/reactivity'
 export const enum TestNodeTypes {
   TEXT = 'text',
   ELEMENT = 'element',
-  COMMENT = 'comment'
+  COMMENT = 'comment',
 }
 
 export const enum NodeOpTypes {
@@ -12,7 +12,7 @@ export const enum NodeOpTypes {
   REMOVE = 'remove',
   SET_TEXT = 'setText',
   SET_ELEMENT_TEXT = 'setElementText',
-  PATCH = 'patch'
+  PATCH = 'patch',
 }
 
 export interface TestElement {
@@ -79,13 +79,13 @@ function createElement(tag: string): TestElement {
     children: [],
     props: {},
     parentNode: null,
-    eventListeners: null
+    eventListeners: null,
   }
   logNodeOp({
     type: NodeOpTypes.CREATE,
     nodeType: TestNodeTypes.ELEMENT,
     targetNode: node,
-    tag
+    tag,
   })
   // avoid test nodes from being observed
   markRaw(node)
@@ -97,13 +97,13 @@ function createText(text: string): TestText {
     id: nodeId++,
     type: TestNodeTypes.TEXT,
     text,
-    parentNode: null
+    parentNode: null,
   }
   logNodeOp({
     type: NodeOpTypes.CREATE,
     nodeType: TestNodeTypes.TEXT,
     targetNode: node,
-    text
+    text,
   })
   // avoid test nodes from being observed
   markRaw(node)
@@ -115,13 +115,13 @@ function createComment(text: string): TestComment {
     id: nodeId++,
     type: TestNodeTypes.COMMENT,
     text,
-    parentNode: null
+    parentNode: null,
   }
   logNodeOp({
     type: NodeOpTypes.CREATE,
     nodeType: TestNodeTypes.COMMENT,
     targetNode: node,
-    text
+    text,
   })
   // avoid test nodes from being observed
   markRaw(node)
@@ -132,7 +132,7 @@ function setText(node: TestText, text: string) {
   logNodeOp({
     type: NodeOpTypes.SET_TEXT,
     targetNode: node,
-    text
+    text,
   })
   node.text = text
 }
@@ -151,7 +151,7 @@ function insert(child: TestNode, parent: TestElement, ref?: TestNode | null) {
     type: NodeOpTypes.INSERT,
     targetNode: child,
     parentNode: parent,
-    refNode: ref
+    refNode: ref,
   })
   // remove the node first, but don't log it as a REMOVE op
   remove(child, false)
@@ -173,7 +173,7 @@ function remove(child: TestNode, logOp = true) {
       logNodeOp({
         type: NodeOpTypes.REMOVE,
         targetNode: child,
-        parentNode: parent
+        parentNode: parent,
       })
     }
     const i = parent.children.indexOf(child)
@@ -192,7 +192,7 @@ function setElementText(el: TestElement, text: string) {
   logNodeOp({
     type: NodeOpTypes.SET_ELEMENT_TEXT,
     targetNode: el,
-    text
+    text,
   })
   el.children.forEach(c => {
     c.parentNode = null
@@ -205,8 +205,8 @@ function setElementText(el: TestElement, text: string) {
         id: nodeId++,
         type: TestNodeTypes.TEXT,
         text,
-        parentNode: el
-      }
+        parentNode: el,
+      },
     ]
   }
 }
@@ -243,5 +243,5 @@ export const nodeOps = {
   parentNode,
   nextSibling,
   querySelector,
-  setScopeId
+  setScopeId,
 }
diff --git a/packages/runtime-test/src/patchProp.ts b/packages/runtime-test/src/patchProp.ts
index 3ebc64d1b04..2689fbf2b2f 100644
--- a/packages/runtime-test/src/patchProp.ts
+++ b/packages/runtime-test/src/patchProp.ts
@@ -5,14 +5,14 @@ export function patchProp(
   el: TestElement,
   key: string,
   prevValue: any,
-  nextValue: any
+  nextValue: any,
 ) {
   logNodeOp({
     type: NodeOpTypes.PATCH,
     targetNode: el,
     propKey: key,
     propPrevValue: prevValue,
-    propNextValue: nextValue
+    propNextValue: nextValue,
   })
   el.props[key] = nextValue
   if (isOn(key)) {
diff --git a/packages/runtime-test/src/serialize.ts b/packages/runtime-test/src/serialize.ts
index 21cfb2e1a05..51d1cb7f1b6 100644
--- a/packages/runtime-test/src/serialize.ts
+++ b/packages/runtime-test/src/serialize.ts
@@ -3,14 +3,14 @@ import {
   TestNode,
   TestNodeTypes,
   TestText,
-  TestComment
+  TestComment,
 } from './nodeOps'
 import { isOn } from '@vue/shared'
 
 export function serialize(
   node: TestNode,
   indent: number = 0,
-  depth: number = 0
+  depth: number = 0,
 ): string {
   if (node.type === TestNodeTypes.ELEMENT) {
     return serializeElement(node, indent, depth)
@@ -22,7 +22,7 @@ export function serialize(
 export function serializeInner(
   node: TestElement,
   indent: number = 0,
-  depth: number = 0
+  depth: number = 0,
 ) {
   const newLine = indent ? `\n` : ``
   return node.children.length
@@ -35,7 +35,7 @@ export function serializeInner(
 function serializeElement(
   node: TestElement,
   indent: number,
-  depth: number
+  depth: number,
 ): string {
   const props = Object.keys(node.props)
     .map(key => {
@@ -59,7 +59,7 @@ function serializeElement(
 function serializeText(
   node: TestText | TestComment,
   indent: number,
-  depth: number
+  depth: number,
 ): string {
   const padding = indent ? ` `.repeat(indent).repeat(depth) : ``
   return (
diff --git a/packages/runtime-test/src/triggerEvent.ts b/packages/runtime-test/src/triggerEvent.ts
index 89ee71f208f..f8501e0f22c 100644
--- a/packages/runtime-test/src/triggerEvent.ts
+++ b/packages/runtime-test/src/triggerEvent.ts
@@ -4,7 +4,7 @@ import { TestElement } from './nodeOps'
 export function triggerEvent(
   el: TestElement,
   event: string,
-  payload: any[] = []
+  payload: any[] = [],
 ) {
   const { eventListeners } = el
   if (eventListeners) {
diff --git a/packages/server-renderer/__tests__/render.spec.ts b/packages/server-renderer/__tests__/render.spec.ts
index 0abaebf088e..51c01f7a519 100644
--- a/packages/server-renderer/__tests__/render.spec.ts
+++ b/packages/server-renderer/__tests__/render.spec.ts
@@ -17,7 +17,7 @@ import {
   renderSlot,
   onErrorCaptured,
   onServerPrefetch,
-  getCurrentInstance
+  getCurrentInstance,
 } from 'vue'
 import { escapeHtml } from '@vue/shared'
 import { renderToString } from '../src/renderToString'
@@ -51,7 +51,7 @@ const pipeToWritable = (app: any, context?: any) => {
     transform(data, _encoding, cb) {
       this.push(data)
       cb()
-    }
+    },
   })
   pipeToNodeWritable(app, context, stream)
   return promisifyStream(stream)
@@ -69,10 +69,10 @@ function testRender(type: string, render: typeof renderToString) {
         render() {
           const Foo = resolveComponent('foo') as ComponentOptions
           return h(Foo)
-        }
+        },
       })
       app.component('foo', {
-        render: () => h('div', 'foo')
+        render: () => h('div', 'foo'),
       })
       const html = await render(app)
       expect(html).toBe(`<div>foo</div>`)
@@ -88,9 +88,9 @@ function testRender(type: string, render: typeof renderToString) {
               },
               render(this: any) {
                 return h('div', this.msg)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
@@ -101,9 +101,9 @@ function testRender(type: string, render: typeof renderToString) {
               setup() {
                 const msg = ref('hello')
                 return () => h('div', msg.value)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
@@ -114,9 +114,9 @@ function testRender(type: string, render: typeof renderToString) {
               defineComponent(() => {
                 const msg = ref('hello')
                 return () => h('div', msg.value)
-              })
-            )
-          )
+              }),
+            ),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
@@ -131,11 +131,11 @@ function testRender(type: string, render: typeof renderToString) {
                   },
                   render() {
                     return h('div', this.msg)
-                  }
-                })
-              })
-            )
-          )
+                  },
+                }),
+              }),
+            ),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
@@ -151,12 +151,12 @@ function testRender(type: string, render: typeof renderToString) {
                     },
                     render() {
                       return h('div', this.msg)
-                    }
-                  })
-                ]
-              })
-            )
-          )
+                    },
+                  }),
+                ],
+              }),
+            ),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
@@ -169,9 +169,9 @@ function testRender(type: string, render: typeof renderToString) {
               },
               ssrRender(ctx, push) {
                 push(`<div>${ctx.msg}</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
@@ -180,7 +180,7 @@ function testRender(type: string, render: typeof renderToString) {
           props: ['msg'],
           render(this: any) {
             return h('div', this.msg)
-          }
+          },
         }
 
         expect(
@@ -188,9 +188,9 @@ function testRender(type: string, render: typeof renderToString) {
             createApp({
               render() {
                 return h('div', ['parent', h(Child, { msg: 'hello' })])
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>parent<div>hello</div></div>`)
       })
 
@@ -199,7 +199,7 @@ function testRender(type: string, render: typeof renderToString) {
           props: ['msg'],
           ssrRender(ctx: any, push: any) {
             push(`<div>${ctx.msg}</div>`)
-          }
+          },
         }
 
         expect(
@@ -209,19 +209,19 @@ function testRender(type: string, render: typeof renderToString) {
                 push(`<div>parent`)
                 push(ssrRenderComponent(Child, { msg: 'hello' }, null, parent))
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>parent<div>hello</div></div>`)
       })
 
       test('nested template components', async () => {
         const Child = {
           props: ['msg'],
-          template: `<div>{{ msg }}</div>`
+          template: `<div>{{ msg }}</div>`,
         }
         const app = createApp({
-          template: `<div>parent<Child msg="hello" /></div>`
+          template: `<div>parent<Child msg="hello" /></div>`,
         })
         app.component('Child', Child)
 
@@ -230,19 +230,19 @@ function testRender(type: string, render: typeof renderToString) {
 
       test('template components with dynamic class attribute after static', async () => {
         const app = createApp({
-          template: `<div><div class="child" :class="'dynamic'"></div></div>`
+          template: `<div><div class="child" :class="'dynamic'"></div></div>`,
         })
         expect(await render(app)).toBe(
-          `<div><div class="dynamic child"></div></div>`
+          `<div><div class="dynamic child"></div></div>`,
         )
       })
 
       test('template components with dynamic class attribute before static', async () => {
         const app = createApp({
-          template: `<div><div :class="'dynamic'" class="child"></div></div>`
+          template: `<div><div :class="'dynamic'" class="child"></div></div>`,
         })
         expect(await render(app)).toBe(
-          `<div><div class="dynamic child"></div></div>`
+          `<div><div class="dynamic child"></div></div>`,
         )
       })
 
@@ -251,19 +251,19 @@ function testRender(type: string, render: typeof renderToString) {
           props: ['msg'],
           ssrRender(ctx: any, push: any) {
             push(`<div>${ctx.msg}</div>`)
-          }
+          },
         }
 
         const VNodeChild = {
           props: ['msg'],
           render(this: any) {
             return h('div', this.msg)
-          }
+          },
         }
 
         const TemplateChild = {
           props: ['msg'],
-          template: `<div>{{ msg }}</div>`
+          template: `<div>{{ msg }}</div>`,
         }
 
         expect(
@@ -276,26 +276,31 @@ function testRender(type: string, render: typeof renderToString) {
                     OptimizedChild,
                     { msg: 'opt' },
                     null,
-                    parent
-                  )
+                    parent,
+                  ),
                 )
                 push(
-                  ssrRenderComponent(VNodeChild, { msg: 'vnode' }, null, parent)
+                  ssrRenderComponent(
+                    VNodeChild,
+                    { msg: 'vnode' },
+                    null,
+                    parent,
+                  ),
                 )
                 push(
                   ssrRenderComponent(
                     TemplateChild,
                     { msg: 'template' },
                     null,
-                    parent
-                  )
+                    parent,
+                  ),
                 )
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(
-          `<div>parent<div>opt</div><div>vnode</div><div>template</div></div>`
+          `<div>parent<div>opt</div><div>vnode</div><div>template</div></div>`,
         )
       })
 
@@ -304,12 +309,12 @@ function testRender(type: string, render: typeof renderToString) {
           // should wait for resolved render context from setup()
           async setup() {
             return {
-              msg: 'hello'
+              msg: 'hello',
             }
           },
           ssrRender(ctx: any, push: any) {
             push(`<div>${ctx.msg}</div>`)
-          }
+          },
         }
 
         expect(
@@ -319,9 +324,9 @@ function testRender(type: string, render: typeof renderToString) {
                 push(`<div>parent`)
                 push(ssrRenderComponent(Child, null, null, parent))
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>parent<div>hello</div></div>`)
       })
 
@@ -330,24 +335,24 @@ function testRender(type: string, render: typeof renderToString) {
           props: ['msg'],
           async setup(props: any) {
             return {
-              localMsg: props.msg + '!'
+              localMsg: props.msg + '!',
             }
           },
           ssrRender(ctx: any, push: any) {
             push(`<div>${ctx.localMsg}</div>`)
-          }
+          },
         }
 
         const VNodeChild = {
           props: ['msg'],
           async setup(props: any) {
             return {
-              localMsg: props.msg + '!'
+              localMsg: props.msg + '!',
             }
           },
           render(this: any) {
             return h('div', this.localMsg)
-          }
+          },
         }
 
         expect(
@@ -360,16 +365,21 @@ function testRender(type: string, render: typeof renderToString) {
                     OptimizedChild,
                     { msg: 'opt' },
                     null,
-                    parent
-                  )
+                    parent,
+                  ),
                 )
                 push(
-                  ssrRenderComponent(VNodeChild, { msg: 'vnode' }, null, parent)
+                  ssrRenderComponent(
+                    VNodeChild,
+                    { msg: 'vnode' },
+                    null,
+                    parent,
+                  ),
                 )
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(`<div>parent<div>opt!</div><div>vnode!</div></div>`)
       })
     })
@@ -388,10 +398,10 @@ function testRender(type: string, render: typeof renderToString) {
                 push(`fallback`)
               },
               push,
-              parent
+              parent,
             )
             push(`</div>`)
-          }
+          },
         }
 
         expect(
@@ -409,19 +419,19 @@ function testRender(type: string, render: typeof renderToString) {
                         push(`<span>${msg}</span>`)
                       }) as SSRSlot,
                       // important to avoid slots being normalized
-                      _: 1 as any
+                      _: 1 as any,
                     },
-                    parent
-                  )
+                    parent,
+                  ),
                 )
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(
           `<div>parent<div class="child">` +
             `<!--[--><span>from slot</span><!--]-->` +
-            `</div></div>`
+            `</div></div>`,
         )
 
         // test fallback
@@ -432,11 +442,11 @@ function testRender(type: string, render: typeof renderToString) {
                 push(`<div>parent`)
                 push(ssrRenderComponent(Child, { msg: 'hello' }, null, parent))
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(
-          `<div>parent<div class="child"><!--[-->fallback<!--]--></div></div>`
+          `<div>parent<div class="child"><!--[-->fallback<!--]--></div></div>`,
         )
       })
 
@@ -451,10 +461,10 @@ function testRender(type: string, render: typeof renderToString) {
               { msg: 'from slot' },
               null,
               push,
-              parent
+              parent,
             )
             push(`</div>`)
-          }
+          },
         }
 
         expect(
@@ -470,37 +480,37 @@ function testRender(type: string, render: typeof renderToString) {
                       // bailed slots returning raw vnodes
                       default: ({ msg }: any) => {
                         return h('span', msg)
-                      }
+                      },
                     },
-                    parent
-                  )
+                    parent,
+                  ),
                 )
                 push(`</div>`)
-              }
-            })
-          )
+              },
+            }),
+          ),
         ).toBe(
           `<div>parent<div class="child">` +
             `<!--[--><span>from slot</span><!--]-->` +
-            `</div></div>`
+            `</div></div>`,
         )
       })
 
       test('nested components with template slots', async () => {
         const Child = {
           props: ['msg'],
-          template: `<div class="child"><slot msg="from slot"></slot></div>`
+          template: `<div class="child"><slot msg="from slot"></slot></div>`,
         }
 
         const app = createApp({
           components: { Child },
-          template: `<div>parent<Child v-slot="{ msg }"><span>{{ msg }}</span></Child></div>`
+          template: `<div>parent<Child v-slot="{ msg }"><span>{{ msg }}</span></Child></div>`,
         })
 
         expect(await render(app)).toBe(
           `<div>parent<div class="child">` +
             `<!--[--><span>from slot</span><!--]-->` +
-            `</div></div>`
+            `</div></div>`,
         )
       })
 
@@ -511,15 +521,15 @@ function testRender(type: string, render: typeof renderToString) {
             return h(
               'div',
               {
-                class: 'child'
+                class: 'child',
               },
-              this.$slots.default({ msg: 'from slot' })
+              this.$slots.default({ msg: 'from slot' }),
             )
-          }
+          },
         }
 
         const app = createApp({
-          template: `<div>parent<Child v-slot="{ msg }"><span>{{ msg }}</span></Child></div>`
+          template: `<div>parent<Child v-slot="{ msg }"><span>{{ msg }}</span></Child></div>`,
         })
         app.component('Child', Child)
 
@@ -527,69 +537,69 @@ function testRender(type: string, render: typeof renderToString) {
           `<div>parent<div class="child">` +
             // no comment anchors because slot is used directly as element children
             `<span>from slot</span>` +
-            `</div></div>`
+            `</div></div>`,
         )
       })
 
       test('template slots forwarding', async () => {
         const Child = {
-          template: `<div><slot/></div>`
+          template: `<div><slot/></div>`,
         }
 
         const Parent = {
           components: { Child },
-          template: `<Child><slot/></Child>`
+          template: `<Child><slot/></Child>`,
         }
 
         const app = createApp({
           components: { Parent },
-          template: `<Parent>hello</Parent>`
+          template: `<Parent>hello</Parent>`,
         })
 
         expect(await render(app)).toBe(
-          `<div><!--[--><!--[-->hello<!--]--><!--]--></div>`
+          `<div><!--[--><!--[-->hello<!--]--><!--]--></div>`,
         )
       })
 
       test('template slots forwarding, empty slot', async () => {
         const Child = {
-          template: `<div><slot/></div>`
+          template: `<div><slot/></div>`,
         }
 
         const Parent = {
           components: { Child },
-          template: `<Child><slot/></Child>`
+          template: `<Child><slot/></Child>`,
         }
 
         const app = createApp({
           components: { Parent },
-          template: `<Parent></Parent>`
+          template: `<Parent></Parent>`,
         })
 
         expect(await render(app)).toBe(
           // should only have a single fragment
-          `<div><!--[--><!--]--></div>`
+          `<div><!--[--><!--]--></div>`,
         )
       })
 
       test('template slots forwarding, empty slot w/ fallback', async () => {
         const Child = {
-          template: `<div><slot>fallback</slot></div>`
+          template: `<div><slot>fallback</slot></div>`,
         }
 
         const Parent = {
           components: { Child },
-          template: `<Child><slot/></Child>`
+          template: `<Child><slot/></Child>`,
         }
 
         const app = createApp({
           components: { Parent },
-          template: `<Parent></Parent>`
+          template: `<Parent></Parent>`,
         })
 
         expect(await render(app)).toBe(
           // should only have a single fragment
-          `<div><!--[-->fallback<!--]--></div>`
+          `<div><!--[-->fallback<!--]--></div>`,
         )
       })
     })
@@ -597,7 +607,9 @@ function testRender(type: string, render: typeof renderToString) {
     describe('vnode element', () => {
       test('props', async () => {
         expect(
-          await render(h('div', { id: 'foo&', class: ['bar', 'baz'] }, 'hello'))
+          await render(
+            h('div', { id: 'foo&', class: ['bar', 'baz'] }, 'hello'),
+          ),
         ).toBe(`<div id="foo&amp;" class="bar baz">hello</div>`)
       })
 
@@ -612,11 +624,11 @@ function testRender(type: string, render: typeof renderToString) {
               'foo',
               h('span', 'bar'),
               [h('span', 'baz')],
-              createCommentVNode('qux')
-            ])
-          )
+              createCommentVNode('qux'),
+            ]),
+          ),
         ).toBe(
-          `<div>foo<span>bar</span><!--[--><span>baz</span><!--]--><!--qux--></div>`
+          `<div>foo<span>bar</span><!--[--><span>baz</span><!--]--><!--qux--></div>`,
         )
       })
 
@@ -630,11 +642,11 @@ function testRender(type: string, render: typeof renderToString) {
             h(
               'div',
               {
-                innerHTML: `<span>hello</span>`
+                innerHTML: `<span>hello</span>`,
               },
-              'ignored'
-            )
-          )
+              'ignored',
+            ),
+          ),
         ).toBe(`<div><span>hello</span></div>`)
       })
 
@@ -644,11 +656,11 @@ function testRender(type: string, render: typeof renderToString) {
             h(
               'div',
               {
-                textContent: `<span>hello</span>`
+                textContent: `<span>hello</span>`,
               },
-              'ignored'
-            )
-          )
+              'ignored',
+            ),
+          ),
         ).toBe(`<div>${escapeHtml(`<span>hello</span>`)}</div>`)
       })
 
@@ -658,11 +670,11 @@ function testRender(type: string, render: typeof renderToString) {
             h(
               'textarea',
               {
-                value: `<span>hello</span>`
+                value: `<span>hello</span>`,
               },
-              'ignored'
-            )
-          )
+              'ignored',
+            ),
+          ),
         ).toBe(`<textarea>${escapeHtml(`<span>hello</span>`)}</textarea>`)
       })
     })
@@ -670,17 +682,17 @@ function testRender(type: string, render: typeof renderToString) {
     describe('vnode component', () => {
       test('KeepAlive', async () => {
         const MyComp = {
-          render: () => h('p', 'hello')
+          render: () => h('p', 'hello'),
         }
         expect(await render(h(KeepAlive, () => h(MyComp)))).toBe(`<p>hello</p>`)
       })
 
       test('Transition', async () => {
         const MyComp = {
-          render: () => h('p', 'hello')
+          render: () => h('p', 'hello'),
         }
         expect(await render(h(Transition, () => h(MyComp)))).toBe(
-          `<p>hello</p>`
+          `<p>hello</p>`,
         )
       })
     })
@@ -688,7 +700,7 @@ function testRender(type: string, render: typeof renderToString) {
     describe('raw vnode types', () => {
       test('Text', async () => {
         expect(await render(createTextVNode('hello <div>'))).toBe(
-          `hello &lt;div&gt;`
+          `hello &lt;div&gt;`,
         )
       })
 
@@ -700,9 +712,9 @@ function testRender(type: string, render: typeof renderToString) {
               createCommentVNode('>foo'),
               createCommentVNode('->foo'),
               createCommentVNode('<!--foo-->'),
-              createCommentVNode('--!>foo<!-')
-            ])
-          )
+              createCommentVNode('--!>foo<!-'),
+            ]),
+          ),
         ).toBe(`<div><!--foo--><!--foo--><!--foo--><!--foo--></div>`)
       })
 
@@ -721,7 +733,7 @@ function testRender(type: string, render: typeof renderToString) {
           __scopeId: 'data-v-test',
           render() {
             return h('div')
-          }
+          },
         }
         expect(await render(h(Foo))).toBe(`<div data-v-test></div>`)
       })
@@ -731,22 +743,22 @@ function testRender(type: string, render: typeof renderToString) {
           __scopeId: 'data-v-child',
           render: function (this: any) {
             return h('div', null, [renderSlot(this.$slots, 'default')])
-          }
+          },
         }
 
         const Parent = {
           __scopeId: 'data-v-test',
           render: () => {
             return h(Child, null, {
-              default: withCtx(() => [h('span', 'slot')])
+              default: withCtx(() => [h('span', 'slot')]),
             })
-          }
+          },
         }
 
         expect(await render(h(Parent))).toBe(
           `<div data-v-child data-v-test>` +
             `<!--[--><span data-v-test data-v-child-s>slot</span><!--]-->` +
-            `</div>`
+            `</div>`,
         )
       })
     })
@@ -759,20 +771,20 @@ function testRender(type: string, render: typeof renderToString) {
               data() {
                 return { msg: 'hello' }
               },
-              template: `<div>{{ msg }}</div>`
-            })
-          )
+              template: `<div>{{ msg }}</div>`,
+            }),
+          ),
         ).toBe(`<div>hello</div>`)
       })
 
       test('handle compiler errors', async () => {
         await render(
           // render different content since compilation is cached
-          createApp({ template: `<div>${type}</` })
+          createApp({ template: `<div>${type}</` }),
         )
 
         expect(
-          `Template compilation error: Unexpected EOF in tag.`
+          `Template compilation error: Unexpected EOF in tag.`,
         ).toHaveBeenWarned()
         expect(`Element is missing end tag`).toHaveBeenWarned()
       })
@@ -787,8 +799,8 @@ function testRender(type: string, render: typeof renderToString) {
               data() {
                 return { msg: null }
               },
-              template: `<div>{{ msg.text }}</div>`
-            })
+              template: `<div>{{ msg.text }}</div>`,
+            }),
           )
         } catch {}
         expect(getCurrentInstance()).toBe(prev)
@@ -804,8 +816,8 @@ function testRender(type: string, render: typeof renderToString) {
               data() {
                 throw new Error()
               },
-              template: `<div>hello</div>`
-            })
+              template: `<div>hello</div>`,
+            }),
           )
         } catch {}
         expect(getCurrentInstance()).toBe(null)
@@ -821,7 +833,7 @@ function testRender(type: string, render: typeof renderToString) {
       const Child = {
         created() {
           throw new Error()
-        }
+        },
       }
       try {
         await render(
@@ -829,12 +841,12 @@ function testRender(type: string, render: typeof renderToString) {
             errorCaptured() {
               throw new Error()
             },
-            render: () => h(Child)
-          })
+            render: () => h(Child),
+          }),
         )
       } catch {}
       expect(
-        'Unhandled error during execution of errorCaptured hook'
+        'Unhandled error during execution of errorCaptured hook',
       ).toHaveBeenWarned()
       expect(getCurrentInstance()).toBe(null)
     })
@@ -844,7 +856,7 @@ function testRender(type: string, render: typeof renderToString) {
       const app = createApp({
         data() {
           return {
-            msg: ''
+            msg: '',
           }
         },
         async serverPrefetch() {
@@ -852,7 +864,7 @@ function testRender(type: string, render: typeof renderToString) {
         },
         render() {
           return h('div', this.msg)
-        }
+        },
       })
       const html = await render(app)
       expect(html).toBe(`<div>hello</div>`)
@@ -867,17 +879,17 @@ function testRender(type: string, render: typeof renderToString) {
         async setup() {
           return Promise.reject('async child error')
         },
-        template: `<div>asyncChildren</div>`
+        template: `<div>asyncChildren</div>`,
       })
       const app = createApp({
         name: 'App',
         components: {
-          asyncChildren
+          asyncChildren,
         },
         template: `<div class="app"><async-children /></div>`,
         errorCaptured(error) {
           fn(error)
-        }
+        },
       })
 
       app.config.errorHandler = error => {
@@ -901,7 +913,7 @@ function testRender(type: string, render: typeof renderToString) {
         setup: () => {
           watchEffect(onInvalidate => onInvalidate(noop))
         },
-        render: noop
+        render: noop,
       })
       expect(await render(app)).toBe('<!---->')
     })
@@ -915,11 +927,11 @@ function testRender(type: string, render: typeof renderToString) {
               A: {
                 ssrRender(_ctx, _push) {
                   _push(`<div>A</div>`)
-                }
+                },
               },
               B: {
-                render: () => h('div', 'B')
-              }
+                render: () => h('div', 'B'),
+              },
             },
             ssrRender(_ctx, _push, _parent) {
               const A: any = resolveComponent('A')
@@ -927,11 +939,11 @@ function testRender(type: string, render: typeof renderToString) {
               ssrRenderVNode(
                 _push,
                 createVNode(resolveDynamicComponent('B'), null, null),
-                _parent
+                _parent,
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<div>A</div><div>B</div>`)
     })
 
@@ -944,12 +956,12 @@ function testRender(type: string, render: typeof renderToString) {
             message.value = await msg
           })
           return {
-            message
+            message,
           }
         },
         render() {
           return h('div', this.message)
-        }
+        },
       })
       const html = await render(app)
       expect(html).toBe(`<div>hello</div>`)
@@ -976,12 +988,12 @@ function testRender(type: string, render: typeof renderToString) {
           return {
             message,
             message2,
-            message3
+            message3,
           }
         },
         render() {
           return h('div', `${this.message} ${this.message2} ${this.message3}`)
-        }
+        },
       })
       const html = await render(app)
       expect(html).toBe(`<div>hello hi bonjour</div>`)
@@ -1007,7 +1019,7 @@ function testRender(type: string, render: typeof renderToString) {
         },
         render() {
           return h('div', '')
-        }
+        },
       })
       await render(app)
       expect(first).toHaveBeenCalled()
@@ -1022,7 +1034,7 @@ function testRender(type: string, render: typeof renderToString) {
       const app = createApp({
         data() {
           return {
-            message: ''
+            message: '',
           }
         },
 
@@ -1036,12 +1048,12 @@ function testRender(type: string, render: typeof renderToString) {
             message2.value = await msg2
           })
           return {
-            message2
+            message2,
           }
         },
         render() {
           return h('div', `${this.message} ${this.message2}`)
-        }
+        },
       })
       const html = await render(app)
       expect(html).toBe(`<div>hello hi</div>`)
@@ -1052,19 +1064,19 @@ function testRender(type: string, render: typeof renderToString) {
       const app = createApp({
         data() {
           return {
-            msg: ''
+            msg: '',
           }
         },
         mixins: [
           {
             async serverPrefetch() {
               this.msg = await msg
-            }
-          }
+            },
+          },
         ],
         render() {
           return h('div', this.msg)
-        }
+        },
       })
       const html = await render(app)
       expect(html).toBe(`<div>hello</div>`)
@@ -1079,27 +1091,27 @@ function testRender(type: string, render: typeof renderToString) {
           return {
             foo: '',
             bar: '',
-            baz: ''
+            baz: '',
           }
         },
         mixins: [
           {
             async serverPrefetch() {
               this.foo = await foo
-            }
+            },
           },
           {
             async serverPrefetch() {
               this.bar = await bar
-            }
-          }
+            },
+          },
         ],
         async serverPrefetch() {
           this.baz = await baz
         },
         render() {
           return h('div', `${this.foo}${this.bar}${this.baz}`)
-        }
+        },
       })
       const html = await render(app)
       expect(html).toBe(`<div>foobarbaz</div>`)
@@ -1117,7 +1129,7 @@ function testRender(type: string, render: typeof renderToString) {
         },
         render() {
           return h('span')
-        }
+        },
       }
 
       const app = createApp({
@@ -1129,7 +1141,7 @@ function testRender(type: string, render: typeof renderToString) {
         },
         render() {
           return h('div', h(Child))
-        }
+        },
       })
 
       try {
diff --git a/packages/server-renderer/__tests__/ssrAttrFallthrough.spec.ts b/packages/server-renderer/__tests__/ssrAttrFallthrough.spec.ts
index fb974f97923..e8cfa75e77c 100644
--- a/packages/server-renderer/__tests__/ssrAttrFallthrough.spec.ts
+++ b/packages/server-renderer/__tests__/ssrAttrFallthrough.spec.ts
@@ -4,11 +4,11 @@ import { renderToString } from '../src/renderToString'
 describe('ssr: attr fallthrough', () => {
   test('basic', async () => {
     const Child = {
-      template: `<div class="foo" />`
+      template: `<div class="foo" />`,
     }
     const Parent = {
       components: { Child },
-      template: `<child class="bar"/>`
+      template: `<child class="bar"/>`,
     }
     const app = createApp(Parent)
     expect(await renderToString(app)).toBe(`<div class="foo bar"></div>`)
@@ -17,62 +17,62 @@ describe('ssr: attr fallthrough', () => {
   test('with v-if', async () => {
     const Child = {
       props: ['ok'],
-      template: `<div v-if="ok" class="foo" /><span v-else />`
+      template: `<div v-if="ok" class="foo" /><span v-else />`,
     }
     const Parent = {
       props: ['ok'],
       components: { Child },
-      template: `<child :ok="ok" class="bar"/>`
+      template: `<child :ok="ok" class="bar"/>`,
     }
     expect(await renderToString(createApp(Parent, { ok: true }))).toBe(
-      `<div class="foo bar"></div>`
+      `<div class="foo bar"></div>`,
     )
     expect(await renderToString(createApp(Parent, { ok: false }))).toBe(
-      `<span class="bar"></span>`
+      `<span class="bar"></span>`,
     )
   })
 
   test('with v-model', async () => {
     const Child = {
       props: ['text'],
-      template: `<input v-model="text">`
+      template: `<input v-model="text">`,
     }
     const Parent = {
       components: { Child },
-      template: `<child text="hello" class="bar"/>`
+      template: `<child text="hello" class="bar"/>`,
     }
     expect(await renderToString(createApp(Parent))).toBe(
-      `<input class="bar" value="hello">`
+      `<input class="bar" value="hello">`,
     )
   })
 
   test('with v-bind', async () => {
     const Child = {
       props: ['obj'],
-      template: `<div v-bind="obj" />`
+      template: `<div v-bind="obj" />`,
     }
     const Parent = {
       components: { Child },
-      template: `<child :obj="{ class: 'foo' }" class="bar"/>`
+      template: `<child :obj="{ class: 'foo' }" class="bar"/>`,
     }
     expect(await renderToString(createApp(Parent))).toBe(
-      `<div class="foo bar"></div>`
+      `<div class="foo bar"></div>`,
     )
   })
 
   test('nested fallthrough', async () => {
     const Child = {
       props: ['id'],
-      template: `<div :id="id"></div>`
+      template: `<div :id="id"></div>`,
     }
     const Parent = {
       components: { Child },
-      template: `<child id="foo" class="bar"/>`
+      template: `<child id="foo" class="bar"/>`,
     }
     // pass to parent, fallthrough to child and merge
     const app = createApp(Parent, { class: 'baz' })
     expect(await renderToString(app)).toBe(
-      `<div id="foo" class="bar baz"></div>`
+      `<div id="foo" class="bar baz"></div>`,
     )
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrCompilerOptions.spec.ts b/packages/server-renderer/__tests__/ssrCompilerOptions.spec.ts
index 34fcd4ef48b..ce5f6233e34 100644
--- a/packages/server-renderer/__tests__/ssrCompilerOptions.spec.ts
+++ b/packages/server-renderer/__tests__/ssrCompilerOptions.spec.ts
@@ -4,7 +4,7 @@ import { renderToString } from '../src/renderToString'
 describe('ssr: compiler options', () => {
   test('config.isCustomElement (deprecated)', async () => {
     const app = createApp({
-      template: `<div><x-button/></div>`
+      template: `<div><x-button/></div>`,
     })
     app.config.isCustomElement = tag => tag.startsWith('x-')
     expect(await renderToString(app)).toBe(`<div><x-button></x-button></div>`)
@@ -12,7 +12,7 @@ describe('ssr: compiler options', () => {
 
   test('config.compilerOptions.isCustomElement', async () => {
     const app = createApp({
-      template: `<div><x-panel/></div>`
+      template: `<div><x-panel/></div>`,
     })
     app.config.compilerOptions.isCustomElement = tag => tag.startsWith('x-')
     expect(await renderToString(app)).toBe(`<div><x-panel></x-panel></div>`)
@@ -22,31 +22,31 @@ describe('ssr: compiler options', () => {
     const app = createApp({
       template: `<div><x-card/><y-child/></div>`,
       compilerOptions: {
-        isCustomElement: (tag: string) => tag.startsWith('x-')
+        isCustomElement: (tag: string) => tag.startsWith('x-'),
       },
       components: {
         YChild: {
-          template: `<div><y-button/></div>`
-        }
-      }
+          template: `<div><y-button/></div>`,
+        },
+      },
     })
     app.config.compilerOptions.isCustomElement = tag => tag.startsWith('y-')
     expect(await renderToString(app)).toBe(
-      `<div><x-card></x-card><div><y-button></y-button></div></div>`
+      `<div><x-card></x-card><div><y-button></y-button></div></div>`,
     )
   })
 
   test('component.delimiters (deprecated)', async () => {
     const app = createApp({
       template: `<div>[[ 1 + 1 ]]</div>`,
-      delimiters: ['[[', ']]']
+      delimiters: ['[[', ']]'],
     })
     expect(await renderToString(app)).toBe(`<div>2</div>`)
   })
 
   test('config.compilerOptions.delimiters', async () => {
     const app = createApp({
-      template: `<div>[( 1 + 1 )]</div>`
+      template: `<div>[( 1 + 1 )]</div>`,
     })
     app.config.compilerOptions.delimiters = ['[(', ')]']
     expect(await renderToString(app)).toBe(`<div>2</div>`)
@@ -56,13 +56,13 @@ describe('ssr: compiler options', () => {
     const app = createApp({
       template: `<div>[[ 1 + 1 ]]<ChildComponent/></div>`,
       compilerOptions: {
-        delimiters: ['[[', ']]']
+        delimiters: ['[[', ']]'],
       },
       components: {
         ChildComponent: {
-          template: `<div>(( 2 + 2 ))</div>`
-        }
-      }
+          template: `<div>(( 2 + 2 ))</div>`,
+        },
+      },
     })
     app.config.compilerOptions.delimiters = ['((', '))']
     expect(await renderToString(app)).toBe(`<div>2<div>4</div></div>`)
@@ -72,17 +72,17 @@ describe('ssr: compiler options', () => {
     const app = createApp({
       template: `<div><span>Hello   world</span><ChildComponent/></div>`,
       compilerOptions: {
-        whitespace: 'condense'
+        whitespace: 'condense',
       },
       components: {
         ChildComponent: {
-          template: `<span>Hello   world</span>`
-        }
-      }
+          template: `<span>Hello   world</span>`,
+        },
+      },
     })
     app.config.compilerOptions.whitespace = 'preserve'
     expect(await renderToString(app)).toBe(
-      `<div><span>Hello world</span><span>Hello   world</span></div>`
+      `<div><span>Hello world</span><span>Hello   world</span></div>`,
     )
   })
 
@@ -93,24 +93,24 @@ describe('ssr: compiler options', () => {
       template: `<div><ChildOne/><ChildTwo/><ChildThree/></div>`,
       components: {
         ChildOne: {
-          template
+          template,
         },
         ChildTwo: {
           template,
           compilerOptions: {
-            whitespace: 'preserve'
-          }
+            whitespace: 'preserve',
+          },
         },
         ChildThree: {
           template,
           compilerOptions: {
-            delimiters: ['[[', ']]']
-          }
-        }
-      }
+            delimiters: ['[[', ']]'],
+          },
+        },
+      },
     })
     expect(await renderToString(app)).toBe(
-      `<div><div>2 [[1 + 1]]</div><div>2   [[1 + 1]]</div><div>{{1 + 1}} 2</div></div>`
+      `<div><div>2 [[1 + 1]]</div><div>2   [[1 + 1]]</div><div>{{1 + 1}} 2</div></div>`,
     )
   })
 
@@ -124,21 +124,21 @@ describe('ssr: compiler options', () => {
         MyChild: {
           template,
           compilerOptions: {
-            isCustomElement: tag => tag.startsWith('x-')
+            isCustomElement: tag => tag.startsWith('x-'),
           },
           components: {
             MyChild: {
               template,
               compilerOptions: {
-                isCustomElement: tag => tag.startsWith('My')
-              }
-            }
-          }
-        }
-      }
+                isCustomElement: tag => tag.startsWith('My'),
+              },
+            },
+          },
+        },
+      },
     })
     expect(await renderToString(app)).toBe(
-      `<div><div><div><MyChild></MyChild></div></div></div>`
+      `<div><div><div><MyChild></MyChild></div></div></div>`,
     )
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrComputed.spec.ts b/packages/server-renderer/__tests__/ssrComputed.spec.ts
index 5c5850e006d..cf242a7115b 100644
--- a/packages/server-renderer/__tests__/ssrComputed.spec.ts
+++ b/packages/server-renderer/__tests__/ssrComputed.spec.ts
@@ -17,7 +17,7 @@ test('computed reactivity during SSR', async () => {
     // pretend to fetch some data from an api
     async fetchData() {
       this.state.items = ['hello', 'world']
-    }
+    },
   }
 
   const getterSpy = vi.fn()
diff --git a/packages/server-renderer/__tests__/ssrDirectives.spec.ts b/packages/server-renderer/__tests__/ssrDirectives.spec.ts
index e52ef2db69f..d089658ebdb 100644
--- a/packages/server-renderer/__tests__/ssrDirectives.spec.ts
+++ b/packages/server-renderer/__tests__/ssrDirectives.spec.ts
@@ -8,7 +8,7 @@ import {
   vModelRadio,
   vModelCheckbox,
   vModelDynamic,
-  resolveDirective
+  resolveDirective,
 } from 'vue'
 import { ssrGetDirectiveProps, ssrRenderAttrs } from '../src'
 
@@ -18,17 +18,17 @@ describe('ssr: directives', () => {
       expect(
         await renderToString(
           createApp({
-            template: `<div v-show="true"/>`
-          })
-        )
+            template: `<div v-show="true"/>`,
+          }),
+        ),
       ).toBe(`<div style=""></div>`)
 
       expect(
         await renderToString(
           createApp({
-            template: `<div v-show="false"/>`
-          })
-        )
+            template: `<div v-show="false"/>`,
+          }),
+        ),
       ).toBe(`<div style="display:none;"></div>`)
     })
 
@@ -36,9 +36,9 @@ describe('ssr: directives', () => {
       expect(
         await renderToString(
           createApp({
-            template: `<div style="color:red" v-show="false"/>`
-          })
-        )
+            template: `<div style="color:red" v-show="false"/>`,
+          }),
+        ),
       ).toBe(`<div style="color:red;display:none;"></div>`)
     })
 
@@ -47,9 +47,9 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ style: { color: 'red' } }),
-            template: `<div :style="style" v-show="false"/>`
-          })
-        )
+            template: `<div :style="style" v-show="false"/>`,
+          }),
+        ),
       ).toBe(`<div style="color:red;display:none;"></div>`)
     })
 
@@ -58,9 +58,9 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ style: { color: 'red' } }),
-            template: `<div :style="style" style="font-size:12;" v-show="false"/>`
-          })
-        )
+            template: `<div :style="style" style="font-size:12;" v-show="false"/>`,
+          }),
+        ),
       ).toBe(`<div style="color:red;font-size:12;display:none;"></div>`)
     })
   })
@@ -71,9 +71,9 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ text: 'hello' }),
-            template: `<input v-model="text">`
-          })
-        )
+            template: `<input v-model="text">`,
+          }),
+        ),
       ).toBe(`<input value="hello">`)
     })
 
@@ -82,18 +82,18 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ selected: 'foo' }),
-            template: `<input type="radio" value="foo" v-model="selected">`
-          })
-        )
+            template: `<input type="radio" value="foo" v-model="selected">`,
+          }),
+        ),
       ).toBe(`<input type="radio" value="foo" checked>`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ selected: 'foo' }),
-            template: `<input type="radio" value="bar" v-model="selected">`
-          })
-        )
+            template: `<input type="radio" value="bar" v-model="selected">`,
+          }),
+        ),
       ).toBe(`<input type="radio" value="bar">`)
 
       // non-string values
@@ -101,9 +101,9 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ selected: 'foo' }),
-            template: `<input type="radio" :value="{}" v-model="selected">`
-          })
-        )
+            template: `<input type="radio" :value="{}" v-model="selected">`,
+          }),
+        ),
       ).toBe(`<input type="radio">`)
     })
 
@@ -112,22 +112,22 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ model: 1 }),
-            template: `<select v-model="model"><option value="0"></option><option value="1"></option></select>`
-          })
-        )
+            template: `<select v-model="model"><option value="0"></option><option value="1"></option></select>`,
+          }),
+        ),
       ).toBe(
-        `<select><option value="0"></option><option value="1" selected></option></select>`
+        `<select><option value="0"></option><option value="1" selected></option></select>`,
       )
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ model: [0, 1] }),
-            template: `<select multiple v-model="model"><option value="0"></option><option value="1"></option></select>`
-          })
-        )
+            template: `<select multiple v-model="model"><option value="0"></option><option value="1"></option></select>`,
+          }),
+        ),
       ).toBe(
-        `<select multiple><option value="0" selected></option><option value="1" selected></option></select>`
+        `<select multiple><option value="0" selected></option><option value="1" selected></option></select>`,
       )
     })
 
@@ -136,36 +136,36 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ checked: true }),
-            template: `<input type="checkbox" v-model="checked">`
-          })
-        )
+            template: `<input type="checkbox" v-model="checked">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox" checked>`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ checked: false }),
-            template: `<input type="checkbox" v-model="checked">`
-          })
-        )
+            template: `<input type="checkbox" v-model="checked">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox">`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ checked: ['foo'] }),
-            template: `<input type="checkbox" value="foo" v-model="checked">`
-          })
-        )
+            template: `<input type="checkbox" value="foo" v-model="checked">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="foo" checked>`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ checked: [] }),
-            template: `<input type="checkbox" value="foo" v-model="checked">`
-          })
-        )
+            template: `<input type="checkbox" value="foo" v-model="checked">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="foo">`)
     })
 
@@ -174,9 +174,9 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ foo: 'hello' }),
-            template: `<textarea v-model="foo"/>`
-          })
-        )
+            template: `<textarea v-model="foo"/>`,
+          }),
+        ),
       ).toBe(`<textarea>hello</textarea>`)
     })
 
@@ -185,63 +185,63 @@ describe('ssr: directives', () => {
         await renderToString(
           createApp({
             data: () => ({ type: 'text', model: 'hello' }),
-            template: `<input :type="type" v-model="model">`
-          })
-        )
+            template: `<input :type="type" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="text" value="hello">`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ type: 'checkbox', model: true }),
-            template: `<input :type="type" v-model="model">`
-          })
-        )
+            template: `<input :type="type" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox" checked>`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ type: 'checkbox', model: false }),
-            template: `<input :type="type" v-model="model">`
-          })
-        )
+            template: `<input :type="type" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox">`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ type: 'checkbox', model: ['hello'] }),
-            template: `<input :type="type" value="hello" v-model="model">`
-          })
-        )
+            template: `<input :type="type" value="hello" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="hello" checked>`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ type: 'checkbox', model: [] }),
-            template: `<input :type="type" value="hello" v-model="model">`
-          })
-        )
+            template: `<input :type="type" value="hello" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="hello">`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ type: 'radio', model: 'hello' }),
-            template: `<input :type="type" value="hello" v-model="model">`
-          })
-        )
+            template: `<input :type="type" value="hello" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="radio" value="hello" checked>`)
 
       expect(
         await renderToString(
           createApp({
             data: () => ({ type: 'radio', model: 'hello' }),
-            template: `<input :type="type" value="bar" v-model="model">`
-          })
-        )
+            template: `<input :type="type" value="bar" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="radio" value="bar">`)
     })
 
@@ -251,11 +251,11 @@ describe('ssr: directives', () => {
           createApp({
             data: () => ({
               obj: { type: 'radio', value: 'hello' },
-              model: 'hello'
+              model: 'hello',
             }),
-            template: `<input v-bind="obj" v-model="model">`
-          })
-        )
+            template: `<input v-bind="obj" v-model="model">`,
+          }),
+        ),
       ).toBe(`<input type="radio" value="hello" checked>`)
     })
   })
@@ -267,9 +267,9 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('div'), [[vShow, true]])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<div></div>`)
 
       expect(
@@ -277,9 +277,9 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('div'), [[vShow, false]])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<div style="display:none;"></div>`)
     })
 
@@ -291,14 +291,14 @@ describe('ssr: directives', () => {
               return withDirectives(
                 h('div', {
                   style: {
-                    color: 'red'
-                  }
+                    color: 'red',
+                  },
                 }),
-                [[vShow, false]]
+                [[vShow, false]],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<div style="color:red;display:none;"></div>`)
     })
   })
@@ -310,9 +310,9 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('input'), [[vModelText, 'hello']])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input value="hello">`)
     })
 
@@ -323,11 +323,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'radio', value: 'hello' }),
-                [[vModelRadio, 'hello']]
+                [[vModelRadio, 'hello']],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="radio" value="hello" checked>`)
 
       expect(
@@ -336,11 +336,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'radio', value: 'hello' }),
-                [[vModelRadio, 'foo']]
+                [[vModelRadio, 'foo']],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="radio" value="hello">`)
     })
 
@@ -350,11 +350,11 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('input', { type: 'checkbox' }), [
-                [vModelCheckbox, true]
+                [vModelCheckbox, true],
               ])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox" checked>`)
 
       expect(
@@ -362,11 +362,11 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('input', { type: 'checkbox' }), [
-                [vModelCheckbox, false]
+                [vModelCheckbox, false],
               ])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox">`)
 
       expect(
@@ -375,11 +375,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'checkbox', value: 'foo' }),
-                [[vModelCheckbox, ['foo']]]
+                [[vModelCheckbox, ['foo']]],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="foo" checked>`)
 
       expect(
@@ -388,11 +388,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'checkbox', value: 'foo' }),
-                [[vModelCheckbox, []]]
+                [[vModelCheckbox, []]],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="foo">`)
     })
   })
@@ -404,9 +404,9 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('input'), [[vModelDynamic, 'hello']])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input value="hello">`)
     })
 
@@ -417,11 +417,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'radio', value: 'hello' }),
-                [[vModelDynamic, 'hello']]
+                [[vModelDynamic, 'hello']],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="radio" value="hello" checked>`)
 
       expect(
@@ -430,11 +430,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'radio', value: 'hello' }),
-                [[vModelDynamic, 'foo']]
+                [[vModelDynamic, 'foo']],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="radio" value="hello">`)
     })
 
@@ -444,11 +444,11 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('input', { type: 'checkbox' }), [
-                [vModelDynamic, true]
+                [vModelDynamic, true],
               ])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox" checked>`)
 
       expect(
@@ -456,11 +456,11 @@ describe('ssr: directives', () => {
           createApp({
             render() {
               return withDirectives(h('input', { type: 'checkbox' }), [
-                [vModelDynamic, false]
+                [vModelDynamic, false],
               ])
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox">`)
 
       expect(
@@ -469,11 +469,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'checkbox', value: 'foo' }),
-                [[vModelDynamic, ['foo']]]
+                [[vModelDynamic, ['foo']]],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="foo" checked>`)
 
       expect(
@@ -482,11 +482,11 @@ describe('ssr: directives', () => {
             render() {
               return withDirectives(
                 h('input', { type: 'checkbox', value: 'foo' }),
-                [[vModelDynamic, []]]
+                [[vModelDynamic, []]],
               )
-            }
-          })
-        )
+            },
+          }),
+        ),
       ).toBe(`<input type="checkbox" value="foo">`)
     })
   })
@@ -501,14 +501,14 @@ describe('ssr: directives', () => {
                 {
                   getSSRProps({ value }) {
                     return { id: value }
-                  }
+                  },
                 },
-                'foo'
-              ]
+                'foo',
+              ],
             ])
-          }
-        })
-      )
+          },
+        }),
+      ),
     ).toBe(`<div id="foo"></div>`)
   })
 
@@ -518,28 +518,28 @@ describe('ssr: directives', () => {
         createApp({
           data() {
             return {
-              x: 'foo'
+              x: 'foo',
             }
           },
           directives: {
             xxx: {
               getSSRProps({ value, arg, modifiers }) {
                 return { id: [value, arg, modifiers.ok].join('-') }
-              }
-            }
+              },
+            },
           },
           ssrRender(_ctx, _push, _parent, _attrs) {
             const _directive_xxx = resolveDirective('xxx')!
             _push(
               `<div${ssrRenderAttrs(
                 ssrGetDirectiveProps(_ctx, _directive_xxx, _ctx.x, 'arg', {
-                  ok: true
-                })
-              )}></div>`
+                  ok: true,
+                }),
+              )}></div>`,
             )
-          }
-        })
-      )
+          },
+        }),
+      ),
     ).toBe(`<div id="foo-arg-true"></div>`)
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrDynamicComponent.spec.ts b/packages/server-renderer/__tests__/ssrDynamicComponent.spec.ts
index dff16c781b8..caeb88397b1 100644
--- a/packages/server-renderer/__tests__/ssrDynamicComponent.spec.ts
+++ b/packages/server-renderer/__tests__/ssrDynamicComponent.spec.ts
@@ -8,12 +8,12 @@ describe('ssr: dynamic component', () => {
         createApp({
           components: {
             one: {
-              template: `<div><slot/></div>`
-            }
+              template: `<div><slot/></div>`,
+            },
           },
-          template: `<component :is="'one'"><span>slot</span></component>`
-        })
-      )
+          template: `<component :is="'one'"><span>slot</span></component>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><span>slot</span><!--]--></div>`)
   })
 
@@ -21,28 +21,28 @@ describe('ssr: dynamic component', () => {
     expect(
       await renderToString(
         createApp({
-          template: `<component :is="'p'"><span>slot</span></component>`
-        })
-      )
+          template: `<component :is="'p'"><span>slot</span></component>`,
+        }),
+      ),
     ).toBe(`<p><span>slot</span></p>`)
   })
 
   test('resolve to component vnode', async () => {
     const Child = {
       props: ['id'],
-      template: `<div>{{ id }}<slot/></div>`
+      template: `<div>{{ id }}<slot/></div>`,
     }
     expect(
       await renderToString(
         createApp({
           setup() {
             return {
-              vnode: createVNode(Child, { id: 'test' })
+              vnode: createVNode(Child, { id: 'test' }),
             }
           },
-          template: `<component :is="vnode"><span>slot</span></component>`
-        })
-      )
+          template: `<component :is="vnode"><span>slot</span></component>`,
+        }),
+      ),
     ).toBe(`<div>test<!--[--><span>slot</span><!--]--></div>`)
   })
 
@@ -52,12 +52,12 @@ describe('ssr: dynamic component', () => {
         createApp({
           setup() {
             return {
-              vnode: createVNode('div', { id: 'test' })
+              vnode: createVNode('div', { id: 'test' }),
             }
           },
-          template: `<component :is="vnode"><span>slot</span></component>`
-        })
-      )
+          template: `<component :is="vnode"><span>slot</span></component>`,
+        }),
+      ),
     ).toBe(`<div id="test"><span>slot</span></div>`)
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrInterpolate.spec.ts b/packages/server-renderer/__tests__/ssrInterpolate.spec.ts
index fc9a4a3b40d..11177c84a01 100644
--- a/packages/server-renderer/__tests__/ssrInterpolate.spec.ts
+++ b/packages/server-renderer/__tests__/ssrInterpolate.spec.ts
@@ -7,23 +7,23 @@ test('ssr: interpolate', () => {
   expect(ssrInterpolate(`<div>`)).toBe(`&lt;div&gt;`)
   // should escape interpolated values
   expect(ssrInterpolate([1, 2, 3])).toBe(
-    escapeHtml(JSON.stringify([1, 2, 3], null, 2))
+    escapeHtml(JSON.stringify([1, 2, 3], null, 2)),
   )
   expect(
     ssrInterpolate({
       foo: 1,
-      bar: `<div>`
-    })
+      bar: `<div>`,
+    }),
   ).toBe(
     escapeHtml(
       JSON.stringify(
         {
           foo: 1,
-          bar: `<div>`
+          bar: `<div>`,
         },
         null,
-        2
-      )
-    )
+        2,
+      ),
+    ),
   )
 })
diff --git a/packages/server-renderer/__tests__/ssrRenderAttrs.spec.ts b/packages/server-renderer/__tests__/ssrRenderAttrs.spec.ts
index 2439c351452..760ca12ee52 100644
--- a/packages/server-renderer/__tests__/ssrRenderAttrs.spec.ts
+++ b/packages/server-renderer/__tests__/ssrRenderAttrs.spec.ts
@@ -2,7 +2,7 @@ import {
   ssrRenderAttrs,
   ssrRenderClass,
   ssrRenderStyle,
-  ssrRenderAttr
+  ssrRenderAttr,
 } from '../src/helpers/ssrRenderAttrs'
 import { escapeHtml } from '@vue/shared'
 
@@ -14,8 +14,8 @@ describe('ssr: renderAttrs', () => {
         ref_key: 'foo',
         ref_for: 'bar',
         ref: () => {},
-        onClick: () => {}
-      })
+        onClick: () => {},
+      }),
     ).toBe('')
   })
 
@@ -23,24 +23,24 @@ describe('ssr: renderAttrs', () => {
     expect(
       ssrRenderAttrs({
         id: 'foo',
-        title: 'bar'
-      })
+        title: 'bar',
+      }),
     ).toBe(` id="foo" title="bar"`)
   })
 
   test('empty value attrs', () => {
     expect(
       ssrRenderAttrs({
-        'data-v-abc': ''
-      })
+        'data-v-abc': '',
+      }),
     ).toBe(` data-v-abc`)
   })
 
   test('escape attrs', () => {
     expect(
       ssrRenderAttrs({
-        id: '"><script'
-      })
+        id: '"><script',
+      }),
     ).toBe(` id="&quot;&gt;&lt;script"`)
   })
 
@@ -50,8 +50,8 @@ describe('ssr: renderAttrs', () => {
         checked: true,
         multiple: false,
         readonly: 0,
-        disabled: ''
-      })
+        disabled: '',
+      }),
     ).toBe(` checked disabled`) // boolean attr w/ false should be ignored
   })
 
@@ -60,8 +60,8 @@ describe('ssr: renderAttrs', () => {
       ssrRenderAttrs({
         foo: false,
         title: null,
-        baz: undefined
-      })
+        baz: undefined,
+      }),
     ).toBe(` foo="false"`) // non boolean should render `false` as is
   })
 
@@ -70,8 +70,8 @@ describe('ssr: renderAttrs', () => {
       ssrRenderAttrs({
         foo: {},
         bar: [],
-        baz: () => {}
-      })
+        baz: () => {},
+      }),
     ).toBe(``)
   })
 
@@ -79,8 +79,8 @@ describe('ssr: renderAttrs', () => {
     expect(
       ssrRenderAttrs({
         readOnly: true, // simple lower case conversion
-        htmlFor: 'foobar' // special cases
-      })
+        htmlFor: 'foobar', // special cases
+      }),
     ).toBe(` readonly for="foobar"`)
   })
 
@@ -88,10 +88,10 @@ describe('ssr: renderAttrs', () => {
     expect(
       ssrRenderAttrs(
         {
-          fooBar: 'ok'
+          fooBar: 'ok',
         },
-        'my-el'
-      )
+        'my-el',
+      ),
     ).toBe(` fooBar="ok"`)
   })
 
@@ -99,10 +99,10 @@ describe('ssr: renderAttrs', () => {
     expect(
       ssrRenderAttrs(
         {
-          viewBox: 'foo'
+          viewBox: 'foo',
         },
-        'svg'
-      )
+        'svg',
+      ),
     ).toBe(` viewBox="foo"`)
   })
 })
@@ -119,7 +119,7 @@ describe('ssr: renderAttr', () => {
 
   test('escape', () => {
     expect(ssrRenderAttr('foo', '<script>')).toBe(
-      ` foo="${escapeHtml(`<script>`)}"`
+      ` foo="${escapeHtml(`<script>`)}"`,
     )
   })
 })
@@ -128,8 +128,8 @@ describe('ssr: renderClass', () => {
   test('via renderProps', () => {
     expect(
       ssrRenderAttrs({
-        class: ['foo', 'bar']
-      })
+        class: ['foo', 'bar'],
+      }),
     ).toBe(` class="foo bar"`)
   })
 
@@ -152,9 +152,9 @@ describe('ssr: renderStyle', () => {
         style: {
           color: 'red',
           '--a': 2,
-          '-webkit-line-clamp': 1
-        }
-      })
+          '-webkit-line-clamp': 1,
+        },
+      }),
     ).toBe(` style="color:red;--a:2;-webkit-line-clamp:1;"`)
   })
 
@@ -162,14 +162,14 @@ describe('ssr: renderStyle', () => {
     expect(ssrRenderStyle(`color:red`)).toBe(`color:red`)
     expect(
       ssrRenderStyle({
-        color: `red`
-      })
+        color: `red`,
+      }),
     ).toBe(`color:red;`)
     expect(
       ssrRenderStyle([
         { color: `red` },
-        { fontSize: `15px` } // case conversion
-      ])
+        { fontSize: `15px` }, // case conversion
+      ]),
     ).toBe(`color:red;font-size:15px;`)
   })
 
@@ -177,8 +177,8 @@ describe('ssr: renderStyle', () => {
     expect(
       ssrRenderStyle({
         fontSize: null, // invalid value should be ignored
-        opacity: 0.5
-      })
+        opacity: 0.5,
+      }),
     ).toBe(`opacity:0.5;`)
   })
 
@@ -186,8 +186,8 @@ describe('ssr: renderStyle', () => {
     expect(ssrRenderStyle(`"><script`)).toBe(`&quot;&gt;&lt;script`)
     expect(
       ssrRenderStyle({
-        color: `"><script`
-      })
+        color: `"><script`,
+      }),
     ).toBe(`color:&quot;&gt;&lt;script;`)
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrRenderList.spec.ts b/packages/server-renderer/__tests__/ssrRenderList.spec.ts
index 56c9b7c3593..f8dcb293059 100644
--- a/packages/server-renderer/__tests__/ssrRenderList.spec.ts
+++ b/packages/server-renderer/__tests__/ssrRenderList.spec.ts
@@ -9,7 +9,7 @@ describe('ssr: renderList', () => {
 
   it('should render items in an array', () => {
     ssrRenderList(['1', '2', '3'], (item, index) =>
-      stack.push(`node ${index}: ${item}`)
+      stack.push(`node ${index}: ${item}`),
     )
     expect(stack).toEqual(['node 0: 1', 'node 1: 2', 'node 2: 3'])
   })
@@ -27,13 +27,13 @@ describe('ssr: renderList', () => {
   it('should warn when given a non-integer N', () => {
     ssrRenderList(3.1, () => {})
     expect(
-      `The v-for range expect an integer value but got 3.1.`
+      `The v-for range expect an integer value but got 3.1.`,
     ).toHaveBeenWarned()
   })
 
   it('should render properties in an object', () => {
     ssrRenderList({ a: 1, b: 2, c: 3 }, (item, key, index) =>
-      stack.push(`node ${index}/${key}: ${item}`)
+      stack.push(`node ${index}/${key}: ${item}`),
     )
     expect(stack).toEqual(['node 0/a: 1', 'node 1/b: 2', 'node 2/c: 3'])
   })
@@ -46,14 +46,14 @@ describe('ssr: renderList', () => {
     }
 
     ssrRenderList(iterable(), (item, index) =>
-      stack.push(`node ${index}: ${item}`)
+      stack.push(`node ${index}: ${item}`),
     )
     expect(stack).toEqual(['node 0: 1', 'node 1: 2', 'node 2: 3'])
   })
 
   it('should not render items when source is undefined', () => {
     ssrRenderList(undefined, (item, index) =>
-      stack.push(`node ${index}: ${item}`)
+      stack.push(`node ${index}: ${item}`),
     )
     expect(stack).toEqual([])
   })
diff --git a/packages/server-renderer/__tests__/ssrScopeId.spec.ts b/packages/server-renderer/__tests__/ssrScopeId.spec.ts
index 2637fd78402..b61b1eeb5a1 100644
--- a/packages/server-renderer/__tests__/ssrScopeId.spec.ts
+++ b/packages/server-renderer/__tests__/ssrScopeId.spec.ts
@@ -7,14 +7,14 @@ describe('ssr: scopedId runtime behavior', () => {
     const Child = {
       ssrRender: (ctx: any, push: any, parent: any, attrs: any) => {
         push(`<div${ssrRenderAttrs(attrs)}></div>`)
-      }
+      },
     }
 
     const Comp = {
       __scopeId: 'parent',
       ssrRender: (ctx: any, push: any, parent: any) => {
         push(ssrRenderComponent(Child), null, null, parent)
-      }
+      },
     }
 
     const result = await renderToString(createApp(Comp))
@@ -26,7 +26,7 @@ describe('ssr: scopedId runtime behavior', () => {
       // <div></div>
       ssrRender: (_: any, push: any, _parent: any, attrs: any) => {
         push(`<div${ssrRenderAttrs(attrs)} child></div>`)
-      }
+      },
     }
 
     const Wrapper = {
@@ -40,9 +40,9 @@ describe('ssr: scopedId runtime behavior', () => {
           null,
           push,
           parent,
-          'wrapper-s'
+          'wrapper-s',
         )
-      }
+      },
     }
 
     const Comp = {
@@ -57,14 +57,14 @@ describe('ssr: scopedId runtime behavior', () => {
               default: withCtx(
                 (_: any, push: any, parent: any, scopeId: string) => {
                   push(ssrRenderComponent(Child, null, null, parent, scopeId))
-                }
+                },
               ),
-              _: 1
+              _: 1,
             } as any,
-            parent
-          )
+            parent,
+          ),
         )
-      }
+      },
     }
 
     const result = await renderToString(createApp(Comp))
@@ -79,8 +79,8 @@ describe('ssr: scopedId runtime behavior', () => {
         // <div class="wrapper"><slot/></div>
         push(
           `<div${ssrRenderAttrs(
-            mergeProps({ class: 'wrapper' }, attrs)
-          )} wrapper>`
+            mergeProps({ class: 'wrapper' }, attrs),
+          )} wrapper>`,
         )
         ssrRenderSlot(
           ctx.$slots,
@@ -89,10 +89,10 @@ describe('ssr: scopedId runtime behavior', () => {
           null,
           push,
           parent,
-          'wrapper-s'
+          'wrapper-s',
         )
         push(`</div>`)
-      }
+      },
     }
 
     const Slotted = {
@@ -113,16 +113,16 @@ describe('ssr: scopedId runtime behavior', () => {
                     null,
                     push,
                     parent,
-                    'slotted-s' + scopeId
+                    'slotted-s' + scopeId,
                   )
-                }
+                },
               ),
-              _: 1
+              _: 1,
             } as any,
-            parent
-          )
+            parent,
+          ),
         )
-      }
+      },
     }
 
     const Root = {
@@ -137,21 +137,21 @@ describe('ssr: scopedId runtime behavior', () => {
               default: withCtx(
                 (_: any, push: any, parent: any, scopeId: string) => {
                   push(`<div root${scopeId}></div>`)
-                }
+                },
               ),
-              _: 1
+              _: 1,
             } as any,
-            parent
-          )
+            parent,
+          ),
         )
-      }
+      },
     }
 
     const result = await renderToString(createApp(Root))
     expect(result).toBe(
       `<div class="wrapper" root slotted wrapper>` +
         `<!--[--><!--[--><div root slotted-s wrapper-s></div><!--]--><!--]-->` +
-        `</div>`
+        `</div>`,
     )
   })
 
@@ -160,20 +160,20 @@ describe('ssr: scopedId runtime behavior', () => {
     const Child = {
       ssrRender: (ctx: any, push: any, parent: any, attrs: any) => {
         push(`<div${ssrRenderAttrs(attrs)}></div>`)
-      }
+      },
     }
 
     const Middle = {
       render() {
         return h(Child)
-      }
+      },
     }
 
     const Comp = {
       __scopeId: 'parent',
       ssrRender: (ctx: any, push: any, parent: any) => {
         push(ssrRenderComponent(Middle, null, null, parent))
-      }
+      },
     }
 
     const result = await renderToString(createApp(Comp)) // output: `<div></div>`
diff --git a/packages/server-renderer/__tests__/ssrSlot.spec.ts b/packages/server-renderer/__tests__/ssrSlot.spec.ts
index 9b3a2cdcc94..4534630879f 100644
--- a/packages/server-renderer/__tests__/ssrSlot.spec.ts
+++ b/packages/server-renderer/__tests__/ssrSlot.spec.ts
@@ -3,8 +3,8 @@ import { renderToString } from '../src/renderToString'
 
 const components = {
   one: {
-    template: `<div><slot/></div>`
-  }
+    template: `<div><slot/></div>`,
+  },
 }
 
 describe('ssr: slot', () => {
@@ -13,9 +13,9 @@ describe('ssr: slot', () => {
       await renderToString(
         createApp({
           components,
-          template: `<one>hello</one>`
-        })
-      )
+          template: `<one>hello</one>`,
+        }),
+      ),
     ).toBe(`<div><!--[-->hello<!--]--></div>`)
   })
 
@@ -24,9 +24,9 @@ describe('ssr: slot', () => {
       await renderToString(
         createApp({
           components,
-          template: `<one><div>hi</div></one>`
-        })
-      )
+          template: `<one><div>hi</div></one>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><div>hi</div><!--]--></div>`)
   })
 
@@ -36,12 +36,12 @@ describe('ssr: slot', () => {
         createApp({
           components: {
             one: {
-              template: `<div><slot/></div>`
-            }
+              template: `<div><slot/></div>`,
+            },
           },
-          template: `<one><template v-if="false"/></one>`
-        })
-      )
+          template: `<one><template v-if="false"/></one>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><!--]--></div>`)
   })
 
@@ -51,12 +51,12 @@ describe('ssr: slot', () => {
         createApp({
           components: {
             one: {
-              template: `<div><slot/></div>`
-            }
+              template: `<div><slot/></div>`,
+            },
           },
-          template: `<one><!--hello--></one>`
-        })
-      )
+          template: `<one><!--hello--></one>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><!--]--></div>`)
   })
 
@@ -66,12 +66,12 @@ describe('ssr: slot', () => {
         createApp({
           components: {
             one: {
-              template: `<div><slot/></div>`
-            }
+              template: `<div><slot/></div>`,
+            },
           },
-          template: `<one><!--he\nllo--></one>`
-        })
-      )
+          template: `<one><!--he\nllo--></one>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><!--]--></div>`)
   })
 
@@ -80,9 +80,9 @@ describe('ssr: slot', () => {
       await renderToString(
         createApp({
           components,
-          template: `<one><div>one</div><div>two</div></one>`
-        })
-      )
+          template: `<one><div>one</div><div>two</div></one>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><div>one</div><div>two</div><!--]--></div>`)
   })
 
@@ -91,9 +91,9 @@ describe('ssr: slot', () => {
       await renderToString(
         createApp({
           components,
-          template: `<one><template v-if="true">hello</template></one>`
-        })
-      )
+          template: `<one><template v-if="true">hello</template></one>`,
+        }),
+      ),
     ).toBe(`<div><!--[--><!--[-->hello<!--]--><!--]--></div>`)
   })
 
@@ -102,11 +102,11 @@ describe('ssr: slot', () => {
       await renderToString(
         createApp({
           components,
-          template: `<one><template v-if="true"><div>one</div><div>two</div></template></one>`
-        })
-      )
+          template: `<one><template v-if="true"><div>one</div><div>two</div></template></one>`,
+        }),
+      ),
     ).toBe(
-      `<div><!--[--><!--[--><div>one</div><div>two</div><!--]--><!--]--></div>`
+      `<div><!--[--><!--[--><div>one</div><div>two</div><!--]--><!--]--></div>`,
     )
   })
 
@@ -116,12 +116,12 @@ describe('ssr: slot', () => {
         createApp({
           components: {
             one: {
-              template: `<transition><slot/></transition>`
-            }
+              template: `<transition><slot/></transition>`,
+            },
           },
-          template: `<one><div v-if="false">foo</div></one>`
-        })
-      )
+          template: `<one><div v-if="false">foo</div></one>`,
+        }),
+      ),
     ).toBe(`<!---->`)
 
     expect(
@@ -129,12 +129,12 @@ describe('ssr: slot', () => {
         createApp({
           components: {
             one: {
-              template: `<transition><slot/></transition>`
-            }
+              template: `<transition><slot/></transition>`,
+            },
           },
-          template: `<one><div v-if="true">foo</div></one>`
-        })
-      )
+          template: `<one><div v-if="true">foo</div></one>`,
+        }),
+      ),
     ).toBe(`<div>foo</div>`)
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrSuspense.spec.ts b/packages/server-renderer/__tests__/ssrSuspense.spec.ts
index 97984f61d94..7137e961334 100644
--- a/packages/server-renderer/__tests__/ssrSuspense.spec.ts
+++ b/packages/server-renderer/__tests__/ssrSuspense.spec.ts
@@ -5,13 +5,13 @@ describe('SSR Suspense', () => {
   const ResolvingAsync = {
     async setup() {
       return () => h('div', 'async')
-    }
+    },
   }
 
   const RejectingAsync = {
     setup() {
       return new Promise((_, reject) => reject('foo'))
-    }
+    },
   }
 
   test('content', async () => {
@@ -19,9 +19,9 @@ describe('SSR Suspense', () => {
       render() {
         return h(Suspense, null, {
           default: h(ResolvingAsync),
-          fallback: h('div', 'fallback')
+          fallback: h('div', 'fallback'),
         })
-      }
+      },
     }
 
     expect(await renderToString(createApp(Comp))).toBe(`<div>async</div>`)
@@ -33,9 +33,9 @@ describe('SSR Suspense', () => {
       render() {
         return h(Suspense, null, {
           default: h(RejectingAsync),
-          fallback: h('div', 'fallback')
+          fallback: h('div', 'fallback'),
         })
-      }
+      },
     }
 
     expect(await renderToString(createApp(Comp))).toBe(`<!---->`)
@@ -49,13 +49,13 @@ describe('SSR Suspense', () => {
       render() {
         return h(Suspense, null, {
           default: h('div', [h(ResolvingAsync), h(ResolvingAsync)]),
-          fallback: h('div', 'fallback')
+          fallback: h('div', 'fallback'),
         })
-      }
+      },
     }
 
     expect(await renderToString(createApp(Comp))).toBe(
-      `<div><div>async</div><div>async</div></div>`
+      `<div><div>async</div><div>async</div></div>`,
     )
   })
 
@@ -65,13 +65,13 @@ describe('SSR Suspense', () => {
       render() {
         return h(Suspense, null, {
           default: h('div', [h(ResolvingAsync), h(RejectingAsync)]),
-          fallback: h('div', 'fallback')
+          fallback: h('div', 'fallback'),
         })
-      }
+      },
     }
 
     expect(await renderToString(createApp(Comp))).toBe(
-      `<div><div>async</div><!----></div>`
+      `<div><div>async</div><!----></div>`,
     )
 
     expect(Comp.errorCaptured).toHaveBeenCalledTimes(1)
@@ -87,16 +87,16 @@ describe('SSR Suspense', () => {
             h(ResolvingAsync),
             h(Suspense, null, {
               default: h('div', [h(RejectingAsync)]),
-              fallback: h('div', 'fallback 2')
-            })
+              fallback: h('div', 'fallback 2'),
+            }),
           ]),
-          fallback: h('div', 'fallback 1')
+          fallback: h('div', 'fallback 1'),
         })
-      }
+      },
     }
 
     expect(await renderToString(createApp(Comp))).toBe(
-      `<div><div>async</div><div><!----></div></div>`
+      `<div><div>async</div><div><!----></div></div>`,
     )
 
     expect(Comp.errorCaptured).toHaveBeenCalledTimes(1)
@@ -112,16 +112,16 @@ describe('SSR Suspense', () => {
             h(RejectingAsync),
             h(Suspense, null, {
               default: h('div', [h(ResolvingAsync)]),
-              fallback: h('div', 'fallback 2')
-            })
+              fallback: h('div', 'fallback 2'),
+            }),
           ]),
-          fallback: h('div', 'fallback 1')
+          fallback: h('div', 'fallback 1'),
         })
-      }
+      },
     }
 
     expect(await renderToString(createApp(Comp))).toBe(
-      `<div><!----><div><div>async</div></div></div>`
+      `<div><!----><div><div>async</div></div></div>`,
     )
     expect(Comp.errorCaptured).toHaveBeenCalledTimes(1)
     expect('missing template').toHaveBeenWarned()
diff --git a/packages/server-renderer/__tests__/ssrTeleport.spec.ts b/packages/server-renderer/__tests__/ssrTeleport.spec.ts
index 4de6b44bb53..acff3120997 100644
--- a/packages/server-renderer/__tests__/ssrTeleport.spec.ts
+++ b/packages/server-renderer/__tests__/ssrTeleport.spec.ts
@@ -20,15 +20,15 @@ describe('ssrRenderTeleport', () => {
             },
             '#target',
             false,
-            _parent
+            _parent,
           )
-        }
+        },
       }),
-      ctx
+      ctx,
     )
     expect(html).toBe('<!--teleport start--><!--teleport end-->')
     expect(ctx.teleports!['#target']).toBe(
-      `<div>content</div><!--teleport anchor-->`
+      `<div>content</div><!--teleport anchor-->`,
     )
   })
 
@@ -47,14 +47,14 @@ describe('ssrRenderTeleport', () => {
             },
             '#target',
             true,
-            _parent
+            _parent,
           )
-        }
+        },
       }),
-      ctx
+      ctx,
     )
     expect(html).toBe(
-      '<!--teleport start--><div>content</div><!--teleport end-->'
+      '<!--teleport start--><div>content</div><!--teleport end-->',
     )
     expect(ctx.teleports!['#target']).toBe(`<!--teleport anchor-->`)
   })
@@ -65,15 +65,15 @@ describe('ssrRenderTeleport', () => {
       h(
         Teleport,
         {
-          to: `#target`
+          to: `#target`,
         },
-        h('span', 'hello')
+        h('span', 'hello'),
       ),
-      ctx
+      ctx,
     )
     expect(html).toBe('<!--teleport start--><!--teleport end-->')
     expect(ctx.teleports!['#target']).toBe(
-      '<span>hello</span><!--teleport anchor-->'
+      '<span>hello</span><!--teleport anchor-->',
     )
   })
 
@@ -84,14 +84,14 @@ describe('ssrRenderTeleport', () => {
         Teleport,
         {
           to: `#target`,
-          disabled: true
+          disabled: true,
         },
-        h('span', 'hello')
+        h('span', 'hello'),
       ),
-      ctx
+      ctx,
     )
     expect(html).toBe(
-      '<!--teleport start--><span>hello</span><!--teleport end-->'
+      '<!--teleport start--><span>hello</span><!--teleport end-->',
     )
     expect(ctx.teleports!['#target']).toBe(`<!--teleport anchor-->`)
   })
@@ -103,19 +103,19 @@ describe('ssrRenderTeleport', () => {
         h(
           Teleport,
           {
-            to: `#target`
+            to: `#target`,
           },
-          h('span', 'hello')
+          h('span', 'hello'),
         ),
-        h(Teleport, { to: `#target` }, 'world')
+        h(Teleport, { to: `#target` }, 'world'),
       ]),
-      ctx
+      ctx,
     )
     expect(html).toBe(
-      '<div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div>'
+      '<div><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--></div>',
     )
     expect(ctx.teleports!['#target']).toBe(
-      '<span>hello</span><!--teleport anchor-->world<!--teleport anchor-->'
+      '<span>hello</span><!--teleport anchor-->world<!--teleport anchor-->',
     )
   })
 
@@ -123,18 +123,18 @@ describe('ssrRenderTeleport', () => {
     const ctx: SSRContext = {}
     const asyncComponent = {
       template: '<teleport to="#target"><div>content</div></teleport>',
-      async setup() {}
+      async setup() {},
     }
     const html = await renderToString(
       h({
         template: '<async-component />',
-        components: { asyncComponent }
+        components: { asyncComponent },
       }),
-      ctx
+      ctx,
     )
     expect(html).toBe('<!--teleport start--><!--teleport end-->')
     expect(ctx.teleports!['#target']).toBe(
-      `<div>content</div><!--teleport anchor-->`
+      `<div>content</div><!--teleport anchor-->`,
     )
   })
 
@@ -142,7 +142,7 @@ describe('ssrRenderTeleport', () => {
     const ctx: SSRContext = {}
     const asyncComponent = {
       template: '<teleport to="#target"><div>content</div></teleport>',
-      async setup() {}
+      async setup() {},
     }
     let html = ''
     let resolve: any
@@ -150,7 +150,7 @@ describe('ssrRenderTeleport', () => {
     renderToSimpleStream(
       h({
         template: '<async-component />',
-        components: { asyncComponent }
+        components: { asyncComponent },
       }),
       ctx,
       {
@@ -163,13 +163,13 @@ describe('ssrRenderTeleport', () => {
         },
         destroy(err) {
           throw err
-        }
-      }
+        },
+      },
     )
     await p
     expect(html).toBe('<!--teleport start--><!--teleport end-->')
     expect(ctx.teleports!['#target']).toBe(
-      `<div>content</div><!--teleport anchor-->`
+      `<div>content</div><!--teleport anchor-->`,
     )
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrVModelHelpers.spec.ts b/packages/server-renderer/__tests__/ssrVModelHelpers.spec.ts
index d003c54064f..915b97bec1e 100644
--- a/packages/server-renderer/__tests__/ssrVModelHelpers.spec.ts
+++ b/packages/server-renderer/__tests__/ssrVModelHelpers.spec.ts
@@ -1,6 +1,6 @@
 import {
   ssrRenderDynamicModel,
-  ssrGetDynamicModelProps
+  ssrGetDynamicModelProps,
   // ssrGetDynamicModelProps
 } from '../src/helpers/ssrVModelHelpers'
 
@@ -26,90 +26,90 @@ describe('ssr: v-model helpers', () => {
     expect(
       ssrGetDynamicModelProps(
         {
-          type: 'text'
+          type: 'text',
         },
-        'foo'
-      )
+        'foo',
+      ),
     ).toMatchObject({ value: 'foo' })
     expect(
       ssrGetDynamicModelProps(
         {
-          type: 'email'
+          type: 'email',
         },
-        'foo'
-      )
+        'foo',
+      ),
     ).toMatchObject({ value: 'foo' })
 
     expect(
       ssrGetDynamicModelProps(
         {
-          type: 'checkbox'
+          type: 'checkbox',
         },
-        true
-      )
+        true,
+      ),
     ).toMatchObject({ checked: true })
     expect(
       ssrGetDynamicModelProps(
         {
-          type: 'checkbox'
+          type: 'checkbox',
         },
-        false
-      )
+        false,
+      ),
     ).toBe(null)
     expect(
       ssrGetDynamicModelProps(
         {
           type: 'checkbox',
-          value: '1'
+          value: '1',
         },
-        [1]
-      )
+        [1],
+      ),
     ).toMatchObject({ checked: true })
     expect(
       ssrGetDynamicModelProps(
         {
           type: 'checkbox',
-          value: 1
+          value: 1,
         },
-        [1]
-      )
+        [1],
+      ),
     ).toMatchObject({ checked: true })
     expect(
       ssrGetDynamicModelProps(
         {
           type: 'checkbox',
-          value: 0
+          value: 0,
         },
-        [1]
-      )
+        [1],
+      ),
     ).toBe(null)
 
     expect(
       ssrGetDynamicModelProps(
         {
           type: 'radio',
-          value: 'foo'
+          value: 'foo',
         },
-        'foo'
-      )
+        'foo',
+      ),
     ).toMatchObject({ checked: true })
     expect(
       ssrGetDynamicModelProps(
         {
           type: 'radio',
-          value: '1'
+          value: '1',
         },
-        1
-      )
+        1,
+      ),
     ).toMatchObject({ checked: true })
     expect(
       ssrGetDynamicModelProps(
         {
           type: 'radio',
-          value: 0
+          value: 0,
         },
-        1
-      )
+        1,
+      ),
     ).toBe(null)
   })
 })
diff --git a/packages/server-renderer/__tests__/ssrWatch.spec.ts b/packages/server-renderer/__tests__/ssrWatch.spec.ts
index df085332dc0..f76e3e22de2 100644
--- a/packages/server-renderer/__tests__/ssrWatch.spec.ts
+++ b/packages/server-renderer/__tests__/ssrWatch.spec.ts
@@ -12,7 +12,7 @@ describe('ssr: watch', () => {
         () => {
           msg = 'hello world'
         },
-        { flush: 'sync' }
+        { flush: 'sync' },
       )
       count.value = 1
       expect(msg).toBe('hello world')
diff --git a/packages/server-renderer/__tests__/webStream.spec.ts b/packages/server-renderer/__tests__/webStream.spec.ts
index 1b5c054c5ae..eb7f1728fa7 100644
--- a/packages/server-renderer/__tests__/webStream.spec.ts
+++ b/packages/server-renderer/__tests__/webStream.spec.ts
@@ -15,11 +15,11 @@ afterEach(() => {
 test('renderToWebStream', async () => {
   const Async = defineAsyncComponent(() =>
     Promise.resolve({
-      render: () => h('div', 'async')
-    })
+      render: () => h('div', 'async'),
+    }),
   )
   const App = {
-    render: () => [h('div', 'parent'), h(Async)]
+    render: () => [h('div', 'parent'), h(Async)],
   }
 
   const stream = renderToWebStream(createApp(App))
@@ -41,11 +41,11 @@ test('renderToWebStream', async () => {
 test('pipeToWebWritable', async () => {
   const Async = defineAsyncComponent(() =>
     Promise.resolve({
-      render: () => h('div', 'async')
-    })
+      render: () => h('div', 'async'),
+    }),
   )
   const App = {
-    render: () => [h('div', 'parent'), h(Async)]
+    render: () => [h('div', 'parent'), h(Async)],
   }
 
   const { readable, writable } = new TransformStream()
diff --git a/packages/server-renderer/src/helpers/ssrCompile.ts b/packages/server-renderer/src/helpers/ssrCompile.ts
index 722997c1a98..464e51827b0 100644
--- a/packages/server-renderer/src/helpers/ssrCompile.ts
+++ b/packages/server-renderer/src/helpers/ssrCompile.ts
@@ -10,21 +10,21 @@ import * as helpers from '../internal'
 type SSRRenderFunction = (
   context: any,
   push: PushFn,
-  parentInstance: ComponentInternalInstance
+  parentInstance: ComponentInternalInstance,
 ) => void
 
 const compileCache: Record<string, SSRRenderFunction> = Object.create(null)
 
 export function ssrCompile(
   template: string,
-  instance: ComponentInternalInstance
+  instance: ComponentInternalInstance,
 ): SSRRenderFunction {
   // TODO: this branch should now work in ESM builds, enable it in a minor
   if (!__NODE_JS__) {
     throw new Error(
       `On-the-fly template compilation is not supported in the ESM build of ` +
         `@vue/server-renderer. All templates must be pre-compiled into ` +
-        `render functions.`
+        `render functions.`,
     )
   }
 
@@ -37,11 +37,11 @@ export function ssrCompile(
     extend(
       {
         isCustomElement,
-        delimiters
+        delimiters,
       },
-      compilerOptions
+      compilerOptions,
     ),
-    componentCompilerOptions
+    componentCompilerOptions,
   )
 
   finalCompilerOptions.isCustomElement =
@@ -51,11 +51,11 @@ export function ssrCompile(
   const cacheKey = JSON.stringify(
     {
       template,
-      compilerOptions: finalCompilerOptions
+      compilerOptions: finalCompilerOptions,
     },
     (key, value) => {
       return isFunction(value) ? value.toString() : value
-    }
+    },
   )
 
   const cached = compileCache[cacheKey]
@@ -71,7 +71,7 @@ export function ssrCompile(
         generateCodeFrame(
           template as string,
           err.loc.start.offset,
-          err.loc.end.offset
+          err.loc.end.offset,
         )
       warn(codeFrame ? `${message}\n${codeFrame}` : message)
     } else {
@@ -82,7 +82,7 @@ export function ssrCompile(
   const { code } = compile(template, finalCompilerOptions)
   const requireMap = {
     vue: Vue,
-    'vue/server-renderer': helpers
+    'vue/server-renderer': helpers,
   }
   const fakeRequire = (id: 'vue' | 'vue/server-renderer') => requireMap[id]
   return (compileCache[cacheKey] = Function('require', code)(fakeRequire))
diff --git a/packages/server-renderer/src/helpers/ssrGetDirectiveProps.ts b/packages/server-renderer/src/helpers/ssrGetDirectiveProps.ts
index 9a1eb310930..920cfefd865 100644
--- a/packages/server-renderer/src/helpers/ssrGetDirectiveProps.ts
+++ b/packages/server-renderer/src/helpers/ssrGetDirectiveProps.ts
@@ -5,7 +5,7 @@ export function ssrGetDirectiveProps(
   dir: Directive,
   value?: any,
   arg?: string,
-  modifiers: Record<string, boolean> = {}
+  modifiers: Record<string, boolean> = {},
 ): Record<string, any> {
   if (typeof dir !== 'function' && dir.getSSRProps) {
     return (
@@ -16,9 +16,9 @@ export function ssrGetDirectiveProps(
           value,
           oldValue: undefined,
           arg,
-          modifiers
+          modifiers,
         },
-        null as any
+        null as any,
       ) || {}
     )
   }
diff --git a/packages/server-renderer/src/helpers/ssrRenderAttrs.ts b/packages/server-renderer/src/helpers/ssrRenderAttrs.ts
index 6bbf83a1eaa..e40590a3964 100644
--- a/packages/server-renderer/src/helpers/ssrRenderAttrs.ts
+++ b/packages/server-renderer/src/helpers/ssrRenderAttrs.ts
@@ -8,17 +8,17 @@ import {
   isSSRSafeAttrName,
   isBooleanAttr,
   includeBooleanAttr,
-  makeMap
+  makeMap,
 } from '@vue/shared'
 
 // leading comma for empty string ""
 const shouldIgnoreProp = makeMap(
-  `,key,ref,innerHTML,textContent,ref_key,ref_for`
+  `,key,ref,innerHTML,textContent,ref_key,ref_for`,
 )
 
 export function ssrRenderAttrs(
   props: Record<string, unknown>,
-  tag?: string
+  tag?: string,
 ): string {
   let ret = ''
   for (const key in props) {
@@ -45,7 +45,7 @@ export function ssrRenderAttrs(
 export function ssrRenderDynamicAttr(
   key: string,
   value: unknown,
-  tag?: string
+  tag?: string,
 ): string {
   if (!isRenderableValue(value)) {
     return ``
@@ -60,7 +60,7 @@ export function ssrRenderDynamicAttr(
     return value === '' ? ` ${attrKey}` : ` ${attrKey}="${escapeHtml(value)}"`
   } else {
     console.warn(
-      `[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`
+      `[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`,
     )
     return ``
   }
diff --git a/packages/server-renderer/src/helpers/ssrRenderComponent.ts b/packages/server-renderer/src/helpers/ssrRenderComponent.ts
index 4709f23a674..7bfc8a15dec 100644
--- a/packages/server-renderer/src/helpers/ssrRenderComponent.ts
+++ b/packages/server-renderer/src/helpers/ssrRenderComponent.ts
@@ -7,11 +7,11 @@ export function ssrRenderComponent(
   props: Props | null = null,
   children: Slots | SSRSlots | null = null,
   parentComponent: ComponentInternalInstance | null = null,
-  slotScopeId?: string
+  slotScopeId?: string,
 ): SSRBuffer | Promise<SSRBuffer> {
   return renderComponentVNode(
     createVNode(comp, props, children),
     parentComponent,
-    slotScopeId
+    slotScopeId,
   )
 }
diff --git a/packages/server-renderer/src/helpers/ssrRenderList.ts b/packages/server-renderer/src/helpers/ssrRenderList.ts
index bde28f25759..e994376d9b2 100644
--- a/packages/server-renderer/src/helpers/ssrRenderList.ts
+++ b/packages/server-renderer/src/helpers/ssrRenderList.ts
@@ -3,7 +3,7 @@ import { warn } from '@vue/runtime-core'
 
 export function ssrRenderList(
   source: unknown,
-  renderItem: (value: unknown, key: string | number, index?: number) => void
+  renderItem: (value: unknown, key: string | number, index?: number) => void,
 ) {
   if (isArray(source) || isString(source)) {
     for (let i = 0, l = source.length; i < l; i++) {
diff --git a/packages/server-renderer/src/helpers/ssrRenderSlot.ts b/packages/server-renderer/src/helpers/ssrRenderSlot.ts
index ea1e7e94106..7ee7e0c3305 100644
--- a/packages/server-renderer/src/helpers/ssrRenderSlot.ts
+++ b/packages/server-renderer/src/helpers/ssrRenderSlot.ts
@@ -7,7 +7,7 @@ export type SSRSlot = (
   props: Props,
   push: PushFn,
   parentComponent: ComponentInternalInstance | null,
-  scopeId: string | null
+  scopeId: string | null,
 ) => void
 
 export function ssrRenderSlot(
@@ -17,7 +17,7 @@ export function ssrRenderSlot(
   fallbackRenderFn: (() => void) | null,
   push: PushFn,
   parentComponent: ComponentInternalInstance,
-  slotScopeId?: string
+  slotScopeId?: string,
 ) {
   // template-compiled slots are always rendered as fragments
   push(`<!--[-->`)
@@ -28,7 +28,7 @@ export function ssrRenderSlot(
     fallbackRenderFn,
     push,
     parentComponent,
-    slotScopeId
+    slotScopeId,
   )
   push(`<!--]-->`)
 }
@@ -41,7 +41,7 @@ export function ssrRenderSlotInner(
   push: PushFn,
   parentComponent: ComponentInternalInstance,
   slotScopeId?: string,
-  transition?: boolean
+  transition?: boolean,
 ) {
   const slotFn = slots[slotName]
   if (slotFn) {
@@ -53,7 +53,7 @@ export function ssrRenderSlotInner(
       slotProps,
       bufferedPush,
       parentComponent,
-      slotScopeId ? ' ' + slotScopeId : ''
+      slotScopeId ? ' ' + slotScopeId : '',
     )
     if (isArray(ret)) {
       // normal slot
diff --git a/packages/server-renderer/src/helpers/ssrRenderSuspense.ts b/packages/server-renderer/src/helpers/ssrRenderSuspense.ts
index f02b85d1796..45e263860db 100644
--- a/packages/server-renderer/src/helpers/ssrRenderSuspense.ts
+++ b/packages/server-renderer/src/helpers/ssrRenderSuspense.ts
@@ -2,7 +2,7 @@ import { PushFn } from '../render'
 
 export async function ssrRenderSuspense(
   push: PushFn,
-  { default: renderContent }: Record<string, (() => void) | undefined>
+  { default: renderContent }: Record<string, (() => void) | undefined>,
 ) {
   if (renderContent) {
     renderContent()
diff --git a/packages/server-renderer/src/helpers/ssrRenderTeleport.ts b/packages/server-renderer/src/helpers/ssrRenderTeleport.ts
index 8338ec06c25..c471ca3c6ea 100644
--- a/packages/server-renderer/src/helpers/ssrRenderTeleport.ts
+++ b/packages/server-renderer/src/helpers/ssrRenderTeleport.ts
@@ -6,7 +6,7 @@ export function ssrRenderTeleport(
   contentRenderFn: (push: PushFn) => void,
   target: string,
   disabled: boolean,
-  parentComponent: ComponentInternalInstance
+  parentComponent: ComponentInternalInstance,
 ) {
   parentPush('<!--teleport start-->')
 
diff --git a/packages/server-renderer/src/helpers/ssrVModelHelpers.ts b/packages/server-renderer/src/helpers/ssrVModelHelpers.ts
index 76b3d4f60f1..b6d89d1e353 100644
--- a/packages/server-renderer/src/helpers/ssrVModelHelpers.ts
+++ b/packages/server-renderer/src/helpers/ssrVModelHelpers.ts
@@ -11,7 +11,7 @@ export function ssrLooseContain(arr: unknown[], value: unknown): boolean {
 export function ssrRenderDynamicModel(
   type: unknown,
   model: unknown,
-  value: unknown
+  value: unknown,
 ) {
   switch (type) {
     case 'radio':
@@ -29,7 +29,7 @@ export function ssrRenderDynamicModel(
 // for <input v-bind="obj" v-model="model">
 export function ssrGetDynamicModelProps(
   existingProps: any = {},
-  model: unknown
+  model: unknown,
 ) {
   const { type, value } = existingProps
   switch (type) {
diff --git a/packages/server-renderer/src/index.ts b/packages/server-renderer/src/index.ts
index 1e453c913c1..e339fe9f5e1 100644
--- a/packages/server-renderer/src/index.ts
+++ b/packages/server-renderer/src/index.ts
@@ -12,7 +12,7 @@ export {
   pipeToWebWritable,
   type SimpleReadable,
   // deprecated
-  renderToStream
+  renderToStream,
 } from './renderToStream'
 
 // internal runtime helpers
diff --git a/packages/server-renderer/src/internal.ts b/packages/server-renderer/src/internal.ts
index 93919fcb04e..3a2054066c3 100644
--- a/packages/server-renderer/src/internal.ts
+++ b/packages/server-renderer/src/internal.ts
@@ -8,7 +8,7 @@ export {
   ssrRenderStyle,
   ssrRenderAttrs,
   ssrRenderAttr,
-  ssrRenderDynamicAttr
+  ssrRenderDynamicAttr,
 } from './helpers/ssrRenderAttrs'
 export { ssrInterpolate } from './helpers/ssrInterpolate'
 export { ssrRenderList } from './helpers/ssrRenderList'
@@ -21,5 +21,5 @@ export {
   ssrLooseEqual,
   ssrLooseContain,
   ssrRenderDynamicModel,
-  ssrGetDynamicModelProps
+  ssrGetDynamicModelProps,
 } from './helpers/ssrVModelHelpers'
diff --git a/packages/server-renderer/src/render.ts b/packages/server-renderer/src/render.ts
index a1f327b4320..aebda8c0190 100644
--- a/packages/server-renderer/src/render.ts
+++ b/packages/server-renderer/src/render.ts
@@ -12,7 +12,7 @@ import {
   VNode,
   VNodeArrayChildren,
   VNodeProps,
-  warn
+  warn,
 } from 'vue'
 import {
   escapeHtml,
@@ -23,7 +23,7 @@ import {
   isVoidTag,
   ShapeFlags,
   isArray,
-  NOOP
+  NOOP,
 } from '@vue/shared'
 import { ssrRenderAttrs } from './helpers/ssrRenderAttrs'
 import { ssrCompile } from './helpers/ssrCompile'
@@ -34,7 +34,7 @@ const {
   setCurrentRenderingInstance,
   setupComponent,
   renderComponentRoot,
-  normalizeVNode
+  normalizeVNode,
 } = ssrUtils
 
 export type SSRBuffer = SSRBufferItem[] & { hasAsync?: boolean }
@@ -82,14 +82,14 @@ export function createBuffer() {
         // this allows skipping unnecessary await ticks during unroll stage
         buffer.hasAsync = true
       }
-    }
+    },
   }
 }
 
 export function renderComponentVNode(
   vnode: VNode,
   parentComponent: ComponentInternalInstance | null = null,
-  slotScopeId?: string
+  slotScopeId?: string,
 ): SSRBuffer | Promise<SSRBuffer> {
   const instance = createComponentInstance(vnode, parentComponent, null)
   const res = setupComponent(instance, true /* isSSR */)
@@ -102,7 +102,9 @@ export function renderComponentVNode(
     if (prefetches) {
       p = p
         .then(() =>
-          Promise.all(prefetches.map(prefetch => prefetch.call(instance.proxy)))
+          Promise.all(
+            prefetches.map(prefetch => prefetch.call(instance.proxy)),
+          ),
         )
         // Note: error display is already done by the wrapped lifecycle hook function.
         .catch(() => {})
@@ -115,7 +117,7 @@ export function renderComponentVNode(
 
 function renderComponentSubTree(
   instance: ComponentInternalInstance,
-  slotScopeId?: string
+  slotScopeId?: string,
 ): SSRBuffer | Promise<SSRBuffer> {
   const comp = instance.type as Component
   const { getBuffer, push } = createBuffer()
@@ -191,7 +193,7 @@ function renderComponentSubTree(
           instance.props,
           instance.setupState,
           instance.data,
-          instance.ctx
+          instance.ctx,
         )
       } finally {
         setCurrentRenderingInstance(prev)
@@ -201,7 +203,7 @@ function renderComponentSubTree(
         push,
         (instance.subTree = renderComponentRoot(instance)),
         instance,
-        slotScopeId
+        slotScopeId,
       )
     } else {
       const componentName = comp.name || comp.__file || `<Anonymous>`
@@ -216,7 +218,7 @@ export function renderVNode(
   push: PushFn,
   vnode: VNode,
   parentComponent: ComponentInternalInstance,
-  slotScopeId?: string
+  slotScopeId?: string,
 ) {
   const { type, shapeFlag, children } = vnode
   switch (type) {
@@ -225,7 +227,9 @@ export function renderVNode(
       break
     case Comment:
       push(
-        children ? `<!--${escapeHtmlComment(children as string)}-->` : `<!---->`
+        children
+          ? `<!--${escapeHtmlComment(children as string)}-->`
+          : `<!---->`,
       )
       break
     case Static:
@@ -241,7 +245,7 @@ export function renderVNode(
         push,
         children as VNodeArrayChildren,
         parentComponent,
-        slotScopeId
+        slotScopeId,
       )
       push(`<!--]-->`) // close
       break
@@ -258,7 +262,7 @@ export function renderVNode(
         warn(
           '[@vue/server-renderer] Invalid VNode type:',
           type,
-          `(${typeof type})`
+          `(${typeof type})`,
         )
       }
   }
@@ -268,7 +272,7 @@ export function renderVNodeChildren(
   push: PushFn,
   children: VNodeArrayChildren,
   parentComponent: ComponentInternalInstance,
-  slotScopeId: string | undefined
+  slotScopeId: string | undefined,
 ) {
   for (let i = 0; i < children.length; i++) {
     renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId)
@@ -279,7 +283,7 @@ function renderElementVNode(
   push: PushFn,
   vnode: VNode,
   parentComponent: ComponentInternalInstance,
-  slotScopeId: string | undefined
+  slotScopeId: string | undefined,
 ) {
   const tag = vnode.type as string
   let { props, children, shapeFlag, scopeId, dirs } = vnode
@@ -333,7 +337,7 @@ function renderElementVNode(
           push,
           children as VNodeArrayChildren,
           parentComponent,
-          slotScopeId
+          slotScopeId,
         )
       }
     }
@@ -344,13 +348,13 @@ function renderElementVNode(
 function applySSRDirectives(
   vnode: VNode,
   rawProps: VNodeProps | null,
-  dirs: DirectiveBinding[]
+  dirs: DirectiveBinding[],
 ): VNodeProps {
   const toMerge: VNodeProps[] = []
   for (let i = 0; i < dirs.length; i++) {
     const binding = dirs[i]
     const {
-      dir: { getSSRProps }
+      dir: { getSSRProps },
     } = binding
     if (getSSRProps) {
       const props = getSSRProps(binding, vnode)
@@ -364,7 +368,7 @@ function renderTeleportVNode(
   push: PushFn,
   vnode: VNode,
   parentComponent: ComponentInternalInstance,
-  slotScopeId: string | undefined
+  slotScopeId: string | undefined,
 ) {
   const target = vnode.props && vnode.props.to
   const disabled = vnode.props && vnode.props.disabled
@@ -376,7 +380,7 @@ function renderTeleportVNode(
   }
   if (!isString(target)) {
     warn(
-      `[@vue/server-renderer] Teleport target must be a query selector string.`
+      `[@vue/server-renderer] Teleport target must be a query selector string.`,
     )
     return []
   }
@@ -387,11 +391,11 @@ function renderTeleportVNode(
         push,
         vnode.children as VNodeArrayChildren,
         parentComponent,
-        slotScopeId
+        slotScopeId,
       )
     },
     target,
     disabled || disabled === '',
-    parentComponent
+    parentComponent,
   )
 }
diff --git a/packages/server-renderer/src/renderToStream.ts b/packages/server-renderer/src/renderToStream.ts
index bdcdb0a026e..81d0df8ae51 100644
--- a/packages/server-renderer/src/renderToStream.ts
+++ b/packages/server-renderer/src/renderToStream.ts
@@ -4,7 +4,7 @@ import {
   createVNode,
   ssrUtils,
   createApp,
-  ssrContextKey
+  ssrContextKey,
 } from 'vue'
 import { isString, isPromise } from '@vue/shared'
 import { renderComponentVNode, SSRBuffer, SSRContext } from './render'
@@ -20,7 +20,7 @@ export interface SimpleReadable {
 
 async function unrollBuffer(
   buffer: SSRBuffer,
-  stream: SimpleReadable
+  stream: SimpleReadable,
 ): Promise<void> {
   if (buffer.hasAsync) {
     for (let i = 0; i < buffer.length; i++) {
@@ -56,14 +56,14 @@ function unrollBufferSync(buffer: SSRBuffer, stream: SimpleReadable) {
 export function renderToSimpleStream<T extends SimpleReadable>(
   input: App | VNode,
   context: SSRContext,
-  stream: T
+  stream: T,
 ): T {
   if (isVNode(input)) {
     // raw vnode, wrap with app (for context)
     return renderToSimpleStream(
       createApp({ render: () => input }),
       context,
-      stream
+      stream,
     )
   }
 
@@ -96,17 +96,17 @@ export function renderToSimpleStream<T extends SimpleReadable>(
  */
 export function renderToStream(
   input: App | VNode,
-  context: SSRContext = {}
+  context: SSRContext = {},
 ): Readable {
   console.warn(
-    `[@vue/server-renderer] renderToStream is deprecated - use renderToNodeStream instead.`
+    `[@vue/server-renderer] renderToStream is deprecated - use renderToNodeStream instead.`,
   )
   return renderToNodeStream(input, context)
 }
 
 export function renderToNodeStream(
   input: App | VNode,
-  context: SSRContext = {}
+  context: SSRContext = {},
 ): Readable {
   const stream: Readable = __NODE_JS__
     ? new (require('stream').Readable)({ read() {} })
@@ -116,7 +116,7 @@ export function renderToNodeStream(
     throw new Error(
       `ESM build of renderToStream() does not support renderToNodeStream(). ` +
         `Use pipeToNodeWritable() with an existing Node.js Writable stream ` +
-        `instance instead.`
+        `instance instead.`,
     )
   }
 
@@ -126,7 +126,7 @@ export function renderToNodeStream(
 export function pipeToNodeWritable(
   input: App | VNode,
   context: SSRContext = {},
-  writable: Writable
+  writable: Writable,
 ) {
   renderToSimpleStream(input, context, {
     push(content) {
@@ -138,19 +138,19 @@ export function pipeToNodeWritable(
     },
     destroy(err) {
       writable.destroy(err)
-    }
+    },
   })
 }
 
 export function renderToWebStream(
   input: App | VNode,
-  context: SSRContext = {}
+  context: SSRContext = {},
 ): ReadableStream {
   if (typeof ReadableStream !== 'function') {
     throw new Error(
       `ReadableStream constructor is not available in the global scope. ` +
         `If the target environment does support web streams, consider using ` +
-        `pipeToWebWritable() with an existing WritableStream instance instead.`
+        `pipeToWebWritable() with an existing WritableStream instance instead.`,
     )
   }
 
@@ -170,19 +170,19 @@ export function renderToWebStream(
         },
         destroy(err) {
           controller.error(err)
-        }
+        },
       })
     },
     cancel() {
       cancelled = true
-    }
+    },
   })
 }
 
 export function pipeToWebWritable(
   input: App | VNode,
   context: SSRContext = {},
-  writable: WritableStream
+  writable: WritableStream,
 ): void {
   const writer = writable.getWriter()
   const encoder = new TextEncoder()
@@ -208,6 +208,6 @@ export function pipeToWebWritable(
       // TODO better error handling?
       console.log(err)
       writer.close()
-    }
+    },
   })
 }
diff --git a/packages/server-renderer/src/renderToString.ts b/packages/server-renderer/src/renderToString.ts
index 2fdc39f6816..9d985373b9a 100644
--- a/packages/server-renderer/src/renderToString.ts
+++ b/packages/server-renderer/src/renderToString.ts
@@ -4,7 +4,7 @@ import {
   createVNode,
   ssrContextKey,
   ssrUtils,
-  VNode
+  VNode,
 } from 'vue'
 import { isPromise, isString } from '@vue/shared'
 import { SSRContext, renderComponentVNode, SSRBuffer } from './render'
@@ -49,7 +49,7 @@ function unrollBufferSync(buffer: SSRBuffer): string {
 
 export async function renderToString(
   input: App | VNode,
-  context: SSRContext = {}
+  context: SSRContext = {},
 ): Promise<string> {
   if (isVNode(input)) {
     // raw vnode, wrap with app (for context)
@@ -83,7 +83,7 @@ export async function resolveTeleports(context: SSRContext) {
       // note: it's OK to await sequentially here because the Promises were
       // created eagerly in parallel.
       context.teleports[key] = await unrollBuffer(
-        await Promise.all([context.__teleportBuffers[key]])
+        await Promise.all([context.__teleportBuffers[key]]),
       )
     }
   }
diff --git a/packages/sfc-playground/src/download/template/vite.config.js b/packages/sfc-playground/src/download/template/vite.config.js
index 315212d69a7..05c17402a4a 100644
--- a/packages/sfc-playground/src/download/template/vite.config.js
+++ b/packages/sfc-playground/src/download/template/vite.config.js
@@ -3,5 +3,5 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
 })
diff --git a/packages/sfc-playground/src/main.ts b/packages/sfc-playground/src/main.ts
index 713251fd81c..70cf569d8d4 100644
--- a/packages/sfc-playground/src/main.ts
+++ b/packages/sfc-playground/src/main.ts
@@ -4,7 +4,7 @@ import '@vue/repl/style.css'
 
 // @ts-expect-error Custom window property
 window.VUE_DEVTOOLS_CONFIG = {
-  defaultSelectedAppId: 'repl'
+  defaultSelectedAppId: 'repl',
 }
 
 createApp(App).mount('#app')
diff --git a/packages/sfc-playground/vite.config.ts b/packages/sfc-playground/vite.config.ts
index 8b93d1d3126..37dc65210dc 100644
--- a/packages/sfc-playground/vite.config.ts
+++ b/packages/sfc-playground/vite.config.ts
@@ -13,19 +13,19 @@ export default defineConfig({
         defineModel: true,
         fs: {
           fileExists: fs.existsSync,
-          readFile: file => fs.readFileSync(file, 'utf-8')
-        }
-      }
+          readFile: file => fs.readFileSync(file, 'utf-8'),
+        },
+      },
     }),
-    copyVuePlugin()
+    copyVuePlugin(),
   ],
   define: {
     __COMMIT__: JSON.stringify(commit),
-    __VUE_PROD_DEVTOOLS__: JSON.stringify(true)
+    __VUE_PROD_DEVTOOLS__: JSON.stringify(true),
   },
   optimizeDeps: {
-    exclude: ['@vue/repl']
-  }
+    exclude: ['@vue/repl'],
+  },
 })
 
 function copyVuePlugin(): Plugin {
@@ -38,18 +38,18 @@ function copyVuePlugin(): Plugin {
         if (!fs.existsSync(filePath)) {
           throw new Error(
             `${basename} not built. ` +
-              `Run "nr build vue -f esm-browser" first.`
+              `Run "nr build vue -f esm-browser" first.`,
           )
         }
         this.emitFile({
           type: 'asset',
           fileName: basename,
-          source: fs.readFileSync(filePath, 'utf-8')
+          source: fs.readFileSync(filePath, 'utf-8'),
         })
       }
 
       copyFile(`../vue/dist/vue.runtime.esm-browser.js`)
       copyFile(`../server-renderer/dist/server-renderer.esm-browser.js`)
-    }
+    },
   }
 }
diff --git a/packages/shared/__tests__/codeframe.spec.ts b/packages/shared/__tests__/codeframe.spec.ts
index 5083100485d..addae82c908 100644
--- a/packages/shared/__tests__/codeframe.spec.ts
+++ b/packages/shared/__tests__/codeframe.spec.ts
@@ -75,7 +75,7 @@ attr
       const keyEnd =
         windowsNewLineSource.indexOf(endToken, keyStart) + endToken.length
       expect(
-        generateCodeFrame(windowsNewLineSource, keyStart, keyEnd)
+        generateCodeFrame(windowsNewLineSource, keyStart, keyEnd),
       ).toMatchSnapshot()
     })
 
@@ -84,7 +84,7 @@ attr
       const keyEnd =
         unixNewlineSource.indexOf(endToken, keyStart) + endToken.length
       expect(
-        generateCodeFrame(unixNewlineSource, keyStart, keyEnd)
+        generateCodeFrame(unixNewlineSource, keyStart, keyEnd),
       ).toMatchSnapshot()
     })
   }
diff --git a/packages/shared/__tests__/looseEqual.spec.ts b/packages/shared/__tests__/looseEqual.spec.ts
index 67b69dd76d4..2dea58ce586 100644
--- a/packages/shared/__tests__/looseEqual.spec.ts
+++ b/packages/shared/__tests__/looseEqual.spec.ts
@@ -69,27 +69,27 @@ describe('utils/looseEqual', () => {
     const date2 = new Date(2019, 1, 2, 3, 4, 5, 7)
     const file1 = new File([''], 'filename.txt', {
       type: 'text/plain',
-      lastModified: date1.getTime()
+      lastModified: date1.getTime(),
     })
     const file2 = new File([''], 'filename.txt', {
       type: 'text/plain',
-      lastModified: date1.getTime()
+      lastModified: date1.getTime(),
     })
     const file3 = new File([''], 'filename.txt', {
       type: 'text/plain',
-      lastModified: date2.getTime()
+      lastModified: date2.getTime(),
     })
     const file4 = new File([''], 'filename.csv', {
       type: 'text/csv',
-      lastModified: date1.getTime()
+      lastModified: date1.getTime(),
     })
     const file5 = new File(['abcdef'], 'filename.txt', {
       type: 'text/plain',
-      lastModified: date1.getTime()
+      lastModified: date1.getTime(),
     })
     const file6 = new File(['12345'], 'filename.txt', {
       type: 'text/plain',
-      lastModified: date1.getTime()
+      lastModified: date1.getTime(),
     })
 
     // Identical file object references
@@ -178,7 +178,7 @@ describe('utils/looseEqual', () => {
     const date1 = new Date(2019, 1, 2, 3, 4, 5, 6)
     const file1 = new File([''], 'filename.txt', {
       type: 'text/plain',
-      lastModified: date1.getTime()
+      lastModified: date1.getTime(),
     })
 
     expect(looseEqual(123, '123')).toBe(true)
diff --git a/packages/shared/__tests__/normalizeProp.spec.ts b/packages/shared/__tests__/normalizeProp.spec.ts
index a3cb104c003..c06ffdda19a 100644
--- a/packages/shared/__tests__/normalizeProp.spec.ts
+++ b/packages/shared/__tests__/normalizeProp.spec.ts
@@ -7,13 +7,13 @@ describe('normalizeClass', () => {
 
   test('handles array correctly', () => {
     expect(normalizeClass(['foo', undefined, true, false, 'bar'])).toEqual(
-      'foo bar'
+      'foo bar',
     )
   })
 
   test('handles object correctly', () => {
     expect(normalizeClass({ foo: true, bar: false, baz: true })).toEqual(
-      'foo baz'
+      'foo baz',
     )
   })
 
@@ -28,7 +28,7 @@ describe('normalizeClass', () => {
         #ccc 0.5em,
         white 0,
         white 0.75em
-      );`)
+      );`),
     ).toMatchInlineSnapshot(`
       {
         "background": "linear-gradient(white, white) padding-box,
diff --git a/packages/shared/__tests__/toDisplayString.spec.ts b/packages/shared/__tests__/toDisplayString.spec.ts
index 5255c0e400b..97000923633 100644
--- a/packages/shared/__tests__/toDisplayString.spec.ts
+++ b/packages/shared/__tests__/toDisplayString.spec.ts
@@ -27,19 +27,19 @@ describe('toDisplayString', () => {
       foo: 555,
       toString() {
         return 'override'
-      }
+      },
     }
     expect(toDisplayString(objWithToStringOverride)).toBe('override')
 
     const objWithNonInvokableToString = {
       foo: 555,
-      toString: null
+      toString: null,
     }
     expect(toDisplayString(objWithNonInvokableToString)).toBe(
       `{
   "foo": 555,
   "toString": null
-}`
+}`,
     )
 
     // object created from null does not have .toString in its prototype
@@ -48,7 +48,7 @@ describe('toDisplayString', () => {
     expect(toDisplayString(nullObjectWithoutToString)).toBe(
       `{
   "bar": 1
-}`
+}`,
     )
 
     // array toString override is ignored
@@ -60,7 +60,7 @@ describe('toDisplayString', () => {
   1,
   2,
   3
-]`
+]`,
     )
   })
 
@@ -70,8 +70,8 @@ describe('toDisplayString', () => {
     expect(
       toDisplayString({
         n,
-        np
-      })
+        np,
+      }),
     ).toBe(JSON.stringify({ n: 1, np: 2 }, null, 2))
   })
 
@@ -100,7 +100,7 @@ describe('toDisplayString', () => {
   test('Map and Set', () => {
     const m = new Map<any, any>([
       [1, 'foo'],
-      [{ baz: 1 }, { foo: 'bar', qux: 2 }]
+      [{ baz: 1 }, { foo: 'bar', qux: 2 }],
     ])
     const s = new Set<any>([1, { foo: 'bar' }, m])
 
@@ -138,8 +138,8 @@ describe('toDisplayString', () => {
     expect(
       toDisplayString({
         m,
-        s
-      })
+        s,
+      }),
     ).toMatchInlineSnapshot(`
       "{
         \\"m\\": {
diff --git a/packages/shared/src/codeframe.ts b/packages/shared/src/codeframe.ts
index 82b38bfb330..af7212166ee 100644
--- a/packages/shared/src/codeframe.ts
+++ b/packages/shared/src/codeframe.ts
@@ -3,7 +3,7 @@ const range: number = 2
 export function generateCodeFrame(
   source: string,
   start = 0,
-  end = source.length
+  end = source.length,
 ): string {
   // Split the content into individual lines but capture the newline sequence
   // that separated each line. This is important because the actual sequence is
@@ -28,7 +28,7 @@ export function generateCodeFrame(
         res.push(
           `${line}${' '.repeat(Math.max(3 - String(line).length, 0))}|  ${
             lines[j]
-          }`
+          }`,
         )
         const lineLength = lines[j].length
         const newLineSeqLength =
@@ -39,7 +39,7 @@ export function generateCodeFrame(
           const pad = start - (count - (lineLength + newLineSeqLength))
           const length = Math.max(
             1,
-            end > count ? lineLength - pad : end - start
+            end > count ? lineLength - pad : end - start,
           )
           res.push(`   |  ` + ' '.repeat(pad) + '^'.repeat(length))
         } else if (j > i) {
diff --git a/packages/shared/src/domAttrConfig.ts b/packages/shared/src/domAttrConfig.ts
index 5f7f851b0df..93e4440826a 100644
--- a/packages/shared/src/domAttrConfig.ts
+++ b/packages/shared/src/domAttrConfig.ts
@@ -21,7 +21,7 @@ export const isBooleanAttr = /*#__PURE__*/ makeMap(
   specialBooleanAttrs +
     `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,` +
     `inert,loop,open,required,reversed,scoped,seamless,` +
-    `checked,muted,multiple,selected`
+    `checked,muted,multiple,selected`,
 )
 
 /**
@@ -50,7 +50,7 @@ export const propsToAttrMap: Record<string, string | undefined> = {
   acceptCharset: 'accept-charset',
   className: 'class',
   htmlFor: 'for',
-  httpEquiv: 'http-equiv'
+  httpEquiv: 'http-equiv',
 }
 
 /**
@@ -74,7 +74,7 @@ export const isKnownHtmlAttr = /*#__PURE__*/ makeMap(
     `referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,` +
     `selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,` +
     `start,step,style,summary,tabindex,target,title,translate,type,usemap,` +
-    `value,width,wrap`
+    `value,width,wrap`,
 )
 
 /**
@@ -119,5 +119,5 @@ export const isKnownSvgAttr = /*#__PURE__*/ makeMap(
     `vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,` +
     `writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,` +
     `xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xml:base,xml:lang,` +
-    `xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
+    `xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`,
 )
diff --git a/packages/shared/src/general.ts b/packages/shared/src/general.ts
index 0117e67000d..e0216d7c0f9 100644
--- a/packages/shared/src/general.ts
+++ b/packages/shared/src/general.ts
@@ -29,7 +29,7 @@ export const remove = <T>(arr: T[], el: T) => {
 const hasOwnProperty = Object.prototype.hasOwnProperty
 export const hasOwn = (
   val: object,
-  key: string | symbol
+  key: string | symbol,
 ): key is keyof typeof val => hasOwnProperty.call(val, key)
 
 export const isArray = Array.isArray
@@ -80,11 +80,11 @@ export const isReservedProp = /*#__PURE__*/ makeMap(
   ',key,ref,ref_for,ref_key,' +
     'onVnodeBeforeMount,onVnodeMounted,' +
     'onVnodeBeforeUpdate,onVnodeUpdated,' +
-    'onVnodeBeforeUnmount,onVnodeUnmounted'
+    'onVnodeBeforeUnmount,onVnodeUnmounted',
 )
 
 export const isBuiltInDirective = /*#__PURE__*/ makeMap(
-  'bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo'
+  'bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo',
 )
 
 const cacheStringFunction = <T extends (str: string) => string>(fn: T): T => {
@@ -108,7 +108,7 @@ const hyphenateRE = /\B([A-Z])/g
  * @private
  */
 export const hyphenate = cacheStringFunction((str: string) =>
-  str.replace(hyphenateRE, '-$1').toLowerCase()
+  str.replace(hyphenateRE, '-$1').toLowerCase(),
 )
 
 /**
@@ -140,7 +140,7 @@ export const def = (obj: object, key: string | symbol, value: any) => {
   Object.defineProperty(obj, key, {
     configurable: true,
     enumerable: false,
-    value
+    value,
   })
 }
 
diff --git a/packages/shared/src/makeMap.ts b/packages/shared/src/makeMap.ts
index b598704c673..de282fe7c8a 100644
--- a/packages/shared/src/makeMap.ts
+++ b/packages/shared/src/makeMap.ts
@@ -7,7 +7,7 @@
  */
 export function makeMap(
   str: string,
-  expectsLowerCase?: boolean
+  expectsLowerCase?: boolean,
 ): (key: string) => boolean {
   const map: Record<string, boolean> = Object.create(null)
   const list: Array<string> = str.split(',')
diff --git a/packages/shared/src/normalizeProp.ts b/packages/shared/src/normalizeProp.ts
index 10d54c6b51a..94f6d519a5e 100644
--- a/packages/shared/src/normalizeProp.ts
+++ b/packages/shared/src/normalizeProp.ts
@@ -3,7 +3,7 @@ import { isArray, isString, isObject, hyphenate } from './general'
 export type NormalizedStyle = Record<string, string | number>
 
 export function normalizeStyle(
-  value: unknown
+  value: unknown,
 ): NormalizedStyle | string | undefined {
   if (isArray(value)) {
     const res: NormalizedStyle = {}
@@ -43,7 +43,7 @@ export function parseStringStyle(cssText: string): NormalizedStyle {
 }
 
 export function stringifyStyle(
-  styles: NormalizedStyle | string | undefined
+  styles: NormalizedStyle | string | undefined,
 ): string {
   let ret = ''
   if (!styles || isString(styles)) {
diff --git a/packages/shared/src/patchFlags.ts b/packages/shared/src/patchFlags.ts
index 58e8935aeb8..120d819a7aa 100644
--- a/packages/shared/src/patchFlags.ts
+++ b/packages/shared/src/patchFlags.ts
@@ -119,7 +119,7 @@ export const enum PatchFlags {
    * render functions, which should always be fully diffed)
    * OR manually cloneVNodes
    */
-  BAIL = -2
+  BAIL = -2,
 }
 
 /**
@@ -139,5 +139,5 @@ export const PatchFlagNames: Record<PatchFlags, string> = {
   [PatchFlags.DYNAMIC_SLOTS]: `DYNAMIC_SLOTS`,
   [PatchFlags.DEV_ROOT_FRAGMENT]: `DEV_ROOT_FRAGMENT`,
   [PatchFlags.HOISTED]: `HOISTED`,
-  [PatchFlags.BAIL]: `BAIL`
+  [PatchFlags.BAIL]: `BAIL`,
 }
diff --git a/packages/shared/src/shapeFlags.ts b/packages/shared/src/shapeFlags.ts
index 8defb8a3bf3..61b9984ff31 100644
--- a/packages/shared/src/shapeFlags.ts
+++ b/packages/shared/src/shapeFlags.ts
@@ -9,5 +9,5 @@ export const enum ShapeFlags {
   SUSPENSE = 1 << 7,
   COMPONENT_SHOULD_KEEP_ALIVE = 1 << 8,
   COMPONENT_KEPT_ALIVE = 1 << 9,
-  COMPONENT = ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT
+  COMPONENT = ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT,
 }
diff --git a/packages/shared/src/slotFlags.ts b/packages/shared/src/slotFlags.ts
index 53860ff4dd1..5787bb8316d 100644
--- a/packages/shared/src/slotFlags.ts
+++ b/packages/shared/src/slotFlags.ts
@@ -17,7 +17,7 @@ export const enum SlotFlags {
    * received. This has to be refined at runtime, when the child's vnode
    * is being created (in `normalizeChildren`)
    */
-  FORWARDED = 3
+  FORWARDED = 3,
 }
 
 /**
@@ -26,5 +26,5 @@ export const enum SlotFlags {
 export const slotFlagsText = {
   [SlotFlags.STABLE]: 'STABLE',
   [SlotFlags.DYNAMIC]: 'DYNAMIC',
-  [SlotFlags.FORWARDED]: 'FORWARDED'
+  [SlotFlags.FORWARDED]: 'FORWARDED',
 }
diff --git a/packages/shared/src/toDisplayString.ts b/packages/shared/src/toDisplayString.ts
index 7f5818d9491..acc86e80f16 100644
--- a/packages/shared/src/toDisplayString.ts
+++ b/packages/shared/src/toDisplayString.ts
@@ -6,7 +6,7 @@ import {
   isPlainObject,
   isSet,
   objectToString,
-  isString
+  isString,
 } from './general'
 
 /**
@@ -34,11 +34,11 @@ const replacer = (_key: string, val: any): any => {
       [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val]) => {
         ;(entries as any)[`${key} =>`] = val
         return entries
-      }, {})
+      }, {}),
     }
   } else if (isSet(val)) {
     return {
-      [`Set(${val.size})`]: [...val.values()]
+      [`Set(${val.size})`]: [...val.values()],
     }
   } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) {
     return String(val)
diff --git a/packages/template-explorer/src/index.ts b/packages/template-explorer/src/index.ts
index bace011ed89..f1e42075e47 100644
--- a/packages/template-explorer/src/index.ts
+++ b/packages/template-explorer/src/index.ts
@@ -5,7 +5,7 @@ import {
   defaultOptions,
   compilerOptions,
   initOptions,
-  ssrMode
+  ssrMode,
 } from './options'
 import { toRaw, watchEffect } from '@vue/runtime-dom'
 import { SourceMapConsumer } from 'source-map-js'
@@ -30,8 +30,8 @@ const sharedEditorOptions: m.editor.IStandaloneEditorConstructionOptions = {
   scrollBeyondLastLine: false,
   renderWhitespace: 'selection',
   minimap: {
-    enabled: false
-  }
+    enabled: false,
+  },
 }
 
 window.init = () => {
@@ -48,13 +48,13 @@ window.init = () => {
       hash = escape(atob(hash))
     } catch (e) {}
     persistedState = JSON.parse(
-      decodeURIComponent(hash) || localStorage.getItem('state') || `{}`
+      decodeURIComponent(hash) || localStorage.getItem('state') || `{}`,
     )
   } catch (e: any) {
     // bad stored state, clear it
     console.warn(
       'Persisted state in localStorage seems to be corrupted, please reload.\n' +
-        e.message
+        e.message,
     )
     localStorage.clear()
   }
@@ -81,13 +81,13 @@ window.init = () => {
         sourceMap: true,
         onError: err => {
           errors.push(err)
-        }
+        },
       })
       console.log(`Compiled in ${(performance.now() - start).toFixed(2)}ms.`)
       monaco.editor.setModelMarkers(
         editor.getModel()!,
         `@vue/compiler-dom`,
-        errors.filter(e => e.loc).map(formatError)
+        errors.filter(e => e.loc).map(formatError),
       )
       console.log(`AST: `, ast)
       console.log(`Options: `, toRaw(compilerOptions))
@@ -110,7 +110,7 @@ window.init = () => {
       endLineNumber: loc.end.line,
       endColumn: loc.end.column,
       message: `Vue template compilation error: ${err.message}`,
-      code: String(err.code)
+      code: String(err.code),
     }
   }
 
@@ -131,7 +131,7 @@ window.init = () => {
     const state = JSON.stringify({
       src,
       ssr: ssrMode.value,
-      options: optionsToSave
+      options: optionsToSave,
     } as PersistedState)
     localStorage.setItem('state', state)
     window.location.hash = btoa(unescape(encodeURIComponent(state)))
@@ -145,21 +145,21 @@ window.init = () => {
     value: persistedState?.src || `<div>Hello World</div>`,
     language: 'html',
     ...sharedEditorOptions,
-    wordWrap: 'bounded'
+    wordWrap: 'bounded',
   })
 
   editor.getModel()!.updateOptions({
-    tabSize: 2
+    tabSize: 2,
   })
 
   const output = monaco.editor.create(document.getElementById('output')!, {
     value: '',
     language: 'javascript',
     readOnly: true,
-    ...sharedEditorOptions
+    ...sharedEditorOptions,
   })
   output.getModel()!.updateOptions({
-    tabSize: 2
+    tabSize: 2,
   })
 
   // handle resize
@@ -184,7 +184,7 @@ window.init = () => {
         const pos = lastSuccessfulMap.generatedPositionFor({
           source: 'ExampleTemplate.vue',
           line: e.position.lineNumber,
-          column: e.position.column - 1
+          column: e.position.column - 1,
         })
         if (pos.line != null && pos.column != null) {
           prevOutputDecos = output.deltaDecorations(prevOutputDecos, [
@@ -193,22 +193,22 @@ window.init = () => {
                 pos.line,
                 pos.column + 1,
                 pos.line,
-                pos.lastColumn ? pos.lastColumn + 2 : pos.column + 2
+                pos.lastColumn ? pos.lastColumn + 2 : pos.column + 2,
               ),
               options: {
-                inlineClassName: `highlight`
-              }
-            }
+                inlineClassName: `highlight`,
+              },
+            },
           ])
           output.revealPositionInCenter({
             lineNumber: pos.line,
-            column: pos.column + 1
+            column: pos.column + 1,
           })
         } else {
           clearOutputDecos()
         }
       }
-    }, 100)
+    }, 100),
   )
 
   let previousEditorDecos: string[] = []
@@ -222,7 +222,7 @@ window.init = () => {
       if (lastSuccessfulMap) {
         const pos = lastSuccessfulMap.originalPositionFor({
           line: e.position.lineNumber,
-          column: e.position.column - 1
+          column: e.position.column - 1,
         })
         if (
           pos.line != null &&
@@ -234,7 +234,7 @@ window.init = () => {
         ) {
           const translatedPos = {
             column: pos.column + 1,
-            lineNumber: pos.line
+            lineNumber: pos.line,
           }
           previousEditorDecos = editor.deltaDecorations(previousEditorDecos, [
             {
@@ -242,20 +242,20 @@ window.init = () => {
                 pos.line,
                 pos.column + 1,
                 pos.line,
-                pos.column + 1
+                pos.column + 1,
               ),
               options: {
                 isWholeLine: true,
-                className: `highlight`
-              }
-            }
+                className: `highlight`,
+              },
+            },
           ])
           editor.revealPositionInCenter(translatedPos)
         } else {
           clearEditorDecos()
         }
       }
-    }, 100)
+    }, 100),
   )
 
   initOptions()
@@ -264,7 +264,7 @@ window.init = () => {
 
 function debounce<T extends (...args: any[]) => any>(
   fn: T,
-  delay: number = 300
+  delay: number = 300,
 ): T {
   let prevTimer: number | null = null
   return ((...args: any[]) => {
diff --git a/packages/template-explorer/src/options.ts b/packages/template-explorer/src/options.ts
index 73e0a959f79..4fbf3af202b 100644
--- a/packages/template-explorer/src/options.ts
+++ b/packages/template-explorer/src/options.ts
@@ -22,12 +22,12 @@ export const defaultOptions: CompilerOptions = {
     setupLet: BindingTypes.SETUP_LET,
     setupMaybeRef: BindingTypes.SETUP_MAYBE_REF,
     setupProp: BindingTypes.PROPS,
-    vMySetupDir: BindingTypes.SETUP_CONST
-  }
+    vMySetupDir: BindingTypes.SETUP_CONST,
+  },
 }
 
 export const compilerOptions: CompilerOptions = reactive(
-  Object.assign({}, defaultOptions)
+  Object.assign({}, defaultOptions),
 )
 
 const App = {
@@ -44,18 +44,18 @@ const App = {
           'a',
           {
             href: `https://github.com/vuejs/core/tree/${__COMMIT__}`,
-            target: `_blank`
+            target: `_blank`,
           },
-          `@${__COMMIT__}`
+          `@${__COMMIT__}`,
         ),
         ' | ',
         h(
           'a',
           {
             href: 'https://app.netlify.com/sites/vue-next-template-explorer/deploys',
-            target: `_blank`
+            target: `_blank`,
           },
-          'History'
+          'History',
         ),
 
         h('div', { id: 'options-wrapper' }, [
@@ -71,7 +71,7 @@ const App = {
                 checked: isModule,
                 onChange() {
                   compilerOptions.mode = 'module'
-                }
+                },
               }),
               h('label', { for: 'mode-module' }, 'module'),
               ' ',
@@ -82,9 +82,9 @@ const App = {
                 checked: !isModule,
                 onChange() {
                   compilerOptions.mode = 'function'
-                }
+                },
               }),
-              h('label', { for: 'mode-function' }, 'function')
+              h('label', { for: 'mode-function' }, 'function'),
             ]),
 
             // whitespace handling
@@ -97,7 +97,7 @@ const App = {
                 checked: compilerOptions.whitespace === 'condense',
                 onChange() {
                   compilerOptions.whitespace = 'condense'
-                }
+                },
               }),
               h('label', { for: 'whitespace-condense' }, 'condense'),
               ' ',
@@ -108,9 +108,9 @@ const App = {
                 checked: compilerOptions.whitespace === 'preserve',
                 onChange() {
                   compilerOptions.whitespace = 'preserve'
-                }
+                },
               }),
-              h('label', { for: 'whitespace-preserve' }, 'preserve')
+              h('label', { for: 'whitespace-preserve' }, 'preserve'),
             ]),
 
             // SSR
@@ -122,9 +122,9 @@ const App = {
                 checked: ssrMode.value,
                 onChange(e: Event) {
                   ssrMode.value = (e.target as HTMLInputElement).checked
-                }
+                },
               }),
-              h('label', { for: 'ssr' }, 'SSR')
+              h('label', { for: 'ssr' }, 'SSR'),
             ]),
 
             // toggle prefixIdentifiers
@@ -137,9 +137,9 @@ const App = {
                 onChange(e: Event) {
                   compilerOptions.prefixIdentifiers =
                     (e.target as HTMLInputElement).checked || isModule
-                }
+                },
               }),
-              h('label', { for: 'prefix' }, 'prefixIdentifiers')
+              h('label', { for: 'prefix' }, 'prefixIdentifiers'),
             ]),
 
             // toggle hoistStatic
@@ -153,9 +153,9 @@ const App = {
                   compilerOptions.hoistStatic = (
                     e.target as HTMLInputElement
                   ).checked
-                }
+                },
               }),
-              h('label', { for: 'hoist' }, 'hoistStatic')
+              h('label', { for: 'hoist' }, 'hoistStatic'),
             ]),
 
             // toggle cacheHandlers
@@ -169,9 +169,9 @@ const App = {
                   compilerOptions.cacheHandlers = (
                     e.target as HTMLInputElement
                   ).checked
-                }
+                },
               }),
-              h('label', { for: 'cache' }, 'cacheHandlers')
+              h('label', { for: 'cache' }, 'cacheHandlers'),
             ]),
 
             // toggle scopeId
@@ -186,9 +186,9 @@ const App = {
                     isModule && (e.target as HTMLInputElement).checked
                       ? 'scope-id'
                       : null
-                }
+                },
               }),
-              h('label', { for: 'scope-id' }, 'scopeId')
+              h('label', { for: 'scope-id' }, 'scopeId'),
             ]),
 
             // inline mode
@@ -201,9 +201,9 @@ const App = {
                   compilerOptions.inline = (
                     e.target as HTMLInputElement
                   ).checked
-                }
+                },
               }),
-              h('label', { for: 'inline' }, 'inline')
+              h('label', { for: 'inline' }, 'inline'),
             ]),
 
             // compat mode
@@ -218,15 +218,15 @@ const App = {
                   ).checked
                     ? 2
                     : 3
-                }
+                },
               }),
-              h('label', { for: 'compat' }, 'v2 compat mode')
-            ])
-          ])
-        ])
+              h('label', { for: 'compat' }, 'v2 compat mode'),
+            ]),
+          ]),
+        ]),
       ]
     }
-  }
+  },
 }
 
 export function initOptions() {
diff --git a/packages/template-explorer/src/theme.ts b/packages/template-explorer/src/theme.ts
index 99da1081ae9..9027cd0c011 100644
--- a/packages/template-explorer/src/theme.ts
+++ b/packages/template-explorer/src/theme.ts
@@ -4,234 +4,234 @@ export default {
   rules: [
     {
       foreground: 'de935f',
-      token: 'number'
+      token: 'number',
     },
     {
       foreground: '969896',
-      token: 'comment'
+      token: 'comment',
     },
     {
       foreground: 'ced1cf',
-      token: 'keyword.operator.class'
+      token: 'keyword.operator.class',
     },
     {
       foreground: 'ced1cf',
-      token: 'constant.other'
+      token: 'constant.other',
     },
     {
       foreground: 'ced1cf',
-      token: 'source.php.embedded.line'
+      token: 'source.php.embedded.line',
     },
     {
       foreground: 'cc6666',
-      token: 'variable'
+      token: 'variable',
     },
     {
       foreground: 'cc6666',
-      token: 'support.other.variable'
+      token: 'support.other.variable',
     },
     {
       foreground: 'cc6666',
-      token: 'string.other.link'
+      token: 'string.other.link',
     },
     {
       foreground: 'cc6666',
-      token: 'string.regexp'
+      token: 'string.regexp',
     },
     {
       foreground: 'cc6666',
-      token: 'entity.name.tag'
+      token: 'entity.name.tag',
     },
     {
       foreground: 'cc6666',
-      token: 'entity.other.attribute-name'
+      token: 'entity.other.attribute-name',
     },
     {
       foreground: 'cc6666',
-      token: 'meta.tag'
+      token: 'meta.tag',
     },
     {
       foreground: 'cc6666',
-      token: 'declaration.tag'
+      token: 'declaration.tag',
     },
     {
       foreground: 'cc6666',
-      token: 'markup.deleted.git_gutter'
+      token: 'markup.deleted.git_gutter',
     },
     {
       foreground: 'de935f',
-      token: 'constant.numeric'
+      token: 'constant.numeric',
     },
     {
       foreground: 'de935f',
-      token: 'constant.language'
+      token: 'constant.language',
     },
     {
       foreground: 'de935f',
-      token: 'support.constant'
+      token: 'support.constant',
     },
     {
       foreground: 'de935f',
-      token: 'constant.character'
+      token: 'constant.character',
     },
     {
       foreground: 'de935f',
-      token: 'variable.parameter'
+      token: 'variable.parameter',
     },
     {
       foreground: 'de935f',
-      token: 'punctuation.section.embedded'
+      token: 'punctuation.section.embedded',
     },
     {
       foreground: 'de935f',
-      token: 'keyword.other.unit'
+      token: 'keyword.other.unit',
     },
     {
       foreground: 'f0c674',
-      token: 'entity.name.class'
+      token: 'entity.name.class',
     },
     {
       foreground: 'f0c674',
-      token: 'entity.name.type.class'
+      token: 'entity.name.type.class',
     },
     {
       foreground: 'f0c674',
-      token: 'support.type'
+      token: 'support.type',
     },
     {
       foreground: 'f0c674',
-      token: 'support.class'
+      token: 'support.class',
     },
     {
       foreground: 'b5bd68',
-      token: 'string'
+      token: 'string',
     },
     {
       foreground: 'b5bd68',
-      token: 'constant.other.symbol'
+      token: 'constant.other.symbol',
     },
     {
       foreground: 'b5bd68',
-      token: 'entity.other.inherited-class'
+      token: 'entity.other.inherited-class',
     },
     {
       foreground: 'b5bd68',
-      token: 'markup.heading'
+      token: 'markup.heading',
     },
     {
       foreground: 'b5bd68',
-      token: 'markup.inserted.git_gutter'
+      token: 'markup.inserted.git_gutter',
     },
     {
       foreground: '8abeb7',
-      token: 'keyword.operator'
+      token: 'keyword.operator',
     },
     {
       foreground: '8abeb7',
-      token: 'constant.other.color'
+      token: 'constant.other.color',
     },
     {
       foreground: '81a2be',
-      token: 'entity.name.function'
+      token: 'entity.name.function',
     },
     {
       foreground: '81a2be',
-      token: 'meta.function-call'
+      token: 'meta.function-call',
     },
     {
       foreground: '81a2be',
-      token: 'support.function'
+      token: 'support.function',
     },
     {
       foreground: '81a2be',
-      token: 'keyword.other.special-method'
+      token: 'keyword.other.special-method',
     },
     {
       foreground: '81a2be',
-      token: 'meta.block-level'
+      token: 'meta.block-level',
     },
     {
       foreground: '81a2be',
-      token: 'markup.changed.git_gutter'
+      token: 'markup.changed.git_gutter',
     },
     {
       foreground: 'b294bb',
-      token: 'keyword'
+      token: 'keyword',
     },
     {
       foreground: 'b294bb',
-      token: 'storage'
+      token: 'storage',
     },
     {
       foreground: 'b294bb',
-      token: 'storage.type'
+      token: 'storage.type',
     },
     {
       foreground: 'b294bb',
-      token: 'entity.name.tag.css'
+      token: 'entity.name.tag.css',
     },
     {
       foreground: 'ced2cf',
       background: 'df5f5f',
-      token: 'invalid'
+      token: 'invalid',
     },
     {
       foreground: 'ced2cf',
       background: '82a3bf',
-      token: 'meta.separator'
+      token: 'meta.separator',
     },
     {
       foreground: 'ced2cf',
       background: 'b798bf',
-      token: 'invalid.deprecated'
+      token: 'invalid.deprecated',
     },
     {
       foreground: 'ffffff',
-      token: 'markup.inserted.diff'
+      token: 'markup.inserted.diff',
     },
     {
       foreground: 'ffffff',
-      token: 'markup.deleted.diff'
+      token: 'markup.deleted.diff',
     },
     {
       foreground: 'ffffff',
-      token: 'meta.diff.header.to-file'
+      token: 'meta.diff.header.to-file',
     },
     {
       foreground: 'ffffff',
-      token: 'meta.diff.header.from-file'
+      token: 'meta.diff.header.from-file',
     },
     {
       foreground: '718c00',
-      token: 'markup.inserted.diff'
+      token: 'markup.inserted.diff',
     },
     {
       foreground: '718c00',
-      token: 'meta.diff.header.to-file'
+      token: 'meta.diff.header.to-file',
     },
     {
       foreground: 'c82829',
-      token: 'markup.deleted.diff'
+      token: 'markup.deleted.diff',
     },
     {
       foreground: 'c82829',
-      token: 'meta.diff.header.from-file'
+      token: 'meta.diff.header.from-file',
     },
     {
       foreground: 'ffffff',
       background: '4271ae',
-      token: 'meta.diff.header.from-file'
+      token: 'meta.diff.header.from-file',
     },
     {
       foreground: 'ffffff',
       background: '4271ae',
-      token: 'meta.diff.header.to-file'
+      token: 'meta.diff.header.to-file',
     },
     {
       foreground: '3e999f',
       fontStyle: 'italic',
-      token: 'meta.diff.range'
-    }
+      token: 'meta.diff.range',
+    },
   ],
   colors: {
     'editor.foreground': '#C5C8C6',
@@ -239,6 +239,6 @@ export default {
     'editor.selectionBackground': '#373B41',
     'editor.lineHighlightBackground': '#282A2E',
     'editorCursor.foreground': '#AEAFAD',
-    'editorWhitespace.foreground': '#4B4E55'
-  }
+    'editorWhitespace.foreground': '#4B4E55',
+  },
 }
diff --git a/packages/vue-compat/__tests__/compiler.spec.ts b/packages/vue-compat/__tests__/compiler.spec.ts
index c20af972da2..2446ce5a689 100644
--- a/packages/vue-compat/__tests__/compiler.spec.ts
+++ b/packages/vue-compat/__tests__/compiler.spec.ts
@@ -7,7 +7,7 @@ import { triggerEvent } from './utils'
 beforeEach(() => {
   toggleDeprecationWarning(false)
   Vue.configureCompat({
-    MODE: 2
+    MODE: 2,
   })
 })
 
@@ -21,14 +21,14 @@ afterEach(() => {
 
 test('COMPILER_IS_ON_ELEMENT', () => {
   const MyButton = {
-    template: `<div><slot/></div>`
+    template: `<div><slot/></div>`,
   }
 
   const vm = new Vue({
     template: `<button is="my-button">text</button>`,
     components: {
-      MyButton
-    }
+      MyButton,
+    },
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -38,14 +38,14 @@ test('COMPILER_IS_ON_ELEMENT', () => {
 
 test('COMPILER_IS_ON_ELEMENT (dynamic)', () => {
   const MyButton = {
-    template: `<div><slot/></div>`
+    template: `<div><slot/></div>`,
   }
 
   const vm = new Vue({
     template: `<button :is="'MyButton'">text</button>`,
     components: {
-      MyButton
-    }
+      MyButton,
+    },
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -56,19 +56,19 @@ test('COMPILER_IS_ON_ELEMENT (dynamic)', () => {
 test('COMPILER_V_BIND_SYNC', async () => {
   const MyButton = {
     props: ['foo'],
-    template: `<button @click="$emit('update:foo', 1)">{{ foo }}</button>`
+    template: `<button @click="$emit('update:foo', 1)">{{ foo }}</button>`,
   }
 
   const vm = new Vue({
     data() {
       return {
-        foo: 0
+        foo: 0,
       }
     },
     template: `<my-button :foo.sync="foo" />`,
     components: {
-      MyButton
-    }
+      MyButton,
+    },
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLButtonElement)
@@ -83,7 +83,7 @@ test('COMPILER_V_BIND_SYNC', async () => {
 
 test('COMPILER_V_BIND_PROP', () => {
   const vm = new Vue({
-    template: `<div :id.prop="'foo'"/>`
+    template: `<div :id.prop="'foo'"/>`,
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -93,13 +93,13 @@ test('COMPILER_V_BIND_PROP', () => {
 
 test('COMPILER_V_BIND_OBJECT_ORDER', () => {
   const vm = new Vue({
-    template: `<div id="foo" v-bind="{ id: 'bar', class: 'baz' }" />`
+    template: `<div id="foo" v-bind="{ id: 'bar', class: 'baz' }" />`,
   }).$mount()
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
   expect(vm.$el.id).toBe('foo')
   expect(vm.$el.className).toBe('baz')
   expect(
-    CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER
+    CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER,
   ).toHaveBeenWarned()
 })
 
@@ -109,12 +109,12 @@ test('COMPILER_V_ON_NATIVE', () => {
     template: `<child @click="spy" @click.native="spy" />`,
     components: {
       child: {
-        template: `<button />`
-      }
+        template: `<button />`,
+      },
     },
     methods: {
-      spy
-    }
+      spy,
+    },
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLButtonElement)
@@ -126,13 +126,13 @@ test('COMPILER_V_ON_NATIVE', () => {
 test('COMPILER_V_IF_V_FOR_PRECEDENCE', () => {
   new Vue({ template: `<div v-if="true" v-for="i in 1"/>` }).$mount()
   expect(
-    CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE
+    CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE,
   ).toHaveBeenWarned()
 })
 
 test('COMPILER_NATIVE_TEMPLATE', () => {
   const vm = new Vue({
-    template: `<div><template><div/></template></div>`
+    template: `<div><template><div/></template></div>`,
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -147,9 +147,9 @@ test('COMPILER_INLINE_TEMPLATE', () => {
       foo: {
         data() {
           return { n: 123 }
-        }
-      }
-    }
+        },
+      },
+    },
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
diff --git a/packages/vue-compat/__tests__/componentAsync.spec.ts b/packages/vue-compat/__tests__/componentAsync.spec.ts
index 8fda196a099..7b85d8b1e19 100644
--- a/packages/vue-compat/__tests__/componentAsync.spec.ts
+++ b/packages/vue-compat/__tests__/componentAsync.spec.ts
@@ -2,14 +2,14 @@ import Vue from '@vue/compat'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 
 beforeEach(() => {
   toggleDeprecationWarning(true)
   Vue.configureCompat({
     MODE: 2,
-    GLOBAL_MOUNT: 'suppress-warning'
+    GLOBAL_MOUNT: 'suppress-warning',
   })
 })
 
@@ -28,7 +28,7 @@ describe('COMPONENT_ASYNC', () => {
     }
     const vm = new Vue({
       template: `<div><comp/></div>`,
-      components: { comp }
+      components: { comp },
     }).$mount()
 
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -40,8 +40,8 @@ describe('COMPONENT_ASYNC', () => {
 
     expect(
       (deprecationData[DeprecationTypes.COMPONENT_ASYNC].message as Function)(
-        comp
-      )
+        comp,
+      ),
     ).toHaveBeenWarned()
   })
 
@@ -49,7 +49,7 @@ describe('COMPONENT_ASYNC', () => {
     const comp = () => Promise.resolve({ template: 'foo' })
     const vm = new Vue({
       template: `<div><comp/></div>`,
-      components: { comp }
+      components: { comp },
     }).$mount()
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
     expect(vm.$el.innerHTML).toBe(`<!---->`)
@@ -58,19 +58,19 @@ describe('COMPONENT_ASYNC', () => {
 
     expect(
       (deprecationData[DeprecationTypes.COMPONENT_ASYNC].message as Function)(
-        comp
-      )
+        comp,
+      ),
     ).toHaveBeenWarned()
   })
 
   test('object syntax', async () => {
     const comp = () => ({
-      component: Promise.resolve({ template: 'foo' })
+      component: Promise.resolve({ template: 'foo' }),
     })
 
     const vm = new Vue({
       template: `<div><comp/></div>`,
-      components: { comp }
+      components: { comp },
     }).$mount()
 
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -80,8 +80,8 @@ describe('COMPONENT_ASYNC', () => {
 
     expect(
       (deprecationData[DeprecationTypes.COMPONENT_ASYNC].message as Function)(
-        comp
-      )
+        comp,
+      ),
     ).toHaveBeenWarned()
   })
 })
diff --git a/packages/vue-compat/__tests__/componentFunctional.spec.ts b/packages/vue-compat/__tests__/componentFunctional.spec.ts
index 8ee0b3cd96b..03a0e512d6e 100644
--- a/packages/vue-compat/__tests__/componentFunctional.spec.ts
+++ b/packages/vue-compat/__tests__/componentFunctional.spec.ts
@@ -2,14 +2,14 @@ import Vue from '@vue/compat'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 
 beforeEach(() => {
   toggleDeprecationWarning(true)
   Vue.configureCompat({
     MODE: 2,
-    GLOBAL_MOUNT: 'suppress-warning'
+    GLOBAL_MOUNT: 'suppress-warning',
   })
 })
 
@@ -24,27 +24,27 @@ describe('COMPONENT_FUNCTIONAL', () => {
       name: 'Func',
       functional: true,
       props: {
-        x: String
+        x: String,
       },
       inject: ['foo'],
       render: (h: any, { data, props, injections, slots }: any) => {
         return h('div', { id: props.x, class: data.class }, [
           h('div', { class: 'inject' }, injections.foo),
-          h('div', { class: 'slot' }, slots().default)
+          h('div', { class: 'slot' }, slots().default),
         ])
-      }
+      },
     }
 
     const vm = new Vue({
       provide() {
         return {
-          foo: 123
+          foo: 123,
         }
       },
       components: {
-        func
+        func,
       },
-      template: `<func class="foo" x="foo">hello</func>`
+      template: `<func class="foo" x="foo">hello</func>`,
     }).$mount()
 
     expect(vm.$el.id).toBe('foo')
@@ -52,14 +52,14 @@ describe('COMPONENT_FUNCTIONAL', () => {
     expect(vm.$el.querySelector('.inject').textContent).toBe('123')
     expect(vm.$el.querySelector('.slot').textContent).toBe('hello')
     expect(vm.$el.outerHTML).toMatchInlineSnapshot(
-      '"<div id=\\"foo\\" class=\\"foo\\"><div class=\\"inject\\">123</div><div class=\\"slot\\">hello</div></div>"'
+      '"<div id=\\"foo\\" class=\\"foo\\"><div class=\\"inject\\">123</div><div class=\\"slot\\">hello</div></div>"',
     )
 
     expect(
       (
         deprecationData[DeprecationTypes.COMPONENT_FUNCTIONAL]
           .message as Function
-      )(func)
+      )(func),
     ).toHaveBeenWarned()
   })
 
@@ -68,17 +68,17 @@ describe('COMPONENT_FUNCTIONAL', () => {
       name: 'Func',
       functional: true,
       compatConfig: {
-        ATTR_FALSE_VALUE: 'suppress-warning' as const
+        ATTR_FALSE_VALUE: 'suppress-warning' as const,
       },
       render: (h: any) => {
         // should not render required: false due to compatConfig
         return h('div', { 'data-some-attr': false })
-      }
+      },
     }
 
     const vm = new Vue({
       components: { func },
-      template: `<func class="foo" x="foo">hello</func>`
+      template: `<func class="foo" x="foo">hello</func>`,
     }).$mount()
 
     expect(vm.$el.outerHTML).toMatchInlineSnapshot(`"<div></div>"`)
@@ -86,12 +86,12 @@ describe('COMPONENT_FUNCTIONAL', () => {
       (
         deprecationData[DeprecationTypes.COMPONENT_FUNCTIONAL]
           .message as Function
-      )(func)
+      )(func),
     ).toHaveBeenWarned()
     expect(
       (deprecationData[DeprecationTypes.ATTR_FALSE_VALUE].message as Function)(
-        func
-      )
+        func,
+      ),
     ).not.toHaveBeenWarned()
   })
 })
diff --git a/packages/vue-compat/__tests__/componentVModel.spec.ts b/packages/vue-compat/__tests__/componentVModel.spec.ts
index 05043b018d2..4c2e563b6d4 100644
--- a/packages/vue-compat/__tests__/componentVModel.spec.ts
+++ b/packages/vue-compat/__tests__/componentVModel.spec.ts
@@ -4,7 +4,7 @@ import { nextTick } from '../../runtime-core/src/scheduler'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 import { triggerEvent } from './utils'
 
@@ -12,7 +12,7 @@ beforeEach(() => {
   toggleDeprecationWarning(true)
   Vue.configureCompat({
     MODE: 2,
-    GLOBAL_MOUNT: 'suppress-warning'
+    GLOBAL_MOUNT: 'suppress-warning',
   })
 })
 
@@ -26,7 +26,7 @@ describe('COMPONENT_V_MODEL', () => {
     const vm = new Vue({
       data() {
         return {
-          text: 'foo'
+          text: 'foo',
         }
       },
       components: { CustomInput },
@@ -35,7 +35,7 @@ describe('COMPONENT_V_MODEL', () => {
         <span>{{ text }}</span>
         <custom-input v-model="text"></custom-input>
       </div>
-      `
+      `,
     }).$mount() as any
 
     const input = vm.$el.querySelector('input')
@@ -46,8 +46,8 @@ describe('COMPONENT_V_MODEL', () => {
 
     expect(
       (deprecationData[DeprecationTypes.COMPONENT_V_MODEL].message as Function)(
-        CustomInput
-      )
+        CustomInput,
+      ),
     ).toHaveBeenWarned()
 
     input.value = 'bar'
@@ -67,7 +67,7 @@ describe('COMPONENT_V_MODEL', () => {
     await runTest({
       name: 'CustomInput',
       props: ['value'],
-      template: `<input :value="value" @input="$emit('input', $event.target.value)">`
+      template: `<input :value="value" @input="$emit('input', $event.target.value)">`,
     })
   })
 
@@ -77,9 +77,9 @@ describe('COMPONENT_V_MODEL', () => {
       props: ['input'],
       model: {
         prop: 'input',
-        event: 'update'
+        event: 'update',
       },
-      template: `<input :value="input" @input="$emit('update', $event.target.value)">`
+      template: `<input :value="input" @input="$emit('update', $event.target.value)">`,
     })
   })
 })
diff --git a/packages/vue-compat/__tests__/filters.spec.ts b/packages/vue-compat/__tests__/filters.spec.ts
index c1acbd899bc..4d5a4b6462f 100644
--- a/packages/vue-compat/__tests__/filters.spec.ts
+++ b/packages/vue-compat/__tests__/filters.spec.ts
@@ -3,7 +3,7 @@ import { CompilerDeprecationTypes } from '../../compiler-core/src'
 import {
   deprecationData,
   DeprecationTypes,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 
 beforeEach(() => {
@@ -40,8 +40,8 @@ describe('FILTERS', () => {
     const vm = new Vue({
       template: '<div>{{ msg | globalUpper }}</div>',
       data: () => ({
-        msg: 'hi'
-      })
+        msg: 'hi',
+      }),
     }).$mount()
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
     expect(vm.$el.textContent).toBe('HI')
@@ -54,11 +54,11 @@ describe('FILTERS', () => {
     const vm = new Vue({
       template: '<div>{{ msg | upper }}</div>',
       data: () => ({
-        msg: 'hi'
+        msg: 'hi',
       }),
       filters: {
-        upper
-      }
+        upper,
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('HI')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -68,12 +68,12 @@ describe('FILTERS', () => {
     const vm = new Vue({
       template: '<div>{{ msg | upper | reverse }}</div>',
       data: () => ({
-        msg: 'hi'
+        msg: 'hi',
       }),
       filters: {
         upper,
-        reverse
-      }
+        reverse,
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('IH')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -91,13 +91,13 @@ describe('FILTERS', () => {
       filters: {
         upper,
         reverse,
-        lower
+        lower,
       },
       data: () => ({
         id: 'abc',
         cls: 'foo',
-        ref: 'BAR'
-      })
+        ref: 'BAR',
+      }),
     }).$mount()
     expect(vm.$el.id).toBe('CBA')
     expect(vm.$el.className).toBe('oof')
@@ -112,9 +112,9 @@ describe('FILTERS', () => {
       components: {
         test: {
           props: ['pattern'],
-          template: '<div></div>'
-        }
-      }
+          template: '<div></div>',
+        },
+      },
     }).$mount() as any
     expect(vm.$refs.test.pattern).toBeInstanceOf(RegExp)
     expect(vm.$refs.test.pattern.toString()).toBe('/a|b\\//')
@@ -125,7 +125,7 @@ describe('FILTERS', () => {
     const vm = new Vue({
       data: () => ({ a: 2 }),
       template: `<div>{{ 1/a / 4 | double }}</div>`,
-      filters: { double }
+      filters: { double },
     }).$mount()
     expect(vm.$el.textContent).toBe(String(1 / 4))
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -135,7 +135,7 @@ describe('FILTERS', () => {
     const vm = new Vue({
       data: () => ({ a: 20 }),
       template: `<div>{{ (a*2) / 5 | double }}</div>`,
-      filters: { double }
+      filters: { double },
     }).$mount()
     expect(vm.$el.textContent).toBe(String(16))
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -144,7 +144,7 @@ describe('FILTERS', () => {
   it('handle division with dot', () => {
     const vm = new Vue({
       template: `<div>{{ 20. / 5 | double }}</div>`,
-      filters: { double }
+      filters: { double },
     }).$mount()
     expect(vm.$el.textContent).toBe(String(8))
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -154,7 +154,7 @@ describe('FILTERS', () => {
     const vm = new Vue({
       data: () => ({ a: [20] }),
       template: `<div>{{ a[0] / 5 | double }}</div>`,
-      filters: { double }
+      filters: { double },
     }).$mount()
     expect(vm.$el.textContent).toBe(String(8))
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -164,7 +164,7 @@ describe('FILTERS', () => {
     const vm = new Vue({
       data: () => ({ a: { n: 20 } }),
       template: `<div>{{ a['n'] / 5 | double }}</div>`,
-      filters: { double }
+      filters: { double },
     }).$mount()
     expect(vm.$el.textContent).toBe(String(8))
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -174,7 +174,7 @@ describe('FILTERS', () => {
     const vm = new Vue({
       data: () => ({ a_: 8 }),
       template: `<div>{{ a_ / 2 | double }}</div>`,
-      filters: { double }
+      filters: { double },
     }).$mount()
     expect(vm.$el.textContent).toBe(String(8))
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -185,11 +185,11 @@ describe('FILTERS', () => {
       template: `<div>{{ msg | add(a, 3) }}</div>`,
       data: () => ({
         msg: 1,
-        a: 2
+        a: 2,
       }),
       filters: {
-        add: (v: number, arg1: number, arg2: number) => v + arg1 + arg2
-      }
+        add: (v: number, arg1: number, arg2: number) => v + arg1 + arg2,
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('6')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -199,11 +199,11 @@ describe('FILTERS', () => {
     const vm = new Vue({
       template: `<div>{{ msg + "b | c" + 'd' | upper }}</div>`,
       data: () => ({
-        msg: 'a'
+        msg: 'a',
       }),
       filters: {
-        upper
-      }
+        upper,
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('AB | CD')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -214,11 +214,11 @@ describe('FILTERS', () => {
       template: `<div>{{ b || msg | upper }}</div>`,
       data: () => ({
         b: false,
-        msg: 'a'
+        msg: 'a',
       }),
       filters: {
-        upper
-      }
+        upper,
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('A')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -228,8 +228,8 @@ describe('FILTERS', () => {
     const vm = new Vue({
       template: `<div>{{ { a: 123 } | pick('a') }}</div>`,
       filters: {
-        pick: (v: any, key: string) => v[key]
-      }
+        pick: (v: any, key: string) => v[key],
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('123')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -239,8 +239,8 @@ describe('FILTERS', () => {
     const vm = new Vue({
       template: `<div>{{ [1, 2, 3] | reverse }}</div>`,
       filters: {
-        reverse: (arr: any[]) => arr.reverse().join(',')
-      }
+        reverse: (arr: any[]) => arr.reverse().join(','),
+      },
     }).$mount()
     expect(vm.$el.textContent).toBe('3,2,1')
     expect(CompilerDeprecationTypes.COMPILER_FILTERS).toHaveBeenWarned()
@@ -248,7 +248,7 @@ describe('FILTERS', () => {
 
   it('bigint support', () => {
     const vm = new Vue({
-      template: `<div>{{ BigInt(BigInt(10000000)) + BigInt(2000000000n) * 3000000n }}</div>`
+      template: `<div>{{ BigInt(BigInt(10000000)) + BigInt(2000000000n) * 3000000n }}</div>`,
     }).$mount()
     expect(vm.$el.textContent).toBe('6000000010000000')
   })
diff --git a/packages/vue-compat/__tests__/global.spec.ts b/packages/vue-compat/__tests__/global.spec.ts
index d189d65f67b..b9277d9d457 100644
--- a/packages/vue-compat/__tests__/global.spec.ts
+++ b/packages/vue-compat/__tests__/global.spec.ts
@@ -5,7 +5,7 @@ import { h, nextTick } from '@vue/runtime-core'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 import { singletonApp } from '../../runtime-core/src/compat/global'
 import { createApp } from '../src/esm-index'
@@ -31,12 +31,12 @@ describe('GLOBAL_MOUNT', () => {
       compatConfig: { GLOBAL_MOUNT: true },
       data() {
         return {
-          msg: 'hello'
+          msg: 'hello',
         }
-      }
+      },
     })
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message
+      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message,
     ).toHaveBeenWarned()
     expect(el.innerHTML).toBe('hello')
   })
@@ -47,9 +47,9 @@ describe('GLOBAL_MOUNT', () => {
     new Vue({
       data() {
         return {
-          msg: 'hello'
+          msg: 'hello',
         }
-      }
+      },
     }).$mount(el)
     expect(el.innerHTML).toBe('hello')
   })
@@ -65,10 +65,10 @@ describe('GLOBAL_MOUNT_CONTAINER', () => {
     new Vue().$mount(el)
     // warning only
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message
+      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message,
     ).toHaveBeenWarned()
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_MOUNT_CONTAINER].message
+      deprecationData[DeprecationTypes.GLOBAL_MOUNT_CONTAINER].message,
     ).toHaveBeenWarned()
   })
 })
@@ -81,46 +81,46 @@ describe('GLOBAL_EXTEND', () => {
     const Test = Vue.extend({
       name: 'test',
       a: 1,
-      b: 2
+      b: 2,
     })
     expect(Test.options.a).toBe(1)
     expect(Test.options.b).toBe(2)
     expect(Test.super).toBe(Vue)
     const t = new Test({
-      a: 2
+      a: 2,
     })
     expect(t.$options.a).toBe(2)
     expect(t.$options.b).toBe(2)
     // inheritance
     const Test2 = Test.extend({
-      a: 2
+      a: 2,
     })
     expect(Test2.options.a).toBe(2)
     expect(Test2.options.b).toBe(2)
     const t2 = new Test2({
-      a: 3
+      a: 3,
     })
     expect(t2.$options.a).toBe(3)
     expect(t2.$options.b).toBe(2)
 
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message
+      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message,
     ).toHaveBeenWarned()
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_EXTEND].message
+      deprecationData[DeprecationTypes.GLOBAL_EXTEND].message,
     ).toHaveBeenWarned()
   })
 
   it('should work when used as components', () => {
     const foo = Vue.extend({
-      template: '<span>foo</span>'
+      template: '<span>foo</span>',
     })
     const bar = Vue.extend({
-      template: '<span>bar</span>'
+      template: '<span>bar</span>',
     })
     const vm = new Vue({
       template: '<div><foo></foo><bar></bar></div>',
-      components: { foo, bar }
+      components: { foo, bar },
     }).$mount()
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
     expect(vm.$el.innerHTML).toBe('<span>foo</span><span>bar</span>')
@@ -131,17 +131,17 @@ describe('GLOBAL_EXTEND', () => {
     const A = Vue.extend({
       created() {
         calls.push(1)
-      }
+      },
     })
     const B = A.extend({
       created() {
         calls.push(2)
-      }
+      },
     })
     new B({
       created() {
         calls.push(3)
-      }
+      },
     })
     expect(calls).toEqual([1, 2, 3])
   })
@@ -152,22 +152,22 @@ describe('GLOBAL_EXTEND', () => {
     const c = vi.fn()
     const d = vi.fn()
     const A = Vue.extend({
-      created: a
+      created: a,
     })
     const B = Vue.extend({
       mixins: [A],
-      created: b
+      created: b,
     })
     const C = Vue.extend({
       extends: B,
-      created: c
+      created: c,
     })
     const D = Vue.extend({
       mixins: [C],
       created: d,
       render() {
         return null
-      }
+      },
     })
     new D().$mount()
     expect(a.mock.calls.length).toStrictEqual(1)
@@ -181,23 +181,23 @@ describe('GLOBAL_EXTEND', () => {
       methods: {
         a() {
           return this.n
-        }
-      }
+        },
+      },
     })
     const B = A.extend({
       methods: {
         b() {
           return this.n + 1
-        }
-      }
+        },
+      },
     })
     const b = new B({
       data: () => ({ n: 0 }),
       methods: {
         c() {
           return this.n + 2
-        }
-      }
+        },
+      },
     }) as any
     expect(b.a()).toBe(0)
     expect(b.b()).toBe(1)
@@ -208,19 +208,19 @@ describe('GLOBAL_EXTEND', () => {
     const A = Vue.extend({
       components: {
         aa: {
-          template: '<div>A</div>'
-        }
-      }
+          template: '<div>A</div>',
+        },
+      },
     })
     const B = A.extend({
       components: {
         bb: {
-          template: '<div>B</div>'
-        }
-      }
+          template: '<div>B</div>',
+        },
+      },
     })
     const b = new B({
-      template: '<div><aa></aa><bb></bb></div>'
+      template: '<div><aa></aa><bb></bb></div>',
     }).$mount()
     expect(b.$el).toBeInstanceOf(HTMLDivElement)
     expect(b.$el.innerHTML).toBe('<div>A</div><div>B</div>')
@@ -228,7 +228,7 @@ describe('GLOBAL_EXTEND', () => {
 
   it('caching', () => {
     const options = {
-      template: '<div></div>'
+      template: '<div></div>',
     }
     const A = Vue.extend(options)
     const B = Vue.extend(options)
@@ -252,10 +252,10 @@ describe('GLOBAL_PROTOTYPE', () => {
     expect(vm.$test).toBe(1)
     delete Vue.prototype.$test
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message
+      deprecationData[DeprecationTypes.GLOBAL_MOUNT].message,
     ).toHaveBeenWarned()
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_PROTOTYPE].message
+      deprecationData[DeprecationTypes.GLOBAL_PROTOTYPE].message,
     ).toHaveBeenWarned()
   })
 
@@ -266,7 +266,7 @@ describe('GLOBAL_PROTOTYPE', () => {
     const vm = new Vue({
       data() {
         return { msg: 'method' }
-      }
+      },
     }) as any
     expect(vm.$test()).toBe('method')
     delete Vue.prototype.$test
@@ -277,12 +277,12 @@ describe('GLOBAL_PROTOTYPE', () => {
       configurable: true,
       get() {
         return this.msg
-      }
+      },
     })
     const vm = new Vue({
       data() {
         return { msg: 'getter' }
-      }
+      },
     }) as any
     expect(vm.$test).toBe('getter')
     delete Vue.prototype.$test
@@ -300,9 +300,9 @@ describe('GLOBAL_PROTOTYPE', () => {
     const vm = new Vue({
       data() {
         return {
-          msg: 'test'
+          msg: 'test',
         }
-      }
+      },
     }) as any
     expect(typeof vm.$test).toBe('function')
     expect(typeof vm.$test.additionalFn).toBe('function')
@@ -322,7 +322,7 @@ describe('GLOBAL_PROTOTYPE', () => {
   test('should affect apps created via createApp()', () => {
     Vue.prototype.$test = 1
     const vm = createApp({
-      template: 'foo'
+      template: 'foo',
     }).mount(document.createElement('div')) as any
     expect(vm.$test).toBe(1)
     delete Vue.prototype.$test
@@ -336,7 +336,7 @@ describe('GLOBAL_SET/DELETE', () => {
     Vue.set(obj, 'foo', 1)
     expect(obj.foo).toBe(1)
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_SET].message
+      deprecationData[DeprecationTypes.GLOBAL_SET].message,
     ).toHaveBeenWarned()
   })
 
@@ -346,7 +346,7 @@ describe('GLOBAL_SET/DELETE', () => {
     Vue.delete(obj, 'foo')
     expect('foo' in obj).toBe(false)
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_DELETE].message
+      deprecationData[DeprecationTypes.GLOBAL_DELETE].message,
     ).toHaveBeenWarned()
   })
 })
@@ -357,7 +357,7 @@ describe('GLOBAL_OBSERVABLE', () => {
     const obj = Vue.observable({})
     expect(isReactive(obj)).toBe(true)
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_OBSERVABLE].message
+      deprecationData[DeprecationTypes.GLOBAL_OBSERVABLE].message,
     ).toHaveBeenWarned()
   })
 })
@@ -378,7 +378,7 @@ describe('GLOBAL_PRIVATE_UTIL', () => {
     expect(n).toBe(2)
 
     expect(
-      deprecationData[DeprecationTypes.GLOBAL_PRIVATE_UTIL].message
+      deprecationData[DeprecationTypes.GLOBAL_PRIVATE_UTIL].message,
     ).toHaveBeenWarned()
   })
 
@@ -388,7 +388,7 @@ describe('GLOBAL_PRIVATE_UTIL', () => {
         // @ts-ignore
         Vue.util.defineReactive(this, 'foo', 1)
       },
-      template: `<div>{{ foo }}</div>`
+      template: `<div>{{ foo }}</div>`,
     }).$mount() as any
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
     expect(vm.$el.textContent).toBe('1')
@@ -403,7 +403,7 @@ describe('GLOBAL_PRIVATE_UTIL', () => {
         // @ts-ignore
         Vue.util.defineReactive(this, '$foo', 1)
       },
-      template: `<div>{{ $foo }}</div>`
+      template: `<div>{{ $foo }}</div>`,
     }).$mount() as any
     expect(vm.$el.textContent).toBe('1')
     vm.$foo = 2
@@ -447,7 +447,7 @@ describe('GLOBAL_PRIVATE_UTIL', () => {
 test('global asset registration should affect apps created via createApp', () => {
   Vue.component('foo', { template: 'foo' })
   const vm = createApp({
-    template: '<foo/>'
+    template: '<foo/>',
   }).mount(document.createElement('div')) as any
   expect(vm.$el.textContent).toBe('foo')
   delete singletonApp._context.components.foo
@@ -455,7 +455,7 @@ test('global asset registration should affect apps created via createApp', () =>
 
 test('post-facto global asset registration should affect apps created via createApp', () => {
   const app = createApp({
-    template: '<foo/>'
+    template: '<foo/>',
   })
   Vue.component('foo', { template: 'foo' })
   const vm = app.mount(document.createElement('div'))
@@ -471,7 +471,7 @@ test('local asset registration should not affect other local apps', () => {
   app2.component('foo', {})
 
   expect(
-    `Component "foo" has already been registered in target app`
+    `Component "foo" has already been registered in target app`,
   ).not.toHaveBeenWarned()
 })
 
@@ -496,9 +496,9 @@ test('local app config should not affect other local apps in v3 mode', () => {
     render: () => h('div'),
     provide() {
       return {
-        test: 123
+        test: 123,
       }
-    }
+    },
   })
   app1.config.globalProperties.test = () => {}
   app1.mount(document.createElement('div'))
diff --git a/packages/vue-compat/__tests__/globalConfig.spec.ts b/packages/vue-compat/__tests__/globalConfig.spec.ts
index be7b87ea43c..44cf6651527 100644
--- a/packages/vue-compat/__tests__/globalConfig.spec.ts
+++ b/packages/vue-compat/__tests__/globalConfig.spec.ts
@@ -1,7 +1,7 @@
 import Vue from '@vue/compat'
 import {
   DeprecationTypes,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 import { createApp } from '../src/esm-index'
 import { triggerEvent } from './utils'
@@ -21,7 +21,7 @@ afterEach(() => {
 test('GLOBAL_KEY_CODES', () => {
   Vue.config.keyCodes = {
     foo: 86,
-    bar: [38, 87]
+    bar: [38, 87],
   }
 
   const onFoo = vi.fn()
@@ -33,8 +33,8 @@ test('GLOBAL_KEY_CODES', () => {
     template: `<input type="text" @keyup.foo="onFoo" @keyup.bar="onBar">`,
     methods: {
       onFoo,
-      onBar
-    }
+      onBar,
+    },
   })
 
   triggerEvent(el.children[0], 'keyup', e => {
@@ -64,7 +64,7 @@ test('GLOBAL_IGNORED_ELEMENTS', () => {
   const el = document.createElement('div')
   new Vue({
     el,
-    template: `<v-foo/><foo/>`
+    template: `<v-foo/><foo/>`,
   })
   expect(el.innerHTML).toBe(`<v-foo></v-foo><foo></foo>`)
 })
@@ -73,7 +73,7 @@ test('singleton config should affect apps created with createApp()', () => {
   Vue.config.ignoredElements = [/^v-/, 'foo']
   const el = document.createElement('div')
   createApp({
-    template: `<v-foo/><foo/>`
+    template: `<v-foo/><foo/>`,
   }).mount(el)
   expect(el.innerHTML).toBe(`<v-foo></v-foo><foo></foo>`)
 })
diff --git a/packages/vue-compat/__tests__/instance.spec.ts b/packages/vue-compat/__tests__/instance.spec.ts
index abcd3d1fab0..268c619ec49 100644
--- a/packages/vue-compat/__tests__/instance.spec.ts
+++ b/packages/vue-compat/__tests__/instance.spec.ts
@@ -5,7 +5,7 @@ import { Text } from '../../runtime-core/src/vnode'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 import { LegacyPublicInstance } from '../../runtime-core/src/compat/instance'
 
@@ -13,7 +13,7 @@ beforeEach(() => {
   toggleDeprecationWarning(true)
   Vue.configureCompat({
     MODE: 2,
-    GLOBAL_MOUNT: 'suppress-warning'
+    GLOBAL_MOUNT: 'suppress-warning',
   })
 })
 
@@ -27,7 +27,7 @@ test('INSTANCE_SET', () => {
   new Vue().$set(obj, 'foo', 1)
   expect(obj.foo).toBe(1)
   expect(
-    deprecationData[DeprecationTypes.INSTANCE_SET].message
+    deprecationData[DeprecationTypes.INSTANCE_SET].message,
   ).toHaveBeenWarned()
 })
 
@@ -36,14 +36,14 @@ test('INSTANCE_DELETE', () => {
   new Vue().$delete(obj, 'foo')
   expect('foo' in obj).toBe(false)
   expect(
-    deprecationData[DeprecationTypes.INSTANCE_DELETE].message
+    deprecationData[DeprecationTypes.INSTANCE_DELETE].message,
   ).toHaveBeenWarned()
 })
 
 test('INSTANCE_DESTROY', () => {
   new Vue({ template: 'foo' }).$mount().$destroy()
   expect(
-    deprecationData[DeprecationTypes.INSTANCE_DESTROY].message
+    deprecationData[DeprecationTypes.INSTANCE_DESTROY].message,
   ).toHaveBeenWarned()
 })
 
@@ -67,7 +67,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toHaveBeenCalledWith(1, 2, 3, 4)
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -83,7 +83,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     expect(spy).toHaveBeenCalledTimes(2)
     expect(spy).toHaveBeenCalledWith(5, 6, 7, 8)
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -96,7 +96,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     vm.$emit('test3', 1, 2, 3, 4)
     expect(spy).toHaveBeenCalledTimes(1)
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -106,7 +106,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     vm.$emit('test1')
     expect(spy).not.toHaveBeenCalled()
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -117,7 +117,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toHaveBeenCalledWith(1, 2, 3)
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -127,7 +127,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     vm.$emit('test', 1, 2, 3)
     expect(spy).not.toHaveBeenCalled()
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -139,7 +139,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     vm.$emit('test2')
     expect(spy).not.toHaveBeenCalled()
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -153,7 +153,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     expect(spy).toHaveBeenCalledTimes(1)
     expect(spy).toHaveBeenCalledWith(2)
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 
@@ -167,7 +167,7 @@ describe('INSTANCE_EVENT_EMITTER', () => {
     expect(spy2).toHaveBeenCalledTimes(1)
     expect(spy2).toHaveBeenCalledWith(1, 2, 3)
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message
+      deprecationData[DeprecationTypes.INSTANCE_EVENT_EMITTER].message,
     ).toHaveBeenWarned()
   })
 })
@@ -183,7 +183,7 @@ describe('INSTANCE_EVENT_HOOKS', () => {
       (
         deprecationData[DeprecationTypes.INSTANCE_EVENT_HOOKS]
           .message as Function
-      )('hook:mounted')
+      )('hook:mounted'),
     ).toHaveBeenWarned()
   })
 
@@ -194,16 +194,16 @@ describe('INSTANCE_EVENT_HOOKS', () => {
       methods: { spy },
       components: {
         child: {
-          template: 'foo'
-        }
-      }
+          template: 'foo',
+        },
+      },
     }).$mount()
     expect(spy).toHaveBeenCalled()
     expect(
       (
         deprecationData[DeprecationTypes.INSTANCE_EVENT_HOOKS]
           .message as Function
-      )('hook:mounted')
+      )('hook:mounted'),
     ).toHaveBeenWarned()
   })
 })
@@ -216,16 +216,16 @@ test('INSTANCE_EVENT_CHILDREN', () => {
         template: 'foo',
         data() {
           return { n: 1 }
-        }
-      }
-    }
+        },
+      },
+    },
   }).$mount()
   expect(vm.$children.length).toBe(4)
   vm.$children.forEach((c: any) => {
     expect(c.n).toBe(1)
   })
   expect(
-    deprecationData[DeprecationTypes.INSTANCE_CHILDREN].message
+    deprecationData[DeprecationTypes.INSTANCE_CHILDREN].message,
   ).toHaveBeenWarned()
 })
 
@@ -242,9 +242,9 @@ test('INSTANCE_LISTENERS', () => {
         template: `<div/>`,
         mounted() {
           listeners = this.$listeners
-        }
-      }
-    }
+        },
+      },
+    },
   }).$mount()
 
   expect(Object.keys(listeners!)).toMatchObject(['click', 'custom'])
@@ -252,7 +252,7 @@ test('INSTANCE_LISTENERS', () => {
   expect(listeners!.custom()).toBe('bar')
 
   expect(
-    deprecationData[DeprecationTypes.INSTANCE_LISTENERS].message
+    deprecationData[DeprecationTypes.INSTANCE_LISTENERS].message,
   ).toHaveBeenWarned()
 })
 
@@ -266,20 +266,20 @@ describe('INSTANCE_SCOPED_SLOTS', () => {
           compatConfig: { RENDER_FUNCTION: false },
           render() {
             slots = this.$scopedSlots
-          }
-        }
-      }
+          },
+        },
+      },
     }).$mount()
 
     expect(slots!.default!({ msg: 'hi' })).toMatchObject([
       {
         type: Text,
-        children: 'hi'
-      }
+        children: 'hi',
+      },
     ])
 
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_SCOPED_SLOTS].message
+      deprecationData[DeprecationTypes.INSTANCE_SCOPED_SLOTS].message,
     ).toHaveBeenWarned()
   })
 
@@ -294,16 +294,16 @@ describe('INSTANCE_SCOPED_SLOTS', () => {
           render() {
             normalSlots = this.$slots
             scopedSlots = this.$scopedSlots
-          }
-        }
-      }
+          },
+        },
+      },
     }).$mount()
 
     expect('default' in normalSlots!).toBe(true)
     expect('default' in scopedSlots!).toBe(false)
 
     expect(
-      deprecationData[DeprecationTypes.INSTANCE_SCOPED_SLOTS].message
+      deprecationData[DeprecationTypes.INSTANCE_SCOPED_SLOTS].message,
     ).toHaveBeenWarned()
   })
 })
@@ -314,20 +314,20 @@ test('INSTANCE_ATTR_CLASS_STYLE', () => {
     components: {
       child: {
         inheritAttrs: false,
-        template: `<div><div v-bind="$attrs" /></div>`
-      }
-    }
+        template: `<div><div v-bind="$attrs" /></div>`,
+      },
+    },
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
   expect(vm.$el.outerHTML).toBe(
-    `<div class="foo" style="color: red;"><div id="ok"></div></div>`
+    `<div class="foo" style="color: red;"><div id="ok"></div></div>`,
   )
 
   expect(
     (
       deprecationData[DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE]
         .message as Function
-    )('Anonymous')
+    )('Anonymous'),
   ).toHaveBeenWarned()
 })
diff --git a/packages/vue-compat/__tests__/misc.spec.ts b/packages/vue-compat/__tests__/misc.spec.ts
index 7c248e9ddd8..d9598be3738 100644
--- a/packages/vue-compat/__tests__/misc.spec.ts
+++ b/packages/vue-compat/__tests__/misc.spec.ts
@@ -3,7 +3,7 @@ import { nextTick } from '../../runtime-core/src/scheduler'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 import { triggerEvent } from './utils'
 import { h } from '@vue/runtime-core'
@@ -12,7 +12,7 @@ beforeEach(() => {
   toggleDeprecationWarning(true)
   Vue.configureCompat({
     MODE: 2,
-    GLOBAL_MOUNT: 'suppress-warning'
+    GLOBAL_MOUNT: 'suppress-warning',
   })
 })
 
@@ -24,23 +24,23 @@ afterEach(() => {
 test('mode as function', () => {
   const Foo = {
     name: 'Foo',
-    render: (h: any) => h('div', 'foo')
+    render: (h: any) => h('div', 'foo'),
   }
 
   const Bar = {
     name: 'Bar',
     data: () => ({ msg: 'bar' }),
-    render: (ctx: any) => h('div', ctx.msg)
+    render: (ctx: any) => h('div', ctx.msg),
   }
 
   toggleDeprecationWarning(false)
   Vue.configureCompat({
-    MODE: comp => (comp && comp.name === 'Bar' ? 3 : 2)
+    MODE: comp => (comp && comp.name === 'Bar' ? 3 : 2),
   })
 
   const vm = new Vue({
     components: { Foo, Bar },
-    template: `<div><foo/><bar/></div>`
+    template: `<div><foo/><bar/></div>`,
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -52,15 +52,15 @@ test('WATCH_ARRAY', async () => {
   const vm = new Vue({
     data() {
       return {
-        foo: []
+        foo: [],
       }
     },
     watch: {
-      foo: spy
-    }
+      foo: spy,
+    },
   }) as any
   expect(
-    deprecationData[DeprecationTypes.WATCH_ARRAY].message
+    deprecationData[DeprecationTypes.WATCH_ARRAY].message,
   ).toHaveBeenWarned()
 
   expect(spy).not.toHaveBeenCalled()
@@ -82,21 +82,21 @@ test('PROPS_DEFAULT_THIS', () => {
           thisCtx = {
             foo: this.foo,
             $options: this.$options,
-            provided: this.provided
+            provided: this.provided,
           }
           return this.foo + 1
-        }
-      }
+        },
+      },
     },
-    template: `{{ bar }}`
+    template: `{{ bar }}`,
   }
 
   const vm = new Vue({
     components: { Child },
     provide: {
-      provided: 2
+      provided: 2,
     },
-    template: `<child :foo="0" />`
+    template: `<child :foo="0" />`,
   }).$mount()
 
   expect(vm.$el.textContent).toBe('1')
@@ -109,8 +109,8 @@ test('PROPS_DEFAULT_THIS', () => {
 
   expect(
     (deprecationData[DeprecationTypes.PROPS_DEFAULT_THIS].message as Function)(
-      'bar'
-    )
+      'bar',
+    ),
   ).toHaveBeenWarned()
 })
 
@@ -118,7 +118,7 @@ test('V_ON_KEYCODE_MODIFIER', () => {
   const spy = vi.fn()
   const vm = new Vue({
     template: `<input @keyup.1="spy">`,
-    methods: { spy }
+    methods: { spy },
   }).$mount()
   expect(vm.$el).toBeInstanceOf(HTMLInputElement)
   triggerEvent(vm.$el, 'keyup', e => {
@@ -127,7 +127,7 @@ test('V_ON_KEYCODE_MODIFIER', () => {
   })
   expect(spy).toHaveBeenCalled()
   expect(
-    deprecationData[DeprecationTypes.V_ON_KEYCODE_MODIFIER].message
+    deprecationData[DeprecationTypes.V_ON_KEYCODE_MODIFIER].message,
   ).toHaveBeenWarned()
 })
 
@@ -137,7 +137,7 @@ test('CUSTOM_DIR', async () => {
     inserted: vi.fn(),
     update: vi.fn(),
     componentUpdated: vi.fn(),
-    unbind: vi.fn()
+    unbind: vi.fn(),
   } as any
 
   const getCalls = () =>
@@ -147,13 +147,13 @@ test('CUSTOM_DIR', async () => {
     data() {
       return {
         ok: true,
-        foo: 1
+        foo: 1,
       }
     },
     template: `<div v-if="ok" v-my-dir="foo"/>`,
     directives: {
-      myDir
-    }
+      myDir,
+    },
   }).$mount() as any
 
   expect(getCalls()).toMatchObject([1, 1, 0, 0, 0])
@@ -161,14 +161,14 @@ test('CUSTOM_DIR', async () => {
   expect(
     (deprecationData[DeprecationTypes.CUSTOM_DIR].message as Function)(
       'bind',
-      'beforeMount'
-    )
+      'beforeMount',
+    ),
   ).toHaveBeenWarned()
   expect(
     (deprecationData[DeprecationTypes.CUSTOM_DIR].message as Function)(
       'inserted',
-      'mounted'
-    )
+      'mounted',
+    ),
   ).toHaveBeenWarned()
 
   vm.foo++
@@ -178,39 +178,39 @@ test('CUSTOM_DIR', async () => {
   expect(
     (deprecationData[DeprecationTypes.CUSTOM_DIR].message as Function)(
       'update',
-      'updated'
-    )
+      'updated',
+    ),
   ).toHaveBeenWarned()
   expect(
     (deprecationData[DeprecationTypes.CUSTOM_DIR].message as Function)(
       'componentUpdated',
-      'updated'
-    )
+      'updated',
+    ),
   ).toHaveBeenWarned()
 })
 
 test('ATTR_FALSE_VALUE', () => {
   const vm = new Vue({
-    template: `<div :id="false" :foo="false"/>`
+    template: `<div :id="false" :foo="false"/>`,
   }).$mount()
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
   expect(vm.$el.hasAttribute('id')).toBe(false)
   expect(vm.$el.hasAttribute('foo')).toBe(false)
   expect(
     (deprecationData[DeprecationTypes.ATTR_FALSE_VALUE].message as Function)(
-      'id'
-    )
+      'id',
+    ),
   ).toHaveBeenWarned()
   expect(
     (deprecationData[DeprecationTypes.ATTR_FALSE_VALUE].message as Function)(
-      'foo'
-    )
+      'foo',
+    ),
   ).toHaveBeenWarned()
 })
 
 test('ATTR_ENUMERATED_COERCION', () => {
   const vm = new Vue({
-    template: `<div :draggable="null" :spellcheck="0" contenteditable="foo" />`
+    template: `<div :draggable="null" :spellcheck="0" contenteditable="foo" />`,
   }).$mount()
 
   expect(vm.$el).toBeInstanceOf(HTMLDivElement)
@@ -221,18 +221,18 @@ test('ATTR_ENUMERATED_COERCION', () => {
     (
       deprecationData[DeprecationTypes.ATTR_ENUMERATED_COERCION]
         .message as Function
-    )('draggable', null, 'false')
+    )('draggable', null, 'false'),
   ).toHaveBeenWarned()
   expect(
     (
       deprecationData[DeprecationTypes.ATTR_ENUMERATED_COERCION]
         .message as Function
-    )('spellcheck', 0, 'true')
+    )('spellcheck', 0, 'true'),
   ).toHaveBeenWarned()
   expect(
     (
       deprecationData[DeprecationTypes.ATTR_ENUMERATED_COERCION]
         .message as Function
-    )('contenteditable', 'foo', 'true')
+    )('contenteditable', 'foo', 'true'),
   ).toHaveBeenWarned()
 })
diff --git a/packages/vue-compat/__tests__/options.spec.ts b/packages/vue-compat/__tests__/options.spec.ts
index 238f2e2d5ad..a459d4fdfcd 100644
--- a/packages/vue-compat/__tests__/options.spec.ts
+++ b/packages/vue-compat/__tests__/options.spec.ts
@@ -3,7 +3,7 @@ import { nextTick } from '../../runtime-core/src/scheduler'
 import {
   DeprecationTypes,
   deprecationData,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 
 beforeEach(() => {
@@ -11,7 +11,7 @@ beforeEach(() => {
   Vue.configureCompat({
     MODE: 2,
     GLOBAL_MOUNT: 'suppress-warning',
-    GLOBAL_EXTEND: 'suppress-warning'
+    GLOBAL_EXTEND: 'suppress-warning',
   })
 })
 
@@ -23,11 +23,11 @@ afterEach(() => {
 test('root data plain object', () => {
   const vm = new Vue({
     data: { foo: 1 } as any,
-    template: `{{ foo }}`
+    template: `{{ foo }}`,
   }).$mount()
   expect(vm.$el.textContent).toBe('1')
   expect(
-    deprecationData[DeprecationTypes.OPTIONS_DATA_FN].message
+    deprecationData[DeprecationTypes.OPTIONS_DATA_FN].message,
   ).toHaveBeenWarned()
 })
 
@@ -36,30 +36,30 @@ test('data deep merge', () => {
     data() {
       return {
         foo: {
-          baz: 2
-        }
+          baz: 2,
+        },
       }
-    }
+    },
   }
 
   const vm = new Vue({
     mixins: [mixin],
     data: () => ({
       foo: {
-        bar: 1
+        bar: 1,
       },
-      selfData: 3
+      selfData: 3,
     }),
-    template: `{{ { selfData, foo } }}`
+    template: `{{ { selfData, foo } }}`,
   }).$mount()
 
   expect(vm.$el.textContent).toBe(
-    JSON.stringify({ selfData: 3, foo: { baz: 2, bar: 1 } }, null, 2)
+    JSON.stringify({ selfData: 3, foo: { baz: 2, bar: 1 } }, null, 2),
   )
   expect(
     (deprecationData[DeprecationTypes.OPTIONS_DATA_MERGE].message as Function)(
-      'foo'
-    )
+      'foo',
+    ),
   ).toHaveBeenWarned()
 })
 
@@ -68,18 +68,18 @@ test('data deep merge w/ extended constructor', () => {
   const App = Vue.extend({
     template: `<pre>{{ { mixinData, selfData } }}</pre>`,
     mixins: [{ data: () => ({ mixinData: 'mixinData' }) }],
-    data: () => ({ selfData: 'selfData' })
+    data: () => ({ selfData: 'selfData' }),
   })
   const vm = new App().$mount()
   expect(vm.$el.textContent).toBe(
     JSON.stringify(
       {
         mixinData: 'mixinData',
-        selfData: 'selfData'
+        selfData: 'selfData',
       },
       null,
-      2
-    )
+      2,
+    ),
   )
 })
 
@@ -90,7 +90,7 @@ test('beforeDestroy/destroyed', async () => {
   const child = {
     template: `foo`,
     beforeDestroy,
-    destroyed
+    destroyed,
   }
 
   const vm = new Vue({
@@ -98,7 +98,7 @@ test('beforeDestroy/destroyed', async () => {
     data() {
       return { ok: true }
     },
-    components: { child }
+    components: { child },
   }).$mount() as any
 
   vm.ok = false
@@ -107,11 +107,11 @@ test('beforeDestroy/destroyed', async () => {
   expect(destroyed).toHaveBeenCalled()
 
   expect(
-    deprecationData[DeprecationTypes.OPTIONS_BEFORE_DESTROY].message
+    deprecationData[DeprecationTypes.OPTIONS_BEFORE_DESTROY].message,
   ).toHaveBeenWarned()
 
   expect(
-    deprecationData[DeprecationTypes.OPTIONS_DESTROYED].message
+    deprecationData[DeprecationTypes.OPTIONS_DESTROYED].message,
   ).toHaveBeenWarned()
 })
 
@@ -122,7 +122,7 @@ test('beforeDestroy/destroyed in Vue.extend components', async () => {
   const child = Vue.extend({
     template: `foo`,
     beforeDestroy,
-    destroyed
+    destroyed,
   })
 
   const vm = new Vue({
@@ -130,7 +130,7 @@ test('beforeDestroy/destroyed in Vue.extend components', async () => {
     data() {
       return { ok: true }
     },
-    components: { child }
+    components: { child },
   }).$mount() as any
 
   vm.ok = false
@@ -139,10 +139,10 @@ test('beforeDestroy/destroyed in Vue.extend components', async () => {
   expect(destroyed).toHaveBeenCalled()
 
   expect(
-    deprecationData[DeprecationTypes.OPTIONS_BEFORE_DESTROY].message
+    deprecationData[DeprecationTypes.OPTIONS_BEFORE_DESTROY].message,
   ).toHaveBeenWarned()
 
   expect(
-    deprecationData[DeprecationTypes.OPTIONS_DESTROYED].message
+    deprecationData[DeprecationTypes.OPTIONS_DESTROYED].message,
   ).toHaveBeenWarned()
 })
diff --git a/packages/vue-compat/__tests__/renderFn.spec.ts b/packages/vue-compat/__tests__/renderFn.spec.ts
index 9b3d1466597..34e2864f84e 100644
--- a/packages/vue-compat/__tests__/renderFn.spec.ts
+++ b/packages/vue-compat/__tests__/renderFn.spec.ts
@@ -7,7 +7,7 @@ import { createVNode } from '../../runtime-core/src/vnode'
 import {
   deprecationData,
   DeprecationTypes,
-  toggleDeprecationWarning
+  toggleDeprecationWarning,
 } from '../../runtime-core/src/compat/compatConfig'
 import { compatH as h } from '../../runtime-core/src/compat/renderFn'
 
@@ -15,7 +15,7 @@ beforeEach(() => {
   toggleDeprecationWarning(false)
   Vue.configureCompat({
     MODE: 2,
-    GLOBAL_MOUNT: 'suppress-warning'
+    GLOBAL_MOUNT: 'suppress-warning',
   })
 })
 
@@ -29,16 +29,16 @@ describe('compat: render function', () => {
   const mockChildComp = {}
   const mockComponent = {
     directives: {
-      mockDir
+      mockDir,
     },
     components: {
-      foo: mockChildComp
-    }
+      foo: mockChildComp,
+    },
   }
   const mockInstance = createComponentInstance(
     createVNode(mockComponent),
     null,
-    null
+    null,
   )
   beforeEach(() => {
     setCurrentRenderingInstance(mockInstance)
@@ -49,7 +49,7 @@ describe('compat: render function', () => {
 
   test('string component lookup', () => {
     expect(h('foo')).toMatchObject({
-      type: mockChildComp
+      type: mockChildComp,
     })
   })
 
@@ -59,23 +59,23 @@ describe('compat: render function', () => {
         class: 'foo',
         style: { color: 'red' },
         attrs: {
-          id: 'foo'
+          id: 'foo',
         },
         domProps: {
-          innerHTML: 'hi'
+          innerHTML: 'hi',
         },
         props: {
-          myProp: 'foo'
-        }
-      })
+          myProp: 'foo',
+        },
+      }),
     ).toMatchObject({
       props: {
         class: 'foo',
         style: { color: 'red' },
         id: 'foo',
         innerHTML: 'hi',
-        myProp: 'foo'
-      }
+        myProp: 'foo',
+      },
     })
   })
 
@@ -83,12 +83,12 @@ describe('compat: render function', () => {
     expect(
       h('div', {
         class: { foo: true },
-        staticClass: 'bar'
-      })
+        staticClass: 'bar',
+      }),
     ).toMatchObject({
       props: {
-        class: 'bar foo'
-      }
+        class: 'bar foo',
+      },
     })
   })
 
@@ -96,15 +96,15 @@ describe('compat: render function', () => {
     expect(
       h('div', {
         style: { color: 'red' },
-        staticStyle: { fontSize: '14px' }
-      })
+        staticStyle: { fontSize: '14px' },
+      }),
     ).toMatchObject({
       props: {
         style: {
           color: 'red',
-          fontSize: '14px'
-        }
-      }
+          fontSize: '14px',
+        },
+      },
     })
   })
 
@@ -114,20 +114,20 @@ describe('compat: render function', () => {
       h('div', {
         on: {
           click: fn,
-          fooBar: fn
+          fooBar: fn,
         },
         nativeOn: {
           click: fn,
-          'bar-baz': fn
-        }
-      })
+          'bar-baz': fn,
+        },
+      }),
     ).toMatchObject({
       props: {
         onClick: fn,
         onClickNative: fn,
         onFooBar: fn,
-        'onBar-bazNative': fn
-      }
+        'onBar-bazNative': fn,
+      },
     })
   })
 
@@ -138,15 +138,15 @@ describe('compat: render function', () => {
         on: {
           '&click': fn,
           '~keyup': fn,
-          '!touchend': fn
-        }
-      })
+          '!touchend': fn,
+        },
+      }),
     ).toMatchObject({
       props: {
         onClickPassive: fn,
         onKeyupOnce: fn,
-        onTouchendCapture: fn
-      }
+        onTouchendCapture: fn,
+      },
     })
   })
 
@@ -160,11 +160,11 @@ describe('compat: render function', () => {
             // expression: '1 + 1',
             arg: 'foo',
             modifiers: {
-              bar: true
-            }
-          }
-        ]
-      })
+              bar: true,
+            },
+          },
+        ],
+      }),
     ).toMatchObject({
       dirs: [
         {
@@ -174,22 +174,22 @@ describe('compat: render function', () => {
           oldValue: void 0,
           arg: 'foo',
           modifiers: {
-            bar: true
-          }
-        }
-      ] as DirectiveBinding[]
+            bar: true,
+          },
+        },
+      ] as DirectiveBinding[],
     })
   })
 
   test('scopedSlots', () => {
     const scopedSlots = {
-      default() {}
+      default() {},
     }
     const vnode = h(mockComponent, {
-      scopedSlots
+      scopedSlots,
     })
     expect(vnode).toMatchObject({
-      children: scopedSlots
+      children: scopedSlots,
     })
     expect('scopedSlots' in vnode.props!).toBe(false)
     expect(vnode.shapeFlag & ShapeFlags.SLOTS_CHILDREN).toBeTruthy()
@@ -201,7 +201,7 @@ describe('compat: render function', () => {
       h('div', { slot: 'foo' }, 'one'),
       h('div', { slot: 'bar' }, 'two'),
       h('div', { slot: 'foo' }, 'three'),
-      h('div', 'four')
+      h('div', 'four'),
     ])
     expect(vnode.shapeFlag & ShapeFlags.SLOTS_CHILDREN).toBeTruthy()
     const slots = vnode.children as any
@@ -210,7 +210,7 @@ describe('compat: render function', () => {
     expect(slots.default()).toMatchObject(['text', { children: 'four' }])
     expect(slots.foo()).toMatchObject([
       { children: 'one' },
-      { children: 'three' }
+      { children: 'three' },
     ])
     expect(slots.bar()).toMatchObject([{ children: 'two' }])
   })
@@ -224,16 +224,16 @@ describe('compat: render function', () => {
           'div',
           {
             class: 'foo',
-            attrs: { id: 'bar' }
+            attrs: { id: 'bar' },
           },
-          'hello'
+          'hello',
         )
-      }
+      },
     }).$mount()
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
     expect(vm.$el.outerHTML).toBe(`<div class="foo" id="bar">hello</div>`)
     expect(
-      deprecationData[DeprecationTypes.RENDER_FUNCTION].message
+      deprecationData[DeprecationTypes.RENDER_FUNCTION].message,
     ).toHaveBeenWarned()
   })
 
@@ -241,13 +241,13 @@ describe('compat: render function', () => {
     const vm = new Vue({
       data() {
         return {
-          a: 'hello'
+          a: 'hello',
         }
       },
       // check is arg length based
       render(c: any, _c: any) {
         return createVNode('div', null, c.a)
-      }
+      },
     }).$mount()
     expect(vm.$el).toBeInstanceOf(HTMLDivElement)
     expect(vm.$el.outerHTML).toBe(`<div>hello</div>`)
diff --git a/packages/vue-compat/__tests__/utils.ts b/packages/vue-compat/__tests__/utils.ts
index a7242122bcb..18e6516a4a6 100644
--- a/packages/vue-compat/__tests__/utils.ts
+++ b/packages/vue-compat/__tests__/utils.ts
@@ -1,11 +1,11 @@
 export function triggerEvent(
   target: Element,
   event: string,
-  process?: (e: any) => any
+  process?: (e: any) => any,
 ) {
   const e = new Event(event, {
     bubbles: true,
-    cancelable: true
+    cancelable: true,
   })
   if (process) process(e)
   target.dispatchEvent(e)
diff --git a/packages/vue-compat/src/createCompatVue.ts b/packages/vue-compat/src/createCompatVue.ts
index 5815fc21dc6..b61a9384c9a 100644
--- a/packages/vue-compat/src/createCompatVue.ts
+++ b/packages/vue-compat/src/createCompatVue.ts
@@ -9,7 +9,7 @@ import {
   KeepAlive,
   DeprecationTypes,
   vShow,
-  vModelDynamic
+  vModelDynamic,
 } from '@vue/runtime-dom'
 import { extend } from '@vue/shared'
 
diff --git a/packages/vue-compat/src/dev.ts b/packages/vue-compat/src/dev.ts
index 99ba49a2085..22e1c6c3858 100644
--- a/packages/vue-compat/src/dev.ts
+++ b/packages/vue-compat/src/dev.ts
@@ -5,7 +5,7 @@ export function initDev() {
     if (!__ESM_BUNDLER__) {
       console.info(
         `You are running a development build of Vue.\n` +
-          `Make sure to use the production build (*.prod.js) when deploying for production.`
+          `Make sure to use the production build (*.prod.js) when deploying for production.`,
       )
     }
 
diff --git a/packages/vue-compat/src/index.ts b/packages/vue-compat/src/index.ts
index 642ecd20d11..50030d57d76 100644
--- a/packages/vue-compat/src/index.ts
+++ b/packages/vue-compat/src/index.ts
@@ -8,14 +8,14 @@ import { InternalRenderFunction } from 'packages/runtime-core/src/component'
 import * as runtimeDom from '@vue/runtime-dom'
 import {
   DeprecationTypes,
-  warnDeprecation
+  warnDeprecation,
 } from '../../runtime-core/src/compat/compatConfig'
 
 const compileCache: Record<string, RenderFunction> = Object.create(null)
 
 function compileToFunction(
   template: string | HTMLElement,
-  options?: CompilerOptions
+  options?: CompilerOptions,
 ): RenderFunction {
   if (!isString(template)) {
     if (template.nodeType) {
@@ -55,10 +55,10 @@ function compileToFunction(
         hoistStatic: true,
         whitespace: 'preserve',
         onError: __DEV__ ? onError : undefined,
-        onWarn: __DEV__ ? e => onError(e, true) : NOOP
+        onWarn: __DEV__ ? e => onError(e, true) : NOOP,
       } as CompilerOptions,
-      options
-    )
+      options,
+    ),
   )
 
   function onError(err: CompilerError, asWarning = false) {
@@ -70,7 +70,7 @@ function compileToFunction(
       generateCodeFrame(
         template as string,
         err.loc.start.offset,
-        err.loc.end.offset
+        err.loc.end.offset,
       )
     warn(codeFrame ? `${message}\n${codeFrame}` : message)
   }
diff --git a/packages/vue-compat/src/runtime.ts b/packages/vue-compat/src/runtime.ts
index 5cb5845b24c..b0036cac53a 100644
--- a/packages/vue-compat/src/runtime.ts
+++ b/packages/vue-compat/src/runtime.ts
@@ -15,7 +15,7 @@ Vue.compile = (() => {
           ? ` Use "vue.esm-browser.js" instead.`
           : __GLOBAL__
           ? ` Use "vue.global.js" instead.`
-          : ``) /* should not happen */
+          : ``) /* should not happen */,
     )
   }
 }) as any
diff --git a/packages/vue/__tests__/customElementCasing.spec.ts b/packages/vue/__tests__/customElementCasing.spec.ts
index cf3efd094e4..7712099bff4 100644
--- a/packages/vue/__tests__/customElementCasing.spec.ts
+++ b/packages/vue/__tests__/customElementCasing.spec.ts
@@ -12,7 +12,7 @@ test('custom element event casing', () => {
         this.dispatchEvent(new Event('CAPScase'))
         this.dispatchEvent(new Event('PascalCase'))
       }
-    }
+    },
   )
 
   const container = document.createElement('div')
@@ -33,8 +33,8 @@ test('custom element event casing', () => {
       }" />`,
     methods: {
       handler,
-      handler2
-    }
+      handler2,
+    },
   }).mount(container)
 
   expect(handler).toHaveBeenCalledTimes(3)
diff --git a/packages/vue/__tests__/e2e/Transition.spec.ts b/packages/vue/__tests__/e2e/Transition.spec.ts
index 326eaa57e3d..1d0e395a133 100644
--- a/packages/vue/__tests__/e2e/Transition.spec.ts
+++ b/packages/vue/__tests__/e2e/Transition.spec.ts
@@ -46,7 +46,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -55,13 +55,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'v-leave-from',
-          'v-leave-active'
+          'v-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'v-leave-active',
-          'v-leave-to'
+          'v-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -70,18 +70,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'v-enter-from',
-          'v-enter-active'
+          'v-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'v-enter-active',
-          'v-enter-to'
+          'v-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -102,7 +102,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -111,13 +111,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -126,18 +126,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -163,7 +163,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -172,13 +172,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'bye-from',
-          'bye-active'
+          'bye-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'bye-active',
-          'bye-to'
+          'bye-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -187,18 +187,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'hello-from',
-          'hello-active'
+          'hello-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'hello-active',
-          'hello-to'
+          'hello-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -222,7 +222,7 @@ describe('e2e: Transition', () => {
               const click = () => (toggle.value = !toggle.value)
               const changeName = () => (name.value = 'changed')
               return { toggle, click, name, changeName }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -231,13 +231,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -249,18 +249,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'changed-enter-from',
-          'changed-enter-active'
+          'changed-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'changed-enter-active',
-          'changed-enter-to'
+          'changed-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -287,7 +287,7 @@ describe('e2e: Transition', () => {
             afterEnterSpy,
             beforeLeaveSpy,
             onLeaveSpy,
-            afterLeaveSpy
+            afterLeaveSpy,
           } = window as any
           const { createApp, ref } = (window as any).Vue
           createApp({
@@ -317,9 +317,9 @@ describe('e2e: Transition', () => {
                 afterEnterSpy,
                 beforeLeaveSpy,
                 onLeaveSpy,
-                afterLeaveSpy
+                afterLeaveSpy,
               }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -328,7 +328,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         expect(beforeLeaveSpy).toBeCalled()
         expect(onLeaveSpy).toBeCalled()
@@ -337,7 +337,7 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         expect(afterLeaveSpy).not.toBeCalled()
         await transitionFinish()
@@ -348,7 +348,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         expect(beforeEnterSpy).toBeCalled()
         expect(onEnterSpy).toBeCalled()
@@ -357,14 +357,14 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         expect(afterEnterSpy).not.toBeCalled()
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
         expect(afterEnterSpy).toBeCalled()
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -391,7 +391,7 @@ describe('e2e: Transition', () => {
             afterEnterSpy,
             beforeLeaveSpy,
             onLeaveSpy,
-            afterLeaveSpy
+            afterLeaveSpy,
           } = window as any
           const { createApp, ref } = (window as any).Vue
           createApp({
@@ -441,9 +441,9 @@ describe('e2e: Transition', () => {
                 },
                 afterLeaveSpy: (el: Element) => {
                   afterLeaveSpy()
-                }
+                },
               }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -456,7 +456,7 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'before-leave',
-          'leave'
+          'leave',
         ])
 
         await timeout(200 + buffer)
@@ -471,16 +471,16 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'before-enter',
-          'enter'
+          'enter',
         ])
 
         await timeout(200 + buffer)
         expect(afterEnterSpy).toBeCalled()
         expect(await html('#container')).toBe(
-          '<div class="test before-enter enter after-enter">content</div>'
+          '<div class="test before-enter enter after-enter">content</div>',
         )
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test('onEnterCancelled', async () => {
@@ -508,9 +508,9 @@ describe('e2e: Transition', () => {
             return {
               toggle,
               click,
-              enterCancelledSpy
+              enterCancelledSpy,
             }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe('<!--v-if-->')
@@ -519,27 +519,27 @@ describe('e2e: Transition', () => {
       expect(await classWhenTransitionStart()).toStrictEqual([
         'test',
         'test-enter-from',
-        'test-enter-active'
+        'test-enter-active',
       ])
       await nextFrame()
       expect(await classList('.test')).toStrictEqual([
         'test',
         'test-enter-active',
-        'test-enter-to'
+        'test-enter-to',
       ])
 
       // cancel (leave)
       expect(await classWhenTransitionStart()).toStrictEqual([
         'test',
         'test-leave-from',
-        'test-leave-active'
+        'test-leave-active',
       ])
       expect(enterCancelledSpy).toBeCalled()
       await nextFrame()
       expect(await classList('.test')).toStrictEqual([
         'test',
         'test-leave-active',
-        'test-leave-to'
+        'test-leave-to',
       ])
       await transitionFinish()
       expect(await html('#container')).toBe('<!--v-if-->')
@@ -567,7 +567,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
           return Promise.resolve().then(() => {
             return document.querySelector('.test')!.className.split(/\s+/g)
@@ -577,13 +577,13 @@ describe('e2e: Transition', () => {
         expect(appearClass).toStrictEqual([
           'test',
           'test-appear-from',
-          'test-appear-active'
+          'test-appear-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-appear-active',
-          'test-appear-to'
+          'test-appear-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -592,13 +592,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -607,18 +607,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -654,7 +654,7 @@ describe('e2e: Transition', () => {
             afterEnterSpy,
             beforeLeaveSpy,
             onLeaveSpy,
-            afterLeaveSpy
+            afterLeaveSpy,
           } = window as any
           const { createApp, ref } = (window as any).Vue
           createApp({
@@ -694,9 +694,9 @@ describe('e2e: Transition', () => {
                 afterEnterSpy,
                 beforeLeaveSpy,
                 onLeaveSpy,
-                afterLeaveSpy
+                afterLeaveSpy,
               }
-            }
+            },
           }).mount('#app')
           return Promise.resolve().then(() => {
             return document.querySelector('.test')!.className.split(/\s+/g)
@@ -706,7 +706,7 @@ describe('e2e: Transition', () => {
         expect(appearClass).toStrictEqual([
           'test',
           'test-appear-from',
-          'test-appear-active'
+          'test-appear-active',
         ])
         expect(beforeAppearSpy).toBeCalled()
         expect(onAppearSpy).toBeCalled()
@@ -715,7 +715,7 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-appear-active',
-          'test-appear-to'
+          'test-appear-to',
         ])
         expect(afterAppearSpy).not.toBeCalled()
         await transitionFinish()
@@ -730,7 +730,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         expect(beforeLeaveSpy).toBeCalled()
         expect(onLeaveSpy).toBeCalled()
@@ -739,7 +739,7 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         expect(afterLeaveSpy).not.toBeCalled()
         await transitionFinish()
@@ -750,7 +750,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         expect(beforeEnterSpy).toBeCalled()
         expect(onEnterSpy).toBeCalled()
@@ -759,14 +759,14 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         expect(afterEnterSpy).not.toBeCalled()
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
         expect(afterEnterSpy).toBeCalled()
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -793,7 +793,7 @@ describe('e2e: Transition', () => {
             onAfterEnterSpy,
             onBeforeLeaveSpy,
             onLeaveSpy,
-            onAfterLeaveSpy
+            onAfterLeaveSpy,
           } = window as any
           const { createApp, ref } = (window as any).Vue
           createApp({
@@ -824,9 +824,9 @@ describe('e2e: Transition', () => {
                 onAfterEnterSpy,
                 onBeforeLeaveSpy,
                 onLeaveSpy,
-                onAfterLeaveSpy
+                onAfterLeaveSpy,
               }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -844,7 +844,7 @@ describe('e2e: Transition', () => {
         expect(onAfterEnterSpy).toBeCalled()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -865,7 +865,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div>content</div>')
@@ -873,7 +873,7 @@ describe('e2e: Transition', () => {
         // leave
         expect(await classWhenTransitionStart()).toStrictEqual([
           'noop-leave-from',
-          'noop-leave-active'
+          'noop-leave-active',
         ])
         await nextFrame()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -881,12 +881,12 @@ describe('e2e: Transition', () => {
         // enter
         expect(await classWhenTransitionStart()).toStrictEqual([
           'noop-enter-from',
-          'noop-enter-active'
+          'noop-enter-active',
         ])
         await nextFrame()
         expect(await html('#container')).toBe('<div class="">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -907,7 +907,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div>content</div>')
@@ -915,12 +915,12 @@ describe('e2e: Transition', () => {
         // leave
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test-anim-leave-from',
-          'test-anim-leave-active'
+          'test-anim-leave-active',
         ])
         await nextFrame()
         expect(await classList('#container div')).toStrictEqual([
           'test-anim-leave-active',
-          'test-anim-leave-to'
+          'test-anim-leave-to',
         ])
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -928,17 +928,17 @@ describe('e2e: Transition', () => {
         // enter
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test-anim-enter-from',
-          'test-anim-enter-active'
+          'test-anim-enter-active',
         ])
         await nextFrame()
         expect(await classList('#container div')).toStrictEqual([
           'test-anim-enter-active',
-          'test-anim-enter-to'
+          'test-anim-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -955,7 +955,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div>content</div>')
@@ -963,12 +963,12 @@ describe('e2e: Transition', () => {
         // leave
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test-anim-long-leave-from',
-          'test-anim-long-leave-active'
+          'test-anim-long-leave-active',
         ])
         await nextFrame()
         expect(await classList('#container div')).toStrictEqual([
           'test-anim-long-leave-active',
-          'test-anim-long-leave-to'
+          'test-anim-long-leave-to',
         ])
 
         if (!process.env.CI) {
@@ -977,7 +977,7 @@ describe('e2e: Transition', () => {
           })
           expect(await classList('#container div')).toStrictEqual([
             'test-anim-long-leave-active',
-            'test-anim-long-leave-to'
+            'test-anim-long-leave-to',
           ])
         }
 
@@ -987,12 +987,12 @@ describe('e2e: Transition', () => {
         // enter
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test-anim-long-enter-from',
-          'test-anim-long-enter-active'
+          'test-anim-long-enter-active',
         ])
         await nextFrame()
         expect(await classList('#container div')).toStrictEqual([
           'test-anim-long-enter-active',
-          'test-anim-long-enter-to'
+          'test-anim-long-enter-to',
         ])
 
         if (!process.env.CI) {
@@ -1001,14 +1001,14 @@ describe('e2e: Transition', () => {
           })
           expect(await classList('#container div')).toStrictEqual([
             'test-anim-long-enter-active',
-            'test-anim-long-enter-to'
+            'test-anim-long-enter-to',
           ])
         }
 
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<div class="">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1029,11 +1029,11 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe(
-          '<circle cx="0" cy="0" r="10" class="test"></circle>'
+          '<circle cx="0" cy="0" r="10" class="test"></circle>',
         )
 
         const svgTransitionStart = () =>
@@ -1051,13 +1051,13 @@ describe('e2e: Transition', () => {
         expect(await svgTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -1066,20 +1066,20 @@ describe('e2e: Transition', () => {
         expect(await svgTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<circle cx="0" cy="0" r="10" class="test"></circle>'
+          '<circle cx="0" cy="0" r="10" class="test"></circle>',
         )
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1095,13 +1095,13 @@ describe('e2e: Transition', () => {
             components: {
               'my-transition': (props: any, { slots }: any) => {
                 return h(Transition, { name: 'test' }, slots)
-              }
+              },
             },
             setup: () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1110,13 +1110,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -1125,18 +1125,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1156,11 +1156,11 @@ describe('e2e: Transition', () => {
             `,
             components: {
               one: {
-                template: '<div v-if="false">one</div>'
+                template: '<div v-if="false">one</div>',
               },
               two: {
-                template: '<div>two</div>'
-              }
+                template: '<div>two</div>',
+              },
             },
             setup: () => {
               const toggle = ref(true)
@@ -1169,7 +1169,7 @@ describe('e2e: Transition', () => {
               const change = () =>
                 (view.value = view.value === 'one' ? 'two' : 'one')
               return { toggle, click, change, view }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -1182,13 +1182,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">two</div>')
@@ -1201,18 +1201,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
   })
 
@@ -1245,21 +1245,21 @@ describe('e2e: Transition', () => {
               Comp: {
                 async setup() {
                   return () => h('div', { class: 'test' }, 'content')
-                }
-              }
+                },
+              },
             },
             setup: () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click, onEnterSpy, onLeaveSpy }
-            }
+            },
           }).mount('#app')
         })
 
         expect(onEnterSpy).toBeCalledTimes(1)
         await nextFrame()
         expect(await html('#container')).toBe(
-          '<div class="test v-enter-active v-enter-to">content</div>'
+          '<div class="test v-enter-active v-enter-to">content</div>',
         )
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1268,14 +1268,14 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'v-leave-from',
-          'v-leave-active'
+          'v-leave-active',
         ])
         expect(onLeaveSpy).toBeCalledTimes(1)
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'v-leave-active',
-          'v-leave-to'
+          'v-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -1296,19 +1296,19 @@ describe('e2e: Transition', () => {
         expect(enterClass).toStrictEqual([
           'test',
           'v-enter-from',
-          'v-enter-active'
+          'v-enter-active',
         ])
         expect(onEnterSpy).toBeCalledTimes(2)
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'v-enter-active',
-          'v-enter-to'
+          'v-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     // #1689
@@ -1332,7 +1332,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1341,13 +1341,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'v-leave-from',
-          'v-leave-active'
+          'v-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'v-leave-active',
-          'v-leave-to'
+          'v-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -1356,18 +1356,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'v-enter-from',
-          'v-enter-active'
+          'v-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'v-enter-active',
-          'v-enter-to'
+          'v-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1384,12 +1384,12 @@ describe('e2e: Transition', () => {
           const One = {
             async setup() {
               return () => h('div', { class: 'test' }, 'one')
-            }
+            },
           }
           const Two = {
             async setup() {
               return () => h('div', { class: 'test' }, 'two')
-            }
+            },
           }
           createApp({
             template: `
@@ -1408,13 +1408,13 @@ describe('e2e: Transition', () => {
                 view.value = view.value === One ? Two : One
               }
               return { view, click }
-            }
+            },
           }).mount('#app')
         })
 
         await nextFrame()
         expect(await html('#container')).toBe(
-          '<div class="test v-enter-active v-enter-to">one</div>'
+          '<div class="test v-enter-active v-enter-to">one</div>',
         )
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">one</div>')
@@ -1423,7 +1423,7 @@ describe('e2e: Transition', () => {
         await classWhenTransitionStart()
         await nextFrame()
         expect(await html('#container')).toBe(
-          '<div class="test v-leave-active v-leave-to">one</div>'
+          '<div class="test v-leave-active v-leave-to">one</div>',
         )
         await transitionFinish()
         await nextFrame()
@@ -1433,7 +1433,7 @@ describe('e2e: Transition', () => {
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">two</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     // #3963
@@ -1450,10 +1450,10 @@ describe('e2e: Transition', () => {
                 // @ts-ignore
                 window.resolve = () =>
                   _resolve({
-                    msg: 'success'
+                    msg: 'success',
                   })
               })
-            }
+            },
           }
 
           createApp({
@@ -1478,7 +1478,7 @@ describe('e2e: Transition', () => {
                 view.value = view.value ? null : h(One)
               }
               return { view, click }
-            }
+            },
           }).mount('#app')
         })
 
@@ -1496,7 +1496,7 @@ describe('e2e: Transition', () => {
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<div class="">success</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
   })
 
@@ -1519,7 +1519,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1529,13 +1529,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await isVisible('.test')).toBe(false)
@@ -1544,20 +1544,20 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
+          '<div class="test" style="">content</div>',
         )
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1584,7 +1584,7 @@ describe('e2e: Transition', () => {
             afterEnterSpy,
             beforeLeaveSpy,
             onLeaveSpy,
-            afterLeaveSpy
+            afterLeaveSpy,
           } = window as any
           const { createApp, ref } = (window as any).Vue
           createApp({
@@ -1614,9 +1614,9 @@ describe('e2e: Transition', () => {
                 afterEnterSpy,
                 beforeLeaveSpy,
                 onLeaveSpy,
-                afterLeaveSpy
+                afterLeaveSpy,
               }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1625,7 +1625,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         expect(beforeLeaveSpy).toBeCalled()
         expect(onLeaveSpy).toBeCalled()
@@ -1634,7 +1634,7 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         expect(afterLeaveSpy).not.toBeCalled()
         await transitionFinish()
@@ -1645,7 +1645,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         expect(beforeEnterSpy).toBeCalled()
         expect(onEnterSpy).toBeCalled()
@@ -1654,16 +1654,16 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         expect(afterEnterSpy).not.toBeCalled()
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
+          '<div class="test" style="">content</div>',
         )
         expect(afterEnterSpy).toBeCalled()
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1688,7 +1688,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click, onLeaveCancelledSpy }
-            }
+            },
           }).mount('#app')
         })
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1698,34 +1698,34 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
 
         // cancel (enter)
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         expect(onLeaveCancelledSpy).toBeCalled()
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
+          '<div class="test" style="">content</div>',
         )
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1766,9 +1766,9 @@ describe('e2e: Transition', () => {
                 click,
                 beforeEnterSpy,
                 onEnterSpy,
-                afterEnterSpy
+                afterEnterSpy,
               }
-            }
+            },
           }).mount('#app')
           return Promise.resolve().then(() => {
             return document.querySelector('.test')!.className.split(/\s+/g)
@@ -1783,13 +1783,13 @@ describe('e2e: Transition', () => {
         expect(appearClass).toStrictEqual([
           'test',
           'test-appear-from',
-          'test-appear-active'
+          'test-appear-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-appear-active',
-          'test-appear-to'
+          'test-appear-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1802,13 +1802,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await isVisible('.test')).toBe(false)
@@ -1817,20 +1817,20 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
+          '<div class="test" style="">content</div>',
         )
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     // #4845
@@ -1870,9 +1870,9 @@ describe('e2e: Transition', () => {
                 click,
                 beforeEnterSpy,
                 onEnterSpy,
-                afterEnterSpy
+                afterEnterSpy,
               }
-            }
+            },
           }).mount('#app')
         })
         await nextTick()
@@ -1885,7 +1885,7 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         expect(beforeEnterSpy).toBeCalledTimes(1)
         expect(onEnterSpy).toBeCalledTimes(1)
@@ -1894,16 +1894,16 @@ describe('e2e: Transition', () => {
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         expect(afterEnterSpy).not.toBeCalled()
         await transitionFinish()
         expect(await html('#container')).toBe(
-          '<div class="test" style="">content</div>'
+          '<div class="test" style="">content</div>',
         )
         expect(afterEnterSpy).toBeCalled()
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
   })
 
@@ -1926,7 +1926,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         }, duration)
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1935,13 +1935,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -1950,18 +1950,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -1982,7 +1982,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         }, duration)
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -1991,13 +1991,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -2006,18 +2006,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -2038,7 +2038,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         }, duration)
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -2047,13 +2047,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -2062,18 +2062,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish()
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -2097,7 +2097,7 @@ describe('e2e: Transition', () => {
               const toggle = ref(true)
               const click = () => (toggle.value = !toggle.value)
               return { toggle, click }
-            }
+            },
           }).mount('#app')
         }, duration)
         expect(await html('#container')).toBe('<div class="test">content</div>')
@@ -2106,13 +2106,13 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-leave-from',
-          'test-leave-active'
+          'test-leave-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-leave-active',
-          'test-leave-to'
+          'test-leave-to',
         ])
         await transitionFinish(duration * 2)
         expect(await html('#container')).toBe('<!--v-if-->')
@@ -2121,18 +2121,18 @@ describe('e2e: Transition', () => {
         expect(await classWhenTransitionStart()).toStrictEqual([
           'test',
           'test-enter-from',
-          'test-enter-active'
+          'test-enter-active',
         ])
         await nextFrame()
         expect(await classList('.test')).toStrictEqual([
           'test',
           'test-enter-active',
-          'test-enter-to'
+          'test-enter-to',
         ])
         await transitionFinish(duration * 4)
         expect(await html('#container')).toBe('<div class="test">content</div>')
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
 
     test(
@@ -2145,11 +2145,11 @@ describe('e2e: Transition', () => {
                 <div class="test">content</div>
               </transition>
             </div>
-          `
+          `,
         }).mount(document.createElement('div'))
         expect(
           `[Vue warn]: <transition> explicit duration is NaN - ` +
-            'the duration expression might be incorrect.'
+            'the duration expression might be incorrect.',
         ).toHaveBeenWarned()
 
         createApp({
@@ -2162,14 +2162,14 @@ describe('e2e: Transition', () => {
                 <div class="test">content</div>
               </transition>
             </div>
-          `
+          `,
         }).mount(document.createElement('div'))
         expect(
           `[Vue warn]: <transition> explicit duration is not a valid number - ` +
-            `got ${JSON.stringify({})}`
+            `got ${JSON.stringify({})}`,
         ).toHaveBeenWarned()
       },
-      E2E_TIMEOUT
+      E2E_TIMEOUT,
     )
   })
 
@@ -2177,12 +2177,12 @@ describe('e2e: Transition', () => {
     createApp({
       render() {
         return h(Transition, null, {
-          default: () => [h('div'), h('div')]
+          default: () => [h('div'), h('div')],
         })
-      }
+      },
     }).mount(document.createElement('div'))
     expect(
-      '<transition> can only be used on a single element or component'
+      '<transition> can only be used on a single element or component',
     ).toHaveBeenWarned()
   })
 
@@ -2194,7 +2194,7 @@ describe('e2e: Transition', () => {
             <div class="test">content</div>
           </transition>
         </div>
-      `
+      `,
     }).mount(document.createElement('div'))
     expect(`invalid <transition> mode: none`).toHaveBeenWarned()
   })
@@ -2212,11 +2212,11 @@ describe('e2e: Transition', () => {
             onLeave(el, end) {
               innerSpy()
               end()
-            }
+            },
           },
-          this.$slots.default
+          this.$slots.default,
         )
-      }
+      },
     }
 
     const toggle = ref(true)
@@ -2225,9 +2225,9 @@ describe('e2e: Transition', () => {
     createApp({
       render() {
         return h(MyTransition, { onLeave: () => outerSpy() }, () =>
-          toggle.value ? h('div') : null
+          toggle.value ? h('div') : null,
         )
-      }
+      },
     }).mount(root)
 
     expect(root.innerHTML).toBe(`<div></div>`)
@@ -2250,8 +2250,8 @@ describe('e2e: Transition', () => {
               template: `
                   <!-- Broken! -->
                   <div><slot /></div>
-                `
-            }
+                `,
+            },
           },
           template: `
             <div id="container">
@@ -2267,24 +2267,24 @@ describe('e2e: Transition', () => {
             const toggle = ref(true)
             const click = () => (toggle.value = !toggle.value)
             return { toggle, click }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe(
-        '<!-- Broken! --><div class="test"><div>content</div></div>'
+        '<!-- Broken! --><div class="test"><div>content</div></div>',
       )
 
       // leave
       expect(await classWhenTransitionStart()).toStrictEqual([
         'test',
         'v-leave-from',
-        'v-leave-active'
+        'v-leave-active',
       ])
       await nextFrame()
       expect(await classList('.test')).toStrictEqual([
         'test',
         'v-leave-active',
-        'v-leave-to'
+        'v-leave-to',
       ])
       await transitionFinish()
       expect(await html('#container')).toBe('<!--v-if-->')
@@ -2293,19 +2293,19 @@ describe('e2e: Transition', () => {
       expect(await classWhenTransitionStart()).toStrictEqual([
         'test',
         'v-enter-from',
-        'v-enter-active'
+        'v-enter-active',
       ])
       await nextFrame()
       expect(await classList('.test')).toStrictEqual([
         'test',
         'v-enter-active',
-        'v-enter-to'
+        'v-enter-to',
       ])
       await transitionFinish()
       expect(await html('#container')).toBe(
-        '<!-- Broken! --><div class="test"><div>content</div></div>'
+        '<!-- Broken! --><div class="test"><div>content</div></div>',
       )
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/e2e/TransitionGroup.spec.ts b/packages/vue/__tests__/e2e/TransitionGroup.spec.ts
index 1a61c23a44e..b8d8f4cc767 100644
--- a/packages/vue/__tests__/e2e/TransitionGroup.spec.ts
+++ b/packages/vue/__tests__/e2e/TransitionGroup.spec.ts
@@ -42,13 +42,13 @@ describe('e2e: TransitionGroup', () => {
             const items = ref(['a', 'b', 'c'])
             const click = () => items.value.push('d', 'e')
             return { click, items }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test">c</div>`
+          `<div class="test">c</div>`,
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
@@ -56,7 +56,7 @@ describe('e2e: TransitionGroup', () => {
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
           `<div class="test test-enter-from test-enter-active">d</div>` +
-          `<div class="test test-enter-from test-enter-active">e</div>`
+          `<div class="test test-enter-from test-enter-active">e</div>`,
       )
       await nextFrame()
       expect(await html('#container')).toBe(
@@ -64,7 +64,7 @@ describe('e2e: TransitionGroup', () => {
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
           `<div class="test test-enter-active test-enter-to">d</div>` +
-          `<div class="test test-enter-active test-enter-to">e</div>`
+          `<div class="test test-enter-active test-enter-to">e</div>`,
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
@@ -72,10 +72,10 @@ describe('e2e: TransitionGroup', () => {
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
           `<div class="test">d</div>` +
-          `<div class="test">e</div>`
+          `<div class="test">e</div>`,
       )
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -96,30 +96,30 @@ describe('e2e: TransitionGroup', () => {
             const items = ref(['a', 'b', 'c'])
             const click = () => (items.value = ['b'])
             return { click, items }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test">c</div>`
+          `<div class="test">c</div>`,
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
         `<div class="test test-leave-from test-leave-active">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test test-leave-from test-leave-active">c</div>`
+          `<div class="test test-leave-from test-leave-active">c</div>`,
       )
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test test-leave-active test-leave-to">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test test-leave-active test-leave-to">c</div>`
+          `<div class="test test-leave-active test-leave-to">c</div>`,
       )
       await transitionFinish()
       expect(await html('#container')).toBe(`<div class="test">b</div>`)
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -140,36 +140,36 @@ describe('e2e: TransitionGroup', () => {
             const items = ref(['a', 'b', 'c'])
             const click = () => (items.value = ['b', 'c', 'd'])
             return { click, items }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test">c</div>`
+          `<div class="test">c</div>`,
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
         `<div class="test test-leave-from test-leave-active">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-from test-enter-active">d</div>`
+          `<div class="test test-enter-from test-enter-active">d</div>`,
       )
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test test-leave-active test-leave-to">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-active test-enter-to">d</div>`
+          `<div class="test test-enter-active test-enter-to">d</div>`,
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
         `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test">d</div>`
+          `<div class="test">d</div>`,
       )
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -194,7 +194,7 @@ describe('e2e: TransitionGroup', () => {
             const items = ref(['a', 'b', 'c'])
             const click = () => items.value.push('d', 'e')
             return { click, items }
-          }
+          },
         }).mount('#app')
         return Promise.resolve().then(() => {
           return document.querySelector('#container')!.innerHTML
@@ -204,19 +204,19 @@ describe('e2e: TransitionGroup', () => {
       expect(appearHtml).toBe(
         `<div class="test test-appear-from test-appear-active">a</div>` +
           `<div class="test test-appear-from test-appear-active">b</div>` +
-          `<div class="test test-appear-from test-appear-active">c</div>`
+          `<div class="test test-appear-from test-appear-active">c</div>`,
       )
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test test-appear-active test-appear-to">a</div>` +
           `<div class="test test-appear-active test-appear-to">b</div>` +
-          `<div class="test test-appear-active test-appear-to">c</div>`
+          `<div class="test test-appear-active test-appear-to">c</div>`,
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test">c</div>`
+          `<div class="test">c</div>`,
       )
 
       // enter
@@ -225,7 +225,7 @@ describe('e2e: TransitionGroup', () => {
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
           `<div class="test test-enter-from test-enter-active">d</div>` +
-          `<div class="test test-enter-from test-enter-active">e</div>`
+          `<div class="test test-enter-from test-enter-active">e</div>`,
       )
       await nextFrame()
       expect(await html('#container')).toBe(
@@ -233,7 +233,7 @@ describe('e2e: TransitionGroup', () => {
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
           `<div class="test test-enter-active test-enter-to">d</div>` +
-          `<div class="test test-enter-active test-enter-to">e</div>`
+          `<div class="test test-enter-active test-enter-to">e</div>`,
       )
       await transitionFinish()
       expect(await html('#container')).toBe(
@@ -241,10 +241,10 @@ describe('e2e: TransitionGroup', () => {
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
           `<div class="test">d</div>` +
-          `<div class="test">e</div>`
+          `<div class="test">e</div>`,
       )
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -265,36 +265,36 @@ describe('e2e: TransitionGroup', () => {
             const items = ref(['a', 'b', 'c'])
             const click = () => (items.value = ['d', 'b', 'a'])
             return { click, items }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test">c</div>`
+          `<div class="test">c</div>`,
       )
 
       expect(await htmlWhenTransitionStart()).toBe(
         `<div class="test group-enter-from group-enter-active">d</div>` +
           `<div class="test">b</div>` +
           `<div class="test group-move" style="">a</div>` +
-          `<div class="test group-leave-from group-leave-active group-move" style="">c</div>`
+          `<div class="test group-leave-from group-leave-active group-move" style="">c</div>`,
       )
       await nextFrame()
       expect(await html('#container')).toBe(
         `<div class="test group-enter-active group-enter-to">d</div>` +
           `<div class="test">b</div>` +
           `<div class="test group-move" style="">a</div>` +
-          `<div class="test group-leave-active group-move group-leave-to" style="">c</div>`
+          `<div class="test group-leave-active group-move group-leave-to" style="">c</div>`,
       )
       await transitionFinish(duration * 2)
       expect(await html('#container')).toBe(
         `<div class="test">d</div>` +
           `<div class="test">b</div>` +
-          `<div class="test" style="">a</div>`
+          `<div class="test" style="">a</div>`,
       )
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -321,16 +321,16 @@ describe('e2e: TransitionGroup', () => {
               items.value = ['a', 'b', 'c']
             }
             return { click, items, name, changeName }
-          }
+          },
         }).mount('#app')
       })
       expect(await html('#container')).toBe(
-        `<div>a</div>` + `<div>b</div>` + `<div>c</div>`
+        `<div>a</div>` + `<div>b</div>` + `<div>c</div>`,
       )
 
       // invalid name
       expect(await htmlWhenTransitionStart()).toBe(
-        `<div>b</div>` + `<div>c</div>` + `<div>a</div>`
+        `<div>b</div>` + `<div>c</div>` + `<div>a</div>`,
       )
       // change name
       const moveHtml = await page().evaluate(() => {
@@ -342,7 +342,7 @@ describe('e2e: TransitionGroup', () => {
       expect(moveHtml).toBe(
         `<div class="group-move" style="">a</div>` +
           `<div class="group-move" style="">b</div>` +
-          `<div class="group-move" style="">c</div>`
+          `<div class="group-move" style="">c</div>`,
       )
       // not sure why but we just have to wait really long for this to
       // pass consistently :/
@@ -350,10 +350,10 @@ describe('e2e: TransitionGroup', () => {
       expect(await html('#container')).toBe(
         `<div class="" style="">a</div>` +
           `<div class="" style="">b</div>` +
-          `<div class="" style="">c</div>`
+          `<div class="" style="">c</div>`,
       )
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -389,7 +389,7 @@ describe('e2e: TransitionGroup', () => {
           afterEnterSpy,
           beforeLeaveSpy,
           onLeaveSpy,
-          afterLeaveSpy
+          afterLeaveSpy,
         } = window as any
         const { createApp, ref } = (window as any).Vue
         createApp({
@@ -428,9 +428,9 @@ describe('e2e: TransitionGroup', () => {
               afterEnterSpy,
               beforeLeaveSpy,
               onLeaveSpy,
-              afterLeaveSpy
+              afterLeaveSpy,
             }
-          }
+          },
         }).mount('#app')
         return Promise.resolve().then(() => {
           return document.querySelector('#container')!.innerHTML
@@ -442,21 +442,21 @@ describe('e2e: TransitionGroup', () => {
       expect(appearHtml).toBe(
         `<div class="test test-appear-from test-appear-active">a</div>` +
           `<div class="test test-appear-from test-appear-active">b</div>` +
-          `<div class="test test-appear-from test-appear-active">c</div>`
+          `<div class="test test-appear-from test-appear-active">c</div>`,
       )
       await nextFrame()
       expect(afterAppearSpy).not.toBeCalled()
       expect(await html('#container')).toBe(
         `<div class="test test-appear-active test-appear-to">a</div>` +
           `<div class="test test-appear-active test-appear-to">b</div>` +
-          `<div class="test test-appear-active test-appear-to">c</div>`
+          `<div class="test test-appear-active test-appear-to">c</div>`,
       )
       await transitionFinish()
       expect(afterAppearSpy).toBeCalled()
       expect(await html('#container')).toBe(
         `<div class="test">a</div>` +
           `<div class="test">b</div>` +
-          `<div class="test">c</div>`
+          `<div class="test">c</div>`,
       )
 
       // enter + leave
@@ -464,7 +464,7 @@ describe('e2e: TransitionGroup', () => {
         `<div class="test test-leave-from test-leave-active">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-from test-enter-active">d</div>`
+          `<div class="test test-enter-from test-enter-active">d</div>`,
       )
       expect(beforeLeaveSpy).toBeCalled()
       expect(onLeaveSpy).toBeCalled()
@@ -477,7 +477,7 @@ describe('e2e: TransitionGroup', () => {
         `<div class="test test-leave-active test-leave-to">a</div>` +
           `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test test-enter-active test-enter-to">d</div>`
+          `<div class="test test-enter-active test-enter-to">d</div>`,
       )
       expect(afterLeaveSpy).not.toBeCalled()
       expect(afterEnterSpy).not.toBeCalled()
@@ -485,12 +485,12 @@ describe('e2e: TransitionGroup', () => {
       expect(await html('#container')).toBe(
         `<div class="test">b</div>` +
           `<div class="test">c</div>` +
-          `<div class="test">d</div>`
+          `<div class="test">d</div>`,
       )
       expect(afterLeaveSpy).toBeCalled()
       expect(afterEnterSpy).toBeCalled()
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test('warn unkeyed children', () => {
@@ -503,7 +503,7 @@ describe('e2e: TransitionGroup', () => {
       setup: () => {
         const items = ref(['a', 'b', 'c'])
         return { items }
-      }
+      },
     }).mount(document.createElement('div'))
 
     expect(`<TransitionGroup> children must be keyed`).toHaveBeenWarned()
diff --git a/packages/vue/__tests__/e2e/commits.mock.ts b/packages/vue/__tests__/e2e/commits.mock.ts
index 8bcb8d8f97b..4a793e25aea 100644
--- a/packages/vue/__tests__/e2e/commits.mock.ts
+++ b/packages/vue/__tests__/e2e/commits.mock.ts
@@ -8,17 +8,17 @@ export default {
         author: {
           name: 'Haoqun Jiang',
           email: 'haoqunjiang@gmail.com',
-          date: '2019-12-09T19:52:20Z'
+          date: '2019-12-09T19:52:20Z',
         },
         committer: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2019-12-09T19:52:20Z'
+          date: '2019-12-09T19:52:20Z',
         },
         message: 'test: add test for runtime-dom/modules/class (#75)',
         tree: {
           sha: 'f53f761827af281db86c31d113086c068c1d0789',
-          url: 'https://api.github.com/repos/vuejs/core/git/trees/f53f761827af281db86c31d113086c068c1d0789'
+          url: 'https://api.github.com/repos/vuejs/core/git/trees/f53f761827af281db86c31d113086c068c1d0789',
         },
         url: 'https://api.github.com/repos/vuejs/core/git/commits/d1527fbee422c7170e56845e55b49c4fd6de72a7',
         comment_count: 0,
@@ -26,8 +26,8 @@ export default {
           verified: false,
           reason: 'unsigned',
           signature: null,
-          payload: null
-        }
+          payload: null,
+        },
       },
       url: 'https://api.github.com/repos/vuejs/core/commits/d1527fbee422c7170e56845e55b49c4fd6de72a7',
       html_url:
@@ -55,7 +55,7 @@ export default {
         received_events_url:
           'https://api.github.com/users/sodatea/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       committer: {
         login: 'yyx990803',
@@ -79,16 +79,16 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       parents: [
         {
           sha: '2383b45e322272ddc102d6914c149b284a25d04f',
           url: 'https://api.github.com/repos/vuejs/core/commits/2383b45e322272ddc102d6914c149b284a25d04f',
           html_url:
-            'https://github.com/vuejs/core/commit/2383b45e322272ddc102d6914c149b284a25d04f'
-        }
-      ]
+            'https://github.com/vuejs/core/commit/2383b45e322272ddc102d6914c149b284a25d04f',
+        },
+      ],
     },
     {
       sha: '2383b45e322272ddc102d6914c149b284a25d04f',
@@ -98,17 +98,17 @@ export default {
         author: {
           name: 'GCA',
           email: 'gcaaa31928@gmail.com',
-          date: '2019-12-09T19:23:57Z'
+          date: '2019-12-09T19:23:57Z',
         },
         committer: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2019-12-09T19:23:57Z'
+          date: '2019-12-09T19:23:57Z',
         },
         message: 'chore: fix typo (#530) [ci skip]',
         tree: {
           sha: '2a5872ff8dc8ccb8121abd7e890ac3c0c9f1209f',
-          url: 'https://api.github.com/repos/vuejs/core/git/trees/2a5872ff8dc8ccb8121abd7e890ac3c0c9f1209f'
+          url: 'https://api.github.com/repos/vuejs/core/git/trees/2a5872ff8dc8ccb8121abd7e890ac3c0c9f1209f',
         },
         url: 'https://api.github.com/repos/vuejs/core/git/commits/2383b45e322272ddc102d6914c149b284a25d04f',
         comment_count: 0,
@@ -116,8 +116,8 @@ export default {
           verified: false,
           reason: 'unsigned',
           signature: null,
-          payload: null
-        }
+          payload: null,
+        },
       },
       url: 'https://api.github.com/repos/vuejs/core/commits/2383b45e322272ddc102d6914c149b284a25d04f',
       html_url:
@@ -146,7 +146,7 @@ export default {
         received_events_url:
           'https://api.github.com/users/gcaaa31928/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       committer: {
         login: 'yyx990803',
@@ -170,16 +170,16 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       parents: [
         {
           sha: 'e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad',
           url: 'https://api.github.com/repos/vuejs/core/commits/e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad',
           html_url:
-            'https://github.com/vuejs/core/commit/e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad'
-        }
-      ]
+            'https://github.com/vuejs/core/commit/e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad',
+        },
+      ],
     },
     {
       sha: 'e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad',
@@ -189,17 +189,17 @@ export default {
         author: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2019-12-09T19:23:01Z'
+          date: '2019-12-09T19:23:01Z',
         },
         committer: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2019-12-09T19:23:01Z'
+          date: '2019-12-09T19:23:01Z',
         },
         message: 'test: fix warning',
         tree: {
           sha: 'd942b17681e2e2fbbcd2ee04092390c7f2cf534d',
-          url: 'https://api.github.com/repos/vuejs/core/git/trees/d942b17681e2e2fbbcd2ee04092390c7f2cf534d'
+          url: 'https://api.github.com/repos/vuejs/core/git/trees/d942b17681e2e2fbbcd2ee04092390c7f2cf534d',
         },
         url: 'https://api.github.com/repos/vuejs/core/git/commits/e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad',
         comment_count: 0,
@@ -207,8 +207,8 @@ export default {
           verified: false,
           reason: 'unsigned',
           signature: null,
-          payload: null
-        }
+          payload: null,
+        },
       },
       url: 'https://api.github.com/repos/vuejs/core/commits/e7e1314cccd1a66fcf8b8526ec21350ec16cc3ad',
       html_url:
@@ -237,7 +237,7 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       committer: {
         login: 'yyx990803',
@@ -261,17 +261,17 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       parents: [
         {
           sha: '12ec62e6881f83dfa6c7f8a3c3650ec2567e6b1e',
           url: 'https://api.github.com/repos/vuejs/core/commits/12ec62e6881f83dfa6c7f8a3c3650ec2567e6b1e',
           html_url:
-            'https://github.com/vuejs/core/commit/12ec62e6881f83dfa6c7f8a3c3650ec2567e6b1e'
-        }
-      ]
-    }
+            'https://github.com/vuejs/core/commit/12ec62e6881f83dfa6c7f8a3c3650ec2567e6b1e',
+        },
+      ],
+    },
   ],
   'v2-compat': [
     {
@@ -282,17 +282,17 @@ export default {
         author: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2018-11-13T03:42:34Z'
+          date: '2018-11-13T03:42:34Z',
         },
         committer: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2018-11-13T03:54:01Z'
+          date: '2018-11-13T03:54:01Z',
         },
         message: 'chore: fix tests',
         tree: {
           sha: '6ac7bd078a6eb0ad32b5102e0c5d2c29f2b20a48',
-          url: 'https://api.github.com/repos/vuejs/core/git/trees/6ac7bd078a6eb0ad32b5102e0c5d2c29f2b20a48'
+          url: 'https://api.github.com/repos/vuejs/core/git/trees/6ac7bd078a6eb0ad32b5102e0c5d2c29f2b20a48',
         },
         url: 'https://api.github.com/repos/vuejs/core/git/commits/ecf4da822eea97f5db5fa769d39f994755384a4b',
         comment_count: 0,
@@ -300,8 +300,8 @@ export default {
           verified: false,
           reason: 'unsigned',
           signature: null,
-          payload: null
-        }
+          payload: null,
+        },
       },
       url: 'https://api.github.com/repos/vuejs/core/commits/ecf4da822eea97f5db5fa769d39f994755384a4b',
       html_url:
@@ -330,7 +330,7 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       committer: {
         login: 'yyx990803',
@@ -354,16 +354,16 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       parents: [
         {
           sha: 'ca296812d54aff123472d7147b83fddfb634d9bc',
           url: 'https://api.github.com/repos/vuejs/core/commits/ca296812d54aff123472d7147b83fddfb634d9bc',
           html_url:
-            'https://github.com/vuejs/core/commit/ca296812d54aff123472d7147b83fddfb634d9bc'
-        }
-      ]
+            'https://github.com/vuejs/core/commit/ca296812d54aff123472d7147b83fddfb634d9bc',
+        },
+      ],
     },
     {
       sha: 'ca296812d54aff123472d7147b83fddfb634d9bc',
@@ -373,17 +373,17 @@ export default {
         author: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2018-11-13T03:21:56Z'
+          date: '2018-11-13T03:21:56Z',
         },
         committer: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2018-11-13T03:46:06Z'
+          date: '2018-11-13T03:46:06Z',
         },
         message: 'refactor: bring back clone for reused nodes',
         tree: {
           sha: '2cec32c97686e0ee9af1b87f0abdbbbdc18b6de6',
-          url: 'https://api.github.com/repos/vuejs/core/git/trees/2cec32c97686e0ee9af1b87f0abdbbbdc18b6de6'
+          url: 'https://api.github.com/repos/vuejs/core/git/trees/2cec32c97686e0ee9af1b87f0abdbbbdc18b6de6',
         },
         url: 'https://api.github.com/repos/vuejs/core/git/commits/ca296812d54aff123472d7147b83fddfb634d9bc',
         comment_count: 0,
@@ -391,8 +391,8 @@ export default {
           verified: false,
           reason: 'unsigned',
           signature: null,
-          payload: null
-        }
+          payload: null,
+        },
       },
       url: 'https://api.github.com/repos/vuejs/core/commits/ca296812d54aff123472d7147b83fddfb634d9bc',
       html_url:
@@ -421,7 +421,7 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       committer: {
         login: 'yyx990803',
@@ -445,16 +445,16 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       parents: [
         {
           sha: 'e6be55a4989edb6f8750dbaa14eb693ec1f0d67b',
           url: 'https://api.github.com/repos/vuejs/core/commits/e6be55a4989edb6f8750dbaa14eb693ec1f0d67b',
           html_url:
-            'https://github.com/vuejs/core/commit/e6be55a4989edb6f8750dbaa14eb693ec1f0d67b'
-        }
-      ]
+            'https://github.com/vuejs/core/commit/e6be55a4989edb6f8750dbaa14eb693ec1f0d67b',
+        },
+      ],
     },
     {
       sha: 'e6be55a4989edb6f8750dbaa14eb693ec1f0d67b',
@@ -464,17 +464,17 @@ export default {
         author: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2018-11-02T20:59:45Z'
+          date: '2018-11-02T20:59:45Z',
         },
         committer: {
           name: 'Evan You',
           email: 'yyx990803@gmail.com',
-          date: '2018-11-02T20:59:45Z'
+          date: '2018-11-02T20:59:45Z',
         },
         message: 'chore: relax render type for tsx',
         tree: {
           sha: '7e2b3bb92ab91f755b2251e4a7903e6dd2042602',
-          url: 'https://api.github.com/repos/vuejs/core/git/trees/7e2b3bb92ab91f755b2251e4a7903e6dd2042602'
+          url: 'https://api.github.com/repos/vuejs/core/git/trees/7e2b3bb92ab91f755b2251e4a7903e6dd2042602',
         },
         url: 'https://api.github.com/repos/vuejs/core/git/commits/e6be55a4989edb6f8750dbaa14eb693ec1f0d67b',
         comment_count: 0,
@@ -482,8 +482,8 @@ export default {
           verified: false,
           reason: 'unsigned',
           signature: null,
-          payload: null
-        }
+          payload: null,
+        },
       },
       url: 'https://api.github.com/repos/vuejs/core/commits/e6be55a4989edb6f8750dbaa14eb693ec1f0d67b',
       html_url:
@@ -512,7 +512,7 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       committer: {
         login: 'yyx990803',
@@ -536,16 +536,16 @@ export default {
         received_events_url:
           'https://api.github.com/users/yyx990803/received_events',
         type: 'User',
-        site_admin: false
+        site_admin: false,
       },
       parents: [
         {
           sha: 'ccc835caff0344baad3c92ce786ad4f804bf667b',
           url: 'https://api.github.com/repos/vuejs/core/commits/ccc835caff0344baad3c92ce786ad4f804bf667b',
           html_url:
-            'https://github.com/vuejs/core/commit/ccc835caff0344baad3c92ce786ad4f804bf667b'
-        }
-      ]
-    }
-  ]
+            'https://github.com/vuejs/core/commit/ccc835caff0344baad3c92ce786ad4f804bf667b',
+        },
+      ],
+    },
+  ],
 }
diff --git a/packages/vue/__tests__/e2e/commits.spec.ts b/packages/vue/__tests__/e2e/commits.spec.ts
index 1fe26bac2f1..93f98bf8126 100644
--- a/packages/vue/__tests__/e2e/commits.spec.ts
+++ b/packages/vue/__tests__/e2e/commits.spec.ts
@@ -8,7 +8,7 @@ describe('e2e: commits', () => {
   async function testCommits(apiType: 'classic' | 'composition') {
     const baseUrl = `file://${path.resolve(
       __dirname,
-      `../../examples/${apiType}/commits.html`
+      `../../examples/${apiType}/commits.html`,
     )}`
 
     // intercept and mock the response to avoid hitting the actual API
@@ -22,7 +22,7 @@ describe('e2e: commits', () => {
           status: 200,
           contentType: 'application/json',
           headers: { 'Access-Control-Allow-Origin': '*' },
-          body: JSON.stringify(mocks[match[1] as 'main' | 'v2-compat'])
+          body: JSON.stringify(mocks[match[1] as 'main' | 'v2-compat']),
         })
       }
     })
@@ -51,7 +51,7 @@ describe('e2e: commits', () => {
     async () => {
       await testCommits('classic')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -59,6 +59,6 @@ describe('e2e: commits', () => {
     async () => {
       await testCommits('composition')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/e2e/e2eUtils.ts b/packages/vue/__tests__/e2e/e2eUtils.ts
index 4d840a690e4..69d639215d8 100644
--- a/packages/vue/__tests__/e2e/e2eUtils.ts
+++ b/packages/vue/__tests__/e2e/e2eUtils.ts
@@ -2,14 +2,14 @@ import puppeteer, {
   Browser,
   Page,
   ClickOptions,
-  PuppeteerLaunchOptions
+  PuppeteerLaunchOptions,
 } from 'puppeteer'
 
 export const E2E_TIMEOUT = 30 * 1000
 
 const puppeteerOptions: PuppeteerLaunchOptions = {
   args: process.env.CI ? ['--no-sandbox', '--disable-setuid-sandbox'] : [],
-  headless: 'new'
+  headless: 'new',
 }
 
 const maxTries = 30
@@ -17,7 +17,7 @@ export const timeout = (n: number) => new Promise(r => setTimeout(r, n))
 
 export async function expectByPolling(
   poll: () => Promise<any>,
-  expected: string
+  expected: string,
 ) {
   for (let tries = 0; tries < maxTries; tries++) {
     const actual = (await poll()) || ''
@@ -50,7 +50,7 @@ export function setupPuppeteer() {
         const err = e.args()[0]
         console.error(
           `Error from Puppeteer-loaded page:\n`,
-          err.remoteObject().description
+          err.remoteObject().description,
         )
       }
     })
@@ -102,7 +102,7 @@ export function setupPuppeteer() {
   async function isChecked(selector: string) {
     return await page.$eval(
       selector,
-      node => (node as HTMLInputElement).checked
+      node => (node as HTMLInputElement).checked,
     )
   }
 
@@ -117,7 +117,7 @@ export function setupPuppeteer() {
         ;(node as HTMLInputElement).value = value as string
         node.dispatchEvent(new Event('input'))
       },
-      value
+      value,
     )
   }
 
@@ -137,7 +137,7 @@ export function setupPuppeteer() {
   async function clearValue(selector: string) {
     return await page.$eval(
       selector,
-      node => ((node as HTMLInputElement).value = '')
+      node => ((node as HTMLInputElement).value = ''),
     )
   }
 
@@ -176,6 +176,6 @@ export function setupPuppeteer() {
     enterValue,
     clearValue,
     timeout,
-    nextFrame
+    nextFrame,
   }
 }
diff --git a/packages/vue/__tests__/e2e/grid.spec.ts b/packages/vue/__tests__/e2e/grid.spec.ts
index 728804e0b50..b90a39b7853 100644
--- a/packages/vue/__tests__/e2e/grid.spec.ts
+++ b/packages/vue/__tests__/e2e/grid.spec.ts
@@ -15,7 +15,7 @@ describe('e2e: grid', () => {
     for (let i = 0; i < data.length; i++) {
       for (let j = 0; j < columns.length; j++) {
         expect(
-          await text(`tr:nth-child(${i + 1}) td:nth-child(${j + 1})`)
+          await text(`tr:nth-child(${i + 1}) td:nth-child(${j + 1})`),
         ).toContain(`${data[i][columns[j]]}`)
       }
     }
@@ -24,7 +24,7 @@ describe('e2e: grid', () => {
   async function testGrid(apiType: 'classic' | 'composition') {
     const baseUrl = `file://${path.resolve(
       __dirname,
-      `../../examples/${apiType}/grid.html`
+      `../../examples/${apiType}/grid.html`,
     )}`
 
     await page().goto(baseUrl)
@@ -37,7 +37,7 @@ describe('e2e: grid', () => {
       { name: 'Chuck Norris', power: Infinity },
       { name: 'Bruce Lee', power: 9000 },
       { name: 'Jackie Chan', power: 7000 },
-      { name: 'Jet Li', power: 8000 }
+      { name: 'Jet Li', power: 8000 },
     ])
 
     await click('th:nth-child(1)')
@@ -49,7 +49,7 @@ describe('e2e: grid', () => {
       { name: 'Jet Li', power: 8000 },
       { name: 'Jackie Chan', power: 7000 },
       { name: 'Chuck Norris', power: Infinity },
-      { name: 'Bruce Lee', power: 9000 }
+      { name: 'Bruce Lee', power: 9000 },
     ])
 
     await click('th:nth-child(2)')
@@ -61,7 +61,7 @@ describe('e2e: grid', () => {
       { name: 'Chuck Norris', power: Infinity },
       { name: 'Bruce Lee', power: 9000 },
       { name: 'Jet Li', power: 8000 },
-      { name: 'Jackie Chan', power: 7000 }
+      { name: 'Jackie Chan', power: 7000 },
     ])
 
     await click('th:nth-child(2)')
@@ -73,7 +73,7 @@ describe('e2e: grid', () => {
       { name: 'Jackie Chan', power: 7000 },
       { name: 'Jet Li', power: 8000 },
       { name: 'Bruce Lee', power: 9000 },
-      { name: 'Chuck Norris', power: Infinity }
+      { name: 'Chuck Norris', power: Infinity },
     ])
 
     await click('th:nth-child(1)')
@@ -85,13 +85,13 @@ describe('e2e: grid', () => {
       { name: 'Bruce Lee', power: 9000 },
       { name: 'Chuck Norris', power: Infinity },
       { name: 'Jackie Chan', power: 7000 },
-      { name: 'Jet Li', power: 8000 }
+      { name: 'Jet Li', power: 8000 },
     ])
 
     await typeValue('input[name="query"]', 'j')
     await assertTable([
       { name: 'Jackie Chan', power: 7000 },
-      { name: 'Jet Li', power: 8000 }
+      { name: 'Jet Li', power: 8000 },
     ])
 
     await typeValue('input[name="query"]', 'infinity')
@@ -108,7 +108,7 @@ describe('e2e: grid', () => {
     async () => {
       await testGrid('classic')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -116,6 +116,6 @@ describe('e2e: grid', () => {
     async () => {
       await testGrid('composition')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/e2e/markdown.spec.ts b/packages/vue/__tests__/e2e/markdown.spec.ts
index 56c570e198f..550246f3ce6 100644
--- a/packages/vue/__tests__/e2e/markdown.spec.ts
+++ b/packages/vue/__tests__/e2e/markdown.spec.ts
@@ -7,7 +7,7 @@ describe('e2e: markdown', () => {
   async function testMarkdown(apiType: 'classic' | 'composition') {
     const baseUrl = `file://${path.resolve(
       __dirname,
-      `../../examples/${apiType}/markdown.html#test`
+      `../../examples/${apiType}/markdown.html#test`,
     )}`
 
     await page().goto(baseUrl)
@@ -25,7 +25,7 @@ describe('e2e: markdown', () => {
       () => html('#editor div'),
       '<h1 id="hello">hello</h1>\n' +
         '<h2 id="foo">foo</h2>\n' +
-        '<ul>\n<li>bar</li>\n<li>baz</li>\n</ul>\n'
+        '<ul>\n<li>bar</li>\n<li>baz</li>\n</ul>\n',
     )
   }
 
@@ -34,7 +34,7 @@ describe('e2e: markdown', () => {
     async () => {
       await testMarkdown('classic')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -42,6 +42,6 @@ describe('e2e: markdown', () => {
     async () => {
       await testMarkdown('composition')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/e2e/svg.spec.ts b/packages/vue/__tests__/e2e/svg.spec.ts
index 09b5be81a91..36663260b95 100644
--- a/packages/vue/__tests__/e2e/svg.spec.ts
+++ b/packages/vue/__tests__/e2e/svg.spec.ts
@@ -9,7 +9,7 @@ declare const globalStats: {
 declare function valueToPoint(
   value: number,
   index: number,
-  total: number
+  total: number,
 ): {
   x: number
   y: number
@@ -33,8 +33,8 @@ describe('e2e: svg', () => {
             document.querySelector('polygon')!.attributes[0].value === points
           )
         },
-        [total]
-      )
+        [total],
+      ),
     ).toBe(true)
   }
 
@@ -47,12 +47,12 @@ describe('e2e: svg', () => {
           return [point.x, point.y]
         })
       },
-      [total]
+      [total],
     )
     for (let i = 0; i < total; i++) {
       const textPosition = await page().$eval(
         `text:nth-child(${i + 3})`,
-        node => [+node.attributes[0].value, +node.attributes[1].value]
+        node => [+node.attributes[0].value, +node.attributes[1].value],
       )
       expect(textPosition).toEqual(positions[i])
     }
@@ -73,7 +73,7 @@ describe('e2e: svg', () => {
   async function testSvg(apiType: 'classic' | 'composition') {
     const baseUrl = `file://${path.resolve(
       __dirname,
-      `../../examples/${apiType}/svg.html`
+      `../../examples/${apiType}/svg.html`,
     )}`
 
     await page().goto(baseUrl)
@@ -144,7 +144,7 @@ describe('e2e: svg', () => {
     async () => {
       await testSvg('classic')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -152,6 +152,6 @@ describe('e2e: svg', () => {
     async () => {
       await testSvg('composition')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/e2e/todomvc.spec.ts b/packages/vue/__tests__/e2e/todomvc.spec.ts
index 668f9d33390..f91266ec967 100644
--- a/packages/vue/__tests__/e2e/todomvc.spec.ts
+++ b/packages/vue/__tests__/e2e/todomvc.spec.ts
@@ -13,7 +13,7 @@ describe('e2e: todomvc', () => {
     isFocused,
     classList,
     enterValue,
-    clearValue
+    clearValue,
   } = setupPuppeteer()
 
   async function removeItemAt(n: number) {
@@ -26,7 +26,7 @@ describe('e2e: todomvc', () => {
   async function testTodomvc(apiType: 'classic' | 'composition') {
     const baseUrl = `file://${path.resolve(
       __dirname,
-      `../../examples/${apiType}/todomvc.html`
+      `../../examples/${apiType}/todomvc.html`,
     )}`
 
     await page().goto(baseUrl)
@@ -174,7 +174,7 @@ describe('e2e: todomvc', () => {
     async () => {
       await testTodomvc('classic')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -182,6 +182,6 @@ describe('e2e: todomvc', () => {
     async () => {
       await testTodomvc('composition')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/e2e/tree.spec.ts b/packages/vue/__tests__/e2e/tree.spec.ts
index 74a3df7b0da..0100c0e6bd4 100644
--- a/packages/vue/__tests__/e2e/tree.spec.ts
+++ b/packages/vue/__tests__/e2e/tree.spec.ts
@@ -7,7 +7,7 @@ describe('e2e: tree', () => {
   async function testTree(apiType: 'classic' | 'composition') {
     const baseUrl = `file://${path.resolve(
       __dirname,
-      `../../examples/${apiType}/tree.html`
+      `../../examples/${apiType}/tree.html`,
     )}`
 
     await page().goto(baseUrl)
@@ -23,57 +23,57 @@ describe('e2e: tree', () => {
     expect((await children('#demo li ul')).length).toBe(4)
     expect(await text('#demo li div span')).toContain('[-]')
     expect(await text('#demo > .item > ul > .item:nth-child(1)')).toContain(
-      'hello'
+      'hello',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(2)')).toContain(
-      'wat'
+      'wat',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(3)')).toContain(
-      'child folder'
+      'child folder',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(3)')).toContain(
-      '[+]'
+      '[+]',
     )
 
     // add items to root
     await click('#demo > .item > ul > .add')
     expect((await children('#demo li ul')).length).toBe(5)
     expect(await text('#demo > .item > ul > .item:nth-child(1)')).toContain(
-      'hello'
+      'hello',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(2)')).toContain(
-      'wat'
+      'wat',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(3)')).toContain(
-      'child folder'
+      'child folder',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(3)')).toContain(
-      '[+]'
+      '[+]',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(4)')).toContain(
-      'new stuff'
+      'new stuff',
     )
 
     // add another item
     await click('#demo > .item > ul > .add')
     expect((await children('#demo li ul')).length).toBe(6)
     expect(await text('#demo > .item > ul > .item:nth-child(1)')).toContain(
-      'hello'
+      'hello',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(2)')).toContain(
-      'wat'
+      'wat',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(3)')).toContain(
-      'child folder'
+      'child folder',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(3)')).toContain(
-      '[+]'
+      '[+]',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(4)')).toContain(
-      'new stuff'
+      'new stuff',
     )
     expect(await text('#demo > .item > ul > .item:nth-child(5)')).toContain(
-      'new stuff'
+      'new stuff',
     )
 
     await click('#demo ul .bold')
@@ -93,7 +93,7 @@ describe('e2e: tree', () => {
     expect(await count('.item > ul')).toBe(5)
     expect(await text('#demo ul > .item:nth-child(1)')).toContain('[-]')
     expect((await children('#demo ul > .item:nth-child(1) > ul')).length).toBe(
-      2
+      2,
     )
   }
 
@@ -102,7 +102,7 @@ describe('e2e: tree', () => {
     async () => {
       await testTree('classic')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 
   test(
@@ -110,6 +110,6 @@ describe('e2e: tree', () => {
     async () => {
       await testTree('composition')
     },
-    E2E_TIMEOUT
+    E2E_TIMEOUT,
   )
 })
diff --git a/packages/vue/__tests__/index.spec.ts b/packages/vue/__tests__/index.spec.ts
index d547627de54..e1065d6a975 100644
--- a/packages/vue/__tests__/index.spec.ts
+++ b/packages/vue/__tests__/index.spec.ts
@@ -8,9 +8,9 @@ describe('compiler + runtime integration', () => {
       template: `{{ count }}`,
       data() {
         return {
-          count: 0
+          count: 0,
         }
-      }
+      },
     }
     createApp(App).mount(container)
     expect(container.innerHTML).toBe(`0`)
@@ -25,7 +25,7 @@ describe('compiler + runtime integration', () => {
       mounted: vi.fn(),
       activated: vi.fn(),
       deactivated: vi.fn(),
-      unmounted: vi.fn()
+      unmounted: vi.fn(),
     }
 
     const toggle = ref(true)
@@ -38,12 +38,12 @@ describe('compiler + runtime integration', () => {
       `,
       data() {
         return {
-          toggle
+          toggle,
         }
       },
       components: {
-        One: one
-      }
+        One: one,
+      },
     }
     createApp(App).mount(container)
     expect(container.innerHTML).toBe(`one`)
@@ -83,9 +83,9 @@ describe('compiler + runtime integration', () => {
       template: `#template`,
       data() {
         return {
-          count: 0
+          count: 0,
         }
-      }
+      },
     }
     createApp(App).mount(container)
     expect(container.innerHTML).toBe(`0`)
@@ -101,9 +101,9 @@ describe('compiler + runtime integration', () => {
       template,
       data() {
         return {
-          count: 0
+          count: 0,
         }
-      }
+      },
     }
     createApp(App).mount(container)
     expect(container.innerHTML).toBe(`0`)
@@ -112,28 +112,28 @@ describe('compiler + runtime integration', () => {
   it('should warn template compilation errors with codeframe', () => {
     const container = document.createElement('div')
     const App = {
-      template: `<div v-if>`
+      template: `<div v-if>`,
     }
     createApp(App).mount(container)
     expect(
-      `Template compilation error: Element is missing end tag`
+      `Template compilation error: Element is missing end tag`,
     ).toHaveBeenWarned()
     expect(
       `
 1  |  <div v-if>
-   |  ^`.trim()
+   |  ^`.trim(),
     ).toHaveBeenWarned()
     expect(`v-if/v-else-if is missing expression`).toHaveBeenWarned()
     expect(
       `
 1  |  <div v-if>
-   |       ^^^^`.trim()
+   |       ^^^^`.trim(),
     ).toHaveBeenWarned()
   })
 
   it('should support custom element via config.isCustomElement (deprecated)', () => {
     const app = createApp({
-      template: '<custom></custom>'
+      template: '<custom></custom>',
     })
     const container = document.createElement('div')
     app.config.isCustomElement = tag => tag === 'custom'
@@ -143,7 +143,7 @@ describe('compiler + runtime integration', () => {
 
   it('should support custom element via config.compilerOptions.isCustomElement', () => {
     const app = createApp({
-      template: '<custom></custom>'
+      template: '<custom></custom>',
     })
     const container = document.createElement('div')
     app.config.compilerOptions.isCustomElement = tag => tag === 'custom'
@@ -154,8 +154,8 @@ describe('compiler + runtime integration', () => {
   it('should support using element innerHTML as template', () => {
     const app = createApp({
       data: () => ({
-        msg: 'hello'
-      })
+        msg: 'hello',
+      }),
     })
     const container = document.createElement('div')
     container.innerHTML = '{{msg}}'
@@ -172,9 +172,9 @@ describe('compiler + runtime integration', () => {
       template: `{{ count }}`,
       data() {
         return {
-          count: 0
+          count: 0,
         }
-      }
+      },
     }
     createApp(App).mount('#app')
     expect(container.innerHTML).toBe(`0`)
@@ -183,7 +183,7 @@ describe('compiler + runtime integration', () => {
 
   it('should warn when template is not available', () => {
     const app = createApp({
-      template: {}
+      template: {},
     })
     const container = document.createElement('div')
     app.mount(container)
@@ -192,12 +192,12 @@ describe('compiler + runtime integration', () => {
 
   it('should warn when template is is not found', () => {
     const app = createApp({
-      template: '#not-exist-id'
+      template: '#not-exist-id',
     })
     const container = document.createElement('div')
     app.mount(container)
     expect(
-      '[Vue warn]: Template element not found or is empty: #not-exist-id'
+      '[Vue warn]: Template element not found or is empty: #not-exist-id',
     ).toHaveBeenWarned()
   })
 
@@ -208,14 +208,14 @@ describe('compiler + runtime integration', () => {
       template: `{{ count }}`,
       data() {
         return {
-          count: 0
+          count: 0,
         }
-      }
+      },
     }
     createApp(App).mount('#not-exist-id')
 
     expect(
-      '[Vue warn]: Failed to mount app: mount target selector "#not-exist-id" returned null.'
+      '[Vue warn]: Failed to mount app: mount target selector "#not-exist-id" returned null.',
     ).toHaveBeenWarned()
     document.querySelector = origin
   })
@@ -238,9 +238,9 @@ describe('compiler + runtime integration', () => {
       `,
       data() {
         return {
-          count
+          count,
         }
-      }
+      },
     }
     createApp(App).mount(container)
     expect(container.innerHTML).toBe(`<!--teleport start--><!--teleport end-->`)
@@ -265,7 +265,7 @@ describe('compiler + runtime integration', () => {
       setup() {
         return { ok }
       },
-      template: `<div>{{ ok }}<div v-if="ok" v-once>{{ ok }}</div></div>`
+      template: `<div>{{ ok }}<div v-if="ok" v-once>{{ ok }}</div></div>`,
     }
     const container = document.createElement('div')
     createApp(App).mount(container)
@@ -282,7 +282,7 @@ describe('compiler + runtime integration', () => {
       setup() {
         return { list }
       },
-      template: `<div>{{ list.length }}<div v-for="i in list" v-once>{{ i }}</div></div>`
+      template: `<div>{{ list.length }}<div v-for="i in list" v-once>{{ i }}</div></div>`,
     }
     const container = document.createElement('div')
     createApp(App).mount(container)
@@ -296,7 +296,7 @@ describe('compiler + runtime integration', () => {
   // #2413
   it('EMPTY_ARR should not change', () => {
     const App = {
-      template: `<div v-for="v of ['a']">{{ v }}</div>`
+      template: `<div v-for="v of ['a']">{{ v }}</div>`,
     }
     const container = document.createElement('div')
     createApp(App).mount(container)
@@ -305,7 +305,7 @@ describe('compiler + runtime integration', () => {
 
   test('BigInt support', () => {
     const app = createApp({
-      template: `<div>{{ BigInt(BigInt(100000111)) + BigInt(2000000000n) * 30000000n }}</div>`
+      template: `<div>{{ BigInt(BigInt(100000111)) + BigInt(2000000000n) * 30000000n }}</div>`,
     })
     const root = document.createElement('div')
     app.mount(root)
diff --git a/packages/vue/__tests__/runtimeCompilerOptions.spec.ts b/packages/vue/__tests__/runtimeCompilerOptions.spec.ts
index 3222462fea3..b144be448d2 100644
--- a/packages/vue/__tests__/runtimeCompilerOptions.spec.ts
+++ b/packages/vue/__tests__/runtimeCompilerOptions.spec.ts
@@ -3,7 +3,7 @@ import { createApp } from 'vue'
 describe('config.compilerOptions', () => {
   test('isCustomElement', () => {
     const app = createApp({
-      template: `<foo/>`
+      template: `<foo/>`,
     })
     app.config.compilerOptions.isCustomElement = (tag: string) => tag === 'foo'
     const root = document.createElement('div')
@@ -13,7 +13,7 @@ describe('config.compilerOptions', () => {
 
   test('comments', () => {
     const app = createApp({
-      template: `<div/><!--test--><div/>`
+      template: `<div/><!--test--><div/>`,
     })
     app.config.compilerOptions.comments = true
     // the comments option is only relevant in production mode
@@ -26,7 +26,7 @@ describe('config.compilerOptions', () => {
 
   test('whitespace', () => {
     const app = createApp({
-      template: `<div><span/>\n  <span/></div>`
+      template: `<div><span/>\n  <span/></div>`,
     })
     app.config.compilerOptions.whitespace = 'preserve'
     const root = document.createElement('div')
@@ -38,7 +38,7 @@ describe('config.compilerOptions', () => {
   test('delimiters', () => {
     const app = createApp({
       data: () => ({ foo: 'hi' }),
-      template: `[[ foo ]]`
+      template: `[[ foo ]]`,
     })
     app.config.compilerOptions.delimiters = [`[[`, `]]`]
     const root = document.createElement('div')
@@ -52,8 +52,8 @@ describe('per-component compilerOptions', () => {
     const app = createApp({
       template: `<foo/>`,
       compilerOptions: {
-        isCustomElement: (tag: string) => tag === 'foo'
-      }
+        isCustomElement: (tag: string) => tag === 'foo',
+      },
     })
     const root = document.createElement('div')
     app.mount(root)
@@ -64,8 +64,8 @@ describe('per-component compilerOptions', () => {
     const app = createApp({
       template: `<div/><!--test--><div/>`,
       compilerOptions: {
-        comments: true
-      }
+        comments: true,
+      },
     })
     app.config.compilerOptions.comments = false
     // the comments option is only relevant in production mode
@@ -80,8 +80,8 @@ describe('per-component compilerOptions', () => {
     const app = createApp({
       template: `<div><span/>\n  <span/></div>`,
       compilerOptions: {
-        whitespace: 'preserve'
-      }
+        whitespace: 'preserve',
+      },
     })
     const root = document.createElement('div')
     app.mount(root)
@@ -94,8 +94,8 @@ describe('per-component compilerOptions', () => {
       data: () => ({ foo: 'hi' }),
       template: `[[ foo ]]`,
       compilerOptions: {
-        delimiters: [`[[`, `]]`]
-      }
+        delimiters: [`[[`, `]]`],
+      },
     })
     const root = document.createElement('div')
     app.mount(root)
diff --git a/packages/vue/__tests__/svgNamespace.spec.ts b/packages/vue/__tests__/svgNamespace.spec.ts
index e944e7d8663..443f1a3d001 100644
--- a/packages/vue/__tests__/svgNamespace.spec.ts
+++ b/packages/vue/__tests__/svgNamespace.spec.ts
@@ -21,7 +21,7 @@ describe('SVG support', () => {
             </foreignObject>
           </svg>
         </div>
-      `
+      `,
     }
     render(h(App), root)
     const e0 = document.getElementById('e0')!
@@ -45,7 +45,7 @@ describe('SVG support', () => {
             </foreignObject>
           </svg>
         </div>
-      `
+      `,
     }
     render(h(App), root)
     const f1 = document.querySelector('#f1')!
diff --git a/packages/vue/macros-global.d.ts b/packages/vue/macros-global.d.ts
index 9b6f5a5392f..868fbbeb0e0 100644
--- a/packages/vue/macros-global.d.ts
+++ b/packages/vue/macros-global.d.ts
@@ -5,7 +5,7 @@ import {
   $shallowRef as _$shallowRef,
   $computed as _$computed,
   $customRef as _$customRef,
-  $toRef as _$toRef
+  $toRef as _$toRef,
 } from './macros'
 
 declare global {
diff --git a/packages/vue/macros.d.ts b/packages/vue/macros.d.ts
index 68ccda6ee23..ffad542f4d0 100644
--- a/packages/vue/macros.d.ts
+++ b/packages/vue/macros.d.ts
@@ -5,7 +5,7 @@ import {
   WritableComputedOptions,
   DebuggerOptions,
   WritableComputedRef,
-  CustomRefFactory
+  CustomRefFactory,
 } from '@vue/runtime-dom'
 
 export declare const RefType: unique symbol
@@ -13,7 +13,7 @@ export declare const RefType: unique symbol
 export declare const enum RefTypes {
   Ref = 1,
   ComputedRef = 2,
-  WritableComputedRef = 3
+  WritableComputedRef = 3,
 }
 
 type RefValue<T> = T extends null | undefined ? T : ReactiveVariable<T>
@@ -39,7 +39,7 @@ type NormalObject<T extends object> = T & { [RefType]?: never }
  */
 export declare function $<T>(arg: ComputedRef<T>): ComputedRefValue<T>
 export declare function $<T>(
-  arg: WritableComputedRef<T>
+  arg: WritableComputedRef<T>,
 ): WritableComputedRefValue<T>
 export declare function $<T>(arg: Ref<T>): RefValue<T>
 export declare function $<T extends object>(arg?: T): DestructureRefs<T>
@@ -61,7 +61,7 @@ export declare function $$<T extends object>(arg: NormalObject<T>): ToRawRefs<T>
 export declare function $$<T>(value: RefValue<T>): Ref<T>
 export declare function $$<T>(value: ComputedRefValue<T>): ComputedRef<T>
 export declare function $$<T>(
-  value: WritableComputedRefValue<T>
+  value: WritableComputedRefValue<T>,
 ): WritableComputedRef<T>
 
 type ToRawRefs<T extends object> = {
@@ -91,22 +91,22 @@ export declare function $shallowRef<T>(arg: T): RefValue<T>
 
 export declare function $toRef<T extends object, K extends keyof T>(
   object: T,
-  key: K
+  key: K,
 ): RefValue<T[K]>
 
 export declare function $toRef<T extends object, K extends keyof T>(
   object: T,
   key: K,
-  defaultValue: T[K]
+  defaultValue: T[K],
 ): RefValue<Exclude<T[K], undefined>>
 
 export declare function $customRef<T>(factory: CustomRefFactory<T>): RefValue<T>
 
 export declare function $computed<T>(
   getter: () => T,
-  debuggerOptions?: DebuggerOptions
+  debuggerOptions?: DebuggerOptions,
 ): ComputedRefValue<T>
 export declare function $computed<T>(
   options: WritableComputedOptions<T>,
-  debuggerOptions?: DebuggerOptions
+  debuggerOptions?: DebuggerOptions,
 ): WritableComputedRefValue<T>
diff --git a/packages/vue/src/dev.ts b/packages/vue/src/dev.ts
index 79f233ed925..602079a20e2 100644
--- a/packages/vue/src/dev.ts
+++ b/packages/vue/src/dev.ts
@@ -6,7 +6,7 @@ export function initDev() {
     if (!__ESM_BUNDLER__) {
       console.info(
         `You are running a development build of Vue.\n` +
-          `Make sure to use the production build (*.prod.js) when deploying for production.`
+          `Make sure to use the production build (*.prod.js) when deploying for production.`,
       )
     }
 
diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
index 8215be7476e..665b049b26b 100644
--- a/packages/vue/src/index.ts
+++ b/packages/vue/src/index.ts
@@ -15,7 +15,7 @@ const compileCache: Record<string, RenderFunction> = Object.create(null)
 
 function compileToFunction(
   template: string | HTMLElement,
-  options?: CompilerOptions
+  options?: CompilerOptions,
 ): RenderFunction {
   if (!isString(template)) {
     if (template.nodeType) {
@@ -48,9 +48,9 @@ function compileToFunction(
     {
       hoistStatic: true,
       onError: __DEV__ ? onError : undefined,
-      onWarn: __DEV__ ? e => onError(e, true) : NOOP
+      onWarn: __DEV__ ? e => onError(e, true) : NOOP,
     } as CompilerOptions,
-    options
+    options,
   )
 
   if (!opts.isCustomElement && typeof customElements !== 'undefined') {
@@ -68,7 +68,7 @@ function compileToFunction(
       generateCodeFrame(
         template as string,
         err.loc.start.offset,
-        err.loc.end.offset
+        err.loc.end.offset,
       )
     warn(codeFrame ? `${message}\n${codeFrame}` : message)
   }
diff --git a/packages/vue/src/runtime.ts b/packages/vue/src/runtime.ts
index 7fe70670a5e..8cd61f54c0f 100644
--- a/packages/vue/src/runtime.ts
+++ b/packages/vue/src/runtime.ts
@@ -19,7 +19,7 @@ export const compile = () => {
           ? ` Use "vue.esm-browser.js" instead.`
           : __GLOBAL__
           ? ` Use "vue.global.js" instead.`
-          : ``) /* should not happen */
+          : ``) /* should not happen */,
     )
   }
 }
diff --git a/rollup.config.js b/rollup.config.js
index 7050ba437e6..979199388b3 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -37,33 +37,33 @@ const [enumPlugin, enumDefines] = constEnum()
 const outputConfigs = {
   'esm-bundler': {
     file: resolve(`dist/${name}.esm-bundler.js`),
-    format: `es`
+    format: `es`,
   },
   'esm-browser': {
     file: resolve(`dist/${name}.esm-browser.js`),
-    format: `es`
+    format: `es`,
   },
   cjs: {
     file: resolve(`dist/${name}.cjs.js`),
-    format: `cjs`
+    format: `cjs`,
   },
   global: {
     file: resolve(`dist/${name}.global.js`),
-    format: `iife`
+    format: `iife`,
   },
   // runtime-only builds, for main "vue" package only
   'esm-bundler-runtime': {
     file: resolve(`dist/${name}.runtime.esm-bundler.js`),
-    format: `es`
+    format: `es`,
   },
   'esm-browser-runtime': {
     file: resolve(`dist/${name}.runtime.esm-browser.js`),
-    format: 'es'
+    format: 'es',
   },
   'global-runtime': {
     file: resolve(`dist/${name}.runtime.global.js`),
-    format: 'iife'
-  }
+    format: 'iife',
+  },
 }
 
 const defaultFormats = ['esm-bundler', 'cjs']
@@ -157,7 +157,7 @@ function createConfig(format, output, plugins = []) {
         : `true`,
       __FEATURE_PROD_DEVTOOLS__: isBundlerESMBuild
         ? `__VUE_PROD_DEVTOOLS__`
-        : `false`
+        : `false`,
     }
 
     if (!isBundlerESMBuild) {
@@ -186,14 +186,14 @@ function createConfig(format, output, plugins = []) {
         'context.onError(': `/*#__PURE__*/ context.onError(`,
         'emitError(': `/*#__PURE__*/ emitError(`,
         'createCompilerError(': `/*#__PURE__*/ createCompilerError(`,
-        'createDOMCompilerError(': `/*#__PURE__*/ createDOMCompilerError(`
+        'createDOMCompilerError(': `/*#__PURE__*/ createDOMCompilerError(`,
       })
     }
 
     if (isBundlerESMBuild) {
       Object.assign(replacements, {
         // preserve to be handled by bundlers
-        __DEV__: `!!(process.env.NODE_ENV !== 'production')`
+        __DEV__: `!!(process.env.NODE_ENV !== 'production')`,
       })
     }
 
@@ -202,7 +202,7 @@ function createConfig(format, output, plugins = []) {
       Object.assign(replacements, {
         'process.env': '({})',
         'process.platform': '""',
-        'process.stdout': 'null'
+        'process.stdout': 'null',
       })
     }
 
@@ -232,7 +232,7 @@ function createConfig(format, output, plugins = []) {
         // for @vue/compiler-sfc / server-renderer
         ...['path', 'url', 'stream'],
         // somehow these throw warnings for runtime-* package builds
-        ...treeShakenDeps
+        ...treeShakenDeps,
       ]
     }
   }
@@ -253,7 +253,7 @@ function createConfig(format, output, plugins = []) {
         'teacup/lib/express',
         'arc-templates/dist/es5',
         'then-pug',
-        'then-jade'
+        'then-jade',
       ]
     }
 
@@ -263,10 +263,10 @@ function createConfig(format, output, plugins = []) {
         ? [
             commonJS({
               sourceMap: false,
-              ignore: cjsIgnores
+              ignore: cjsIgnores,
             }),
             ...(format === 'cjs' ? [] : [polyfillNode()]),
-            nodeResolve()
+            nodeResolve(),
           ]
         : []
 
@@ -280,10 +280,10 @@ function createConfig(format, output, plugins = []) {
     external: resolveExternal(),
     plugins: [
       json({
-        namedExports: false
+        namedExports: false,
       }),
       alias({
-        entries
+        entries,
       }),
       enumPlugin,
       ...resolveReplace(),
@@ -292,10 +292,10 @@ function createConfig(format, output, plugins = []) {
         sourceMap: output.sourcemap,
         minify: false,
         target: isServerRenderer || isNodeBuild ? 'es2019' : 'es2015',
-        define: resolveDefine()
+        define: resolveDefine(),
       }),
       ...resolveNodePlugins(),
-      ...plugins
+      ...plugins,
     ],
     output,
     onwarn: (msg, warn) => {
@@ -304,15 +304,15 @@ function createConfig(format, output, plugins = []) {
       }
     },
     treeshake: {
-      moduleSideEffects: false
-    }
+      moduleSideEffects: false,
+    },
   }
 }
 
 function createProductionConfig(format) {
   return createConfig(format, {
     file: resolve(`dist/${name}.${format}.prod.js`),
-    format: outputConfigs[format].format
+    format: outputConfigs[format].format,
   })
 }
 
@@ -321,17 +321,17 @@ function createMinifiedConfig(format) {
     format,
     {
       file: outputConfigs[format].file.replace(/\.js$/, '.prod.js'),
-      format: outputConfigs[format].format
+      format: outputConfigs[format].format,
     },
     [
       terser({
         module: /^esm/.test(format),
         compress: {
           ecma: 2015,
-          pure_getters: true
+          pure_getters: true,
         },
-        safari10: true
-      })
-    ]
+        safari10: true,
+      }),
+    ],
   )
 }
diff --git a/rollup.dts.config.js b/rollup.dts.config.js
index f2d33d0e8f8..0f9aedcc019 100644
--- a/rollup.dts.config.js
+++ b/rollup.dts.config.js
@@ -7,7 +7,7 @@ import { walk } from 'estree-walker'
 
 if (!existsSync('temp/packages')) {
   console.warn(
-    'no temp dts files found. run `tsc -p tsconfig.build.json` first.'
+    'no temp dts files found. run `tsc -p tsconfig.build.json` first.',
   )
   process.exit(1)
 }
@@ -23,7 +23,7 @@ export default targetPackages.map(pkg => {
     input: `./temp/packages/${pkg}/src/index.d.ts`,
     output: {
       file: `packages/${pkg}/dist/${pkg}.d.ts`,
-      format: 'es'
+      format: 'es',
     },
     plugins: [dts(), patchTypes(pkg), ...(pkg === 'vue' ? [copyMts()] : [])],
     onwarn(warning, warn) {
@@ -35,7 +35,7 @@ export default targetPackages.map(pkg => {
         return
       }
       warn(warning)
-    }
+    },
   }
 })
 
@@ -56,7 +56,7 @@ function patchTypes(pkg) {
       const s = new MagicString(code)
       const ast = parse(code, {
         plugins: ['typescript'],
-        sourceType: 'module'
+        sourceType: 'module',
       })
 
       /**
@@ -90,7 +90,7 @@ function patchTypes(pkg) {
               enter(node) {
                 // @ts-ignore
                 if (removeInternal(node)) this.skip()
-              }
+              },
             })
           }
         }
@@ -120,7 +120,7 @@ function patchTypes(pkg) {
               // @ts-ignore
               node.leadingComments[0].start,
               node.end,
-              `/* removed internal: ${id} */`
+              `/* removed internal: ${id} */`,
             )
           } else {
             // @ts-ignore
@@ -155,8 +155,8 @@ function patchTypes(pkg) {
               `unhandled declare const with more than one declarators:\n${code.slice(
                 // @ts-ignore
                 node.start,
-                node.end
-              )}`
+                node.end,
+              )}`,
             )
           }
         } else if (
@@ -169,7 +169,7 @@ function patchTypes(pkg) {
           processDeclaration(node)
         } else if (removeInternal(node)) {
           throw new Error(
-            `unhandled export type marked as @internal: ${node.type}`
+            `unhandled export type marked as @internal: ${node.type}`,
           )
         }
       }
@@ -215,7 +215,7 @@ function patchTypes(pkg) {
 
       if (/@internal/.test(code)) {
         throw new Error(
-          `unhandled @internal declarations detected in ${chunk.fileName}.`
+          `unhandled @internal declarations detected in ${chunk.fileName}.`,
         )
       }
 
@@ -229,7 +229,7 @@ function patchTypes(pkg) {
             .join('\n')
       }
       return code
-    }
+    },
   }
 }
 
@@ -248,8 +248,8 @@ function copyMts() {
       writeFileSync(
         'packages/vue/dist/vue.d.mts',
         // @ts-ignore
-        bundle['vue.d.ts'].code
+        bundle['vue.d.ts'].code,
       )
-    }
+    },
   }
 }
diff --git a/scripts/aliases.js b/scripts/aliases.js
index 34a7c643557..1650db81e41 100644
--- a/scripts/aliases.js
+++ b/scripts/aliases.js
@@ -7,7 +7,7 @@ import { fileURLToPath } from 'node:url'
 const resolveEntryForPkg = p =>
   path.resolve(
     fileURLToPath(import.meta.url),
-    `../../packages/${p}/src/index.ts`
+    `../../packages/${p}/src/index.ts`,
   )
 
 const dirs = readdirSync(new URL('../packages', import.meta.url))
@@ -16,7 +16,7 @@ const entries = {
   vue: resolveEntryForPkg('vue'),
   'vue/compiler-sfc': resolveEntryForPkg('compiler-sfc'),
   'vue/server-renderer': resolveEntryForPkg('server-renderer'),
-  '@vue/compat': resolveEntryForPkg('vue-compat')
+  '@vue/compat': resolveEntryForPkg('vue-compat'),
 }
 
 const nonSrcPackages = ['sfc-playground', 'template-explorer', 'dts-test']
diff --git a/scripts/build.js b/scripts/build.js
index 1f8af65017d..01450b6cfc8 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -63,11 +63,11 @@ async function run() {
           'build-dts',
           ...(targets.length
             ? ['--environment', `TARGETS:${resolvedTargets.join(',')}`]
-            : [])
+            : []),
         ],
         {
-          stdio: 'inherit'
-        }
+          stdio: 'inherit',
+        },
       )
     }
   } finally {
@@ -125,12 +125,12 @@ async function build(target) {
         `TARGET:${target}`,
         formats ? `FORMATS:${formats}` : ``,
         prodOnly ? `PROD_ONLY:true` : ``,
-        sourceMap ? `SOURCE_MAP:true` : ``
+        sourceMap ? `SOURCE_MAP:true` : ``,
       ]
         .filter(Boolean)
-        .join(',')
+        .join(','),
     ],
-    { stdio: 'inherit' }
+    { stdio: 'inherit' },
   )
 }
 
@@ -165,10 +165,10 @@ async function checkFileSize(filePath) {
 
   console.log(
     `${chalk.gray(chalk.bold(fileName))} min:${prettyBytes(
-      file.length
+      file.length,
     )} / gzip:${prettyBytes(gzipped.length)} / brotli:${prettyBytes(
-      brotli.length
-    )}`
+      brotli.length,
+    )}`,
   )
 
   if (writeSize)
@@ -178,8 +178,8 @@ async function checkFileSize(filePath) {
         file: fileName,
         size: file.length,
         gzip: gzipped.length,
-        brotli: brotli.length
+        brotli: brotli.length,
       }),
-      'utf-8'
+      'utf-8',
     )
 }
diff --git a/scripts/const-enum.js b/scripts/const-enum.js
index 0e262285f10..6b27fff0edb 100644
--- a/scripts/const-enum.js
+++ b/scripts/const-enum.js
@@ -20,7 +20,7 @@ import {
   mkdirSync,
   readFileSync,
   rmSync,
-  writeFileSync
+  writeFileSync,
 } from 'node:fs'
 import { parse } from '@babel/parser'
 import path from 'node:path'
@@ -41,7 +41,7 @@ export function scanEnums() {
   const enumData = {
     ranges: {},
     defines: {},
-    ids: []
+    ids: [],
   }
 
   // 1. grep for files with exported const enum
@@ -54,7 +54,7 @@ export function scanEnums() {
     const content = readFileSync(file, 'utf-8')
     const ast = parse(content, {
       plugins: ['typescript'],
-      sourceType: 'module'
+      sourceType: 'module',
     })
 
     for (const node of ast.program.body) {
@@ -109,13 +109,13 @@ export function scanEnums() {
                   const exp = content.slice(node.start, node.end)
                   if (!(exp in enumData.defines)) {
                     throw new Error(
-                      `unhandled enum initialization expression ${exp} in ${file}`
+                      `unhandled enum initialization expression ${exp} in ${file}`,
                     )
                   }
                   return enumData.defines[exp]
                 } else {
                   throw new Error(
-                    `unhandled BinaryExpression operand type ${node.type} in ${file}`
+                    `unhandled BinaryExpression operand type ${node.type} in ${file}`,
                   )
                 }
               }
@@ -134,14 +134,14 @@ export function scanEnums() {
                 value = evaluate(exp)
               } else {
                 throw new Error(
-                  `unhandled UnaryExpression argument type ${init.argument.type} in ${file}`
+                  `unhandled UnaryExpression argument type ${init.argument.type} in ${file}`,
                 )
               }
             }
 
             if (value === undefined) {
               throw new Error(
-                `unhandled initializer type ${init.type} for ${fullKey} in ${file}`
+                `unhandled initializer type ${init.type} for ${fullKey} in ${file}`,
               )
             }
             saveValue(value)
@@ -185,7 +185,7 @@ export function constEnum() {
 
   // construct a regex for matching re-exports of known const enums
   const reExportsRE = new RegExp(
-    `export {[^}]*?\\b(${enumData.ids.join('|')})\\b[^]*?}`
+    `export {[^}]*?\\b(${enumData.ids.join('|')})\\b[^]*?}`,
   )
 
   // 3. during transform:
@@ -211,7 +211,7 @@ export function constEnum() {
         s = s || new MagicString(code)
         const ast = parse(code, {
           plugins: ['typescript'],
-          sourceType: 'module'
+          sourceType: 'module',
         })
         for (const node of ast.program.body) {
           if (
@@ -245,10 +245,10 @@ export function constEnum() {
       if (s) {
         return {
           code: s.toString(),
-          map: s.generateMap()
+          map: s.generateMap(),
         }
       }
-    }
+    },
   }
 
   return [plugin, enumData.defines]
diff --git a/scripts/dev.js b/scripts/dev.js
index 8342f5237b7..9c4ead6432c 100644
--- a/scripts/dev.js
+++ b/scripts/dev.js
@@ -34,7 +34,7 @@ const outfile = resolve(
   __dirname,
   `../packages/${target}/dist/${
     target === 'vue-compat' ? `vue` : target
-  }.${postfix}.js`
+  }.${postfix}.js`,
 )
 const relativeOutfile = relative(process.cwd(), outfile)
 
@@ -51,7 +51,7 @@ if (!inlineDeps) {
       // for @vue/compiler-sfc / server-renderer
       'path',
       'url',
-      'stream'
+      'stream',
     ]
   }
 
@@ -59,11 +59,11 @@ if (!inlineDeps) {
     const consolidatePkgPath = require.resolve(
       '@vue/consolidate/package.json',
       {
-        paths: [resolve(__dirname, `../packages/${target}/`)]
-      }
+        paths: [resolve(__dirname, `../packages/${target}/`)],
+      },
     )
     const consolidateDeps = Object.keys(
-      require(consolidatePkgPath).devDependencies
+      require(consolidatePkgPath).devDependencies,
     )
     external = [
       ...external,
@@ -75,7 +75,7 @@ if (!inlineDeps) {
       'teacup/lib/express',
       'arc-templates/dist/es5',
       'then-pug',
-      'then-jade'
+      'then-jade',
     ]
   }
 }
@@ -87,8 +87,8 @@ const plugins = [
       build.onEnd(() => {
         console.log(`built: ${relativeOutfile}`)
       })
-    }
-  }
+    },
+  },
 ]
 
 if (format === 'cjs' || pkg.buildOptions?.enableNonBrowserBranches) {
@@ -112,7 +112,7 @@ esbuild
       __DEV__: `true`,
       __TEST__: `false`,
       __BROWSER__: String(
-        format !== 'cjs' && !pkg.buildOptions?.enableNonBrowserBranches
+        format !== 'cjs' && !pkg.buildOptions?.enableNonBrowserBranches,
       ),
       __GLOBAL__: String(format === 'global'),
       __ESM_BUNDLER__: String(format.includes('esm-bundler')),
@@ -122,7 +122,7 @@ esbuild
       __COMPAT__: String(target === 'vue-compat'),
       __FEATURE_SUSPENSE__: `true`,
       __FEATURE_OPTIONS_API__: `true`,
-      __FEATURE_PROD_DEVTOOLS__: `false`
-    }
+      __FEATURE_PROD_DEVTOOLS__: `false`,
+    },
   })
   .then(ctx => ctx.watch())
diff --git a/scripts/pre-dev-sfc.js b/scripts/pre-dev-sfc.js
index b9b3a534460..409878e816f 100644
--- a/scripts/pre-dev-sfc.js
+++ b/scripts/pre-dev-sfc.js
@@ -7,7 +7,7 @@ const packagesToCheck = [
   'compiler-dom',
   'compiler-ssr',
   'reactivity-transform',
-  'shared'
+  'shared',
 ]
 
 let allFilesPresent = true
@@ -15,7 +15,7 @@ let allFilesPresent = true
 for (const pkg of packagesToCheck) {
   if (
     !fs.existsSync(
-      new URL(`../packages/${pkg}/dist/${pkg}.cjs.js`, import.meta.url)
+      new URL(`../packages/${pkg}/dist/${pkg}.cjs.js`, import.meta.url),
     )
   ) {
     allFilesPresent = false
diff --git a/scripts/release.js b/scripts/release.js
index 2c91cbbafac..559f37eb4d6 100644
--- a/scripts/release.js
+++ b/scripts/release.js
@@ -58,7 +58,7 @@ const versionIncrements = [
   'patch',
   'minor',
   'major',
-  ...(preId ? ['prepatch', 'preminor', 'premajor', 'prerelease'] : [])
+  ...(preId ? ['prepatch', 'preminor', 'premajor', 'prerelease'] : []),
 ]
 
 const inc = i => semver.inc(currentVersion, i, preId)
@@ -93,7 +93,7 @@ async function main() {
       const { stdout } = await run(
         'pnpm',
         ['view', `${pkgName}@~${canaryVersion}`, 'version', '--json'],
-        { stdio: 'pipe' }
+        { stdio: 'pipe' },
       )
       let versions = JSON.parse(stdout)
       versions = Array.isArray(versions) ? versions : [versions]
@@ -121,7 +121,9 @@ async function main() {
       type: 'select',
       name: 'release',
       message: 'Select release type',
-      choices: versionIncrements.map(i => `${i} (${inc(i)})`).concat(['custom'])
+      choices: versionIncrements
+        .map(i => `${i} (${inc(i)})`)
+        .concat(['custom']),
     })
 
     if (release === 'custom') {
@@ -129,7 +131,7 @@ async function main() {
         type: 'input',
         name: 'version',
         message: 'Input custom version',
-        initial: currentVersion
+        initial: currentVersion,
       })
       // @ts-ignore
       targetVersion = result.version
@@ -146,14 +148,14 @@ async function main() {
     step(
       isCanary
         ? `Releasing canary version v${targetVersion}...`
-        : `Releasing v${targetVersion}...`
+        : `Releasing v${targetVersion}...`,
     )
   } else {
     // @ts-ignore
     const { yes: confirmRelease } = await prompt({
       type: 'confirm',
       name: 'yes',
-      message: `Releasing v${targetVersion}. Confirm?`
+      message: `Releasing v${targetVersion}. Confirm?`,
     })
 
     if (!confirmRelease) {
@@ -171,7 +173,7 @@ async function main() {
       const { yes: promptSkipTests } = await prompt({
         type: 'confirm',
         name: 'yes',
-        message: `CI for this commit passed. Skip local tests?`
+        message: `CI for this commit passed. Skip local tests?`,
       })
 
       skipTests = promptSkipTests
@@ -193,7 +195,7 @@ async function main() {
   step('\nUpdating cross dependencies...')
   updateVersions(
     targetVersion,
-    isCanary ? renamePackageToCanary : keepThePackageName
+    isCanary ? renamePackageToCanary : keepThePackageName,
   )
 
   // build all packages with types
@@ -215,7 +217,7 @@ async function main() {
     const { yes: changelogOk } = await prompt({
       type: 'confirm',
       name: 'yes',
-      message: `Changelog generated. Does it look good?`
+      message: `Changelog generated. Does it look good?`,
     })
 
     if (!changelogOk) {
@@ -263,9 +265,9 @@ async function main() {
     console.log(
       chalk.yellow(
         `The following packages are skipped and NOT published:\n- ${skippedPackages.join(
-          '\n- '
-        )}`
-      )
+          '\n- ',
+        )}`,
+      ),
     )
   }
   console.log()
@@ -276,7 +278,7 @@ async function getCIResult() {
     const { stdout: sha } = await execa('git', ['rev-parse', 'HEAD'])
     const res = await fetch(
       `https://api.github.com/repos/vuejs/core/actions/runs?head_sha=${sha}` +
-        `&status=success&exclude_pull_requests=true`
+        `&status=success&exclude_pull_requests=true`,
     )
     const data = await res.json()
     return data.workflow_runs.length > 0
@@ -290,7 +292,7 @@ function updateVersions(version, getNewPackageName = keepThePackageName) {
   updatePackage(path.resolve(__dirname, '..'), version, getNewPackageName)
   // 2. update all packages
   packages.forEach(p =>
-    updatePackage(getPkgRoot(p), version, getNewPackageName)
+    updatePackage(getPkgRoot(p), version, getNewPackageName),
   )
 }
 
@@ -315,7 +317,7 @@ function updateDeps(pkg, depType, version, getNewPackageName) {
       const newName = getNewPackageName(dep)
       const newVersion = newName === dep ? version : `npm:${newName}@${version}`
       console.log(
-        chalk.yellow(`${pkg.name} -> ${depType} -> ${dep}@${newVersion}`)
+        chalk.yellow(`${pkg.name} -> ${depType} -> ${dep}@${newVersion}`),
       )
       deps[dep] = newVersion
     }
@@ -354,12 +356,12 @@ async function publishPackage(pkgName, version) {
         '--access',
         'public',
         ...(isDryRun ? ['--dry-run'] : []),
-        ...(skipGit ? ['--no-git-checks'] : [])
+        ...(skipGit ? ['--no-git-checks'] : []),
       ],
       {
         cwd: pkgRoot,
-        stdio: 'pipe'
-      }
+        stdio: 'pipe',
+      },
     )
     console.log(chalk.green(`Successfully published ${pkgName}@${version}`))
   } catch (e) {
diff --git a/scripts/setupVitest.ts b/scripts/setupVitest.ts
index c555b0fa5e8..cb02b512c4d 100644
--- a/scripts/setupVitest.ts
+++ b/scripts/setupVitest.ts
@@ -7,7 +7,7 @@ expect.extend({
     if (passed) {
       return {
         pass: true,
-        message: () => `expected "${received}" not to have been warned.`
+        message: () => `expected "${received}" not to have been warned.`,
       }
     } else {
       const msgs = warn.mock.calls.map(args => args[0]).join('\n - ')
@@ -17,7 +17,7 @@ expect.extend({
           `expected "${received}" to have been warned` +
           (msgs.length
             ? `.\n\nActual messages:\n\n - ${msgs}`
-            : ` but no warning was recorded.`)
+            : ` but no warning was recorded.`),
       }
     }
   },
@@ -29,14 +29,14 @@ expect.extend({
     if (passed) {
       return {
         pass: true,
-        message: () => `expected "${received}" not to have been warned last.`
+        message: () => `expected "${received}" not to have been warned last.`,
       }
     } else {
       const msgs = warn.mock.calls.map(args => args[0]).join('\n - ')
       return {
         pass: false,
         message: () =>
-          `expected "${received}" to have been warned last.\n\nActual messages:\n\n - ${msgs}`
+          `expected "${received}" to have been warned last.\n\nActual messages:\n\n - ${msgs}`,
       }
     }
   },
@@ -53,16 +53,16 @@ expect.extend({
     if (found === n) {
       return {
         pass: true,
-        message: () => `expected "${received}" to have been warned ${n} times.`
+        message: () => `expected "${received}" to have been warned ${n} times.`,
       }
     } else {
       return {
         pass: false,
         message: () =>
-          `expected "${received}" to have been warned ${n} times but got ${found}.`
+          `expected "${received}" to have been warned ${n} times but got ${found}.`,
       }
     }
-  }
+  },
 })
 
 let warn: SpyInstance
@@ -87,8 +87,8 @@ afterEach(() => {
   if (nonAssertedWarnings.length) {
     throw new Error(
       `test case threw unexpected warnings:\n - ${nonAssertedWarnings.join(
-        '\n - '
-      )}`
+        '\n - ',
+      )}`,
     )
   }
 })
diff --git a/scripts/size-report.ts b/scripts/size-report.ts
index 56e4491a19c..a67aa3dd67c 100644
--- a/scripts/size-report.ts
+++ b/scripts/size-report.ts
@@ -54,7 +54,7 @@ async function renderFiles() {
         fileName,
         `${prettyBytes(curr.size)}${getDiff(curr.size, prev?.size)}`,
         `${prettyBytes(curr.gzip)}${getDiff(curr.gzip, prev?.gzip)}`,
-        `${prettyBytes(curr.brotli)}${getDiff(curr.brotli, prev?.brotli)}`
+        `${prettyBytes(curr.brotli)}${getDiff(curr.brotli, prev?.brotli)}`,
       ])
   }
 
@@ -65,10 +65,10 @@ async function renderFiles() {
 
 async function renderUsages() {
   const curr = (await importJSON<UsageResult>(
-    path.resolve(currDir, '_usages.json')
+    path.resolve(currDir, '_usages.json'),
   ))!
   const prev = await importJSON<UsageResult>(
-    path.resolve(prevDir, '_usages.json')
+    path.resolve(prevDir, '_usages.json'),
   )
   output += '\n### Usages\n\n'
 
@@ -83,7 +83,7 @@ async function renderUsages() {
         usage.name,
         `${prettyBytes(usage.size)}${diffSize}`,
         `${prettyBytes(usage.gzip)}${diffGzipped}`,
-        `${prettyBytes(usage.brotli)}${diffBrotli}`
+        `${prettyBytes(usage.brotli)}${diffBrotli}`,
       ]
     })
     .filter((usage): usage is string[] => !!usage)
diff --git a/scripts/usage-size.ts b/scripts/usage-size.ts
index 1a1013b7847..2740017ad89 100644
--- a/scripts/usage-size.ts
+++ b/scripts/usage-size.ts
@@ -26,9 +26,9 @@ const presets: Preset[] = [
       'watch',
       'Transition',
       'KeepAlive',
-      'Suspense'
-    ]
-  }
+      'Suspense',
+    ],
+  },
 ]
 
 main()
@@ -40,14 +40,14 @@ async function main() {
   }
 
   const results = Object.fromEntries(
-    (await Promise.all(tasks)).map(r => [r.name, r])
+    (await Promise.all(tasks)).map(r => [r.name, r]),
   )
 
   await mkdir(sizeDir, { recursive: true })
   await writeFile(
     path.resolve(sizeDir, '_usages.json'),
     JSON.stringify(results),
-    'utf-8'
+    'utf-8',
   )
 }
 
@@ -65,16 +65,16 @@ async function generateBundle(preset: Preset) {
         },
         load(_id) {
           if (_id === id) return content
-        }
+        },
       },
       nodeResolve(),
       replace({
         'process.env.NODE_ENV': '"production"',
         __VUE_PROD_DEVTOOLS__: 'false',
         __VUE_OPTIONS_API__: 'true',
-        preventAssignment: true
-      })
-    ]
+        preventAssignment: true,
+      }),
+    ],
   })
 
   const generated = await result.generate({})
@@ -82,7 +82,7 @@ async function generateBundle(preset: Preset) {
   const minified = (
     await minify(bundled, {
       module: true,
-      toplevel: true
+      toplevel: true,
     })
   ).code!
 
@@ -94,6 +94,6 @@ async function generateBundle(preset: Preset) {
     name: preset.name,
     size,
     gzip,
-    brotli
+    brotli,
   }
 }
diff --git a/scripts/utils.js b/scripts/utils.js
index b58f25a1333..2fb419a820b 100644
--- a/scripts/utils.js
+++ b/scripts/utils.js
@@ -34,8 +34,8 @@ export function fuzzyMatchTarget(partialTargets, includeAllMatching) {
     console.log()
     console.error(
       `  ${chalk.bgRed.white(' ERROR ')} ${chalk.red(
-        `Target ${chalk.underline(partialTargets)} not found!`
-      )}`
+        `Target ${chalk.underline(partialTargets)} not found!`,
+      )}`,
     )
     console.log()
 
diff --git a/scripts/verifyCommit.js b/scripts/verifyCommit.js
index 4c1a2828bb8..25b8cef8297 100644
--- a/scripts/verifyCommit.js
+++ b/scripts/verifyCommit.js
@@ -13,16 +13,16 @@ if (!commitRE.test(msg)) {
   console.log()
   console.error(
     `  ${chalk.bgRed.white(' ERROR ')} ${chalk.red(
-      `invalid commit message format.`
+      `invalid commit message format.`,
     )}\n\n` +
       chalk.red(
-        `  Proper commit message format is required for automated changelog generation. Examples:\n\n`
+        `  Proper commit message format is required for automated changelog generation. Examples:\n\n`,
       ) +
       `    ${chalk.green(`feat(compiler): add 'comments' option`)}\n` +
       `    ${chalk.green(
-        `fix(v-model): handle events on blur (close #28)`
+        `fix(v-model): handle events on blur (close #28)`,
       )}\n\n` +
-      chalk.red(`  See .github/commit-convention.md for more details.\n`)
+      chalk.red(`  See .github/commit-convention.md for more details.\n`),
   )
   process.exit(1)
 }
diff --git a/vitest.config.ts b/vitest.config.ts
index e5d5f59345f..84c45bb19da 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -15,10 +15,10 @@ export default defineConfig({
     __FEATURE_OPTIONS_API__: true,
     __FEATURE_SUSPENSE__: true,
     __FEATURE_PROD_DEVTOOLS__: false,
-    __COMPAT__: true
+    __COMPAT__: true,
   },
   resolve: {
-    alias: entries
+    alias: entries,
   },
   test: {
     globals: true,
@@ -26,10 +26,10 @@ export default defineConfig({
     threads: !process.env.GITHUB_ACTIONS,
     setupFiles: 'scripts/setupVitest.ts',
     environmentMatchGlobs: [
-      ['packages/{vue,vue-compat,runtime-dom}/**', 'jsdom']
+      ['packages/{vue,vue-compat,runtime-dom}/**', 'jsdom'],
     ],
     sequence: {
-      hooks: 'list'
+      hooks: 'list',
     },
     coverage: {
       provider: 'istanbul',
@@ -39,8 +39,8 @@ export default defineConfig({
         // DOM transitions are tested via e2e so no coverage is collected
         'packages/runtime-dom/src/components/Transition*',
         // mostly entries
-        'packages/vue-compat/**'
-      ]
-    }
-  }
+        'packages/vue-compat/**',
+      ],
+    },
+  },
 }) as UserConfig
diff --git a/vitest.e2e.config.ts b/vitest.e2e.config.ts
index 8e168f65341..a936ab2ced9 100644
--- a/vitest.e2e.config.ts
+++ b/vitest.e2e.config.ts
@@ -5,6 +5,6 @@ export default {
   ...config,
   test: {
     ...config.test,
-    include: ['packages/vue/__tests__/e2e/*.spec.ts']
-  }
+    include: ['packages/vue/__tests__/e2e/*.spec.ts'],
+  },
 } as UserConfig
diff --git a/vitest.unit.config.ts b/vitest.unit.config.ts
index 2094385dd8e..afd0f863cda 100644
--- a/vitest.unit.config.ts
+++ b/vitest.unit.config.ts
@@ -5,6 +5,6 @@ export default {
   ...config,
   test: {
     ...config.test,
-    exclude: [...configDefaults.exclude, '**/e2e/**']
-  }
+    exclude: [...configDefaults.exclude, '**/e2e/**'],
+  },
 } as UserConfig

From 3ee3d2669c4122f4ac087b85d25aa30ca28e6664 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Thu, 7 Sep 2023 21:38:31 +0800
Subject: [PATCH 18/18] fix: build

---
 package.json          |  1 +
 pnpm-lock.yaml        | 45 +++++++++++++++++++++++++++++++++++++++----
 scripts/const-enum.js | 26 ++++++++++++++++---------
 3 files changed, 59 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 8b7e644a6be..556c1a4a376 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "@typescript-eslint/parser": "^6.6.0",
     "@vitest/coverage-istanbul": "^0.34.3",
     "@vue/consolidate": "0.17.3",
+    "ast-kit": "^0.11.2",
     "chalk": "^4.1.0",
     "conventional-changelog-cli": "^2.0.31",
     "enquirer": "^2.3.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a2f09700fc0..b04ad0c50f5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,6 +47,9 @@ importers:
       '@vue/consolidate':
         specifier: 0.17.3
         version: 0.17.3
+      ast-kit:
+        specifier: ^0.11.2
+        version: 0.11.2(rollup@3.26.2)
       chalk:
         specifier: ^4.1.0
         version: 4.1.2
@@ -601,12 +604,20 @@ packages:
     dependencies:
       '@babel/types': 7.21.3
 
+  /@babel/parser@7.22.16:
+    resolution: {integrity: sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.21.3
+    dev: true
+
   /@babel/template@7.20.7:
     resolution: {integrity: sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.22.10
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.22.16
       '@babel/types': 7.21.3
     dev: true
 
@@ -620,7 +631,7 @@ packages:
       '@babel/helper-function-name': 7.21.0
       '@babel/helper-hoist-variables': 7.18.6
       '@babel/helper-split-export-declaration': 7.18.6
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.22.16
       '@babel/types': 7.21.3
       debug: 4.3.4
       globals: 11.12.0
@@ -1358,6 +1369,21 @@ packages:
       rollup: 3.26.2
     dev: true
 
+  /@rollup/pluginutils@5.0.4(rollup@3.26.2):
+    resolution: {integrity: sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.0
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 3.26.2
+    dev: true
+
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
@@ -1815,6 +1841,17 @@ packages:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
 
+  /ast-kit@0.11.2(rollup@3.26.2):
+    resolution: {integrity: sha512-Q0DjXK4ApbVoIf9GLyCo252tUH44iTnD/hiJ2TQaJeydYWSpKk0sI34+WMel8S9Wt5pbLgG02oJ+gkgX5DV3sQ==}
+    engines: {node: '>=16.14.0'}
+    dependencies:
+      '@babel/parser': 7.22.16
+      '@rollup/pluginutils': 5.0.4(rollup@3.26.2)
+      pathe: 1.1.1
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
   /ast-types@0.13.4:
     resolution: {integrity: sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==}
     engines: {node: '>=4'}
@@ -2178,7 +2215,7 @@ packages:
   /constantinople@4.0.1:
     resolution: {integrity: sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.22.16
       '@babel/types': 7.21.3
     dev: true
 
@@ -6222,7 +6259,7 @@ packages:
     resolution: {integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==}
     engines: {node: '>= 10.0.0'}
     dependencies:
-      '@babel/parser': 7.21.3
+      '@babel/parser': 7.22.16
       '@babel/types': 7.21.3
       assert-never: 1.2.1
       babel-walk: 3.0.0-canary-5
diff --git a/scripts/const-enum.js b/scripts/const-enum.js
index 6b27fff0edb..56be46034b4 100644
--- a/scripts/const-enum.js
+++ b/scripts/const-enum.js
@@ -25,6 +25,7 @@ import {
 import { parse } from '@babel/parser'
 import path from 'node:path'
 import MagicString from 'magic-string'
+import { locateTrailingComma } from 'ast-kit'
 
 const ENUM_CACHE_PATH = 'temp/enum.json'
 
@@ -227,15 +228,22 @@ export function constEnum() {
                 enumData.ids.includes(spec.local.name)
               ) {
                 const next = node.specifiers[i + 1]
-                if (next) {
-                  // @ts-ignore
-                  s.remove(spec.start, next.start)
-                } else {
-                  // last one
-                  const prev = node.specifiers[i - 1]
-                  // @ts-ignore
-                  s.remove(prev ? prev.end : spec.start, spec.end)
-                }
+                const trailingComma = locateTrailingComma(
+                  code,
+                  // @ts-expect-error
+                  spec.end,
+                  next
+                    ? next.start
+                    : node.source
+                    ? node.source.start
+                    : node.end,
+                )
+
+                s.remove(
+                  // @ts-expect-error
+                  spec.start,
+                  trailingComma !== -1 ? trailingComma + 1 : spec.end,
+                )
               }
             }
           }