Merge branch 'main' into edison/fix/11775

CHANGELOG.md

@@ -1,3 +1,79 @@
+# [3.5.0](https://github.com/vuejs/core/compare/v3.5.0-rc.1...v3.5.0) (2024-09-03)
+
+## Aggregated Features List for 3.5 (alpha to stable)
+
+### Reactivity
+
+- **reactivity**: Refactor reactivity system to use version counting and doubly-linked list tracking ([#10397](https://github.com/vuejs/core/pull/10397)) ([05eb4e0](https://github.com/vuejs/core/commit/05eb4e0fefd585125dd60b7f8fe9c36928d921aa))
+- **reactivity**: Optimize array tracking ([#9511](https://github.com/vuejs/core/pull/9511)) ([70196a4](https://github.com/vuejs/core/commit/70196a40cc078f50fcc1110c38c06fbcc70b205e))
+- **compiler-sfc:** enable reactive props destructure by default ([d2dac0e](https://github.com/vuejs/core/commit/d2dac0e359c47d1ed0aa77eda488e76fd6466d2d))
+- **reactivity:** `onEffectCleanup` API ([2cc5615](https://github.com/vuejs/core/commit/2cc5615590de77126e8df46136de0240dbde5004)), closes [#10173](https://github.com/vuejs/core/issues/10173)
+- **reactivity:** add `failSilently` argument for `onScopeDispose` ([9a936aa](https://github.com/vuejs/core/commit/9a936aaec489c79433a32791ecf5ddb1739a62bd))
+- **reactivity/watch:** base `watch`, `getCurrentWatcher`, and `onWatcherCleanup` ([#9927](https://github.com/vuejs/core/issues/9927)) ([205e5b5](https://github.com/vuejs/core/commit/205e5b5e277243c3af2c937d9bd46cf671296b72))
+- **reactivity/watch:** add pause/resume for ReactiveEffect, EffectScope, and WatchHandle ([#9651](https://github.com/vuejs/core/issues/9651)) ([267093c](https://github.com/vuejs/core/commit/267093c31490050bfcf3ff2b30a2aefee2dad582))
+- **watch:** support passing number to `deep` option to control the watch depth ([#9572](https://github.com/vuejs/core/issues/9572)) ([22f7d96](https://github.com/vuejs/core/commit/22f7d96757956ebe0baafe52256aa327908cc51c))
+- **types:** export `MultiWatchSources` type ([#9563](https://github.com/vuejs/core/issues/9563)) ([998dca5](https://github.com/vuejs/core/commit/998dca59f140420280803233f41707580688562c))
+- **types:** allow computed getter and setter types to be unrelated ([#11472](https://github.com/vuejs/core/issues/11472)) ([a01675e](https://github.com/vuejs/core/commit/a01675ef8f99b5acd6832c53051f4415b18609f2)), closes [#7271](https://github.com/vuejs/core/issues/7271)
+
+### SSR
+
+- **runtime-core:** `useId()` and `app.config.idPrefix` ([#11404](https://github.com/vuejs/core/issues/11404)) ([73ef156](https://github.com/vuejs/core/commit/73ef1561f6905d69f968c094d0180c61824f1247))
+- **hydration:** lazy hydration strategies for async components ([#11458](https://github.com/vuejs/core/issues/11458)) ([d14a11c](https://github.com/vuejs/core/commit/d14a11c1cdcee88452f17ce97758743c863958f4))
+- **hydration:** support suppressing hydration mismatch via data-allow-mismatch ([94fb2b8](https://github.com/vuejs/core/commit/94fb2b8106a66bcca1a3f922a246a29fdd1274b1))
+
+### Custom Element
+
+- **custom-element:** `useHost()` helper ([775103a](https://github.com/vuejs/core/commit/775103af37df69d34c79f12c4c1776c47d07f0a0))
+- **custom-element:** `useShadowRoot()` helper ([5a1a89b](https://github.com/vuejs/core/commit/5a1a89bd6178cc2f84ba91da7d72aee4c6ec1282)), closes [#6113](https://github.com/vuejs/core/issues/6113) [#8195](https://github.com/vuejs/core/issues/8195)
+- **custom-element:** expose `this.$host` in Options API ([1ef8f46](https://github.com/vuejs/core/commit/1ef8f46af0cfdec2fed66376772409e0aa25ad50))
+- **custom-element:** inject child components styles to custom element shadow root ([#11517](https://github.com/vuejs/core/issues/11517)) ([56c76a8](https://github.com/vuejs/core/commit/56c76a8b05c45f782ed3a16ec77c6292b71a17f1)), closes [#4662](https://github.com/vuejs/core/issues/4662) [#7941](https://github.com/vuejs/core/issues/7941) [#7942](https://github.com/vuejs/core/issues/7942)
+- **custom-element:** support configurable app instance in defineCustomElement ([6758c3c](https://github.com/vuejs/core/commit/6758c3cd0427f97394d95168c655dae3b7fa62cd)), closes [#4356](https://github.com/vuejs/core/issues/4356) [#4635](https://github.com/vuejs/core/issues/4635)
+- **custom-element:** support css `:host` selector by applying css vars on host element ([#8830](https://github.com/vuejs/core/issues/8830)) ([03a9ea2](https://github.com/vuejs/core/commit/03a9ea2b88df0842a820e09f7445c4b9189e3fcb)), closes [#8826](https://github.com/vuejs/core/issues/8826)
+- **custom-element:** support emit with options ([e181bff](https://github.com/vuejs/core/commit/e181bff6dc39d5cef92000c10291243c7d6e4d08)), closes [#7605](https://github.com/vuejs/core/issues/7605)
+- **custom-element:** support expose on customElement ([#6256](https://github.com/vuejs/core/issues/6256)) ([af838c1](https://github.com/vuejs/core/commit/af838c1b5ec23552e52e64ffa7db0eb0246c3624)), closes [#5540](https://github.com/vuejs/core/issues/5540)
+- **custom-element:** support `nonce` option for injected style tags ([bb4a02a](https://github.com/vuejs/core/commit/bb4a02a70c30e739a3c705b3d96d09258d7d7ded)), closes [#6530](https://github.com/vuejs/core/issues/6530)
+- **custom-element:** support passing custom-element-specific options via 2nd argument of defineCustomElement ([60a88a2](https://github.com/vuejs/core/commit/60a88a2b129714186cf6ba66f30f31d733d0311e))
+- **custom-element:** support `shadowRoot: false` in `defineCustomElement()` ([37d2ce5](https://github.com/vuejs/core/commit/37d2ce5d8e0fac4a00064f02b05f91f69b2d5d5e)), closes [#4314](https://github.com/vuejs/core/issues/4314) [#4404](https://github.com/vuejs/core/issues/4404)
+
+### Teleport
+
+- **teleport:** support deferred Teleport ([#11387](https://github.com/vuejs/core/issues/11387)) ([59a3e88](https://github.com/vuejs/core/commit/59a3e88903b10ac2278170a44d5a03f24fef23ef)), closes [#2015](https://github.com/vuejs/core/issues/2015) [#11386](https://github.com/vuejs/core/issues/11386)
+- **teleport/transition:** support directly nesting Teleport inside Transition ([#6548](https://github.com/vuejs/core/issues/6548)) ([0e6e3c7](https://github.com/vuejs/core/commit/0e6e3c7eb0e5320b7c1818e025cb4a490fede9c0)), closes [#5836](https://github.com/vuejs/core/issues/5836)
+
+### Misc
+
+- **runtime-core:** `useTemplateRef()` ([3ba70e4](https://github.com/vuejs/core/commit/3ba70e49b5856c53611c314d4855d679a546a7df))
+- **runtime-core:** add `app.onUnmount()` for registering cleanup functions ([#4619](https://github.com/vuejs/core/issues/4619)) ([582a3a3](https://github.com/vuejs/core/commit/582a3a382b1adda565bac576b913a88d9e8d7a9e)), closes [#4516](https://github.com/vuejs/core/issues/4516)
+- **runtime-core:** add `app.config.throwUnhandledErrorInProduction` ([f476b7f](https://github.com/vuejs/core/commit/f476b7f030f2dd427ca655fcea36f4933a4b4da0)), closes [#7876](https://github.com/vuejs/core/issues/7876)
+- **runtime-dom:** Trusted Types compatibility ([#10844](https://github.com/vuejs/core/issues/10844)) ([6d4eb94](https://github.com/vuejs/core/commit/6d4eb94853ed1b2b1675bdd7d5ba9c75cc6daed5))
+- **compiler-core:** support `Symbol` global in template expressions ([#9069](https://github.com/vuejs/core/issues/9069)) ([a501a85](https://github.com/vuejs/core/commit/a501a85a7c910868e01a5c70a2abea4e9d9e87f3))
+- **types:** export more emit related types ([#11017](https://github.com/vuejs/core/issues/11017)) ([189573d](https://github.com/vuejs/core/commit/189573dcee2a16bd3ed36ff5589d43f535e5e733))
+* **types:** add loading prop to iframe ([#11767](https://github.com/vuejs/core/issues/11767)) ([d86fe0e](https://github.com/vuejs/core/commit/d86fe0ec002901dc359a0e85f3a421b4a8538d68))
+
+### Internals
+
+- **reactivity:** store value cache on CustomRefs impls ([#11539](https://github.com/vuejs/core/issues/11539)) ([e044b6e](https://github.com/vuejs/core/commit/e044b6e737efc9433d1d84590036b82280da6292))
+- **types:** provide internal options for directly using user types in language tools ([#10801](https://github.com/vuejs/core/issues/10801)) ([75c8cf6](https://github.com/vuejs/core/commit/75c8cf63a1ef30ac84f91282d66ad3f57c6612e9))
+- **types:** provide internal options for using refs type in language tools ([#11492](https://github.com/vuejs/core/issues/11492)) ([5ffd1a8](https://github.com/vuejs/core/commit/5ffd1a89455807d5069eb2c28eba0379641dca76))
+
+
+
+## Bug Fixes
+
+* **compiler-sfc:** fix import usage check for kebab-case same name shorthand binding ([0f7c0e5](https://github.com/vuejs/core/commit/0f7c0e5dc0eedada7a5194db87fd0a7dbd1d3354)), closes [#11745](https://github.com/vuejs/core/issues/11745) [#11754](https://github.com/vuejs/core/issues/11754)
+* **cssVars:** correctly escape double quotes in SSR ([#11784](https://github.com/vuejs/core/issues/11784)) ([7b5b6e0](https://github.com/vuejs/core/commit/7b5b6e0275f35748dca6d7eb842f8ab2364c6b9a)), closes [#11779](https://github.com/vuejs/core/issues/11779)
+* **deps:** update dependency postcss to ^8.4.44 ([#11774](https://github.com/vuejs/core/issues/11774)) ([cb843e0](https://github.com/vuejs/core/commit/cb843e0be31f9e563ccfc30eca0c06f2a224b505))
+* **hydration:** escape css var name to avoid mismatch ([#11739](https://github.com/vuejs/core/issues/11739)) ([ca12e77](https://github.com/vuejs/core/commit/ca12e776bc53aaa31f2df6bb6edc6be1b2f10c37)), closes [#11735](https://github.com/vuejs/core/issues/11735)
+* **hydration:** handle text nodes with 0 during hydration ([#11772](https://github.com/vuejs/core/issues/11772)) ([c756da2](https://github.com/vuejs/core/commit/c756da24b2d8635cf52b4c7d3abf5bf938852cc5)), closes [#11771](https://github.com/vuejs/core/issues/11771)
+* **reactivity:** correctly handle method calls on user-extended arrays ([#11760](https://github.com/vuejs/core/issues/11760)) ([9817c80](https://github.com/vuejs/core/commit/9817c80187bec6a3344c74d65fac92262de0fcdd)), closes [#11759](https://github.com/vuejs/core/issues/11759)
+* **runtime-dom:** avoid unnecessary prop patch for checkbox ([#11657](https://github.com/vuejs/core/issues/11657)) ([c3ce9fe](https://github.com/vuejs/core/commit/c3ce9fe3d8fc27d864ce7148cd36da882cfc21ab)), closes [#11647](https://github.com/vuejs/core/issues/11647)
+* **runtime-dom:** prevent unnecessary DOM update from v-model ([#11656](https://github.com/vuejs/core/issues/11656)) ([b1be9bd](https://github.com/vuejs/core/commit/b1be9bd64f2c7c4286fecb25bad5d5edd49efce9)), closes [#11647](https://github.com/vuejs/core/issues/11647)
+* **server-renderer:** Fix call to serverPrefetch in server renderer with an async setup ([#10893](https://github.com/vuejs/core/issues/10893)) ([6039e25](https://github.com/vuejs/core/commit/6039e25e04a8c1db5821955f011d57f1615807ab))
+* **server-renderer:** render `className` during SSR ([#11722](https://github.com/vuejs/core/issues/11722)) ([52cdb0f](https://github.com/vuejs/core/commit/52cdb0f991dc154ae32a2900874d5dbc4e078565))
+* **types/defineModel:** allow getter and setter types to be unrelated ([#11699](https://github.com/vuejs/core/issues/11699)) ([fe07f70](https://github.com/vuejs/core/commit/fe07f7073617df358c2f8cbc3de433359e873c96)), closes [#11697](https://github.com/vuejs/core/issues/11697)
+
+
+
 # [3.5.0-rc.1](https://github.com/vuejs/core/compare/v3.5.0-beta.3...v3.5.0-rc.1) (2024-08-29)
 
 

package.json

@@ -1,6 +1,6 @@
 {
  "private": true,
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "packageManager": "pnpm@9.9.0",
  "type": "module",
  "scripts": {
@@ -66,9 +66,9 @@
  "@rollup/plugin-json": "^6.1.0",
  "@rollup/plugin-node-resolve": "^15.2.3",
  "@rollup/plugin-replace": "5.0.4",
- "@swc/core": "^1.7.19",
+ "@swc/core": "^1.7.23",
  "@types/hash-sum": "^1.0.2",
- "@types/node": "^20.16.2",
+ "@types/node": "^20.16.3",
  "@types/semver": "^7.5.8",
  "@types/serve-handler": "^6.1.4",
  "@vitest/coverage-v8": "^2.0.5",
@@ -82,19 +82,19 @@
  "eslint-plugin-vitest": "^0.5.4",
  "estree-walker": "catalog:",
  "jsdom": "^25.0.0",
- "lint-staged": "^15.2.9",
+ "lint-staged": "^15.2.10",
  "lodash": "^4.17.21",
  "magic-string": "^0.30.11",
  "markdown-table": "^3.0.3",
  "marked": "13.0.3",
  "npm-run-all2": "^6.2.2",
- "picocolors": "^1.0.1",
+ "picocolors": "^1.1.0",
  "prettier": "^3.3.3",
  "pretty-bytes": "^6.1.1",
  "pug": "^3.0.3",
  "puppeteer": "~23.0.2",
  "rimraf": "^6.0.1",
- "rollup": "^4.21.1",
+ "rollup": "^4.21.2",
  "rollup-plugin-dts": "^6.1.1",
  "rollup-plugin-esbuild": "^6.1.1",
  "rollup-plugin-polyfill-node": "^0.13.0",
@@ -106,7 +106,7 @@
  "tslib": "^2.7.0",
  "tsx": "^4.19.0",
  "typescript": "~5.5.4",
- "typescript-eslint": "^8.3.0",
+ "typescript-eslint": "^8.4.0",
  "vite": "catalog:",
  "vitest": "^2.0.5"
  },

packages-private/dts-test/setupHelpers.test-d.ts

@@ -427,6 +427,51 @@ describe('defineModel', () => {
  defineModel<string>({ default: 123 })
  // @ts-expect-error unknown props option
  defineModel({ foo: 123 })
+
+ // unrelated getter and setter types
+ {
+ const modelVal = defineModel({
+ get(_: string[]): string {
+ return ''
+ },
+ set(_: number) {
+ return 1
+ },
+ })
+ expectType<string | undefined>(modelVal.value)
+ modelVal.value = 1
+ modelVal.value = undefined
+ // @ts-expect-error
+ modelVal.value = 'foo'
+
+ const [modelVal2] = modelVal
+ expectType<string | undefined>(modelVal2.value)
+ modelVal2.value = 1
+ modelVal2.value = undefined
+ // @ts-expect-error
+ modelVal.value = 'foo'
+
+ const count = defineModel('count', {
+ get(_: string[]): string {
+ return ''
+ },
+ set(_: number) {
+ return ''
+ },
+ })
+ expectType<string | undefined>(count.value)
+ count.value = 1
+ count.value = undefined
+ // @ts-expect-error
+ count.value = 'foo'
+
+ const [count2] = count
+ expectType<string | undefined>(count2.value)
+ count2.value = 1
+ count2.value = undefined
+ // @ts-expect-error
+ count2.value = 'foo'
+ }
 })
 
 describe('useModel', () => {

packages-private/sfc-playground/src/download/template/package.json

@@ -11,7 +11,7 @@
  "vue": "^3.4.0"
  },
  "devDependencies": {
- "@vitejs/plugin-vue": "^5.1.2",
+ "@vitejs/plugin-vue": "^5.1.3",
  "vite": "^5.4.2"
  }
 }

packages/compiler-core/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@vue/compiler-core",
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "description": "@vue/compiler-core",
  "main": "index.js",
  "module": "dist/compiler-core.esm-bundler.js",

packages/compiler-dom/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@vue/compiler-dom",
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "description": "@vue/compiler-dom",
  "main": "index.js",
  "module": "dist/compiler-dom.esm-bundler.js",

packages/compiler-sfc/__tests__/__snapshots__/compileScript.spec.ts.snap

@@ -880,11 +880,13 @@ export default {
 
  const count = ref(0)
  const style = { color: 'red' }
+ const height = ref(0)
  
 return (_ctx, _push, _parent, _attrs) => {
  const _cssVars = { style: {
  "--xxxxxxxx-count": (count.value),
- "--xxxxxxxx-style\\\\.color": (style.color)
+ "--xxxxxxxx-style\\\\.color": (style.color),
+ "--xxxxxxxx-height\\\\ \\\\+\\\\ \\\\\\"px\\\\\\"": (height.value + "px")
 }}
  _push(\`<!--[--><div\${
  _ssrRenderAttrs(_cssVars)

packages/compiler-sfc/__tests__/compileScript.spec.ts

@@ -606,6 +606,7 @@ describe('SFC compile <script setup>', () => {
  import { ref } from 'vue'
  const count = ref(0)
  const style = { color: 'red' }
+ const height = ref(0)
  </script>
  <template>
  <div>{{ count }}</div>
@@ -614,6 +615,7 @@ describe('SFC compile <script setup>', () => {
  <style>
  div { color: v-bind(count) }
  span { color: v-bind(style.color) }
+ span { color: v-bind(height + "px") }
  </style>
  `,
  {
@@ -629,6 +631,9 @@ describe('SFC compile <script setup>', () => {
  expect(content).not.toMatch(`useCssVars`)
  expect(content).toMatch(`"--${mockId}-count": (count.value)`)
  expect(content).toMatch(`"--${mockId}-style\\\\.color": (style.color)`)
+ expect(content).toMatch(
+ `"--${mockId}-height\\\\ \\\\+\\\\ \\\\\\"px\\\\\\"": (height.value + "px")`,
+ )
  assertCode(content)
  })
 

packages/compiler-sfc/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@vue/compiler-sfc",
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "description": "@vue/compiler-sfc",
  "main": "dist/compiler-sfc.cjs.js",
  "module": "dist/compiler-sfc.esm-browser.js",
@@ -49,7 +49,7 @@
  "@vue/shared": "workspace:*",
  "estree-walker": "catalog:",
  "magic-string": "catalog:",
- "postcss": "^8.4.41",
+ "postcss": "^8.4.44",
  "source-map-js": "catalog:"
  },
  "devDependencies": {

packages/compiler-sfc/src/script/utils.ts

@@ -121,15 +121,3 @@ export const propNameEscapeSymbolsRE: RegExp =
 export function getEscapedPropName(key: string): string {
  return propNameEscapeSymbolsRE.test(key) ? JSON.stringify(key) : key
 }
-
-export const cssVarNameEscapeSymbolsRE: RegExp =
- /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g
-
-export function getEscapedCssVarName(
- key: string,
- doubleEscape: boolean,
-): string {
- return key.replace(cssVarNameEscapeSymbolsRE, s =>
- doubleEscape ? `\\\\${s}` : `\\${s}`,
- )
-}

packages/compiler-sfc/src/style/cssVars.ts

@@ -8,9 +8,9 @@ import {
  processExpression,
 } from '@vue/compiler-dom'
 import type { SFCDescriptor } from '../parse'
-import { getEscapedCssVarName } from '../script/utils'
 import type { PluginCreator } from 'postcss'
 import hash from 'hash-sum'
+import { getEscapedCssVarName } from '@vue/shared'
 
 export const CSS_VARS_HELPER = `useCssVars`
 

packages/compiler-ssr/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@vue/compiler-ssr",
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "description": "@vue/compiler-ssr",
  "main": "dist/compiler-ssr.cjs.js",
  "types": "dist/compiler-ssr.d.ts",

packages/reactivity/__tests__/reactiveArray.spec.ts

@@ -724,6 +724,27 @@ describe('reactivity/reactive/Array', () => {
  expect(state.things.forEach('foo', 'bar', 'baz')).toBeUndefined()
  expect(state.things.map('foo', 'bar', 'baz')).toEqual(['1', '2', '3'])
  expect(state.things.some('foo', 'bar', 'baz')).toBe(true)
+
+ {
+ class Collection extends Array {
+ find(matcher: any) {
+ return super.find(matcher)
+ }
+ }
+
+ const state = reactive({
+ // @ts-expect-error
+ things: new Collection({ foo: '' }),
+ })
+
+ const bar = computed(() => {
+ return state.things.find((obj: any) => obj.foo === 'bar')
+ })
+ bar.value
+ state.things[0].foo = 'bar'
+
+ expect(bar.value).toEqual({ foo: 'bar' })
+ }
  })
  })
 })

packages/reactivity/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@vue/reactivity",
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "description": "@vue/reactivity",
  "main": "index.js",
  "module": "dist/reactivity.esm-bundler.js",

packages/reactivity/src/arrayInstrumentations.ts

@@ -242,9 +242,13 @@ function apply(
  const needsWrap = arr !== self && !isShallow(self)
  // @ts-expect-error our code is limited to es2016 but user code is not
  const methodFn = arr[method]
- // @ts-expect-error
- if (methodFn !== arrayProto[method]) {
- const result = methodFn.apply(arr, args)
+
+ // #11759
+ // If the method being called is from a user-extended Array, the arguments will be unknown
+ // (unknown order and unknown parameter types). In this case, we skip the shallowReadArray
+ // handling and directly call apply with self.
+ if (methodFn !== arrayProto[method as any]) {
+ const result = methodFn.apply(self, args)
  return needsWrap ? toReactive(result) : result
  }
 

packages/runtime-core/__tests__/hydration.spec.ts

@@ -2021,6 +2021,26 @@ describe('SSR hydration', () => {
  app.mount(container)
  expect(`Hydration style mismatch`).not.toHaveBeenWarned()
  })
+
+ test('escape css var name', () => {
+ const container = document.createElement('div')
+ container.innerHTML = `<div style="padding: 4px;--foo\\.bar:red;"></div>`
+ const app = createSSRApp({
+ setup() {
+ useCssVars(() => ({
+ 'foo.bar': 'red',
+ }))
+ return () => h(Child)
+ },
+ })
+ const Child = {
+ setup() {
+ return () => h('div', { style: 'padding: 4px' })
+ },
+ }
+ app.mount(container)
+ expect(`Hydration style mismatch`).not.toHaveBeenWarned()
+ })
  })
 
  describe('data-allow-mismatch', () => {

packages/runtime-core/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@vue/runtime-core",
- "version": "3.5.0-rc.1",
+ "version": "3.5.0",
  "description": "@vue/runtime-core",
  "main": "index.js",
  "module": "dist/runtime-core.esm-bundler.js",