@vue/compat 3.6.0-beta.9 → 3.6.0-rc.10

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-beta.9
+  * @vue/compat v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -24,7 +24,7 @@ var Vue = (function() {
 	* \/\*#\_\_PURE\_\_\*\/
 	* So that they can be tree-shaken if necessary.
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function makeMap(str) {
 		const map = Object.create(null);
 		for (const key of str.split(",")) map[key] = 1;
@@ -68,9 +68,9 @@ var Vue = (function() {
 	};
 	const isPlainObject = (val) => toTypeString(val) === "[object Object]";
 	const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-	const isReservedProp = /* @__PURE__ */ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
-	const isBuiltInTag = /* @__PURE__ */ makeMap("slot,component");
-	const isBuiltInDirective = /* @__PURE__ */ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
+	const isReservedProp = /*@__PURE__*/ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
+	const isBuiltInTag = /*#__PURE__*/ makeMap("slot,component");
+	const isBuiltInDirective = /*@__PURE__*/ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
 	const cacheStringFunction = (fn) => {
 		const cache = Object.create(null);
 		return ((str) => {
@@ -178,7 +178,7 @@ var Vue = (function() {
 		[2]: "DYNAMIC",
 		[3]: "FORWARDED"
 	};
-	const isGloballyAllowed = /* @__PURE__ */ makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
+	const isGloballyAllowed = /*@__PURE__*/ makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
 	//#endregion
 	//#region packages/shared/src/codeframe.ts
 	const range = 2;
@@ -232,10 +232,10 @@ var Vue = (function() {
 	}
 	const listDelimiterRE = /;(?![^(]*\))/g;
 	const propertyDelimiterRE = /:([^]+)/;
-	const styleCommentRE = /\/\*[^]*?\*\//g;
+	const styleCommentRE = /"(?:[^"\\]|\\[^])*"|'(?:[^'\\]|\\[^])*'|\\[^]|\/\*[^]*?\*\//g;
 	function parseStringStyle(cssText) {
 		const ret = {};
-		cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
+		cssText.replace(styleCommentRE, (match) => match.startsWith("/*") ? "" : match).split(listDelimiterRE).forEach((item) => {
 			if (item) {
 				const tmp = item.split(propertyDelimiterRE);
 				tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
@@ -285,22 +285,22 @@ var Vue = (function() {
 	* Compiler only.
 	* Do NOT use in runtime code paths unless behind `__DEV__` flag.
 	*/
-	const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
+	const isHTMLTag = /*@__PURE__*/ makeMap(HTML_TAGS);
 	/**
 	* Compiler only.
 	* Do NOT use in runtime code paths unless behind `__DEV__` flag.
 	*/
-	const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
+	const isSVGTag = /*@__PURE__*/ makeMap(SVG_TAGS);
 	/**
 	* Compiler only.
 	* Do NOT use in runtime code paths unless behind `__DEV__` flag.
 	*/
-	const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
+	const isMathMLTag = /*@__PURE__*/ makeMap(MATH_TAGS);
 	/**
 	* Compiler only.
 	* Do NOT use in runtime code paths unless behind `__DEV__` flag.
 	*/
-	const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
+	const isVoidTag = /*@__PURE__*/ makeMap(VOID_TAGS);
 	//#endregion
 	//#region packages/shared/src/domAttrConfig.ts
 	/**
@@ -315,11 +315,11 @@ var Vue = (function() {
 	* - readonly -> readOnly
 	*/
 	const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-	const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
+	const isSpecialBooleanAttr = /*@__PURE__*/ makeMap(specialBooleanAttrs);
 	/**
 	* The full list is needed during SSR to produce the correct initial markup.
 	*/
-	const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
+	const isBooleanAttr = /*@__PURE__*/ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
 	/**
 	* Boolean attributes should be included if the value is truthy or ''.
 	* e.g. `<select multiple>` compiles to `{ multiple: '' }`
@@ -333,11 +333,11 @@ var Vue = (function() {
 	* Don't also forget to allow `data-*` and `aria-*`!
 	* Generated from https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes
 	*/
-	const isKnownHtmlAttr = /* @__PURE__ */ makeMap("accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap");
+	const isKnownHtmlAttr = /*@__PURE__*/ makeMap("accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap");
 	/**
 	* Generated from https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute
 	*/
-	const isKnownSvgAttr = /* @__PURE__ */ makeMap("xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan");
+	const isKnownSvgAttr = /*@__PURE__*/ makeMap("xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan");
 	/**
 	* Shared between server-renderer and runtime-core hydration logic
 	*/
@@ -363,13 +363,54 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/shared/src/looseEqual.ts
-	function looseCompareArrays(a, b) {
+	function looseCompareArrays(a, b, seen) {
 		if (a.length !== b.length) return false;
 		let equal = true;
-		for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i]);
+		for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i], seen);
 		return equal;
 	}
-	function looseEqual(a, b) {
+	function looseCompareCollections(a, b, seen) {
+		if (a.size !== b.size) return false;
+		const candidates = Array.from(b);
+		const matched = new Uint8Array(candidates.length);
+		for (const item of a) {
+			let index = -1;
+			for (let i = 0; i < candidates.length; i++) if (!matched[i] && looseEqual(item, candidates[i], seen)) {
+				index = i;
+				break;
+			}
+			if (index < 0) return false;
+			matched[index] = 1;
+		}
+		return true;
+	}
+	function looseCompareObjects(a, b, seen) {
+		let aValidType = isMap(a);
+		let bValidType = isMap(b);
+		if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b, seen) : false;
+		aValidType = isSet(a);
+		bValidType = isSet(b);
+		if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b, seen) : false;
+		if (Object.keys(a).length !== Object.keys(b).length) return false;
+		for (const key in a) {
+			const aHasKey = a.hasOwnProperty(key);
+			const bHasKey = b.hasOwnProperty(key);
+			if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key], seen)) return false;
+		}
+		return String(a) === String(b);
+	}
+	function looseCompareNested(a, b, seen, compare) {
+		if (!seen) seen = [/* @__PURE__ */ new Map(), /* @__PURE__ */ new Map()];
+		const [seenA, seenB] = seen;
+		if (seenA.has(a) || seenB.has(b)) return seenA.get(a) === b && seenB.get(b) === a;
+		seenA.set(a, b);
+		seenB.set(b, a);
+		const equal = compare(a, b, seen);
+		seenA.delete(a);
+		seenB.delete(b);
+		return equal;
+	}
+	function looseEqual(a, b, seen) {
 		if (a === b) return true;
 		let aValidType = isDate(a);
 		let bValidType = isDate(b);
@@ -379,17 +420,12 @@ var Vue = (function() {
 		if (aValidType || bValidType) return a === b;
 		aValidType = isArray(a);
 		bValidType = isArray(b);
-		if (aValidType || bValidType) return aValidType && bValidType ? looseCompareArrays(a, b) : false;
+		if (aValidType || bValidType) return aValidType && bValidType ? looseCompareNested(a, b, seen, looseCompareArrays) : false;
 		aValidType = isObject(a);
 		bValidType = isObject(b);
 		if (aValidType || bValidType) {
 			if (!aValidType || !bValidType) return false;
-			if (Object.keys(a).length !== Object.keys(b).length) return false;
-			for (const key in a) {
-				const aHasKey = a.hasOwnProperty(key);
-				const bHasKey = b.hasOwnProperty(key);
-				if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) return false;
-			}
+			return looseCompareNested(a, b, seen, looseCompareObjects);
 		}
 		return String(a) === String(b);
 	}
@@ -519,9 +555,18 @@ var Vue = (function() {
 	function warn$2(msg, ...args) {
 		console.warn(`[Vue warn] ${msg}`, ...args);
 	}
+	//#endregion
+	//#region packages/reactivity/src/system.ts
 	const notifyBuffer = [];
 	let batchDepth = 0;
 	let activeSub = void 0;
+	let runDepth = 0;
+	function incRunDepth() {
+		++runDepth;
+	}
+	function decRunDepth() {
+		--runDepth;
+	}
 	let globalVersion = 0;
 	let notifyIndex = 0;
 	let notifyBufferLength = 0;
@@ -595,8 +640,10 @@ var Vue = (function() {
 			const sub = link.sub;
 			let flags = sub.flags;
 			if (flags & 3) {
-				if (!(flags & 60)) sub.flags = flags | 32;
-				else if (!(flags & 12)) flags = 0;
+				if (!(flags & 60)) {
+					sub.flags = flags | 32;
+					if (runDepth) sub.flags |= 8;
+				} else if (!(flags & 12)) flags = 0;
 				else if (!(flags & 4)) sub.flags = flags & -9 | 32;
 				else if (!(flags & 48) && isValidLink(link, sub)) {
 					sub.flags = flags | 40;
@@ -648,13 +695,23 @@ var Vue = (function() {
 		sub.flags &= -5;
 	}
 	function flush() {
+		let hasError = false;
+		let error;
 		while (notifyIndex < notifyBufferLength) {
 			const effect = notifyBuffer[notifyIndex];
 			notifyBuffer[notifyIndex++] = void 0;
-			effect.notify();
+			try {
+				effect.notify();
+			} catch (err) {
+				if (!hasError) {
+					hasError = true;
+					error = err;
+				}
+			}
 		}
 		notifyIndex = 0;
 		notifyBufferLength = 0;
+		if (hasError) throw error;
 	}
 	function checkDirty(link, sub) {
 		let stack;
@@ -665,13 +722,13 @@ var Vue = (function() {
 			let dirty = false;
 			if (sub.flags & 16) dirty = true;
 			else if ((depFlags & 17) === 17) {
+				const subs = dep.subs;
 				if (dep.update()) {
-					const subs = dep.subs;
 					if (subs.nextSub !== void 0) shallowPropagate(subs);
 					dirty = true;
 				}
 			} else if ((depFlags & 33) === 33) {
-				if (link.nextSub !== void 0 || link.prevSub !== void 0) stack = {
+				stack = {
 					value: link,
 					prev: stack
 				};
@@ -686,15 +743,12 @@ var Vue = (function() {
 			}
 			while (checkDepth) {
 				--checkDepth;
-				const firstSub = sub.subs;
-				const hasMultipleSubs = firstSub.nextSub !== void 0;
-				if (hasMultipleSubs) {
-					link = stack.value;
-					stack = stack.prev;
-				} else link = firstSub;
+				link = stack.value;
+				stack = stack.prev;
 				if (dirty) {
+					const subs = sub.subs;
 					if (sub.update()) {
-						if (hasMultipleSubs) shallowPropagate(firstSub);
+						if (subs.nextSub !== void 0) shallowPropagate(subs);
 						sub = link.sub;
 						continue;
 					}
@@ -706,7 +760,7 @@ var Vue = (function() {
 				}
 				dirty = false;
 			}
-			return dirty;
+			return dirty && !!sub.flags;
 		} while (true);
 	}
 	function shallowPropagate(link) {
@@ -741,7 +795,7 @@ var Vue = (function() {
 		}
 		set subs(value) {
 			this._subs = value;
-			if (value === void 0) this.map.delete(this.key);
+			if (value === void 0 && this.map) this.map.delete(this.key);
 		}
 	};
 	const targetMap = /* @__PURE__ */ new WeakMap();
@@ -824,9 +878,7 @@ var Vue = (function() {
 							if (isMap(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
 						}
 						break;
-					case "set":
-						if (isMap(target)) run(depsMap.get(ITERATE_KEY));
-						break;
+					case "set": if (isMap(target)) run(depsMap.get(ITERATE_KEY));
 				}
 			}
 		}
@@ -841,13 +893,17 @@ var Vue = (function() {
 	/**
 	* Track array iteration and return:
 	* - if input is reactive: a cloned raw array with reactive values
-	* - if input is non-reactive or shallowReactive: the original raw array
+	* - if input is readonly: a cloned raw array with readonly values, preserving
+	*   reactivity
+	* - if input is raw or shallow: the original raw array
 	*/
 	function reactiveReadArray(array) {
 		const raw = /* @__PURE__ */ toRaw(array);
 		if (raw === array) return raw;
 		track(raw, "iterate", ARRAY_ITERATE_KEY);
-		return /* @__PURE__ */ isShallow(array) ? raw : raw.map(toReactive);
+		if (/* @__PURE__ */ isShallow(array)) return raw;
+		if (!/* @__PURE__ */ isReadonly(array)) return raw.map(toReactive);
+		return /* @__PURE__ */ isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
 	}
 	/**
 	* Track array iteration and return raw array
@@ -1023,8 +1079,8 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/reactivity/src/baseHandlers.ts
-	const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
-	const builtInSymbols = new Set(/* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
+	const isNonTrackableKeys = /*@__PURE__*/ makeMap(`__proto__,__v_isRef,__isVue`);
+	const builtInSymbols = new Set(/*@__PURE__*/ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
 	function hasOwnProperty(key) {
 		if (!isSymbol(key)) key = String(key);
 		const obj = /* @__PURE__ */ toRaw(this);
@@ -1079,17 +1135,19 @@ var Vue = (function() {
 					oldValue = /* @__PURE__ */ toRaw(oldValue);
 					value = /* @__PURE__ */ toRaw(value);
 				}
-				if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) if (isOldValueReadonly) {
-					warn$2(`Set operation on key "${String(key)}" failed: target is readonly.`, target[key]);
-					return true;
-				} else {
-					oldValue.value = value;
-					return true;
+				if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
+					if (isOldValueReadonly) {
+						warn$2(`Set operation on key "${String(key)}" failed: target is readonly.`, target[key]);
+						return true;
+					} else {
+						oldValue.value = value;
+						return true;
+					}
 				}
 			}
 			const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
 			const result = Reflect.set(target, key, value, /* @__PURE__ */ isRef(target) ? target : receiver);
-			if (target === /* @__PURE__ */ toRaw(receiver)) {
+			if (target === /* @__PURE__ */ toRaw(receiver) && result) {
 				if (!hadKey) trigger(target, "add", key, value);
 				else if (hasChanged(value, oldValue)) trigger(target, "set", key, value, oldValue);
 			}
@@ -1125,10 +1183,10 @@ var Vue = (function() {
 			return true;
 		}
 	};
-	const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
-	const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
-	const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
-	const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
+	const mutableHandlers = /*@__PURE__*/ new MutableReactiveHandler();
+	const readonlyHandlers = /*@__PURE__*/ new ReadonlyReactiveHandler();
+	const shallowReactiveHandlers = /*@__PURE__*/ new MutableReactiveHandler(true);
+	const shallowReadonlyHandlers = /*@__PURE__*/ new ReadonlyReactiveHandler(true);
 	//#endregion
 	//#region packages/reactivity/src/collectionHandlers.ts
 	const toShallow = (value) => value;
@@ -1279,10 +1337,10 @@ var Vue = (function() {
 			return Reflect.get(hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
 		};
 	}
-	const mutableCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, false) };
-	const shallowCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, true) };
-	const readonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, false) };
-	const shallowReadonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, true) };
+	const mutableCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(false, false) };
+	const shallowCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(false, true) };
+	const readonlyCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(true, false) };
+	const shallowReadonlyCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(true, true) };
 	function checkIdentityKeys(target, has, key) {
 		const rawKey = /* @__PURE__ */ toRaw(key);
 		if (rawKey !== key && has.call(target, rawKey)) {
@@ -1307,10 +1365,7 @@ var Vue = (function() {
 			default: return 0;
 		}
 	}
-	function getTargetType(value) {
-		return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
-	}
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function reactive(target) {
 		if (/* @__PURE__ */ isReadonly(target)) return target;
 		return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
@@ -1345,7 +1400,7 @@ var Vue = (function() {
 	* @param target - The source object.
 	* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreactive}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function shallowReactive(target) {
 		return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
 	}
@@ -1378,7 +1433,7 @@ var Vue = (function() {
 	* @param target - The source object.
 	* @see {@link https://vuejs.org/api/reactivity-core.html#readonly}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function readonly(target) {
 		return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
 	}
@@ -1412,7 +1467,7 @@ var Vue = (function() {
 	* @param target - The source object.
 	* @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreadonly}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function shallowReadonly(target) {
 		return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
 	}
@@ -1422,10 +1477,11 @@ var Vue = (function() {
 			return target;
 		}
 		if (target["__v_raw"] && !(isReadonly && target["__v_isReactive"])) return target;
-		const targetType = getTargetType(target);
-		if (targetType === 0) return target;
+		if (target["__v_skip"] || !Object.isExtensible(target)) return target;
 		const existingProxy = proxyMap.get(target);
 		if (existingProxy) return existingProxy;
+		const targetType = targetTypeMap(toRawType(target));
+		if (targetType === 0) return target;
 		const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
 		proxyMap.set(target, proxy);
 		return proxy;
@@ -1448,7 +1504,7 @@ var Vue = (function() {
 	* @param value - The value to check.
 	* @see {@link https://vuejs.org/api/reactivity-utilities.html#isreactive}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function isReactive(value) {
 		if (/* @__PURE__ */ isReadonly(value)) return /* @__PURE__ */ isReactive(value["__v_raw"]);
 		return !!(value && value["__v_isReactive"]);
@@ -1464,11 +1520,11 @@ var Vue = (function() {
 	* @param value - The value to check.
 	* @see {@link https://vuejs.org/api/reactivity-utilities.html#isreadonly}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function isReadonly(value) {
 		return !!(value && value["__v_isReadonly"]);
 	}
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function isShallow(value) {
 		return !!(value && value["__v_isShallow"]);
 	}
@@ -1479,7 +1535,7 @@ var Vue = (function() {
 	* @param value - The value to check.
 	* @see {@link https://vuejs.org/api/reactivity-utilities.html#isproxy}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function isProxy(value) {
 		return value ? !!value["__v_raw"] : false;
 	}
@@ -1506,7 +1562,7 @@ var Vue = (function() {
 	* @param observed - The object for which the "raw" value is requested.
 	* @see {@link https://vuejs.org/api/reactivity-advanced.html#toraw}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function toRaw(observed) {
 		const raw = observed && observed["__v_raw"];
 		return raw ? /* @__PURE__ */ toRaw(raw) : observed;
@@ -1555,15 +1611,15 @@ var Vue = (function() {
 	const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
 	//#endregion
 	//#region packages/reactivity/src/ref.ts
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function isRef(r) {
 		return r ? r["__v_isRef"] === true : false;
 	}
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function ref(value) {
 		return createRef(value, toReactive);
 	}
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function shallowRef(value) {
 		return createRef(value);
 	}
@@ -1766,7 +1822,7 @@ var Vue = (function() {
 	* @param object - Reactive object to be made into an object of linked refs.
 	* @see {@link https://vuejs.org/api/reactivity-utilities.html#torefs}
 	*/
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function toRefs(object) {
 		const ret = isArray(object) ? new Array(object.length) : {};
 		for (const key in object) ret[key] = propertyToRef(object, key);
@@ -1817,7 +1873,7 @@ var Vue = (function() {
 			return this._value = this._getter();
 		}
 	};
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function toRef(source, key, defaultValue) {
 		if (/* @__PURE__ */ isRef(source)) return source;
 		else if (isFunction(source)) return new GetterRefImpl(source);
@@ -1858,9 +1914,11 @@ var Vue = (function() {
 			if (!this.active) return this.fn();
 			cleanup(this);
 			const prevSub = startTracking(this);
+			incRunDepth();
 			try {
 				return this.fn();
 			} finally {
+				decRunDepth();
 				endTracking(this, prevSub);
 				const flags = this.flags;
 				if ((flags & 136) === 136) {
@@ -1881,10 +1939,12 @@ var Vue = (function() {
 		get dirty() {
 			const flags = this.flags;
 			if (flags & 16) return true;
-			if (flags & 32) if (checkDirty(this.deps, this)) {
-				this.flags = flags | 16;
-				return true;
-			} else this.flags = flags & -33;
+			if (flags & 32) {
+				if (checkDirty(this.deps, this)) {
+					this.flags = flags | 16;
+					return true;
+				} else this.flags = flags & -33;
+			}
 			return false;
 		}
 	};
@@ -2063,10 +2123,12 @@ var Vue = (function() {
 		get _dirty() {
 			const flags = this.flags;
 			if (flags & 16) return true;
-			if (flags & 32) if (checkDirty(this.deps, this)) {
-				this.flags = flags | 16;
-				return true;
-			} else this.flags = flags & -33;
+			if (flags & 32) {
+				if (checkDirty(this.deps, this)) {
+					this.flags = flags | 16;
+					return true;
+				} else this.flags = flags & -33;
+			}
 			return false;
 		}
 		/**
@@ -2127,7 +2189,7 @@ var Vue = (function() {
 		}
 	};
 	setupOnTrigger(ComputedRefImpl);
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function computed$1(getterOrOptions, debugOptions, isSSR = false) {
 		let getter;
 		let setter;
@@ -2205,25 +2267,26 @@ var Vue = (function() {
 					else if (isFunction(s)) return call ? call(s, 2) : s();
 					else warnInvalidSource(s, onWarn);
 				});
-			} else if (isFunction(source)) if (cb) getter = call ? () => call(source, 2) : source;
-			else getter = () => {
-				if (this.cleanupsLength) {
-					const prevSub = setActiveSub();
+			} else if (isFunction(source)) {
+				if (cb) getter = call ? () => call(source, 2) : source;
+				else getter = () => {
+					if (this.cleanupsLength) {
+						const prevSub = setActiveSub();
+						try {
+							cleanup(this);
+						} finally {
+							setActiveSub(prevSub);
+						}
+					}
+					const currentEffect = activeWatcher;
+					activeWatcher = this;
 					try {
-						cleanup(this);
+						return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
 					} finally {
-						setActiveSub(prevSub);
+						activeWatcher = currentEffect;
 					}
-				}
-				const currentEffect = activeWatcher;
-				activeWatcher = this;
-				try {
-					return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
-				} finally {
-					activeWatcher = currentEffect;
-				}
-			};
-			else {
+				};
+			} else {
 				getter = NOOP;
 				warnInvalidSource(source, onWarn);
 			}
@@ -2241,8 +2304,9 @@ var Vue = (function() {
 			if (once && cb) {
 				const _cb = cb;
 				cb = (...args) => {
-					_cb(...args);
+					const res = _cb(...args);
 					this.stop();
+					return res;
 				};
 			}
 			this.cb = cb;
@@ -2256,7 +2320,7 @@ var Vue = (function() {
 			if (!this.cb) return;
 			const { immediate, deep, call } = this.options;
 			if (initialRun && !immediate) return;
-			if (deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
+			if (initialRun || deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
 				cleanup(this);
 				const currentWatcher = activeWatcher;
 				activeWatcher = this;
@@ -2546,7 +2610,7 @@ var Vue = (function() {
 	let jobsLength = 0;
 	let flushIndex = 0;
 	let postFlushIndex = 0;
-	const resolvedPromise = /* @__PURE__ */ Promise.resolve();
+	const resolvedPromise = /*@__PURE__*/ Promise.resolve();
 	const RECURSION_LIMIT = 100;
 	function nextTick(fn) {
 		const p = currentFlushPromise || resolvedPromise;
@@ -2563,8 +2627,8 @@ var Vue = (function() {
 	/**
 	* @internal for runtime-vapor only
 	*/
-	function queueJob(job, id, isPre = false) {
-		if (queueJobWorker(job, id === void 0 ? isPre ? -2 : Infinity : isPre ? id * 2 : id * 2 + 1, jobs, jobsLength, flushIndex)) {
+	function queueJob(job, id, isPre = false, order = 0) {
+		if (queueJobWorker(job, id === void 0 ? isPre ? -2 : Infinity : isPre ? id * 2 : order ? id * 2 + 1 + order / (order + 1) : id * 2 + 1, jobs, jobsLength, flushIndex)) {
 			jobsLength++;
 			queueFlush();
 		}
@@ -2585,6 +2649,7 @@ var Vue = (function() {
 			flushJobs();
 		} catch (e) {
 			currentFlushPromise = null;
+			if (jobsLength || postJobs.length) queueFlush();
 			throw e;
 		}
 	};
@@ -2592,9 +2657,10 @@ var Vue = (function() {
 		if (!currentFlushPromise) currentFlushPromise = resolvedPromise.then(doFlushJobs);
 	}
 	function queuePostFlushCb(jobs, id = Infinity) {
-		if (!isArray(jobs)) if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
-		else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
-		else for (const job of jobs) queueJobWorker(job, id, postJobs, postJobs.length, 0);
+		if (!isArray(jobs)) {
+			if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
+			else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
+		} else for (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
 		queueFlush();
 	}
 	function flushPreFlushCbs(instance, seen) {
@@ -2608,32 +2674,39 @@ var Vue = (function() {
 			i--;
 			jobsLength--;
 			if (cb.flags & 2) cb.flags &= -2;
-			cb();
-			if (!(cb.flags & 2)) cb.flags &= -2;
+			try {
+				cb();
+			} finally {
+				if (!(cb.flags & 2)) cb.flags &= -2;
+			}
 		}
 	}
 	function flushPostFlushCbs(seen) {
 		if (postJobs.length) {
 			if (activePostJobs) {
-				activePostJobs.push(...postJobs);
+				for (let i = 0; i < postJobs.length; i++) activePostJobs.push(postJobs[i]);
 				postJobs.length = 0;
 				return;
 			}
 			activePostJobs = postJobs;
 			postJobs = [];
 			seen = seen || /* @__PURE__ */ new Map();
-			while (postFlushIndex < activePostJobs.length) {
-				const cb = activePostJobs[postFlushIndex++];
-				if (checkRecursiveUpdates(seen, cb)) continue;
-				if (cb.flags & 2) cb.flags &= -2;
-				if (!(cb.flags & 4)) try {
-					cb();
-				} finally {
-					cb.flags &= -2;
+			try {
+				while (postFlushIndex < activePostJobs.length) {
+					const cb = activePostJobs[postFlushIndex++];
+					if (checkRecursiveUpdates(seen, cb)) continue;
+					if (cb.flags & 2) cb.flags &= -2;
+					if (!(cb.flags & 4)) try {
+						cb();
+					} finally {
+						if (!(cb.flags & 2)) cb.flags &= -2;
+					}
 				}
+			} finally {
+				while (postFlushIndex < activePostJobs.length) activePostJobs[postFlushIndex++].flags &= -2;
+				activePostJobs = null;
+				postFlushIndex = 0;
 			}
-			activePostJobs = null;
-			postFlushIndex = 0;
 		}
 	}
 	let isFlushing = false;
@@ -2643,9 +2716,12 @@ var Vue = (function() {
 	function flushOnAppMount(instance) {
 		if (!isFlushing) {
 			isFlushing = true;
-			flushPreFlushCbs(instance);
-			flushPostFlushCbs();
-			isFlushing = false;
+			try {
+				flushPreFlushCbs(instance);
+				flushPostFlushCbs();
+			} finally {
+				isFlushing = false;
+			}
 		}
 	}
 	function flushJobs(seen) {
@@ -2673,9 +2749,10 @@ var Vue = (function() {
 			}
 			flushIndex = 0;
 			jobsLength = 0;
+			jobs.length = 0;
 			flushPostFlushCbs(seen);
-			currentFlushPromise = null;
 			if (jobsLength || postJobs.length) flushJobs(seen);
+			else currentFlushPromise = null;
 		}
 	}
 	function checkRecursiveUpdates(seen, fn) {
@@ -2706,6 +2783,19 @@ var Vue = (function() {
 		rerender: tryWrap(rerender),
 		reload: tryWrap(reload)
 	};
+	function runWithHmrUpdating(fn) {
+		isHmrUpdating = true;
+		let done = false;
+		try {
+			fn();
+			done = true;
+		} finally {
+			if (done) nextTick(() => {
+				isHmrUpdating = false;
+			});
+			else isHmrUpdating = false;
+		}
+	}
 	const map = /* @__PURE__ */ new Map();
 	function registerHMR(instance) {
 		const id = instance.type.__hmrId;
@@ -2730,6 +2820,14 @@ var Vue = (function() {
 	function normalizeClassComponent(component) {
 		return isClassComponent(component) ? component.__vccOpts : component;
 	}
+	function hasDirtyAncestor(instance, dirtyInstances) {
+		let parent = instance.parent;
+		while (parent) {
+			if (dirtyInstances.has(parent)) return true;
+			parent = parent.parent;
+		}
+		return false;
+	}
 	function rerender(id, newRender) {
 		const record = map.get(id);
 		if (!record) return;
@@ -2739,18 +2837,16 @@ var Vue = (function() {
 				instance.render = newRender;
 				normalizeClassComponent(instance.type).render = newRender;
 			}
-			isHmrUpdating = true;
-			if (instance.vapor) {
-				if (!instance.isUnmounted) instance.hmrRerender();
-			} else {
-				const i = instance;
-				if (!(i.effect.flags & 1024)) {
-					i.renderCache = [];
-					i.effect.run();
+			runWithHmrUpdating(() => {
+				if (instance.vapor) {
+					if (!instance.isUnmounted) instance.hmrRerender();
+				} else {
+					const i = instance;
+					if (!(i.effect.flags & 1024)) {
+						i.renderCache = [];
+						i.effect.run();
+					}
 				}
-			}
-			nextTick(() => {
-				isHmrUpdating = false;
 			});
 		});
 	}
@@ -2761,42 +2857,61 @@ var Vue = (function() {
 		const isVapor = record.initialDef.__vapor;
 		updateComponentDef(record.initialDef, newComp);
 		const instances = [...record.instances];
-		if (isVapor && newComp.__vapor && !instances.some((i) => i.ceReload)) {
+		if (isVapor && newComp.__vapor && !instances.some((instance) => instance.parent && !instance.parent.vapor) && !instances.some((i) => i.ceReload)) {
 			for (const instance of instances) if (instance.root && instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(instance.type);
-			for (const instance of instances) instance.hmrReload(newComp);
-		} else for (const instance of instances) {
-			const oldComp = normalizeClassComponent(instance.type);
-			let dirtyInstances = hmrDirtyComponents.get(oldComp);
-			if (!dirtyInstances) {
-				if (oldComp !== record.initialDef) updateComponentDef(oldComp, newComp);
-				hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
-			}
-			dirtyInstances.add(instance);
-			hmrDirtyComponentsMode.set(oldComp, !!isVapor);
-			instance.appContext.propsCache.delete(instance.type);
-			instance.appContext.emitsCache.delete(instance.type);
-			instance.appContext.optionsCache.delete(instance.type);
-			if (instance.ceReload) {
-				dirtyInstances.add(instance);
-				instance.ceReload(newComp.styles);
-				dirtyInstances.delete(instance);
-			} else if (instance.parent) queueJob(() => {
-				isHmrUpdating = true;
-				const parent = instance.parent;
-				if (parent.vapor) parent.hmrRerender();
-				else if (!(parent.effect.flags & 1024)) {
-					parent.renderCache = [];
-					parent.effect.run();
+			const dirtyInstances = new Set(instances);
+			const rerenderedParents = /* @__PURE__ */ new Set();
+			runWithHmrUpdating(() => {
+				for (const instance of instances) {
+					const parent = instance.parent;
+					if (parent) {
+						if (!hasDirtyAncestor(instance, dirtyInstances) && !rerenderedParents.has(parent)) {
+							rerenderedParents.add(parent);
+							parent.hmrRerender();
+						}
+					} else instance.hmrReload(newComp);
 				}
-				nextTick(() => {
-					isHmrUpdating = false;
+			});
+		} else {
+			const parents = /* @__PURE__ */ new Set();
+			const dirtyInstanceSet = new Set(instances);
+			for (const instance of instances) {
+				const oldComp = normalizeClassComponent(instance.type);
+				let dirtyInstances = hmrDirtyComponents.get(oldComp);
+				if (!dirtyInstances) {
+					if (oldComp !== record.initialDef) updateComponentDef(oldComp, newComp);
+					hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
+				}
+				dirtyInstances.add(instance);
+				hmrDirtyComponentsMode.set(oldComp, !!isVapor);
+				instance.appContext.propsCache.delete(instance.type);
+				instance.appContext.emitsCache.delete(instance.type);
+				instance.appContext.optionsCache.delete(instance.type);
+				if (instance.ceReload) {
+					dirtyInstances.add(instance);
+					instance.ceReload(newComp.styles);
+					dirtyInstances.delete(instance);
+				} else if (instance.parent) {
+					if (!hasDirtyAncestor(instance, dirtyInstanceSet)) parents.add(instance.parent);
+				} else if (instance.appContext.reload) instance.appContext.reload();
+				else if (typeof window !== "undefined") window.location.reload();
+				else console.warn("[HMR] Root or manually mounted instance modified. Full reload required.");
+				if (instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(oldComp);
+			}
+			parents.forEach((parent) => {
+				queueJob(() => {
+					runWithHmrUpdating(() => {
+						if (parent.vapor) parent.hmrRerender();
+						else {
+							const i = parent;
+							if (!(i.effect.flags & 1024)) {
+								i.renderCache = [];
+								i.effect.run();
+							}
+						}
+					});
 				});
-				dirtyInstances.delete(instance);
 			});
-			else if (instance.appContext.reload) instance.appContext.reload();
-			else if (typeof window !== "undefined") window.location.reload();
-			else console.warn("[HMR] Root or manually mounted instance modified. Full reload required.");
-			if (instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(oldComp);
 		}
 		queuePostFlushCb(() => {
 			hmrDirtyComponents.clear();
@@ -2863,20 +2978,20 @@ var Vue = (function() {
 	function devtoolsUnmountApp(app) {
 		emit$2("app:unmount", app);
 	}
-	const devtoolsComponentAdded = /* @__PURE__ */ createDevtoolsComponentHook("component:added");
-	const devtoolsComponentUpdated = /* @__PURE__ */ createDevtoolsComponentHook("component:updated");
-	const _devtoolsComponentRemoved = /* @__PURE__ */ createDevtoolsComponentHook("component:removed");
+	const devtoolsComponentAdded = /*@__PURE__*/ createDevtoolsComponentHook("component:added");
+	const devtoolsComponentUpdated = /*@__PURE__*/ createDevtoolsComponentHook("component:updated");
+	const _devtoolsComponentRemoved = /*@__PURE__*/ createDevtoolsComponentHook("component:removed");
 	const devtoolsComponentRemoved = (component) => {
 		if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && !devtools$1.cleanupBuffer(component)) _devtoolsComponentRemoved(component);
 	};
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function createDevtoolsComponentHook(hook) {
 		return (component) => {
 			emit$2(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : void 0, component);
 		};
 	}
-	const devtoolsPerfStart = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:start");
-	const devtoolsPerfEnd = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:end");
+	const devtoolsPerfStart = /*@__PURE__*/ createDevtoolsPerformanceHook("perf:start");
+	const devtoolsPerfEnd = /*@__PURE__*/ createDevtoolsPerformanceHook("perf:end");
 	function createDevtoolsPerformanceHook(hook) {
 		return (component, type, time) => {
 			emit$2(hook, component.appContext.app, component.uid, component, type, time);
@@ -3105,7 +3220,7 @@ var Vue = (function() {
 		validateCompatConfig(config);
 		extend(globalCompatConfig, config);
 	}
-	const seenConfigObjects = /* @__PURE__ */ new WeakSet();
+	const seenConfigObjects = /*@__PURE__*/ new WeakSet();
 	const warnedInvalidKeys = {};
 	function validateCompatConfig(config, instance) {
 		if (seenConfigObjects.has(config)) return;
@@ -3157,7 +3272,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/compat/instanceEventEmitter.ts
-	const eventRegistryMap = /* @__PURE__ */ new WeakMap();
+	const eventRegistryMap = /*@__PURE__*/ new WeakMap();
 	function getRegistry(instance) {
 		let events = eventRegistryMap.get(instance);
 		if (!events) eventRegistryMap.set(instance, events = Object.create(null));
@@ -3263,10 +3378,12 @@ var Vue = (function() {
 		const renderFnWithContext = (...args) => {
 			if (renderFnWithContext._d) setBlockTracking(-1);
 			const prevInstance = setCurrentRenderingInstance(ctx);
+			const prevStackSize = blockStack.length;
 			let res;
 			try {
 				res = fn(...args);
 			} finally {
+				for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
 				setCurrentRenderingInstance(prevInstance);
 				if (renderFnWithContext._d) setBlockTracking(1);
 			}
@@ -3289,19 +3406,21 @@ var Vue = (function() {
 	};
 	function mapCompatDirectiveHook(name, dir, instance) {
 		const mappedName = legacyDirectiveHookMap[name];
-		if (mappedName) if (isArray(mappedName)) {
-			const hook = [];
-			mappedName.forEach((mapped) => {
-				const mappedHook = dir[mapped];
-				if (mappedHook) {
-					softAssertCompatEnabled("CUSTOM_DIR", instance, mapped, name);
-					hook.push(mappedHook);
-				}
-			});
-			return hook.length ? hook : void 0;
-		} else {
-			if (dir[mappedName]) softAssertCompatEnabled("CUSTOM_DIR", instance, mappedName, name);
-			return dir[mappedName];
+		if (mappedName) {
+			if (isArray(mappedName)) {
+				const hook = [];
+				mappedName.forEach((mapped) => {
+					const mappedHook = dir[mapped];
+					if (mappedHook) {
+						softAssertCompatEnabled("CUSTOM_DIR", instance, mapped, name);
+						hook.push(mappedHook);
+					}
+				});
+				return hook.length ? hook : void 0;
+			} else {
+				if (dir[mappedName]) softAssertCompatEnabled("CUSTOM_DIR", instance, mappedName, name);
+				return dir[mappedName];
+			}
 		}
 	}
 	//#endregion
@@ -3464,7 +3583,7 @@ var Vue = (function() {
 		}
 		const prev = setCurrentInstance(this);
 		const res = doWatch(getter, cb.bind(publicThis), options);
-		setCurrentInstance(...prev);
+		restoreCurrentInstance(prev);
 		return res;
 	}
 	function createPathGetter(ctx, path) {
@@ -3477,6 +3596,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/components/Teleport.ts
+	const pendingMounts = /* @__PURE__ */ new WeakMap();
 	const TeleportEndKey = Symbol("_vte");
 	const isTeleport = (type) => type.__isTeleport;
 	const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
@@ -3485,15 +3605,16 @@ var Vue = (function() {
 	const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
 	const resolveTarget = (props, select) => {
 		const targetSelector = props && props.to;
-		if (isString(targetSelector)) if (!select) {
-			warn$1("Current renderer does not support string target for Teleports. (missing querySelector renderer option)");
-			return null;
+		if (isString(targetSelector)) {
+			if (!select) {
+				warn$1("Current renderer does not support string target for Teleports. (missing querySelector renderer option)");
+				return null;
+			} else {
+				const target = select(targetSelector);
+				if (!target && !isTeleportDisabled(props)) warn$1(`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.`);
+				return target;
+			}
 		} else {
-			const target = select(targetSelector);
-			if (!target && !isTeleportDisabled(props)) warn$1(`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.`);
-			return target;
-		}
-		else {
 			if (!targetSelector && !isTeleportDisabled(props)) warn$1(`Invalid Teleport target: ${targetSelector}`);
 			return targetSelector;
 		}
@@ -3502,58 +3623,71 @@ var Vue = (function() {
 		name: "Teleport",
 		__isTeleport: true,
 		process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
-			const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+			const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment, parentNode } } = internals;
 			const disabled = isTeleportDisabled(n2.props);
-			let { shapeFlag, children, dynamicChildren } = n2;
+			let { dynamicChildren } = n2;
 			if (isHmrUpdating) {
 				optimized = false;
 				dynamicChildren = null;
 			}
+			const mount = (vnode, container, anchor) => {
+				if (vnode.shapeFlag & 16) mountChildren(vnode.children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+			};
+			const mountToTarget = (vnode = n2) => {
+				const disabled = isTeleportDisabled(vnode.props);
+				const target = vnode.target = resolveTarget(vnode.props, querySelector);
+				const targetAnchor = prepareAnchor(target, vnode, createText, insert);
+				if (target) {
+					if (namespace !== "svg" && isTargetSVG(target)) namespace = "svg";
+					else if (namespace !== "mathml" && isTargetMathML(target)) namespace = "mathml";
+					if (parentComponent && parentComponent.isCE) (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
+					if (!disabled) {
+						mount(vnode, target, targetAnchor);
+						updateCssVars(vnode, false);
+					}
+				} else if (!disabled) warn$1("Invalid Teleport target on mount:", target, `(${typeof target})`);
+			};
+			const queuePendingMount = (vnode) => {
+				const mountJob = () => {
+					if (pendingMounts.get(vnode) !== mountJob) return;
+					pendingMounts.delete(vnode);
+					if (isTeleportDisabled(vnode.props)) {
+						const mountContainer = parentNode(vnode.el) || container;
+						mount(vnode, mountContainer, vnode.anchor);
+						updateCssVars(vnode, true);
+					}
+					mountToTarget(vnode);
+				};
+				pendingMounts.set(vnode, mountJob);
+				queuePostRenderEffect(mountJob, void 0, parentSuspense);
+			};
 			if (n1 == null) {
 				const placeholder = n2.el = createComment("teleport start");
 				const mainAnchor = n2.anchor = createComment("teleport end");
 				insert(placeholder, container, anchor);
 				insert(mainAnchor, container, anchor);
-				const mount = (container, anchor) => {
-					if (shapeFlag & 16) mountChildren(children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-				};
-				const mountToTarget = () => {
-					const target = n2.target = resolveTarget(n2.props, querySelector);
-					const targetAnchor = prepareAnchor(target, n2, createText, insert);
-					if (target) {
-						if (namespace !== "svg" && isTargetSVG(target)) namespace = "svg";
-						else if (namespace !== "mathml" && isTargetMathML(target)) namespace = "mathml";
-						if (parentComponent && parentComponent.isCE) (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
-						if (!disabled) {
-							mount(target, targetAnchor);
-							updateCssVars(n2, false);
-						}
-					} else if (!disabled) warn$1("Invalid Teleport target on mount:", target, `(${typeof target})`);
-				};
+				if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
+					queuePendingMount(n2);
+					return;
+				}
 				if (disabled) {
-					mount(container, mainAnchor);
+					mount(n2, container, mainAnchor);
 					updateCssVars(n2, true);
 				}
-				if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
-					n2.el.__isMounted = false;
-					queuePostRenderEffect(() => {
-						if (n2.el.__isMounted !== false) return;
-						mountToTarget();
-						delete n2.el.__isMounted;
-					}, void 0, parentSuspense);
-				} else mountToTarget();
+				mountToTarget();
 			} else {
 				n2.el = n1.el;
-				n2.targetStart = n1.targetStart;
 				const mainAnchor = n2.anchor = n1.anchor;
-				const target = n2.target = n1.target;
-				const targetAnchor = n2.targetAnchor = n1.targetAnchor;
-				if (n1.el.__isMounted === false) {
-					queuePostRenderEffect(() => {
-						TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
-					}, void 0, parentSuspense);
+				const pendingMount = pendingMounts.get(n1);
+				if (pendingMount) {
+					pendingMount.flags |= 4;
+					pendingMounts.delete(n1);
+					queuePendingMount(n2);
 					return;
 				}
+				n2.targetStart = n1.targetStart;
+				const target = n2.target = n1.target;
+				const targetAnchor = n2.targetAnchor = n1.targetAnchor;
 				const wasDisabled = isTeleportDisabled(n1.props);
 				const currentContainer = wasDisabled ? container : target;
 				const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
@@ -3567,24 +3701,30 @@ var Vue = (function() {
 					if (!wasDisabled) moveTeleport(n2, container, mainAnchor, internals, parentComponent, 1);
 					else if (n2.props && n1.props && n2.props.to !== n1.props.to) n2.props.to = n1.props.to;
 				} else if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-					const nextTarget = n2.target = resolveTarget(n2.props, querySelector);
-					if (nextTarget) moveTeleport(n2, nextTarget, null, internals, parentComponent, 0);
-					else warn$1("Invalid Teleport target on update:", target, `(${typeof target})`);
+					const nextTarget = resolveTarget(n2.props, querySelector);
+					if (nextTarget) {
+						n2.target = nextTarget;
+						moveTeleport(n2, nextTarget, null, internals, parentComponent, 0);
+					} else warn$1("Invalid Teleport target on update:", target, `(${typeof target})`);
 				} else if (wasDisabled) moveTeleport(n2, target, targetAnchor, internals, parentComponent, 1);
 				updateCssVars(n2, disabled);
 			}
 		},
 		remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-			const { shapeFlag, children, anchor, targetStart, targetAnchor, props } = vnode;
+			const { shapeFlag, children, anchor, targetStart, targetAnchor, target, props } = vnode;
+			const disabled = isTeleportDisabled(props);
+			const shouldRemove = doRemove || !disabled;
+			const pendingMount = pendingMounts.get(vnode);
+			if (pendingMount) {
+				pendingMount.flags |= 4;
+				pendingMounts.delete(vnode);
+			}
 			if (targetStart) hostRemove(targetStart);
 			if (targetAnchor) hostRemove(targetAnchor);
 			doRemove && hostRemove(anchor);
-			if (shapeFlag & 16) {
-				const shouldRemove = doRemove || !isTeleportDisabled(props);
-				for (let i = 0; i < children.length; i++) {
-					const child = children[i];
-					unmount(child, parentComponent, parentSuspense, shouldRemove, !!child.dynamicChildren);
-				}
+			if (!pendingMount && (disabled || target) && shapeFlag & 16) for (let i = 0; i < children.length; i++) {
+				const child = children[i];
+				unmount(child, parentComponent, parentSuspense, shouldRemove, !!child.dynamicChildren);
 			}
 		},
 		move: moveTeleport,
@@ -3595,7 +3735,7 @@ var Vue = (function() {
 		const { el, anchor, shapeFlag, children, props } = vnode;
 		const isReorder = moveType === 2;
 		if (isReorder) insert(el, container, parentAnchor);
-		if (!isReorder || isTeleportDisabled(props)) {
+		if (!pendingMounts.has(vnode) && (!isReorder || isTeleportDisabled(props))) {
 			if (shapeFlag & 16) for (let i = 0; i < children.length; i++) move(children[i], container, parentAnchor, 2, parentComponent);
 		}
 		if (isReorder) insert(anchor, container, parentAnchor);
@@ -3622,15 +3762,17 @@ var Vue = (function() {
 		const disabled = isTeleportDisabled(vnode.props);
 		if (target) {
 			const targetNode = target._lpa || target.firstChild;
-			if (vnode.shapeFlag & 16) if (disabled) {
-				hydrateDisabledTeleport(node, vnode);
-				hydrateAnchor(target, targetNode);
-				if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
-			} else {
-				vnode.anchor = nextSibling(node);
-				hydrateAnchor(target, targetNode);
-				if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
-				hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+			if (vnode.shapeFlag & 16) {
+				if (disabled) {
+					hydrateDisabledTeleport(node, vnode);
+					hydrateAnchor(target, targetNode);
+					if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
+				} else {
+					vnode.anchor = nextSibling(node);
+					hydrateAnchor(target, targetNode);
+					if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
+					hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+				}
 			}
 			updateCssVars(vnode, disabled);
 		} else if (disabled) {
@@ -3718,49 +3860,16 @@ var Vue = (function() {
 		setup(props, { slots }) {
 			const instance = getCurrentInstance();
 			const state = useTransitionState();
+			let resumeAfterLeave;
 			return () => {
-				const children = slots.default && getTransitionRawChildren(slots.default(), true);
-				if (!children || !children.length) return;
-				const child = findNonCommentChild(children);
+				const child = resolveTransitionChild(slots.default && slots.default(), !!instance.subTree);
+				if (!child) return;
 				const rawProps = /* @__PURE__ */ toRaw(props);
 				const { mode } = rawProps;
 				checkTransitionMode(mode);
-				if (state.isLeaving) return emptyPlaceholder(child);
-				const innerChild = getInnerChild$1(child);
-				if (!innerChild) return emptyPlaceholder(child);
-				let enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance, (hooks) => enterHooks = hooks);
-				if (innerChild.type !== Comment) setTransitionHooks(innerChild, enterHooks);
-				let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
-				if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
-					let leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
-					setTransitionHooks(oldInnerChild, leavingHooks);
-					if (mode === "out-in" && innerChild.type !== Comment) {
-						state.isLeaving = true;
-						leavingHooks.afterLeave = () => {
-							state.isLeaving = false;
-							if (!(instance.job.flags & 4)) instance.update();
-							delete leavingHooks.afterLeave;
-							oldInnerChild = void 0;
-						};
-						return emptyPlaceholder(child);
-					} else if (mode === "in-out" && innerChild.type !== Comment) leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-						const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
-						leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
-						el[leaveCbKey] = () => {
-							earlyRemove();
-							el[leaveCbKey] = void 0;
-							delete enterHooks.delayedLeave;
-							oldInnerChild = void 0;
-						};
-						enterHooks.delayedLeave = () => {
-							delayedLeave();
-							delete enterHooks.delayedLeave;
-							oldInnerChild = void 0;
-						};
-					};
-					else oldInnerChild = void 0;
-				} else if (oldInnerChild) oldInnerChild = void 0;
-				return child;
+				return prepareTransitionSwitch(instance.subTree, child, rawProps, state, instance, mode === "out-in" ? resumeAfterLeave || (resumeAfterLeave = () => {
+					if (!(instance.job.flags & 4)) instance.update();
+				}) : NOOP);
 			};
 		}
 	};
@@ -3830,8 +3939,10 @@ var Vue = (function() {
 			persisted,
 			beforeEnter(el) {
 				let hook = onBeforeEnter;
-				if (!state.isMounted) if (appear) hook = onBeforeAppear || onBeforeEnter;
-				else return;
+				if (!state.isMounted) {
+					if (appear) hook = onBeforeAppear || onBeforeEnter;
+					else return;
+				}
 				if (el[leaveCbKey]) el[leaveCbKey](true);
 				earlyRemove();
 				callHook(hook, [el]);
@@ -3841,11 +3952,13 @@ var Vue = (function() {
 				let hook = onEnter;
 				let afterHook = onAfterEnter;
 				let cancelHook = onEnterCancelled;
-				if (!state.isMounted) if (appear) {
-					hook = onAppear || onEnter;
-					afterHook = onAfterAppear || onAfterEnter;
-					cancelHook = onAppearCancelled || onEnterCancelled;
-				} else return;
+				if (!state.isMounted) {
+					if (appear) {
+						hook = onAppear || onEnter;
+						afterHook = onAfterAppear || onAfterEnter;
+						cancelHook = onAppearCancelled || onEnterCancelled;
+					} else return;
+				}
 				let called = false;
 				el[enterCbKey$1] = (cancelled) => {
 					if (called) return;
@@ -3879,7 +3992,7 @@ var Vue = (function() {
 				else done();
 			},
 			clone(node) {
-				return cloneHooks(node);
+				return cloneHooks ? cloneHooks(node) : hooks;
 			}
 		};
 		return hooks;
@@ -3903,16 +4016,91 @@ var Vue = (function() {
 			if (shapeFlag & 32 && isFunction(children.default)) return children.default();
 		}
 	}
+	function resolveTransitionChild(children, renderEmpty = false) {
+		const branches = children && getTransitionRawChildren(children, true);
+		return branches && branches.length ? findNonCommentChild(branches) : renderEmpty ? createCommentVNode() : void 0;
+	}
+	/**
+	* @internal
+	*/
+	function prepareTransitionSwitch(previous, next, props, state, instance, resumeAfterLeave, delayedLeaveSource) {
+		if (state.isLeaving) return emptyPlaceholder(next);
+		const nextInner = getInnerChild$1(next);
+		if (!nextInner) return emptyPlaceholder(next);
+		let enterHooks = resolveTransitionHooks(nextInner, props, state, instance, (hooks) => {
+			if (delayedLeaveSource) forwardDelayedLeave(hooks, delayedLeaveSource);
+			enterHooks = hooks;
+		});
+		if (delayedLeaveSource) forwardDelayedLeave(enterHooks, delayedLeaveSource);
+		if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
+		const mode = props.mode;
+		const previousInner = previous && getInnerChild$1(previous);
+		if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+			const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
+			if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
+		}
+		return next;
+	}
+	function forwardDelayedLeave(hooks, source) {
+		const delayedLeave = source && source.delayedLeave;
+		if (!delayedLeave) return;
+		hooks.delayedLeave = () => {
+			if (source.delayedLeave === delayedLeave) delayedLeave();
+			delete hooks.delayedLeave;
+		};
+	}
+	function prepareLeavingTransitionHooks(previousInner, props, state, instance) {
+		return setTransitionHooks(previousInner, resolveTransitionHooks(previousInner, props, state, instance));
+	}
+	function applyTransitionModeSwitch(leavingVNode, leavingHooks, getEnterHooks, props, state, resumeAfterLeave) {
+		if (props.mode === "out-in") {
+			state.isLeaving = true;
+			leavingHooks.afterLeave = () => {
+				state.isLeaving = false;
+				resumeAfterLeave();
+				delete leavingHooks.afterLeave;
+			};
+			return true;
+		} else if (props.mode === "in-out" && getEnterHooks) {
+			let delayedLeavingVNode = leavingVNode;
+			leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+				const enterHooks = getEnterHooks();
+				if (!enterHooks) {
+					delayedLeave();
+					return;
+				}
+				const vnode = delayedLeavingVNode;
+				const leavingVNodesCache = getLeavingNodesForType(state, vnode);
+				leavingVNodesCache[String(vnode.key)] = vnode;
+				el[leaveCbKey] = () => {
+					earlyRemove();
+					el[leaveCbKey] = void 0;
+					delete enterHooks.delayedLeave;
+					delayedLeavingVNode = void 0;
+				};
+				enterHooks.delayedLeave = () => {
+					delayedLeave();
+					delete enterHooks.delayedLeave;
+					delayedLeavingVNode = void 0;
+				};
+			};
+		}
+		return false;
+	}
 	function setTransitionHooks(vnode, hooks) {
-		if (vnode.shapeFlag & 6 && vnode.component) if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
-		else {
+		if (vnode.shapeFlag & 6 && vnode.component) {
 			vnode.transition = hooks;
-			setTransitionHooks(vnode.component.subTree, hooks);
-		}
-		else if (vnode.shapeFlag & 128) {
-			vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-			vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+			if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
+			else {
+				const subTree = vnode.component.subTree;
+				return setTransitionHooks(isTeleport(subTree.type) ? getInnerChild$1(subTree) || subTree : subTree, hooks);
+			}
+		} else if (vnode.shapeFlag & 128) {
+			const contentHooks = vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+			const fallbackHooks = vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+			return vnode.suspense && vnode.suspense.activeBranch === vnode.ssFallback ? fallbackHooks : contentHooks;
 		} else vnode.transition = hooks;
+		return hooks;
 	}
 	function getTransitionRawChildren(children, keepComment = false, parentKey) {
 		let ret = [];
@@ -3936,9 +4124,9 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/apiDefineComponent.ts
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function defineComponent(options, extraOptions) {
-		return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
+		return isFunction(options) ? /*@__PURE__*/ (() => extend({ name: options.name }, extraOptions, { setup: options }))() : options;
 	}
 	//#endregion
 	//#region packages/runtime-core/src/helpers/useId.ts
@@ -4035,15 +4223,16 @@ var Vue = (function() {
 					if (rawRef.f) {
 						const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : canSetRef(ref) || !rawRef.k ? ref.value : refs[rawRef.k];
 						if (isUnmount) isArray(existing) && remove(existing, refValue);
-						else if (!isArray(existing)) if (_isString) {
-							refs[ref] = [refValue];
-							if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
-						} else {
-							const newVal = [refValue];
-							if (canSetRef(ref, rawRef.k)) ref.value = newVal;
-							if (rawRef.k) refs[rawRef.k] = newVal;
-						}
-						else if (!existing.includes(refValue)) existing.push(refValue);
+						else if (!isArray(existing)) {
+							if (_isString) {
+								refs[ref] = [refValue];
+								if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
+							} else {
+								const newVal = [refValue];
+								if (canSetRef(ref, rawRef.k)) ref.value = newVal;
+								if (rawRef.k) refs[rawRef.k] = newVal;
+							}
+						} else if (!existing.includes(refValue)) existing.push(refValue);
 					} else if (_isString) {
 						refs[ref] = value;
 						if (canSetSetupRef(ref)) setupState[ref] = value;
@@ -4095,7 +4284,18 @@ var Vue = (function() {
 		hasLoggedMismatchError = true;
 	};
 	const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-	const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
+	const isMathMLContainer = (container) => {
+		if (!container.namespaceURI.includes("MathML")) return false;
+		if (container.tagName !== "annotation-xml") return true;
+		const encoding = container.getAttribute("encoding");
+		return !encoding || !encoding.includes("html");
+	};
+	/**
+	* Resolve the element namespace a container's children should be created in.
+	* The live DOM is the source of truth, so this also covers containers that are
+	* only known at runtime (interop boundaries, teleport targets).
+	* @internal
+	*/
 	const getContainerType = (container) => {
 		if (container.nodeType !== 1) return void 0;
 		if (isSVGContainer(container)) return "svg";
@@ -4119,7 +4319,7 @@ var Vue = (function() {
 		};
 		const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
 			optimized = optimized || !!vnode.dynamicChildren;
-			const isFragmentStart = isComment(node) && node.data === "[";
+			const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(");
 			const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 			const { type, ref, shapeFlag, patchFlag } = vnode;
 			let domType = node.nodeType;
@@ -4133,11 +4333,12 @@ var Vue = (function() {
 			let nextNode = null;
 			switch (type) {
 				case Text:
-					if (domType !== 3) if (vnode.children === "") {
-						insert(vnode.el = createText(""), parentNode(node), node);
-						nextNode = node;
-					} else nextNode = onMismatch();
-					else {
+					if (domType !== 3) {
+						if (vnode.children === "") {
+							insert(vnode.el = createText(""), parentNode(node), node);
+							nextNode = node;
+						} else nextNode = onMismatch();
+					} else {
 						if (node.data !== vnode.children) {
 							warn$1(`Hydration text mismatch in`, node.parentNode, `\n  - rendered on server: ${JSON.stringify(node.data)}\n  - expected on client: ${JSON.stringify(vnode.children)}`);
 							logMismatchError();
@@ -4174,30 +4375,35 @@ var Vue = (function() {
 					else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 					break;
 				case VaporSlot:
-					nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node);
+					nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 					break;
-				default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode$1(node)) nextNode = onMismatch();
-				else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-				else if (shapeFlag & 6) {
+				default: if (shapeFlag & 1) {
+					if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode$1(node)) nextNode = onMismatch();
+					else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+				} else if (shapeFlag & 6) {
 					vnode.slotScopeIds = slotScopeIds;
 					const container = parentNode(node);
 					if (isFragmentStart) nextNode = locateClosingAnchor(node);
 					else if (isComment(node) && node.data === "teleport start") nextNode = locateClosingAnchor(node, node.data, "teleport end");
 					else nextNode = nextSibling(node);
-					if (vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, null, parentComponent, parentSuspense);
-					else mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
-					if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) {
-						let subTree;
-						if (isFragmentStart) {
-							subTree = createVNode(Fragment);
-							subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
-						} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
-						subTree.el = node;
-						vnode.component.subTree = subTree;
+					if (vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense);
+					else {
+						mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
+						const component = vnode.component;
+						if (!component.subTree && (isAsyncWrapper(vnode) || component.asyncDep)) {
+							let subTree;
+							if (isFragmentStart) {
+								subTree = createVNode(Static);
+								subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
+							} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode(node.nodeType === 8 ? Comment : "div");
+							subTree.el = node;
+							component.subTree = subTree;
+						}
 					}
-				} else if (shapeFlag & 64) if (domType !== 8) nextNode = onMismatch();
-				else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
-				else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
+				} else if (shapeFlag & 64) {
+					if (domType !== 8) nextNode = onMismatch();
+					else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
+				} else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
 				else warn$1("Invalid HostVNode type:", type, `(${typeof type})`);
 			}
 			if (ref != null) setRef(ref, null, parentSuspense, vnode);
@@ -4205,7 +4411,7 @@ var Vue = (function() {
 		};
 		const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
 			optimized = optimized || !!vnode.dynamicChildren;
-			const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
+			const { type, dynamicProps, props, patchFlag, shapeFlag, dirs, transition } = vnode;
 			const forcePatch = type === "input" || type === "option";
 			{
 				if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "created");
@@ -4223,15 +4429,11 @@ var Vue = (function() {
 				}
 				if (shapeFlag & 16 && !(props && (props.innerHTML || props.textContent))) {
 					let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
-					let hasWarned = false;
+					if (next && !isMismatchAllowed(el, 1)) {
+						warn$1(`Hydration children mismatch on`, el, `\nServer rendered element contains more child nodes than client vdom.`);
+						logMismatchError();
+					}
 					while (next) {
-						if (!isMismatchAllowed(el, 1)) {
-							if (!hasWarned) {
-								warn$1(`Hydration children mismatch on`, el, `\nServer rendered element contains more child nodes than client vdom.`);
-								hasWarned = true;
-							}
-							logMismatchError();
-						}
 						const cur = next;
 						next = next.nextSibling;
 						remove(cur);
@@ -4250,9 +4452,13 @@ var Vue = (function() {
 				}
 				if (props) {
 					const isCustomElement = el.tagName.includes("-");
+					const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
 					for (const key in props) {
 						if (!(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) logMismatchError();
-						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key)) patchProp(el, key, null, props[key], void 0, parentComponent);
+						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) {
+							if (isUnchangedResourceProp(el, key, props[key])) continue;
+							patchProp(el, key, null, props[key], namespace, parentComponent);
+						}
 					}
 				}
 				let vnodeHooks;
@@ -4270,7 +4476,7 @@ var Vue = (function() {
 			optimized = optimized || !!parentVNode.dynamicChildren;
 			const children = parentVNode.children;
 			const l = children.length;
-			let hasWarned = false;
+			let hasCheckedMismatch = false;
 			for (let i = 0; i < l; i++) {
 				const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
 				const isText = vnode.type === Text;
@@ -4284,12 +4490,12 @@ var Vue = (function() {
 					node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				} else if (isText && !vnode.children) insert(vnode.el = createText(""), container);
 				else {
-					if (!isMismatchAllowed(container, 1)) {
-						if (!hasWarned) {
+					if (!hasCheckedMismatch) {
+						hasCheckedMismatch = true;
+						if (!isMismatchAllowed(container, 1)) {
 							warn$1(`Hydration children mismatch on`, container, `\nServer rendered element contains fewer child nodes than client vdom.`);
-							hasWarned = true;
+							logMismatchError();
 						}
-						logMismatchError();
 					}
 					patch(null, vnode, container, null, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
 				}
@@ -4300,8 +4506,9 @@ var Vue = (function() {
 			const { slotScopeIds: fragmentSlotScopeIds } = vnode;
 			if (fragmentSlotScopeIds) slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
 			const container = parentNode(node);
-			const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
-			if (next && isComment(next) && next.data === "]") return nextSibling(vnode.anchor = next);
+			const first = nextSibling(node);
+			const next = vnode.vo && node.data === "(" ? getVaporInterface(parentComponent, vnode).hydrateSlotOutlet(vnode, node, parentComponent, parentSuspense, slotScopeIds) : hydrateChildren(first, vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
+			if (next && isComment(next) && next.data === (node.data === "(" ? ")" : "]")) return nextSibling(vnode.anchor = next);
 			else {
 				logMismatchError();
 				insert(vnode.anchor = createComment(`]`), container, next);
@@ -4309,8 +4516,8 @@ var Vue = (function() {
 			}
 		};
 		const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-			if (!isMismatchAllowed(node.parentElement, 1)) {
-				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
+			if (!isNodeMismatchAllowed(node, vnode)) {
+				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && (node.data === "[" || node.data === "(") ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
 				logMismatchError();
 			}
 			vnode.el = null;
@@ -4326,20 +4533,22 @@ var Vue = (function() {
 			const container = parentNode(node);
 			remove(node);
 			patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
-			if (parentComponent) {
+			if (parentComponent && parentComponent.vnode) {
 				parentComponent.vnode.el = vnode.el;
 				updateHOCHostEl(parentComponent, vnode.el);
 			}
 			return next;
 		};
-		const locateClosingAnchor = (node, open = "[", close = "]") => {
+		const locateClosingAnchor = (node, open = node && isComment(node) && node.data === "(" ? "(" : "[", close = open === "(" ? ")" : "]") => {
 			let match = 0;
 			while (node) {
 				node = nextSibling(node);
 				if (node && isComment(node)) {
 					if (node.data === open) match++;
-					if (node.data === close) if (match === 0) return nextSibling(node);
-					else match--;
+					if (node.data === close) {
+						if (match === 0) return nextSibling(node);
+						else match--;
+					}
 				}
 			}
 			return node;
@@ -4349,7 +4558,7 @@ var Vue = (function() {
 			if (parentNode) parentNode.replaceChild(newNode, oldNode);
 			let parent = parentComponent;
 			while (parent) {
-				if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
+				if (parent.vnode && parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
 				parent = parent.parent;
 			}
 		};
@@ -4358,6 +4567,16 @@ var Vue = (function() {
 	const isTemplateNode$1 = (node) => {
 		return node.nodeType === 1 && node.tagName === "TEMPLATE";
 	};
+	const resourceProps = /*@__PURE__*/ new Set([
+		"src",
+		"srcset",
+		"href",
+		"poster"
+	]);
+	function isUnchangedResourceProp(el, key, clientValue) {
+		if (!resourceProps.has(key)) return false;
+		return el.getAttribute(key) === (clientValue == null ? null : `${clientValue}`);
+	}
 	/**
 	* Dev only
 	*/
@@ -4401,7 +4620,10 @@ var Vue = (function() {
 	function getAttributeMismatch(el, key, clientValue) {
 		let actual;
 		let expected;
-		if (isBooleanAttr(key)) {
+		if (key === "hidden") {
+			actual = normalizeHiddenValue(el.getAttribute(key));
+			expected = normalizeHiddenValue(clientValue);
+		} else if (isBooleanAttr(key)) {
 			actual = el.hasAttribute(key);
 			expected = includeBooleanAttr(clientValue);
 		} else if (clientValue == null) {
@@ -4429,6 +4651,11 @@ var Vue = (function() {
 		}
 		return false;
 	}
+	function normalizeHiddenValue(value) {
+		if (!isRenderableAttrValue(value)) return false;
+		if (isString(value)) return value.toLowerCase() === "until-found" ? "until-found" : "";
+		return includeBooleanAttr(value) ? "" : false;
+	}
 	function toClassSet(str) {
 		return new Set(str.trim().split(/\s+/));
 	}
@@ -4473,7 +4700,9 @@ var Vue = (function() {
 	};
 	function isMismatchAllowed(el, allowedType) {
 		if (allowedType === 0 || allowedType === 1) while (el && !el.hasAttribute(allowMismatchAttr)) el = el.parentElement;
-		const allowedAttr = el && el.getAttribute(allowMismatchAttr);
+		return isMismatchAllowedByAttr(el && el.getAttribute(allowMismatchAttr), allowedType);
+	}
+	function isMismatchAllowedByAttr(allowedAttr, allowedType) {
 		if (allowedAttr == null) return false;
 		else if (allowedAttr === "") return true;
 		else {
@@ -4482,6 +4711,16 @@ var Vue = (function() {
 			return list.includes(MismatchTypeString[allowedType]);
 		}
 	}
+	function isNodeMismatchAllowed(node, vnode) {
+		return isMismatchAllowed(node.parentElement, 1) || isMismatchAllowedByNode(node) || isMismatchAllowedByVNode(vnode);
+	}
+	function isMismatchAllowedByNode(node) {
+		return node.nodeType === 1 && isMismatchAllowedByAttr(node.getAttribute(allowMismatchAttr), 1);
+	}
+	function isMismatchAllowedByVNode({ props }) {
+		const allowedAttr = props && props[allowMismatchAttr];
+		return typeof allowedAttr === "string" && isMismatchAllowedByAttr(allowedAttr, 1);
+	}
 	//#endregion
 	//#region packages/runtime-core/src/hydrationStrategies.ts
 	let requestIdleCallback;
@@ -4555,16 +4794,18 @@ var Vue = (function() {
 		return teardown;
 	};
 	function forEachElement(node, cb) {
-		if (isComment(node) && node.data === "[") {
+		if (isComment(node) && (node.data === "[" || node.data === "(")) {
+			const open = node.data;
+			const close = open === "[" ? "]" : ")";
 			let depth = 1;
 			let next = node.nextSibling;
 			while (next) {
 				if (next.nodeType === 1) {
 					if (cb(next) === false) break;
 				} else if (isComment(next)) {
-					if (next.data === "]") {
+					if (next.data === close) {
 						if (--depth === 0) break;
-					} else if (next.data === "[") depth++;
+					} else if (next.data === open) depth++;
 				}
 				next = next.nextSibling;
 			}
@@ -4573,14 +4814,14 @@ var Vue = (function() {
 	//#endregion
 	//#region packages/runtime-core/src/apiAsyncComponent.ts
 	const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function defineAsyncComponent(source) {
 		const { load, getResolvedComp, setPendingRequest, source: { loadingComponent, errorComponent, delay, hydrate: hydrateStrategy, timeout, suspensible = true } } = createAsyncComponentContext(source);
 		return /* @__PURE__ */ defineComponent({
 			name: "AsyncComponentWrapper",
 			__asyncLoader: load,
 			__asyncHydrate(el, instance, hydrate) {
-				performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy);
+				performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, true);
 			},
 			get __asyncResolved() {
 				return getResolvedComp();
@@ -4600,11 +4841,16 @@ var Vue = (function() {
 					onError(err);
 					return () => errorComponent ? createVNode(errorComponent, { error: err }) : null;
 				});
-				const { loaded, error, delayed } = useAsyncComponentState(delay, timeout, onError);
+				const { loaded, error, delayed } = useAsyncComponentState(delay, timeout, onError, instance);
 				load().then(() => {
+					if (instance.isUnmounted) return;
 					loaded.value = true;
 					if (instance.parent && instance.parent.vnode && isKeepAlive(instance.parent.vnode)) instance.parent.update();
 				}).catch((err) => {
+					if (instance.isUnmounted) {
+						setPendingRequest(null);
+						return;
+					}
 					onError(err);
 					error.value = err;
 				});
@@ -4662,14 +4908,22 @@ var Vue = (function() {
 			setPendingRequest: (request) => pendingRequest = request
 		};
 	}
-	const useAsyncComponentState = (delay, timeout, onError) => {
+	const useAsyncComponentState = (delay, timeout, onError, instance = currentInstance) => {
 		const loaded = /* @__PURE__ */ ref(false);
 		const error = /* @__PURE__ */ ref();
 		const delayed = /* @__PURE__ */ ref(!!delay);
-		if (delay) setTimeout(() => {
+		let timeoutTimer;
+		let delayTimer;
+		if (instance) onUnmounted(() => {
+			if (timeoutTimer != null) clearTimeout(timeoutTimer);
+			if (delayTimer != null) clearTimeout(delayTimer);
+		}, instance);
+		if (delay) delayTimer = setTimeout(() => {
+			if (instance && instance.isUnmounted) return;
 			delayed.value = false;
 		}, delay);
-		if (timeout != null) setTimeout(() => {
+		if (timeout != null) timeoutTimer = setTimeout(() => {
+			if (instance && instance.isUnmounted) return;
 			if (!loaded.value && !error.value) {
 				const err = /* @__PURE__ */ new Error(`Async component timed out after ${timeout}ms.`);
 				onError(err);
@@ -4686,9 +4940,10 @@ var Vue = (function() {
 	* shared between core and vapor
 	* @internal
 	*/
-	function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy) {
+	function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, skipIfUpdated) {
+		const wasConnected = el.isConnected;
 		let patched = false;
-		(instance.bu || (instance.bu = [])).push(() => patched = true);
+		if (skipIfUpdated) (instance.bu || (instance.bu = [])).push(() => patched = true);
 		const performHydrate = () => {
 			if (patched) {
 				{
@@ -4697,6 +4952,7 @@ var Vue = (function() {
 				}
 				return;
 			}
+			if (!el.parentNode || wasConnected && !el.isConnected) return;
 			hydrate();
 		};
 		const doHydrate = hydrateStrategy ? () => {
@@ -4773,10 +5029,13 @@ var Vue = (function() {
 			});
 			let pendingCacheKey = null;
 			const cacheSubtree = () => {
-				if (pendingCacheKey != null) if (isSuspense(keepAliveInstance.subTree.type)) queuePostRenderEffect(() => {
-					cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
-				}, void 0, keepAliveInstance.subTree.suspense);
-				else cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
+				if (pendingCacheKey != null) {
+					if (isSuspense(keepAliveInstance.subTree.type)) queuePostRenderEffect(() => {
+						const vnode = getInnerChild(keepAliveInstance.subTree);
+						if (vnode.component) cache.set(pendingCacheKey, vnode);
+					}, void 0, keepAliveInstance.subTree.suspense);
+					else cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
+				}
 			};
 			onMounted(cacheSubtree);
 			onUpdated(cacheSubtree);
@@ -4847,7 +5106,7 @@ var Vue = (function() {
 		t.__isBuiltIn = true;
 		return t;
 	};
-	const KeepAlive = /* @__PURE__ */ decorate$2(KeepAliveImpl);
+	const KeepAlive = /*@__PURE__*/ decorate$2(KeepAliveImpl);
 	function matches(pattern, name) {
 		if (isArray(pattern)) return pattern.some((p) => matches(p, name));
 		else if (isString(pattern)) return pattern.split(",").includes(name);
@@ -4938,7 +5197,7 @@ var Vue = (function() {
 				try {
 					return callWithAsyncErrorHandling(hook, target, type, args);
 				} finally {
-					setCurrentInstance(...prev);
+					restoreCurrentInstance(prev);
 					setActiveSub(prevSub);
 				}
 			});
@@ -5063,16 +5322,17 @@ var Vue = (function() {
 		}
 		const l = arguments.length;
 		const is2ndArgArrayChildren = isArray(propsOrChildren);
-		if (l === 2 || is2ndArgArrayChildren) if (isObject(propsOrChildren) && !is2ndArgArrayChildren) {
-			if (isVNode(propsOrChildren)) return convertLegacySlots(createVNode(type, null, [propsOrChildren]));
-			return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type)), propsOrChildren));
-		} else return convertLegacySlots(createVNode(type, null, propsOrChildren));
-		else {
+		if (l === 2 || is2ndArgArrayChildren) {
+			if (isObject(propsOrChildren) && !is2ndArgArrayChildren) {
+				if (isVNode(propsOrChildren)) return convertLegacySlots(createVNode(type, null, [propsOrChildren]));
+				return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type)), propsOrChildren));
+			} else return convertLegacySlots(createVNode(type, null, propsOrChildren));
+		} else {
 			if (isVNode(children)) children = [children];
 			return convertLegacySlots(convertLegacyDirectives(createVNode(type, convertLegacyProps(propsOrChildren, type), children), propsOrChildren));
 		}
 	}
-	const skipLegacyRootLevelProps = /* @__PURE__ */ makeMap("staticStyle,staticClass,directives,model,hook");
+	const skipLegacyRootLevelProps = /*@__PURE__*/ makeMap("staticStyle,staticClass,directives,model,hook");
 	function convertLegacyProps(legacyProps, type) {
 		if (!legacyProps) return null;
 		const converted = {};
@@ -5084,8 +5344,10 @@ var Vue = (function() {
 				if (key === "nativeOn") handlerKey += `Native`;
 				const existing = converted[handlerKey];
 				const incoming = listeners[event];
-				if (existing !== incoming) if (existing) converted[handlerKey] = [].concat(existing, incoming);
-				else converted[handlerKey] = incoming;
+				if (existing !== incoming) {
+					if (existing) converted[handlerKey] = [].concat(existing, incoming);
+					else converted[handlerKey] = incoming;
+				}
 			}
 		} else if (!skipLegacyRootLevelProps(key)) converted[key] = legacyProps[key];
 		if (legacyProps.staticClass) converted.class = normalizeClass([legacyProps.staticClass, converted.class]);
@@ -5184,7 +5446,7 @@ var Vue = (function() {
 		const legacyFn = comp.render;
 		const Func = (props, ctx) => {
 			const instance = getCurrentInstance();
-			return legacyFn(compatH, {
+			const legacyCtx = {
 				props,
 				children: instance.vnode.children || [],
 				data: instance.vnode.props || {},
@@ -5204,7 +5466,8 @@ var Vue = (function() {
 					}
 					return {};
 				}
-			});
+			};
+			return legacyFn(compatH, legacyCtx);
 		};
 		Func.props = comp.props;
 		Func.displayName = comp.name;
@@ -5233,23 +5496,25 @@ var Vue = (function() {
 			}
 			ret = new Array(source.length);
 			for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i], i, void 0, cached && cached[i]);
-		} else if (typeof source === "number") if (!Number.isInteger(source) || source < 0) {
-			warn$1(`The v-for range expects a positive integer value but got ${source}.`);
-			ret = [];
-		} else {
-			ret = new Array(source);
-			for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-		}
-		else if (isObject(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
-		else {
-			const keys = Object.keys(source);
-			ret = new Array(keys.length);
-			for (let i = 0, l = keys.length; i < l; i++) {
-				const key = keys[i];
-				ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+		} else if (typeof source === "number") {
+			if (!Number.isInteger(source) || source < 0) {
+				warn$1(`The v-for range expects a positive integer value but got ${source}.`);
+				ret = [];
+			} else {
+				ret = new Array(source);
+				for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
 			}
-		}
-		else ret = [];
+		} else if (isObject(source)) {
+			if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
+			else {
+				const keys = Object.keys(source);
+				ret = new Array(keys.length);
+				for (let i = 0, l = keys.length; i < l; i++) {
+					const key = keys[i];
+					ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+				}
+			}
+		} else ret = [];
 		if (cache) cache[index] = ret;
 		return ret;
 	}
@@ -5274,37 +5539,64 @@ var Vue = (function() {
 	//#endregion
 	//#region packages/runtime-core/src/helpers/renderSlot.ts
 	/**
+	* Links a slot function to its raw vapor slot: a raw vapor slot carries
+	* itself, and the wrapper the interop slots proxy hands out carries the raw
+	* slot it wraps — one lookup answers both "is this a vapor slot" and
+	* "which one". Internal to vapor interop.
+	*/
+	const rawVaporSlotKey = Symbol(`rawVaporSlot`);
+	/**
 	* Compiler runtime helper for rendering `<slot/>`
 	* @private
 	*/
-	function renderSlot(slots, name, props = {}, fallback, noSlotted) {
+	function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
+		if (props == null) props = {};
 		let slot = slots[name];
-		const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
+		const vaporSlot = slot && slot[rawVaporSlotKey];
 		if (vaporSlot) {
 			const ret = (openBlock(), createBlock(VaporSlot, props));
 			ret.vs = {
 				slot: vaporSlot,
-				fallback
+				outlets: fallback ? [{
+					fallback,
+					owner: currentRenderingInstance
+				}] : void 0
 			};
+			if (!noSlotted && ret.scopeId) ret.slotScopeIds = [ret.scopeId + "-s"];
 			return ret;
 		}
 		if (currentRenderingInstance && (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce)) {
-			const hasProps = Object.keys(props).length > 0;
-			if (name !== "default") props.name = name;
-			return openBlock(), createBlock(Fragment, null, [createVNode("slot", props, fallback && fallback())], hasProps ? -2 : 64);
+			const slotProps = branchKey != null && props.key == null ? extend({}, props, { key: branchKey }) : props;
+			const hasProps = Object.keys(slotProps).length > 0;
+			if (name !== "default") slotProps.name = name;
+			return openBlock(), createBlock(Fragment, null, [createVNode("slot", slotProps, fallback && fallback())], hasProps ? -2 : 64);
 		}
 		if (slot && slot.length > 1) {
 			warn$1("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 = () => [];
 		}
 		if (slot && slot._c) slot._d = false;
+		const prevStackSize = blockStack.length;
 		openBlock();
-		const validSlotContent = slot && ensureValidVNode(slot(props));
-		ensureVaporSlotFallback(validSlotContent, fallback);
-		const slotKey = props.key || validSlotContent && validSlotContent.key;
-		const rendered = createBlock(Fragment, { key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+		let rendered;
+		try {
+			const validSlotContent = slot && ensureValidVNode(slot(props));
+			let attached = false;
+			if (fallback && validSlotContent && currentRenderingInstance) {
+				const interop = currentRenderingInstance.appContext.vapor;
+				if (interop) attached = interop.attachSlotOutlet(validSlotContent, fallback, currentRenderingInstance);
+			}
+			const slotKey = props.key || branchKey || validSlotContent && validSlotContent.key;
+			rendered = createBlock(Fragment, { key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+			if (!validSlotContent && fallback) rendered.shapeFlag |= 1024;
+			if (attached) rendered.vo = true;
+		} catch (err) {
+			for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
+			throw err;
+		} finally {
+			if (slot && slot._c) slot._d = true;
+		}
 		if (!noSlotted && rendered.scopeId) rendered.slotScopeIds = [rendered.scopeId + "-s"];
-		if (slot && slot._c) slot._d = true;
 		return rendered;
 	}
 	function ensureValidVNode(vnodes) {
@@ -5315,12 +5607,6 @@ var Vue = (function() {
 			return true;
 		}) ? vnodes : null;
 	}
-	function ensureVaporSlotFallback(vnodes, fallback) {
-		let vaporSlot;
-		if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) {
-			if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
-		}
-	}
 	//#endregion
 	//#region packages/runtime-core/src/helpers/toHandlers.ts
 	/**
@@ -5379,12 +5665,14 @@ var Vue = (function() {
 	function mapKeyToName(slots) {
 		for (let i = 0; i < slots.length; i++) {
 			const fn = slots[i];
-			if (fn) if (isArray(fn)) mapKeyToName(fn);
-			else fn.name = fn.key || "default";
+			if (fn) {
+				if (isArray(fn)) mapKeyToName(fn);
+				else fn.name = fn.key || "default";
+			}
 		}
 		return slots;
 	}
-	const staticCacheMap = /* @__PURE__ */ new WeakMap();
+	const staticCacheMap = /*@__PURE__*/ new WeakMap();
 	function legacyRenderStatic(instance, index) {
 		let cache = staticCacheMap.get(instance);
 		if (!cache) staticCacheMap.set(instance, cache = []);
@@ -5517,11 +5805,38 @@ var Vue = (function() {
 		if (isStatefulComponent(i)) return getComponentPublicInstance(i);
 		return getPublicInstance(i.parent);
 	};
+	const resolveDevRootEl = (vnode) => {
+		let found = false;
+		while (true) {
+			if (vnode.patchFlag > 0 && vnode.patchFlag & 2048) {
+				const root = filterSingleRoot(vnode.children);
+				if (!root) return;
+				vnode = root;
+				found = true;
+				continue;
+			}
+			const component = vnode.component;
+			if (component && component.subTree) {
+				vnode = component.subTree;
+				continue;
+			}
+			const suspense = vnode.suspense;
+			if (suspense && suspense.activeBranch) {
+				vnode = suspense.activeBranch;
+				continue;
+			}
+			return found ? vnode.el : void 0;
+		}
+	};
+	const getDevRootFragmentEl = (i) => {
+		const el = i.subTree && resolveDevRootEl(i.subTree);
+		return el === void 0 ? i.vnode.el : el;
+	};
 	let publicPropertiesMap;
 	const getPublicPropertiesMap = () => {
 		if (!publicPropertiesMap) publicPropertiesMap = extend(Object.create(null), {
 			$: (i) => i,
-			$el: (i) => i.vnode.el,
+			$el: (i) => getDevRootFragmentEl(i),
 			$data: (i) => i.data,
 			$props: (i) => /* @__PURE__ */ shallowReadonly(i.props),
 			$attrs: (i) => /* @__PURE__ */ shallowReadonly(i.attrs),
@@ -5634,7 +5949,7 @@ var Vue = (function() {
 		warn$1("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);
 	};
-	const RuntimeCompiledPublicInstanceProxyHandlers = /* @__PURE__ */ extend({}, PublicInstanceProxyHandlers, {
+	const RuntimeCompiledPublicInstanceProxyHandlers = /*@__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
 		get(target, key) {
 			if (key === Symbol.unscopables) return;
 			return PublicInstanceProxyHandlers.get(target, key, target);
@@ -5819,12 +6134,13 @@ var Vue = (function() {
 		for (const key in defaults) {
 			if (key.startsWith("__skip")) continue;
 			let opt = props[key];
-			if (opt) if (isArray(opt) || isFunction(opt)) opt = props[key] = {
-				type: opt,
-				default: defaults[key]
-			};
-			else opt.default = defaults[key];
-			else if (opt === null) opt = props[key] = { default: defaults[key] };
+			if (opt) {
+				if (isArray(opt) || isFunction(opt)) opt = props[key] = {
+					type: opt,
+					default: defaults[key]
+				};
+				else opt.default = defaults[key];
+			} else if (opt === null) opt = props[key] = { default: defaults[key] };
 			else warn$1(`props default key "${key}" has no corresponding declaration.`);
 			if (opt && defaults[`__skip_${key}`]) opt.skipFactory = true;
 		}
@@ -5879,21 +6195,29 @@ var Vue = (function() {
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 		const restore = () => {
+			const stoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 			setCurrentInstance(ctx);
 			if (inSSRSetup) setInSSRSetupState(true);
+			return stoppedScope;
 		};
 		const cleanup = () => {
 			setCurrentInstance(null, void 0);
 			if (inSSRSetup) setInSSRSetupState(false);
 		};
 		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
-			restore();
-			Promise.resolve().then(() => Promise.resolve().then(cleanup));
+			const stoppedScope = restore();
+			Promise.resolve().then(() => Promise.resolve().then(() => {
+				if (stoppedScope) stoppedScope.reset();
+				cleanup();
+			}));
 			throw e;
 		});
 		return [awaitable, () => {
-			restore();
-			Promise.resolve().then(cleanup);
+			const stoppedScope = restore();
+			Promise.resolve().then(() => {
+				if (stoppedScope) stoppedScope.reset();
+				cleanup();
+			});
 		}];
 	}
 	//#endregion
@@ -5954,11 +6278,12 @@ var Vue = (function() {
 			const opt = computedOptions[key];
 			const get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
 			if (get === NOOP) warn$1(`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.`);
+			};
 			const c = computed({
 				get,
-				set: !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : () => {
-					warn$1(`Write operation failed: computed property "${key}" is readonly.`);
-				}
+				set
 			});
 			Object.defineProperty(ctx, key, {
 				enumerable: true,
@@ -6017,9 +6342,10 @@ var Vue = (function() {
 		for (const key in injectOptions) {
 			const opt = injectOptions[key];
 			let injected;
-			if (isObject(opt)) if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
-			else injected = inject(opt.from || key);
-			else injected = inject(opt);
+			if (isObject(opt)) {
+				if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
+				else injected = inject(opt.from || key);
+			} else injected = inject(opt);
 			if (/* @__PURE__ */ isRef(injected)) Object.defineProperty(ctx, key, {
 				enumerable: true,
 				configurable: true,
@@ -6039,7 +6365,8 @@ var Vue = (function() {
 		{
 			const cur = getCurrentInstance();
 			const instance = cur && getCurrentScope() === cur.scope ? cur : null;
-			if (isArray(getter()) && isCompatEnabled$1("WATCH_ARRAY", instance)) options.deep = true;
+			const newValue = getter();
+			if (isArray(newValue) && isCompatEnabled$1("WATCH_ARRAY", instance)) options.deep = true;
 			const baseGetter = getter;
 			getter = () => {
 				const val = baseGetter();
@@ -6052,13 +6379,14 @@ var Vue = (function() {
 			if (isFunction(handler)) watch(getter, handler, options);
 			else warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
 		} else if (isFunction(raw)) watch(getter, raw.bind(publicThis), options);
-		else if (isObject(raw)) if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
-		else {
-			const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
-			if (isFunction(handler)) watch(getter, handler, extend(raw, options));
-			else warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
-		}
-		else warn$1(`Invalid watch option: "${key}"`, raw);
+		else if (isObject(raw)) {
+			if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
+			else {
+				const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
+				if (isFunction(handler)) watch(getter, handler, extend(raw, options));
+				else warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+			}
+		} else warn$1(`Invalid watch option: "${key}"`, raw);
 	}
 	/**
 	* Resolve merged options and cache it on the component.
@@ -6072,12 +6400,13 @@ var Vue = (function() {
 		const cached = cache.get(base);
 		let resolved;
 		if (cached) resolved = cached;
-		else if (!globalMixins.length && !mixins && !extendsOptions) if (isCompatEnabled$1("PRIVATE_APIS", instance)) {
-			resolved = extend({}, base);
-			resolved.parent = instance.parent && instance.parent.proxy;
-			resolved.propsData = instance.vnode.props;
-		} else resolved = base;
-		else {
+		else if (!globalMixins.length && !mixins && !extendsOptions) {
+			if (isCompatEnabled$1("PRIVATE_APIS", instance)) {
+				resolved = extend({}, base);
+				resolved.parent = instance.parent && instance.parent.proxy;
+				resolved.propsData = instance.vnode.props;
+			} else resolved = base;
+		} else {
 			resolved = {};
 			if (globalMixins.length) globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
 			mergeOptions(resolved, base, optionMergeStrategies);
@@ -6150,7 +6479,7 @@ var Vue = (function() {
 	}
 	function mergeEmitsOrPropsOptions(to, from) {
 		if (to) {
-			if (isArray(to) && isArray(from)) return [...new Set([...to, ...from])];
+			if (isArray(to) && isArray(from)) return [.../* @__PURE__ */ new Set([...to, ...from])];
 			return extend(Object.create(null), normalizePropsOrEmits(to), normalizePropsOrEmits(from !== null && from !== void 0 ? from : {}));
 		} else return from;
 	}
@@ -6211,7 +6540,7 @@ var Vue = (function() {
 			if (options.el) return vm.$mount(options.el);
 			else return vm;
 		}
-		Vue.version = `2.6.14-compat:3.6.0-beta.9`;
+		Vue.version = `2.6.14-compat:3.6.0-rc.10`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -6466,7 +6795,9 @@ var Vue = (function() {
 			else Object.keys(val).forEach((key) => {
 				try {
 					defineReactiveSimple(val, key, val[key]);
-				} catch (e) {}
+				} catch (e) {
+					warn$1(`Failed making property "${key}" reactive:`, e);
+				}
 			});
 		}
 		const i = obj.$;
@@ -6599,8 +6930,10 @@ var Vue = (function() {
 					} else warn$1(`Cannot unmount an app that is not mounted.`);
 				},
 				provide(key, value) {
-					if (key in context.provides) if (hasOwn(context.provides, key)) warn$1(`App already provides property with key "${String(key)}". It will be overwritten with the new value.`);
-					else warn$1(`App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`);
+					if (key in context.provides) {
+						if (hasOwn(context.provides, key)) warn$1(`App already provides property with key "${String(key)}". It will be overwritten with the new value.`);
+						else warn$1(`App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`);
+					}
 					context.provides[key] = value;
 					return app;
 				},
@@ -6682,13 +7015,17 @@ var Vue = (function() {
 		const modifiers = getModelModifiers(props, camelizedName, defaultPropGetter);
 		const res = customRef((track, trigger) => {
 			let localValue;
+			let prevPropValue = EMPTY_OBJ;
 			let prevSetValue = EMPTY_OBJ;
 			let prevEmittedValue;
 			watchSyncEffect(() => {
 				const propValue = props[camelizedName];
-				if (hasChanged(localValue, propValue)) {
-					localValue = propValue;
-					trigger();
+				if (hasChanged(prevPropValue, propValue)) {
+					prevPropValue = propValue;
+					if (hasChanged(localValue, propValue)) {
+						localValue = propValue;
+						trigger();
+					}
 				}
 			});
 			return {
@@ -6711,12 +7048,13 @@ var Vue = (function() {
 						for (const key of rawPropKeys) if (key === name || key === camelizedName || key === hyphenatedName) parentPassedModelValue = true;
 						else if (key === `onUpdate:${name}` || key === `onUpdate:${camelizedName}` || key === `onUpdate:${hyphenatedName}`) parentPassedModelUpdater = true;
 					}
-					if (!parentPassedModelValue || !parentPassedModelUpdater) {
+					const hasVModel = parentPassedModelValue && parentPassedModelUpdater;
+					if (!hasVModel) {
 						localValue = value;
 						trigger();
 					}
 					i.emit(`update:${name}`, emittedValue);
-					if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) trigger();
+					if (hasChanged(value, prevSetValue) && (hasChanged(value, emittedValue) && !hasChanged(emittedValue, prevEmittedValue) || hasVModel && prevSetValue !== EMPTY_OBJ && !hasChanged(emittedValue, localValue))) trigger();
 					prevSetValue = value;
 					prevEmittedValue = emittedValue;
 				}
@@ -6749,12 +7087,14 @@ var Vue = (function() {
 		if (instance.isUnmounted) return;
 		{
 			const { emitsOptions, propsOptions } = instance;
-			if (emitsOptions) if (!(event in emitsOptions) && !(event.startsWith("hook:") || event.startsWith(compatModelEventPrefix))) {
-				if (!propsOptions || !propsOptions[0] || !(toHandlerKey(camelize(event)) in propsOptions[0])) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize(event))}" prop.`);
-			} else {
-				const validator = emitsOptions[event];
-				if (isFunction(validator)) {
-					if (!validator(...rawArgs)) warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+			if (emitsOptions) {
+				if (!(event in emitsOptions) && !(event.startsWith("hook:") || event.startsWith(compatModelEventPrefix))) {
+					if (!propsOptions || !propsOptions[0] || !(toHandlerKey(camelize(event)) in propsOptions[0])) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize(event))}" prop.`);
+				} else {
+					const validator = emitsOptions[event];
+					if (isFunction(validator)) {
+						if (!validator(...rawArgs)) warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+					}
 				}
 			}
 		}
@@ -6764,7 +7104,7 @@ var Vue = (function() {
 		const modifiers = isCompatModelListener ? props.modelModifiers : isModelListener && getModelModifiers(props, event.slice(7), getter);
 		if (modifiers) {
 			if (modifiers.trim) args = rawArgs.map((a) => isString(a) ? a.trim() : a);
-			if (modifiers.number) args = rawArgs.map(looseToNumber);
+			if (modifiers.number) args = args.map(looseToNumber);
 		}
 		devtoolsComponentEmit(instance, event, args);
 		{
@@ -6829,7 +7169,8 @@ var Vue = (function() {
 	function isEmitListener(options, key) {
 		if (!options || !isOn(key)) return false;
 		if (key.startsWith(compatModelEventPrefix)) return true;
-		key = key.slice(2).replace(/Once$/, "");
+		key = key.slice(2);
+		key = key === "Once" ? key : key.replace(/Once$/, "");
 		return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
 	}
 	//#endregion
@@ -6905,8 +7246,9 @@ var Vue = (function() {
 			root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
 		}
 		if (vnode.transition) {
-			if (!isElementRoot(root)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
-			setTransitionHooks(root, vnode.transition);
+			const child = isTeleport(root.type) ? getInnerChild$1(root) || root : root;
+			if (!isElementRoot(child)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
+			setTransitionHooks(child, vnode.transition);
 		}
 		if (setRoot) setRoot(root);
 		else result = root;
@@ -6957,18 +7299,21 @@ var Vue = (function() {
 		for (let i = 0; i < children.length; i++) {
 			const child = children[i];
 			if (isVNode(child)) {
-				if (child.type !== Comment || child.children === "v-if") if (singleRoot) return;
-				else {
-					singleRoot = child;
-					if (recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) return filterSingleRoot(singleRoot.children);
+				if (child.type !== Comment || child.children === "v-if") {
+					if (singleRoot) return;
+					else {
+						singleRoot = child;
+						if (recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) return filterSingleRoot(singleRoot.children);
+					}
 				}
 			} else return;
 		}
 		return singleRoot;
 	}
+	const isFunctionalFallthroughKey = (key) => key === "class" || key === "style" || isOn(key);
 	const getFunctionalFallthrough = (attrs) => {
 		let res;
-		for (const key in attrs) if (key === "class" || key === "style" || isOn(key)) (res || (res = {}))[key] = attrs[key];
+		for (const key in attrs) if (isFunctionalFallthroughKey(key)) (res || (res = {}))[key] = attrs[key];
 		return res;
 	};
 	const filterModelListeners = (attrs, props) => {
@@ -7104,16 +7449,17 @@ var Vue = (function() {
 					let key = propsToUpdate[i];
 					if (isEmitListener(instance.emitsOptions, key)) continue;
 					const value = rawProps[key];
-					if (options) if (hasOwn(attrs, key)) {
-						if (value !== attrs[key]) {
-							attrs[key] = value;
-							hasAttrsChanged = true;
+					if (options) {
+						if (hasOwn(attrs, key)) {
+							if (value !== attrs[key]) {
+								attrs[key] = value;
+								hasAttrsChanged = true;
+							}
+						} else {
+							const camelizedKey = camelize(key);
+							props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
 						}
 					} else {
-						const camelizedKey = camelize(key);
-						props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
-					}
-					else {
 						if (isOn(key) && key.endsWith("Native")) key = key.slice(0, -6);
 						else if (shouldSkipAttr(key, instance)) continue;
 						if (value !== attrs[key]) {
@@ -7126,9 +7472,11 @@ var Vue = (function() {
 		} else {
 			if (setFullProps(instance, rawProps, props, attrs)) hasAttrsChanged = true;
 			let kebabKey;
-			for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) if (options) {
-				if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, key, void 0, instance, baseResolveDefault, true);
-			} else delete props[key];
+			for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) {
+				if (options) {
+					if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, key, void 0, instance, baseResolveDefault, true);
+				} else delete props[key];
+			}
 			if (attrs !== rawCurrentProps) {
 				for (const key in attrs) if (!rawProps || !hasOwn(rawProps, key) && !hasOwn(rawProps, key + "Native")) {
 					delete attrs[key];
@@ -7149,9 +7497,10 @@ var Vue = (function() {
 			if (key === "inline-template") continue;
 			const value = rawProps[key];
 			let camelKey;
-			if (options && hasOwn(options, camelKey = camelize(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
-			else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-			else if (!isEmitListener(instance.emitsOptions, key)) {
+			if (options && hasOwn(options, camelKey = camelize(key))) {
+				if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
+				else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+			} else if (!isEmitListener(instance.emitsOptions, key)) {
 				if (isOn(key) && key.endsWith("Native")) key = key.slice(0, -6);
 				else if (shouldSkipAttr(key, instance)) continue;
 				if (!(key in attrs) || value !== attrs[key]) {
@@ -7200,7 +7549,7 @@ var Vue = (function() {
 		const prev = setCurrentInstance(instance);
 		const props = /* @__PURE__ */ toRaw(instance.props);
 		value = factory.call(isCompatEnabled$1("PROPS_DEFAULT_THIS", instance) ? createPropsDefaultThis(instance, props, key) : null, props);
-		setCurrentInstance(...prev);
+		restoreCurrentInstance(prev);
 		return value;
 	}
 	const mixinPropsCache = /* @__PURE__ */ new WeakMap();
@@ -7317,7 +7666,7 @@ var Vue = (function() {
 		}
 		if (validator && !validator(value, /* @__PURE__ */ shallowReadonly(resolvedProps))) warn$1("Invalid prop: custom validator check failed for prop \"" + key + "\".");
 	}
-	const isSimpleType = /* @__PURE__ */ makeMap("String,Number,Boolean,Function,Symbol,BigInt");
+	const isSimpleType = /*@__PURE__*/ makeMap("String,Number,Boolean,Function,Symbol,BigInt");
 	/**
 	* dev only
 	*/
@@ -7347,7 +7696,7 @@ var Vue = (function() {
 		const receivedType = toRawType(value);
 		const expectedValue = styleValue(value, expectedType);
 		const receivedValue = styleValue(value, receivedType);
-		if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) message += ` with value ${expectedValue}`;
+		if (expectedTypes.length === 1 && isExplicable(expectedType) && isCoercible(expectedType, receivedType)) message += ` with value ${expectedValue}`;
 		message += `, got ${receivedType} `;
 		if (isExplicable(receivedType)) message += `with value ${receivedValue}.`;
 		return message;
@@ -7356,7 +7705,8 @@ var Vue = (function() {
 	* dev only
 	*/
 	function styleValue(value, type) {
-		if (type === "String") return `"${value}"`;
+		if (isSymbol(value)) return value.toString();
+		else if (type === "String") return `"${value}"`;
 		else if (type === "Number") return `${Number(value)}`;
 		else return `${value}`;
 	}
@@ -7373,8 +7723,11 @@ var Vue = (function() {
 	/**
 	* dev only
 	*/
-	function isBoolean(...args) {
-		return args.some((elem) => elem.toLowerCase() === "boolean");
+	function isCoercible(...args) {
+		return args.every((elem) => {
+			const value = elem.toLowerCase();
+			return value !== "boolean" && value !== "symbol";
+		});
 	}
 	//#endregion
 	//#region packages/runtime-core/src/componentSlots.ts
@@ -7426,12 +7779,13 @@ var Vue = (function() {
 		let deletionComparisonTarget = EMPTY_OBJ;
 		if (vnode.shapeFlag & 32) {
 			const type = children._;
-			if (type) if (isHmrUpdating) {
-				assignSlots(slots, children, optimized);
-				trigger(instance, "set", "$slots");
-			} else if (optimized && type === 1) needDeletionCheck = false;
-			else assignSlots(slots, children, optimized);
-			else {
+			if (type) {
+				if (isHmrUpdating) {
+					assignSlots(slots, children, optimized);
+					trigger(instance, "set", "$slots");
+				} else if (optimized && type === 1) needDeletionCheck = false;
+				else assignSlots(slots, children, optimized);
+			} else {
 				needDeletionCheck = !children.$stable;
 				normalizeObjectSlots(children, slots, instance);
 			}
@@ -7449,7 +7803,7 @@ var Vue = (function() {
 	let supported;
 	let perf;
 	let cachedNow$1 = 0;
-	const p$1 = /* @__PURE__ */ Promise.resolve();
+	const p$1 = /*@__PURE__*/ Promise.resolve();
 	const getNow$1 = () => cachedNow$1 || (p$1.then(() => cachedNow$1 = 0), cachedNow$1 = isSupported() ? perf.now() : Date.now());
 	/**
 	* @internal
@@ -7530,6 +7884,10 @@ var Vue = (function() {
 				optimized = false;
 				n2.dynamicChildren = null;
 			}
+			if (n2.dynamicChildren && n1 && n1.dynamicChildren && n1.dynamicChildren.hasOnce) {
+				if (n2.dynamicChildren === EMPTY_ARR) n2.dynamicChildren = [];
+				n2.dynamicChildren.hasOnce = true;
+			}
 			const { type, ref, shapeFlag } = n2;
 			switch (type) {
 				case Text:
@@ -7546,7 +7904,7 @@ var Vue = (function() {
 					processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 					break;
 				case VaporSlot:
-					getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
+					getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 					break;
 				default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -7665,7 +8023,10 @@ var Vue = (function() {
 			for (let i = 0; i < inheritedScopeIds.length; i++) hostSetScopeId(el, inheritedScopeIds[i]);
 		};
 		const mountChildren = (children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, start = 0) => {
-			for (let i = start; i < children.length; i++) patch(null, children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]), container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+			for (let i = start; i < children.length; i++) {
+				const child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
+				patch(null, child, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+			}
 		};
 		const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 			const el = n2.el = n1.el;
@@ -7677,9 +8038,10 @@ var Vue = (function() {
 			let vnodeHook;
 			parentComponent && toggleRecurse(parentComponent, false);
 			if (vnodeHook = newProps.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+			if (n2.ibu) n2.ibu();
 			if (dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
 			parentComponent && toggleRecurse(parentComponent, true);
-			if (isHmrUpdating) {
+			if (isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
 				patchFlag = 0;
 				optimized = false;
 				dynamicChildren = null;
@@ -7710,8 +8072,9 @@ var Vue = (function() {
 					if (n1.children !== n2.children) hostSetElementText(el, n2.children);
 				}
 			} else if (!optimized && dynamicChildren == null) patchProps(el, oldProps, newProps, parentComponent, namespace);
-			if ((vnodeHook = newProps.onVnodeUpdated) || dirs) queuePostRenderEffect(() => {
+			if ((vnodeHook = newProps.onVnodeUpdated) || dirs || n2.iu) queuePostRenderEffect(() => {
 				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+				n2.iu && n2.iu();
 				dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
 			}, void 0, parentSuspense);
 		};
@@ -7719,7 +8082,8 @@ var Vue = (function() {
 			for (let i = 0; i < newChildren.length; i++) {
 				const oldVNode = oldChildren[i];
 				const newVNode = newChildren[i];
-				patch(oldVNode, newVNode, oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
+				const container = oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer;
+				patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
 			}
 		};
 		const patchProps = (el, oldProps, newProps, parentComponent, namespace) => {
@@ -7757,25 +8121,15 @@ var Vue = (function() {
 		};
 		const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 			n2.slotScopeIds = slotScopeIds;
-			if (n2.type.__vapor) if (n1 == null) if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent);
-			else {
-				getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
-					if (n2.dirs) {
-						invokeDirectiveHook(n2, null, parentComponent, "created");
-						invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
-					}
-				});
-				if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
-			}
-			else {
-				getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdateComponent(n1, n2, optimized), () => {
-					if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
-				});
-				if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, n1, parentComponent, "updated"), void 0, parentSuspense);
-			}
-			else if (n1 == null) if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
-			else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
-			else updateComponent(n1, n2, optimized);
+			if (n2.type.__vapor) {
+				if (n1 == null) {
+					if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent, parentSuspense);
+					else getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense);
+				} else getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdateComponent(n1, n2, optimized));
+			} else if (n1 == null) {
+				if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
+				else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
+			} else updateComponent(n1, n2, optimized);
 		};
 		const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, namespace, optimized) => {
 			const compatMountInstance = initialVNode.isCompatRoot && initialVNode.component;
@@ -7819,16 +8173,18 @@ var Vue = (function() {
 		};
 		const updateComponent = (n1, n2, optimized) => {
 			const instance = n2.component = n1.component;
-			if (shouldUpdateComponent(n1, n2, optimized)) if (instance.asyncDep && !instance.asyncResolved) {
-				pushWarningContext(n2);
-				updateComponentPreRender(instance, n2, optimized);
-				popWarningContext();
-				return;
+			if (shouldUpdateComponent(n1, n2, optimized)) {
+				if (instance.asyncDep && !instance.asyncResolved) {
+					pushWarningContext(n2);
+					n2.el = n1.el;
+					updateComponentPreRender(instance, n2, optimized);
+					popWarningContext();
+					return;
+				} else {
+					instance.next = n2;
+					instance.effect.run();
+				}
 			} else {
-				instance.next = n2;
-				instance.effect.run();
-			}
-			else {
 				n2.el = n1.el;
 				instance.vnode = n2;
 			}
@@ -7931,6 +8287,7 @@ var Vue = (function() {
 					} else next = vnode;
 					if (bu) invokeArrayFns(bu);
 					if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
+					if (next.ibu) next.ibu();
 					if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) instance.emit("hook:beforeUpdate");
 					toggleRecurse(instance, true);
 					startMeasure(instance, `render`);
@@ -7944,7 +8301,10 @@ var Vue = (function() {
 					next.el = nextTree.el;
 					if (originNext === null) updateHOCHostEl(instance, nextTree.el);
 					if (u) queuePostRenderEffect(u, void 0, parentSuspense);
-					if (vnodeHook = next.props && next.props.onVnodeUpdated) queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), void 0, parentSuspense);
+					if ((vnodeHook = next.props && next.props.onVnodeUpdated) || next.iu) queuePostRenderEffect(() => {
+						vnodeHook && invokeVNodeHook(vnodeHook, parent, next, vnode);
+						next.iu && next.iu();
+					}, void 0, parentSuspense);
 					if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) queuePostRenderEffect(() => instance.emit("hook:updated"), void 0, parentSuspense);
 					devtoolsComponentUpdated(instance);
 					popWarningContext();
@@ -7985,9 +8345,10 @@ var Vue = (function() {
 			if (shapeFlag & 8) {
 				if (prevShapeFlag & 16) unmountChildren(c1, parentComponent, parentSuspense);
 				if (c2 !== c1) hostSetElementText(container, c2);
-			} else if (prevShapeFlag & 16) if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-			else unmountChildren(c1, parentComponent, parentSuspense, true);
-			else {
+			} else if (prevShapeFlag & 16) {
+				if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+				else unmountChildren(c1, parentComponent, parentSuspense, true);
+			} else {
 				if (prevShapeFlag & 8) hostSetElementText(container, "");
 				if (shapeFlag & 16) mountChildren(c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			}
@@ -8086,15 +8447,17 @@ var Vue = (function() {
 					const anchorVNode = c2[nextIndex + 1];
 					const anchor = nextIndex + 1 < l2 ? anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode) : parentAnchor;
 					if (newIndexToOldIndexMap[i] === 0) patch(null, nextChild, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-					else if (moved) if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2, parentComponent);
-					else j--;
+					else if (moved) {
+						if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2, parentComponent);
+						else j--;
+					}
 				}
 			}
 		};
 		const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
 			const { el, type, transition, children, shapeFlag } = vnode;
 			if (isVaporComponent(type) || type === VaporSlot) {
-				getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType);
+				getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType, parentSuspense);
 				return;
 			}
 			if (shapeFlag & 6) {
@@ -8119,49 +8482,37 @@ var Vue = (function() {
 				moveStaticNode(vnode, container, anchor);
 				return;
 			}
-			if (moveType !== 2 && shapeFlag & 1 && transition) if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
-			else {
-				const { leave, delayLeave, afterLeave } = transition;
-				const remove = () => {
+			if (moveType !== 2 && shapeFlag & 1 && transition) {
+				if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
+				else performTransitionLeave(el, transition, () => {
 					if (vnode.ctx.isUnmounted) hostRemove(el);
 					else hostInsert(el, container, anchor);
-				};
-				const performLeave = () => {
-					if (el._isLeaving) el[leaveCbKey](true);
-					leave(el, () => {
-						remove();
-						afterLeave && afterLeave();
-					});
-				};
-				if (delayLeave) delayLeave(el, remove, performLeave);
-				else performLeave();
-			}
-			else hostInsert(el, container, anchor);
+				}, true, true);
+			} else hostInsert(el, container, anchor);
 		};
 		const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
 			const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
-			if (patchFlag === -2) optimized = false;
+			if (patchFlag === -2 || dynamicChildren && dynamicChildren.hasOnce) optimized = false;
 			if (ref != null) {
 				const prevSub = setActiveSub();
 				setRef(ref, null, parentSuspense, vnode, true);
 				setActiveSub(prevSub);
 			}
-			if (cacheIndex != null) parentComponent.renderCache[cacheIndex] = void 0;
+			if (cacheIndex != null && (!vnode.ctx || vnode.ctx === parentComponent)) parentComponent.renderCache[cacheIndex] = void 0;
 			if (shapeFlag & 256) {
-				if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer());
+				if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer(), parentSuspense);
 				else parentComponent.ctx.deactivate(vnode);
 				return;
 			}
+			if (shapeFlag & 6 && isVaporComponent(type)) {
+				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
+				return;
+			}
 			const shouldInvokeDirs = shapeFlag & 1 && dirs;
 			const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
 			let vnodeHook;
 			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeBeforeUnmount)) invokeVNodeHook(vnodeHook, parentComponent, vnode);
-			if (shapeFlag & 6) if (isVaporComponent(type)) {
-				if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
-				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
-				if (dirs) queuePostRenderEffect(() => invokeDirectiveHook(vnode, null, parentComponent, "unmounted"), void 0, parentSuspense);
-				return;
-			} else unmountComponent(vnode.component, parentSuspense, doRemove);
+			if (shapeFlag & 6) unmountComponent(vnode.component, parentSuspense, doRemove);
 			else {
 				if (shapeFlag & 128) {
 					vnode.suspense.unmount(parentSuspense, doRemove);
@@ -8172,7 +8523,7 @@ var Vue = (function() {
 				else if (dynamicChildren && !dynamicChildren.hasOnce && (type !== Fragment || patchFlag > 0 && patchFlag & 64)) unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
 				else if (type === Fragment && patchFlag & 384 || !optimized && shapeFlag & 16) unmountChildren(children, parentComponent, parentSuspense);
 				if (type === VaporSlot) {
-					getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
+					getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
 					return;
 				}
 				if (doRemove) remove(vnode);
@@ -8196,6 +8547,7 @@ var Vue = (function() {
 			}
 			if (type === Static) {
 				removeStaticNode(vnode);
+				if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
 				return;
 			}
 			if (transition) performTransitionLeave(el, transition, () => hostRemove(el), !!(vnode.shapeFlag & 1));
@@ -8221,6 +8573,9 @@ var Vue = (function() {
 			if (effect) {
 				effect.stop();
 				unmount(subTree, instance, parentSuspense, doRemove);
+			} else if (instance.vnode.el && subTree) {
+				subTree.transition = instance.vnode.transition;
+				unmount(subTree, instance, parentSuspense, doRemove);
 			}
 			if (um) queuePostRenderEffect(um, void 0, parentSuspense);
 			if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) queuePostRenderEffect(() => instance.emit("hook:destroyed"), void 0, parentSuspense);
@@ -8296,12 +8651,14 @@ var Vue = (function() {
 		return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
 	}
 	function toggleRecurse({ effect, job, vapor }, allowed) {
-		if (!vapor) if (allowed) {
-			effect.flags |= 128;
-			job.flags |= 2;
-		} else {
-			effect.flags &= -129;
-			job.flags &= -3;
+		if (!vapor) {
+			if (allowed) {
+				effect.flags |= 128;
+				job.flags |= 2;
+			} else {
+				effect.flags &= -129;
+				job.flags &= -3;
+			}
 		}
 	}
 	function needTransition(parentSuspense, transition) {
@@ -8341,13 +8698,19 @@ var Vue = (function() {
 	}
 	function locateNonHydratedAsyncRoot(instance) {
 		const subComponent = instance.subTree && instance.subTree.component;
-		if (subComponent) if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
-		else return locateNonHydratedAsyncRoot(subComponent);
+		if (subComponent) {
+			if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
+			else return locateNonHydratedAsyncRoot(subComponent);
+		}
 	}
 	function invalidateMount(hooks) {
 		if (hooks) for (let i = 0; i < hooks.length; i++) hooks[i].flags |= 4;
 	}
 	function performTransitionEnter(el, transition, insert, parentSuspense, force = false) {
+		if (force && transition.persisted && !el[leaveCbKey]) {
+			insert();
+			return;
+		}
 		if (force || needTransition(parentSuspense, transition)) {
 			transition.beforeEnter(el);
 			insert();
@@ -8357,13 +8720,15 @@ var Vue = (function() {
 	function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
 		const performRemove = () => {
 			remove();
-			if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
+			if (transition && (force || !transition.persisted) && transition.afterLeave) transition.afterLeave();
 		};
 		if (force || isElement && transition && !transition.persisted) {
 			const { leave, delayLeave } = transition;
 			const performLeave = () => {
+				const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 				if (el._isLeaving && force) el[leaveCbKey](true);
-				leave(el, performRemove);
+				if (force && transition.persisted && !wasLeaving) remove();
+				else leave(el, performRemove);
 			};
 			if (delayLeave) delayLeave(el, performRemove, performLeave);
 			else performLeave();
@@ -8382,7 +8747,7 @@ var Vue = (function() {
 	/**
 	* shared between vdom and vapor
 	*/
-	function getInheritedScopeIds(vnode, parentComponent) {
+	function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 		const inheritedScopeIds = [];
 		let currentParent = parentComponent;
 		let currentVNode = vnode;
@@ -8398,6 +8763,8 @@ var Vue = (function() {
 				currentParent = currentParent.parent;
 			} else break;
 		}
+		const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+		if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 		return inheritedScopeIds;
 	}
 	function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -8416,7 +8783,7 @@ var Vue = (function() {
 		process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
 			if (n1 == null) mountSuspense(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals);
 			else {
-				if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
+				if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback && !parentSuspense.isHydrating) {
 					n2.suspense = n1.suspense;
 					n2.suspense.vnode = n2;
 					n2.el = n1.el;
@@ -8454,10 +8821,12 @@ var Vue = (function() {
 		if (pendingBranch) {
 			suspense.pendingBranch = newBranch;
 			if (isSameVNodeType(pendingBranch, newBranch)) {
-				patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+				suspense.deps++;
+				patch(pendingBranch, newBranch, isHydrating ? container : suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+				suspense.deps--;
 				if (suspense.deps <= 0) suspense.resolve();
 				else if (isInFallback) {
-					if (!isHydrating) {
+					if (!isHydrating && !suspense.isFallbackMountPending) {
 						patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 						setActiveBranch(suspense, newFallback);
 					}
@@ -8469,12 +8838,16 @@ var Vue = (function() {
 					suspense.activeBranch = pendingBranch;
 				} else unmount(pendingBranch, parentComponent, suspense);
 				suspense.deps = 0;
+				for (let i = 0; i < suspense.effects.length; i++) {
+					const effect = suspense.effects[i];
+					if (effect.flags & 8) queuePostFlushCb(effect);
+				}
 				suspense.effects.length = 0;
 				suspense.hiddenContainer = createElement("div");
 				if (isInFallback) {
 					patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 					if (suspense.deps <= 0) suspense.resolve();
-					else {
+					else if (!suspense.isFallbackMountPending) {
 						patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 						setActiveBranch(suspense, newFallback);
 					}
@@ -8550,15 +8923,19 @@ var Vue = (function() {
 				if (suspense.isHydrating) suspense.isHydrating = false;
 				else if (!resume) {
 					delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+					let hasUpdatedAnchor = false;
 					if (delayEnter) activeBranch.transition.afterLeave = () => {
 						if (pendingId === suspense.pendingId) {
-							move(pendingBranch, container, anchor === initialAnchor ? next(activeBranch) : anchor, 0, parentComponent);
+							move(pendingBranch, container, anchor === initialAnchor && !hasUpdatedAnchor ? next(activeBranch) : anchor, 0, parentComponent);
 							queuePostFlushCb(effects);
 							if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 						}
 					};
 					if (activeBranch && !suspense.isFallbackMountPending) {
-						if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
+						if (parentNode(activeBranch.el) === container) {
+							anchor = next(activeBranch);
+							hasUpdatedAnchor = true;
+						}
 						unmount(activeBranch, parentComponent, suspense, true);
 						if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 					}
@@ -8572,7 +8949,7 @@ var Vue = (function() {
 				let hasUnresolvedAncestor = false;
 				while (parent) {
 					if (parent.pendingBranch) {
-						parent.effects.push(...effects);
+						for (let i = 0; i < effects.length; i++) parent.effects.push(effects[i]);
 						hasUnresolvedAncestor = true;
 						break;
 					}
@@ -8582,6 +8959,7 @@ var Vue = (function() {
 				suspense.effects = [];
 				if (isSuspensible) {
 					if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+						parentSuspenseId = void 0;
 						parentSuspense.deps--;
 						if (parentSuspense.deps === 0 && !sync) parentSuspense.resolve();
 					}
@@ -8596,8 +8974,9 @@ var Vue = (function() {
 				const mountFallback = () => {
 					suspense.isFallbackMountPending = false;
 					if (!suspense.isInFallback) return;
-					patch(null, fallbackVNode, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
-					setActiveBranch(suspense, fallbackVNode);
+					const latestFallback = suspense.vnode.ssFallback;
+					patch(null, latestFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
+					setActiveBranch(suspense, latestFallback);
 				};
 				const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
 				if (delayEnter) {
@@ -8618,10 +8997,16 @@ var Vue = (function() {
 			registerDep(instance, onResolve) {
 				const isInPendingSuspense = !!suspense.pendingBranch;
 				if (isInPendingSuspense) suspense.deps++;
+				const hydratedEl = instance.vnode && instance.vnode.el;
 				instance.asyncDep.catch((err) => {
 					handleError(err, instance, 0);
 				}).then((asyncSetupResult) => {
 					if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
+					setCurrentInstance(null, void 0);
+					if (hydratedEl && !instance.scope.active) {
+						if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
+						return;
+					}
 					instance.asyncResolved = true;
 					onResolve(asyncSetupResult);
 					if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
@@ -8672,9 +9057,10 @@ var Vue = (function() {
 		return s;
 	}
 	function queueEffectWithSuspense(fn, id, suspense) {
-		if (suspense && suspense.pendingBranch) if (isArray(fn)) suspense.effects.push(...fn);
-		else suspense.effects.push(fn);
-		else queuePostFlushCb(fn, id);
+		if (suspense && suspense.pendingBranch) {
+			if (isArray(fn)) suspense.effects.push(...fn);
+			else suspense.effects.push(fn);
+		} else queuePostFlushCb(fn, id);
 	}
 	function setActiveBranch(suspense, branch) {
 		suspense.activeBranch = branch;
@@ -8881,11 +9267,26 @@ var Vue = (function() {
 			if (shapeFlag & 128) type.normalize(vnode);
 		} else if (children) vnode.shapeFlag |= isString(children) ? 8 : 16;
 		if (vnode.key !== vnode.key) warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+		if (props && vnode.shapeFlag & 1) {
+			const overwritingProp = props.innerHTML != null ? "innerHTML" : props.textContent != null ? "textContent" : null;
+			if (overwritingProp && hasContentChildren(vnode.children)) warn$1(`The \`${overwritingProp}\` prop on <${vnode.type}> will override its children. Remove either the \`${overwritingProp}\` prop or the children.`);
+		}
 		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6) && vnode.patchFlag !== 32) currentBlock.push(vnode);
 		convertLegacyVModelProps(vnode);
 		defineLegacyVNodeProperties(vnode);
 		return vnode;
 	}
+	/**
+	* dev only
+	* Whether children would actually render something. Empty text and empty
+	* arrays are ignored, mirroring the compiler's `node.children.length` check
+	* for `v-html` / `v-text`.
+	*/
+	function hasContentChildren(children) {
+		if (isString(children)) return children !== "";
+		if (isArray(children)) return children.length > 0;
+		return false;
+	}
 	const createVNode = createVNodeWithArgsTransform;
 	function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
 		if (!type || type === NULL_DYNAMIC_COMPONENT) {
@@ -8895,8 +9296,10 @@ var Vue = (function() {
 		if (isVNode(type)) {
 			const cloned = cloneVNode(type, props, true);
 			if (children) normalizeChildren(cloned, children);
-			if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
-			else currentBlock.push(cloned);
+			if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) {
+				if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
+				else currentBlock.push(cloned);
+			}
 			cloned.patchFlag = -2;
 			return cloned;
 		}
@@ -8954,12 +9357,32 @@ var Vue = (function() {
 			el: vnode.el,
 			anchor: vnode.anchor,
 			ctx: vnode.ctx,
-			ce: vnode.ce
+			ce: vnode.ce,
+			vi: vnode.vi,
+			vs: cloneVaporSlotMeta(vnode),
+			vb: vnode.vb,
+			ibu: vnode.ibu,
+			iu: vnode.iu,
+			cacheIndex: vnode.cacheIndex
 		};
 		if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 		defineLegacyVNodeProperties(cloned);
 		return cloned;
 	}
+	function cloneVaporSlotMeta(vnode) {
+		const vaporSlot = vnode.vs;
+		if (!vaporSlot) return vaporSlot;
+		const cloned = {
+			slot: vaporSlot.slot,
+			outlets: vaporSlot.outlets
+		};
+		if (vnode.el) {
+			cloned.state = vaporSlot.state;
+			cloned.ref = vaporSlot.ref;
+			cloned.scope = vaporSlot.scope;
+		}
+		return cloned;
+	}
 	/**
 	* Dev only, for HMR of hoisted vnodes reused in v-for
 	* https://github.com/vitejs/vite/issues/2022
@@ -9003,25 +9426,32 @@ var Vue = (function() {
 		const { shapeFlag } = vnode;
 		if (children == null) children = null;
 		else if (isArray(children)) type = 16;
-		else if (typeof children === "object") if (shapeFlag & 65) {
-			const slot = children.default;
-			if (slot) {
-				slot._c && (slot._d = false);
-				normalizeChildren(vnode, slot());
-				slot._c && (slot._d = true);
+		else if (typeof children === "object") {
+			if (shapeFlag & 65) {
+				const slot = children.default;
+				if (slot) {
+					slot._c && (slot._d = false);
+					normalizeChildren(vnode, slot());
+					slot._c && (slot._d = true);
+				}
+				return;
+			} else {
+				type = 32;
+				const slotFlag = children._;
+				if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
+				else if (slotFlag === 3 && currentRenderingInstance) {
+					if (currentRenderingInstance.slots._ === 1) children._ = 1;
+					else {
+						children._ = 2;
+						vnode.patchFlag |= 1024;
+					}
+				}
 			}
-			return;
-		} else {
-			type = 32;
-			const slotFlag = children._;
-			if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
-			else if (slotFlag === 3 && currentRenderingInstance) if (currentRenderingInstance.slots._ === 1) children._ = 1;
-			else {
-				children._ = 2;
-				vnode.patchFlag |= 1024;
+		} else if (isFunction(children)) {
+			if (shapeFlag & 65) {
+				normalizeChildren(vnode, { default: children });
+				return;
 			}
-		}
-		else if (isFunction(children)) {
 			children = {
 				default: children,
 				_ctx: currentRenderingInstance
@@ -9085,6 +9515,16 @@ var Vue = (function() {
 			simpleSetCurrentInstance(instance);
 		}
 	};
+	/**
+	* Restores a snapshot returned by {@link setCurrentInstance}. Unlike calling
+	* `setCurrentInstance(...prev)`, an `undefined` saved scope is restored
+	* verbatim instead of re-triggering the `instance.scope` default.
+	* @internal
+	*/
+	const restoreCurrentInstance = (prev) => {
+		setCurrentScope(prev[1]);
+		simpleSetCurrentInstance(prev[0]);
+	};
 	const internalOptions = [
 		"ce",
 		"type",
@@ -9116,7 +9556,7 @@ var Vue = (function() {
 	};
 	//#endregion
 	//#region packages/runtime-core/src/component.ts
-	const emptyAppContext = /* @__PURE__ */ createAppContext();
+	const emptyAppContext = /*@__PURE__*/ createAppContext();
 	let uid = 0;
 	function createComponentInstance(vnode, parent, suspense) {
 		const type = vnode.type;
@@ -9236,7 +9676,7 @@ var Vue = (function() {
 			const setupResult = callWithErrorHandling(setup, instance, 0, [/* @__PURE__ */ shallowReadonly(instance.props), setupContext]);
 			const isAsyncSetup = isPromise(setupResult);
 			setActiveSub(prevSub);
-			setCurrentInstance(...prev);
+			restoreCurrentInstance(prev);
 			if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) markAsyncBoundary(instance);
 			if (isAsyncSetup) {
 				const unsetCurrentInstance = () => {
@@ -9244,7 +9684,12 @@ var Vue = (function() {
 				};
 				setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
 				if (isSSR) return setupResult.then((resolvedResult) => {
-					handleSetupResult(instance, resolvedResult, isSSR);
+					setInSSRSetupState(true);
+					try {
+						handleSetupResult(instance, resolvedResult, isSSR);
+					} finally {
+						setInSSRSetupState(false);
+					}
 				}).catch((e) => {
 					handleError(e, instance, 0);
 				});
@@ -9309,13 +9754,15 @@ var Vue = (function() {
 				applyOptions(instance);
 			} finally {
 				setActiveSub(prevSub);
-				setCurrentInstance(...prevInstance);
+				restoreCurrentInstance(prevInstance);
 			}
 		}
-		if (!Component.render && instance.render === NOOP && !isSSR) if (!compile$1 && Component.template)
+		if (!Component.render && instance.render === NOOP && !isSSR) {
+			if (!compile$1 && Component.template)
  /* v8 ignore start */
-		warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Use \"vue.global.js\" instead.");
-		else warn$1(`Component is missing template or render function: `, Component);
+			warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Use \"vue.global.js\" instead.");
+			else warn$1(`Component is missing template or render function: `, Component);
+		}
 	}
 	const attrsProxyHandlers = {
 		get(target, key) {
@@ -9378,14 +9825,13 @@ var Vue = (function() {
 		if (instance.exposed) return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
 			get(target, key) {
 				if (key in target) return target[key];
-				else {
+				else if (!instance.vapor) {
 					const publicPropertiesMap = getPublicPropertiesMap();
 					if (key in publicPropertiesMap) return publicPropertiesMap[key](instance);
 				}
 			},
 			has(target, key) {
-				const publicPropertiesMap = getPublicPropertiesMap();
-				return key in target || key in publicPropertiesMap;
+				return key in target || !instance.vapor && key in getPublicPropertiesMap();
 			}
 		}));
 		else return instance.proxy;
@@ -9423,11 +9869,12 @@ var Vue = (function() {
 		try {
 			setBlockTracking(-1);
 			const l = arguments.length;
-			if (l === 2) if (isObject(propsOrChildren) && !isArray(propsOrChildren)) {
-				if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
-				return createVNode(type, propsOrChildren);
-			} else return createVNode(type, null, propsOrChildren);
-			else {
+			if (l === 2) {
+				if (isObject(propsOrChildren) && !isArray(propsOrChildren)) {
+					if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
+					return createVNode(type, propsOrChildren);
+				} else return createVNode(type, null, propsOrChildren);
+			} else {
 				if (l > 3) children = Array.prototype.slice.call(arguments, 2);
 				else if (l === 3 && isVNode(children)) children = [children];
 				return createVNode(type, propsOrChildren, children);
@@ -9619,7 +10066,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.9";
+	const version = "3.6.0-rc.10";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -9648,7 +10095,7 @@ var Vue = (function() {
 	let policy = void 0;
 	const tt = typeof window !== "undefined" && window.trustedTypes;
 	if (tt) try {
-		policy = /* @__PURE__ */ tt.createPolicy("vue", { createHTML: (val) => val });
+		policy = /*@__PURE__*/ tt.createPolicy("vue", { createHTML: (val) => val });
 	} catch (e) {
 		warn(`Error creating trusted types policy: ${e}`);
 	}
@@ -9656,7 +10103,7 @@ var Vue = (function() {
 	const svgNS = "http://www.w3.org/2000/svg";
 	const mathmlNS = "http://www.w3.org/1998/Math/MathML";
 	const doc = typeof document !== "undefined" ? document : null;
-	const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");
+	const templateContainer = doc && /*@__PURE__*/ doc.createElement("template");
 	const nodeOps = {
 		insert: (child, parent, anchor) => {
 			parent.insertBefore(child, anchor || null);
@@ -9730,7 +10177,7 @@ var Vue = (function() {
 		leaveActiveClass: String,
 		leaveToClass: String
 	};
-	const TransitionPropsValidators = /* @__PURE__ */ extend({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
+	const TransitionPropsValidators = /*@__PURE__*/ extend({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
 	/**
 	* Wrap logic that attaches extra properties to Transition in a function
 	* so that it can be annotated as pure
@@ -9745,7 +10192,7 @@ var Vue = (function() {
 	* DOM Transition is a higher-order-component based on the platform-agnostic
 	* base Transition component, with DOM-specific logic.
 	*/
-	const Transition = /* @__PURE__ */ decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
+	const Transition = /*@__PURE__*/ decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
 	/**
 	* #3227 Incoming hooks may be merged into arrays when wrapping Transition
 	* with custom HOCs.
@@ -9985,14 +10432,15 @@ var Vue = (function() {
 		},
 		updated(el, { value, oldValue }, { transition }) {
 			if (!value === !oldValue) return;
-			if (transition) if (value) {
-				transition.beforeEnter(el);
-				setDisplay(el, true);
-				transition.enter(el);
-			} else transition.leave(el, () => {
-				setDisplay(el, false);
-			});
-			else setDisplay(el, value);
+			if (transition) {
+				if (value) {
+					transition.beforeEnter(el);
+					setDisplay(el, true);
+					transition.enter(el);
+				} else transition.leave(el, () => {
+					setDisplay(el, false);
+				});
+			} else setDisplay(el, value);
 		},
 		beforeUnmount(el, { value }) {
 			setDisplay(el, value);
@@ -10011,49 +10459,20 @@ var Vue = (function() {
 	*/
 	function useCssVars(getter) {
 		const instance = getCurrentInstance();
-		const getVars = () => getter(instance.proxy);
-		const setVars = (vars) => {
-			if (instance.ce) setVarsOnNode(instance.ce, vars);
-			else setVarsOnVNode(instance.subTree, vars);
-		};
-		baseUseCssVars(instance, () => instance.subTree.el.parentNode, getVars, setVars);
-	}
-	function setVarsOnVNode(vnode, vars) {
-		if (vnode.shapeFlag & 128) {
-			const suspense = vnode.suspense;
-			vnode = suspense.activeBranch;
-			if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
-				setVarsOnVNode(suspense.activeBranch, vars);
-			});
-		}
-		while (vnode.component) vnode = vnode.component.subTree;
-		if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
-		else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
-		else if (vnode.type === Static) {
-			let { el, anchor } = vnode;
-			while (el) {
-				setVarsOnNode(el, vars);
-				if (el === anchor) break;
-				el = el.nextSibling;
-			}
-		}
-	}
-	/**
-	* @internal
-	* shared between vdom and vapor
-	*/
-	function baseUseCssVars(instance, getParentNode, getVars, setVars) {
 		/* v8 ignore start */
 		if (!instance) {
 			warn(`useCssVars is called without current active component instance.`);
 			return;
 		}
+		/* v8 ignore stop */
+		const getVars = () => getter(instance.proxy);
 		instance.getCssVars = getVars;
 		const updateTeleports = instance.ut = (vars = getVars()) => {
 			Array.from(document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)).forEach((node) => setVarsOnNode(node, vars));
 		};
 		const applyCssVars = (vars = getVars()) => {
-			setVars(vars);
+			if (instance.ce) setVarsOnNode(instance.ce, vars);
+			else setVarsOnVNode(instance.subTree, vars);
 			updateTeleports(vars);
 		};
 		onBeforeUpdate(() => {
@@ -10066,10 +10485,38 @@ var Vue = (function() {
 				applyCssVars(vars);
 			}, NOOP, { flush: "post" });
 			const ob = new MutationObserver(() => applyCssVars());
-			ob.observe(getParentNode(), { childList: true });
+			ob.observe(instance.subTree.el.parentNode, { childList: true });
 			onUnmounted(() => ob.disconnect());
 		});
 	}
+	function setVarsOnVNode(vnode, vars) {
+		if (vnode.shapeFlag & 128) {
+			const suspense = vnode.suspense;
+			vnode = suspense.activeBranch;
+			if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
+				setVarsOnVNode(suspense.activeBranch, vars);
+			});
+		}
+		while (vnode.component) {
+			const component = vnode.component;
+			if (component.vapor) {
+				component.appContext.vapor.applyCssVars(vnode, vars);
+				return;
+			}
+			vnode = vnode.component.subTree;
+		}
+		if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
+		else if (vnode.vb) vnode.ctx.appContext.vapor.applyCssVars(vnode, vars);
+		else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
+		else if (vnode.type === Static) {
+			let { el, anchor } = vnode;
+			while (el) {
+				setVarsOnNode(el, vars);
+				if (el === anchor) break;
+				el = el.nextSibling;
+			}
+		}
+	}
 	/**
 	* @internal
 	* shared between vdom and vapor
@@ -10094,15 +10541,20 @@ var Vue = (function() {
 		const isCssString = isString(next);
 		let hasControlledDisplay = false;
 		if (next && !isCssString) {
-			if (prev) if (!isString(prev)) {
-				for (const key in prev) if (next[key] == null) setStyle(style, key, "");
-			} else for (const prevStyle of prev.split(";")) {
-				const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
-				if (next[key] == null) setStyle(style, key, "");
+			if (prev) {
+				if (!isString(prev)) {
+					for (const key in prev) if (next[key] == null) setStyle(style, key, "");
+				} else for (const prevStyle of prev.split(";")) {
+					const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
+					if (next[key] == null) setStyle(style, key, "");
+				}
 			}
 			for (const key in next) {
 				if (key === "display") hasControlledDisplay = true;
-				setStyle(style, key, next[key]);
+				const value = next[key];
+				if (value != null) {
+					if (!shouldPreserveTextareaResizeStyle(el, key, !isString(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
+				} else setStyle(style, key, "");
 			}
 		} else if (isCssString) {
 			if (prev !== next) {
@@ -10111,7 +10563,11 @@ var Vue = (function() {
 				style.cssText = next;
 				hasControlledDisplay = displayRE.test(next);
 			}
-		} else if (prev) el.removeAttribute("style");
+		} else if (prev) {
+			const cssVarText = style[CSS_VAR_TEXT];
+			if (cssVarText) style.cssText = cssVarText;
+			else el.removeAttribute("style");
+		}
 		if (vShowOriginalDisplay in el) {
 			el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
 			if (el[vShowHidden]) style.display = "none";
@@ -10124,8 +10580,10 @@ var Vue = (function() {
 		else {
 			const val = rawVal == null ? "" : String(rawVal);
 			if (semicolonRE.test(val)) warn(`Unexpected semicolon at the end of '${name}' style value: '${val}'`);
-			if (name.startsWith("--")) style.setProperty(name, val);
-			else {
+			if (name.startsWith("--")) {
+				if (importantRE.test(val)) style.setProperty(name, val.replace(importantRE, ""), "important");
+				else style.setProperty(name, val);
+			} else {
 				const prefixed = autoPrefix(style, name);
 				if (importantRE.test(val)) style.setProperty(hyphenate(prefixed), val.replace(importantRE, ""), "important");
 				else style[prefixed] = val;
@@ -10150,19 +10608,28 @@ var Vue = (function() {
 		}
 		return rawName;
 	}
+	/**
+	* Browsers update textarea width/height directly during native resize.
+	* Only special-case this common textarea path for now; other resize scenarios
+	* still follow normal vnode style patching.
+	*/
+	function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
+		return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString(next) && prev === next;
+	}
 	//#endregion
 	//#region packages/runtime-dom/src/modules/attrs.ts
 	const xlinkNS = "http://www.w3.org/1999/xlink";
 	function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
-		if (isSVG && key.startsWith("xlink:")) if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-		else el.setAttributeNS(xlinkNS, key, value);
-		else {
+		if (isSVG && key.startsWith("xlink:")) {
+			if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
+			else el.setAttributeNS(xlinkNS, key, value);
+		} else {
 			if (compatCoerceAttr(el, key, value, instance)) return;
 			if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
 			else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
 		}
 	}
-	const isEnumeratedAttr = /* @__PURE__ */ makeMap("contenteditable,draggable,spellcheck");
+	const isEnumeratedAttr = /*@__PURE__*/ makeMap("contenteditable,draggable,spellcheck");
 	function compatCoerceAttr(el, key, value, instance = null) {
 		if (isEnumeratedAttr(key)) {
 			const v2CoercedValue = value === void 0 ? null : value === null || value === false || value === "false" ? "false" : "true";
@@ -10233,7 +10700,7 @@ var Vue = (function() {
 		const existingInvoker = invokers[rawName];
 		if (nextValue && existingInvoker) existingInvoker.value = sanitizeEventValue(nextValue, rawName);
 		else {
-			const [name, options] = parseName(rawName);
+			const [name, options] = parseEventName(rawName);
 			if (nextValue) addEventListener(el, name, invokers[rawName] = createInvoker(sanitizeEventValue(nextValue, rawName), instance), options);
 			else if (existingInvoker) {
 				removeEventListener(el, name, existingInvoker, options);
@@ -10241,27 +10708,40 @@ var Vue = (function() {
 			}
 		}
 	}
-	const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-	function parseName(name) {
+	const optionsModifierRE = /(Once|Passive|Capture)$/;
+	const optionsModifierEventRE = /^on:?(?:Once|Passive|Capture)$/;
+	function parseEventName(name) {
 		let options;
-		if (optionsModifierRE.test(name)) {
-			options = {};
-			let m;
-			while (m = name.match(optionsModifierRE)) {
-				name = name.slice(0, name.length - m[0].length);
-				options[m[0].toLowerCase()] = true;
-			}
+		let m;
+		while ((m = name.match(optionsModifierRE)) && !optionsModifierEventRE.test(name)) {
+			if (!options) options = {};
+			name = name.slice(0, name.length - m[1].length);
+			options[m[1].toLowerCase()] = true;
 		}
 		return [name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2)), options];
 	}
 	let cachedNow = 0;
-	const p = /* @__PURE__ */ Promise.resolve();
+	const p = /*@__PURE__*/ Promise.resolve();
 	const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
 	function createInvoker(initialValue, instance) {
 		const invoker = (e) => {
 			if (!e._vts) e._vts = Date.now();
 			else if (e._vts <= invoker.attached) return;
-			callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5, [e]);
+			const value = invoker.value;
+			if (isArray(value)) {
+				const originalStop = e.stopImmediatePropagation;
+				e.stopImmediatePropagation = () => {
+					originalStop.call(e);
+					e._stopped = true;
+				};
+				const handlers = value.slice();
+				const args = [e];
+				for (let i = 0; i < handlers.length; i++) {
+					if (e._stopped) break;
+					const handler = handlers[i];
+					if (handler) callWithAsyncErrorHandling(handler, instance, 5, args);
+				}
+			} else callWithAsyncErrorHandling(value, instance, 5, [e]);
 		};
 		invoker.value = initialValue;
 		invoker.attached = getNow();
@@ -10272,16 +10752,6 @@ var Vue = (function() {
 		warn(`Wrong type passed as event handler to ${propName} - did you forget @ or : in front of your prop?\nExpected function or array of functions, received type ${typeof value}.`);
 		return NOOP;
 	}
-	function patchStopImmediatePropagation(e, value) {
-		if (isArray(value)) {
-			const originalStop = e.stopImmediatePropagation;
-			e.stopImmediatePropagation = () => {
-				originalStop.call(e);
-				e._stopped = true;
-			};
-			return value.map((fn) => (e) => !e._stopped && fn && fn(e));
-		} else return value;
-	}
 	//#endregion
 	//#region packages/runtime-dom/src/patchProp.ts
 	const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
@@ -10319,7 +10789,7 @@ var Vue = (function() {
 	//#endregion
 	//#region packages/runtime-dom/src/apiCustomElement.ts
 	const REMOVAL = {};
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function defineCustomElement(options, extraOptions, _createApp) {
 		let Comp = /* @__PURE__ */ defineComponent(options, extraOptions);
 		if (isPlainObject(Comp)) Comp = extend({}, Comp, extraOptions);
@@ -10368,12 +10838,14 @@ var Vue = (function() {
 				this._parent = parent;
 				break;
 			}
-			if (!this._instance) if (this._resolved) this._mountComponent(this._def);
-			else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
-				this._pendingResolve = void 0;
-				this._resolveDef();
-			});
-			else this._resolveDef();
+			if (!this._instance) {
+				if (this._resolved) this._mountComponent(this._def);
+				else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
+					this._pendingResolve = void 0;
+					if (this.isConnected) return this._resolveDef();
+				});
+				else this._resolveDef();
+			}
 		}
 		disconnectedCallback() {
 			this._connected = false;
@@ -10407,7 +10879,7 @@ var Vue = (function() {
 		* resolve inner component definition (handle possible async component)
 		*/
 		_resolveDef() {
-			if (this._pendingResolve) return;
+			if (this._pendingResolve) return this._pendingResolve;
 			for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 			this._ob = new MutationObserver(this._processMutations.bind(this));
 			this._ob.observe(this, { attributes: true });
@@ -10437,6 +10909,7 @@ var Vue = (function() {
 					this._def = def;
 					resolve(def);
 				});
+				return this._pendingResolve;
 			} else resolve(this._def);
 		}
 		_mountComponent(def) {
@@ -10475,14 +10948,17 @@ var Vue = (function() {
 			const { props } = def;
 			const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
 			for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-			for (const key of declaredPropKeys.map(camelize)) Object.defineProperty(this, key, {
-				get() {
-					return this._getProp(key);
-				},
-				set(val) {
-					this._setProp(key, val, true, !this._patching);
-				}
-			});
+			for (const key of declaredPropKeys.map(camelize)) {
+				if (key in Object.getPrototypeOf(this)) warn(`Custom element prop "${key}" conflicts with an existing property on the element and will overwrite it.`);
+				Object.defineProperty(this, key, {
+					get() {
+						return this._getProp(key);
+					},
+					set(val) {
+						this._setProp(key, val, true, !this._patching);
+					}
+				});
+			}
 		}
 		_setAttr(key) {
 			if (key.startsWith("data-v-")) return;
@@ -10585,13 +11061,11 @@ var Vue = (function() {
 		_renderSlots() {
 			const outlets = this._getSlots();
 			const scopeId = this._instance.type.__scopeId;
-			const slotReplacements = /* @__PURE__ */ new Map();
 			for (let i = 0; i < outlets.length; i++) {
 				const o = outlets[i];
 				const slotName = o.getAttribute("name") || "default";
 				const content = this._slots[slotName];
 				const parent = o.parentNode;
-				const replacementNodes = [];
 				if (content) for (const n of content) {
 					if (scopeId && n.nodeType === 1) {
 						const id = scopeId + "-s";
@@ -10601,17 +11075,10 @@ var Vue = (function() {
 						while (child = walker.nextNode()) child.setAttribute(id, "");
 					}
 					parent.insertBefore(n, o);
-					replacementNodes.push(n);
-				}
-				else while (o.firstChild) {
-					const child = o.firstChild;
-					parent.insertBefore(child, o);
-					replacementNodes.push(child);
 				}
+				else while (o.firstChild) parent.insertBefore(o.firstChild, o);
 				parent.removeChild(o);
-				slotReplacements.set(o, replacementNodes);
 			}
-			this._updateSlotNodes(slotReplacements);
 		}
 		/**
 		* @internal
@@ -10650,7 +11117,7 @@ var Vue = (function() {
 		* @internal
 		*/
 		_hasShadowRoot() {
-			return this._def.shadowRoot !== false;
+			return this._root !== this;
 		}
 		/**
 		* @internal
@@ -10695,10 +11162,6 @@ var Vue = (function() {
 			if (this._instance && this._instance.ce) this._instance.ce = void 0;
 			this._app = this._instance = null;
 		}
-		/**
-		* Only called when shadowRoot is false
-		*/
-		_updateSlotNodes(replacements) {}
 		_createVNode() {
 			const baseProps = {};
 			if (!this.shadowRoot) baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
@@ -10749,7 +11212,7 @@ var Vue = (function() {
 	};
 	const TransitionGroup = /* @__PURE__ */ decorate({
 		name: "TransitionGroup",
-		props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
+		props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 			tag: String,
 			moveClass: String
 		}),
@@ -10783,7 +11246,7 @@ var Vue = (function() {
 				prevChildren = [];
 				if (children) for (let i = 0; i < children.length; i++) {
 					const child = children[i];
-					if (child.el && child.el instanceof Element) {
+					if (child.el && child.el instanceof Element && !child.el[vShowHidden]) {
 						prevChildren.push(child);
 						setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 						positionMap.set(child, getPosition(child.el));
@@ -10881,13 +11344,22 @@ var Vue = (function() {
 		}
 	}
 	const assignKey = Symbol("_assign");
+	const initialValueKey = Symbol("_initialValue");
 	const vModelText = {
 		created(el, { modifiers: { lazy, trim, number } }, vnode) {
+			if (el.parentNode) {
+				if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+				else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+			}
 			el[assignKey] = getModelAssigner(vnode);
 			vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 		},
-		mounted(el, { value }) {
-			el.value = value == null ? "" : value;
+		mounted(el, { value, modifiers: { trim, number } }) {
+			const newValue = value == null ? "" : value;
+			const initialValue = el[initialValueKey];
+			delete el[initialValueKey];
+			if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+			else el.value = newValue;
 		},
 		beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 			el[assignKey] = getModelAssigner(vnode);
@@ -11007,7 +11479,8 @@ var Vue = (function() {
 		mounted(el, { value }) {
 			vModelSetSelected(el, value);
 		},
-		beforeUpdate(el, _binding, vnode) {
+		beforeUpdate(el, { value }, vnode) {
+			el._modelValue = value;
 			el[assignKey] = getModelAssigner(vnode);
 		},
 		updated(el, { value }) {
@@ -11018,21 +11491,42 @@ var Vue = (function() {
 	* @internal
 	*/
 	const vModelSelectInit = (el, value, number, set) => {
-		const isSetModel = isSet(value);
+		el._modelValue = value;
 		addEventListener(el, "change", () => {
 			const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
-			(set || el[assignKey])(el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]);
-			el._assigning = true;
-			nextTick(() => {
-				el._assigning = false;
-			});
+			const multiple = el.multiple;
+			const assignedValue = multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0];
+			const pending = el._pendingValue = [multiple, multiple ? isArray(assignedValue) ? selectedVal.slice() : selectedVal : assignedValue];
+			try {
+				(set || el[assignKey])(assignedValue);
+			} finally {
+				nextTick(() => {
+					if (el._pendingValue === pending) el._pendingValue = void 0;
+				});
+			}
 		});
 	};
+	function isSameSelectValue(value, assignedValue, multiple) {
+		if (!multiple) return looseEqual(value, assignedValue);
+		if (isArray(value)) return looseEqual(value, assignedValue);
+		if (isSet(value)) {
+			if (value.size !== assignedValue.length) return false;
+			for (const item of assignedValue) if (!value.has(item)) return false;
+			return true;
+		}
+		return false;
+	}
 	/**
 	* @internal
 	*/
 	const vModelSetSelected = (el, value) => {
-		if (el._assigning) return;
+		el._modelValue = value;
+		const pending = el._pendingValue;
+		el._pendingValue = void 0;
+		if (pending && pending[0] === el.multiple && isSameSelectValue(value, pending[1], pending[0])) return;
+		setSelected(el, value);
+	};
+	function setSelected(el, value) {
 		const isMultiple = el.multiple;
 		const isArrayValue = isArray(value);
 		if (isMultiple && !isArrayValue && !isSet(value)) {
@@ -11042,18 +11536,19 @@ var Vue = (function() {
 		for (let i = 0, l = el.options.length; i < l; i++) {
 			const option = el.options[i];
 			const optionValue = getValue(option);
-			if (isMultiple) if (isArrayValue) {
-				const optionType = typeof optionValue;
-				if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
-				else option.selected = looseIndexOf(value, optionValue) > -1;
-			} else option.selected = value.has(optionValue);
-			else if (looseEqual(getValue(option), value)) {
+			if (isMultiple) {
+				if (isArrayValue) {
+					const optionType = typeof optionValue;
+					if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
+					else option.selected = looseIndexOf(value, optionValue) > -1;
+				} else option.selected = value.has(optionValue);
+			} else if (looseEqual(getValue(option), value)) {
 				if (el.selectedIndex !== i) el.selectedIndex = i;
 				return;
 			}
 		}
 		if (!isMultiple && el.selectedIndex !== -1) el.selectedIndex = -1;
-	};
+	}
 	/**
 	* @internal retrieve raw value set via :value bindings
 	*/
@@ -11349,7 +11844,7 @@ var Vue = (function() {
 		withModifiers: () => withModifiers,
 		withScopeId: () => withScopeId
 	});
-	const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
+	const rendererOptions = /*@__PURE__*/ extend({ patchProp }, nodeOps);
 	let renderer;
 	let enabledHydration = false;
 	function ensureRenderer() {
@@ -11900,13 +12395,14 @@ var Vue = (function() {
 			}
 		}
 		stateInterpolationOpen(c) {
-			if (c === this.delimiterOpen[this.delimiterIndex]) if (this.delimiterIndex === this.delimiterOpen.length - 1) {
-				const start = this.index + 1 - this.delimiterOpen.length;
-				if (start > this.sectionStart) this.cbs.ontext(this.sectionStart, start);
-				this.state = 3;
-				this.sectionStart = start;
-			} else this.delimiterIndex++;
-			else if (this.inRCDATA) {
+			if (c === this.delimiterOpen[this.delimiterIndex]) {
+				if (this.delimiterIndex === this.delimiterOpen.length - 1) {
+					const start = this.index + 1 - this.delimiterOpen.length;
+					if (start > this.sectionStart) this.cbs.ontext(this.sectionStart, start);
+					this.state = 3;
+					this.sectionStart = start;
+				} else this.delimiterIndex++;
+			} else if (this.inRCDATA) {
 				this.state = 32;
 				this.stateInRCDATA(c);
 			} else {
@@ -11922,13 +12418,14 @@ var Vue = (function() {
 			}
 		}
 		stateInterpolationClose(c) {
-			if (c === this.delimiterClose[this.delimiterIndex]) if (this.delimiterIndex === this.delimiterClose.length - 1) {
-				this.cbs.oninterpolation(this.sectionStart, this.index + 1);
-				if (this.inRCDATA) this.state = 32;
-				else this.state = 1;
-				this.sectionStart = this.index + 1;
-			} else this.delimiterIndex++;
-			else {
+			if (c === this.delimiterClose[this.delimiterIndex]) {
+				if (this.delimiterIndex === this.delimiterClose.length - 1) {
+					this.cbs.oninterpolation(this.sectionStart, this.index + 1);
+					if (this.inRCDATA) this.state = 32;
+					else this.state = 1;
+					this.sectionStart = this.index + 1;
+				} else this.delimiterIndex++;
+			} else {
 				this.state = 3;
 				this.stateInterpolation(c);
 			}
@@ -12043,9 +12540,10 @@ var Vue = (function() {
 				this.sectionStart = this.index;
 				if (this.mode === 0) this.state = 6;
 				else if (this.inSFCRoot) this.state = 34;
-				else if (!this.inXML) if (c === 116) this.state = 30;
-				else this.state = c === 115 ? 29 : 6;
-				else this.state = 6;
+				else if (!this.inXML) {
+					if (c === 116) this.state = 30;
+					else this.state = c === 115 ? 29 : 6;
+				} else this.state = 6;
 			} else if (c === 47) this.state = 8;
 			else {
 				this.state = 1;
@@ -12398,9 +12896,7 @@ var Vue = (function() {
 					case 24:
 						this.stateInProcessingInstruction(c);
 						break;
-					case 33:
-						this.stateInEntity();
-						break;
+					case 33: this.stateInEntity();
 				}
 				this.index++;
 			}
@@ -12429,9 +12925,10 @@ var Vue = (function() {
 		handleTrailingData() {
 			const endIndex = this.buffer.length;
 			if (this.sectionStart >= endIndex) return;
-			if (this.state === 28) if (this.currentSequence === Sequences.CdataEnd) this.cbs.oncdata(this.sectionStart, endIndex);
-			else this.cbs.oncomment(this.sectionStart, endIndex);
-			else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) {} else this.cbs.ontext(this.sectionStart, endIndex);
+			if (this.state === 28) {
+				if (this.currentSequence === Sequences.CdataEnd) this.cbs.oncdata(this.sectionStart, endIndex);
+				else this.cbs.oncomment(this.sectionStart, endIndex);
+			} else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) {} else this.cbs.ontext(this.sectionStart, endIndex);
 		}
 		emitCodePoint(cp, consumed) {}
 	};
@@ -12633,12 +13130,10 @@ var Vue = (function() {
 						if (!--currentOpenParensCount) state = stateStack.pop();
 					}
 					break;
-				case 3:
-					if (char === currentStringType) {
-						state = stateStack.pop();
-						currentStringType = null;
-					}
-					break;
+				case 3: if (char === currentStringType) {
+					state = stateStack.pop();
+					currentStringType = null;
+				}
 			}
 		}
 		return !currentOpenBracketCount && !currentOpenParensCount;
@@ -12688,7 +13183,7 @@ var Vue = (function() {
 	function isSlotOutlet(node) {
 		return node.type === 1 && node.tagType === 2;
 	}
-	const propsHelperSet = new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
+	const propsHelperSet = /* @__PURE__ */ new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
 	function getUnnormalizedProps(props, callPath = []) {
 		if (props && !isString(props) && props.type === 14) {
 			const callee = props.callee;
@@ -12697,6 +13192,7 @@ var Vue = (function() {
 		return [props, callPath];
 	}
 	function injectProp(node, prop, context) {
+		if (node.type !== 13 && injectSlotKey(node, prop)) return;
 		let propsWithInjection;
 		/**
 		* 1. mergeProps(...)
@@ -12730,11 +13226,26 @@ var Vue = (function() {
 			propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [createObjectExpression([prop]), props]);
 			if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) parentCall = callPath[callPath.length - 2];
 		}
-		if (node.type === 13) if (parentCall) parentCall.arguments[0] = propsWithInjection;
-		else node.props = propsWithInjection;
-		else if (parentCall) parentCall.arguments[0] = propsWithInjection;
+		if (node.type === 13) {
+			if (parentCall) parentCall.arguments[0] = propsWithInjection;
+			else node.props = propsWithInjection;
+		} else if (parentCall) parentCall.arguments[0] = propsWithInjection;
 		else node.arguments[2] = propsWithInjection;
 	}
+	function injectSlotKey(node, prop) {
+		var _node$arguments, _node$arguments2, _node$arguments3;
+		if (prop.key.type !== 4 || prop.key.content !== "key") return false;
+		const props = node.arguments[2];
+		if (props && !isString(props)) {
+			const [unnormalizedProps] = getUnnormalizedProps(props);
+			if (unnormalizedProps && !isString(unnormalizedProps) && unnormalizedProps.type === 15 && hasProp(prop, unnormalizedProps)) return true;
+		}
+		(_node$arguments = node.arguments)[2] || (_node$arguments[2] = "{}");
+		(_node$arguments2 = node.arguments)[3] || (_node$arguments2[3] = "undefined");
+		(_node$arguments3 = node.arguments)[4] || (_node$arguments3[4] = "undefined");
+		node.arguments[5] = prop.value;
+		return true;
+	}
 	function hasProp(prop, props) {
 		let result = false;
 		if (prop.key.type === 4) {
@@ -12993,10 +13504,7 @@ var Vue = (function() {
 				case 18:
 				case 19:
 				case 20:
-				case 21:
-					emitError(9, end);
-					break;
-				default: break;
+				case 21: emitError(9, end);
 			}
 			for (let index = 0; index < stack.length; index++) {
 				onCloseTag(stack[index], end - 1);
@@ -13004,7 +13512,7 @@ var Vue = (function() {
 			}
 		},
 		oncdata(start, end) {
-			if (stack[0].ns !== 0) onText(getSlice(start, end), start, end);
+			if ((stack[0] ? stack[0].ns : currentOptions.ns) !== 0) onText(getSlice(start, end), start, end);
 			else emitError(1, start - 9);
 		},
 		onprocessinginstruction(start) {
@@ -13146,7 +13654,7 @@ var Vue = (function() {
 		while (currentInput.charCodeAt(i) !== c && i >= 0) i--;
 		return i;
 	}
-	const specialTemplateDir = new Set([
+	const specialTemplateDir = /* @__PURE__ */ new Set([
 		"if",
 		"else",
 		"else-if",
@@ -13182,16 +13690,18 @@ var Vue = (function() {
 		let removedWhitespace = false;
 		for (let i = 0; i < nodes.length; i++) {
 			const node = nodes[i];
-			if (node.type === 2) if (!inPre) {
-				if (isAllWhitespace(node.content)) {
-					const prev = nodes[i - 1] && nodes[i - 1].type;
-					const next = nodes[i + 1] && nodes[i + 1].type;
-					if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
-						removedWhitespace = true;
-						nodes[i] = null;
-					} else node.content = " ";
-				} else if (shouldCondense) node.content = condense(node.content);
-			} else node.content = node.content.replace(windowsNewlineRE, "\n");
+			if (node.type === 2) {
+				if (!inPre) {
+					if (isAllWhitespace(node.content)) {
+						const prev = nodes[i - 1] && nodes[i - 1].type;
+						const next = nodes[i + 1] && nodes[i + 1].type;
+						if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
+							removedWhitespace = true;
+							nodes[i] = null;
+						} else node.content = " ";
+					} else if (shouldCondense) node.content = condense(node.content);
+				} else node.content = node.content.replace(windowsNewlineRE, "\n");
+			}
 		}
 		return removedWhitespace ? nodes.filter(Boolean) : nodes;
 	}
@@ -13452,7 +13962,7 @@ var Vue = (function() {
 			default: return 0;
 		}
 	}
-	const allowHoistedHelperSet = new Set([
+	const allowHoistedHelperSet = /* @__PURE__ */ new Set([
 		NORMALIZE_CLASS,
 		NORMALIZE_STYLE,
 		NORMALIZE_PROPS,
@@ -13529,8 +14039,10 @@ var Vue = (function() {
 			imports: [],
 			cached: [],
 			constantCache: /* @__PURE__ */ new WeakMap(),
+			vForMemoKeyedNodes: /* @__PURE__ */ new WeakSet(),
 			temps: 0,
 			identifiers: Object.create(null),
+			identifierScopes: Object.create(null),
 			scopes: {
 				vFor: 0,
 				vSlot: 0,
@@ -13581,8 +14093,12 @@ var Vue = (function() {
 				context.parent.children.splice(removalIndex, 1);
 			},
 			onNodeRemoved: NOOP,
-			addIdentifiers(exp) {},
+			addIdentifiers(exp, type = "local") {},
 			removeIdentifiers(exp) {},
+			isSlotScopeIdentifier(name) {
+				const scopes = context.identifierScopes[name];
+				return scopes ? scopes[scopes.length - 1] === "slot" : false;
+			},
 			hoist(exp) {
 				if (isString(exp)) exp = createSimpleExpression(exp);
 				context.hoists.push(exp);
@@ -13604,7 +14120,7 @@ var Vue = (function() {
 		traverseNode(root, context);
 		if (options.hoistStatic) cacheStatic(root, context);
 		if (!options.ssr) createRootCodegen(root, context);
-		root.helpers = new Set([...context.helpers.keys()]);
+		root.helpers = /* @__PURE__ */ new Set([...context.helpers.keys()]);
 		root.components = [...context.components];
 		root.directives = [...context.directives];
 		root.imports = context.imports;
@@ -13651,8 +14167,10 @@ var Vue = (function() {
 		const exitFns = [];
 		for (let i = 0; i < nodeTransforms.length; i++) {
 			const onExit = nodeTransforms[i](node, context);
-			if (onExit) if (isArray(onExit)) exitFns.push(...onExit);
-			else exitFns.push(onExit);
+			if (onExit) {
+				if (isArray(onExit)) exitFns.push(...onExit);
+				else exitFns.push(onExit);
+			}
 			if (!context.currentNode) return;
 			else node = context.currentNode;
 		}
@@ -13669,9 +14187,7 @@ var Vue = (function() {
 			case 10:
 			case 11:
 			case 1:
-			case 0:
-				traverseChildren(node, context);
-				break;
+			case 0: traverseChildren(node, context);
 		}
 		context.currentNode = node;
 		let i = exitFns.length;
@@ -13867,10 +14383,12 @@ var Vue = (function() {
 			if (isString(node)) push(node, -3);
 			else if (isArray(node)) genNodeListAsArray(node, context);
 			else genNode(node, context);
-			if (i < nodes.length - 1) if (multilines) {
-				comma && push(",");
-				newline();
-			} else comma && push(", ");
+			if (i < nodes.length - 1) {
+				if (multilines) {
+					comma && push(",");
+					newline();
+				} else comma && push(", ");
+			}
 		}
 	}
 	function genNode(node, context) {
@@ -13936,6 +14454,7 @@ var Vue = (function() {
 			case 24: break;
 			case 25: break;
 			case 26: break;
+			/* v8 ignore start */
 			case 10: break;
 			default:
 				assert(false, `unhandled codegen node type: ${node.type}`);
@@ -13981,8 +14500,10 @@ var Vue = (function() {
 		const { push, helper, pure } = context;
 		const { tag, props, children, patchFlag, dynamicProps, directives, isBlock, disableTracking, isComponent } = node;
 		let patchFlagString;
-		if (patchFlag) if (patchFlag < 0) patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
-		else patchFlagString = patchFlag + ` /* ${Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `)} */`;
+		if (patchFlag) {
+			if (patchFlag < 0) patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
+			else patchFlagString = patchFlag + ` /* ${Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `)} */`;
+		}
 		if (directives) push(helper(WITH_DIRECTIVES) + `(`);
 		if (isBlock) push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `);
 		if (pure) push(PURE_ANNOTATION);
@@ -14153,7 +14674,7 @@ var Vue = (function() {
 				if (dir.type === 7 && dir.name !== "for") {
 					const exp = dir.exp;
 					const arg = dir.arg;
-					if (exp && exp.type === 4 && !(dir.name === "on" && arg) && !(memo && arg && arg.type === 4 && arg.content === "key")) dir.exp = processExpression(exp, context, dir.name === "slot");
+					if (exp && exp.type === 4 && !(dir.name === "on" && arg) && !(memo && context.vForMemoKeyedNodes.has(node) && arg && arg.type === 4 && arg.content === "key")) dir.exp = processExpression(exp, context, dir.name === "slot");
 					if (arg && arg.type === 4 && !arg.isStatic) dir.arg = processExpression(arg, context);
 				}
 			}
@@ -14251,16 +14772,17 @@ var Vue = (function() {
 		const keyProperty = createObjectProperty(`key`, createSimpleExpression(`${keyIndex}`, false, locStub, 2));
 		const { children } = branch;
 		const firstChild = children[0];
-		if (children.length !== 1 || firstChild.type !== 1) if (children.length === 1 && firstChild.type === 11) {
-			const vnodeCall = firstChild.codegenNode;
-			injectProp(vnodeCall, keyProperty, context);
-			return vnodeCall;
+		if (children.length !== 1 || firstChild.type !== 1) {
+			if (children.length === 1 && firstChild.type === 11) {
+				const vnodeCall = firstChild.codegenNode;
+				injectProp(vnodeCall, keyProperty, context);
+				return vnodeCall;
+			} else {
+				let patchFlag = 64;
+				if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) patchFlag |= 2048;
+				return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag, void 0, void 0, true, false, false, branch.loc);
+			}
 		} else {
-			let patchFlag = 64;
-			if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) patchFlag |= 2048;
-			return createVNodeCall(context, helper(FRAGMENT), createObjectExpression([keyProperty]), children, patchFlag, void 0, void 0, true, false, false, branch.loc);
-		}
-		else {
 			const ret = firstChild.codegenNode;
 			const vnodeCall = getMemoedVNodeCall(ret);
 			if (vnodeCall.type === 13) convertToBlock(vnodeCall, context);
@@ -14281,9 +14803,10 @@ var Vue = (function() {
 		return true;
 	}
 	function getParentCondition(node) {
-		while (true) if (node.type === 19) if (node.alternate.type === 19) node = node.alternate;
-		else return node;
-		else if (node.type === 20) node = node.value;
+		while (true) if (node.type === 19) {
+			if (node.alternate.type === 19) node = node.alternate;
+			else return node;
+		} else if (node.type === 20) node = node.value;
 	}
 	//#endregion
 	//#region packages/compiler-core/src/transforms/vFor.ts
@@ -14294,10 +14817,9 @@ var Vue = (function() {
 			const isTemplate = isTemplateNode(node);
 			const memo = findDir(node, "memo");
 			const keyProp = findProp(node, `key`, false, true);
-			const isDirKey = keyProp && keyProp.type === 7;
+			keyProp && keyProp.type;
 			let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
-			if (memo && keyExp && isDirKey) {}
-			const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
+			const keyProperty = keyExp ? createObjectProperty(`key`, keyExp) : null;
 			const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
 			const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
 			forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), void 0, renderExp, fragmentFlag, void 0, void 0, true, !isStableFragment, false, node.loc);
@@ -14322,15 +14844,24 @@ var Vue = (function() {
 				else {
 					childBlock = children[0].codegenNode;
 					if (isTemplate && keyProperty) injectProp(childBlock, keyProperty, context);
-					if (childBlock.isBlock !== !isStableFragment) if (childBlock.isBlock) {
-						removeHelper(OPEN_BLOCK);
-						removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-					} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-					childBlock.isBlock = !isStableFragment;
+					const shouldUseBlock = !isStableFragment || childBlock.isBlockRequired === true;
+					if (childBlock.isBlock !== shouldUseBlock) {
+						if (childBlock.isBlock) {
+							removeHelper(OPEN_BLOCK);
+							removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
+						} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+					}
+					childBlock.isBlock = shouldUseBlock;
 					if (childBlock.isBlock) {
 						helper(OPEN_BLOCK);
 						helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-					} else helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+					} else {
+						helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+						if (childBlock.needsPatch) {
+							var _childBlock$patchFlag;
+							childBlock.patchFlag = ((_childBlock$patchFlag = childBlock.patchFlag) !== null && _childBlock$patchFlag !== void 0 ? _childBlock$patchFlag : 0) | 512;
+						}
+					}
 				}
 				if (memo) {
 					const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [createSimpleExpression(`_cached`)]));
@@ -14502,8 +15033,10 @@ var Vue = (function() {
 				return createObjectProperty(`default`, fn);
 			};
 			if (!hasTemplateSlots) slotsProperties.push(buildDefaultSlotProperty(void 0, children));
-			else if (implicitDefaultChildren.length && !implicitDefaultChildren.every(isWhitespaceText)) if (hasNamedDefaultSlot) context.onError(createCompilerError(39, implicitDefaultChildren[0].loc));
-			else slotsProperties.push(buildDefaultSlotProperty(void 0, implicitDefaultChildren));
+			else if (implicitDefaultChildren.length && !implicitDefaultChildren.every(isWhitespaceText)) {
+				if (hasNamedDefaultSlot) context.onError(createCompilerError(39, implicitDefaultChildren[0].loc));
+				else slotsProperties.push(buildDefaultSlotProperty(void 0, implicitDefaultChildren));
+			}
 		}
 		const slotFlag = hasDynamicSlots ? 2 : hasForwardedSlots(node.children) ? 3 : 1;
 		let slots = createObjectExpression(slotsProperties.concat(createObjectProperty(`_`, createSimpleExpression(slotFlag + ` /* ${slotFlagsText[slotFlag]} */`, false))), loc);
@@ -14529,10 +15062,7 @@ var Vue = (function() {
 					if (hasForwardedSlots(child.branches)) return true;
 					break;
 				case 10:
-				case 11:
-					if (hasForwardedSlots(child.children)) return true;
-					break;
-				default: break;
+				case 11: if (hasForwardedSlots(child.children)) return true;
 			}
 		}
 		return false;
@@ -14554,12 +15084,16 @@ var Vue = (function() {
 			let vnodeDynamicProps;
 			let dynamicPropNames;
 			let vnodeDirectives;
+			let needsPatch = false;
+			let isBlockRequired = false;
 			let shouldUseBlock = isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && (tag === "svg" || tag === "foreignObject" || tag === "math");
 			if (props.length > 0) {
 				const propsBuildResult = buildProps(node, context, void 0, isComponent, isDynamicComponent);
 				vnodeProps = propsBuildResult.props;
 				patchFlag = propsBuildResult.patchFlag;
 				dynamicPropNames = propsBuildResult.dynamicPropNames;
+				needsPatch = propsBuildResult.needsPatch;
+				isBlockRequired = propsBuildResult.isBlockRequired;
 				const directives = propsBuildResult.directives;
 				vnodeDirectives = directives && directives.length ? createArrayExpression(directives.map((dir) => buildDirectiveArgs(dir, context))) : void 0;
 				if (propsBuildResult.shouldUseBlock) shouldUseBlock = true;
@@ -14588,7 +15122,10 @@ var Vue = (function() {
 				} else vnodeChildren = node.children;
 			}
 			if (dynamicPropNames && dynamicPropNames.length) vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-			node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+			const vnodeCall = node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+			needsPatch = needsPatch && (patchFlag === 0 || patchFlag === 32);
+			if (needsPatch) vnodeCall.needsPatch = true;
+			if (isBlockRequired) vnodeCall.isBlockRequired = true;
 		};
 	};
 	function resolveComponentType(node, context, ssr = false) {
@@ -14622,6 +15159,7 @@ var Vue = (function() {
 		const runtimeDirectives = [];
 		const hasChildren = children.length > 0;
 		let shouldUseBlock = false;
+		let isBlockRequired = false;
 		let patchFlag = 0;
 		let hasRef = false;
 		let hasClassBinding = false;
@@ -14646,12 +15184,12 @@ var Vue = (function() {
 				const isEventHandler = isOn(name);
 				if (isEventHandler && (!isComponent || isDynamicComponent) && name.toLowerCase() !== "onclick" && name !== "onUpdate:modelValue" && !isReservedProp(name)) hasHydrationEventBinding = true;
 				if (isEventHandler && isReservedProp(name)) hasVnodeHook = true;
+				if (name === "ref") hasRef = true;
 				if (isEventHandler && value.type === 14) value = value.arguments[0];
 				if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) return;
-				if (name === "ref") hasRef = true;
-				else if (name === "class") hasClassBinding = true;
+				if (name === "class") hasClassBinding = true;
 				else if (name === "style") hasStyleBinding = true;
-				else if (name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
+				else if (name !== "ref" && name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 				if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 			} else hasDynamicKeys = true;
 		};
@@ -14677,33 +15215,38 @@ var Vue = (function() {
 				if (name === "once" || name === "memo") continue;
 				if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || isCompatEnabled("COMPILER_IS_ON_ELEMENT", context))) continue;
 				if (isVOn && ssr) continue;
-				if (isVBind && isStaticArgOf(arg, "key") || isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")) shouldUseBlock = true;
+				if (isVBind && isStaticArgOf(arg, "key")) shouldUseBlock = true;
+				if (isVOn && hasChildren && arg && isStaticExp(arg) && camelize(arg.content) === "vue:beforeUpdate") {
+					shouldUseBlock = true;
+					isBlockRequired = true;
+				}
 				if (isVBind && isStaticArgOf(arg, "ref")) pushRefVForMarker();
 				if (!arg && (isVBind || isVOn)) {
 					hasDynamicKeys = true;
-					if (exp) if (isVBind) {
-						pushMergeArg();
-						if (mergeArgs.some((arg) => {
-							if (arg.type === 15) return arg.properties.some(({ key }) => {
-								if (key.type !== 4 || !key.isStatic) return true;
-								return key.content !== "class" && key.content !== "style" && !isOn(key.content);
-							});
-							else return true;
-						})) checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context, loc);
-						if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context)) {
-							mergeArgs.unshift(exp);
-							continue;
-						}
-						pushRefVForMarker();
-						pushMergeArg();
-						mergeArgs.push(exp);
-					} else pushMergeArg({
-						type: 14,
-						loc,
-						callee: context.helper(TO_HANDLERS),
-						arguments: isComponent ? [exp] : [exp, `true`]
-					});
-					else context.onError(createCompilerError(isVBind ? 34 : 35, loc));
+					if (exp) {
+						if (isVBind) {
+							pushMergeArg();
+							if (mergeArgs.some((arg) => {
+								if (arg.type === 15) return arg.properties.some(({ key }) => {
+									if (key.type !== 4 || !key.isStatic) return true;
+									return key.content !== "class" && key.content !== "style" && !isOn(key.content);
+								});
+								else return true;
+							})) checkCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context, loc);
+							if (isCompatEnabled("COMPILER_V_BIND_OBJECT_ORDER", context)) {
+								mergeArgs.unshift(exp);
+								continue;
+							}
+							pushRefVForMarker();
+							pushMergeArg();
+							mergeArgs.push(exp);
+						} else pushMergeArg({
+							type: 14,
+							loc,
+							callee: context.helper(TO_HANDLERS),
+							arguments: isComponent ? [exp] : [exp, `true`]
+						});
+					} else context.onError(createCompilerError(isVBind ? 34 : 35, loc));
 					continue;
 				}
 				if (isVBind && modifiers.some((mod) => mod.content === "prop")) patchFlag |= 32;
@@ -14719,7 +15262,10 @@ var Vue = (function() {
 					}
 				} else if (!isBuiltInDirective(name)) {
 					runtimeDirectives.push(prop);
-					if (hasChildren) shouldUseBlock = true;
+					if (hasChildren) {
+						shouldUseBlock = true;
+						isBlockRequired = true;
+					}
 				}
 			}
 		}
@@ -14736,7 +15282,8 @@ var Vue = (function() {
 			if (dynamicPropNames.length) patchFlag |= 8;
 			if (hasHydrationEventBinding) patchFlag |= 32;
 		}
-		if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) patchFlag |= 512;
+		const needsPatch = (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0);
+		if (!shouldUseBlock && needsPatch) patchFlag |= 512;
 		if (!context.inSSR && propsExpression) switch (propsExpression.type) {
 			case 15:
 				let classKeyIndex = -1;
@@ -14757,16 +15304,16 @@ var Vue = (function() {
 				} else propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [propsExpression]);
 				break;
 			case 14: break;
-			default:
-				propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [propsExpression])]);
-				break;
+			default: propsExpression = createCallExpression(context.helper(NORMALIZE_PROPS), [createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [propsExpression])]);
 		}
 		return {
 			props: propsExpression,
 			directives: runtimeDirectives,
 			patchFlag,
 			dynamicPropNames,
-			shouldUseBlock
+			shouldUseBlock,
+			needsPatch,
+			isBlockRequired
 		};
 	}
 	function dedupeProperties(properties) {
@@ -14863,10 +15410,12 @@ var Vue = (function() {
 		for (let i = 0; i < node.props.length; i++) {
 			const p = node.props[i];
 			if (p.type === 6) {
-				if (p.value) if (p.name === "name") slotName = JSON.stringify(p.value.content);
-				else {
-					p.name = camelize(p.name);
-					nonNameProps.push(p);
+				if (p.value) {
+					if (p.name === "name") slotName = JSON.stringify(p.value.content);
+					else {
+						p.name = camelize(p.name);
+						nonNameProps.push(p);
+					}
 				}
 			} else if (p.name === "bind" && isStaticArgOf(p.arg, "name")) {
 				if (p.exp) slotName = p.exp;
@@ -14892,17 +15441,18 @@ var Vue = (function() {
 		const { loc, modifiers, arg } = dir;
 		if (!dir.exp && !modifiers.length) context.onError(createCompilerError(35, loc));
 		let eventName;
-		if (arg.type === 4) if (arg.isStatic) {
-			let rawName = arg.content;
-			if (rawName.startsWith("vnode")) context.onError(createCompilerError(52, arg.loc));
-			if (rawName.startsWith("vue:")) rawName = `vnode-${rawName.slice(4)}`;
-			eventName = createSimpleExpression(node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? toHandlerKey(camelize(rawName)) : `on:${rawName}`, true, arg.loc);
-		} else eventName = createCompoundExpression([
-			`${context.helperString(TO_HANDLER_KEY)}(`,
-			arg,
-			`)`
-		]);
-		else {
+		if (arg.type === 4) {
+			if (arg.isStatic) {
+				let rawName = arg.content;
+				if (rawName.startsWith("vnode")) context.onError(createCompilerError(52, arg.loc));
+				if (rawName.startsWith("vue:")) rawName = `vnode-${rawName.slice(4)}`;
+				eventName = createSimpleExpression(node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? toHandlerKey(camelize(rawName)) : `on:${rawName}`, true, arg.loc);
+			} else eventName = createCompoundExpression([
+				`${context.helperString(TO_HANDLER_KEY)}(`,
+				arg,
+				`)`
+			]);
+		} else {
 			eventName = arg;
 			eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`);
 			eventName.children.push(`)`);
@@ -14938,11 +15488,14 @@ var Vue = (function() {
 			arg.children.unshift(`(`);
 			arg.children.push(`) || ""`);
 		} else if (!arg.isStatic) arg.content = arg.content ? `${arg.content} || ""` : `""`;
-		if (modifiers.some((mod) => mod.content === "camel")) if (arg.type === 4) if (arg.isStatic) arg.content = camelize(arg.content);
-		else arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
-		else {
-			arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
-			arg.children.push(`)`);
+		if (modifiers.some((mod) => mod.content === "camel")) {
+			if (arg.type === 4) {
+				if (arg.isStatic) arg.content = camelize(arg.content);
+				else arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
+			} else {
+				arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
+				arg.children.push(`)`);
+			}
 		}
 		if (!context.inSSR) {
 			if (modifiers.some((mod) => mod.content === "prop")) injectPrefix(arg, ".");
@@ -14951,9 +15504,10 @@ var Vue = (function() {
 		return { props: [createObjectProperty(arg, exp)] };
 	};
 	const injectPrefix = (arg, prefix) => {
-		if (arg.type === 4) if (arg.isStatic) arg.content = prefix + arg.content;
-		else arg.content = `\`${prefix}\${${arg.content}}\``;
-		else {
+		if (arg.type === 4) {
+			if (arg.isStatic) arg.content = prefix + arg.content;
+			else arg.content = `\`${prefix}\${${arg.content}}\``;
+		} else {
 			arg.children.unshift(`'${prefix}' + (`);
 			arg.children.push(`)`);
 		}
@@ -15074,7 +15628,7 @@ var Vue = (function() {
 			const child = node.children[i];
 			if (typeof child !== "object") continue;
 			if (child.type === 4) parseFilter(child, context);
-			else if (child.type === 8) rewriteFilter(node, context);
+			else if (child.type === 8) rewriteFilter(child, context);
 			else if (child.type === 5) rewriteFilter(child.content, context);
 		}
 	}
@@ -15100,11 +15654,12 @@ var Vue = (function() {
 				if (c === 96 && prev !== 92) inTemplateString = false;
 			} else if (inRegex) {
 				if (c === 47 && prev !== 92) inRegex = false;
-			} else if (c === 124 && exp.charCodeAt(i + 1) !== 124 && exp.charCodeAt(i - 1) !== 124 && !curly && !square && !paren) if (expression === void 0) {
-				lastFilterIndex = i + 1;
-				expression = exp.slice(0, i).trim();
-			} else pushFilter();
-			else {
+			} else if (c === 124 && exp.charCodeAt(i + 1) !== 124 && exp.charCodeAt(i - 1) !== 124 && !curly && !square && !paren) {
+				if (expression === void 0) {
+					lastFilterIndex = i + 1;
+					expression = exp.slice(0, i).trim();
+				} else pushFilter();
+			} else {
 				switch (c) {
 					case 34:
 						inDouble = true;
@@ -15130,9 +15685,7 @@ var Vue = (function() {
 					case 123:
 						curly++;
 						break;
-					case 125:
-						curly--;
-						break;
+					case 125: curly--;
 				}
 				if (c === 47) {
 					let j = i - 1;
@@ -15408,9 +15961,7 @@ var Vue = (function() {
 							isInvalidType = true;
 							context.onError(createDOMCompilerError(60, dir.loc));
 							break;
-						default:
-							checkDuplicatedValue();
-							break;
+						default: checkDuplicatedValue();
 					}
 				} else if (hasDynamicKeyVBind(node)) directiveToUse = V_MODEL_DYNAMIC;
 				else checkDuplicatedValue();
@@ -15423,27 +15974,37 @@ var Vue = (function() {
 	};
 	//#endregion
 	//#region packages/compiler-dom/src/transforms/vOn.ts
-	const isEventOptionModifier = /* @__PURE__ */ makeMap(`passive,once,capture`);
-	const isNonKeyModifier = /* @__PURE__ */ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
-	const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
-	const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
+	const isEventOptionModifier = /*@__PURE__*/ makeMap(`passive,once,capture`);
+	const isNonKeyModifier = /*@__PURE__*/ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
+	const maybeKeyModifier = /*@__PURE__*/ makeMap("left,right");
+	const isKeyboardEvent = /*@__PURE__*/ makeMap(`onkeyup,onkeydown,onkeypress`);
 	const resolveModifiers = (key, modifiers, context, loc) => {
 		const keyModifiers = [];
 		const nonKeyModifiers = [];
 		const eventOptionModifiers = [];
 		for (let i = 0; i < modifiers.length; i++) {
 			const modifier = modifiers[i].content;
+			if (modifier === "delegate") {
+				if (context) {
+					const error = /* @__PURE__ */ new SyntaxError(`.delegate modifier is only supported in Vapor components.`);
+					error.loc = modifiers[i].loc;
+					context.onWarn(error);
+				}
+				continue;
+			}
 			if (modifier === "native" && context && checkCompatEnabled("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 			else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 			else {
 				const keyString = isString(key) ? key : isStaticExp(key) ? key.content : null;
-				if (maybeKeyModifier(modifier)) if (keyString) if (isKeyboardEvent(keyString.toLowerCase())) keyModifiers.push(modifier);
-				else nonKeyModifiers.push(modifier);
-				else {
-					keyModifiers.push(modifier);
-					nonKeyModifiers.push(modifier);
-				}
-				else if (isNonKeyModifier(modifier)) nonKeyModifiers.push(modifier);
+				if (maybeKeyModifier(modifier)) {
+					if (keyString) {
+						if (isKeyboardEvent(keyString.toLowerCase())) keyModifiers.push(modifier);
+						else nonKeyModifiers.push(modifier);
+					} else {
+						keyModifiers.push(modifier);
+						nonKeyModifiers.push(modifier);
+					}
+				} else if (isNonKeyModifier(modifier)) nonKeyModifiers.push(modifier);
 				else keyModifiers.push(modifier);
 			}
 		}
@@ -15509,7 +16070,7 @@ var Vue = (function() {
 				source: ""
 			}));
 			const child = node.children[0];
-			if (child.type === 1) {
+			if (child.type === 1 && !findDir(child, "if")) {
 				for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 					type: 6,
 					name: "persisted",
@@ -15558,7 +16119,7 @@ var Vue = (function() {
 		}
 		return true;
 	}
-	const headings = new Set([
+	const headings = /* @__PURE__ */ new Set([
 		"h1",
 		"h2",
 		"h3",
@@ -15570,7 +16131,7 @@ var Vue = (function() {
 	/**
 	* maps element to set of elements that can be it's children, no other */
 	const onlyValidChildren = {
-		head: new Set([
+		head: /* @__PURE__ */ new Set([
 			"base",
 			"basefront",
 			"bgsound",
@@ -15583,24 +16144,24 @@ var Vue = (function() {
 			"script",
 			"template"
 		]),
-		optgroup: new Set(["option"]),
-		select: new Set([
+		optgroup: /* @__PURE__ */ new Set(["option"]),
+		select: /* @__PURE__ */ new Set([
 			"optgroup",
 			"option",
 			"hr"
 		]),
-		table: new Set([
+		table: /* @__PURE__ */ new Set([
 			"caption",
 			"colgroup",
 			"tbody",
 			"tfoot",
 			"thead"
 		]),
-		tr: new Set(["td", "th"]),
-		colgroup: new Set(["col"]),
-		tbody: new Set(["tr"]),
-		thead: new Set(["tr"]),
-		tfoot: new Set(["tr"]),
+		tr: /* @__PURE__ */ new Set(["td", "th"]),
+		colgroup: /* @__PURE__ */ new Set(["col"]),
+		tbody: /* @__PURE__ */ new Set(["tr"]),
+		thead: /* @__PURE__ */ new Set(["tr"]),
+		tfoot: /* @__PURE__ */ new Set(["tr"]),
 		script: emptySet,
 		iframe: emptySet,
 		option: emptySet,
@@ -15611,30 +16172,30 @@ var Vue = (function() {
 	/** maps elements to set of elements which can be it's parent, no other */
 	const onlyValidParents = {
 		html: emptySet,
-		body: new Set(["html"]),
-		head: new Set(["html"]),
-		td: new Set(["tr"]),
-		colgroup: new Set(["table"]),
-		caption: new Set(["table"]),
-		tbody: new Set(["table"]),
-		tfoot: new Set(["table"]),
-		col: new Set(["colgroup"]),
-		th: new Set(["tr"]),
-		thead: new Set(["table"]),
-		tr: new Set([
+		body: /* @__PURE__ */ new Set(["html"]),
+		head: /* @__PURE__ */ new Set(["html"]),
+		td: /* @__PURE__ */ new Set(["tr"]),
+		colgroup: /* @__PURE__ */ new Set(["table"]),
+		caption: /* @__PURE__ */ new Set(["table"]),
+		tbody: /* @__PURE__ */ new Set(["table"]),
+		tfoot: /* @__PURE__ */ new Set(["table"]),
+		col: /* @__PURE__ */ new Set(["colgroup"]),
+		th: /* @__PURE__ */ new Set(["tr"]),
+		thead: /* @__PURE__ */ new Set(["table"]),
+		tr: /* @__PURE__ */ new Set([
 			"tbody",
 			"thead",
 			"tfoot"
 		]),
-		dd: new Set(["dl", "div"]),
-		dt: new Set(["dl", "div"]),
-		figcaption: new Set(["figure"]),
-		summary: new Set(["details"]),
-		area: new Set(["map"])
+		dd: /* @__PURE__ */ new Set(["dl", "div"]),
+		dt: /* @__PURE__ */ new Set(["dl", "div"]),
+		figcaption: /* @__PURE__ */ new Set(["figure"]),
+		summary: /* @__PURE__ */ new Set(["details"]),
+		area: /* @__PURE__ */ new Set(["map"])
 	};
 	/** maps element to set of elements that can not be it's children, others can */
 	const knownInvalidChildren = {
-		p: new Set([
+		p: /* @__PURE__ */ new Set([
 			"address",
 			"article",
 			"aside",
@@ -15669,7 +16230,7 @@ var Vue = (function() {
 			"table",
 			"ul"
 		]),
-		svg: new Set([
+		svg: /* @__PURE__ */ new Set([
 			"b",
 			"blockquote",
 			"br",
@@ -15710,12 +16271,12 @@ var Vue = (function() {
 	};
 	/** maps element to set of elements that can not be it's parent, others can */
 	const knownInvalidParents = {
-		a: new Set(["a"]),
-		button: new Set(["button"]),
-		dd: new Set(["dd", "dt"]),
-		dt: new Set(["dd", "dt"]),
-		form: new Set(["form"]),
-		li: new Set(["li"]),
+		a: /* @__PURE__ */ new Set(["a"]),
+		button: /* @__PURE__ */ new Set(["button"]),
+		dd: /* @__PURE__ */ new Set(["dd", "dt"]),
+		dt: /* @__PURE__ */ new Set(["dd", "dt"]),
+		form: /* @__PURE__ */ new Set(["form"]),
+		li: /* @__PURE__ */ new Set(["li"]),
 		h1: headings,
 		h2: headings,
 		h3: headings,
@@ -15758,10 +16319,12 @@ var Vue = (function() {
 	//#region packages/vue-compat/src/index.ts
 	const compileCache = Object.create(null);
 	function compileToFunction(template, options) {
-		if (!isString(template)) if (template.nodeType) template = template.innerHTML;
-		else {
-			warn(`invalid template option: `, template);
-			return NOOP;
+		if (!isString(template)) {
+			if (template.nodeType) template = template.innerHTML;
+			else {
+				warn(`invalid template option: `, template);
+				return NOOP;
+			}
 		}
 		const key = genCacheKey(template, options);
 		const cached = compileCache[key];