chore(deps): update vue monorepo to v2.7.16

[renovate]

ℹ️ Note

This PR body was truncated due to platform limits.

This PR contains the following updates:

Package	Change	Age	Confidence
vue (source)	2.5.22 → 2.7.16
vue-template-compiler (source)	2.5.22 → 2.7.16

---

Release Notes

vuejs/core (vue)

v2.6.14

Compare Source

v2.6.13

Compare Source

v2.6.12

Compare Source

v2.6.11

Compare Source

v2.6.10

Compare Source

v2.6.9

Compare Source

v2.6.8

Compare Source

v2.6.7

Compare Source

v2.6.6

Compare Source

v2.6.5

Compare Source

v2.6.4

Compare Source

v2.6.3

Compare Source

v2.6.2

Compare Source

v2.6.1

Compare Source

v2.6.0

Compare Source

vuejs/vue (vue-template-compiler)

v2.7.16

Compare Source

Bug Fixes

• lifecycle: ensure 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: ensure 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)

v2.6.14

Compare Source

Bug Fixes

• types: async Component types (#​11906) (c52427b)
• v-slot: fix scoped slot normalization combined with v-if (#​12104) (38f71de)

Features

• ssr: vue-ssr-webpack-plugin compatible with webpack 5 (#​12002) (80e7730)

v2.6.13

Compare Source

Bug Fixes

• attrs: do not consider translate attribute as boolean (#​11392) (cd57393), closes #​11391
• compiler: Allow BigInt usage in templates (#​11152) (c42b706)
• compiler: avoid converting &nbps; to spaces (#​11065) (55a30cf)
• compiler: event handlers with modifiers swallowing arguments (fix #​10867) (#​10958) (8620706)
• core: fix sameVnode for async component (#​11107) (5260830)
• core: remove trailing comma in function signature (#​10845) (579e1ff), closes #​10843
• errorHandler: async error handling for watchers (#​9484) (e4dea59)
• force update between two components with and without slot (#​11795) (77b5330)
• give correct namespace in foreignObject (#​11576) (af5e05d), closes #​11575
• handle async placeholders in normalizeScopedSlot (#​11963) (af54514)
• keep-alive: cache what is really needed not the whole VNode data (#​12015) (e7baaa1)
• parser: allow multiple slots with new syntax (#​9785) (67825c2), closes #​9781
• pause dep collection during immediate watcher invocation (#​11943) (987f322)
• props: correctly warn when a provided prop is Symbol (#​10529) (abb5ef3), closes #​10519
• props: support BigInt in props type validation (#​11191) (fa1f81e)
• slot: add a function to return the slot fallback content (#​12014) (ce457f9)
• ssr: avoid missing files in manifest (#​11609) (b97606c)
• ssr: inheritAttrs false adds attributes to html (#​11706) (7e5dc6b)
• ssr: textarea keeps undefined/null values (#​11121) (b8bd149)
• types: add types for Vue.util.warn function (#​11964) (e0274e4), closes /github.com/vuejs/vue/blob/v2.6.12/src/core/util/debug.js#L18-L26
• types: allow string for watch handlers in options (#​10396) (668e1e6)
• types: allow symbol & boolean for vnode key (#​11914) (5c459f0)
• types: changed expression type to optional string (#​11189) (7c75462), closes #​10871
• types: make $refs undefined possible (#​11112) (2b93e86)
• v-on: avoid events with empty keyCode (autocomplete) (#​11326) (c6d7a6f)
• v-pre: do not alter attributes (#​10088) (0664cb0), closes #​10087
• vdom: avoid executing root level script tags (#​11487) (fb16d7b), closes #​11483
• warn: better message with no constructors props (#​9241) (6940131)
• warns: modify maybeComponent function in parser (#​10167) (0603ff6), closes #​10152

Features

• warns: avoid warning native modifiers on dynamic components (#​11052) (3d46692)
• warn: warn computed conflict with methods (#​10119) (3ad60fe)

Performance Improvements

• preinitialize typeCheck RegExp (#​10990) (2488a6a)

v2.6.12

Compare Source

Bug Fixes

• security: upgrade serialize-javascript (#​11434) (5b39961)

v2.6.11

Compare Source

Bug Fixes

• compiler: Remove the warning for valid v-slot value (#​9917) (085d188)
• fix function expression regex (#​9922) (569b728), closes #​9920
• types: fix global namespace declaration for UMD bundle (#​9912) (ab50e8e)
• types: fix prop constructor type inference (#​10779) (4821149)

v2.6.10

Compare Source

Bug Fixes

• codegen: support named function expression in v-on (#​9709) (3433ba5), closes #​9707
• core: cleanup timeouts for async components (#​9649) (02d21c2), closes #​9648
• core: only unset dom prop when not present (f11449d), closes #​9650
• core: use window.performance for compatibility in JSDOM (#​9700) (653c74e), closes #​9698
• scheduler: revert timeStamp check (22790b2), closes #​9729 #​9632
• slots: fix slots not updating when passing down normal slots as $scopedSlots (ebc1893), closes #​9699
• types: allow using functions on the PropTypes (#​9733) (df4af4b), closes #​9692
• types: support string type for style in VNode data (#​9728) (982d5a4), closes #​9727

v2.6.9

Compare Source

Bug Fixes

• compiler: whitespace: 'condense' should honor pre tag as well (#​9660) (f1bdd7f)
• event timeStamp check for Qt (7591b9d), closes #​9681
• scheduler: fix getNow check in IE9 (#​9647) (da77d6a), closes #​9632
• scheduler: getNow detection can randomly fail (#​9667) (ef2a380)
• should consider presence of normal slots when caching normalized scoped slots (9313cf9), closes #​9644
• should not swallow user catch on rejected promise in methods (7186940), closes #​9694
• should use fallback for scoped slots with single falsy v-if (781c705), closes #​9658
• ssr: fix nested async functional component rendering (#​9673) (8082d2f), closes #​9643
• ssr: not push non-async css files into map (#​9677) (d282400)
• transition: fix appear check for transition wrapper components (#​9668) (4de4649)
• v-bind object should be overridable by single bindings (#​9653) (0b57380), closes #​9641

v2.6.8

Compare Source

Bug Fixes

• avoid compression of unicode sequences by using regexps (#​9595) (7912f75), closes #​9456
• compiler: set end location for incomplete elements (#​9598) (cbad54a)
• fix modifier parsing for dynamic argument with deep path (#​9585) (060c3b9), closes #​9577
• further adjust max stack size (571a488), closes #​9562
• handle async component when parent is toggled before resolve (#​9572) (ed34113), closes #​9571
• scoped slots dynamic check should include v-for on element itself (2277b23), closes #​9596
• types: allow scoped slots to return a single VNode (#​9563) (241eea1)
• types: update this for nextTick api (#​9541) (f333016)

v2.6.7

Compare Source

Bug Fixes

• #​9511: avoid promise catch multiple times (#​9526) (2f3020e), closes #​9511 #​9511 #​9511 #​9511
• avoid errors thrown during dom props update (8a80a23), closes #​9459
• avoid possible infinite loop by accessing observables in error handler (#​9489) (ee29e41)
• compiler: handle negative length in codeframe repeat (7a8de91)
• ensure generated scoped slot code is compatible with 2.5 (7ec4627), closes #​9545
• ensure scoped slots update in conditional branches (d9b27a9), closes #​9534
• scoped slots should update when inside v-for (8f004ea), closes #​9506

v2.6.6

Compare Source

Bug Fixes

• ensure scoped slot containing passed down slot content updates properly (21fca2f)
• fix keyCode check for Chrome autofill fake key events (29c348f), closes #​9441

v2.6.5

Compare Source

Bug Fixes

• allow passing multiple arguments to scoped slot (e7d49cd), closes #​9468
• bail out of event blocking for iOS bug (0bad7e2), closes [#​9462](https://redirect.github.com/vuejs/vue/iss

✂ Note

PR body was truncated to here.

---

Configuration

📅 Schedule: (UTC)

• 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.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

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

---

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