@vue/compat 3.2.27 → 3.2.31

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

@@ -132,7 +132,15 @@ const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,col
     'mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,' +
     'polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,' +
     'text,textPath,title,tspan,unknown,use,view';
+/**
+ * Compiler only.
+ * Do NOT use in runtime code paths unless behind `(process.env.NODE_ENV !== 'production')` flag.
+ */
 const isHTMLTag = /*#__PURE__*/ makeMap(HTML_TAGS);
+/**
+ * Compiler only.
+ * Do NOT use in runtime code paths unless behind `(process.env.NODE_ENV !== 'production')` flag.
+ */
 const isSVGTag = /*#__PURE__*/ makeMap(SVG_TAGS);
 
 function looseCompareArrays(a, b) {
@@ -190,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
@@ -271,6 +281,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) => {
@@ -336,7 +347,6 @@ function warn(msg, ...args) {
 }
 
 let activeEffectScope;
-const effectScopeStack = [];
 class EffectScope {
     constructor(detached = false) {
         this.active = true;
@@ -351,11 +361,11 @@ class EffectScope {
     run(fn) {
         if (this.active) {
             try {
-                this.on();
+                activeEffectScope = this;
                 return fn();
             }
             finally {
-                this.off();
+                activeEffectScope = this.parent;
             }
         }
         else if ((process.env.NODE_ENV !== 'production')) {
@@ -363,23 +373,24 @@ class EffectScope {
         }
     }
     on() {
-        if (this.active) {
-            effectScopeStack.push(this);
-            activeEffectScope = this;
-        }
+        activeEffectScope = this;
     }
     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) {
@@ -397,8 +408,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);
     }
@@ -461,7 +471,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((process.env.NODE_ENV !== 'production') ? 'iterate' : '');
 const MAP_KEY_ITERATE_KEY = Symbol((process.env.NODE_ENV !== 'production') ? 'Map key iterate' : '');
@@ -471,35 +480,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.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() {
@@ -547,33 +563,25 @@ 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 = (process.env.NODE_ENV !== 'production')
+            ? { effect: activeEffect, target, type, key }
+            : undefined;
+        trackEffects(dep, eventInfo);
     }
-    const eventInfo = (process.env.NODE_ENV !== 'production')
-        ? { effect: activeEffect, target, type, key }
-        : undefined;
-    trackEffects(dep, eventInfo);
-}
-function isTracking() {
-    return shouldTrack && activeEffect !== undefined;
 }
 function trackEffects(dep, debuggerEventExtraInfo) {
     let shouldTrack = false;
@@ -741,6 +749,9 @@ function createGetter(isReadonly = false, shallow = false) {
         else if (key === "__v_isReadonly" /* IS_READONLY */) {
             return isReadonly;
         }
+        else if (key === "__v_isShallow" /* IS_SHALLOW */) {
+            return shallow;
+        }
         else if (key === "__v_raw" /* RAW */ &&
             receiver ===
                 (isReadonly
@@ -785,9 +796,14 @@ const shallowSet = /*#__PURE__*/ createSetter(true);
 function createSetter(shallow = false) {
     return function set(target, key, value, receiver) {
         let oldValue = target[key];
+        if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
+            return false;
+        }
         if (!shallow && !isReadonly(value)) {
-            value = toRaw(value);
-            oldValue = toRaw(oldValue);
+            if (!isShallow(value)) {
+                value = toRaw(value);
+                oldValue = toRaw(oldValue);
+            }
             if (!isArray(target) && isRef(oldValue) && !isRef(value)) {
                 oldValue.value = value;
                 return true;
@@ -1175,7 +1191,7 @@ function getTargetType(value) {
 }
 function reactive(target) {
     // if trying to observe a readonly proxy, return the readonly version.
-    if (target && target["__v_isReadonly" /* IS_READONLY */]) {
+    if (isReadonly(target)) {
         return target;
     }
     return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
@@ -1240,6 +1256,9 @@ function isReactive(value) {
 function isReadonly(value) {
     return !!(value && value["__v_isReadonly" /* IS_READONLY */]);
 }
+function isShallow(value) {
+    return !!(value && value["__v_isShallow" /* IS_SHALLOW */]);
+}
 function isProxy(value) {
     return isReactive(value) || isReadonly(value);
 }
@@ -1255,20 +1274,17 @@ 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();
-        }
         if ((process.env.NODE_ENV !== 'production')) {
-            trackEffects(ref.dep, {
+            trackEffects(ref.dep || (ref.dep = createDep()), {
                 target: ref,
                 type: "get" /* GET */,
                 key: 'value'
             });
         }
         else {
-            trackEffects(ref.dep);
+            trackEffects(ref.dep || (ref.dep = createDep()));
         }
     }
 }
@@ -1289,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);
@@ -1304,22 +1320,22 @@ function createRef(rawValue, shallow) {
     return new RefImpl(rawValue, shallow);
 }
 class RefImpl {
-    constructor(value, _shallow) {
-        this._shallow = _shallow;
+    constructor(value, __v_isShallow) {
+        this.__v_isShallow = __v_isShallow;
         this.dep = undefined;
         this.__v_isRef = true;
-        this._rawValue = _shallow ? value : toRaw(value);
-        this._value = _shallow ? value : toReactive(value);
+        this._rawValue = __v_isShallow ? value : toRaw(value);
+        this._value = __v_isShallow ? value : toReactive(value);
     }
     get value() {
         trackRefValue(this);
         return this._value;
     }
     set value(newVal) {
-        newVal = this._shallow ? newVal : toRaw(newVal);
+        newVal = this.__v_isShallow ? newVal : toRaw(newVal);
         if (hasChanged(newVal, this._rawValue)) {
             this._rawValue = newVal;
-            this._value = this._shallow ? newVal : toReactive(newVal);
+            this._value = this.__v_isShallow ? newVal : toReactive(newVal);
             triggerRefValue(this, newVal);
         }
     }
@@ -1402,22 +1418,23 @@ class ComputedRefImpl {
     constructor(getter, _setter, isReadonly, isSSR) {
         this._setter = _setter;
         this.dep = undefined;
-        this._dirty = true;
         this.__v_isRef = true;
+        this._dirty = true;
         this.effect = new ReactiveEffect(getter, () => {
             if (!this._dirty) {
                 this._dirty = true;
                 triggerRefValue(this);
             }
         });
-        this.effect.active = !isSSR;
+        this.effect.computed = this;
+        this.effect.active = this._cacheable = !isSSR;
         this["__v_isReadonly" /* IS_READONLY */] = isReadonly;
     }
     get value() {
         // the computed ref may get wrapped by other proxies e.g. readonly() #3376
         const self = toRaw(this);
         trackRefValue(self);
-        if (self._dirty) {
+        if (self._dirty || !self._cacheable) {
             self._dirty = false;
             self._value = self.effect.run();
         }
@@ -1595,7 +1612,7 @@ const ErrorTypeStrings = {
     [12 /* FUNCTION_REF */]: 'ref function',
     [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
     [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core'
 };
 function callWithErrorHandling(fn, instance, type, args) {
     let res;
@@ -2107,23 +2124,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. ` +
@@ -2136,7 +2153,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 ` +
@@ -2150,16 +2167,16 @@ const deprecationData = {
     ["CONFIG_DEVTOOLS" /* CONFIG_DEVTOOLS */]: {
         message: `config.devtools has been removed. To enable devtools for ` +
             `production, configure the __VUE_PROD_DEVTOOLS__ compile-time flag.`,
-        link: `https://github.com/vuejs/vue-next/tree/master/packages/vue#bundler-build-feature-flags`
+        link: `https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags`
     },
     ["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: () => {
@@ -2172,7 +2189,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
@@ -2195,12 +2212,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, ` +
@@ -2208,23 +2225,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 ` +
@@ -2235,17 +2252,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\`.`
@@ -2259,23 +2276,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 ` +
@@ -2283,7 +2300,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 ` +
@@ -2292,7 +2309,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
@@ -2303,7 +2320,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) => {
@@ -2316,7 +2333,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) => {
@@ -2327,7 +2344,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) => {
@@ -2337,27 +2354,27 @@ const deprecationData = {
                 (isArray(comp.props)
                     ? comp.props.includes('modelValue')
                     : hasOwn(comp.props, 'modelValue'))) {
-                return (`Component delcares "modelValue" prop, which is Vue 3 usage, but ` +
+                return (`Component declares "modelValue" prop, which is Vue 3 usage, but ` +
                     `is running under Vue 2 compat v-model behavior. You can ${configMsg}`);
             }
             return (`v-model usage on component has changed in Vue 3. Component that expects ` +
                 `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. ` +
@@ -2428,7 +2445,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 {
@@ -2570,6 +2587,7 @@ const compatModelEventPrefix = `onModelCompat:`;
 const warnedTypes = new WeakSet();
 function convertLegacyVModelProps(vnode) {
     const { type, shapeFlag, props, dynamicProps } = vnode;
+    const comp = type;
     if (shapeFlag & 6 /* COMPONENT */ && props && 'modelValue' in props) {
         if (!isCompatEnabled("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, 
         // this is a special case where we want to use the vnode component's
@@ -2578,16 +2596,18 @@ function convertLegacyVModelProps(vnode) {
         { type })) {
             return;
         }
-        if ((process.env.NODE_ENV !== 'production') && !warnedTypes.has(type)) {
+        if ((process.env.NODE_ENV !== 'production') && !warnedTypes.has(comp)) {
             pushWarningContext(vnode);
-            warnDeprecation("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, { type }, type);
+            warnDeprecation("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, { type }, comp);
             popWarningContext();
-            warnedTypes.add(type);
+            warnedTypes.add(comp);
         }
         // v3 compiled model code -> v2 compat props
         // modelValue -> value
         // onUpdate:modelValue -> onModelCompat:input
-        const { prop = 'value', event = 'input' } = type.model || {};
+        const model = comp.model || {};
+        applyModelFromMixins(model, comp.mixins);
+        const { prop = 'value', event = 'input' } = model;
         if (prop !== 'modelValue') {
             props[prop] = props.modelValue;
             delete props.modelValue;
@@ -2600,6 +2620,16 @@ function convertLegacyVModelProps(vnode) {
         delete props['onUpdate:modelValue'];
     }
 }
+function applyModelFromMixins(model, mixins) {
+    if (mixins) {
+        mixins.forEach(m => {
+            if (m.model)
+                extend(model, m.model);
+            if (m.mixins)
+                applyModelFromMixins(model, m.mixins);
+        });
+    }
+}
 function compatModelEmit(instance, event, args) {
     if (!isCompatEnabled("COMPONENT_V_MODEL" /* COMPONENT_V_MODEL */, instance)) {
         return;
@@ -3603,7 +3633,7 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
     if (instance) {
         // #2400
         // to support `app.use` plugins,
-        // fallback to appContext's `provides` if the intance is at root
+        // fallback to appContext's `provides` if the instance is at root
         const provides = instance.parent == null
             ? instance.vnode.appContext && instance.vnode.appContext.provides
             : instance.parent.provides;
@@ -3671,7 +3701,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
     let isMultiSource = false;
     if (isRef(source)) {
         getter = () => source.value;
-        forceTrigger = !!source._shallow;
+        forceTrigger = isShallow(source);
     }
     else if (isReactive(source)) {
         getter = () => source;
@@ -4583,7 +4613,7 @@ function matches(pattern, name) {
         return pattern.some((p) => matches(p, name));
     }
     else if (isString(pattern)) {
-        return pattern.split(',').indexOf(name) > -1;
+        return pattern.split(',').includes(name);
     }
     else if (pattern.test) {
         return pattern.test(name);
@@ -4855,7 +4885,7 @@ function applyOptions(instance) {
                         warn$1(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     : NOOP;
-            const c = computed({
+            const c = computed$1({
                 get,
                 set
             });
@@ -5339,7 +5369,9 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
         // attrs point to the same object so it should already have been updated.
         if (attrs !== rawCurrentProps) {
             for (const key in attrs) {
-                if (!rawProps || !hasOwn(rawProps, key)) {
+                if (!rawProps ||
+                    (!hasOwn(rawProps, key) &&
+                        (!hasOwn(rawProps, key + 'Native')))) {
                     delete attrs[key];
                     hasAttrsChanged = true;
                 }
@@ -5844,7 +5876,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);
@@ -5979,7 +6010,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = "3.2.27";
+    Vue.version = `2.6.14-compat:${"3.2.31"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -6810,7 +6841,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 ((process.env.NODE_ENV !== 'production') || forcePatchValue || patchFlag !== -1 /* HOISTED */) {
             if (dirs) {
                 invokeDirectiveHook(vnode, null, parentComponent, 'created');
             }
@@ -6977,6 +7009,7 @@ function createHydrationFunctions(rendererInternals) {
     return [hydrate, hydrateNode];
 }
 
+/* eslint-disable no-restricted-globals */
 let supported;
 let perf;
 function startMeasure(instance, type) {
@@ -7004,7 +7037,6 @@ function isSupported() {
     if (supported !== undefined) {
         return supported;
     }
-    /* eslint-disable no-restricted-globals */
     if (typeof window !== 'undefined' && window.performance) {
         supported = true;
         perf = window.performance;
@@ -7012,7 +7044,6 @@ function isSupported() {
     else {
         supported = false;
     }
-    /* eslint-enable no-restricted-globals */
     return supported;
 }
 
@@ -9305,7 +9336,7 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
         shapeFlag: vnode.shapeFlag,
         // if the vnode is cloned with extra props, we can no longer assume its
         // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-        // note: perserve flag for fragments since they use the flag for children
+        // note: preserve flag for fragments since they use the flag for children
         // fast paths only.
         patchFlag: extraProps && vnode.type !== Fragment
             ? patchFlag === -1 // hoisted node
@@ -9470,7 +9501,8 @@ function mergeProps(...args) {
             else if (isOn(key)) {
                 const existing = ret[key];
                 const incoming = toMerge[key];
-                if (existing !== incoming &&
+                if (incoming &&
+                    existing !== incoming &&
                     !(isArray(existing) && existing.includes(incoming))) {
                     ret[key] = existing
                         ? [].concat(existing, incoming)
@@ -9746,7 +9778,7 @@ function legacyCheckKeyCodes(instance, eventKeyCode, key, builtInKeyCode, eventK
 }
 function isKeyNotMatch(expect, actual) {
     if (isArray(expect)) {
-        return expect.indexOf(actual) === -1;
+        return !expect.includes(actual);
     }
     else {
         return expect !== actual;
@@ -9825,7 +9857,7 @@ function installCompatInstanceProperties(map) {
         extend(map, {
             // needed by many libs / render fns
             $vnode: i => i.vnode,
-            // inject addtional properties into $options for compat
+            // inject additional properties into $options for compat
             // e.g. vuex needs this.$options.parent
             $options: i => {
                 const res = extend({}, resolveMergedOptions(i));
@@ -10015,9 +10047,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)) {
             (process.env.NODE_ENV !== 'production') &&
@@ -10053,6 +10087,15 @@ const PublicInstanceProxyHandlers = {
             hasOwn(ctx, key) ||
             hasOwn(publicPropertiesMap, key) ||
             hasOwn(appContext.config.globalProperties, key));
+    },
+    defineProperty(target, key, descriptor) {
+        if (descriptor.get != null) {
+            this.set(target, key, descriptor.get(), null);
+        }
+        else if (descriptor.value != null) {
+            this.set(target, key, descriptor.value, null);
+        }
+        return Reflect.defineProperty(target, key, descriptor);
     }
 };
 if ((process.env.NODE_ENV !== 'production') && !false) {
@@ -10581,7 +10624,7 @@ function defineEmits() {
  * instance properties when it is accessed by a parent component via template
  * refs.
  *
- * `<script setup>` components are closed by default - i.e. varaibles inside
+ * `<script setup>` components are closed by default - i.e. variables inside
  * the `<script setup>` scope is not exposed to parent unless explicitly exposed
  * via `defineExpose`.
  *
@@ -10784,7 +10827,7 @@ function initCustomFormatter() {
                 return [
                     'div',
                     {},
-                    ['span', vueStyle, 'Reactive'],
+                    ['span', vueStyle, isShallow(obj) ? 'ShallowReactive' : 'Reactive'],
                     '<',
                     formatValue(obj),
                     `>${isReadonly(obj) ? ` (readonly)` : ``}`
@@ -10794,7 +10837,7 @@ function initCustomFormatter() {
                 return [
                     'div',
                     {},
-                    ['span', vueStyle, 'Readonly'],
+                    ['span', vueStyle, isShallow(obj) ? 'ShallowReadonly' : 'Readonly'],
                     '<',
                     formatValue(obj),
                     '>'
@@ -10923,7 +10966,7 @@ function initCustomFormatter() {
         }
     }
     function genRefFlag(v) {
-        if (v._shallow) {
+        if (isShallow(v)) {
             return `ShallowRef`;
         }
         if (v.effect) {
@@ -10967,7 +11010,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.27";
+const version = "3.2.31";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -11056,7 +11099,10 @@ const nodeOps = {
     insertStaticContent(content, parent, anchor, isSVG, start, end) {
         // <parent> before | first ... last | anchor </parent>
         const before = anchor ? anchor.previousSibling : parent.lastChild;
-        if (start && end) {
+        // #5308 can only take cached path if:
+        // - has a single root node
+        // - nextSibling info is still available
+        if (start && (start === end || start.nextSibling)) {
             // cached
             while (true) {
                 parent.insertBefore(start.cloneNode(true), anchor);
@@ -11407,7 +11453,7 @@ function patchStopImmediatePropagation(e, value) {
             originalStop.call(e);
             e._stopped = true;
         };
-        return value.map(fn => (e) => !e._stopped && fn(e));
+        return value.map(fn => (e) => !e._stopped && fn && fn(e));
     }
     else {
         return value;
@@ -12828,6 +12874,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
   isProxy: isProxy,
   isReactive: isReactive,
   isReadonly: isReadonly,
+  isShallow: isShallow,
   customRef: customRef,
   triggerRef: triggerRef,
   shallowRef: shallowRef,
@@ -12988,4 +13035,4 @@ Vue.compile = (() => {
 const { configureCompat: configureCompat$1 } = Vue;
 
 export default Vue;
-export { BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed$1 as computed, configureCompat$1 as configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter$1 as resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };
+export { BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, computed$1 as computed, configureCompat$1 as configureCompat, createApp, createBlock, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isShallow, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter$1 as resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn$1 as warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId };