@vue/compat 3.2.44 → 3.2.46

package/dist/vue.global.js

@@ -172,7 +172,7 @@ var Vue = (function () {
   // 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,' +
@@ -184,7 +184,7 @@ var Vue = (function () {
   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,' +
@@ -341,12 +341,13 @@ var Vue = (function () {
           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';
@@ -413,10 +414,22 @@ var Vue = (function () {
           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 ||
@@ -432,7 +445,7 @@ var Vue = (function () {
                               : {}));
   };
 
-  function warn(msg, ...args) {
+  function warn$1(msg, ...args) {
       console.warn(`[Vue warn] ${msg}`, ...args);
   }
 
@@ -443,7 +456,7 @@ var Vue = (function () {
           /**
            * @internal
            */
-          this.active = true;
+          this._active = true;
           /**
            * @internal
            */
@@ -458,8 +471,11 @@ var Vue = (function () {
                   (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;
@@ -470,7 +486,7 @@ var Vue = (function () {
               }
           }
           else {
-              warn(`cannot run an inactive effect scope.`);
+              warn$1(`cannot run an inactive effect scope.`);
           }
       }
       /**
@@ -488,7 +504,7 @@ var Vue = (function () {
           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();
@@ -511,7 +527,7 @@ var Vue = (function () {
                   }
               }
               this.parent = undefined;
-              this.active = false;
+              this._active = false;
           }
       }
   }
@@ -531,7 +547,7 @@ var Vue = (function () {
           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.`);
       }
   }
@@ -732,7 +748,7 @@ var Vue = (function () {
           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);
@@ -821,6 +837,10 @@ var Vue = (function () {
           }
       }
   }
+  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(
@@ -832,7 +852,7 @@ var Vue = (function () {
       .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);
@@ -866,6 +886,11 @@ var Vue = (function () {
       });
       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 */) {
@@ -889,8 +914,13 @@ var Vue = (function () {
               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)) {
@@ -915,7 +945,7 @@ var Vue = (function () {
           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) {
@@ -958,7 +988,7 @@ var Vue = (function () {
       }
       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);
@@ -970,23 +1000,23 @@ var Vue = (function () {
       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;
       }
@@ -1004,7 +1034,7 @@ var Vue = (function () {
 
   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 */];
@@ -1030,7 +1060,7 @@ var Vue = (function () {
           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);
@@ -1060,7 +1090,7 @@ var Vue = (function () {
       }
       return this;
   }
-  function set$1(key, value) {
+  function set(key, value) {
       value = toRaw(value);
       const target = toRaw(this);
       const { has, get } = getProto(target);
@@ -1173,41 +1203,41 @@ var Vue = (function () {
   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 */),
@@ -1217,13 +1247,13 @@ var Vue = (function () {
       };
       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 */),
@@ -1414,9 +1444,10 @@ var Vue = (function () {
   }
   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',
@@ -1528,6 +1559,9 @@ var Vue = (function () {
       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];
@@ -1569,7 +1603,7 @@ var Vue = (function () {
       }
   }
   _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);
@@ -1599,7 +1633,7 @@ var Vue = (function () {
   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();
@@ -1705,6 +1739,20 @@ var Vue = (function () {
           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',
@@ -1798,7 +1846,7 @@ var Vue = (function () {
           if (contextVNode) {
               pushWarningContext(contextVNode);
           }
-          warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
+          warn(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
           if (contextVNode) {
               popWarningContext();
           }
@@ -1994,7 +2042,7 @@ var Vue = (function () {
           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 ` +
@@ -2101,12 +2149,6 @@ var Vue = (function () {
               // 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
@@ -2151,7 +2193,7 @@ var Vue = (function () {
   let devtools;
   let buffer = [];
   let devtoolsNotInstalled = false;
-  function emit(event, ...args) {
+  function emit$2(event, ...args) {
       if (devtools) {
           devtools.emit(event, ...args);
       }
@@ -2198,7 +2240,7 @@ var Vue = (function () {
       }
   }
   function devtoolsInitApp(app, version) {
-      emit("app:init" /* DevtoolsHooks.APP_INIT */, app, version, {
+      emit$2("app:init" /* DevtoolsHooks.APP_INIT */, app, version, {
           Fragment,
           Text,
           Comment,
@@ -2206,7 +2248,7 @@ var Vue = (function () {
       });
   }
   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 = 
@@ -2222,21 +2264,21 @@ var Vue = (function () {
   };
   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.`,
@@ -2500,7 +2542,7 @@ var Vue = (function () {
   };
   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);
@@ -2521,13 +2563,13 @@ var Vue = (function () {
       // 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.`);
       }
@@ -2551,24 +2593,24 @@ var Vue = (function () {
       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) {
@@ -2578,7 +2620,7 @@ var Vue = (function () {
       }
       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;
@@ -2599,11 +2641,11 @@ var Vue = (function () {
    * 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);
       }
   }
   /**
@@ -2612,19 +2654,19 @@ var Vue = (function () {
    */
   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;
   }
@@ -2702,7 +2744,7 @@ var Vue = (function () {
       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)
@@ -2711,7 +2753,7 @@ var Vue = (function () {
           }
           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);
           }
@@ -2744,7 +2786,7 @@ var Vue = (function () {
       }
   }
   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;
@@ -2754,7 +2796,7 @@ var Vue = (function () {
       }
   }
 
-  function emit$2(instance, event, ...rawArgs) {
+  function emit(instance, event, ...rawArgs) {
       if (instance.isUnmounted)
           return;
       const props = instance.vnode.props || EMPTY_OBJ;
@@ -2765,7 +2807,7 @@ var Vue = (function () {
                   !((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.`);
                   }
               }
@@ -2774,7 +2816,7 @@ var Vue = (function () {
                   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}".`);
                       }
                   }
               }
@@ -2791,7 +2833,7 @@ var Vue = (function () {
               args = rawArgs.map(a => (isString(a) ? a.trim() : a));
           }
           if (number) {
-              args = rawArgs.map(toNumber);
+              args = rawArgs.map(looseToNumber);
           }
       }
       {
@@ -2800,7 +2842,7 @@ var Vue = (function () {
       {
           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. ` +
@@ -3090,13 +3132,13 @@ var Vue = (function () {
                       }
                   }
                   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. ` +
@@ -3106,13 +3148,13 @@ var Vue = (function () {
               }
           }
       }
-      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,
@@ -3123,7 +3165,7 @@ var Vue = (function () {
       // 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
@@ -3133,7 +3175,7 @@ var Vue = (function () {
       // 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;
@@ -3468,7 +3510,10 @@ var Vue = (function () {
           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,
@@ -3696,7 +3741,7 @@ var Vue = (function () {
       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;
       }
@@ -3734,7 +3779,7 @@ var Vue = (function () {
   function provide(key, value) {
       if (!currentInstance) {
           {
-              warn$1(`provide() can only be used inside setup().`);
+              warn(`provide() can only be used inside setup().`);
           }
       }
       else {
@@ -3773,11 +3818,11 @@ var Vue = (function () {
                   : 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.`);
       }
   }
 
@@ -3786,17 +3831,17 @@ var Vue = (function () {
       return doWatch(effect, null, options);
   }
   function watchPostEffect(effect, options) {
-      return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'post' }) ));
+      return doWatch(effect, null, Object.assign(Object.assign({}, options), { flush: 'post' }) );
   }
   function watchSyncEffect(effect, options) {
-      return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'sync' }) ));
+      return doWatch(effect, null, Object.assign(Object.assign({}, options), { flush: 'sync' }) );
   }
   // initial value for watchers to trigger on undefined initial values
   const INITIAL_WATCHER_VALUE = {};
   // 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.`);
       }
@@ -3805,19 +3850,20 @@ var Vue = (function () {
   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;
@@ -3875,7 +3921,7 @@ var Vue = (function () {
           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;
@@ -3907,7 +3953,7 @@ var Vue = (function () {
                       ? 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();
@@ -3917,7 +3963,7 @@ var Vue = (function () {
                       // 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
@@ -4097,7 +4143,7 @@ var Vue = (function () {
                       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;
                           }
@@ -4115,7 +4161,7 @@ var Vue = (function () {
                   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);
@@ -4426,7 +4472,7 @@ var Vue = (function () {
                           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
@@ -4519,10 +4565,15 @@ var Vue = (function () {
           }
       });
   }
-  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;
   }
 
@@ -4608,7 +4659,7 @@ var Vue = (function () {
           }
           function pruneCacheEntry(key) {
               const cached = cache.get(key);
-              if (!current || cached.type !== current.type) {
+              if (!current || !isSameVNodeType(cached, current)) {
                   unmount(cached);
               }
               else if (current) {
@@ -4640,7 +4691,7 @@ var Vue = (function () {
               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
@@ -4660,7 +4711,7 @@ var Vue = (function () {
               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;
@@ -4680,8 +4731,7 @@ var Vue = (function () {
                   : 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;
               }
@@ -4741,7 +4791,7 @@ var Vue = (function () {
       else if (isString(pattern)) {
           return pattern.split(',').includes(name);
       }
-      else if (pattern.test) {
+      else if (isRegExp(pattern)) {
           return pattern.test(name);
       }
       /* istanbul ignore next */
@@ -4794,14 +4844,9 @@ var Vue = (function () {
       }, 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;
@@ -4840,7 +4885,7 @@ var Vue = (function () {
       }
       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 ` +
@@ -4870,18 +4915,18 @@ var Vue = (function () {
       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);
           }
       }
   }
@@ -4944,7 +4989,7 @@ var Vue = (function () {
   */
   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);
       }
   }
   /**
@@ -4953,7 +4998,7 @@ var Vue = (function () {
   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) ||
@@ -5042,7 +5087,7 @@ var Vue = (function () {
    * v2 compat only
    * @internal
    */
-  function resolveFilter(name) {
+  function resolveFilter$1(name) {
       return resolveAsset(FILTERS, name);
   }
   // implementation
@@ -5075,12 +5120,12 @@ var Vue = (function () {
                   ? `\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().`);
       }
   }
@@ -5106,7 +5151,7 @@ var Vue = (function () {
           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);
@@ -5267,8 +5312,8 @@ var Vue = (function () {
   }
   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;
@@ -5358,7 +5403,7 @@ var Vue = (function () {
       }
       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++) {
@@ -5429,11 +5474,13 @@ var Vue = (function () {
           (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 = () => [];
@@ -5486,7 +5533,7 @@ var Vue = (function () {
   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) {
@@ -5647,7 +5694,7 @@ var Vue = (function () {
           },
           // 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);
@@ -5672,7 +5719,7 @@ var Vue = (function () {
           $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,
@@ -5694,14 +5741,14 @@ var Vue = (function () {
               $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,
@@ -5749,6 +5796,7 @@ var Vue = (function () {
       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;
@@ -5756,15 +5804,6 @@ var Vue = (function () {
           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
@@ -5787,7 +5826,7 @@ var Vue = (function () {
                       // default: just fallthrough
                   }
               }
-              else if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
+              else if (hasSetupBinding(setupState, key)) {
                   accessCache[key] = 1 /* AccessTypes.SETUP */;
                   return setupState[key];
               }
@@ -5855,32 +5894,37 @@ var Vue = (function () {
                   // 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 {
@@ -5901,7 +5945,7 @@ var Vue = (function () {
           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) ||
@@ -5920,7 +5964,7 @@ var Vue = (function () {
   };
   {
       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);
       };
@@ -5936,7 +5980,7 @@ var Vue = (function () {
       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;
       }
@@ -5986,7 +6030,7 @@ var Vue = (function () {
       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;
               }
@@ -6005,7 +6049,7 @@ var Vue = (function () {
           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 {
@@ -6019,7 +6063,7 @@ var Vue = (function () {
       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;
@@ -6036,7 +6080,7 @@ var Vue = (function () {
       // 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
@@ -6086,24 +6130,24 @@ var Vue = (function () {
                   }
               }
               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);
@@ -6134,15 +6178,15 @@ var Vue = (function () {
                       ? 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
               });
@@ -6171,7 +6215,7 @@ var Vue = (function () {
           });
       }
       if (created) {
-          callHook(created, instance, "c" /* LifecycleHooks.CREATED */);
+          callHook$1(created, instance, "c" /* LifecycleHooks.CREATED */);
       }
       function registerLifecycleHook(register, hook) {
           if (isArray(hook)) {
@@ -6231,7 +6275,7 @@ var Vue = (function () {
       if (directives)
           instance.directives = directives;
       if (filters &&
-          isCompatEnabled("FILTERS" /* DeprecationTypes.FILTERS */, instance)) {
+          isCompatEnabled$1("FILTERS" /* DeprecationTypes.FILTERS */, instance)) {
           instance.filters = filters;
       }
   }
@@ -6265,7 +6309,7 @@ var Vue = (function () {
               }
               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 ` +
@@ -6282,7 +6326,7 @@ var Vue = (function () {
           }
       }
   }
-  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);
@@ -6297,7 +6341,7 @@ var Vue = (function () {
               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)) {
@@ -6315,12 +6359,12 @@ var Vue = (function () {
                   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);
       }
   }
   /**
@@ -6338,7 +6382,7 @@ var Vue = (function () {
           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;
@@ -6372,7 +6416,7 @@ var Vue = (function () {
       }
       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 {
@@ -6390,20 +6434,20 @@ var Vue = (function () {
       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,
@@ -6424,7 +6468,7 @@ var Vue = (function () {
           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);
       };
@@ -6442,7 +6486,7 @@ var Vue = (function () {
       }
       return raw;
   }
-  function mergeAsArray(to, from) {
+  function mergeAsArray$1(to, from) {
       return to ? [...new Set([].concat(to, from))] : from;
   }
   function mergeObjectOptions(to, from) {
@@ -6455,7 +6499,7 @@ var Vue = (function () {
           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;
   }
@@ -6463,7 +6507,7 @@ var Vue = (function () {
   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);
@@ -6493,11 +6537,11 @@ var Vue = (function () {
           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
@@ -6725,7 +6769,7 @@ var Vue = (function () {
                   }
                   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();
@@ -6789,7 +6833,7 @@ var Vue = (function () {
       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)) {
@@ -6799,7 +6843,7 @@ var Vue = (function () {
       }
       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);
@@ -6832,15 +6876,15 @@ var Vue = (function () {
           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);
@@ -6874,7 +6918,7 @@ var Vue = (function () {
       const { type, required, validator } = prop;
       // required!
       if (required && isAbsent) {
-          warn$1('Missing required prop: "' + name + '"');
+          warn('Missing required prop: "' + name + '"');
           return;
       }
       // missing but optional
@@ -6893,13 +6937,13 @@ var Vue = (function () {
               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');
@@ -6996,7 +7040,7 @@ var Vue = (function () {
       }
       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.`);
           }
@@ -7015,8 +7059,8 @@ var Vue = (function () {
               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);
@@ -7026,8 +7070,8 @@ var Vue = (function () {
   };
   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);
@@ -7125,7 +7169,7 @@ var Vue = (function () {
               },
               set(newVal) {
                   if (!isCopyingConfig) {
-                      warnDeprecation(legacyConfigOptions[key], null);
+                      warnDeprecation$1(legacyConfigOptions[key], null);
                   }
                   val = newVal;
               }
@@ -7151,7 +7195,7 @@ var Vue = (function () {
   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);
@@ -7176,7 +7220,7 @@ var Vue = (function () {
               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)) {
@@ -7278,7 +7322,7 @@ var Vue = (function () {
       });
       // 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
@@ -7313,7 +7357,7 @@ var Vue = (function () {
               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;
@@ -7325,7 +7369,7 @@ var Vue = (function () {
           // 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;
               }
           },
@@ -7362,7 +7406,7 @@ var Vue = (function () {
           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 => {
@@ -7375,7 +7419,7 @@ var Vue = (function () {
   }
   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);
       }
@@ -7390,7 +7434,7 @@ var Vue = (function () {
           }
       }
       if (hasPrototypeAugmentations) {
-          warnDeprecation("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
+          warnDeprecation$1("GLOBAL_PROTOTYPE" /* DeprecationTypes.GLOBAL_PROTOTYPE */, null);
       }
   }
   function installCompatMount(app, context, render) {
@@ -7424,7 +7468,7 @@ var Vue = (function () {
           // 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;
@@ -7432,7 +7476,7 @@ var Vue = (function () {
                   // 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;
@@ -7460,7 +7504,7 @@ var Vue = (function () {
                       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;
                           }
                       }
@@ -7499,7 +7543,7 @@ var Vue = (function () {
                   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
@@ -7510,7 +7554,7 @@ var Vue = (function () {
                   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');
                   }
               }
@@ -7602,21 +7646,21 @@ var Vue = (function () {
           emitsCache: new WeakMap()
       };
   }
-  let uid = 0;
+  let uid$1 = 0;
   function createAppAPI(render, hydrate) {
       return function createApp(rootComponent, rootProps = null) {
           if (!isFunction(rootComponent)) {
               rootComponent = Object.assign({}, rootComponent);
           }
           if (rootProps != null && !isObject(rootProps)) {
-              warn$1(`root props passed to app.mount() must be an object.`);
+              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,
@@ -7628,12 +7672,12 @@ var Vue = (function () {
               },
               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);
@@ -7644,7 +7688,7 @@ var Vue = (function () {
                       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;
@@ -7655,7 +7699,7 @@ var Vue = (function () {
                           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}` : ''));
                       }
                   }
@@ -7669,7 +7713,7 @@ var Vue = (function () {
                       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;
@@ -7682,7 +7726,7 @@ var Vue = (function () {
                       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;
@@ -7691,7 +7735,7 @@ var Vue = (function () {
                   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.`);
                       }
@@ -7721,7 +7765,7 @@ var Vue = (function () {
                       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)\``);
@@ -7737,12 +7781,12 @@ var Vue = (function () {
                       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;
@@ -7775,7 +7819,7 @@ var Vue = (function () {
       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;
       }
@@ -7842,7 +7886,7 @@ var Vue = (function () {
                           refs[rawRef.k] = value;
                   }
                   else {
-                      warn$1('Invalid template ref type:', ref, `(${typeof ref})`);
+                      warn('Invalid template ref type:', ref, `(${typeof ref})`);
                   }
               };
               if (value) {
@@ -7854,7 +7898,7 @@ var Vue = (function () {
               }
           }
           else {
-              warn$1('Invalid template ref type:', ref, `(${typeof ref})`);
+              warn('Invalid template ref type:', ref, `(${typeof ref})`);
           }
       }
   }
@@ -7871,7 +7915,7 @@ var Vue = (function () {
       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();
@@ -7914,7 +7958,7 @@ var Vue = (function () {
                   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;
@@ -8029,7 +8073,7 @@ var Vue = (function () {
                       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) {
@@ -8090,7 +8134,7 @@ var Vue = (function () {
                   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;
                       }
@@ -8103,7 +8147,7 @@ var Vue = (function () {
               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;
@@ -8130,7 +8174,7 @@ var Vue = (function () {
               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;
                   }
@@ -8163,7 +8207,7 @@ var Vue = (function () {
       };
       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)`
@@ -8331,7 +8375,7 @@ var Vue = (function () {
                       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
@@ -8421,6 +8465,8 @@ var Vue = (function () {
           if (dirs) {
               invokeDirectiveHook(vnode, null, parentComponent, 'created');
           }
+          // scopeId
+          setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
           // props
           if (props) {
               for (const key in props) {
@@ -8444,8 +8490,6 @@ var Vue = (function () {
                   invokeVNodeHook(vnodeHook, parentComponent, vnode);
               }
           }
-          // scopeId
-          setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
           {
               Object.defineProperty(el, '__vnode', {
                   value: vnode,
@@ -8819,7 +8863,7 @@ var Vue = (function () {
                       (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);
@@ -8880,7 +8924,7 @@ var Vue = (function () {
                       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.
@@ -8891,7 +8935,7 @@ var Vue = (function () {
                           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);
                       }
                   }
@@ -8929,7 +8973,7 @@ var Vue = (function () {
                   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);
@@ -8969,7 +9013,7 @@ var Vue = (function () {
                   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);
                   }
                   {
@@ -9174,7 +9218,7 @@ var Vue = (function () {
                       : 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);
                   }
@@ -9442,7 +9486,7 @@ var Vue = (function () {
           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
@@ -9458,7 +9502,7 @@ var Vue = (function () {
           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(() => {
@@ -9563,6 +9607,10 @@ var Vue = (function () {
                   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) {
@@ -9621,14 +9669,14 @@ var Vue = (function () {
       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.`);
@@ -9638,7 +9686,7 @@ var Vue = (function () {
       }
       else {
           if (!targetSelector && !isTeleportDisabled(props)) {
-              warn$1(`Invalid Teleport target: ${targetSelector}`);
+              warn(`Invalid Teleport target: ${targetSelector}`);
           }
           return targetSelector;
       }
@@ -9671,7 +9719,7 @@ var Vue = (function () {
                   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
@@ -9723,7 +9771,7 @@ var Vue = (function () {
                           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) {
@@ -9733,6 +9781,7 @@ var Vue = (function () {
                   }
               }
           }
+          updateCssVars(n2);
       },
       remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
           const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
@@ -9811,11 +9860,26 @@ var Vue = (function () {
                   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) {
@@ -9863,7 +9927,7 @@ var Vue = (function () {
       }
       // 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);
@@ -9970,6 +10034,10 @@ var Vue = (function () {
   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;
       }
@@ -10025,7 +10093,8 @@ var Vue = (function () {
           patchFlag,
           dynamicProps,
           dynamicChildren: null,
-          appContext: null
+          appContext: null,
+          ctx: currentRenderingInstance
       };
       if (needFullChildrenNormalization) {
           normalizeChildren(vnode, children);
@@ -10043,7 +10112,7 @@ var Vue = (function () {
       }
       // 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 &&
@@ -10071,7 +10140,7 @@ var Vue = (function () {
   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;
       }
@@ -10133,7 +10202,7 @@ var Vue = (function () {
                           : 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);
@@ -10200,7 +10269,9 @@ var Vue = (function () {
           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);
@@ -10370,13 +10441,13 @@ var Vue = (function () {
   }
 
   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,
@@ -10446,7 +10517,7 @@ var Vue = (function () {
           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);
@@ -10467,7 +10538,7 @@ var Vue = (function () {
   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) {
@@ -10506,7 +10577,7 @@ var Vue = (function () {
               }
           }
           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.`);
           }
@@ -10547,7 +10618,7 @@ var Vue = (function () {
                   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.`);
@@ -10571,7 +10642,7 @@ var Vue = (function () {
       }
       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.
@@ -10585,18 +10656,18 @@ var Vue = (function () {
           }
       }
       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);
@@ -10604,7 +10675,7 @@ var Vue = (function () {
       };
   }
   // dev only
-  const isRuntimeOnly = () => !compile;
+  const isRuntimeOnly = () => !compile$1;
   function finishComponentSetup(instance, isSSR, skipOptions) {
       const Component = instance.type;
       {
@@ -10618,7 +10689,7 @@ var Vue = (function () {
       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 ||
@@ -10641,7 +10712,7 @@ var Vue = (function () {
                           extend(finalCompilerOptions.compatConfig, Component.compatConfig);
                       }
                   }
-                  Component.render = compile(template, finalCompilerOptions);
+                  Component.render = compile$1(template, finalCompilerOptions);
                   {
                       endMeasure(instance, `compile`);
                   }
@@ -10667,14 +10738,14 @@ var Vue = (function () {
       // 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.` +
                   (` Use "vue.global.js" instead.`
                               ) /* should not happen */);
           }
           else {
-              warn$1(`Component is missing template or render function.`);
+              warn(`Component is missing template or render function.`);
           }
       }
   }
@@ -10686,11 +10757,11 @@ var Vue = (function () {
                   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;
               }
           }
@@ -10698,8 +10769,24 @@ var Vue = (function () {
   }
   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 || {};
       };
@@ -10774,13 +10861,13 @@ var Vue = (function () {
       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
@@ -10847,7 +10934,7 @@ var Vue = (function () {
   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));
   }
@@ -10874,7 +10961,7 @@ var Vue = (function () {
               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;
@@ -10917,7 +11004,7 @@ var Vue = (function () {
   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();
@@ -10962,7 +11049,7 @@ var Vue = (function () {
   const ssrContextKey = Symbol(`ssrContext` );
   const useSSRContext = () => {
       {
-          warn$1(`useSSRContext() is not supported in the global build.`);
+          warn(`useSSRContext() is not supported in the global build.`);
       }
   };
 
@@ -11183,7 +11270,7 @@ var Vue = (function () {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.44";
+  const version = "3.2.46";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
    * @internal
@@ -11192,12 +11279,12 @@ var Vue = (function () {
   /**
    * @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
   };
   /**
@@ -11307,9 +11394,6 @@ var Vue = (function () {
       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) {
@@ -11317,6 +11401,9 @@ var Vue = (function () {
                   }
               }
           }
+          for (const key in next) {
+              setStyle(style, key, next[key]);
+          }
       }
       else {
           const currentDisplay = style.display;
@@ -11347,7 +11434,7 @@ var Vue = (function () {
               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('--')) {
@@ -11509,7 +11596,7 @@ var Vue = (function () {
       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);
           }
       }
@@ -11713,16 +11800,25 @@ var Vue = (function () {
           }
           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() {
@@ -11738,9 +11834,6 @@ var Vue = (function () {
        * 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++) {
@@ -11752,38 +11845,26 @@ var Vue = (function () {
                   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);
@@ -11792,12 +11873,33 @@ var Vue = (function () {
           };
           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);
@@ -11853,27 +11955,31 @@ var Vue = (function () {
                               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;
                       }
                   }
@@ -11900,7 +12006,7 @@ var Vue = (function () {
       /* istanbul ignore else */
       {
           {
-              warn$1(`useCssModule() is not supported in the global build.`);
+              warn(`useCssModule() is not supported in the global build.`);
           }
           return EMPTY_OBJ;
       }
@@ -11914,10 +12020,17 @@ var Vue = (function () {
       const instance = getCurrentInstance();
       /* istanbul ignore next */
       if (!instance) {
-          warn$1(`useCssVars is called without current active component instance.`);
+          warn(`useCssVars is called without current active component instance.`);
           return;
       }
-      const setVars = () => setVarsOnVNode(instance.subTree, getter(instance.proxy));
+      const updateTeleports = (instance.ut = (vars = getter(instance.proxy)) => {
+          Array.from(document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)).forEach(node => setVarsOnNode(node, vars));
+      });
+      const setVars = () => {
+          const vars = getter(instance.proxy);
+          setVarsOnVNode(instance.subTree, vars);
+          updateTeleports(vars);
+      };
       watchPostEffect(setVars);
       onMounted(() => {
           const ob = new MutationObserver(setVars);
@@ -11964,7 +12077,7 @@ var Vue = (function () {
       }
   }
 
-  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.
@@ -11997,7 +12110,7 @@ var Vue = (function () {
    * #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));
       }
@@ -12064,11 +12177,16 @@ var Vue = (function () {
           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)) {
@@ -12079,17 +12197,17 @@ var Vue = (function () {
       };
       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);
@@ -12100,7 +12218,7 @@ var Vue = (function () {
               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)
@@ -12112,7 +12230,7 @@ var Vue = (function () {
                       return;
                   }
                   removeTransitionClass(el, leaveFromClass);
-                  if (legacyClassEnabled) {
+                  if (legacyClassEnabled && legacyLeaveFromClass) {
                       removeTransitionClass(el, legacyLeaveFromClass);
                   }
                   addTransitionClass(el, leaveToClass);
@@ -12120,19 +12238,19 @@ var Vue = (function () {
                       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]);
           }
       });
   }
@@ -12150,18 +12268,10 @@ var Vue = (function () {
   }
   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));
@@ -12220,8 +12330,8 @@ var Vue = (function () {
       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`);
@@ -12230,9 +12340,9 @@ var Vue = (function () {
       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;
           }
@@ -12249,17 +12359,17 @@ var Vue = (function () {
           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,
@@ -12348,7 +12458,7 @@ var Vue = (function () {
                       setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
                   }
                   else {
-                      warn$1(`<TransitionGroup> children must be keyed.`);
+                      warn(`<TransitionGroup> children must be keyed.`);
                   }
               }
               if (prevChildren) {
@@ -12365,6 +12475,14 @@ var Vue = (function () {
   {
       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;
@@ -12440,7 +12558,7 @@ var Vue = (function () {
                   domValue = domValue.trim();
               }
               if (castToNumber) {
-                  domValue = toNumber(domValue);
+                  domValue = looseToNumber(domValue);
               }
               el._assign(domValue);
           });
@@ -12475,7 +12593,8 @@ var Vue = (function () {
               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;
               }
           }
@@ -12564,7 +12683,7 @@ var Vue = (function () {
           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)
@@ -12588,7 +12707,7 @@ var Vue = (function () {
   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;
       }
@@ -12884,7 +13003,7 @@ var Vue = (function () {
                   return isCustomElement;
               },
               set() {
-                  warn$1(`The \`isCustomElement\` config option is deprecated. Use ` +
+                  warn(`The \`isCustomElement\` config option is deprecated. Use ` +
                       `\`compilerOptions.isCustomElement\` instead.`);
               }
           });
@@ -12898,11 +13017,11 @@ var Vue = (function () {
               `- 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);
               }
           });
       }
@@ -12911,14 +13030,14 @@ var Vue = (function () {
       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;
   }
@@ -12929,150 +13048,151 @@ var Vue = (function () {
 
   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
   });
 
   function initDev() {
@@ -13106,7 +13226,7 @@ var Vue = (function () {
       }
       return app;
   }
-  function createCompatVue$1() {
+  function createCompatVue() {
       const Vue = compatUtils.createCompatVue(createApp, wrappedCreateApp);
       extend(Vue, runtimeDom);
       return Vue;
@@ -13168,7 +13288,7 @@ var Vue = (function () {
       [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. `,
@@ -13178,15 +13298,16 @@ var Vue = (function () {
       [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` );
@@ -13290,7 +13411,7 @@ var Vue = (function () {
       return {
           type: 0 /* NodeTypes.ROOT */,
           children,
-          helpers: [],
+          helpers: new Set(),
           components: [],
           directives: [],
           hoists: [],
@@ -13588,7 +13709,7 @@ var Vue = (function () {
               !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) {
@@ -13736,7 +13857,7 @@ var Vue = (function () {
       }
   }
 
-  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 ` +
@@ -13800,26 +13921,26 @@ var Vue = (function () {
           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;
@@ -13941,12 +14062,12 @@ var Vue = (function () {
                   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;
                       }
                   }
@@ -14146,7 +14267,7 @@ var Vue = (function () {
       {
           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 */,
@@ -14223,7 +14344,7 @@ var Vue = (function () {
           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++) {
@@ -14237,7 +14358,7 @@ var Vue = (function () {
                   }
               }
               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;
               }
           }
@@ -14289,7 +14410,7 @@ var Vue = (function () {
                   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;
                   }
               }
@@ -14305,7 +14426,7 @@ var Vue = (function () {
               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;
               }
           }
@@ -14431,12 +14552,12 @@ var Vue = (function () {
           // 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 {
@@ -14651,7 +14772,7 @@ var Vue = (function () {
   }
 
   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]));
@@ -14662,7 +14783,7 @@ var Vue = (function () {
           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;
@@ -14711,19 +14832,19 @@ var Vue = (function () {
               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);
               }
           }
       }
@@ -15071,7 +15192,7 @@ var Vue = (function () {
           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;
@@ -15277,12 +15398,16 @@ var Vue = (function () {
       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 isSetupInlined = !true ;
       // preambles
       // in setup() inline mode, the preamble is generated in a sub context
       // and returned separately.
-      const preambleContext = context;
+      const preambleContext = isSetupInlined
+          ? createCodegenContext(ast, options)
+          : context;
       {
           genFunctionPreamble(ast, preambleContext);
       }
@@ -15300,7 +15425,7 @@ var Vue = (function () {
           // 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();
           }
@@ -15352,7 +15477,7 @@ var Vue = (function () {
       return {
           ast,
           code: context.code,
-          preamble: ``,
+          preamble: isSetupInlined ? preambleContext.code : ``,
           // SourceMapGenerator does have toJSON() method but it's not in the types
           map: context.map ? context.map.toJSON() : undefined
       };
@@ -15364,7 +15489,8 @@ var Vue = (function () {
       // 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) {
           {
               // "with" mode.
               // save Vue in a separate variable to avoid collision
@@ -15380,7 +15506,7 @@ var Vue = (function () {
                       CREATE_TEXT,
                       CREATE_STATIC
                   ]
-                      .filter(helper => ast.helpers.includes(helper))
+                      .filter(helper => helpers.includes(helper))
                       .map(aliasHelper)
                       .join(', ');
                   push(`const { ${staticHelpers} } = _Vue\n`);
@@ -15427,7 +15553,7 @@ var Vue = (function () {
       }
       context.pure = false;
   }
-  function isText$1(n) {
+  function isText(n) {
       return (isString(n) ||
           n.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ||
           n.type === 2 /* NodeTypes.TEXT */ ||
@@ -15436,7 +15562,7 @@ var Vue = (function () {
   }
   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);
@@ -15776,11 +15902,11 @@ var Vue = (function () {
   }
 
   // these keywords should not appear inside expressions, but operators like
-  // typeof, instanceof and in are allowed
+  // 'typeof', 'instanceof', and 'in' are allowed
   const prohibitedKeywordRE = new RegExp('\\b' +
-      ('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
-          'super,throw,while,yield,delete,export,import,return,switch,default,' +
-          'extends,finally,continue,debugger,function,arguments,typeof,void')
+      ('arguments,await,break,case,catch,class,const,continue,debugger,default,' +
+          'delete,do,else,export,extends,finally,for,function,if,import,let,new,' +
+          'return,super,switch,throw,try,var,void,while,with,yield')
           .split(',')
           .join('\\b|\\b') +
       '\\b');
@@ -15811,7 +15937,7 @@ var Vue = (function () {
           if (keywordMatch) {
               message = `avoid using JavaScript keyword as property name: "${keywordMatch[0]}"`;
           }
-          context.onError(createCompilerError(44 /* ErrorCodes.X_INVALID_EXPRESSION */, node.loc, undefined, message));
+          context.onError(createCompilerError(45 /* ErrorCodes.X_INVALID_EXPRESSION */, node.loc, undefined, message));
       }
   }
 
@@ -16605,7 +16731,7 @@ var Vue = (function () {
                   // 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: ''
@@ -16678,7 +16804,7 @@ var Vue = (function () {
       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;
@@ -16806,7 +16932,7 @@ var Vue = (function () {
               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)));
@@ -16832,7 +16958,7 @@ var Vue = (function () {
                   (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
@@ -16878,10 +17004,10 @@ var Vue = (function () {
                                       }
                                   });
                                   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;
                               }
@@ -17061,7 +17187,7 @@ var Vue = (function () {
           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
           }
@@ -17072,7 +17198,7 @@ var Vue = (function () {
       }
       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);
       }
@@ -17200,7 +17326,7 @@ var Vue = (function () {
   }
 
   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));
@@ -17360,11 +17486,11 @@ var Vue = (function () {
               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);
                               }
@@ -17406,7 +17532,7 @@ var Vue = (function () {
               // 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.
@@ -17431,13 +17557,13 @@ var Vue = (function () {
       }
   };
 
-  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 () => {
@@ -17450,7 +17576,7 @@ var Vue = (function () {
       }
   };
 
-  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));
@@ -17460,8 +17586,14 @@ var Vue = (function () {
       const expString = exp.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ ? exp.content : rawExp;
       // im SFC <script setup> inline mode, the exp may have been transformed into
       // _unref(exp)
-      context.bindingMetadata[rawExp];
-      const maybeRef = !true    /* BindingTypes.SETUP_CONST */;
+      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 = !true  ;
       if (!expString.trim() ||
           (!isMemberExpression(expString) && !maybeRef)) {
           context.onError(createCompilerError(42 /* ErrorCodes.X_V_MODEL_MALFORMED_EXPRESSION */, exp.loc));
@@ -17470,7 +17602,7 @@ var Vue = (function () {
       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;
@@ -17508,7 +17640,7 @@ var Vue = (function () {
 
   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 */) {
@@ -17649,7 +17781,7 @@ var Vue = (function () {
           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);
           }
@@ -17671,14 +17803,14 @@ var Vue = (function () {
       }
   }
 
-  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;
@@ -17714,9 +17846,9 @@ var Vue = (function () {
               transformText
           ],
           {
-              on: transformOn,
+              on: transformOn$1,
               bind: transformBind,
-              model: transformModel
+              model: transformModel$1
           }
       ];
   }
@@ -17728,18 +17860,18 @@ var Vue = (function () {
       /* istanbul ignore if */
       {
           if (options.prefixIdentifiers === true) {
-              onError(createCompilerError(46 /* ErrorCodes.X_PREFIX_ID_NOT_SUPPORTED */));
+              onError(createCompilerError(47 /* ErrorCodes.X_PREFIX_ID_NOT_SUPPORTED */));
           }
           else if (isModuleMode) {
-              onError(createCompilerError(47 /* ErrorCodes.X_MODULE_MODE_NOT_SUPPORTED */));
+              onError(createCompilerError(48 /* ErrorCodes.X_MODULE_MODE_NOT_SUPPORTED */));
           }
       }
       const prefixIdentifiers = !true ;
       if (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();
@@ -17767,7 +17899,7 @@ var Vue = (function () {
   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`,
@@ -17778,7 +17910,7 @@ var Vue = (function () {
       [V_ON_WITH_MODIFIERS]: `withModifiers`,
       [V_ON_WITH_KEYS]: `withKeys`,
       [V_SHOW]: `vShow`,
-      [TRANSITION$1]: `Transition`,
+      [TRANSITION]: `Transition`,
       [TRANSITION_GROUP]: `TransitionGroup`
   });
 
@@ -17806,7 +17938,7 @@ var Vue = (function () {
       decodeEntities: decodeHtmlBrowser ,
       isBuiltInComponent: (tag) => {
           if (isBuiltInType(tag, `Transition`)) {
-              return TRANSITION$1;
+              return TRANSITION;
           }
           else if (isBuiltInType(tag, `TransitionGroup`)) {
               return TRANSITION_GROUP;
@@ -17897,26 +18029,26 @@ var Vue = (function () {
       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 {
@@ -17929,10 +18061,10 @@ var Vue = (function () {
   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 {
@@ -17946,19 +18078,19 @@ var Vue = (function () {
       };
   };
 
-  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;
@@ -17986,7 +18118,7 @@ var Vue = (function () {
                               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
@@ -18020,7 +18152,7 @@ var Vue = (function () {
           }
       }
       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.
@@ -18047,7 +18179,7 @@ var Vue = (function () {
       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)) {
@@ -18101,8 +18233,8 @@ var Vue = (function () {
               ])
               : 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;
@@ -18144,7 +18276,7 @@ var Vue = (function () {
   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: [],
@@ -18156,14 +18288,14 @@ var Vue = (function () {
       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: ''
@@ -18202,7 +18334,7 @@ var Vue = (function () {
       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();
       }
   };
@@ -18215,11 +18347,11 @@ var Vue = (function () {
       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>
@@ -18242,7 +18374,7 @@ var Vue = (function () {
               template = template.innerHTML;
           }
           else {
-              warn$1(`invalid template option: `, template);
+              warn(`invalid template option: `, template);
               return NOOP;
           }
       }
@@ -18254,7 +18386,7 @@ var Vue = (function () {
       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.
@@ -18263,9 +18395,9 @@ var Vue = (function () {
           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 ,
@@ -18277,7 +18409,7 @@ var Vue = (function () {
               : `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.
@@ -18288,9 +18420,9 @@ var Vue = (function () {
       return (compileCache[key] = render);
   }
   registerRuntimeCompiler(compileToFunction);
-  const Vue = createCompatVue$1();
+  const Vue = createCompatVue();
   Vue.compile = compileToFunction;
 
   return Vue;
 
-}());
+})();