@vue/compat 3.2.29 → 3.2.32

package/dist/vue.runtime.esm-browser.js

@@ -198,13 +198,15 @@ function looseIndexOf(arr, val) {
  * @private
  */
 const toDisplayString = (val) => {
-    return val == null
-        ? ''
-        : isArray(val) ||
-            (isObject(val) &&
-                (val.toString === objectToString || !isFunction(val.toString)))
-            ? JSON.stringify(val, replacer, 2)
-            : String(val);
+    return isString(val)
+        ? val
+        : val == null
+            ? ''
+            : isArray(val) ||
+                (isObject(val) &&
+                    (val.toString === objectToString || !isFunction(val.toString)))
+                ? JSON.stringify(val, replacer, 2)
+                : String(val);
 };
 const replacer = (_key, val) => {
     // can't use isRef here since @vue/shared has no deps
@@ -278,6 +280,7 @@ const isReservedProp = /*#__PURE__*/ makeMap(
     'onVnodeBeforeMount,onVnodeMounted,' +
     'onVnodeBeforeUpdate,onVnodeUpdated,' +
     'onVnodeBeforeUnmount,onVnodeUnmounted');
+const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
 const cacheStringFunction = (fn) => {
     const cache = Object.create(null);
     return ((str) => {
@@ -343,11 +346,19 @@ function warn(msg, ...args) {
 }
 
 let activeEffectScope;
-const effectScopeStack = [];
 class EffectScope {
     constructor(detached = false) {
+        /**
+         * @internal
+         */
         this.active = true;
+        /**
+         * @internal
+         */
         this.effects = [];
+        /**
+         * @internal
+         */
         this.cleanups = [];
         if (!detached && activeEffectScope) {
             this.parent = activeEffectScope;
@@ -357,36 +368,46 @@ class EffectScope {
     }
     run(fn) {
         if (this.active) {
+            const currentEffectScope = activeEffectScope;
             try {
-                this.on();
+                activeEffectScope = this;
                 return fn();
             }
             finally {
-                this.off();
+                activeEffectScope = currentEffectScope;
             }
         }
         else {
             warn(`cannot run an inactive effect scope.`);
         }
     }
+    /**
+     * This should only be called on non-detached scopes
+     * @internal
+     */
     on() {
-        if (this.active) {
-            effectScopeStack.push(this);
-            activeEffectScope = this;
-        }
+        activeEffectScope = this;
     }
+    /**
+     * This should only be called on non-detached scopes
+     * @internal
+     */
     off() {
-        if (this.active) {
-            effectScopeStack.pop();
-            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
-        }
+        activeEffectScope = this.parent;
     }
     stop(fromParent) {
         if (this.active) {
-            this.effects.forEach(e => e.stop());
-            this.cleanups.forEach(cleanup => cleanup());
+            let i, l;
+            for (i = 0, l = this.effects.length; i < l; i++) {
+                this.effects[i].stop();
+            }
+            for (i = 0, l = this.cleanups.length; i < l; i++) {
+                this.cleanups[i]();
+            }
             if (this.scopes) {
-                this.scopes.forEach(e => e.stop(true));
+                for (i = 0, l = this.scopes.length; i < l; i++) {
+                    this.scopes[i].stop(true);
+                }
             }
             // nested scope, dereference from parent to avoid memory leaks
             if (this.parent && !fromParent) {
@@ -404,8 +425,7 @@ class EffectScope {
 function effectScope(detached) {
     return new EffectScope(detached);
 }
-function recordEffectScope(effect, scope) {
-    scope = scope || activeEffectScope;
+function recordEffectScope(effect, scope = activeEffectScope) {
     if (scope && scope.active) {
         scope.effects.push(effect);
     }
@@ -468,7 +488,6 @@ let trackOpBit = 1;
  * When recursion depth is greater, fall back to using a full cleanup.
  */
 const maxMarkerBits = 30;
-const effectStack = [];
 let activeEffect;
 const ITERATE_KEY = Symbol('iterate' );
 const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
@@ -478,35 +497,42 @@ class ReactiveEffect {
         this.scheduler = scheduler;
         this.active = true;
         this.deps = [];
+        this.parent = undefined;
         recordEffectScope(this, scope);
     }
     run() {
         if (!this.active) {
             return this.fn();
         }
-        if (!effectStack.length || !effectStack.includes(this)) {
-            try {
-                effectStack.push((activeEffect = this));
-                enableTracking();
-                trackOpBit = 1 << ++effectTrackDepth;
-                if (effectTrackDepth <= maxMarkerBits) {
-                    initDepMarkers(this);
-                }
-                else {
-                    cleanupEffect(this);
-                }
-                return this.fn();
+        let parent = activeEffect;
+        let lastShouldTrack = shouldTrack;
+        while (parent) {
+            if (parent === this) {
+                return;
             }
-            finally {
-                if (effectTrackDepth <= maxMarkerBits) {
-                    finalizeDepMarkers(this);
-                }
-                trackOpBit = 1 << --effectTrackDepth;
-                resetTracking();
-                effectStack.pop();
-                const n = effectStack.length;
-                activeEffect = n > 0 ? effectStack[n - 1] : undefined;
+            parent = parent.parent;
+        }
+        try {
+            this.parent = activeEffect;
+            activeEffect = this;
+            shouldTrack = true;
+            trackOpBit = 1 << ++effectTrackDepth;
+            if (effectTrackDepth <= maxMarkerBits) {
+                initDepMarkers(this);
+            }
+            else {
+                cleanupEffect(this);
             }
+            return this.fn();
+        }
+        finally {
+            if (effectTrackDepth <= maxMarkerBits) {
+                finalizeDepMarkers(this);
+            }
+            trackOpBit = 1 << --effectTrackDepth;
+            activeEffect = this.parent;
+            shouldTrack = lastShouldTrack;
+            this.parent = undefined;
         }
     }
     stop() {
@@ -554,32 +580,24 @@ function pauseTracking() {
     trackStack.push(shouldTrack);
     shouldTrack = false;
 }
-function enableTracking() {
-    trackStack.push(shouldTrack);
-    shouldTrack = true;
-}
 function resetTracking() {
     const last = trackStack.pop();
     shouldTrack = last === undefined ? true : last;
 }
 function track(target, type, key) {
-    if (!isTracking()) {
-        return;
-    }
-    let depsMap = targetMap.get(target);
-    if (!depsMap) {
-        targetMap.set(target, (depsMap = new Map()));
-    }
-    let dep = depsMap.get(key);
-    if (!dep) {
-        depsMap.set(key, (dep = createDep()));
+    if (shouldTrack && activeEffect) {
+        let depsMap = targetMap.get(target);
+        if (!depsMap) {
+            targetMap.set(target, (depsMap = new Map()));
+        }
+        let dep = depsMap.get(key);
+        if (!dep) {
+            depsMap.set(key, (dep = createDep()));
+        }
+        const eventInfo = { effect: activeEffect, target, type, key }
+            ;
+        trackEffects(dep, eventInfo);
     }
-    const eventInfo = { effect: activeEffect, target, type, key }
-        ;
-    trackEffects(dep, eventInfo);
-}
-function isTracking() {
-    return shouldTrack && activeEffect !== undefined;
 }
 function trackEffects(dep, debuggerEventExtraInfo) {
     let shouldTrack = false;
@@ -597,9 +615,7 @@ function trackEffects(dep, debuggerEventExtraInfo) {
         dep.add(activeEffect);
         activeEffect.deps.push(dep);
         if (activeEffect.onTrack) {
-            activeEffect.onTrack(Object.assign({
-                effect: activeEffect
-            }, debuggerEventExtraInfo));
+            activeEffect.onTrack(Object.assign({ effect: activeEffect }, debuggerEventExtraInfo));
         }
     }
 }
@@ -1264,13 +1280,10 @@ const toReactive = (value) => isObject(value) ? reactive(value) : value;
 const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
 function trackRefValue(ref) {
-    if (isTracking()) {
+    if (shouldTrack && activeEffect) {
         ref = toRaw(ref);
-        if (!ref.dep) {
-            ref.dep = createDep();
-        }
         {
-            trackEffects(ref.dep, {
+            trackEffects(ref.dep || (ref.dep = createDep()), {
                 target: ref,
                 type: "get" /* GET */,
                 key: 'value'
@@ -1292,7 +1305,7 @@ function triggerRefValue(ref, newVal) {
     }
 }
 function isRef(r) {
-    return Boolean(r && r.__v_isRef === true);
+    return !!(r && r.__v_isRef === true);
 }
 function ref(value) {
     return createRef(value, false);
@@ -2103,23 +2116,23 @@ const deprecationData = {
     ["GLOBAL_MOUNT" /* GLOBAL_MOUNT */]: {
         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.vuejs.org/guide/migration/global-api.html#mounting-app-instance`
+        link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#mounting-app-instance`
     },
     ["GLOBAL_MOUNT_CONTAINER" /* GLOBAL_MOUNT_CONTAINER */]: {
         message: `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.vuejs.org/guide/migration/mount-changes.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/mount-changes.html`
     },
     ["GLOBAL_EXTEND" /* GLOBAL_EXTEND */]: {
         message: `Vue.extend() has been removed in Vue 3. ` +
             `Use defineComponent() instead.`,
-        link: `https://v3.vuejs.org/api/global-api.html#definecomponent`
+        link: `https://vuejs.org/api/general.html#definecomponent`
     },
     ["GLOBAL_PROTOTYPE" /* GLOBAL_PROTOTYPE */]: {
         message: `Vue.prototype is no longer available in Vue 3. ` +
             `Use app.config.globalProperties instead.`,
-        link: `https://v3.vuejs.org/guide/migration/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`
     },
     ["GLOBAL_SET" /* GLOBAL_SET */]: {
         message: `Vue.set() has been removed as it is no longer needed in Vue 3. ` +
@@ -2132,7 +2145,7 @@ const deprecationData = {
     ["GLOBAL_OBSERVABLE" /* GLOBAL_OBSERVABLE */]: {
         message: `Vue.observable() has been removed. ` +
             `Use \`import { reactive } from "vue"\` from Composition API instead.`,
-        link: `https://v3.vuejs.org/api/basic-reactivity.html`
+        link: `https://vuejs.org/api/reactivity-core.html#reactive`
     },
     ["GLOBAL_PRIVATE_UTIL" /* GLOBAL_PRIVATE_UTIL */]: {
         message: `Vue.util has been removed. Please refactor to avoid its usage ` +
@@ -2151,11 +2164,11 @@ const deprecationData = {
     ["CONFIG_KEY_CODES" /* 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.vuejs.org/guide/migration/keycode-modifiers.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`
     },
     ["CONFIG_PRODUCTION_TIP" /* CONFIG_PRODUCTION_TIP */]: {
         message: `config.productionTip has been removed.`,
-        link: `https://v3.vuejs.org/guide/migration/global-api.html#config-productiontip-removed`
+        link: `https://v3-migration.vuejs.org/breaking-changes/global-api.html#config-productiontip-removed`
     },
     ["CONFIG_IGNORED_ELEMENTS" /* CONFIG_IGNORED_ELEMENTS */]: {
         message: () => {
@@ -2168,7 +2181,7 @@ const deprecationData = {
             }
             return msg;
         },
-        link: `https://v3.vuejs.org/guide/migration/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`
     },
     ["CONFIG_WHITESPACE" /* CONFIG_WHITESPACE */]: {
         // this warning is only relevant in the full build when using runtime
@@ -2191,12 +2204,12 @@ const deprecationData = {
     },
     ["INSTANCE_DESTROY" /* INSTANCE_DESTROY */]: {
         message: `vm.$destroy() has been removed. Use app.unmount() instead.`,
-        link: `https://v3.vuejs.org/api/application-api.html#unmount`
+        link: `https://vuejs.org/api/application.html#app-unmount`
     },
     ["INSTANCE_EVENT_EMITTER" /* INSTANCE_EVENT_EMITTER */]: {
         message: `vm.$on/$once/$off() have been removed. ` +
             `Use an external event emitter library instead.`,
-        link: `https://v3.vuejs.org/guide/migration/events-api.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/events-api.html`
     },
     ["INSTANCE_EVENT_HOOKS" /* INSTANCE_EVENT_HOOKS */]: {
         message: event => `"${event}" lifecycle events are no longer supported. From templates, ` +
@@ -2204,23 +2217,23 @@ const deprecationData = {
             `should be changed to @vnode-${event.slice(5)}. ` +
             `From JavaScript, use Composition API to dynamically register lifecycle ` +
             `hooks.`,
-        link: `https://v3.vuejs.org/guide/migration/vnode-lifecycle-events.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/vnode-lifecycle-events.html`
     },
     ["INSTANCE_CHILDREN" /* INSTANCE_CHILDREN */]: {
         message: `vm.$children has been removed. Consider refactoring your logic ` +
             `to avoid relying on direct access to child components.`,
-        link: `https://v3.vuejs.org/guide/migration/children.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/children.html`
     },
     ["INSTANCE_LISTENERS" /* INSTANCE_LISTENERS */]: {
         message: `vm.$listeners has been removed. In Vue 3, parent v-on listeners are ` +
             `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.vuejs.org/guide/migration/listeners-removed.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/listeners-removed.html`
     },
     ["INSTANCE_SCOPED_SLOTS" /* INSTANCE_SCOPED_SLOTS */]: {
         message: `vm.$scopedSlots has been removed. Use vm.$slots instead.`,
-        link: `https://v3.vuejs.org/guide/migration/slots-unification.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/slots-unification.html`
     },
     ["INSTANCE_ATTRS_CLASS_STYLE" /* INSTANCE_ATTRS_CLASS_STYLE */]: {
         message: componentName => `Component <${componentName || 'Anonymous'}> has \`inheritAttrs: false\` but is ` +
@@ -2231,17 +2244,17 @@ const 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.vuejs.org/guide/migration/attrs-includes-class-style.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/attrs-includes-class-style.html`
     },
     ["OPTIONS_DATA_FN" /* OPTIONS_DATA_FN */]: {
         message: `The "data" option can no longer be a plain object. ` +
             `Always use a function.`,
-        link: `https://v3.vuejs.org/guide/migration/data-option.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html`
     },
     ["OPTIONS_DATA_MERGE" /* OPTIONS_DATA_MERGE */]: {
         message: (key) => `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.vuejs.org/guide/migration/data-option.html#mixin-merge-behavior-change`
+        link: `https://v3-migration.vuejs.org/breaking-changes/data-option.html#mixin-merge-behavior-change`
     },
     ["OPTIONS_BEFORE_DESTROY" /* OPTIONS_BEFORE_DESTROY */]: {
         message: `\`beforeDestroy\` has been renamed to \`beforeUnmount\`.`
@@ -2255,23 +2268,23 @@ const deprecationData = {
             `If current usage is intended, you can disable the compat behavior and ` +
             `suppress this warning with:` +
             `\n\n  configureCompat({ ${"WATCH_ARRAY" /* WATCH_ARRAY */}: false })\n`,
-        link: `https://v3.vuejs.org/guide/migration/watch.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/watch.html`
     },
     ["PROPS_DEFAULT_THIS" /* PROPS_DEFAULT_THIS */]: {
         message: (key) => `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.vuejs.org/guide/migration/props-default-this.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/props-default-this.html`
     },
     ["CUSTOM_DIR" /* CUSTOM_DIR */]: {
         message: (legacyHook, newHook) => `Custom directive hook "${legacyHook}" has been removed. ` +
             `Use "${newHook}" instead.`,
-        link: `https://v3.vuejs.org/guide/migration/custom-directives.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/custom-directives.html`
     },
     ["V_ON_KEYCODE_MODIFIER" /* 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.vuejs.org/guide/migration/keycode-modifiers.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/keycode-modifiers.html`
     },
     ["ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */]: {
         message: (name) => `Attribute "${name}" with v-bind value \`false\` will render ` +
@@ -2279,7 +2292,7 @@ const 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({ ${"ATTR_FALSE_VALUE" /* ATTR_FALSE_VALUE */}: false })\n`,
-        link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`
     },
     ["ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */]: {
         message: (name, value, coerced) => `Enumerated attribute "${name}" with v-bind value \`${value}\` will ` +
@@ -2288,7 +2301,7 @@ const deprecationData = {
             `If the usage is intended, ` +
             `you can disable the compat behavior and suppress this warning with:` +
             `\n\n  configureCompat({ ${"ATTR_ENUMERATED_COERCION" /* ATTR_ENUMERATED_COERCION */}: false })\n`,
-        link: `https://v3.vuejs.org/guide/migration/attribute-coercion.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/attribute-coercion.html`
     },
     ["TRANSITION_CLASSES" /* TRANSITION_CLASSES */]: {
         message: `` // this feature cannot be runtime-detected
@@ -2299,7 +2312,7 @@ const deprecationData = {
             `for styling, you can disable the compat behavior and suppress this ` +
             `warning with:` +
             `\n\n  configureCompat({ ${"TRANSITION_GROUP_ROOT" /* TRANSITION_GROUP_ROOT */}: false })\n`,
-        link: `https://v3.vuejs.org/guide/migration/transition-group.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/transition-group.html`
     },
     ["COMPONENT_ASYNC" /* COMPONENT_ASYNC */]: {
         message: (comp) => {
@@ -2312,7 +2325,7 @@ const deprecationData = {
                 `warning with:` +
                 `\n\n  configureCompat({ ${"COMPONENT_ASYNC" /* COMPONENT_ASYNC */}: false })\n`);
         },
-        link: `https://v3.vuejs.org/guide/migration/async-components.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/async-components.html`
     },
     ["COMPONENT_FUNCTIONAL" /* COMPONENT_FUNCTIONAL */]: {
         message: (comp) => {
@@ -2323,7 +2336,7 @@ const deprecationData = {
                 `components usage have been migrated and its compat behavior has ` +
                 `been disabled.`);
         },
-        link: `https://v3.vuejs.org/guide/migration/functional-components.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/functional-components.html`
     },
     ["COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */]: {
         message: (comp) => {
@@ -2340,20 +2353,20 @@ const deprecationData = {
                 `to work with v-model should now use the "modelValue" prop and emit the ` +
                 `"update:modelValue" event. You can update the usage and then ${configMsg}`);
         },
-        link: `https://v3.vuejs.org/guide/migration/v-model.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`
     },
     ["RENDER_FUNCTION" /* RENDER_FUNCTION */]: {
         message: `Vue 3's render function API has changed. ` +
             `You can opt-in to the new API with:` +
             `\n\n  configureCompat({ ${"RENDER_FUNCTION" /* RENDER_FUNCTION */}: false })\n` +
             `\n  (This can also be done per-component via the "compatConfig" option.)`,
-        link: `https://v3.vuejs.org/guide/migration/render-function-api.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/render-function-api.html`
     },
     ["FILTERS" /* FILTERS */]: {
         message: `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.vuejs.org/guide/migration/filters.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
     },
     ["PRIVATE_APIS" /* PRIVATE_APIS */]: {
         message: name => `"${name}" is a Vue 2 private API that no longer exists in Vue 3. ` +
@@ -2421,7 +2434,7 @@ function validateCompatConfig(config, instance) {
                     warn$1(`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.vuejs.org/guide/migration/migration-build.html`);
+                        `Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`);
                 }
             }
             else {
@@ -3635,12 +3648,10 @@ function watchEffect(effect, options) {
     return doWatch(effect, null, options);
 }
 function watchPostEffect(effect, options) {
-    return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' })
-        ));
+    return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'post' }) ));
 }
 function watchSyncEffect(effect, options) {
-    return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' })
-        ));
+    return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'sync' }) ));
 }
 // initial value for watchers to trigger on undefined initial values
 const INITIAL_WATCHER_VALUE = {};
@@ -3950,7 +3961,9 @@ const BaseTransitionImpl = {
             const { mode } = rawProps;
             // check mode
             if (mode &&
-                mode !== 'in-out' && mode !== 'out-in' && mode !== 'default') {
+                mode !== 'in-out' &&
+                mode !== 'out-in' &&
+                mode !== 'default') {
                 warn$1(`invalid <transition> mode: ${mode}`);
             }
             // at this point children has a guaranteed length of 1.
@@ -4180,20 +4193,24 @@ function setTransitionHooks(vnode, hooks) {
         vnode.transition = hooks;
     }
 }
-function getTransitionRawChildren(children, keepComment = false) {
+function getTransitionRawChildren(children, keepComment = false, parentKey) {
     let ret = [];
     let keyedFragmentCount = 0;
     for (let i = 0; i < children.length; i++) {
-        const child = children[i];
+        let child = children[i];
+        // #5360 inherit parent key in case of <template v-for>
+        const key = parentKey == null
+            ? child.key
+            : String(parentKey) + String(child.key != null ? child.key : i);
         // handle fragment children case, e.g. v-for
         if (child.type === Fragment) {
             if (child.patchFlag & 128 /* KEYED_FRAGMENT */)
                 keyedFragmentCount++;
-            ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
+            ret = ret.concat(getTransitionRawChildren(child.children, keepComment, key));
         }
         // comment placeholders should be skipped, e.g. v-if
         else if (keepComment || child.type !== Comment) {
-            ret.push(child);
+            ret.push(key != null ? cloneVNode(child, { key }) : child);
         }
     }
     // #1126 if a transition children list contains multiple sub fragments, these
@@ -5251,6 +5268,10 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
             const propsToUpdate = instance.vnode.dynamicProps;
             for (let i = 0; i < propsToUpdate.length; i++) {
                 let key = propsToUpdate[i];
+                // skip if the prop key is a declared emit event listener
+                if (isEmitListener(instance.emitsOptions, key)) {
+                    continue;
+                }
                 // PROPS flag guarantees rawProps to be non-null
                 const value = rawProps[key];
                 if (options) {
@@ -5822,7 +5843,6 @@ return withDirectives(h(comp), [
   [bar, this.y]
 ])
 */
-const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
         warn$1('Do not use built-in directive ids as custom directive id: ' + name);
@@ -5837,7 +5857,8 @@ function withDirectives(vnode, directives) {
         warn$1(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
-    const instance = internalInstance.proxy;
+    const instance = getExposeProxy(internalInstance) ||
+        internalInstance.proxy;
     const bindings = vnode.dirs || (vnode.dirs = []);
     for (let i = 0; i < directives.length; i++) {
         let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
@@ -5957,7 +5978,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = `2.6.14-compat:${"3.2.29"}`;
+    Vue.version = `2.6.14-compat:${"3.2.32"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -6384,6 +6405,9 @@ function createAppContext() {
 let uid = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
+        if (!isFunction(rootComponent)) {
+            rootComponent = Object.assign({}, rootComponent);
+        }
         if (rootProps != null && !isObject(rootProps)) {
             warn$1(`root props passed to app.mount() must be an object.`);
             rootProps = null;
@@ -6583,6 +6607,9 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
                         if (!isArray(existing)) {
                             if (_isString) {
                                 refs[ref] = [refValue];
+                                if (hasOwn(setupState, ref)) {
+                                    setupState[ref] = refs[ref];
+                                }
                             }
                             else {
                                 ref.value = [refValue];
@@ -6781,7 +6808,8 @@ function createHydrationFunctions(rendererInternals) {
         // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
         const forcePatchValue = (type === 'input' && dirs) || type === 'option';
         // skip props & children if this is hoisted static nodes
-        if (forcePatchValue || patchFlag !== -1 /* HOISTED */) {
+        // #5405 in dev, always hydrate children for HMR
+        {
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
             }
@@ -6954,7 +6982,7 @@ function startMeasure(instance, type) {
         perf.mark(`vue-${type}-${instance.uid}`);
     }
     {
-        devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
+        devtoolsPerfStart(instance, type, isSupported() ? perf.now() : Date.now());
     }
 }
 function endMeasure(instance, type) {
@@ -6967,7 +6995,7 @@ function endMeasure(instance, type) {
         perf.clearMarks(endTag);
     }
     {
-        devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
+        devtoolsPerfEnd(instance, type, isSupported() ? perf.now() : Date.now());
     }
 }
 function isSupported() {
@@ -9935,9 +9963,11 @@ const PublicInstanceProxyHandlers = {
         const { data, setupState, ctx } = instance;
         if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
             setupState[key] = value;
+            return true;
         }
         else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
             data[key] = value;
+            return true;
         }
         else if (hasOwn(instance.props, key)) {
             warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
@@ -9971,6 +10001,16 @@ const PublicInstanceProxyHandlers = {
             hasOwn(ctx, key) ||
             hasOwn(publicPropertiesMap, key) ||
             hasOwn(appContext.config.globalProperties, key));
+    },
+    defineProperty(target, key, descriptor) {
+        if (descriptor.get != null) {
+            // invalidate key cache of a getter based property #5417
+            target.$.accessCache[key] = 0;
+        }
+        else if (hasOwn(descriptor, 'value')) {
+            this.set(target, key, descriptor.value, null);
+        }
+        return Reflect.defineProperty(target, key, descriptor);
     }
 };
 {
@@ -10861,7 +10901,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.29";
+const version = "3.2.32";
 /**
  * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
  * @internal