Merge branch 'main' into fix-node-insertBefore

.github/workflows/autofix.yml

@@ -30,4 +30,4 @@ jobs:
  - name: Run prettier
  run: pnpm run format
 
- - uses: autofix-ci/action@d3e591514b99d0fca6779455ff8338516663f7cc
+ - uses: autofix-ci/action@bee19d72e71787c12ca0f29de72f2833e437e4c9

.github/workflows/ci.yml

@@ -58,6 +58,31 @@ jobs:
  - name: Run ssr unit tests
  run: pnpm run test-unit server-renderer
 
+ benchmarks:
+ 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@v4
+
+ - name: Install pnpm
+ uses: pnpm/action-setup@v2
+
+ - name: Install Node.js
+ uses: actions/setup-node@v4
+ with:
+ node-version-file: '.node-version'
+ cache: 'pnpm'
+
+ - run: pnpm install
+
+ - name: Run benchmarks
+ uses: CodSpeedHQ/action@v2
+ with:
+ run: pnpm vitest bench --run
+ token: ${{ secrets.CODSPEED_TOKEN }}
+
  e2e-test:
  runs-on: ubuntu-latest
  if: github.event_name == 'push' || github.event.pull_request.head.repo.full_name != github.repository

.github/workflows/ecosystem-ci-trigger.yml

@@ -9,7 +9,7 @@ jobs:
  runs-on: ubuntu-latest
  if: github.repository == 'vuejs/core' && github.event.issue.pull_request && startsWith(github.event.comment.body, '/ecosystem-ci run')
  steps:
- - uses: actions/github-script@v6
+ - uses: actions/github-script@v7
  with:
  script: |
  const user = context.payload.sender.login
@@ -43,7 +43,7 @@ jobs:
  })
  throw new Error('not allowed')
  }
- - uses: actions/github-script@v6
+ - uses: actions/github-script@v7
  id: get-pr-data
  with:
  script: |
@@ -58,7 +58,7 @@ jobs:
  branchName: pr.head.ref,
  repo: pr.head.repo.full_name
  }
- - uses: actions/github-script@v6
+ - uses: actions/github-script@v7
  id: trigger
  env:
  COMMENT: ${{ github.event.comment.body }}

.github/workflows/lock-closed-issues.yml

@@ -12,7 +12,7 @@ jobs:
  if: github.repository == 'vuejs/core'
  runs-on: ubuntu-latest
  steps:
- - uses: dessant/lock-threads@v4
+ - uses: dessant/lock-threads@v5
  with:
  github-token: ${{ secrets.GITHUB_TOKEN }}
  issue-inactive-days: '14'

package.json

@@ -1,7 +1,7 @@
 {
  "private": true,
- "version": "3.3.8",
- "packageManager": "pnpm@8.10.2",
+ "version": "3.3.13",
+ "packageManager": "pnpm@8.12.1",
  "type": "module",
  "scripts": {
  "dev": "node scripts/dev.js",
@@ -22,19 +22,21 @@
  "test-dts": "run-s build-dts test-dts-only",
  "test-dts-only": "tsc -p ./packages/dts-test/tsconfig.test.json",
  "test-coverage": "vitest -c vitest.unit.config.ts --coverage",
+ "test-bench": "vitest bench",
  "release": "node scripts/release.js",
  "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
  "dev-esm": "node scripts/dev.js -if esm-bundler-runtime",
  "dev-compiler": "run-p \"dev template-explorer\" serve",
  "dev-sfc": "run-s dev-sfc-prepare dev-sfc-run",
- "dev-sfc-prepare": "node scripts/pre-dev-sfc.js || npm run build-compiler-cjs",
+ "dev-sfc-prepare": "node scripts/pre-dev-sfc.js || npm run build-all-cjs",
  "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",
+ "dev-sfc-run": "run-p \"dev compiler-sfc -f esm-browser\" \"dev vue -if esm-bundler-runtime\" \"dev vue -ipf esm-browser-runtime\" \"dev server-renderer -if esm-bundler\" dev-sfc-serve",
  "serve": "serve",
  "open": "open http://localhost:3000/packages/template-explorer/local.html",
- "build-sfc-playground": "run-s build-all-cjs build-runtime-esm build-ssr-esm build-sfc-playground-self",
+ "build-sfc-playground": "run-s build-all-cjs build-runtime-esm build-browser-esm build-ssr-esm build-sfc-playground-self",
  "build-all-cjs": "node scripts/build.js vue runtime compiler reactivity 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",
+ "build-browser-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler && node scripts/build.js vue -f esm-browser",
  "build-ssr-esm": "node scripts/build.js compiler-sfc server-renderer -f esm-browser",
  "build-sfc-playground-self": "cd packages/sfc-playground && npm run build",
  "preinstall": "npx only-allow pnpm",
@@ -57,40 +59,41 @@
  "node": ">=18.12.0"
  },
  "devDependencies": {
- "@babel/parser": "^7.23.0",
- "@babel/types": "^7.23.0",
+ "@babel/parser": "^7.23.6",
+ "@babel/types": "^7.23.6",
+ "@codspeed/vitest-plugin": "^2.3.1",
  "@rollup/plugin-alias": "^5.0.1",
  "@rollup/plugin-commonjs": "^25.0.7",
  "@rollup/plugin-json": "^6.0.1",
  "@rollup/plugin-node-resolve": "^15.2.3",
  "@rollup/plugin-replace": "^5.0.4",
  "@rollup/plugin-terser": "^0.4.4",
- "@types/hash-sum": "^1.0.1",
- "@types/node": "^20.8.10",
- "@typescript-eslint/parser": "^6.9.1",
- "@vitest/coverage-istanbul": "^0.34.6",
+ "@types/hash-sum": "^1.0.2",
+ "@types/node": "^20.10.5",
+ "@typescript-eslint/parser": "^6.13.2",
+ "@vitest/coverage-istanbul": "^1.1.0",
  "@vue/consolidate": "0.17.3",
  "conventional-changelog-cli": "^4.1.0",
  "enquirer": "^2.4.1",
  "esbuild": "^0.19.5",
  "esbuild-plugin-polyfill-node": "^0.3.0",
- "eslint": "^8.52.0",
+ "eslint": "^8.55.0",
  "eslint-plugin-jest": "^27.6.0",
  "estree-walker": "^2.0.2",
  "execa": "^8.0.1",
- "jsdom": "^22.1.0",
- "lint-staged": "^15.0.2",
+ "jsdom": "^23.0.1",
+ "lint-staged": "^15.2.0",
  "lodash": "^4.17.21",
  "magic-string": "^0.30.5",
  "markdown-table": "^3.0.3",
- "marked": "^9.1.4",
+ "marked": "^11.1.0",
  "minimist": "^1.2.8",
  "npm-run-all": "^4.1.5",
  "picocolors": "^1.0.0",
- "prettier": "^3.0.3",
+ "prettier": "^3.1.1",
  "pretty-bytes": "^6.1.1",
  "pug": "^3.0.2",
- "puppeteer": "~21.4.1",
+ "puppeteer": "~21.6.1",
  "rimraf": "^5.0.5",
  "rollup": "^4.1.4",
  "rollup-plugin-dts": "^6.1.0",
@@ -102,9 +105,9 @@
  "terser": "^5.22.0",
  "todomvc-app-css": "^2.4.3",
  "tslib": "^2.6.2",
- "tsx": "^3.14.0",
+ "tsx": "^4.7.0",
  "typescript": "^5.2.2",
- "vite": "^4.5.0",
- "vitest": "^0.34.6"
+ "vite": "^5.0.5",
+ "vitest": "^1.1.0"
  }
 }

packages/compiler-core/__tests__/__snapshots__/codegen.spec.ts.snap

@@ -48,12 +48,12 @@ exports[`compiler: codegen > Element (callExpression + objectExpression + Templa
 "
 return function render(_ctx, _cache) {
  with (_ctx) {
- return _createElementVNode(\\"div\\", {
- id: \\"foo\\",
+ return _createElementVNode("div", {
+ id: "foo",
  [prop]: bar,
  [foo + bar]: bar
  }, [
- _createElementVNode(\\"p\\", { \\"some-key\\": \\"foo\\" })
+ _createElementVNode("p", { "some-key": "foo" })
  ], 16)
  }
 }"
@@ -63,12 +63,12 @@ exports[`compiler: codegen > assets + temps 1`] = `
 "
 return function render(_ctx, _cache) {
  with (_ctx) {
- const _component_Foo = _resolveComponent(\\"Foo\\")
- const _component_bar_baz = _resolveComponent(\\"bar-baz\\")
- const _component_barbaz = _resolveComponent(\\"barbaz\\")
- const _component_Qux = _resolveComponent(\\"Qux\\", true)
- const _directive_my_dir_0 = _resolveDirective(\\"my_dir_0\\")
- const _directive_my_dir_1 = _resolveDirective(\\"my_dir_1\\")
+ const _component_Foo = _resolveComponent("Foo")
+ const _component_bar_baz = _resolveComponent("bar-baz")
+ const _component_barbaz = _resolveComponent("barbaz")
+ const _component_Qux = _resolveComponent("Qux", true)
+ const _directive_my_dir_0 = _resolveDirective("my_dir_0")
+ const _directive_my_dir_1 = _resolveDirective("my_dir_1")
  let _temp0, _temp1, _temp2
 
  return null
@@ -80,7 +80,7 @@ exports[`compiler: codegen > comment 1`] = `
 "
 return function render(_ctx, _cache) {
  with (_ctx) {
- return _createCommentVNode(\\"foo\\")
+ return _createCommentVNode("foo")
  }
 }"
 `;
@@ -135,7 +135,7 @@ return function render(_ctx, _cache) {
 exports[`compiler: codegen > hoists 1`] = `
 "
 const _hoisted_1 = hello
-const _hoisted_2 = { id: \\"foo\\" }
+const _hoisted_2 = { id: "foo" }
 
 return function render(_ctx, _cache) {
  with (_ctx) {
@@ -165,15 +165,15 @@ return function render(_ctx, _cache) {
 `;
 
 exports[`compiler: codegen > module mode preamble 1`] = `
-"import { createVNode as _createVNode, resolveDirective as _resolveDirective } from \\"vue\\"
+"import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue"
 
 export function render(_ctx, _cache) {
  return null
 }"
 `;
 
 exports[`compiler: codegen > module mode preamble w/ optimizeImports: true 1`] = `
-"import { createVNode, resolveDirective } from \\"vue\\"
+"import { createVNode, resolveDirective } from "vue"
 
 // Binding optimization for webpack code-split
 const _createVNode = createVNode, _resolveDirective = resolveDirective
@@ -187,7 +187,7 @@ exports[`compiler: codegen > static text 1`] = `
 "
 return function render(_ctx, _cache) {
  with (_ctx) {
- return \\"hello\\"
+ return "hello"
  }
 }"
 `;

packages/compiler-core/__tests__/__snapshots__/compile.spec.ts.snap

@@ -7,19 +7,19 @@ return function render(_ctx, _cache) {
  with (_ctx) {
  const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass } = _Vue
 
- return (_openBlock(), _createElementBlock(\\"div\\", {
- id: \\"foo\\",
+ return (_openBlock(), _createElementBlock("div", {
+ id: "foo",
  class: _normalizeClass(bar.baz)
  }, [
- _createTextVNode(_toDisplayString(world.burn()) + \\" \\", 1 /* TEXT */),
+ _createTextVNode(_toDisplayString(world.burn()) + " ", 1 /* TEXT */),
  ok
- ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, \\"yes\\"))
+ ? (_openBlock(), _createElementBlock("div", { key: 0 }, "yes"))
  : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
- _createTextVNode(\\"no\\")
+ _createTextVNode("no")
  ], 64 /* STABLE_FRAGMENT */)),
  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(list, (value, index) => {
- return (_openBlock(), _createElementBlock(\\"div\\", null, [
- _createElementVNode(\\"span\\", null, _toDisplayString(value + index), 1 /* TEXT */)
+ return (_openBlock(), _createElementBlock("div", null, [
+ _createElementVNode("span", null, _toDisplayString(value + index), 1 /* TEXT */)
  ]))
  }), 256 /* UNKEYED_FRAGMENT */))
  ], 2 /* CLASS */))
@@ -31,42 +31,42 @@ exports[`compiler: integration tests > function mode w/ prefixIdentifiers: true
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, Fragment: _Fragment, renderList: _renderList, createElementVNode: _createElementVNode, normalizeClass: _normalizeClass } = Vue
 
 return function render(_ctx, _cache) {
- return (_openBlock(), _createElementBlock(\\"div\\", {
- id: \\"foo\\",
+ return (_openBlock(), _createElementBlock("div", {
+ id: "foo",
  class: _normalizeClass(_ctx.bar.baz)
  }, [
- _createTextVNode(_toDisplayString(_ctx.world.burn()) + \\" \\", 1 /* TEXT */),
+ _createTextVNode(_toDisplayString(_ctx.world.burn()) + " ", 1 /* TEXT */),
  (_ctx.ok)
- ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, \\"yes\\"))
+ ? (_openBlock(), _createElementBlock("div", { key: 0 }, "yes"))
  : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
- _createTextVNode(\\"no\\")
+ _createTextVNode("no")
  ], 64 /* STABLE_FRAGMENT */)),
  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, (value, index) => {
- return (_openBlock(), _createElementBlock(\\"div\\", null, [
- _createElementVNode(\\"span\\", null, _toDisplayString(value + index), 1 /* TEXT */)
+ return (_openBlock(), _createElementBlock("div", null, [
+ _createElementVNode("span", null, _toDisplayString(value + index), 1 /* TEXT */)
  ]))
  }), 256 /* UNKEYED_FRAGMENT */))
  ], 2 /* CLASS */))
 }"
 `;
 
 exports[`compiler: integration tests > module mode 1`] = `
-"import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, renderList as _renderList, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from \\"vue\\"
+"import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, renderList as _renderList, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue"
 
 export function render(_ctx, _cache) {
- return (_openBlock(), _createElementBlock(\\"div\\", {
- id: \\"foo\\",
+ return (_openBlock(), _createElementBlock("div", {
+ id: "foo",
  class: _normalizeClass(_ctx.bar.baz)
  }, [
- _createTextVNode(_toDisplayString(_ctx.world.burn()) + \\" \\", 1 /* TEXT */),
+ _createTextVNode(_toDisplayString(_ctx.world.burn()) + " ", 1 /* TEXT */),
  (_ctx.ok)
- ? (_openBlock(), _createElementBlock(\\"div\\", { key: 0 }, \\"yes\\"))
+ ? (_openBlock(), _createElementBlock("div", { key: 0 }, "yes"))
  : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
- _createTextVNode(\\"no\\")
+ _createTextVNode("no")
  ], 64 /* STABLE_FRAGMENT */)),
  (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, (value, index) => {
- return (_openBlock(), _createElementBlock(\\"div\\", null, [
- _createElementVNode(\\"span\\", null, _toDisplayString(value + index), 1 /* TEXT */)
+ return (_openBlock(), _createElementBlock("div", null, [
+ _createElementVNode("span", null, _toDisplayString(value + index), 1 /* TEXT */)
  ]))
  }), 256 /* UNKEYED_FRAGMENT */))
  ], 2 /* CLASS */))