@vue/compat 3.2.44 → 3.2.46

package/dist/vue.cjs.js

@@ -190,7 +190,7 @@ function normalizeProps(props) {
 // These tag configs are shared between compiler-dom and runtime-dom, so they
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,aside,footer,' +
-    'header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
+    'header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,' +
     'figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,' +
     'data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,' +
     'time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,' +
@@ -202,7 +202,7 @@ const HTML_TAGS = 'html,body,base,head,link,meta,style,title,address,article,asi
 const SVG_TAGS = 'svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,' +
     'defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,' +
     'feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,' +
-    'feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' +
+    'feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,' +
     'feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,' +
     'fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,' +
     'foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,' +
@@ -469,12 +469,13 @@ const remove = (arr, el) => {
         arr.splice(i, 1);
     }
 };
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
 const isArray = Array.isArray;
 const isMap = (val) => toTypeString(val) === '[object Map]';
 const isSet = (val) => toTypeString(val) === '[object Set]';
 const isDate = (val) => toTypeString(val) === '[object Date]';
+const isRegExp = (val) => toTypeString(val) === '[object RegExp]';
 const isFunction = (val) => typeof val === 'function';
 const isString = (val) => typeof val === 'string';
 const isSymbol = (val) => typeof val === 'symbol';
@@ -541,10 +542,22 @@ const def = (obj, key, value) => {
         value
     });
 };
-const toNumber = (val) => {
+/**
+ * "123-foo" will be parsed to 123
+ * This is used for the .number modifier in v-model
+ */
+const looseToNumber = (val) => {
     const n = parseFloat(val);
     return isNaN(n) ? val : n;
 };
+/**
+ * Only conerces number-like strings
+ * "123-foo" will be returned as-is
+ */
+const toNumber = (val) => {
+    const n = isString(val) ? Number(val) : NaN;
+    return isNaN(n) ? val : n;
+};
 let _globalThis;
 const getGlobalThis = () => {
     return (_globalThis ||
@@ -566,7 +579,7 @@ function genPropsAccessExp(name) {
         : `__props[${JSON.stringify(name)}]`;
 }
 
-function warn(msg, ...args) {
+function warn$1(msg, ...args) {
     console.warn(`[Vue warn] ${msg}`, ...args);
 }
 
@@ -577,7 +590,7 @@ class EffectScope {
         /**
          * @internal
          */
-        this.active = true;
+        this._active = true;
         /**
          * @internal
          */
@@ -592,8 +605,11 @@ class EffectScope {
                 (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
         }
     }
+    get active() {
+        return this._active;
+    }
     run(fn) {
-        if (this.active) {
+        if (this._active) {
             const currentEffectScope = activeEffectScope;
             try {
                 activeEffectScope = this;
@@ -604,7 +620,7 @@ class EffectScope {
             }
         }
         else {
-            warn(`cannot run an inactive effect scope.`);
+            warn$1(`cannot run an inactive effect scope.`);
         }
     }
     /**
@@ -622,7 +638,7 @@ class EffectScope {
         activeEffectScope = this.parent;
     }
     stop(fromParent) {
-        if (this.active) {
+        if (this._active) {
             let i, l;
             for (i = 0, l = this.effects.length; i < l; i++) {
                 this.effects[i].stop();
@@ -645,7 +661,7 @@ class EffectScope {
                 }
             }
             this.parent = undefined;
-            this.active = false;
+            this._active = false;
         }
     }
 }
@@ -665,7 +681,7 @@ function onScopeDispose(fn) {
         activeEffectScope.cleanups.push(fn);
     }
     else {
-        warn(`onScopeDispose() is called when there is no active effect scope` +
+        warn$1(`onScopeDispose() is called when there is no active effect scope` +
             ` to be associated with.`);
     }
 }
@@ -869,7 +885,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
         deps = [...depsMap.values()];
     }
     else if (key === 'length' && isArray(target)) {
-        const newLength = toNumber(newValue);
+        const newLength = Number(newValue);
         depsMap.forEach((dep, key) => {
             if (key === 'length' || key >= newLength) {
                 deps.push(dep);
@@ -958,6 +974,10 @@ function triggerEffect(effect, debuggerEventExtraInfo) {
         }
     }
 }
+function getDepFromReactive(object, key) {
+    var _a;
+    return (_a = targetMap.get(object)) === null || _a === void 0 ? void 0 : _a.get(key);
+}
 
 const isNonTrackableKeys = /*#__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
 const builtInSymbols = new Set(
@@ -969,7 +989,7 @@ Object.getOwnPropertyNames(Symbol)
     .filter(key => key !== 'arguments' && key !== 'caller')
     .map(key => Symbol[key])
     .filter(isSymbol));
-const get = /*#__PURE__*/ createGetter();
+const get$1 = /*#__PURE__*/ createGetter();
 const shallowGet = /*#__PURE__*/ createGetter(false, true);
 const readonlyGet = /*#__PURE__*/ createGetter(true);
 const shallowReadonlyGet = /*#__PURE__*/ createGetter(true, true);
@@ -1003,6 +1023,11 @@ function createArrayInstrumentations() {
     });
     return instrumentations;
 }
+function hasOwnProperty(key) {
+    const obj = toRaw(this);
+    track(obj, "has" /* TrackOpTypes.HAS */, key);
+    return obj.hasOwnProperty(key);
+}
 function createGetter(isReadonly = false, shallow = false) {
     return function get(target, key, receiver) {
         if (key === "__v_isReactive" /* ReactiveFlags.IS_REACTIVE */) {
@@ -1026,8 +1051,13 @@ function createGetter(isReadonly = false, shallow = false) {
             return target;
         }
         const targetIsArray = isArray(target);
-        if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) {
-            return Reflect.get(arrayInstrumentations, key, receiver);
+        if (!isReadonly) {
+            if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
+                return Reflect.get(arrayInstrumentations, key, receiver);
+            }
+            if (key === 'hasOwnProperty') {
+                return hasOwnProperty;
+            }
         }
         const res = Reflect.get(target, key, receiver);
         if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
@@ -1052,7 +1082,7 @@ function createGetter(isReadonly = false, shallow = false) {
         return res;
     };
 }
-const set = /*#__PURE__*/ createSetter();
+const set$1 = /*#__PURE__*/ createSetter();
 const shallowSet = /*#__PURE__*/ createSetter(true);
 function createSetter(shallow = false) {
     return function set(target, key, value, receiver) {
@@ -1095,7 +1125,7 @@ function deleteProperty(target, key) {
     }
     return result;
 }
-function has(target, key) {
+function has$1(target, key) {
     const result = Reflect.has(target, key);
     if (!isSymbol(key) || !builtInSymbols.has(key)) {
         track(target, "has" /* TrackOpTypes.HAS */, key);
@@ -1107,23 +1137,23 @@ function ownKeys(target) {
     return Reflect.ownKeys(target);
 }
 const mutableHandlers = {
-    get,
-    set,
+    get: get$1,
+    set: set$1,
     deleteProperty,
-    has,
+    has: has$1,
     ownKeys
 };
 const readonlyHandlers = {
     get: readonlyGet,
     set(target, key) {
         {
-            warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
+            warn$1(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
         }
         return true;
     },
     deleteProperty(target, key) {
         {
-            warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
+            warn$1(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
         }
         return true;
     }
@@ -1141,7 +1171,7 @@ const shallowReadonlyHandlers = /*#__PURE__*/ extend({}, readonlyHandlers, {
 
 const toShallow = (value) => value;
 const getProto = (v) => Reflect.getPrototypeOf(v);
-function get$1(target, key, isReadonly = false, isShallow = false) {
+function get(target, key, isReadonly = false, isShallow = false) {
     // #1772: readonly(reactive(Map)) should return readonly + reactive version
     // of the value
     target = target["__v_raw" /* ReactiveFlags.RAW */];
@@ -1167,7 +1197,7 @@ function get$1(target, key, isReadonly = false, isShallow = false) {
         target.get(key);
     }
 }
-function has$1(key, isReadonly = false) {
+function has(key, isReadonly = false) {
     const target = this["__v_raw" /* ReactiveFlags.RAW */];
     const rawTarget = toRaw(target);
     const rawKey = toRaw(key);
@@ -1197,7 +1227,7 @@ function add(value) {
     }
     return this;
 }
-function set$1(key, value) {
+function set(key, value) {
     value = toRaw(value);
     const target = toRaw(this);
     const { has, get } = getProto(target);
@@ -1310,41 +1340,41 @@ function createReadonlyMethod(type) {
 function createInstrumentations() {
     const mutableInstrumentations = {
         get(key) {
-            return get$1(this, key);
+            return get(this, key);
         },
         get size() {
             return size(this);
         },
-        has: has$1,
+        has,
         add,
-        set: set$1,
+        set,
         delete: deleteEntry,
         clear,
         forEach: createForEach(false, false)
     };
     const shallowInstrumentations = {
         get(key) {
-            return get$1(this, key, false, true);
+            return get(this, key, false, true);
         },
         get size() {
             return size(this);
         },
-        has: has$1,
+        has,
         add,
-        set: set$1,
+        set,
         delete: deleteEntry,
         clear,
         forEach: createForEach(false, true)
     };
     const readonlyInstrumentations = {
         get(key) {
-            return get$1(this, key, true);
+            return get(this, key, true);
         },
         get size() {
             return size(this, true);
         },
         has(key) {
-            return has$1.call(this, key, true);
+            return has.call(this, key, true);
         },
         add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */),
         set: createReadonlyMethod("set" /* TriggerOpTypes.SET */),
@@ -1354,13 +1384,13 @@ function createInstrumentations() {
     };
     const shallowReadonlyInstrumentations = {
         get(key) {
-            return get$1(this, key, true, true);
+            return get(this, key, true, true);
         },
         get size() {
             return size(this, true);
         },
         has(key) {
-            return has$1.call(this, key, true);
+            return has.call(this, key, true);
         },
         add: createReadonlyMethod("add" /* TriggerOpTypes.ADD */),
         set: createReadonlyMethod("set" /* TriggerOpTypes.SET */),
@@ -1551,9 +1581,10 @@ function trackRefValue(ref) {
 }
 function triggerRefValue(ref, newVal) {
     ref = toRaw(ref);
-    if (ref.dep) {
+    const dep = ref.dep;
+    if (dep) {
         {
-            triggerEffects(ref.dep, {
+            triggerEffects(dep, {
                 target: ref,
                 type: "set" /* TriggerOpTypes.SET */,
                 key: 'value',
@@ -1665,6 +1696,9 @@ class ObjectRefImpl {
     set value(newVal) {
         this._object[this._key] = newVal;
     }
+    get dep() {
+        return getDepFromReactive(toRaw(this._object), this._key);
+    }
 }
 function toRef(object, key, defaultValue) {
     const val = object[key];
@@ -1706,7 +1740,7 @@ class ComputedRefImpl {
     }
 }
 _a = "__v_isReadonly" /* ReactiveFlags.IS_READONLY */;
-function computed(getterOrOptions, debugOptions, isSSR = false) {
+function computed$1(getterOrOptions, debugOptions, isSSR = false) {
     let getter;
     let setter;
     const onlyGetter = isFunction(getterOrOptions);
@@ -1736,7 +1770,7 @@ function pushWarningContext(vnode) {
 function popWarningContext() {
     stack.pop();
 }
-function warn$1(msg, ...args) {
+function warn(msg, ...args) {
     // avoid props formatting or warn handler tracking deps that might be mutated
     // during patch, leading to infinite recursion.
     pauseTracking();
@@ -1842,6 +1876,20 @@ function formatProp(key, value, raw) {
         return raw ? value : [`${key}=`, value];
     }
 }
+/**
+ * @internal
+ */
+function assertNumber(val, type) {
+    if (val === undefined) {
+        return;
+    }
+    else if (typeof val !== 'number') {
+        warn(`${type} is not a valid number - ` + `got ${JSON.stringify(val)}.`);
+    }
+    else if (isNaN(val)) {
+        warn(`${type} is NaN - ` + 'the duration expression might be incorrect.');
+    }
+}
 
 const ErrorTypeStrings = {
     ["sp" /* LifecycleHooks.SERVER_PREFETCH */]: 'serverPrefetch hook',
@@ -1935,7 +1983,7 @@ function logError(err, type, contextVNode, throwInDev = true) {
         if (contextVNode) {
             pushWarningContext(contextVNode);
         }
-        warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+        warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
         if (contextVNode) {
             popWarningContext();
         }
@@ -2131,7 +2179,7 @@ function checkRecursiveUpdates(seen, fn) {
         if (count > RECURSION_LIMIT) {
             const instance = fn.ownerInstance;
             const componentName = instance && getComponentName(instance.type);
-            warn$1(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
+            warn(`Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. ` +
                 `This means you have a reactive effect that is mutating its own ` +
                 `dependencies and thus recursively triggering itself. Possible sources ` +
                 `include component template, render function, updated hook or ` +
@@ -2238,12 +2286,6 @@ function reload(id, newComp) {
             // components to be unmounted and re-mounted. Queue the update so that we
             // don't end up forcing the same parent to re-render multiple times.
             queueJob(instance.parent.update);
-            // instance is the inner component of an async custom element
-            // invoke to reset styles
-            if (instance.parent.type.__asyncLoader &&
-                instance.parent.ceReload) {
-                instance.parent.ceReload(newComp.styles);
-            }
         }
         else if (instance.appContext.reload) {
             // root instance mounted via createApp() has a reload method
@@ -2288,7 +2330,7 @@ function tryWrap(fn) {
 let devtools;
 let buffer = [];
 let devtoolsNotInstalled = false;
-function emit(event, ...args) {
+function emit$2(event, ...args) {
     if (devtools) {
         devtools.emit(event, ...args);
     }
@@ -2335,7 +2377,7 @@ function setDevtoolsHook(hook, target) {
     }
 }
 function devtoolsInitApp(app, version) {
-    emit("app:init" /* DevtoolsHooks.APP_INIT */, app, version, {
+    emit$2("app:init" /* DevtoolsHooks.APP_INIT */, app, version, {
         Fragment,
         Text,
         Comment,
@@ -2343,7 +2385,7 @@ function devtoolsInitApp(app, version) {
     });
 }
 function devtoolsUnmountApp(app) {
-    emit("app:unmount" /* DevtoolsHooks.APP_UNMOUNT */, app);
+    emit$2("app:unmount" /* DevtoolsHooks.APP_UNMOUNT */, app);
 }
 const devtoolsComponentAdded = /*#__PURE__*/ createDevtoolsComponentHook("component:added" /* DevtoolsHooks.COMPONENT_ADDED */);
 const devtoolsComponentUpdated = 
@@ -2359,21 +2401,21 @@ const devtoolsComponentRemoved = (component) => {
 };
 function createDevtoolsComponentHook(hook) {
     return (component) => {
-        emit(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
+        emit$2(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : undefined, component);
     };
 }
 const devtoolsPerfStart = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:start" /* DevtoolsHooks.PERFORMANCE_START */);
 const devtoolsPerfEnd = /*#__PURE__*/ createDevtoolsPerformanceHook("perf:end" /* DevtoolsHooks.PERFORMANCE_END */);
 function createDevtoolsPerformanceHook(hook) {
     return (component, type, time) => {
-        emit(hook, component.appContext.app, component.uid, component, type, time);
+        emit$2(hook, component.appContext.app, component.uid, component, type, time);
     };
 }
 function devtoolsComponentEmit(component, event, params) {
-    emit("component:emit" /* DevtoolsHooks.COMPONENT_EMIT */, component.appContext.app, component, event, params);
+    emit$2("component:emit" /* DevtoolsHooks.COMPONENT_EMIT */, component.appContext.app, component, event, params);
 }
 
-const deprecationData = {
+const deprecationData$1 = {
     ["GLOBAL_MOUNT" /* DeprecationTypes.GLOBAL_MOUNT */]: {
         message: `The global app bootstrapping API has changed: vm.$mount() and the "el" ` +
             `option have been removed. Use createApp(RootComponent).mount() instead.`,
@@ -2637,7 +2679,7 @@ const deprecationData = {
 };
 const instanceWarned = Object.create(null);
 const warnCount = Object.create(null);
-function warnDeprecation(key, instance, ...args) {
+function warnDeprecation$1(key, instance, ...args) {
     instance = instance || getCurrentInstance();
     // check user config
     const config = getCompatConfigForKey(key, instance);
@@ -2658,13 +2700,13 @@ function warnDeprecation(key, instance, ...args) {
     // same warning, but different component. skip the long message and just
     // log the key and count.
     if (dupKey in warnCount) {
-        warn$1(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
+        warn(`(deprecation ${key}) (${++warnCount[dupKey] + 1})`);
         return;
     }
     warnCount[dupKey] = 0;
-    const { message, link } = deprecationData[key];
-    warn$1(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
-    if (!isCompatEnabled(key, instance, true)) {
+    const { message, link } = deprecationData$1[key];
+    warn(`(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`);
+    if (!isCompatEnabled$1(key, instance, true)) {
         console.error(`^ The above deprecation's compat behavior is disabled and will likely ` +
             `lead to runtime errors.`);
     }
@@ -2688,24 +2730,24 @@ function validateCompatConfig(config, instance) {
     seenConfigObjects.add(config);
     for (const key of Object.keys(config)) {
         if (key !== 'MODE' &&
-            !(key in deprecationData) &&
+            !(key in deprecationData$1) &&
             !(key in warnedInvalidKeys)) {
             if (key.startsWith('COMPILER_')) {
                 if (isRuntimeOnly()) {
-                    warn$1(`Deprecation config "${key}" is compiler-specific and you are ` +
+                    warn(`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-migration.vuejs.org/breaking-changes/migration-build.html`);
                 }
             }
             else {
-                warn$1(`Invalid deprecation config "${key}".`);
+                warn(`Invalid deprecation config "${key}".`);
             }
             warnedInvalidKeys[key] = true;
         }
     }
     if (instance && config["OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */] != null) {
-        warn$1(`Deprecation config "${"OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */}" can only be configured globally.`);
+        warn(`Deprecation config "${"OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */}" can only be configured globally.`);
     }
 }
 function getCompatConfigForKey(key, instance) {
@@ -2715,7 +2757,7 @@ function getCompatConfigForKey(key, instance) {
     }
     return globalCompatConfig[key];
 }
-function isCompatEnabled(key, instance, enableForBuiltIn = false) {
+function isCompatEnabled$1(key, instance, enableForBuiltIn = false) {
     // skip compat for built-in components
     if (!enableForBuiltIn && instance && instance.type.__isBuiltIn) {
         return false;
@@ -2736,11 +2778,11 @@ function isCompatEnabled(key, instance, enableForBuiltIn = false) {
  * Use this for features that are completely removed in non-compat build.
  */
 function assertCompatEnabled(key, instance, ...args) {
-    if (!isCompatEnabled(key, instance)) {
+    if (!isCompatEnabled$1(key, instance)) {
         throw new Error(`${key} compat has been disabled.`);
     }
     else {
-        warnDeprecation(key, instance, ...args);
+        warnDeprecation$1(key, instance, ...args);
     }
 }
 /**
@@ -2749,19 +2791,19 @@ function assertCompatEnabled(key, instance, ...args) {
  */
 function softAssertCompatEnabled(key, instance, ...args) {
     {
-        warnDeprecation(key, instance, ...args);
+        warnDeprecation$1(key, instance, ...args);
     }
-    return isCompatEnabled(key, instance);
+    return isCompatEnabled$1(key, instance);
 }
 /**
  * Use this for features with the same syntax but with mutually exclusive
  * behavior in 2 vs 3. Only warn if compat is enabled.
  * e.g. render function
  */
-function checkCompatEnabled(key, instance, ...args) {
-    const enabled = isCompatEnabled(key, instance);
+function checkCompatEnabled$1(key, instance, ...args) {
+    const enabled = isCompatEnabled$1(key, instance);
     if (enabled) {
-        warnDeprecation(key, instance, ...args);
+        warnDeprecation$1(key, instance, ...args);
     }
     return enabled;
 }
@@ -2839,7 +2881,7 @@ function convertLegacyVModelProps(vnode) {
     const { type, shapeFlag, props, dynamicProps } = vnode;
     const comp = type;
     if (shapeFlag & 6 /* ShapeFlags.COMPONENT */ && props && 'modelValue' in props) {
-        if (!isCompatEnabled("COMPONENT_V_MODEL" /* DeprecationTypes.COMPONENT_V_MODEL */, 
+        if (!isCompatEnabled$1("COMPONENT_V_MODEL" /* DeprecationTypes.COMPONENT_V_MODEL */, 
         // this is a special case where we want to use the vnode component's
         // compat config instead of the current rendering instance (which is the
         // parent of the component that exposes v-model)
@@ -2848,7 +2890,7 @@ function convertLegacyVModelProps(vnode) {
         }
         if (!warnedTypes.has(comp)) {
             pushWarningContext(vnode);
-            warnDeprecation("COMPONENT_V_MODEL" /* DeprecationTypes.COMPONENT_V_MODEL */, { type }, comp);
+            warnDeprecation$1("COMPONENT_V_MODEL" /* DeprecationTypes.COMPONENT_V_MODEL */, { type }, comp);
             popWarningContext();
             warnedTypes.add(comp);
         }
@@ -2881,7 +2923,7 @@ function applyModelFromMixins(model, mixins) {
     }
 }
 function compatModelEmit(instance, event, args) {
-    if (!isCompatEnabled("COMPONENT_V_MODEL" /* DeprecationTypes.COMPONENT_V_MODEL */, instance)) {
+    if (!isCompatEnabled$1("COMPONENT_V_MODEL" /* DeprecationTypes.COMPONENT_V_MODEL */, instance)) {
         return;
     }
     const props = instance.vnode.props;
@@ -2891,7 +2933,7 @@ function compatModelEmit(instance, event, args) {
     }
 }
 
-function emit$2(instance, event, ...rawArgs) {
+function emit(instance, event, ...rawArgs) {
     if (instance.isUnmounted)
         return;
     const props = instance.vnode.props || EMPTY_OBJ;
@@ -2902,7 +2944,7 @@ function emit$2(instance, event, ...rawArgs) {
                 !((event.startsWith('hook:') ||
                         event.startsWith(compatModelEventPrefix)))) {
                 if (!propsOptions || !(toHandlerKey(event) in propsOptions)) {
-                    warn$1(`Component emitted event "${event}" but it is neither declared in ` +
+                    warn(`Component emitted event "${event}" but it is neither declared in ` +
                         `the emits option nor as an "${toHandlerKey(event)}" prop.`);
                 }
             }
@@ -2911,7 +2953,7 @@ function emit$2(instance, event, ...rawArgs) {
                 if (isFunction(validator)) {
                     const isValid = validator(...rawArgs);
                     if (!isValid) {
-                        warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+                        warn(`Invalid event arguments: event validation failed for event "${event}".`);
                     }
                 }
             }
@@ -2928,7 +2970,7 @@ function emit$2(instance, event, ...rawArgs) {
             args = rawArgs.map(a => (isString(a) ? a.trim() : a));
         }
         if (number) {
-            args = rawArgs.map(toNumber);
+            args = rawArgs.map(looseToNumber);
         }
     }
     {
@@ -2937,7 +2979,7 @@ function emit$2(instance, event, ...rawArgs) {
     {
         const lowerCaseEvent = event.toLowerCase();
         if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-            warn$1(`Event "${lowerCaseEvent}" is emitted in component ` +
+            warn(`Event "${lowerCaseEvent}" is emitted in component ` +
                 `${formatComponentName(instance, instance.type)} but the handler is registered for "${event}". ` +
                 `Note that HTML attributes are case-insensitive and you cannot use ` +
                 `v-on to listen to camelCase events when using in-DOM templates. ` +
@@ -3227,13 +3269,13 @@ function renderComponentRoot(instance) {
                     }
                 }
                 if (extraAttrs.length) {
-                    warn$1(`Extraneous non-props attributes (` +
+                    warn(`Extraneous non-props attributes (` +
                         `${extraAttrs.join(', ')}) ` +
                         `were passed to component but could not be automatically inherited ` +
                         `because component renders fragment or text root nodes.`);
                 }
                 if (eventAttrs.length) {
-                    warn$1(`Extraneous non-emits event listeners (` +
+                    warn(`Extraneous non-emits event listeners (` +
                         `${eventAttrs.join(', ')}) ` +
                         `were passed to component but could not be automatically inherited ` +
                         `because component renders fragment or text root nodes. ` +
@@ -3243,13 +3285,13 @@ function renderComponentRoot(instance) {
             }
         }
     }
-    if (isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
+    if (isCompatEnabled$1("INSTANCE_ATTRS_CLASS_STYLE" /* DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE */, instance) &&
         vnode.shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */ &&
         root.shapeFlag & (1 /* ShapeFlags.ELEMENT */ | 6 /* ShapeFlags.COMPONENT */)) {
         const { class: cls, style } = vnode.props || {};
         if (cls || style) {
             if (inheritAttrs === false) {
-                warnDeprecation("INSTANCE_ATTRS_CLASS_STYLE" /* DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE */, instance, getComponentName(instance.type));
+                warnDeprecation$1("INSTANCE_ATTRS_CLASS_STYLE" /* DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE */, instance, getComponentName(instance.type));
             }
             root = cloneVNode(root, {
                 class: cls,
@@ -3260,7 +3302,7 @@ function renderComponentRoot(instance) {
     // inherit directives
     if (vnode.dirs) {
         if (!isElementRoot(root)) {
-            warn$1(`Runtime directive used on component with non-element root node. ` +
+            warn(`Runtime directive used on component with non-element root node. ` +
                 `The directives will not function as intended.`);
         }
         // clone before mutating since the root may be a hoisted vnode
@@ -3270,7 +3312,7 @@ function renderComponentRoot(instance) {
     // inherit transition data
     if (vnode.transition) {
         if (!isElementRoot(root)) {
-            warn$1(`Component inside <Transition> renders non-element root node ` +
+            warn(`Component inside <Transition> renders non-element root node ` +
                 `that cannot be animated.`);
         }
         root.transition = vnode.transition;
@@ -3605,7 +3647,10 @@ function createSuspenseBoundary(vnode, parent, parentComponent, container, hidde
         console[console.info ? 'info' : 'log'](`<Suspense> is an experimental feature and its API will likely change.`);
     }
     const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals;
-    const timeout = toNumber(vnode.props && vnode.props.timeout);
+    const timeout = vnode.props ? toNumber(vnode.props.timeout) : undefined;
+    {
+        assertNumber(timeout, `Suspense timeout`);
+    }
     const suspense = {
         vnode,
         parent,
@@ -3833,7 +3878,7 @@ function normalizeSuspenseSlot(s) {
     if (isArray(s)) {
         const singleChild = filterSingleRoot(s);
         if (!singleChild) {
-            warn$1(`<Suspense> slots expect a single root node.`);
+            warn(`<Suspense> slots expect a single root node.`);
         }
         s = singleChild;
     }
@@ -3871,7 +3916,7 @@ function setActiveBranch(suspense, branch) {
 function provide(key, value) {
     if (!currentInstance) {
         {
-            warn$1(`provide() can only be used inside setup().`);
+            warn(`provide() can only be used inside setup().`);
         }
     }
     else {
@@ -3910,11 +3955,11 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
                 : defaultValue;
         }
         else {
-            warn$1(`injection "${String(key)}" not found.`);
+            warn(`injection "${String(key)}" not found.`);
         }
     }
     else {
-        warn$1(`inject() can only be used inside setup() or functional components.`);
+        warn(`inject() can only be used inside setup() or functional components.`);
     }
 }
 
@@ -3923,19 +3968,17 @@ function watchEffect(effect, options) {
     return doWatch(effect, null, options);
 }
 function watchPostEffect(effect, options) {
-    return doWatch(effect, null, ({ ...options, flush: 'post' }
-        ));
+    return doWatch(effect, null, { ...options, flush: 'post' } );
 }
 function watchSyncEffect(effect, options) {
-    return doWatch(effect, null, ({ ...options, flush: 'sync' }
-        ));
+    return doWatch(effect, null, { ...options, flush: 'sync' } );
 }
 // initial value for watchers to trigger on undefined initial values
 const INITIAL_WATCHER_VALUE = {};
 // implementation
 function watch(source, cb, options) {
     if (!isFunction(cb)) {
-        warn$1(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
+        warn(`\`watch(fn, options?)\` signature has been moved to a separate API. ` +
             `Use \`watchEffect(fn, options?)\` instead. \`watch\` now only ` +
             `supports \`watch(source, cb, options?) signature.`);
     }
@@ -3944,19 +3987,20 @@ function watch(source, cb, options) {
 function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
     if (!cb) {
         if (immediate !== undefined) {
-            warn$1(`watch() "immediate" option is only respected when using the ` +
+            warn(`watch() "immediate" option is only respected when using the ` +
                 `watch(source, callback, options?) signature.`);
         }
         if (deep !== undefined) {
-            warn$1(`watch() "deep" option is only respected when using the ` +
+            warn(`watch() "deep" option is only respected when using the ` +
                 `watch(source, callback, options?) signature.`);
         }
     }
     const warnInvalidSource = (s) => {
-        warn$1(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
+        warn(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, ` +
             `a reactive object, or an array of these types.`);
     };
-    const instance = currentInstance;
+    const instance = getCurrentScope() === (currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.scope) ? currentInstance : null;
+    // const instance = currentInstance
     let getter;
     let forceTrigger = false;
     let isMultiSource = false;
@@ -4014,7 +4058,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
         getter = () => {
             const val = baseGetter();
             if (isArray(val) &&
-                checkCompatEnabled("WATCH_ARRAY" /* DeprecationTypes.WATCH_ARRAY */, instance)) {
+                checkCompatEnabled$1("WATCH_ARRAY" /* DeprecationTypes.WATCH_ARRAY */, instance)) {
                 traverse(val);
             }
             return val;
@@ -4070,7 +4114,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
                     ? newValue.some((v, i) => hasChanged(v, oldValue[i]))
                     : hasChanged(newValue, oldValue)) ||
                 (isArray(newValue) &&
-                    isCompatEnabled("WATCH_ARRAY" /* DeprecationTypes.WATCH_ARRAY */, instance))) {
+                    isCompatEnabled$1("WATCH_ARRAY" /* DeprecationTypes.WATCH_ARRAY */, instance))) {
                 // cleanup before running cb again
                 if (cleanup) {
                     cleanup();
@@ -4080,7 +4124,7 @@ function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EM
                     // pass undefined as the old value when it's changed for the first time
                     oldValue === INITIAL_WATCHER_VALUE
                         ? undefined
-                        : (isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE)
+                        : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE
                             ? []
                             : oldValue,
                     onCleanup
@@ -4262,7 +4306,7 @@ const BaseTransitionImpl = {
                     if (c.type !== Comment) {
                         if (hasFound) {
                             // warn more than one non-comment child
-                            warn$1('<transition> can only be used on a single element or component. ' +
+                            warn('<transition> can only be used on a single element or component. ' +
                                 'Use <transition-group> for lists.');
                             break;
                         }
@@ -4280,7 +4324,7 @@ const BaseTransitionImpl = {
                 mode !== 'in-out' &&
                 mode !== 'out-in' &&
                 mode !== 'default') {
-                warn$1(`invalid <transition> mode: ${mode}`);
+                warn(`invalid <transition> mode: ${mode}`);
             }
             if (state.isLeaving) {
                 return emptyPlaceholder(child);
@@ -4591,7 +4635,7 @@ function defineAsyncComponent(source) {
                         return pendingRequest;
                     }
                     if (!comp) {
-                        warn$1(`Async component loader resolved to undefined. ` +
+                        warn(`Async component loader resolved to undefined. ` +
                             `If you are using retry(), make sure to return its return value.`);
                     }
                     // interop module default
@@ -4684,10 +4728,15 @@ function defineAsyncComponent(source) {
         }
     });
 }
-function createInnerComp(comp, { vnode: { ref, props, children, shapeFlag }, parent }) {
+function createInnerComp(comp, parent) {
+    const { ref, props, children, ce } = parent.vnode;
     const vnode = createVNode(comp, props, children);
     // ensure inner component inherits the async wrapper's ref owner
     vnode.ref = ref;
+    // pass the custom element callback on to the inner comp
+    // and remove it from the async wrapper
+    vnode.ce = ce;
+    delete parent.vnode.ce;
     return vnode;
 }
 
@@ -4781,7 +4830,7 @@ const KeepAliveImpl = {
         }
         function pruneCacheEntry(key) {
             const cached = cache.get(key);
-            if (!current || cached.type !== current.type) {
+            if (!current || !isSameVNodeType(cached, current)) {
                 unmount(cached);
             }
             else if (current) {
@@ -4813,7 +4862,7 @@ const KeepAliveImpl = {
             cache.forEach(cached => {
                 const { subTree, suspense } = instance;
                 const vnode = getInnerChild(subTree);
-                if (cached.type === vnode.type) {
+                if (cached.type === vnode.type && cached.key === vnode.key) {
                     // current instance will be unmounted as part of keep-alive's unmount
                     resetShapeFlag(vnode);
                     // but invoke its deactivated hook here
@@ -4833,7 +4882,7 @@ const KeepAliveImpl = {
             const rawVNode = children[0];
             if (children.length > 1) {
                 {
-                    warn$1(`KeepAlive should contain exactly one component child.`);
+                    warn(`KeepAlive should contain exactly one component child.`);
                 }
                 current = null;
                 return children;
@@ -4853,8 +4902,7 @@ const KeepAliveImpl = {
                 : comp);
             const { include, exclude, max } = props;
             if ((include && (!name || !matches(include, name))) ||
-                (exclude && name && matches(exclude, name)) ||
-                (hmrDirtyComponents.has(comp))) {
+                (exclude && name && matches(exclude, name))) {
                 current = vnode;
                 return rawVNode;
             }
@@ -4914,7 +4962,7 @@ function matches(pattern, name) {
     else if (isString(pattern)) {
         return pattern.split(',').includes(name);
     }
-    else if (pattern.test) {
+    else if (isRegExp(pattern)) {
         return pattern.test(name);
     }
     /* istanbul ignore next */
@@ -4967,14 +5015,9 @@ function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
     }, target);
 }
 function resetShapeFlag(vnode) {
-    let shapeFlag = vnode.shapeFlag;
-    if (shapeFlag & 256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */) {
-        shapeFlag -= 256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */;
-    }
-    if (shapeFlag & 512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */) {
-        shapeFlag -= 512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */;
-    }
-    vnode.shapeFlag = shapeFlag;
+    // bitwise operations to remove keep alive flags
+    vnode.shapeFlag &= ~256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */;
+    vnode.shapeFlag &= ~512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */;
 }
 function getInnerChild(vnode) {
     return vnode.shapeFlag & 128 /* ShapeFlags.SUSPENSE */ ? vnode.ssContent : vnode;
@@ -5013,7 +5056,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
     }
     else {
         const apiName = toHandlerKey(ErrorTypeStrings[type].replace(/ hook$/, ''));
-        warn$1(`${apiName} is called when there is no active component instance to be ` +
+        warn(`${apiName} is called when there is no active component instance to be ` +
             `associated with. ` +
             `Lifecycle injection APIs can only be used during execution of setup().` +
             (` If you are using async setup(), make sure to register lifecycle ` +
@@ -5043,18 +5086,18 @@ function getCompatChildren(instance) {
     const root = instance.subTree;
     const children = [];
     if (root) {
-        walk(root, children);
+        walk$1(root, children);
     }
     return children;
 }
-function walk(vnode, children) {
+function walk$1(vnode, children) {
     if (vnode.component) {
         children.push(vnode.component.proxy);
     }
     else if (vnode.shapeFlag & 16 /* ShapeFlags.ARRAY_CHILDREN */) {
         const vnodes = vnode.children;
         for (let i = 0; i < vnodes.length; i++) {
-            walk(vnodes[i], children);
+            walk$1(vnodes[i], children);
         }
     }
 }
@@ -5117,7 +5160,7 @@ return withDirectives(h(comp), [
 */
 function validateDirectiveName(name) {
     if (isBuiltInDirective(name)) {
-        warn$1('Do not use built-in directive ids as custom directive id: ' + name);
+        warn('Do not use built-in directive ids as custom directive id: ' + name);
     }
 }
 /**
@@ -5126,7 +5169,7 @@ function validateDirectiveName(name) {
 function withDirectives(vnode, directives) {
     const internalInstance = currentRenderingInstance;
     if (internalInstance === null) {
-        warn$1(`withDirectives can only be used inside render functions.`);
+        warn(`withDirectives can only be used inside render functions.`);
         return vnode;
     }
     const instance = getExposeProxy(internalInstance) ||
@@ -5215,7 +5258,7 @@ function resolveDirective(name) {
  * v2 compat only
  * @internal
  */
-function resolveFilter(name) {
+function resolveFilter$1(name) {
     return resolveAsset(FILTERS, name);
 }
 // implementation
@@ -5248,12 +5291,12 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
                 ? `\nIf this is a native custom element, make sure to exclude it from ` +
                     `component resolution via compilerOptions.isCustomElement.`
                 : ``;
-            warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
+            warn(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
         }
         return res;
     }
     else {
-        warn$1(`resolve${capitalize(type.slice(0, -1))} ` +
+        warn(`resolve${capitalize(type.slice(0, -1))} ` +
             `can only be used in render() or setup().`);
     }
 }
@@ -5279,7 +5322,7 @@ function convertLegacyRenderFn(instance) {
         return;
     }
     // v2 render function, try to provide compat
-    if (checkCompatEnabled("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, instance)) {
+    if (checkCompatEnabled$1("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, instance)) {
         const wrapped = (Component.render = function compatRender() {
             // @ts-ignore
             return render.call(this, compatH);
@@ -5440,8 +5483,8 @@ function convertLegacySlots(vnode) {
 }
 function defineLegacyVNodeProperties(vnode) {
     /* istanbul ignore if */
-    if (isCompatEnabled("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, currentRenderingInstance, true /* enable for built-ins */) &&
-        isCompatEnabled("PRIVATE_APIS" /* DeprecationTypes.PRIVATE_APIS */, currentRenderingInstance, true /* enable for built-ins */)) {
+    if (isCompatEnabled$1("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, currentRenderingInstance, true /* enable for built-ins */) &&
+        isCompatEnabled$1("PRIVATE_APIS" /* DeprecationTypes.PRIVATE_APIS */, currentRenderingInstance, true /* enable for built-ins */)) {
         const context = currentRenderingInstance;
         const getInstance = () => vnode.component && vnode.component.proxy;
         let componentOptions;
@@ -5531,7 +5574,7 @@ function renderList(source, renderItem, cache, index) {
     }
     else if (typeof source === 'number') {
         if (!Number.isInteger(source)) {
-            warn$1(`The v-for range expect an integer value but got ${source}.`);
+            warn(`The v-for range expect an integer value but got ${source}.`);
         }
         ret = new Array(source);
         for (let i = 0; i < source; i++) {
@@ -5602,11 +5645,13 @@ fallback, noSlotted) {
         (currentRenderingInstance.parent &&
             isAsyncWrapper(currentRenderingInstance.parent) &&
             currentRenderingInstance.parent.isCE)) {
-        return createVNode('slot', name === 'default' ? null : { name }, fallback && fallback());
+        if (name !== 'default')
+            props.name = name;
+        return createVNode('slot', props, fallback && fallback());
     }
     let slot = slots[name];
     if (slot && slot.length > 1) {
-        warn$1(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
+        warn(`SSR-optimized slot function detected in a non-SSR-optimized render ` +
             `function. You need to mark this component with $dynamic-slots in the ` +
             `parent template.`);
         slot = () => [];
@@ -5659,7 +5704,7 @@ function ensureValidVNode(vnodes) {
 function toHandlers(obj, preserveCaseIfNecessary) {
     const ret = {};
     if (!isObject(obj)) {
-        warn$1(`v-on with no argument expects an object value.`);
+        warn(`v-on with no argument expects an object value.`);
         return ret;
     }
     for (const key in obj) {
@@ -5820,7 +5865,7 @@ function installCompatInstanceProperties(map) {
         },
         // overrides existing accessor
         $slots: i => {
-            if (isCompatEnabled("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, i) &&
+            if (isCompatEnabled$1("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, i) &&
                 i.render &&
                 i.render._compatWrapped) {
                 return new Proxy(i.slots, legacySlotProxyHandlers);
@@ -5845,7 +5890,7 @@ function installCompatInstanceProperties(map) {
         $listeners: getCompatListeners
     });
     /* istanbul ignore if */
-    if (isCompatEnabled("PRIVATE_APIS" /* DeprecationTypes.PRIVATE_APIS */, null)) {
+    if (isCompatEnabled$1("PRIVATE_APIS" /* DeprecationTypes.PRIVATE_APIS */, null)) {
         extend(map, {
             // needed by many libs / render fns
             $vnode: i => i.vnode,
@@ -5867,14 +5912,14 @@ function installCompatInstanceProperties(map) {
             $createElement: () => compatH,
             _c: () => compatH,
             _o: () => legacyMarkOnce,
-            _n: () => toNumber,
+            _n: () => looseToNumber,
             _s: () => toDisplayString,
             _l: () => renderList,
             _t: i => legacyRenderSlot.bind(null, i),
             _q: () => looseEqual,
             _i: () => looseIndexOf,
             _m: i => legacyRenderStatic.bind(null, i),
-            _f: () => resolveFilter,
+            _f: () => resolveFilter$1,
             _k: i => legacyCheckKeyCodes.bind(null, i),
             _b: () => legacyBindObjectProps,
             _v: () => createTextVNode,
@@ -5922,6 +5967,7 @@ const publicPropertiesMap =
     installCompatInstanceProperties(publicPropertiesMap);
 }
 const isReservedPrefix = (key) => key === '_' || key === '$';
+const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key);
 const PublicInstanceProxyHandlers = {
     get({ _: instance }, key) {
         const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
@@ -5929,15 +5975,6 @@ const PublicInstanceProxyHandlers = {
         if (key === '__isVue') {
             return true;
         }
-        // prioritize <script setup> bindings during dev.
-        // this allows even properties that start with _ or $ to be used - so that
-        // it aligns with the production behavior where the render fn is inlined and
-        // indeed has access to all declared variables.
-        if (setupState !== EMPTY_OBJ &&
-            setupState.__isScriptSetup &&
-            hasOwn(setupState, key)) {
-            return setupState[key];
-        }
         // data / props / ctx
         // This getter gets called for every property access on the render context
         // during render and is a major hotspot. The most expensive part of this
@@ -5960,7 +5997,7 @@ const PublicInstanceProxyHandlers = {
                     // default: just fallthrough
                 }
             }
-            else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+            else if (hasSetupBinding(setupState, key)) {
                 accessCache[key] = 1 /* AccessTypes.SETUP */;
                 return setupState[key];
             }
@@ -6028,32 +6065,37 @@ const PublicInstanceProxyHandlers = {
                 // to infinite warning loop
                 key.indexOf('__v') !== 0)) {
             if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {
-                warn$1(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
+                warn(`Property ${JSON.stringify(key)} must be accessed via $data because it starts with a reserved ` +
                     `character ("$" or "_") and is not proxied on the render context.`);
             }
             else if (instance === currentRenderingInstance) {
-                warn$1(`Property ${JSON.stringify(key)} was accessed during render ` +
+                warn(`Property ${JSON.stringify(key)} was accessed during render ` +
                     `but is not defined on instance.`);
             }
         }
     },
     set({ _: instance }, key, value) {
         const { data, setupState, ctx } = instance;
-        if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+        if (hasSetupBinding(setupState, key)) {
             setupState[key] = value;
             return true;
         }
+        else if (setupState.__isScriptSetup &&
+            hasOwn(setupState, key)) {
+            warn(`Cannot mutate <script setup> binding "${key}" from Options API.`);
+            return false;
+        }
         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);
+            warn(`Attempting to mutate prop "${key}". Props are readonly.`);
             return false;
         }
         if (key[0] === '$' && key.slice(1) in instance) {
-            warn$1(`Attempting to mutate public property "${key}". ` +
-                    `Properties starting with $ are reserved and readonly.`, instance);
+            warn(`Attempting to mutate public property "${key}". ` +
+                    `Properties starting with $ are reserved and readonly.`);
             return false;
         }
         else {
@@ -6074,7 +6116,7 @@ const PublicInstanceProxyHandlers = {
         let normalizedProps;
         return (!!accessCache[key] ||
             (data !== EMPTY_OBJ && hasOwn(data, key)) ||
-            (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) ||
+            hasSetupBinding(setupState, key) ||
             ((normalizedProps = propsOptions[0]) && hasOwn(normalizedProps, key)) ||
             hasOwn(ctx, key) ||
             hasOwn(publicPropertiesMap, key) ||
@@ -6093,7 +6135,7 @@ const PublicInstanceProxyHandlers = {
 };
 {
     PublicInstanceProxyHandlers.ownKeys = (target) => {
-        warn$1(`Avoid app logic that relies on enumerating keys on a component instance. ` +
+        warn(`Avoid app logic that relies on enumerating keys on a component instance. ` +
             `The keys will be empty in production mode to avoid performance overhead.`);
         return Reflect.ownKeys(target);
     };
@@ -6109,7 +6151,7 @@ const RuntimeCompiledPublicInstanceProxyHandlers = /*#__PURE__*/ extend({}, Publ
     has(_, key) {
         const has = key[0] !== '_' && !isGloballyWhitelisted(key);
         if (!has && PublicInstanceProxyHandlers.has(_, key)) {
-            warn$1(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
+            warn(`Property ${JSON.stringify(key)} should not start with _ which is a reserved prefix for Vue internals.`);
         }
         return has;
     }
@@ -6159,7 +6201,7 @@ function exposeSetupStateOnRenderContext(instance) {
     Object.keys(toRaw(setupState)).forEach(key => {
         if (!setupState.__isScriptSetup) {
             if (isReservedPrefix(key[0])) {
-                warn$1(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
+                warn(`setup() return property ${JSON.stringify(key)} should not start with "$" or "_" ` +
                     `which are reserved prefixes for Vue internals.`);
                 return;
             }
@@ -6178,7 +6220,7 @@ function deepMergeData(to, from) {
         const toVal = to[key];
         const fromVal = from[key];
         if (key in to && isPlainObject(toVal) && isPlainObject(fromVal)) {
-            warnDeprecation("OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */, null, key);
+            warnDeprecation$1("OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */, null, key);
             deepMergeData(toVal, fromVal);
         }
         else {
@@ -6192,7 +6234,7 @@ function createDuplicateChecker() {
     const cache = Object.create(null);
     return (type, key) => {
         if (cache[key]) {
-            warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
+            warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
         }
         else {
             cache[key] = type;
@@ -6209,7 +6251,7 @@ function applyOptions(instance) {
     // call beforeCreate first before accessing other options since
     // the hook may mutate resolved options (#2791)
     if (options.beforeCreate) {
-        callHook(options.beforeCreate, instance, "bc" /* LifecycleHooks.BEFORE_CREATE */);
+        callHook$1(options.beforeCreate, instance, "bc" /* LifecycleHooks.BEFORE_CREATE */);
     }
     const { 
     // state
@@ -6259,24 +6301,24 @@ function applyOptions(instance) {
                 }
             }
             else {
-                warn$1(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
+                warn(`Method "${key}" has type "${typeof methodHandler}" in the component definition. ` +
                     `Did you reference the function correctly?`);
             }
         }
     }
     if (dataOptions) {
         if (!isFunction(dataOptions)) {
-            warn$1(`The data option must be a function. ` +
+            warn(`The data option must be a function. ` +
                 `Plain object usage is no longer supported.`);
         }
         const data = dataOptions.call(publicThis, publicThis);
         if (isPromise(data)) {
-            warn$1(`data() returned a Promise - note data() cannot be async; If you ` +
+            warn(`data() returned a Promise - note data() cannot be async; If you ` +
                 `intend to perform data fetching before component renders, use ` +
                 `async setup() + <Suspense>.`);
         }
         if (!isObject(data)) {
-            warn$1(`data() should return an object.`);
+            warn(`data() should return an object.`);
         }
         else {
             instance.data = reactive(data);
@@ -6307,15 +6349,15 @@ function applyOptions(instance) {
                     ? opt.get.bind(publicThis, publicThis)
                     : NOOP;
             if (get === NOOP) {
-                warn$1(`Computed property "${key}" has no getter.`);
+                warn(`Computed property "${key}" has no getter.`);
             }
             const set = !isFunction(opt) && isFunction(opt.set)
                 ? opt.set.bind(publicThis)
                 : () => {
-                        warn$1(`Write operation failed: computed property "${key}" is readonly.`);
+                        warn(`Write operation failed: computed property "${key}" is readonly.`);
                     }
                     ;
-            const c = computed$1({
+            const c = computed({
                 get,
                 set
             });
@@ -6344,7 +6386,7 @@ function applyOptions(instance) {
         });
     }
     if (created) {
-        callHook(created, instance, "c" /* LifecycleHooks.CREATED */);
+        callHook$1(created, instance, "c" /* LifecycleHooks.CREATED */);
     }
     function registerLifecycleHook(register, hook) {
         if (isArray(hook)) {
@@ -6404,7 +6446,7 @@ function applyOptions(instance) {
     if (directives)
         instance.directives = directives;
     if (filters &&
-        isCompatEnabled("FILTERS" /* DeprecationTypes.FILTERS */, instance)) {
+        isCompatEnabled$1("FILTERS" /* DeprecationTypes.FILTERS */, instance)) {
         instance.filters = filters;
     }
 }
@@ -6438,7 +6480,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP,
             }
             else {
                 {
-                    warn$1(`injected property "${key}" is a ref and will be auto-unwrapped ` +
+                    warn(`injected property "${key}" is a ref and will be auto-unwrapped ` +
                         `and no longer needs \`.value\` in the next minor release. ` +
                         `To opt-in to the new behavior now, ` +
                         `set \`app.config.unwrapInjectedRef = true\` (this config is ` +
@@ -6455,7 +6497,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP,
         }
     }
 }
-function callHook(hook, instance, type) {
+function callHook$1(hook, instance, type) {
     callWithAsyncErrorHandling(isArray(hook)
         ? hook.map(h => h.bind(instance.proxy))
         : hook.bind(instance.proxy), instance, type);
@@ -6470,7 +6512,7 @@ function createWatcher(raw, ctx, publicThis, key) {
             watch(getter, handler);
         }
         else {
-            warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
+            warn(`Invalid watch handler specified by key "${raw}"`, handler);
         }
     }
     else if (isFunction(raw)) {
@@ -6488,12 +6530,12 @@ function createWatcher(raw, ctx, publicThis, key) {
                 watch(getter, handler, raw);
             }
             else {
-                warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+                warn(`Invalid watch handler specified by key "${raw.handler}"`, handler);
             }
         }
     }
     else {
-        warn$1(`Invalid watch option: "${key}"`, raw);
+        warn(`Invalid watch option: "${key}"`, raw);
     }
 }
 /**
@@ -6511,7 +6553,7 @@ function resolveMergedOptions(instance) {
         resolved = cached;
     }
     else if (!globalMixins.length && !mixins && !extendsOptions) {
-        if (isCompatEnabled("PRIVATE_APIS" /* DeprecationTypes.PRIVATE_APIS */, instance)) {
+        if (isCompatEnabled$1("PRIVATE_APIS" /* DeprecationTypes.PRIVATE_APIS */, instance)) {
             resolved = extend({}, base);
             resolved.parent = instance.parent && instance.parent.proxy;
             resolved.propsData = instance.vnode.props;
@@ -6545,7 +6587,7 @@ function mergeOptions(to, from, strats, asMixin = false) {
     }
     for (const key in from) {
         if (asMixin && key === 'expose') {
-            warn$1(`"expose" option is ignored when declared in mixins or extends. ` +
+            warn(`"expose" option is ignored when declared in mixins or extends. ` +
                     `It should only be declared in the base component itself.`);
         }
         else {
@@ -6563,20 +6605,20 @@ const internalOptionMergeStrats = {
     methods: mergeObjectOptions,
     computed: mergeObjectOptions,
     // lifecycle
-    beforeCreate: mergeAsArray,
-    created: mergeAsArray,
-    beforeMount: mergeAsArray,
-    mounted: mergeAsArray,
-    beforeUpdate: mergeAsArray,
-    updated: mergeAsArray,
-    beforeDestroy: mergeAsArray,
-    beforeUnmount: mergeAsArray,
-    destroyed: mergeAsArray,
-    unmounted: mergeAsArray,
-    activated: mergeAsArray,
-    deactivated: mergeAsArray,
-    errorCaptured: mergeAsArray,
-    serverPrefetch: mergeAsArray,
+    beforeCreate: mergeAsArray$1,
+    created: mergeAsArray$1,
+    beforeMount: mergeAsArray$1,
+    mounted: mergeAsArray$1,
+    beforeUpdate: mergeAsArray$1,
+    updated: mergeAsArray$1,
+    beforeDestroy: mergeAsArray$1,
+    beforeUnmount: mergeAsArray$1,
+    destroyed: mergeAsArray$1,
+    unmounted: mergeAsArray$1,
+    activated: mergeAsArray$1,
+    deactivated: mergeAsArray$1,
+    errorCaptured: mergeAsArray$1,
+    serverPrefetch: mergeAsArray$1,
     // assets
     components: mergeObjectOptions,
     directives: mergeObjectOptions,
@@ -6597,7 +6639,7 @@ function mergeDataFn(to, from) {
         return from;
     }
     return function mergedDataFn() {
-        return (isCompatEnabled("OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */, null)
+        return (isCompatEnabled$1("OPTIONS_DATA_MERGE" /* DeprecationTypes.OPTIONS_DATA_MERGE */, null)
             ? deepMergeData
             : extend)(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
     };
@@ -6615,7 +6657,7 @@ function normalizeInject(raw) {
     }
     return raw;
 }
-function mergeAsArray(to, from) {
+function mergeAsArray$1(to, from) {
     return to ? [...new Set([].concat(to, from))] : from;
 }
 function mergeObjectOptions(to, from) {
@@ -6628,7 +6670,7 @@ function mergeWatchOptions(to, from) {
         return to;
     const merged = extend(Object.create(null), to);
     for (const key in from) {
-        merged[key] = mergeAsArray(to[key], from[key]);
+        merged[key] = mergeAsArray$1(to[key], from[key]);
     }
     return merged;
 }
@@ -6636,7 +6678,7 @@ function mergeWatchOptions(to, from) {
 function createPropsDefaultThis(instance, rawProps, propKey) {
     return new Proxy({}, {
         get(_, key) {
-            warnDeprecation("PROPS_DEFAULT_THIS" /* DeprecationTypes.PROPS_DEFAULT_THIS */, null, propKey);
+            warnDeprecation$1("PROPS_DEFAULT_THIS" /* DeprecationTypes.PROPS_DEFAULT_THIS */, null, propKey);
             // $options
             if (key === '$options') {
                 return resolveMergedOptions(instance);
@@ -6666,11 +6708,11 @@ function shouldSkipAttr(key, instance) {
         return true;
     }
     if ((key === 'class' || key === 'style') &&
-        isCompatEnabled("INSTANCE_ATTRS_CLASS_STYLE" /* DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE */, instance)) {
+        isCompatEnabled$1("INSTANCE_ATTRS_CLASS_STYLE" /* DeprecationTypes.INSTANCE_ATTRS_CLASS_STYLE */, instance)) {
         return true;
     }
     if (isOn(key) &&
-        isCompatEnabled("INSTANCE_LISTENERS" /* DeprecationTypes.INSTANCE_LISTENERS */, instance)) {
+        isCompatEnabled$1("INSTANCE_LISTENERS" /* DeprecationTypes.INSTANCE_LISTENERS */, instance)) {
         return true;
     }
     // vue-router
@@ -6898,7 +6940,7 @@ function resolvePropValue(options, props, key, value, instance, isAbsent) {
                 }
                 else {
                     setCurrentInstance(instance);
-                    value = propsDefaults[key] = defaultValue.call(isCompatEnabled("PROPS_DEFAULT_THIS" /* DeprecationTypes.PROPS_DEFAULT_THIS */, instance)
+                    value = propsDefaults[key] = defaultValue.call(isCompatEnabled$1("PROPS_DEFAULT_THIS" /* DeprecationTypes.PROPS_DEFAULT_THIS */, instance)
                         ? createPropsDefaultThis(instance, props, key)
                         : null, props);
                     unsetCurrentInstance();
@@ -6962,7 +7004,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     if (isArray(raw)) {
         for (let i = 0; i < raw.length; i++) {
             if (!isString(raw[i])) {
-                warn$1(`props must be strings when using array syntax.`, raw[i]);
+                warn(`props must be strings when using array syntax.`, raw[i]);
             }
             const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
@@ -6972,7 +7014,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         if (!isObject(raw)) {
-            warn$1(`invalid props options`, raw);
+            warn(`invalid props options`, raw);
         }
         for (const key in raw) {
             const normalizedKey = camelize(key);
@@ -7005,15 +7047,15 @@ function validatePropName(key) {
         return true;
     }
     else {
-        warn$1(`Invalid prop name: "${key}" is a reserved property.`);
+        warn(`Invalid prop name: "${key}" is a reserved property.`);
     }
     return false;
 }
 // use function string name to check type constructors
 // so that it works across vms / iframes.
 function getType(ctor) {
-    const match = ctor && ctor.toString().match(/^\s*function (\w+)/);
-    return match ? match[1] : ctor === null ? 'null' : '';
+    const match = ctor && ctor.toString().match(/^\s*(function|class) (\w+)/);
+    return match ? match[2] : ctor === null ? 'null' : '';
 }
 function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -7047,7 +7089,7 @@ function validateProp(name, value, prop, isAbsent) {
     const { type, required, validator } = prop;
     // required!
     if (required && isAbsent) {
-        warn$1('Missing required prop: "' + name + '"');
+        warn('Missing required prop: "' + name + '"');
         return;
     }
     // missing but optional
@@ -7066,13 +7108,13 @@ function validateProp(name, value, prop, isAbsent) {
             isValid = valid;
         }
         if (!isValid) {
-            warn$1(getInvalidTypeMessage(name, value, expectedTypes));
+            warn(getInvalidTypeMessage(name, value, expectedTypes));
             return;
         }
     }
     // custom validator
     if (validator && !validator(value)) {
-        warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
+        warn('Invalid prop: custom validator check failed for prop "' + name + '".');
     }
 }
 const isSimpleType = /*#__PURE__*/ makeMap('String,Number,Boolean,Function,Symbol,BigInt');
@@ -7169,7 +7211,7 @@ const normalizeSlot = (key, rawSlot, ctx) => {
     }
     const normalized = withCtx((...args) => {
         if (true && currentInstance) {
-            warn$1(`Slot "${key}" invoked outside of the render function: ` +
+            warn(`Slot "${key}" invoked outside of the render function: ` +
                 `this will not track dependencies used in the slot. ` +
                 `Invoke the slot function inside the render function instead.`);
         }
@@ -7188,8 +7230,8 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
             slots[key] = normalizeSlot(key, value, ctx);
         }
         else if (value != null) {
-            if (!(isCompatEnabled("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, instance))) {
-                warn$1(`Non-function value encountered for slot "${key}". ` +
+            if (!(isCompatEnabled$1("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, instance))) {
+                warn(`Non-function value encountered for slot "${key}". ` +
                     `Prefer function slots for better performance.`);
             }
             const normalized = normalizeSlotValue(value);
@@ -7199,8 +7241,8 @@ const normalizeObjectSlots = (rawSlots, slots, instance) => {
 };
 const normalizeVNodeSlots = (instance, children) => {
     if (!isKeepAlive(instance.vnode) &&
-        !(isCompatEnabled("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, instance))) {
-        warn$1(`Non-function value encountered for default slot. ` +
+        !(isCompatEnabled$1("RENDER_FUNCTION" /* DeprecationTypes.RENDER_FUNCTION */, instance))) {
+        warn(`Non-function value encountered for default slot. ` +
             `Prefer function slots for better performance.`);
     }
     const normalized = normalizeSlotValue(children);
@@ -7298,7 +7340,7 @@ function installLegacyConfigWarnings(config) {
             },
             set(newVal) {
                 if (!isCopyingConfig) {
-                    warnDeprecation(legacyConfigOptions[key], null);
+                    warnDeprecation$1(legacyConfigOptions[key], null);
                 }
                 val = newVal;
             }
@@ -7324,7 +7366,7 @@ let isCopyingConfig = false;
 let singletonApp;
 let singletonCtor;
 // Legacy global Vue constructor
-function createCompatVue(createApp, createSingletonApp) {
+function createCompatVue$1(createApp, createSingletonApp) {
     singletonApp = createSingletonApp({});
     const Vue = (singletonCtor = function Vue(options = {}) {
         return createCompatApp(options, Vue);
@@ -7349,7 +7391,7 @@ function createCompatVue(createApp, createSingletonApp) {
             return vm;
         }
     }
-    Vue.version = `2.6.14-compat:${"3.2.44"}`;
+    Vue.version = `2.6.14-compat:${"3.2.46"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
         if (p && isFunction(p.install)) {
@@ -7451,7 +7493,7 @@ function createCompatVue(createApp, createSingletonApp) {
     });
     // internal utils - these are technically internal but some plugins use it.
     const util = {
-        warn: warn$1 ,
+        warn: warn ,
         extend,
         mergeOptions: (parent, child, vm) => mergeOptions(parent, child, vm ? undefined : internalOptionMergeStrats),
         defineReactive
@@ -7486,7 +7528,7 @@ function installFilterMethod(app, context) {
             return context.filters[name];
         }
         if (context.filters[name]) {
-            warn$1(`Filter "${name}" has already been registered.`);
+            warn(`Filter "${name}" has already been registered.`);
         }
         context.filters[name] = filter;
         return app;
@@ -7498,7 +7540,7 @@ function installLegacyAPIs(app) {
         // so that app.use() can work with legacy plugins that extend prototypes
         prototype: {
             get() {
-                warnDeprecation("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
+                warnDeprecation$1("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
                 return app.config.globalProperties;
             }
         },
@@ -7535,7 +7577,7 @@ function applySingletonAppMutations(app) {
         app.config[key] = isObject(val) ? Object.create(val) : val;
         // compat for runtime ignoredElements -> isCustomElement
         if (key === 'ignoredElements' &&
-            isCompatEnabled("CONFIG_IGNORED_ELEMENTS" /* DeprecationTypes.CONFIG_IGNORED_ELEMENTS */, null) &&
+            isCompatEnabled$1("CONFIG_IGNORED_ELEMENTS" /* DeprecationTypes.CONFIG_IGNORED_ELEMENTS */, null) &&
             !isRuntimeOnly() &&
             isArray(val)) {
             app.config.compilerOptions.isCustomElement = tag => {
@@ -7548,7 +7590,7 @@ function applySingletonAppMutations(app) {
 }
 function applySingletonPrototype(app, Ctor) {
     // copy prototype augmentations as config.globalProperties
-    const enabled = isCompatEnabled("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
+    const enabled = isCompatEnabled$1("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
     if (enabled) {
         app.config.globalProperties = Object.create(Ctor.prototype);
     }
@@ -7563,7 +7605,7 @@ function applySingletonPrototype(app, Ctor) {
         }
     }
     if (hasPrototypeAugmentations) {
-        warnDeprecation("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
+        warnDeprecation$1("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
     }
 }
 function installCompatMount(app, context, render) {
@@ -7597,7 +7639,7 @@ function installCompatMount(app, context, render) {
         // both runtime-core AND runtime-dom.
         instance.ctx._compat_mount = (selectorOrEl) => {
             if (isMounted) {
-                warn$1(`Root instance is already mounted.`);
+                warn(`Root instance is already mounted.`);
                 return;
             }
             let container;
@@ -7605,7 +7647,7 @@ function installCompatMount(app, context, render) {
                 // eslint-disable-next-line
                 const result = document.querySelector(selectorOrEl);
                 if (!result) {
-                    warn$1(`Failed to mount root instance: selector "${selectorOrEl}" returned null.`);
+                    warn(`Failed to mount root instance: selector "${selectorOrEl}" returned null.`);
                     return;
                 }
                 container = result;
@@ -7633,7 +7675,7 @@ function installCompatMount(app, context, render) {
                     for (let i = 0; i < container.attributes.length; i++) {
                         const attr = container.attributes[i];
                         if (attr.name !== 'v-cloak' && /^(v-|:|@)/.test(attr.name)) {
-                            warnDeprecation("GLOBAL_MOUNT_CONTAINER" /* DeprecationTypes.GLOBAL_MOUNT_CONTAINER */, null);
+                            warnDeprecation$1("GLOBAL_MOUNT_CONTAINER" /* DeprecationTypes.GLOBAL_MOUNT_CONTAINER */, null);
                             break;
                         }
                     }
@@ -7672,7 +7714,7 @@ function installCompatMount(app, context, render) {
                 if (bum) {
                     invokeArrayFns(bum);
                 }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                     instance.emit('hook:beforeDestroy');
                 }
                 // stop effects
@@ -7683,7 +7725,7 @@ function installCompatMount(app, context, render) {
                 if (um) {
                     invokeArrayFns(um);
                 }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                     instance.emit('hook:destroyed');
                 }
             }
@@ -7775,21 +7817,21 @@ function createAppContext() {
         emitsCache: new WeakMap()
     };
 }
-let uid = 0;
+let uid$1 = 0;
 function createAppAPI(render, hydrate) {
     return function createApp(rootComponent, rootProps = null) {
         if (!isFunction(rootComponent)) {
             rootComponent = { ...rootComponent };
         }
         if (rootProps != null && !isObject(rootProps)) {
-            warn$1(`root props passed to app.mount() must be an object.`);
+            warn(`root props passed to app.mount() must be an object.`);
             rootProps = null;
         }
         const context = createAppContext();
         const installedPlugins = new Set();
         let isMounted = false;
         const app = (context.app = {
-            _uid: uid++,
+            _uid: uid$1++,
             _component: rootComponent,
             _props: rootProps,
             _container: null,
@@ -7801,12 +7843,12 @@ function createAppAPI(render, hydrate) {
             },
             set config(v) {
                 {
-                    warn$1(`app.config cannot be replaced. Modify individual options instead.`);
+                    warn(`app.config cannot be replaced. Modify individual options instead.`);
                 }
             },
             use(plugin, ...options) {
                 if (installedPlugins.has(plugin)) {
-                    warn$1(`Plugin has already been applied to target app.`);
+                    warn(`Plugin has already been applied to target app.`);
                 }
                 else if (plugin && isFunction(plugin.install)) {
                     installedPlugins.add(plugin);
@@ -7817,7 +7859,7 @@ function createAppAPI(render, hydrate) {
                     plugin(app, ...options);
                 }
                 else {
-                    warn$1(`A plugin must either be a function or an object with an "install" ` +
+                    warn(`A plugin must either be a function or an object with an "install" ` +
                         `function.`);
                 }
                 return app;
@@ -7828,7 +7870,7 @@ function createAppAPI(render, hydrate) {
                         context.mixins.push(mixin);
                     }
                     else {
-                        warn$1('Mixin has already been applied to target app' +
+                        warn('Mixin has already been applied to target app' +
                             (mixin.name ? `: ${mixin.name}` : ''));
                     }
                 }
@@ -7842,7 +7884,7 @@ function createAppAPI(render, hydrate) {
                     return context.components[name];
                 }
                 if (context.components[name]) {
-                    warn$1(`Component "${name}" has already been registered in target app.`);
+                    warn(`Component "${name}" has already been registered in target app.`);
                 }
                 context.components[name] = component;
                 return app;
@@ -7855,7 +7897,7 @@ function createAppAPI(render, hydrate) {
                     return context.directives[name];
                 }
                 if (context.directives[name]) {
-                    warn$1(`Directive "${name}" has already been registered in target app.`);
+                    warn(`Directive "${name}" has already been registered in target app.`);
                 }
                 context.directives[name] = directive;
                 return app;
@@ -7864,7 +7906,7 @@ function createAppAPI(render, hydrate) {
                 if (!isMounted) {
                     // #5571
                     if (rootContainer.__vue_app__) {
-                        warn$1(`There is already an app instance mounted on the host container.\n` +
+                        warn(`There is already an app instance mounted on the host container.\n` +
                             ` If you want to mount another app on the same host container,` +
                             ` you need to unmount the previous app by calling \`app.unmount()\` first.`);
                     }
@@ -7894,7 +7936,7 @@ function createAppAPI(render, hydrate) {
                     return getExposeProxy(vnode.component) || vnode.component.proxy;
                 }
                 else {
-                    warn$1(`App has already been mounted.\n` +
+                    warn(`App has already been mounted.\n` +
                         `If you want to remount the same app, move your app creation logic ` +
                         `into a factory function and create fresh app instances for each ` +
                         `mount - e.g. \`const createMyApp = () => createApp(App)\``);
@@ -7910,12 +7952,12 @@ function createAppAPI(render, hydrate) {
                     delete app._container.__vue_app__;
                 }
                 else {
-                    warn$1(`Cannot unmount an app that is not mounted.`);
+                    warn(`Cannot unmount an app that is not mounted.`);
                 }
             },
             provide(key, value) {
                 if (key in context.provides) {
-                    warn$1(`App already provides property with key "${String(key)}". ` +
+                    warn(`App already provides property with key "${String(key)}". ` +
                         `It will be overwritten with the new value.`);
                 }
                 context.provides[key] = value;
@@ -7948,7 +7990,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
     const value = isUnmount ? null : refValue;
     const { i: owner, r: ref } = rawRef;
     if (!owner) {
-        warn$1(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
+        warn(`Missing ref owner context. ref cannot be used on hoisted vnodes. ` +
             `A vnode with ref must be created inside the render function.`);
         return;
     }
@@ -8015,7 +8057,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
                         refs[rawRef.k] = value;
                 }
                 else {
-                    warn$1('Invalid template ref type:', ref, `(${typeof ref})`);
+                    warn('Invalid template ref type:', ref, `(${typeof ref})`);
                 }
             };
             if (value) {
@@ -8027,7 +8069,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
             }
         }
         else {
-            warn$1('Invalid template ref type:', ref, `(${typeof ref})`);
+            warn('Invalid template ref type:', ref, `(${typeof ref})`);
         }
     }
 }
@@ -8044,7 +8086,7 @@ function createHydrationFunctions(rendererInternals) {
     const { mt: mountComponent, p: patch, o: { patchProp, createText, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
     const hydrate = (vnode, container) => {
         if (!container.hasChildNodes()) {
-            warn$1(`Attempting to hydrate existing markup but container is empty. ` +
+            warn(`Attempting to hydrate existing markup but container is empty. ` +
                     `Performing full mount instead.`);
             patch(null, vnode, container);
             flushPostFlushCbs();
@@ -8087,7 +8129,7 @@ function createHydrationFunctions(rendererInternals) {
                 else {
                     if (node.data !== vnode.children) {
                         hasMismatch = true;
-                        warn$1(`Hydration text mismatch:` +
+                        warn(`Hydration text mismatch:` +
                                 `\n- Client: ${JSON.stringify(node.data)}` +
                                 `\n- Server: ${JSON.stringify(vnode.children)}`);
                         node.data = vnode.children;
@@ -8202,7 +8244,7 @@ function createHydrationFunctions(rendererInternals) {
                     nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, isSVGContainer(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
                 }
                 else {
-                    warn$1('Invalid HostVNode type:', type, `(${typeof type})`);
+                    warn('Invalid HostVNode type:', type, `(${typeof type})`);
                 }
         }
         if (ref != null) {
@@ -8263,7 +8305,7 @@ function createHydrationFunctions(rendererInternals) {
                 while (next) {
                     hasMismatch = true;
                     if (!hasWarned) {
-                        warn$1(`Hydration children mismatch in <${vnode.type}>: ` +
+                        warn(`Hydration children mismatch in <${vnode.type}>: ` +
                             `server rendered element contains more child nodes than client vdom.`);
                         hasWarned = true;
                     }
@@ -8276,7 +8318,7 @@ function createHydrationFunctions(rendererInternals) {
             else if (shapeFlag & 8 /* ShapeFlags.TEXT_CHILDREN */) {
                 if (el.textContent !== vnode.children) {
                     hasMismatch = true;
-                    warn$1(`Hydration text content mismatch in <${vnode.type}>:\n` +
+                    warn(`Hydration text content mismatch in <${vnode.type}>:\n` +
                             `- Client: ${el.textContent}\n` +
                             `- Server: ${vnode.children}`);
                     el.textContent = vnode.children;
@@ -8303,7 +8345,7 @@ function createHydrationFunctions(rendererInternals) {
             else {
                 hasMismatch = true;
                 if (!hasWarned) {
-                    warn$1(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
+                    warn(`Hydration children mismatch in <${container.tagName.toLowerCase()}>: ` +
                         `server rendered element contains fewer child nodes than client vdom.`);
                     hasWarned = true;
                 }
@@ -8336,7 +8378,7 @@ function createHydrationFunctions(rendererInternals) {
     };
     const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
         hasMismatch = true;
-        warn$1(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* DOMNodeTypes.TEXT */
+        warn(`Hydration node mismatch:\n- Client vnode:`, vnode.type, `\n- Server rendered DOM:`, node, node.nodeType === 3 /* DOMNodeTypes.TEXT */
                 ? `(text)`
                 : isComment(node) && node.data === '['
                     ? `(start of fragment)`
@@ -8504,7 +8546,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     type.process(n1, n2, container, anchor, parentComponent, parentSuspense, isSVG, slotScopeIds, optimized, internals);
                 }
                 else {
-                    warn$1('Invalid VNode type:', type, `(${typeof type})`);
+                    warn('Invalid VNode type:', type, `(${typeof type})`);
                 }
         }
         // set ref
@@ -8594,6 +8636,8 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (dirs) {
             invokeDirectiveHook(vnode, null, parentComponent, 'created');
         }
+        // scopeId
+        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
         // props
         if (props) {
             for (const key in props) {
@@ -8617,8 +8661,6 @@ function baseCreateRenderer(options, createHydrationFns) {
                 invokeVNodeHook(vnodeHook, parentComponent, vnode);
             }
         }
-        // scopeId
-        setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
         {
             Object.defineProperty(el, '__vnode', {
                 value: vnode,
@@ -8992,7 +9034,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     (vnodeHook = props && props.onVnodeBeforeMount)) {
                     invokeVNodeHook(vnodeHook, parent, initialVNode);
                 }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                     instance.emit('hook:beforeMount');
                 }
                 toggleRecurse(instance, true);
@@ -9053,7 +9095,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     const scopedInitialVNode = initialVNode;
                     queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
                 }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                     queuePostRenderEffect(() => instance.emit('hook:mounted'), parentSuspense);
                 }
                 // activated hook for keep-alive roots.
@@ -9064,7 +9106,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                         isAsyncWrapper(parent.vnode) &&
                         parent.vnode.shapeFlag & 256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */)) {
                     instance.a && queuePostRenderEffect(instance.a, parentSuspense);
-                    if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                    if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                         queuePostRenderEffect(() => instance.emit('hook:activated'), parentSuspense);
                     }
                 }
@@ -9102,7 +9144,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = next.props && next.props.onVnodeBeforeUpdate)) {
                     invokeVNodeHook(vnodeHook, parent, next, vnode);
                 }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                     instance.emit('hook:beforeUpdate');
                 }
                 toggleRecurse(instance, true);
@@ -9142,7 +9184,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                 if ((vnodeHook = next.props && next.props.onVnodeUpdated)) {
                     queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
                 }
-                if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+                if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
                     queuePostRenderEffect(() => instance.emit('hook:updated'), parentSuspense);
                 }
                 {
@@ -9347,7 +9389,7 @@ function baseCreateRenderer(options, createHydrationFns) {
                     : normalizeVNode(c2[i]));
                 if (nextChild.key != null) {
                     if (keyToNewIndexMap.has(nextChild.key)) {
-                        warn$1(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
+                        warn(`Duplicate keys found during update:`, JSON.stringify(nextChild.key), `Make sure keys are unique.`);
                     }
                     keyToNewIndexMap.set(nextChild.key, i);
                 }
@@ -9615,7 +9657,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (bum) {
             invokeArrayFns(bum);
         }
-        if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+        if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
             instance.emit('hook:beforeDestroy');
         }
         // stop effects in component scope
@@ -9631,7 +9673,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         if (um) {
             queuePostRenderEffect(um, parentSuspense);
         }
-        if (isCompatEnabled("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
+        if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS" /* DeprecationTypes.INSTANCE_EVENT_HOOKS */, instance)) {
             queuePostRenderEffect(() => instance.emit('hook:destroyed'), parentSuspense);
         }
         queuePostRenderEffect(() => {
@@ -9736,6 +9778,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
                 if (!shallow)
                     traverseStaticChildren(c1, c2);
             }
+            // #6852 also inherit for text nodes
+            if (c2.type === Text) {
+                c2.el = c1.el;
+            }
             // also inherit for comment nodes, but not placeholders (e.g. v-if which
             // would have received .el during block patch)
             if (c2.type === Comment && !c2.el) {
@@ -9794,14 +9840,14 @@ const resolveTarget = (props, select) => {
     const targetSelector = props && props.to;
     if (isString(targetSelector)) {
         if (!select) {
-            warn$1(`Current renderer does not support string target for Teleports. ` +
+            warn(`Current renderer does not support string target for Teleports. ` +
                     `(missing querySelector renderer option)`);
             return null;
         }
         else {
             const target = select(targetSelector);
             if (!target) {
-                warn$1(`Failed to locate Teleport target with selector "${targetSelector}". ` +
+                warn(`Failed to locate Teleport target with selector "${targetSelector}". ` +
                         `Note the target element must exist before the component is mounted - ` +
                         `i.e. the target cannot be rendered by the component itself, and ` +
                         `ideally should be outside of the entire Vue component tree.`);
@@ -9811,7 +9857,7 @@ const resolveTarget = (props, select) => {
     }
     else {
         if (!targetSelector && !isTeleportDisabled(props)) {
-            warn$1(`Invalid Teleport target: ${targetSelector}`);
+            warn(`Invalid Teleport target: ${targetSelector}`);
         }
         return targetSelector;
     }
@@ -9844,7 +9890,7 @@ const TeleportImpl = {
                 isSVG = isSVG || isTargetSVG(target);
             }
             else if (!disabled) {
-                warn$1('Invalid Teleport target on mount:', target, `(${typeof target})`);
+                warn('Invalid Teleport target on mount:', target, `(${typeof target})`);
             }
             const mount = (container, anchor) => {
                 // Teleport *always* has Array children. This is enforced in both the
@@ -9896,7 +9942,7 @@ const TeleportImpl = {
                         moveTeleport(n2, nextTarget, null, internals, 0 /* TeleportMoveTypes.TARGET_CHANGE */);
                     }
                     else {
-                        warn$1('Invalid Teleport target on update:', target, `(${typeof target})`);
+                        warn('Invalid Teleport target on update:', target, `(${typeof target})`);
                     }
                 }
                 else if (wasDisabled) {
@@ -9906,6 +9952,7 @@ const TeleportImpl = {
                 }
             }
         }
+        updateCssVars(n2);
     },
     remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
         const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
@@ -9984,11 +10031,26 @@ function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScope
                 hydrateChildren(targetNode, vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
             }
         }
+        updateCssVars(vnode);
     }
     return vnode.anchor && nextSibling(vnode.anchor);
 }
 // Force-casted public typing for h and TSX props inference
 const Teleport = TeleportImpl;
+function updateCssVars(vnode) {
+    // presence of .ut method indicates owner component uses css vars.
+    // code path here can assume browser environment.
+    const ctx = vnode.ctx;
+    if (ctx && ctx.ut) {
+        let node = vnode.children[0].el;
+        while (node !== vnode.targetAnchor) {
+            if (node.nodeType === 1)
+                node.setAttribute('data-v-owner', ctx.uid);
+            node = node.nextSibling;
+        }
+        ctx.ut();
+    }
+}
 
 const normalizedAsyncComponentMap = new Map();
 function convertLegacyAsyncComponent(comp) {
@@ -10036,7 +10098,7 @@ function convertLegacyComponent(comp, instance) {
     }
     // 2.x async component
     if (isFunction(comp) &&
-        checkCompatEnabled("COMPONENT_ASYNC" /* DeprecationTypes.COMPONENT_ASYNC */, instance, comp)) {
+        checkCompatEnabled$1("COMPONENT_ASYNC" /* DeprecationTypes.COMPONENT_ASYNC */, instance, comp)) {
         // since after disabling this, plain functions are still valid usage, do not
         // use softAssert here.
         return convertLegacyAsyncComponent(comp);
@@ -10143,6 +10205,10 @@ function isVNode(value) {
 function isSameVNodeType(n1, n2) {
     if (n2.shapeFlag & 6 /* ShapeFlags.COMPONENT */ &&
         hmrDirtyComponents.has(n2.type)) {
+        // #7042, ensure the vnode being unmounted during HMR
+        // bitwise operations to remove keep alive flags
+        n1.shapeFlag &= ~256 /* ShapeFlags.COMPONENT_SHOULD_KEEP_ALIVE */;
+        n2.shapeFlag &= ~512 /* ShapeFlags.COMPONENT_KEPT_ALIVE */;
         // HMR only: if the component has been hot-updated, force a reload.
         return false;
     }
@@ -10198,7 +10264,8 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
         patchFlag,
         dynamicProps,
         dynamicChildren: null,
-        appContext: null
+        appContext: null,
+        ctx: currentRenderingInstance
     };
     if (needFullChildrenNormalization) {
         normalizeChildren(vnode, children);
@@ -10216,7 +10283,7 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
     }
     // validate key
     if (vnode.key !== vnode.key) {
-        warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+        warn(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
     }
     // track vnode for block tree
     if (isBlockTreeEnabled > 0 &&
@@ -10244,7 +10311,7 @@ const createVNode = (createVNodeWithArgsTransform );
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
     if (!type || type === NULL_DYNAMIC_COMPONENT) {
         if (!type) {
-            warn$1(`Invalid vnode type when creating vnode: ${type}.`);
+            warn(`Invalid vnode type when creating vnode: ${type}.`);
         }
         type = Comment;
     }
@@ -10306,7 +10373,7 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
                         : 0;
     if (shapeFlag & 4 /* ShapeFlags.STATEFUL_COMPONENT */ && isProxy(type)) {
         type = toRaw(type);
-        warn$1(`Vue received a Component which was made a reactive object. This can ` +
+        warn(`Vue received a Component which was made a reactive object. This can ` +
             `lead to unnecessary performance overhead, and should be avoided by ` +
             `marking the component with \`markRaw\` or using \`shallowRef\` ` +
             `instead of \`ref\`.`, `\nComponent that was made reactive: `, type);
@@ -10373,7 +10440,9 @@ function cloneVNode(vnode, extraProps, mergeRef = false) {
         ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
         ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
         el: vnode.el,
-        anchor: vnode.anchor
+        anchor: vnode.anchor,
+        ctx: vnode.ctx,
+        ce: vnode.ce
     };
     {
         defineLegacyVNodeProperties(cloned);
@@ -10543,13 +10612,13 @@ function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 }
 
 const emptyAppContext = createAppContext();
-let uid$1 = 0;
+let uid = 0;
 function createComponentInstance(vnode, parent, suspense) {
     const type = vnode.type;
     // inherit parent app context - or - if root, adopt from root vnode
     const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
     const instance = {
-        uid: uid$1++,
+        uid: uid++,
         vnode,
         type,
         parent,
@@ -10619,7 +10688,7 @@ function createComponentInstance(vnode, parent, suspense) {
         instance.ctx = createDevRenderContext(instance);
     }
     instance.root = parent ? parent.root : instance;
-    instance.emit = emit$2.bind(null, instance);
+    instance.emit = emit.bind(null, instance);
     // apply custom element special handling
     if (vnode.ce) {
         vnode.ce(instance);
@@ -10640,7 +10709,7 @@ const isBuiltInTag = /*#__PURE__*/ makeMap('slot,component');
 function validateComponentName(name, config) {
     const appIsNativeTag = config.isNativeTag || NO;
     if (isBuiltInTag(name) || appIsNativeTag(name)) {
-        warn$1('Do not use built-in or reserved HTML elements as component id: ' + name);
+        warn('Do not use built-in or reserved HTML elements as component id: ' + name);
     }
 }
 function isStatefulComponent(instance) {
@@ -10679,7 +10748,7 @@ function setupStatefulComponent(instance, isSSR) {
             }
         }
         if (Component.compilerOptions && isRuntimeOnly()) {
-            warn$1(`"compilerOptions" is only supported when using a build of Vue that ` +
+            warn(`"compilerOptions" is only supported when using a build of Vue that ` +
                 `includes the runtime compiler. Since you are using a runtime-only ` +
                 `build, the options should be passed via your build tool config instead.`);
         }
@@ -10720,7 +10789,7 @@ function setupStatefulComponent(instance, isSSR) {
                 instance.asyncDep = setupResult;
                 if (!instance.suspense) {
                     const name = (_a = Component.name) !== null && _a !== void 0 ? _a : 'Anonymous';
-                    warn$1(`Component <${name}>: setup function returned a promise, but no ` +
+                    warn(`Component <${name}>: setup function returned a promise, but no ` +
                         `<Suspense> boundary was found in the parent component tree. ` +
                         `A component with async setup() must be nested in a <Suspense> ` +
                         `in order to be rendered.`);
@@ -10749,7 +10818,7 @@ function handleSetupResult(instance, setupResult, isSSR) {
     }
     else if (isObject(setupResult)) {
         if (isVNode(setupResult)) {
-            warn$1(`setup() should not return VNodes directly - ` +
+            warn(`setup() should not return VNodes directly - ` +
                 `return a render function instead.`);
         }
         // setup returned bindings.
@@ -10763,18 +10832,18 @@ function handleSetupResult(instance, setupResult, isSSR) {
         }
     }
     else if (setupResult !== undefined) {
-        warn$1(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
+        warn(`setup() should return an object. Received: ${setupResult === null ? 'null' : typeof setupResult}`);
     }
     finishComponentSetup(instance, isSSR);
 }
-let compile;
+let compile$1;
 let installWithProxy;
 /**
  * For runtime-dom to register the compiler.
  * Note the exported method uses any to avoid d.ts relying on the compiler types.
  */
 function registerRuntimeCompiler(_compile) {
-    compile = _compile;
+    compile$1 = _compile;
     installWithProxy = i => {
         if (i.render._rc) {
             i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
@@ -10782,7 +10851,7 @@ function registerRuntimeCompiler(_compile) {
     };
 }
 // dev only
-const isRuntimeOnly = () => !compile;
+const isRuntimeOnly = () => !compile$1;
 function finishComponentSetup(instance, isSSR, skipOptions) {
     const Component = instance.type;
     {
@@ -10796,7 +10865,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     if (!instance.render) {
         // only do on-the-fly compile if not in SSR - SSR on-the-fly compilation
         // is done by server-renderer
-        if (!isSSR && compile && !Component.render) {
+        if (!isSSR && compile$1 && !Component.render) {
             const template = (instance.vnode.props &&
                 instance.vnode.props['inline-template']) ||
                 Component.template ||
@@ -10819,7 +10888,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
                         extend(finalCompilerOptions.compatConfig, Component.compatConfig);
                     }
                 }
-                Component.render = compile(template, finalCompilerOptions);
+                Component.render = compile$1(template, finalCompilerOptions);
                 {
                     endMeasure(instance, `compile`);
                 }
@@ -10845,13 +10914,13 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
     // the runtime compilation of template in SSR is done by server-render
     if (!Component.render && instance.render === NOOP && !isSSR) {
         /* istanbul ignore if */
-        if (!compile && Component.template) {
-            warn$1(`Component provided template option but ` +
+        if (!compile$1 && Component.template) {
+            warn(`Component provided template option but ` +
                 `runtime compilation is not supported in this build of Vue.` +
                 (``) /* should not happen */);
         }
         else {
-            warn$1(`Component is missing template or render function.`);
+            warn(`Component is missing template or render function.`);
         }
     }
 }
@@ -10863,11 +10932,11 @@ function createAttrsProxy(instance) {
                 return target[key];
             },
             set() {
-                warn$1(`setupContext.attrs is readonly.`);
+                warn(`setupContext.attrs is readonly.`);
                 return false;
             },
             deleteProperty() {
-                warn$1(`setupContext.attrs is readonly.`);
+                warn(`setupContext.attrs is readonly.`);
                 return false;
             }
         }
@@ -10875,8 +10944,24 @@ function createAttrsProxy(instance) {
 }
 function createSetupContext(instance) {
     const expose = exposed => {
-        if (instance.exposed) {
-            warn$1(`expose() should be called only once per setup().`);
+        {
+            if (instance.exposed) {
+                warn(`expose() should be called only once per setup().`);
+            }
+            if (exposed != null) {
+                let exposedType = typeof exposed;
+                if (exposedType === 'object') {
+                    if (isArray(exposed)) {
+                        exposedType = 'array';
+                    }
+                    else if (isRef(exposed)) {
+                        exposedType = 'ref';
+                    }
+                }
+                if (exposedType !== 'object') {
+                    warn(`expose() should be passed a plain object, received ${exposedType}.`);
+                }
+            }
         }
         instance.exposed = exposed || {};
     };
@@ -10951,13 +11036,13 @@ function isClassComponent(value) {
     return isFunction(value) && '__vccOpts' in value;
 }
 
-const computed$1 = ((getterOrOptions, debugOptions) => {
+const computed = ((getterOrOptions, debugOptions) => {
     // @ts-ignore
-    return computed(getterOrOptions, debugOptions, isInSSRComponentSetup);
+    return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 });
 
 // dev only
-const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside ` +
+const warnRuntimeUsage = (method) => warn(`${method}() is a compiler-hint helper that is only usable inside ` +
     `<script setup> of a single file component. Its arguments should be ` +
     `compiled away and passing it at runtime has no effect.`);
 // implementation
@@ -11024,7 +11109,7 @@ function useAttrs() {
 function getContext() {
     const i = getCurrentInstance();
     if (!i) {
-        warn$1(`useContext() called without active instance.`);
+        warn(`useContext() called without active instance.`);
     }
     return i.setupContext || (i.setupContext = createSetupContext(i));
 }
@@ -11051,7 +11136,7 @@ function mergeDefaults(raw, defaults) {
             props[key] = { default: defaults[key] };
         }
         else {
-            warn$1(`props default key "${key}" has no corresponding declaration.`);
+            warn(`props default key "${key}" has no corresponding declaration.`);
         }
     }
     return props;
@@ -11094,7 +11179,7 @@ function createPropsRestProxy(props, excludedKeys) {
 function withAsyncContext(getAwaitable) {
     const ctx = getCurrentInstance();
     if (!ctx) {
-        warn$1(`withAsyncContext called without active current instance. ` +
+        warn(`withAsyncContext called without active current instance. ` +
             `This is likely a bug.`);
     }
     let awaitable = getAwaitable();
@@ -11141,7 +11226,7 @@ const useSSRContext = () => {
     {
         const ctx = inject(ssrContextKey);
         if (!ctx) {
-            warn$1(`Server rendering context not provided. Make sure to only call ` +
+            warn(`Server rendering context not provided. Make sure to only call ` +
                     `useSSRContext() conditionally in the server build.`);
         }
         return ctx;
@@ -11365,7 +11450,7 @@ function isMemoSame(cached, memo) {
 }
 
 // Core API ------------------------------------------------------------------
-const version = "3.2.44";
+const version = "3.2.46";
 const _ssrUtils = {
     createComponentInstance,
     setupComponent,
@@ -11382,12 +11467,12 @@ const ssrUtils = (_ssrUtils );
 /**
  * @internal only exposed in compat builds
  */
-const resolveFilter$1 = resolveFilter ;
+const resolveFilter = resolveFilter$1 ;
 const _compatUtils = {
-    warnDeprecation,
-    createCompatVue,
-    isCompatEnabled,
-    checkCompatEnabled,
+    warnDeprecation: warnDeprecation$1,
+    createCompatVue: createCompatVue$1,
+    isCompatEnabled: isCompatEnabled$1,
+    checkCompatEnabled: checkCompatEnabled$1,
     softAssertCompatEnabled
 };
 /**
@@ -11497,9 +11582,6 @@ function patchStyle(el, prev, next) {
     const style = el.style;
     const isCssString = isString(next);
     if (next && !isCssString) {
-        for (const key in next) {
-            setStyle(style, key, next[key]);
-        }
         if (prev && !isString(prev)) {
             for (const key in prev) {
                 if (next[key] == null) {
@@ -11507,6 +11589,9 @@ function patchStyle(el, prev, next) {
                 }
             }
         }
+        for (const key in next) {
+            setStyle(style, key, next[key]);
+        }
     }
     else {
         const currentDisplay = style.display;
@@ -11537,7 +11622,7 @@ function setStyle(style, name, val) {
             val = '';
         {
             if (semicolonRE.test(val)) {
-                warn$1(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
+                warn(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
             }
         }
         if (name.startsWith('--')) {
@@ -11699,7 +11784,7 @@ prevChildren, parentComponent, parentSuspense, unmountChildren) {
     catch (e) {
         // do not warn if value is auto-coerced from nullish values
         if (!needRemove) {
-            warn$1(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
+            warn(`Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +
                 `value ${value} is invalid.`, e);
         }
     }
@@ -11903,16 +11988,25 @@ class VueElement extends BaseClass {
         }
         else {
             if (this.shadowRoot) {
-                warn$1(`Custom element has pre-rendered declarative shadow root but is not ` +
+                warn(`Custom element has pre-rendered declarative shadow root but is not ` +
                     `defined as hydratable. Use \`defineSSRCustomElement\`.`);
             }
             this.attachShadow({ mode: 'open' });
+            if (!this._def.__asyncLoader) {
+                // for sync component defs we can immediately resolve props
+                this._resolveProps(this._def);
+            }
         }
     }
     connectedCallback() {
         this._connected = true;
         if (!this._instance) {
-            this._resolveDef();
+            if (this._resolved) {
+                this._update();
+            }
+            else {
+                this._resolveDef();
+            }
         }
     }
     disconnectedCallback() {
@@ -11928,9 +12022,6 @@ class VueElement extends BaseClass {
      * resolve inner component definition (handle possible async component)
      */
     _resolveDef() {
-        if (this._resolved) {
-            return;
-        }
         this._resolved = true;
         // set initial attrs
         for (let i = 0; i < this.attributes.length; i++) {
@@ -11942,38 +12033,26 @@ class VueElement extends BaseClass {
                 this._setAttr(m.attributeName);
             }
         }).observe(this, { attributes: true });
-        const resolve = (def) => {
-            const { props = {}, styles } = def;
-            const hasOptions = !isArray(props);
-            const rawKeys = props ? (hasOptions ? Object.keys(props) : props) : [];
+        const resolve = (def, isAsync = false) => {
+            const { props, styles } = def;
             // cast Number-type props set before resolve
             let numberProps;
-            if (hasOptions) {
-                for (const key in this._props) {
+            if (props && !isArray(props)) {
+                for (const key in props) {
                     const opt = props[key];
                     if (opt === Number || (opt && opt.type === Number)) {
-                        this._props[key] = toNumber(this._props[key]);
-                        (numberProps || (numberProps = Object.create(null)))[key] = true;
+                        if (key in this._props) {
+                            this._props[key] = toNumber(this._props[key]);
+                        }
+                        (numberProps || (numberProps = Object.create(null)))[camelize(key)] = true;
                     }
                 }
             }
             this._numberProps = numberProps;
-            // check if there are props set pre-upgrade or connect
-            for (const key of Object.keys(this)) {
-                if (key[0] !== '_') {
-                    this._setProp(key, this[key], true, false);
-                }
-            }
-            // defining getter/setters on prototype
-            for (const key of rawKeys.map(camelize)) {
-                Object.defineProperty(this, key, {
-                    get() {
-                        return this._getProp(key);
-                    },
-                    set(val) {
-                        this._setProp(key, val);
-                    }
-                });
+            if (isAsync) {
+                // defining getter/setters on prototype
+                // for sync defs, this already happened in the constructor
+                this._resolveProps(def);
             }
             // apply CSS
             this._applyStyles(styles);
@@ -11982,12 +12061,33 @@ class VueElement extends BaseClass {
         };
         const asyncDef = this._def.__asyncLoader;
         if (asyncDef) {
-            asyncDef().then(resolve);
+            asyncDef().then(def => resolve(def, true));
         }
         else {
             resolve(this._def);
         }
     }
+    _resolveProps(def) {
+        const { props } = def;
+        const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
+        // check if there are props set pre-upgrade or connect
+        for (const key of Object.keys(this)) {
+            if (key[0] !== '_' && declaredPropKeys.includes(key)) {
+                this._setProp(key, this[key], true, false);
+            }
+        }
+        // defining getter/setters on prototype
+        for (const key of declaredPropKeys.map(camelize)) {
+            Object.defineProperty(this, key, {
+                get() {
+                    return this._getProp(key);
+                },
+                set(val) {
+                    this._setProp(key, val);
+                }
+            });
+        }
+    }
     _setAttr(key) {
         let value = this.getAttribute(key);
         const camelKey = camelize(key);
@@ -12043,27 +12143,31 @@ class VueElement extends BaseClass {
                             this._styles.length = 0;
                         }
                         this._applyStyles(newStyles);
-                        // if this is an async component, ceReload is called from the inner
-                        // component so no need to reload the async wrapper
-                        if (!this._def.__asyncLoader) {
-                            // reload
-                            this._instance = null;
-                            this._update();
-                        }
+                        this._instance = null;
+                        this._update();
                     };
                 }
-                // intercept emit
-                instance.emit = (event, ...args) => {
+                const dispatch = (event, args) => {
                     this.dispatchEvent(new CustomEvent(event, {
                         detail: args
                     }));
                 };
+                // intercept emit
+                instance.emit = (event, ...args) => {
+                    // dispatch both the raw and hyphenated versions of an event
+                    // to match Vue behavior
+                    dispatch(event, args);
+                    if (hyphenate(event) !== event) {
+                        dispatch(hyphenate(event), args);
+                    }
+                };
                 // locate nearest Vue custom element parent for provide/inject
                 let parent = this;
                 while ((parent =
                     parent && (parent.parentNode || parent.host))) {
                     if (parent instanceof VueElement) {
                         instance.parent = parent._instance;
+                        instance.provides = parent._instance.provides;
                         break;
                     }
                 }
@@ -12091,17 +12195,17 @@ function useCssModule(name = '$style') {
     {
         const instance = getCurrentInstance();
         if (!instance) {
-            warn$1(`useCssModule must be called inside setup()`);
+            warn(`useCssModule must be called inside setup()`);
             return EMPTY_OBJ;
         }
         const modules = instance.type.__cssModules;
         if (!modules) {
-            warn$1(`Current instance does not have CSS modules injected.`);
+            warn(`Current instance does not have CSS modules injected.`);
             return EMPTY_OBJ;
         }
         const mod = modules[name];
         if (!mod) {
-            warn$1(`Current instance does not have CSS module named "${name}".`);
+            warn(`Current instance does not have CSS module named "${name}".`);
             return EMPTY_OBJ;
         }
         return mod;
@@ -12116,7 +12220,7 @@ function useCssVars(getter) {
     return;
 }
 
-const TRANSITION = 'transition';
+const TRANSITION$1 = 'transition';
 const ANIMATION = 'animation';
 // DOM Transition is a higher-order-component based on the platform-agnostic
 // base Transition component, with DOM-specific logic.
@@ -12149,7 +12253,7 @@ const TransitionPropsValidators = (Transition.props =
  * #3227 Incoming hooks may be merged into arrays when wrapping Transition
  * with custom HOCs.
  */
-const callHook$1 = (hook, args = []) => {
+const callHook = (hook, args = []) => {
     if (isArray(hook)) {
         hook.forEach(h => h(...args));
     }
@@ -12216,11 +12320,16 @@ function resolveTransitionProps(rawProps) {
         return (el, done) => {
             const hook = isAppear ? onAppear : onEnter;
             const resolve = () => finishEnter(el, isAppear, done);
-            callHook$1(hook, [el, resolve]);
+            callHook(hook, [el, resolve]);
             nextFrame(() => {
                 removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
                 if (legacyClassEnabled) {
-                    removeTransitionClass(el, isAppear ? legacyAppearFromClass : legacyEnterFromClass);
+                    const legacyClass = isAppear
+                        ? legacyAppearFromClass
+                        : legacyEnterFromClass;
+                    if (legacyClass) {
+                        removeTransitionClass(el, legacyClass);
+                    }
                 }
                 addTransitionClass(el, isAppear ? appearToClass : enterToClass);
                 if (!hasExplicitCallback(hook)) {
@@ -12231,17 +12340,17 @@ function resolveTransitionProps(rawProps) {
     };
     return extend(baseProps, {
         onBeforeEnter(el) {
-            callHook$1(onBeforeEnter, [el]);
+            callHook(onBeforeEnter, [el]);
             addTransitionClass(el, enterFromClass);
-            if (legacyClassEnabled) {
+            if (legacyClassEnabled && legacyEnterFromClass) {
                 addTransitionClass(el, legacyEnterFromClass);
             }
             addTransitionClass(el, enterActiveClass);
         },
         onBeforeAppear(el) {
-            callHook$1(onBeforeAppear, [el]);
+            callHook(onBeforeAppear, [el]);
             addTransitionClass(el, appearFromClass);
-            if (legacyClassEnabled) {
+            if (legacyClassEnabled && legacyAppearFromClass) {
                 addTransitionClass(el, legacyAppearFromClass);
             }
             addTransitionClass(el, appearActiveClass);
@@ -12252,7 +12361,7 @@ function resolveTransitionProps(rawProps) {
             el._isLeaving = true;
             const resolve = () => finishLeave(el, done);
             addTransitionClass(el, leaveFromClass);
-            if (legacyClassEnabled) {
+            if (legacyClassEnabled && legacyLeaveFromClass) {
                 addTransitionClass(el, legacyLeaveFromClass);
             }
             // force reflow so *-leave-from classes immediately take effect (#2593)
@@ -12264,7 +12373,7 @@ function resolveTransitionProps(rawProps) {
                     return;
                 }
                 removeTransitionClass(el, leaveFromClass);
-                if (legacyClassEnabled) {
+                if (legacyClassEnabled && legacyLeaveFromClass) {
                     removeTransitionClass(el, legacyLeaveFromClass);
                 }
                 addTransitionClass(el, leaveToClass);
@@ -12272,19 +12381,19 @@ function resolveTransitionProps(rawProps) {
                     whenTransitionEnds(el, type, leaveDuration, resolve);
                 }
             });
-            callHook$1(onLeave, [el, resolve]);
+            callHook(onLeave, [el, resolve]);
         },
         onEnterCancelled(el) {
             finishEnter(el, false);
-            callHook$1(onEnterCancelled, [el]);
+            callHook(onEnterCancelled, [el]);
         },
         onAppearCancelled(el) {
             finishEnter(el, true);
-            callHook$1(onAppearCancelled, [el]);
+            callHook(onAppearCancelled, [el]);
         },
         onLeaveCancelled(el) {
             finishLeave(el);
-            callHook$1(onLeaveCancelled, [el]);
+            callHook(onLeaveCancelled, [el]);
         }
     });
 }
@@ -12302,18 +12411,10 @@ function normalizeDuration(duration) {
 }
 function NumberOf(val) {
     const res = toNumber(val);
-    validateDuration(res);
-    return res;
-}
-function validateDuration(val) {
-    if (typeof val !== 'number') {
-        warn$1(`<transition> explicit duration is not a valid number - ` +
-            `got ${JSON.stringify(val)}.`);
-    }
-    else if (isNaN(val)) {
-        warn$1(`<transition> explicit duration is NaN - ` +
-            'the duration expression might be incorrect.');
+    {
+        assertNumber(res, '<transition> explicit duration');
     }
+    return res;
 }
 function addTransitionClass(el, cls) {
     cls.split(/\s+/).forEach(c => c && el.classList.add(c));
@@ -12372,8 +12473,8 @@ function getTransitionInfo(el, expectedType) {
     const styles = window.getComputedStyle(el);
     // JSDOM may return undefined for transition properties
     const getStyleProperties = (key) => (styles[key] || '').split(', ');
-    const transitionDelays = getStyleProperties(`${TRANSITION}Delay`);
-    const transitionDurations = getStyleProperties(`${TRANSITION}Duration`);
+    const transitionDelays = getStyleProperties(`${TRANSITION$1}Delay`);
+    const transitionDurations = getStyleProperties(`${TRANSITION$1}Duration`);
     const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
     const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
     const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
@@ -12382,9 +12483,9 @@ function getTransitionInfo(el, expectedType) {
     let timeout = 0;
     let propCount = 0;
     /* istanbul ignore if */
-    if (expectedType === TRANSITION) {
+    if (expectedType === TRANSITION$1) {
         if (transitionTimeout > 0) {
-            type = TRANSITION;
+            type = TRANSITION$1;
             timeout = transitionTimeout;
             propCount = transitionDurations.length;
         }
@@ -12401,17 +12502,17 @@ function getTransitionInfo(el, expectedType) {
         type =
             timeout > 0
                 ? transitionTimeout > animationTimeout
-                    ? TRANSITION
+                    ? TRANSITION$1
                     : ANIMATION
                 : null;
         propCount = type
-            ? type === TRANSITION
+            ? type === TRANSITION$1
                 ? transitionDurations.length
                 : animationDurations.length
             : 0;
     }
-    const hasTransform = type === TRANSITION &&
-        /\b(transform|all)(,|$)/.test(getStyleProperties(`${TRANSITION}Property`).toString());
+    const hasTransform = type === TRANSITION$1 &&
+        /\b(transform|all)(,|$)/.test(getStyleProperties(`${TRANSITION$1}Property`).toString());
     return {
         type,
         timeout,
@@ -12500,7 +12601,7 @@ const TransitionGroupImpl = {
                     setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                 }
                 else {
-                    warn$1(`<TransitionGroup> children must be keyed.`);
+                    warn(`<TransitionGroup> children must be keyed.`);
                 }
             }
             if (prevChildren) {
@@ -12517,6 +12618,14 @@ const TransitionGroupImpl = {
 {
     TransitionGroupImpl.__isBuiltIn = true;
 }
+/**
+ * TransitionGroup does not support "mode" so we need to remove it from the
+ * props declarations, but direct delete operation is considered a side effect
+ * and will make the entire transition feature non-tree-shakeable, so we do it
+ * in a function and mark the function's invocation as pure.
+ */
+const removeMode = (props) => delete props.mode;
+/*#__PURE__*/ removeMode(TransitionGroupImpl.props);
 const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(c) {
     const el = c.el;
@@ -12592,7 +12701,7 @@ const vModelText = {
                 domValue = domValue.trim();
             }
             if (castToNumber) {
-                domValue = toNumber(domValue);
+                domValue = looseToNumber(domValue);
             }
             el._assign(domValue);
         });
@@ -12627,7 +12736,8 @@ const vModelText = {
             if (trim && el.value.trim() === value) {
                 return;
             }
-            if ((number || el.type === 'number') && toNumber(el.value) === value) {
+            if ((number || el.type === 'number') &&
+                looseToNumber(el.value) === value) {
                 return;
             }
         }
@@ -12716,7 +12826,7 @@ const vModelSelect = {
         addEventListener(el, 'change', () => {
             const selectedVal = Array.prototype.filter
                 .call(el.options, (o) => o.selected)
-                .map((o) => number ? toNumber(getValue(o)) : getValue(o));
+                .map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
             el._assign(el.multiple
                 ? isSetModel
                     ? new Set(selectedVal)
@@ -12740,7 +12850,7 @@ const vModelSelect = {
 function setSelected(el, value) {
     const isMultiple = el.multiple;
     if (isMultiple && !isArray(value) && !isSet(value)) {
-        warn$1(`<select multiple v-model> expects an Array or Set value for its binding, ` +
+        warn(`<select multiple v-model> expects an Array or Set value for its binding, ` +
                 `but got ${Object.prototype.toString.call(value).slice(8, -1)}.`);
         return;
     }
@@ -13081,7 +13191,7 @@ function injectCompilerOptionsCheck(app) {
                 return isCustomElement;
             },
             set() {
-                warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
+                warn(`The \`isCustomElement\` config option is deprecated. Use ` +
                     `\`compilerOptions.isCustomElement\` instead.`);
             }
         });
@@ -13095,11 +13205,11 @@ function injectCompilerOptionsCheck(app) {
             `- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom`;
         Object.defineProperty(app.config, 'compilerOptions', {
             get() {
-                warn$1(msg);
+                warn(msg);
                 return compilerOptions;
             },
             set() {
-                warn$1(msg);
+                warn(msg);
             }
         });
     }
@@ -13108,14 +13218,14 @@ function normalizeContainer(container) {
     if (isString(container)) {
         const res = document.querySelector(container);
         if (!res) {
-            warn$1(`Failed to mount app: mount target selector "${container}" returned null.`);
+            warn(`Failed to mount app: mount target selector "${container}" returned null.`);
         }
         return res;
     }
     if (window.ShadowRoot &&
         container instanceof window.ShadowRoot &&
         container.mode === 'closed') {
-        warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
+        warn(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
     }
     return container;
 }
@@ -13134,150 +13244,151 @@ const initDirectivesForSSR = () => {
 
 var runtimeDom = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  render: render,
-  hydrate: hydrate,
+  BaseTransition: BaseTransition,
+  Comment: Comment,
+  EffectScope: EffectScope,
+  Fragment: Fragment,
+  KeepAlive: KeepAlive,
+  ReactiveEffect: ReactiveEffect,
+  Static: Static,
+  Suspense: Suspense,
+  Teleport: Teleport,
+  Text: Text,
+  Transition: Transition,
+  TransitionGroup: TransitionGroup,
+  VueElement: VueElement,
+  assertNumber: assertNumber,
+  callWithAsyncErrorHandling: callWithAsyncErrorHandling,
+  callWithErrorHandling: callWithErrorHandling,
+  camelize: camelize,
+  capitalize: capitalize,
+  cloneVNode: cloneVNode,
+  compatUtils: compatUtils,
+  computed: computed,
   createApp: createApp,
+  createBlock: createBlock,
+  createCommentVNode: createCommentVNode,
+  createElementBlock: createElementBlock,
+  createElementVNode: createBaseVNode,
+  createHydrationRenderer: createHydrationRenderer,
+  createPropsRestProxy: createPropsRestProxy,
+  createRenderer: createRenderer,
   createSSRApp: createSSRApp,
-  initDirectivesForSSR: initDirectivesForSSR,
+  createSlots: createSlots,
+  createStaticVNode: createStaticVNode,
+  createTextVNode: createTextVNode,
+  createVNode: createVNode,
+  customRef: customRef,
+  defineAsyncComponent: defineAsyncComponent,
+  defineComponent: defineComponent,
   defineCustomElement: defineCustomElement,
+  defineEmits: defineEmits,
+  defineExpose: defineExpose,
+  defineProps: defineProps,
   defineSSRCustomElement: defineSSRCustomElement,
-  VueElement: VueElement,
-  useCssModule: useCssModule,
-  useCssVars: useCssVars,
-  Transition: Transition,
-  TransitionGroup: TransitionGroup,
-  vModelText: vModelText,
-  vModelCheckbox: vModelCheckbox,
-  vModelRadio: vModelRadio,
-  vModelSelect: vModelSelect,
-  vModelDynamic: vModelDynamic,
-  withModifiers: withModifiers,
-  withKeys: withKeys,
-  vShow: vShow,
-  reactive: reactive,
-  ref: ref,
-  readonly: readonly,
-  unref: unref,
-  proxyRefs: proxyRefs,
-  isRef: isRef,
-  toRef: toRef,
-  toRefs: toRefs,
+  get devtools () { return devtools; },
+  effect: effect,
+  effectScope: effectScope,
+  getCurrentInstance: getCurrentInstance,
+  getCurrentScope: getCurrentScope,
+  getTransitionRawChildren: getTransitionRawChildren,
+  guardReactiveProps: guardReactiveProps,
+  h: h,
+  handleError: handleError,
+  hydrate: hydrate,
+  initCustomFormatter: initCustomFormatter,
+  initDirectivesForSSR: initDirectivesForSSR,
+  inject: inject,
+  isMemoSame: isMemoSame,
   isProxy: isProxy,
   isReactive: isReactive,
   isReadonly: isReadonly,
+  isRef: isRef,
+  isRuntimeOnly: isRuntimeOnly,
   isShallow: isShallow,
-  customRef: customRef,
-  triggerRef: triggerRef,
-  shallowRef: shallowRef,
-  shallowReactive: shallowReactive,
-  shallowReadonly: shallowReadonly,
+  isVNode: isVNode,
   markRaw: markRaw,
-  toRaw: toRaw,
-  effect: effect,
-  stop: stop,
-  ReactiveEffect: ReactiveEffect,
-  effectScope: effectScope,
-  EffectScope: EffectScope,
-  getCurrentScope: getCurrentScope,
-  onScopeDispose: onScopeDispose,
-  computed: computed$1,
-  watch: watch,
-  watchEffect: watchEffect,
-  watchPostEffect: watchPostEffect,
-  watchSyncEffect: watchSyncEffect,
+  mergeDefaults: mergeDefaults,
+  mergeProps: mergeProps,
+  nextTick: nextTick,
+  normalizeClass: normalizeClass,
+  normalizeProps: normalizeProps,
+  normalizeStyle: normalizeStyle,
+  onActivated: onActivated,
   onBeforeMount: onBeforeMount,
-  onMounted: onMounted,
-  onBeforeUpdate: onBeforeUpdate,
-  onUpdated: onUpdated,
   onBeforeUnmount: onBeforeUnmount,
-  onUnmounted: onUnmounted,
-  onActivated: onActivated,
+  onBeforeUpdate: onBeforeUpdate,
   onDeactivated: onDeactivated,
+  onErrorCaptured: onErrorCaptured,
+  onMounted: onMounted,
   onRenderTracked: onRenderTracked,
   onRenderTriggered: onRenderTriggered,
-  onErrorCaptured: onErrorCaptured,
+  onScopeDispose: onScopeDispose,
   onServerPrefetch: onServerPrefetch,
+  onUnmounted: onUnmounted,
+  onUpdated: onUpdated,
+  openBlock: openBlock,
+  popScopeId: popScopeId,
   provide: provide,
-  inject: inject,
-  nextTick: nextTick,
-  defineComponent: defineComponent,
-  defineAsyncComponent: defineAsyncComponent,
-  useAttrs: useAttrs,
-  useSlots: useSlots,
-  defineProps: defineProps,
-  defineEmits: defineEmits,
-  defineExpose: defineExpose,
-  withDefaults: withDefaults,
-  mergeDefaults: mergeDefaults,
-  createPropsRestProxy: createPropsRestProxy,
-  withAsyncContext: withAsyncContext,
-  getCurrentInstance: getCurrentInstance,
-  h: h,
-  createVNode: createVNode,
-  cloneVNode: cloneVNode,
-  mergeProps: mergeProps,
-  isVNode: isVNode,
-  Fragment: Fragment,
-  Text: Text,
-  Comment: Comment,
-  Static: Static,
-  Teleport: Teleport,
-  Suspense: Suspense,
-  KeepAlive: KeepAlive,
-  BaseTransition: BaseTransition,
-  withDirectives: withDirectives,
-  useSSRContext: useSSRContext,
-  ssrContextKey: ssrContextKey,
-  createRenderer: createRenderer,
-  createHydrationRenderer: createHydrationRenderer,
+  proxyRefs: proxyRefs,
+  pushScopeId: pushScopeId,
   queuePostFlushCb: queuePostFlushCb,
-  warn: warn$1,
-  handleError: handleError,
-  callWithErrorHandling: callWithErrorHandling,
-  callWithAsyncErrorHandling: callWithAsyncErrorHandling,
+  reactive: reactive,
+  readonly: readonly,
+  ref: ref,
+  registerRuntimeCompiler: registerRuntimeCompiler,
+  render: render,
+  renderList: renderList,
+  renderSlot: renderSlot,
   resolveComponent: resolveComponent,
   resolveDirective: resolveDirective,
   resolveDynamicComponent: resolveDynamicComponent,
-  registerRuntimeCompiler: registerRuntimeCompiler,
-  isRuntimeOnly: isRuntimeOnly,
-  useTransitionState: useTransitionState,
+  resolveFilter: resolveFilter,
   resolveTransitionHooks: resolveTransitionHooks,
-  setTransitionHooks: setTransitionHooks,
-  getTransitionRawChildren: getTransitionRawChildren,
-  initCustomFormatter: initCustomFormatter,
-  get devtools () { return devtools; },
-  setDevtoolsHook: setDevtoolsHook,
-  withCtx: withCtx,
-  pushScopeId: pushScopeId,
-  popScopeId: popScopeId,
-  withScopeId: withScopeId,
-  renderList: renderList,
-  toHandlers: toHandlers,
-  renderSlot: renderSlot,
-  createSlots: createSlots,
-  withMemo: withMemo,
-  isMemoSame: isMemoSame,
-  openBlock: openBlock,
-  createBlock: createBlock,
   setBlockTracking: setBlockTracking,
-  createTextVNode: createTextVNode,
-  createCommentVNode: createCommentVNode,
-  createStaticVNode: createStaticVNode,
-  createElementVNode: createBaseVNode,
-  createElementBlock: createElementBlock,
-  guardReactiveProps: guardReactiveProps,
+  setDevtoolsHook: setDevtoolsHook,
+  setTransitionHooks: setTransitionHooks,
+  shallowReactive: shallowReactive,
+  shallowReadonly: shallowReadonly,
+  shallowRef: shallowRef,
+  ssrContextKey: ssrContextKey,
+  ssrUtils: ssrUtils,
+  stop: stop,
   toDisplayString: toDisplayString,
-  camelize: camelize,
-  capitalize: capitalize,
   toHandlerKey: toHandlerKey,
-  normalizeProps: normalizeProps,
-  normalizeClass: normalizeClass,
-  normalizeStyle: normalizeStyle,
+  toHandlers: toHandlers,
+  toRaw: toRaw,
+  toRef: toRef,
+  toRefs: toRefs,
   transformVNodeArgs: transformVNodeArgs,
+  triggerRef: triggerRef,
+  unref: unref,
+  useAttrs: useAttrs,
+  useCssModule: useCssModule,
+  useCssVars: useCssVars,
+  useSSRContext: useSSRContext,
+  useSlots: useSlots,
+  useTransitionState: useTransitionState,
+  vModelCheckbox: vModelCheckbox,
+  vModelDynamic: vModelDynamic,
+  vModelRadio: vModelRadio,
+  vModelSelect: vModelSelect,
+  vModelText: vModelText,
+  vShow: vShow,
   version: version,
-  ssrUtils: ssrUtils,
-  resolveFilter: resolveFilter$1,
-  compatUtils: compatUtils
+  warn: warn,
+  watch: watch,
+  watchEffect: watchEffect,
+  watchPostEffect: watchPostEffect,
+  watchSyncEffect: watchSyncEffect,
+  withAsyncContext: withAsyncContext,
+  withCtx: withCtx,
+  withDefaults: withDefaults,
+  withDirectives: withDirectives,
+  withKeys: withKeys,
+  withMemo: withMemo,
+  withModifiers: withModifiers,
+  withScopeId: withScopeId
 });
 
 // This entry exports the runtime only, and is built as
@@ -13298,7 +13409,7 @@ function wrappedCreateApp(...args) {
     }
     return app;
 }
-function createCompatVue$1() {
+function createCompatVue() {
     const Vue = compatUtils.createCompatVue(createApp, wrappedCreateApp);
     extend(Vue, runtimeDom);
     return Vue;
@@ -13360,7 +13471,7 @@ const errorMessages = {
     [34 /* ErrorCodes.X_V_BIND_NO_EXPRESSION */]: `v-bind is missing expression.`,
     [35 /* ErrorCodes.X_V_ON_NO_EXPRESSION */]: `v-on is missing expression.`,
     [36 /* ErrorCodes.X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */]: `Unexpected custom directive on <slot> outlet.`,
-    [37 /* ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>.` +
+    [37 /* ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE */]: `Mixed v-slot usage on both the component and nested <template>. ` +
         `When there are multiple named slots, all slots should use <template> ` +
         `syntax to avoid scope ambiguity.`,
     [38 /* ErrorCodes.X_V_SLOT_DUPLICATE_SLOT_NAMES */]: `Duplicate slot names found. `,
@@ -13370,15 +13481,16 @@ const errorMessages = {
     [41 /* ErrorCodes.X_V_MODEL_NO_EXPRESSION */]: `v-model is missing expression.`,
     [42 /* ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION */]: `v-model value must be a valid JavaScript member expression.`,
     [43 /* ErrorCodes.X_V_MODEL_ON_SCOPE_VARIABLE */]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
-    [44 /* ErrorCodes.X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `,
-    [45 /* ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`,
+    [44 /* ErrorCodes.X_V_MODEL_ON_PROPS */]: `v-model cannot be used on a prop, because local prop bindings are not writable.\nUse a v-bind binding combined with a v-on listener that emits update:x event instead.`,
+    [45 /* ErrorCodes.X_INVALID_EXPRESSION */]: `Error parsing JavaScript expression: `,
+    [46 /* ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN */]: `<KeepAlive> expects exactly one child component.`,
     // generic errors
-    [46 /* ErrorCodes.X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-    [47 /* ErrorCodes.X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
-    [48 /* ErrorCodes.X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-    [49 /* ErrorCodes.X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
+    [47 /* ErrorCodes.X_PREFIX_ID_NOT_SUPPORTED */]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
+    [48 /* ErrorCodes.X_MODULE_MODE_NOT_SUPPORTED */]: `ES module mode is not supported in this build of compiler.`,
+    [49 /* ErrorCodes.X_CACHE_HANDLER_NOT_SUPPORTED */]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
+    [50 /* ErrorCodes.X_SCOPE_ID_NOT_SUPPORTED */]: `"scopeId" option is only supported in module mode.`,
     // just to fulfill types
-    [50 /* ErrorCodes.__EXTEND_POINT__ */]: ``
+    [51 /* ErrorCodes.__EXTEND_POINT__ */]: ``
 };
 
 const FRAGMENT = Symbol(`Fragment` );
@@ -13482,7 +13594,7 @@ function createRoot(children, loc = locStub) {
     return {
         type: 0 /* NodeTypes.ROOT */,
         children,
-        helpers: [],
+        helpers: new Set(),
         components: [],
         directives: [],
         hoists: [],
@@ -13716,7 +13828,7 @@ function hasDynamicKeyVBind(node) {
             !p.arg.isStatic) // v-bind:[foo]
     );
 }
-function isText(node) {
+function isText$1(node) {
     return node.type === 5 /* NodeTypes.INTERPOLATION */ || node.type === 2 /* NodeTypes.TEXT */;
 }
 function isVSlot(p) {
@@ -13907,7 +14019,7 @@ function makeBlock(node, { helper, removeHelper, inSSR }) {
     }
 }
 
-const deprecationData$1 = {
+const deprecationData = {
     ["COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */]: {
         message: `Platform-native elements with "is" prop will no longer be ` +
             `treated as components in Vue 3 unless the "is" value is explicitly ` +
@@ -13971,26 +14083,26 @@ function getCompatValue(key, context) {
         return value;
     }
 }
-function isCompatEnabled$1(key, context) {
+function isCompatEnabled(key, context) {
     const mode = getCompatValue('MODE', context);
     const value = getCompatValue(key, context);
     // in v3 mode, only enable if explicitly set to true
     // otherwise enable for any non-false value
     return mode === 3 ? value === true : value !== false;
 }
-function checkCompatEnabled$1(key, context, loc, ...args) {
-    const enabled = isCompatEnabled$1(key, context);
+function checkCompatEnabled(key, context, loc, ...args) {
+    const enabled = isCompatEnabled(key, context);
     if (enabled) {
-        warnDeprecation$1(key, context, loc, ...args);
+        warnDeprecation(key, context, loc, ...args);
     }
     return enabled;
 }
-function warnDeprecation$1(key, context, loc, ...args) {
+function warnDeprecation(key, context, loc, ...args) {
     const val = getCompatValue(key, context);
     if (val === 'suppress-warning') {
         return;
     }
-    const { message, link } = deprecationData$1[key];
+    const { message, link } = deprecationData[key];
     const msg = `(deprecation ${key}) ${typeof message === 'function' ? message(...args) : message}${link ? `\n  Details: ${link}` : ``}`;
     const err = new SyntaxError(msg);
     err.code = key;
@@ -14112,12 +14224,12 @@ function parseChildren(context, mode, ancestors) {
                 else if (/[a-z]/i.test(s[1])) {
                     node = parseElement(context, ancestors);
                     // 2.x <template> with no directive compat
-                    if (isCompatEnabled$1("COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */, context) &&
+                    if (isCompatEnabled("COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */, context) &&
                         node &&
                         node.tag === 'template' &&
                         !node.props.some(p => p.type === 7 /* NodeTypes.DIRECTIVE */ &&
                             isSpecialTemplateDirective(p.name))) {
-                        warnDeprecation$1("COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */, context, node.loc);
+                        warnDeprecation("COMPILER_NATIVE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_NATIVE_TEMPLATE */, context, node.loc);
                         node = node.children;
                     }
                 }
@@ -14317,7 +14429,7 @@ function parseElement(context, ancestors) {
     {
         const inlineTemplateProp = element.props.find(p => p.type === 6 /* NodeTypes.ATTRIBUTE */ && p.name === 'inline-template');
         if (inlineTemplateProp &&
-            checkCompatEnabled$1("COMPILER_INLINE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE */, context, inlineTemplateProp.loc)) {
+            checkCompatEnabled("COMPILER_INLINE_TEMPLATE" /* CompilerDeprecationTypes.COMPILER_INLINE_TEMPLATE */, context, inlineTemplateProp.loc)) {
             const loc = getSelection(context, element.loc.end);
             inlineTemplateProp.value = {
                 type: 2 /* NodeTypes.TEXT */,
@@ -14394,7 +14506,7 @@ function parseTag(context, type, parent) {
         return;
     }
     // 2.x deprecation checks
-    if (isCompatEnabled$1("COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */, context)) {
+    if (isCompatEnabled("COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */, context)) {
         let hasIf = false;
         let hasFor = false;
         for (let i = 0; i < props.length; i++) {
@@ -14408,7 +14520,7 @@ function parseTag(context, type, parent) {
                 }
             }
             if (hasIf && hasFor) {
-                warnDeprecation$1("COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */, context, getSelection(context, start));
+                warnDeprecation("COMPILER_V_IF_V_FOR_PRECEDENCE" /* CompilerDeprecationTypes.COMPILER_V_IF_V_FOR_PRECEDENCE */, context, getSelection(context, start));
                 break;
             }
         }
@@ -14460,7 +14572,7 @@ function isComponent(tag, props, context) {
                 if (p.value.content.startsWith('vue:')) {
                     return true;
                 }
-                else if (checkCompatEnabled$1("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context, p.loc)) {
+                else if (checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context, p.loc)) {
                     return true;
                 }
             }
@@ -14476,7 +14588,7 @@ function isComponent(tag, props, context) {
             p.name === 'bind' &&
                 isStaticArgOf(p.arg, 'is') &&
                 true &&
-                checkCompatEnabled$1("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context, p.loc)) {
+                checkCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context, p.loc)) {
                 return true;
             }
         }
@@ -14602,12 +14714,12 @@ function parseAttribute(context, nameSet) {
         // 2.x compat v-bind:foo.sync -> v-model:foo
         if (dirName === 'bind' && arg) {
             if (modifiers.includes('sync') &&
-                checkCompatEnabled$1("COMPILER_V_BIND_SYNC" /* CompilerDeprecationTypes.COMPILER_V_BIND_SYNC */, context, loc, arg.loc.source)) {
+                checkCompatEnabled("COMPILER_V_BIND_SYNC" /* CompilerDeprecationTypes.COMPILER_V_BIND_SYNC */, context, loc, arg.loc.source)) {
                 dirName = 'model';
                 modifiers.splice(modifiers.indexOf('sync'), 1);
             }
             if (modifiers.includes('prop')) {
-                checkCompatEnabled$1("COMPILER_V_BIND_PROP" /* CompilerDeprecationTypes.COMPILER_V_BIND_PROP */, context, loc);
+                checkCompatEnabled("COMPILER_V_BIND_PROP" /* CompilerDeprecationTypes.COMPILER_V_BIND_PROP */, context, loc);
             }
         }
         return {
@@ -14822,7 +14934,7 @@ function startsWithEndTagOpen(source, tag) {
 }
 
 function hoistStatic(root, context) {
-    walk$1(root, context, 
+    walk(root, context, 
     // Root node is unfortunately non-hoistable due to potential parent
     // fallthrough attributes.
     isSingleElementRoot(root, root.children[0]));
@@ -14833,7 +14945,7 @@ function isSingleElementRoot(root, child) {
         child.type === 1 /* NodeTypes.ELEMENT */ &&
         !isSlotOutlet(child));
 }
-function walk$1(node, context, doNotHoistNode = false) {
+function walk(node, context, doNotHoistNode = false) {
     const { children } = node;
     const originalCount = children.length;
     let hoistedCount = 0;
@@ -14882,19 +14994,19 @@ function walk$1(node, context, doNotHoistNode = false) {
             if (isComponent) {
                 context.scopes.vSlot++;
             }
-            walk$1(child, context);
+            walk(child, context);
             if (isComponent) {
                 context.scopes.vSlot--;
             }
         }
         else if (child.type === 11 /* NodeTypes.FOR */) {
             // Do not hoist v-for single child because it has to be a block
-            walk$1(child, context, child.children.length === 1);
+            walk(child, context, child.children.length === 1);
         }
         else if (child.type === 9 /* NodeTypes.IF */) {
             for (let i = 0; i < child.branches.length; i++) {
                 // Do not hoist v-if single child because it has to be a block
-                walk$1(child.branches[i], context, child.branches[i].children.length === 1);
+                walk(child.branches[i], context, child.branches[i].children.length === 1);
             }
         }
     }
@@ -15275,7 +15387,7 @@ function transform(root, options) {
         createRootCodegen(root, context);
     }
     // finalize meta information
-    root.helpers = [...context.helpers.keys()];
+    root.helpers = new Set([...context.helpers.keys()]);
     root.components = [...context.components];
     root.directives = [...context.directives];
     root.imports = context.imports;
@@ -15516,7 +15628,8 @@ function generate(ast, options = {}) {
     if (options.onContextCreated)
         options.onContextCreated(context);
     const { mode, push, prefixIdentifiers, indent, deindent, newline, scopeId, ssr } = context;
-    const hasHelpers = ast.helpers.length > 0;
+    const helpers = Array.from(ast.helpers);
+    const hasHelpers = helpers.length > 0;
     const useWithBlock = !prefixIdentifiers && mode !== 'module';
     const genScopeId = scopeId != null && mode === 'module';
     const isSetupInlined = !!options.inline;
@@ -15555,7 +15668,7 @@ function generate(ast, options = {}) {
         // function mode const declarations should be inside with block
         // also they should be renamed to avoid collision with user properties
         if (hasHelpers) {
-            push(`const { ${ast.helpers.map(aliasHelper).join(', ')} } = _Vue`);
+            push(`const { ${helpers.map(aliasHelper).join(', ')} } = _Vue`);
             push(`\n`);
             newline();
         }
@@ -15621,9 +15734,10 @@ function genFunctionPreamble(ast, context) {
     // In prefix mode, we place the const declaration at top so it's done
     // only once; But if we not prefixing, we place the declaration inside the
     // with block so it doesn't incur the `in` check cost for every helper access.
-    if (ast.helpers.length > 0) {
+    const helpers = Array.from(ast.helpers);
+    if (helpers.length > 0) {
         if (prefixIdentifiers) {
-            push(`const { ${ast.helpers.map(aliasHelper).join(', ')} } = ${VueBinding}\n`);
+            push(`const { ${helpers.map(aliasHelper).join(', ')} } = ${VueBinding}\n`);
         }
         else {
             // "with" mode.
@@ -15640,7 +15754,7 @@ function genFunctionPreamble(ast, context) {
                     CREATE_TEXT,
                     CREATE_STATIC
                 ]
-                    .filter(helper => ast.helpers.includes(helper))
+                    .filter(helper => helpers.includes(helper))
                     .map(aliasHelper)
                     .join(', ');
                 push(`const { ${staticHelpers} } = _Vue\n`);
@@ -15661,25 +15775,27 @@ function genFunctionPreamble(ast, context) {
 function genModulePreamble(ast, context, genScopeId, inline) {
     const { push, newline, optimizeImports, runtimeModuleName, ssrRuntimeModuleName } = context;
     if (genScopeId && ast.hoists.length) {
-        ast.helpers.push(PUSH_SCOPE_ID, POP_SCOPE_ID);
+        ast.helpers.add(PUSH_SCOPE_ID);
+        ast.helpers.add(POP_SCOPE_ID);
     }
     // generate import statements for helpers
-    if (ast.helpers.length) {
+    if (ast.helpers.size) {
+        const helpers = Array.from(ast.helpers);
         if (optimizeImports) {
             // when bundled with webpack with code-split, calling an import binding
             // as a function leads to it being wrapped with `Object(a.b)` or `(0,a.b)`,
             // incurring both payload size increase and potential perf overhead.
             // therefore we assign the imports to variables (which is a constant ~50b
             // cost per-component instead of scaling with template size)
-            push(`import { ${ast.helpers
+            push(`import { ${helpers
                 .map(s => helperNameMap[s])
                 .join(', ')} } from ${JSON.stringify(runtimeModuleName)}\n`);
-            push(`\n// Binding optimization for webpack code-split\nconst ${ast.helpers
+            push(`\n// Binding optimization for webpack code-split\nconst ${helpers
                 .map(s => `_${helperNameMap[s]} = ${helperNameMap[s]}`)
                 .join(', ')}\n`);
         }
         else {
-            push(`import { ${ast.helpers
+            push(`import { ${helpers
                 .map(s => `${helperNameMap[s]} as _${helperNameMap[s]}`)
                 .join(', ')} } from ${JSON.stringify(runtimeModuleName)}\n`);
         }
@@ -15756,7 +15872,7 @@ function genImports(importsOptions, context) {
         context.newline();
     });
 }
-function isText$1(n) {
+function isText(n) {
     return (isString(n) ||
         n.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ||
         n.type === 2 /* NodeTypes.TEXT */ ||
@@ -15765,7 +15881,7 @@ function isText$1(n) {
 }
 function genNodeListAsArray(nodes, context) {
     const multilines = nodes.length > 3 ||
-        (nodes.some(n => isArray(n) || !isText$1(n)));
+        (nodes.some(n => isArray(n) || !isText(n)));
     context.push(`[`);
     multilines && context.indent();
     genNodeList(nodes, context, multilines);
@@ -16667,7 +16783,7 @@ asRawStatements = false, localVars = Object.create(context.identifiers)) {
         }).program;
     }
     catch (e) {
-        context.onError(createCompilerError(44 /* ErrorCodes.X_INVALID_EXPRESSION */, node.loc, undefined, e.message));
+        context.onError(createCompilerError(45 /* ErrorCodes.X_INVALID_EXPRESSION */, node.loc, undefined, e.message));
         return node;
     }
     const ids = [];
@@ -17567,7 +17683,7 @@ const transformElement = (node, context) => {
                 // 2. Force keep-alive to always be updated, since it uses raw children.
                 patchFlag |= 1024 /* PatchFlags.DYNAMIC_SLOTS */;
                 if (node.children.length > 1) {
-                    context.onError(createCompilerError(45 /* ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN */, {
+                    context.onError(createCompilerError(46 /* ErrorCodes.X_KEEP_ALIVE_INVALID_CHILDREN */, {
                         start: node.children[0].loc.start,
                         end: node.children[node.children.length - 1].loc.end,
                         source: ''
@@ -17640,7 +17756,7 @@ function resolveComponentType(node, context, ssr = false) {
     const isProp = findProp(node, 'is');
     if (isProp) {
         if (isExplicitDynamic ||
-            (isCompatEnabled$1("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context))) {
+            (isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context))) {
             const exp = isProp.type === 6 /* NodeTypes.ATTRIBUTE */
                 ? isProp.value && createSimpleExpression(isProp.value.content, true)
                 : isProp.exp;
@@ -17842,7 +17958,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
             if (name === 'is' &&
                 (isComponentTag(tag) ||
                     (value && value.content.startsWith('vue:')) ||
-                    (isCompatEnabled$1("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context)))) {
+                    (isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context)))) {
                 continue;
             }
             properties.push(createObjectProperty(createSimpleExpression(name, true, getInnerRange(loc, 0, name.length)), createSimpleExpression(value ? value.content : '', isStatic, value ? value.loc : loc)));
@@ -17868,7 +17984,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
                 (isVBind &&
                     isStaticArgOf(arg, 'is') &&
                     (isComponentTag(tag) ||
-                        (isCompatEnabled$1("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context))))) {
+                        (isCompatEnabled("COMPILER_IS_ON_ELEMENT" /* CompilerDeprecationTypes.COMPILER_IS_ON_ELEMENT */, context))))) {
                 continue;
             }
             // skip v-on in SSR compilation
@@ -17914,10 +18030,10 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
                                     }
                                 });
                                 if (hasOverridableKeys) {
-                                    checkCompatEnabled$1("COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */, context, loc);
+                                    checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */, context, loc);
                                 }
                             }
-                            if (isCompatEnabled$1("COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */, context)) {
+                            if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER" /* CompilerDeprecationTypes.COMPILER_V_BIND_OBJECT_ORDER */, context)) {
                                 mergeArgs.unshift(exp);
                                 continue;
                             }
@@ -18097,7 +18213,7 @@ function dedupeProperties(properties) {
         const existing = knownProps.get(name);
         if (existing) {
             if (name === 'style' || name === 'class' || isOn(name)) {
-                mergeAsArray$1(existing, prop);
+                mergeAsArray(existing, prop);
             }
             // unexpected duplicate, should have emitted error during parse
         }
@@ -18108,7 +18224,7 @@ function dedupeProperties(properties) {
     }
     return deduped;
 }
-function mergeAsArray$1(existing, incoming) {
+function mergeAsArray(existing, incoming) {
     if (existing.value.type === 17 /* NodeTypes.JS_ARRAY_EXPRESSION */) {
         existing.value.elements.push(incoming.value);
     }
@@ -18242,7 +18358,7 @@ function processSlotOutlet(node, context) {
 }
 
 const fnExpRE = /^\s*([\w$_]+|(async\s*)?\([^)]*?\))\s*(:[^=]+)?=>|^\s*(async\s+)?function(?:\s+[\w$]+)?\s*\(/;
-const transformOn = (dir, node, context, augmentor) => {
+const transformOn$1 = (dir, node, context, augmentor) => {
     const { loc, modifiers, arg } = dir;
     if (!dir.exp && !modifiers.length) {
         context.onError(createCompilerError(35 /* ErrorCodes.X_V_ON_NO_EXPRESSION */, loc));
@@ -18437,11 +18553,11 @@ const transformText = (node, context) => {
             let hasText = false;
             for (let i = 0; i < children.length; i++) {
                 const child = children[i];
-                if (isText(child)) {
+                if (isText$1(child)) {
                     hasText = true;
                     for (let j = i + 1; j < children.length; j++) {
                         const next = children[j];
-                        if (isText(next)) {
+                        if (isText$1(next)) {
                             if (!currentContainer) {
                                 currentContainer = children[i] = createCompoundExpression([child], child.loc);
                             }
@@ -18483,7 +18599,7 @@ const transformText = (node, context) => {
             // runtime normalization.
             for (let i = 0; i < children.length; i++) {
                 const child = children[i];
-                if (isText(child) || child.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */) {
+                if (isText$1(child) || child.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */) {
                     const callArgs = [];
                     // createTextVNode defaults to single whitespace, so if it is a
                     // single space the code could be an empty call to save bytes.
@@ -18508,13 +18624,13 @@ const transformText = (node, context) => {
     }
 };
 
-const seen = new WeakSet();
+const seen$1 = new WeakSet();
 const transformOnce = (node, context) => {
     if (node.type === 1 /* NodeTypes.ELEMENT */ && findDir(node, 'once', true)) {
-        if (seen.has(node) || context.inVOnce) {
+        if (seen$1.has(node) || context.inVOnce) {
             return;
         }
-        seen.add(node);
+        seen$1.add(node);
         context.inVOnce = true;
         context.helper(SET_BLOCK_TRACKING);
         return () => {
@@ -18527,7 +18643,7 @@ const transformOnce = (node, context) => {
     }
 };
 
-const transformModel = (dir, node, context) => {
+const transformModel$1 = (dir, node, context) => {
     const { exp, arg } = dir;
     if (!exp) {
         context.onError(createCompilerError(41 /* ErrorCodes.X_V_MODEL_NO_EXPRESSION */, dir.loc));
@@ -18538,9 +18654,16 @@ const transformModel = (dir, node, context) => {
     // im SFC <script setup> inline mode, the exp may have been transformed into
     // _unref(exp)
     const bindingType = context.bindingMetadata[rawExp];
+    // check props
+    if (bindingType === "props" /* BindingTypes.PROPS */ ||
+        bindingType === "props-aliased" /* BindingTypes.PROPS_ALIASED */) {
+        context.onError(createCompilerError(44 /* ErrorCodes.X_V_MODEL_ON_PROPS */, exp.loc));
+        return createTransformProps();
+    }
     const maybeRef = context.inline &&
-        bindingType &&
-        bindingType !== "setup-const" /* BindingTypes.SETUP_CONST */;
+        (bindingType === "setup-let" /* BindingTypes.SETUP_LET */ ||
+            bindingType === "setup-ref" /* BindingTypes.SETUP_REF */ ||
+            bindingType === "setup-maybe-ref" /* BindingTypes.SETUP_MAYBE_REF */);
     if (!expString.trim() ||
         (!isMemberExpression(expString, context) && !maybeRef)) {
         context.onError(createCompilerError(42 /* ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
@@ -18555,7 +18678,7 @@ const transformModel = (dir, node, context) => {
     const propName = arg ? arg : createSimpleExpression('modelValue', true);
     const eventName = arg
         ? isStaticExp(arg)
-            ? `onUpdate:${arg.content}`
+            ? `onUpdate:${camelize(arg.content)}`
             : createCompoundExpression(['"onUpdate:" + ', arg])
         : `onUpdate:modelValue`;
     let assignmentExp;
@@ -18620,7 +18743,7 @@ function createTransformProps(props = []) {
 
 const validDivisionCharRE = /[\w).+\-_$\]]/;
 const transformFilter = (node, context) => {
-    if (!isCompatEnabled$1("COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */, context)) {
+    if (!isCompatEnabled("COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */, context)) {
         return;
     }
     if (node.type === 5 /* NodeTypes.INTERPOLATION */) {
@@ -18761,7 +18884,7 @@ function parseFilter(node, context) {
         lastFilterIndex = i + 1;
     }
     if (filters.length) {
-        warnDeprecation$1("COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */, context, node.loc);
+        warnDeprecation("COMPILER_FILTER" /* CompilerDeprecationTypes.COMPILER_FILTERS */, context, node.loc);
         for (i = 0; i < filters.length; i++) {
             expression = wrapFilter(expression, filters[i], context);
         }
@@ -18783,14 +18906,14 @@ function wrapFilter(exp, filter, context) {
     }
 }
 
-const seen$1 = new WeakSet();
+const seen = new WeakSet();
 const transformMemo = (node, context) => {
     if (node.type === 1 /* NodeTypes.ELEMENT */) {
         const dir = findDir(node, 'memo');
-        if (!dir || seen$1.has(node)) {
+        if (!dir || seen.has(node)) {
             return;
         }
-        seen$1.add(node);
+        seen.add(node);
         return () => {
             const codegenNode = node.codegenNode ||
                 context.currentNode.codegenNode;
@@ -18831,9 +18954,9 @@ function getBaseTransformPreset(prefixIdentifiers) {
             transformText
         ],
         {
-            on: transformOn,
+            on: transformOn$1,
             bind: transformBind,
-            model: transformModel
+            model: transformModel$1
         }
     ];
 }
@@ -18844,10 +18967,10 @@ function baseCompile(template, options = {}) {
     const isModuleMode = options.mode === 'module';
     const prefixIdentifiers = (options.prefixIdentifiers === true || isModuleMode);
     if (!prefixIdentifiers && options.cacheHandlers) {
-        onError(createCompilerError(48 /* ErrorCodes.X_CACHE_HANDLER_NOT_SUPPORTED */));
+        onError(createCompilerError(49 /* ErrorCodes.X_CACHE_HANDLER_NOT_SUPPORTED */));
     }
     if (options.scopeId && !isModuleMode) {
-        onError(createCompilerError(49 /* ErrorCodes.X_SCOPE_ID_NOT_SUPPORTED */));
+        onError(createCompilerError(50 /* ErrorCodes.X_SCOPE_ID_NOT_SUPPORTED */));
     }
     const ast = isString(template) ? baseParse(template, options) : template;
     const [nodeTransforms, directiveTransforms] = getBaseTransformPreset(prefixIdentifiers);
@@ -18881,7 +19004,7 @@ const V_MODEL_DYNAMIC = Symbol(`vModelDynamic` );
 const V_ON_WITH_MODIFIERS = Symbol(`vOnModifiersGuard` );
 const V_ON_WITH_KEYS = Symbol(`vOnKeysGuard` );
 const V_SHOW = Symbol(`vShow` );
-const TRANSITION$1 = Symbol(`Transition` );
+const TRANSITION = Symbol(`Transition` );
 const TRANSITION_GROUP = Symbol(`TransitionGroup` );
 registerRuntimeHelpers({
     [V_MODEL_RADIO]: `vModelRadio`,
@@ -18892,7 +19015,7 @@ registerRuntimeHelpers({
     [V_ON_WITH_MODIFIERS]: `withModifiers`,
     [V_ON_WITH_KEYS]: `withKeys`,
     [V_SHOW]: `vShow`,
-    [TRANSITION$1]: `Transition`,
+    [TRANSITION]: `Transition`,
     [TRANSITION_GROUP]: `TransitionGroup`
 });
 
@@ -21260,7 +21383,7 @@ const parserOptions = {
     decodeEntities: decodeHtml,
     isBuiltInComponent: (tag) => {
         if (isBuiltInType(tag, `Transition`)) {
-            return TRANSITION$1;
+            return TRANSITION;
         }
         else if (isBuiltInType(tag, `TransitionGroup`)) {
             return TRANSITION_GROUP;
@@ -21351,26 +21474,26 @@ function createDOMCompilerError(code, loc) {
     return createCompilerError(code, loc, DOMErrorMessages );
 }
 const DOMErrorMessages = {
-    [50 /* DOMErrorCodes.X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`,
-    [51 /* DOMErrorCodes.X_V_HTML_WITH_CHILDREN */]: `v-html will override element children.`,
-    [52 /* DOMErrorCodes.X_V_TEXT_NO_EXPRESSION */]: `v-text is missing expression.`,
-    [53 /* DOMErrorCodes.X_V_TEXT_WITH_CHILDREN */]: `v-text will override element children.`,
-    [54 /* DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT */]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-    [55 /* DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT */]: `v-model argument is not supported on plain elements.`,
-    [56 /* DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT */]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-    [57 /* DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE */]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-    [58 /* DOMErrorCodes.X_V_SHOW_NO_EXPRESSION */]: `v-show is missing expression.`,
-    [59 /* DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN */]: `<Transition> expects exactly one child element or component.`,
-    [60 /* DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG */]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+    [51 /* DOMErrorCodes.X_V_HTML_NO_EXPRESSION */]: `v-html is missing expression.`,
+    [52 /* DOMErrorCodes.X_V_HTML_WITH_CHILDREN */]: `v-html will override element children.`,
+    [53 /* DOMErrorCodes.X_V_TEXT_NO_EXPRESSION */]: `v-text is missing expression.`,
+    [54 /* DOMErrorCodes.X_V_TEXT_WITH_CHILDREN */]: `v-text will override element children.`,
+    [55 /* DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT */]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
+    [56 /* DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT */]: `v-model argument is not supported on plain elements.`,
+    [57 /* DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT */]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
+    [58 /* DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE */]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
+    [59 /* DOMErrorCodes.X_V_SHOW_NO_EXPRESSION */]: `v-show is missing expression.`,
+    [60 /* DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN */]: `<Transition> expects exactly one child element or component.`,
+    [61 /* DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG */]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
 };
 
 const transformVHtml = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
-        context.onError(createDOMCompilerError(50 /* DOMErrorCodes.X_V_HTML_NO_EXPRESSION */, loc));
+        context.onError(createDOMCompilerError(51 /* DOMErrorCodes.X_V_HTML_NO_EXPRESSION */, loc));
     }
     if (node.children.length) {
-        context.onError(createDOMCompilerError(51 /* DOMErrorCodes.X_V_HTML_WITH_CHILDREN */, loc));
+        context.onError(createDOMCompilerError(52 /* DOMErrorCodes.X_V_HTML_WITH_CHILDREN */, loc));
         node.children.length = 0;
     }
     return {
@@ -21383,10 +21506,10 @@ const transformVHtml = (dir, node, context) => {
 const transformVText = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
-        context.onError(createDOMCompilerError(52 /* DOMErrorCodes.X_V_TEXT_NO_EXPRESSION */, loc));
+        context.onError(createDOMCompilerError(53 /* DOMErrorCodes.X_V_TEXT_NO_EXPRESSION */, loc));
     }
     if (node.children.length) {
-        context.onError(createDOMCompilerError(53 /* DOMErrorCodes.X_V_TEXT_WITH_CHILDREN */, loc));
+        context.onError(createDOMCompilerError(54 /* DOMErrorCodes.X_V_TEXT_WITH_CHILDREN */, loc));
         node.children.length = 0;
     }
     return {
@@ -21400,19 +21523,19 @@ const transformVText = (dir, node, context) => {
     };
 };
 
-const transformModel$1 = (dir, node, context) => {
-    const baseResult = transformModel(dir, node, context);
+const transformModel = (dir, node, context) => {
+    const baseResult = transformModel$1(dir, node, context);
     // base transform has errors OR component v-model (only need props)
     if (!baseResult.props.length || node.tagType === 1 /* ElementTypes.COMPONENT */) {
         return baseResult;
     }
     if (dir.arg) {
-        context.onError(createDOMCompilerError(55 /* DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT */, dir.arg.loc));
+        context.onError(createDOMCompilerError(56 /* DOMErrorCodes.X_V_MODEL_ARG_ON_ELEMENT */, dir.arg.loc));
     }
     function checkDuplicatedValue() {
         const value = findProp(node, 'value');
         if (value) {
-            context.onError(createDOMCompilerError(57 /* DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE */, value.loc));
+            context.onError(createDOMCompilerError(58 /* DOMErrorCodes.X_V_MODEL_UNNECESSARY_VALUE */, value.loc));
         }
     }
     const { tag } = node;
@@ -21440,7 +21563,7 @@ const transformModel$1 = (dir, node, context) => {
                             break;
                         case 'file':
                             isInvalidType = true;
-                            context.onError(createDOMCompilerError(56 /* DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc));
+                            context.onError(createDOMCompilerError(57 /* DOMErrorCodes.X_V_MODEL_ON_FILE_INPUT_ELEMENT */, dir.loc));
                             break;
                         default:
                             // text type
@@ -21474,7 +21597,7 @@ const transformModel$1 = (dir, node, context) => {
         }
     }
     else {
-        context.onError(createDOMCompilerError(54 /* DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc));
+        context.onError(createDOMCompilerError(55 /* DOMErrorCodes.X_V_MODEL_ON_INVALID_ELEMENT */, dir.loc));
     }
     // native vmodel doesn't need the `modelValue` props since they are also
     // passed to the runtime as `binding.value`. removing it reduces code size.
@@ -21501,7 +21624,7 @@ const resolveModifiers = (key, modifiers, context, loc) => {
     for (let i = 0; i < modifiers.length; i++) {
         const modifier = modifiers[i];
         if (modifier === 'native' &&
-            checkCompatEnabled$1("COMPILER_V_ON_NATIVE" /* CompilerDeprecationTypes.COMPILER_V_ON_NATIVE */, context, loc)) {
+            checkCompatEnabled("COMPILER_V_ON_NATIVE" /* CompilerDeprecationTypes.COMPILER_V_ON_NATIVE */, context, loc)) {
             eventOptionModifiers.push(modifier);
         }
         else if (isEventOptionModifier(modifier)) {
@@ -21555,8 +21678,8 @@ const transformClick = (key, event) => {
             ])
             : key;
 };
-const transformOn$1 = (dir, node, context) => {
-    return transformOn(dir, node, context, baseResult => {
+const transformOn = (dir, node, context) => {
+    return transformOn$1(dir, node, context, baseResult => {
         const { modifiers } = dir;
         if (!modifiers.length)
             return baseResult;
@@ -21598,7 +21721,7 @@ const transformOn$1 = (dir, node, context) => {
 const transformShow = (dir, node, context) => {
     const { exp, loc } = dir;
     if (!exp) {
-        context.onError(createDOMCompilerError(58 /* DOMErrorCodes.X_V_SHOW_NO_EXPRESSION */, loc));
+        context.onError(createDOMCompilerError(59 /* DOMErrorCodes.X_V_SHOW_NO_EXPRESSION */, loc));
     }
     return {
         props: [],
@@ -21610,14 +21733,14 @@ const transformTransition = (node, context) => {
     if (node.type === 1 /* NodeTypes.ELEMENT */ &&
         node.tagType === 1 /* ElementTypes.COMPONENT */) {
         const component = context.isBuiltInComponent(node.tag);
-        if (component === TRANSITION$1) {
+        if (component === TRANSITION) {
             return () => {
                 if (!node.children.length) {
                     return;
                 }
                 // warn multiple transition children
                 if (hasMultipleChildren(node)) {
-                    context.onError(createDOMCompilerError(59 /* DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN */, {
+                    context.onError(createDOMCompilerError(60 /* DOMErrorCodes.X_TRANSITION_INVALID_CHILDREN */, {
                         start: node.children[0].loc.start,
                         end: node.children[node.children.length - 1].loc.end,
                         source: ''
@@ -21952,7 +22075,7 @@ const ignoreSideEffectTags = (node, context) => {
     if (node.type === 1 /* NodeTypes.ELEMENT */ &&
         node.tagType === 0 /* ElementTypes.ELEMENT */ &&
         (node.tag === 'script' || node.tag === 'style')) {
-        context.onError(createDOMCompilerError(60 /* DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG */, node.loc));
+        context.onError(createDOMCompilerError(61 /* DOMErrorCodes.X_IGNORED_SIDE_EFFECT_TAG */, node.loc));
         context.removeNode();
     }
 };
@@ -21965,11 +22088,11 @@ const DOMDirectiveTransforms = {
     cloak: noopDirectiveTransform,
     html: transformVHtml,
     text: transformVText,
-    model: transformModel$1,
-    on: transformOn$1,
+    model: transformModel,
+    on: transformOn,
     show: transformShow
 };
-function compile$1(template, options = {}) {
+function compile(template, options = {}) {
     return baseCompile(template, extend({}, parserOptions, options, {
         nodeTransforms: [
             // ignore <script> and <tag>
@@ -21992,7 +22115,7 @@ function compileToFunction(template, options) {
             template = template.innerHTML;
         }
         else {
-            warn$1(`invalid template option: `, template);
+            warn(`invalid template option: `, template);
             return NOOP;
         }
     }
@@ -22004,7 +22127,7 @@ function compileToFunction(template, options) {
     if (template[0] === '#') {
         const el = document.querySelector(template);
         if (!el) {
-            warn$1(`Template element not found or is empty: ${template}`);
+            warn(`Template element not found or is empty: ${template}`);
         }
         // __UNSAFE__
         // Reason: potential execution of JS expressions in in-DOM template.
@@ -22013,9 +22136,9 @@ function compileToFunction(template, options) {
         template = el ? el.innerHTML : ``;
     }
     if ((!options || !options.whitespace)) {
-        warnDeprecation("CONFIG_WHITESPACE" /* DeprecationTypes.CONFIG_WHITESPACE */, null);
+        warnDeprecation$1("CONFIG_WHITESPACE" /* DeprecationTypes.CONFIG_WHITESPACE */, null);
     }
-    const { code } = compile$1(template, extend({
+    const { code } = compile(template, extend({
         hoistStatic: true,
         whitespace: 'preserve',
         onError: onError ,
@@ -22027,7 +22150,7 @@ function compileToFunction(template, options) {
             : `Template compilation error: ${err.message}`;
         const codeFrame = err.loc &&
             generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset);
-        warn$1(codeFrame ? `${message}\n${codeFrame}` : message);
+        warn(codeFrame ? `${message}\n${codeFrame}` : message);
     }
     // The wildcard import results in a huge object with every export
     // with keys that cannot be mangled, and can be quite heavy size-wise.
@@ -22038,7 +22161,7 @@ function compileToFunction(template, options) {
     return (compileCache[key] = render);
 }
 registerRuntimeCompiler(compileToFunction);
-const Vue = createCompatVue$1();
+const Vue = createCompatVue();
 Vue.compile = compileToFunction;
 
 module.exports = Vue;