chore(deps): update vue monorepo

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
vue (source)	3.5.9 -> 3.5.13
vue (source)	2.6.14 -> 2.7.16
vue-template-compiler (source)	2.6.14 -> 2.7.16

---

Release Notes

vuejs/core (vue)

v3.5.13

Compare Source

Bug Fixes

• compiler-core: handle v-memo + v-for with functional key (#​12014) (99009ee), closes #​12013
• compiler-dom: properly stringify template string style (#​12392) (2d78539), closes #​12391
• custom-element: avoid triggering mutationObserver when relecting props (352bc88), closes #​12214 #​12215
• deps: update dependency postcss to ^8.4.48 (#​12356) (b5ff930)
• hydration: the component vnode's el should be updated when a mismatch occurs. (#​12255) (a20a4cb), closes #​12253
• reactiivty: avoid unnecessary watcher effect removal from inactive scope (2193284), closes #​5783 #​5806
• reactivity: release nested effects/scopes on effect scope stop (#​12373) (bee2f5e), closes #​12370
• runtime-dom: set css vars before user onMounted hooks (2d5c5e2), closes #​11533
• runtime-dom: set css vars on update to handle child forcing reflow in onMount (#​11561) (c4312f9)
• ssr: avoid updating subtree of async component if it is resolved (#​12363) (da7ad5e), closes #​12362
• ssr: ensure v-text updates correctly with custom directives in SSR output (#​12311) (1f75d4e), closes #​12309
• ssr: handle initial selected state for select with v-model + v-for option (#​12399) (4f8d807), closes #​12395
• teleport: handle deferred teleport update before mounted (#​12168) (8bff142), closes #​12161
• templateRef: set ref on cached async component which wrapped in KeepAlive (#​12290) (983eb50), closes #​4999 #​5004
• test: update snapshot (#​12169) (828d4a4)
• Transition: fix transition memory leak edge case (#​12182) (660132d), closes #​12181
• transition: reflow before leave-active class after leave-from (#​12288) (4b479db), closes #​2593
• types: defineEmits w/ interface declaration (#​12343) (1022eab), closes #​8457
• v-once: setting hasOnce to current block only when in v-once (#​12374) (37300fc), closes #​12371

Performance Improvements

• reactivity: do not track inner key `__v_skip`` (#​11690) (d637bd6)
• runtime-core: use feature flag for call to resolveMergedOptions (#​12163) (1755ac0)

v3.5.12

Compare Source

Bug Fixes

• compiler-dom: avoid stringify option with null value (#​12096) (f6d9926), closes #​12093
• compiler-sfc: do not skip TSInstantiationExpression when transforming props destructure (#​12064) (d3ecde8)
• compiler-sfc: use sass modern api if available and avoid deprecation warning (#​11992) (4474c11)
• compiler: clone loc to ifNode (#​12131) (cde2c06), closes vuejs/language-tools#4911
• custom-element: properly remove hyphenated attribute (#​12143) (e16e9a7), closes #​12139
• defineModel: handle kebab-case model correctly (#​12063) (c0418a3), closes #​12060
• deps: update dependency monaco-editor to ^0.52.0 (#​12119) (f7cbea2)
• hydration: provide compat fallback for idle callback hydration strategy (#​11935) (1ae545a)
• reactivity: trigger reactivity for Map key undefined (#​12055) (7ad289e), closes #​12054
• runtime-core: allow symbol values for slot prop key (#​12069) (d9d4d4e), closes #​12068
• runtime-core: fix required prop check false positive for kebab-case edge cases (#​12034) (9da1ac1), closes #​12011
• runtime-dom: prevent unnecessary updates in v-model checkbox when value is unchanged (#​12146) (ea943af), closes #​12144
• teleport: handle disabled teleport with updateCssVars (#​12113) (76a8223), closes #​12112
• transition/ssr: make transition appear work with Suspense in SSR (#​12047) (f1a4f67), closes #​12046
• types: ensure this.$props type does not include string (#​12123) (704173e), closes #​12122
• types: retain union type narrowing with defaults applied (#​12108) (05685a9), closes #​12106
• useId: ensure useId consistency when using serverPrefetch (#​12128) (b4d3534), closes #​12102
• watch: watchEffect clean-up with SSR (#​12097) (b094c72), closes #​11956

Performance Improvements

• reactivity: avoid unnecessary recursion in removeSub (#​12135) (ec917cf)

v3.5.11

Compare Source

Bug Fixes

• compiler-sfc: do not skip TSSatisfiesExpression when transforming props destructure (#​12062) (2328b05), closes #​12061
• reactivity: prevent overwriting next property during batch processing (#​12075) (d3f5e6e), closes #​12072
• scheduler: job ordering when the post queue is flushing (#​12090) (577edca)
• types: correctly infer TypeProps when it is any (#​12073) (57315ab), closes #​12058
• types: should not intersect PublicProps with Props (#​12077) (6f85894)
• types: infer the first generic type of Ref correctly (#​12094) (c97bb84)

v3.5.10

Compare Source

Bug Fixes

• custom-element: properly set kebab-case props on Vue custom elements (ea3efa0), closes #​12030 #​12032
• reactivity: fix nested batch edge case (93c95dd)
• reactivity: only clear notified flags for computed in first batch iteration (aa9ef23), closes #​12045
• types/ref: handle nested refs in UnwrapRef (#​12049) (e2c19c2), closes #​12044

vuejs/vue (vue-template-compiler)

v2.7.16

Compare Source

Bug Fixes

• lifecycle: esnure component effect scopes are disconnected (56ce7f8), closes #​13134

v2.7.15

Compare Source

Bug Fixes

• compiler-sfc: add semicolon after defineProps statement (#​12879) (51fef2c)
• compiler-sfc: fix macro usage in multi-variable declaration (#​12873) (d27c128)
• compiler-sfc: Optimize the value of emitIdentifier (#​12851) (bb59751)
• compiler-sfc: Resolve object expression parsing errors in v-on (#​12862) (b8c8b3f)
• lifecycle: scope might changed when call hook (#​13070) (74ca5a1)
• patch: clone insert hooks to avoid being mutated during iteration (#​12905) (c223634)
• types/sfc: improve the type inference using withDefaults (#​12872) (099401e)
• types: correct serverPrefetch this type (#​13068) (67c1d26), closes #​12488

v2.7.14

Compare Source

Bug Fixes

• compiler-sfc: fix template usage check edge case for v-slot destructured default value (#​12842) (5e3d4e9), closes #​12841
• provide/inject: do not mutate original provide options during merge (d1899ca), closes #​12854
• reactivity: avoid using WeakMap for IE compatibility (29b5f58), closes #​12837
• types: fix spreading VNodeData in tsx (#​12789) (f7db7f3), closes #​12778
• types: stricter type condition for EventHandlers (#​12840) (0b3cf7d), closes #​12832

v2.7.13

Compare Source

Bug Fixes

• effectScope: calling off() of a detached scope should not break currentScope (800207c), closes #​12825
• types: style attribute svg (#​12800) (8e26261)
• watch: avoid traversing objects that are marked non-reactive (#​12806) (5960f05)

v2.7.12

Compare Source

Reverts

• Revert "fix(setup): setup hook should be called before beforeCreate" (e80cd09), closes #​12802 #​12821 #​12822

v2.7.11

Compare Source

Bug Fixes

• build: enforce LF line ending in built files (738f4b3), closes #​12819
• compiler-sfc: export parseComponent for compat with fork-ts-checker-webpack-plugin (0d6d972), closes #​12719
• reactivity: check skip first before checking ref when creating observer (#​12813) (5d26f81), closes #​12812
• reactivity: use WeakMap for proxy/raw checks, compat with non-extensible objects (4a0d88e), closes #​12799 #​12798
• setup: setup hook should be called before beforeCreate (e1342df), closes #​12802
• sfc: prune returned bindings for non-TS as well (fb13930), closes #​12765
• sfc: remove sfc scoped deep syntax deprecation warnings (2f335b2)
• types: fix error with options watch (#​12779) (bc5b92a), closes #​12780
• types: support Ref and function types in tsx ref attribute (#​12759) (87f69aa), closes #​12758
• types: vue 3 directive type compatibility (#​12792) (27eed82)

Performance Improvements

• improve unsub perf for deps with massive amount of subs (8880b55), closes #​12696

v2.7.10

Compare Source

Bug Fixes

• compiler-sfc: avoid deindent when lang is jsx/tsx (46ca7bc), closes #​12755
• fix parent of multi-nested HOC $el not updating (#​12757) (e0b26c4), closes #​12589
• types: Add missing type parameter constraints (#​12754) (810f6d1)

v2.7.9

Compare Source

Bug Fixes

• compiler-sfc: allow full hostnames in asset url base (#​12732) (5c742eb), closes #​12731
• compiler-sfc: rewriteDefault for class with decorators (#​12747) (5221d4d)
• directives shorthand normalize error (#​12744) (2263948), closes #​12743
• ensure render watcher of manually created instance is correctly tracked in owner scope (bd89ce5), closes #​12701
• fix effect scope tracking for manually created instances (7161176), closes #​12705
• ssr: fix on-component directives rendering (#​12661) (165a14a), closes #​10733
• types: allow attaching unknown options to defined component (b4bf4c5), closes #​12742
• types: fix missing error for accessing undefined instance properties (8521f9d), closes #​12718
• types: fix options suggestions when using defineComponent (4b37b56), closes #​12736
• types: Make SetupBindings optional on ExtendedVue and CombinedVueInstance (#​12727) (00458cd), closes #​12726 #​12717
• watch: avoid pre watcher firing on unmount (f0057b1), closes #​12703

Features

• types: enhance type for onErrorCaptured (#​12735) (bba6b3d)
• types: export DefineComponent (80d1baf), closes #​12748
• types: support mixins inference for new Vue() (#​12737) (89a6b5e), closes #​12730

v2.7.8

Compare Source

Bug Fixes

• reactivity: fix shallowReactive nested ref setting edge cases (2af751b), closes #​12688
• sfc: align <script setup> component resolution edge case with v3 (#​12687) (a695c5a), closes #​12685
• types: avoid circular type inference between v2 and v3 instance types (fabc1cf), closes #​12683
• types: export defineAsyncComponent type (#​12684) (ba7dd2c)

Features

• setup: support listeners on setup context + useListeners() helper (adf3ac8)

v2.7.7

Compare Source

Bug Fixes

• codegen: script setup should not attempt to resolve native elements as component (e8d3a7d), closes #​12674
• inject: fix edge case of provided with async-mutated getters (ea5d0f3), closes #​12667
• setup: ensure setup context slots can be accessed immediately (67760f8), closes #​12672
• types: vue.d.ts should use relative import to v3-component-public-instance (#​12668) (46ec648), closes #​12666
• watch: fix queueing multiple post watchers (25ffdb6), closes #​12664

v2.7.6

Compare Source

Bug Fixes

• types: $refs can also contain ComponentPublicInstance (#​12659) (fffbb9e)
• types: fix $children and $root instance types (52a5979), closes #​12655
• types: fix missing expose() type on setup context (e0a9546), closes #​12660

v2.7.5

Compare Source

Bug Fixes

• add missing export from vue.runtime.mjs (#​12648) (08fb4a2)
• detect property add/deletion on reactive objects from setup when used in templates (a6e7498)
• do not set currentInstance in beforeCreate (0825d30), closes #​12636
• reactivity: fix watch behavior inconsistency + deep ref shallow check (98fb01c), closes #​12643
• sfc: fix sfc name inference type check (04b4703), closes #​12637
• types: support Vue interface augmentations in defineComponent (005e52d), closes #​12642
• watch: fix deep watch for structures containing raw refs (1a2c3c2), closes #​12652

v2.7.4

Compare Source

Bug Fixes

• build: fix mjs dual package hazard (012e10c), closes #​12626
• compiler-sfc: use safer deindent default for compatibility with previous behavior (b70a258)
• pass element creation helper to static render fns for functional components (dc8a68e), closes #​12625
• ssr/reactivity: fix array setting error at created in ssr [#​12632] (#​12633) (ca7daef)
• types: fix missing instance properties on defineComponent this (f8de4ca), closes #​12628
• types: fix this.$slots type for defineComponent (d3add06)
• types: fix type inference when using components option (1d5a411)
• types: global component registration type compat w/ defineComponent (26ff4bc), closes #​12622
• watch: fix watchers triggered in mounted hook (8904ca7), closes #​12624

Features

• defineAsyncComponent (9d12106), closes #​12608
• support functional components in defineComponent (559600f), closes #​12619

v2.7.3

Compare Source

Bug Fixes

• add renderTracked/Triggered merge strategy (#​12616) (6d1dbee)
• ssr/reactivity: fix composition api behavior in SSR (360272b), closes #​12615
• types: allow slot attribute (94ccca2), closes #​12617

v2.7.2

Compare Source

Bug Fixes

• compiler-sfc: preserve old deindent behavior for pug (1294385), closes #​12611

Features

• allow passing directive definition directly to h() (#​12590) (d45bbea)
• types: define component improvements (#​12612) (fb93c1b)

v2.7.1

Compare Source

Bug Fixes

• lifecycle: esnure component effect scopes are disconnected (56ce7f8), closes #​13134

v2.7.0

Compare Source

Backported Features

• Composition API
• SFC <script setup>
• SFC CSS v-bind

In addition, the following APIs are also supported:

• defineComponent() with improved type inference (compared to Vue.extend)

• h(), useSlot(), useAttrs(), useCssModules()

• set(), del() and nextTick() are also provided as named exports in ESM builds.

• The emits option is also supported, but only for type-checking purposes (does not affect runtime behavior)

  2.7 also supports using ESNext syntax in template expressions. When using a build system, the compiled template render function will go through the same loaders / plugins configured for normal JavaScript. This means if you have configured Babel for .js files, it will also apply to the expressions in your SFC templates.

Notes on API exposure

• In ESM builds, these APIs are provided as named exports (and named exports only):

  import Vue, { ref } from 'vue'
  
  Vue.ref // undefined, use named export instead

• In UMD and CJS builds, these APIs are exposed as properties on the global Vue object.

• When bundling with CJS builds externalized, bundlers should be able to handle ESM interop when externalizing CJS builds.

Behavior Differences from Vue 3

The Composition API is backported using Vue 2's getter/setter-based reactivity system to ensure browser compatibility. This means there are some important behavior differences from Vue 3's proxy-based system:

• All Vue 2 change detection caveats still apply.

• reactive(), ref(), and shallowReactive() will directly convert original objects instead of creating proxies. This means:

  // true in 2.7, false in 3.x
  reactive(foo) === foo

• readonly() does create a separate object, but it won't track newly added properties and does not work on arrays.

• Avoid using arrays as root values in reactive() because without property access the array's mutation won't be tracked (this will result in a warning).

• Reactivity APIs ignore properties with symbol keys.

In addition, the following features are explicitly NOT ported:

• ❌ createApp() (Vue 2 doesn't have isolated app scope)
• ❌ Top-level await in <script setup> (Vue 2 does not support async component initialization)
• ❌ TypeScript syntax in template expressions (incompatible w/ Vue 2 parser)
• ❌ Reactivity transform (still experimental)
• ❌ expose option is not supported for options components (but defineExpose() is supported in <script setup>).

TypeScript Changes

• defineComponent provides improved type inference similar to that of Vue 3. Note the type of this inside defineComponent() is not interoperable with this from Vue.extend().

• Similar to Vue 3, TSX support is now built-in. If your project previously had manual JSX type shims, make sure to remove them.

Upgrade Guide

Vue CLI / webpack

1. Upgrade local @vue/cli-xxx dependencies the latest version in your major version range (if applicable):

   • ~4.5.18 for v4
   • ~5.0.6 for v5

2. Upgrade vue to ^2.7.0. You can also remove vue-template-compiler from the dependencies - it is no longer needed in 2.7.

   Note: if you are using @vue/test-utils, you may need to keep it in the dependencies for now, but this requirement will also be lifted in a new release of test utils.

3. Check your package manager lockfile to ensure the following dependencies meet the version requirements. They may be transitive dependencies not listed in package.json.

   • vue-loader: ^15.10.0
   • vue-demi: ^0.13.1

   If not, you will need to remove node_modules and the lockfile and perform a fresh install to ensure they are bumped to the latest version.

4. If you were previously using @vue/composition-api, update imports from it to vue instead. Note that some APIs exported by the plugin, e.g. createApp, are not ported in 2.7.

5. Update eslint-plugin-vue to latest version (9+) if you run into unused variable lint errors when using <script setup>.

6. The SFC compiler for 2.7 now uses PostCSS 8 (upgraded from 7). PostCSS 8 should be backwards compatible with most plugins, but the upgrade may cause issues if you were previously using a custom PostCSS plugin that can only work with PostCSS 7. In such cases, you will need to upgrade the relevant plugins to their PostCSS 8 compatible versions.

Vite

2.7 support for Vite is provided via a new plugin: @​vitejs/plugin-vue2. This new plugin requires Vue 2.7 or above and supersedes the existing vite-plugin-vue2.

Note that the new plugin does not handle Vue-specific JSX / TSX transform, which is intentional. Vue 2 JSX / TSX transform should be handled in a separate, dedicated plugin, which will be provided soon.

Volar Compatibility

2.7 ships improved type definitions so it is no longer necessary to install @vue/runtime-dom just for Volar template type inference support. All you need now is the following config in tsconfig.json:

{
  // ...
  "vueCompilerOptions": {
    "target": 2.7
  }
}

Devtools Support

Vue Devtools 6.2.0 has added support for inspecting 2.7 Composition API state, but the extensions may still need a few days to go through review on respective publishing platforms.

Bug Fixes

• sfc: only include legacy decorator parser plugin when new plugin is not used (326d24a)

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.