@vue/runtime-dom 3.6.0-rc.4 → 3.6.0-rc.6

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.4
+  * @vue/runtime-dom v3.6.0-rc.6
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -13,7 +13,7 @@ var VueRuntimeDOM = (function(exports) {
 	* \/\*#\_\_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;
@@ -57,9 +57,9 @@ var VueRuntimeDOM = (function(exports) {
 	};
 	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) => {
@@ -133,7 +133,7 @@ var VueRuntimeDOM = (function(exports) {
 	function canSetValueDirectly(tagName) {
 		return tagName !== "PROGRESS" && !tagName.includes("-");
 	}
-	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/normalizeProp.ts
 	function normalizeStyle(value) {
@@ -201,17 +201,17 @@ var VueRuntimeDOM = (function(exports) {
 	* 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);
 	//#endregion
 	//#region packages/shared/src/domAttrConfig.ts
 	/**
@@ -226,11 +226,11 @@ var VueRuntimeDOM = (function(exports) {
 	* - 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,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: '' }`
@@ -244,11 +244,11 @@ var VueRuntimeDOM = (function(exports) {
 	* 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
 	*/
@@ -280,6 +280,21 @@ var VueRuntimeDOM = (function(exports) {
 		for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i]);
 		return equal;
 	}
+	function looseCompareCollections(a, b) {
+		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])) {
+				index = i;
+				break;
+			}
+			if (index < 0) return false;
+			matched[index] = 1;
+		}
+		return true;
+	}
 	function looseEqual(a, b) {
 		if (a === b) return true;
 		let aValidType = isDate(a);
@@ -295,6 +310,12 @@ var VueRuntimeDOM = (function(exports) {
 		bValidType = isObject(b);
 		if (aValidType || bValidType) {
 			if (!aValidType || !bValidType) return false;
+			aValidType = isMap(a);
+			bValidType = isMap(b);
+			if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b) : false;
+			aValidType = isSet(a);
+			bValidType = isSet(b);
+			if (aValidType || bValidType) return aValidType && bValidType ? looseCompareCollections(a, b) : false;
 			if (Object.keys(a).length !== Object.keys(b).length) return false;
 			for (const key in a) {
 				const aHasKey = a.hasOwnProperty(key);
@@ -741,9 +762,7 @@ var VueRuntimeDOM = (function(exports) {
 							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));
 				}
 			}
 		}
@@ -940,8 +959,8 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#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);
@@ -996,12 +1015,14 @@ var VueRuntimeDOM = (function(exports) {
 					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);
@@ -1042,10 +1063,10 @@ var VueRuntimeDOM = (function(exports) {
 			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;
@@ -1196,10 +1217,10 @@ var VueRuntimeDOM = (function(exports) {
 			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)) {
@@ -1224,7 +1245,7 @@ var VueRuntimeDOM = (function(exports) {
 			default: return 0;
 		}
 	}
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function reactive(target) {
 		if (/* @__PURE__ */ isReadonly(target)) return target;
 		return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
@@ -1259,7 +1280,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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);
 	}
@@ -1292,7 +1313,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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);
 	}
@@ -1326,7 +1347,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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);
 	}
@@ -1363,7 +1384,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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"]);
@@ -1379,11 +1400,11 @@ var VueRuntimeDOM = (function(exports) {
 	* @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"]);
 	}
@@ -1394,7 +1415,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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;
 	}
@@ -1421,7 +1442,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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;
@@ -1470,15 +1491,15 @@ var VueRuntimeDOM = (function(exports) {
 	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);
 	}
@@ -1681,7 +1702,7 @@ var VueRuntimeDOM = (function(exports) {
 	* @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);
@@ -1732,7 +1753,7 @@ var VueRuntimeDOM = (function(exports) {
 			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);
@@ -1798,10 +1819,12 @@ var VueRuntimeDOM = (function(exports) {
 		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;
 		}
 	};
@@ -1980,10 +2003,12 @@ var VueRuntimeDOM = (function(exports) {
 		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;
 		}
 		/**
@@ -2044,7 +2069,7 @@ var VueRuntimeDOM = (function(exports) {
 		}
 	};
 	setupOnTrigger(ComputedRefImpl);
-	/* @__NO_SIDE_EFFECTS__ */
+	/*@__NO_SIDE_EFFECTS__*/
 	function computed$1(getterOrOptions, debugOptions, isSSR = false) {
 		let getter;
 		let setter;
@@ -2122,25 +2147,26 @@ var VueRuntimeDOM = (function(exports) {
 					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);
 			}
@@ -2464,7 +2490,7 @@ var VueRuntimeDOM = (function(exports) {
 	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;
@@ -2503,6 +2529,7 @@ var VueRuntimeDOM = (function(exports) {
 			flushJobs();
 		} catch (e) {
 			currentFlushPromise = null;
+			if (jobsLength || postJobs.length) queueFlush();
 			throw e;
 		}
 	};
@@ -2510,9 +2537,10 @@ var VueRuntimeDOM = (function(exports) {
 		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 (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], 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) {
@@ -2526,8 +2554,11 @@ var VueRuntimeDOM = (function(exports) {
 			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) {
@@ -2540,18 +2571,22 @@ var VueRuntimeDOM = (function(exports) {
 			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;
@@ -2561,9 +2596,12 @@ var VueRuntimeDOM = (function(exports) {
 	function flushOnAppMount(instance) {
 		if (!isFlushing) {
 			isFlushing = true;
-			flushPreFlushCbs(instance);
-			flushPostFlushCbs();
-			isFlushing = false;
+			try {
+				flushPreFlushCbs(instance);
+				flushPostFlushCbs();
+			} finally {
+				isFlushing = false;
+			}
 		}
 	}
 	function flushJobs(seen) {
@@ -2593,8 +2631,8 @@ var VueRuntimeDOM = (function(exports) {
 			jobsLength = 0;
 			jobs.length = 0;
 			flushPostFlushCbs(seen);
-			currentFlushPromise = null;
 			if (jobsLength || postJobs.length) flushJobs(seen);
+			else currentFlushPromise = null;
 		}
 	}
 	function checkRecursiveUpdates(seen, fn) {
@@ -2625,6 +2663,19 @@ var VueRuntimeDOM = (function(exports) {
 		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;
@@ -2666,18 +2717,16 @@ var VueRuntimeDOM = (function(exports) {
 				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;
 			});
 		});
 	}
@@ -2692,15 +2741,17 @@ var VueRuntimeDOM = (function(exports) {
 			for (const instance of instances) if (instance.root && instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(instance.type);
 			const dirtyInstances = new Set(instances);
 			const rerenderedParents = /* @__PURE__ */ new Set();
-			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);
-			}
+			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);
+				}
+			});
 		} else {
 			const parentUpdates = /* @__PURE__ */ new Map();
 			const dirtyInstanceSet = new Set(instances);
@@ -2734,21 +2785,22 @@ var VueRuntimeDOM = (function(exports) {
 			}
 			parentUpdates.forEach((updates, parent) => {
 				queueJob(() => {
-					isHmrUpdating = true;
-					if (parent.vapor) parent.hmrRerender();
-					else {
-						const i = parent;
-						if (!(i.effect.flags & 1024)) {
-							i.renderCache = [];
-							i.effect.run();
-						}
+					try {
+						runWithHmrUpdating(() => {
+							if (parent.vapor) parent.hmrRerender();
+							else {
+								const i = parent;
+								if (!(i.effect.flags & 1024)) {
+									i.renderCache = [];
+									i.effect.run();
+								}
+							}
+						});
+					} finally {
+						updates.forEach(([instance, dirtyInstances]) => {
+							dirtyInstances.delete(instance);
+						});
 					}
-					nextTick(() => {
-						isHmrUpdating = false;
-					});
-					updates.forEach(([instance, dirtyInstances]) => {
-						dirtyInstances.delete(instance);
-					});
 				});
 			});
 		}
@@ -2817,20 +2869,20 @@ var VueRuntimeDOM = (function(exports) {
 	function devtoolsUnmountApp(app) {
 		emit$1("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$1(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$1(hook, component.appContext.app, component.uid, component, type, time);
@@ -3091,15 +3143,16 @@ var VueRuntimeDOM = (function(exports) {
 	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;
 		}
@@ -3137,7 +3190,8 @@ var VueRuntimeDOM = (function(exports) {
 					if (pendingMounts.get(vnode) !== mountJob) return;
 					pendingMounts.delete(vnode);
 					if (isTeleportDisabled(vnode.props)) {
-						mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
+						const mountContainer = parentNode(vnode.el) || container;
+						mount(vnode, mountContainer, vnode.anchor);
 						updateCssVars(vnode, true);
 					}
 					mountToTarget(vnode);
@@ -3246,15 +3300,17 @@ var VueRuntimeDOM = (function(exports) {
 		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) {
@@ -3420,8 +3476,10 @@ var VueRuntimeDOM = (function(exports) {
 			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]);
@@ -3431,11 +3489,13 @@ var VueRuntimeDOM = (function(exports) {
 				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;
@@ -3601,9 +3661,9 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#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
@@ -3700,15 +3760,16 @@ var VueRuntimeDOM = (function(exports) {
 					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;
@@ -3760,7 +3821,18 @@ var VueRuntimeDOM = (function(exports) {
 		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";
@@ -3798,11 +3870,12 @@ var VueRuntimeDOM = (function(exports) {
 			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();
@@ -3839,11 +3912,12 @@ var VueRuntimeDOM = (function(exports) {
 					else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 					break;
 				case VaporSlot:
-					nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense);
+					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(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(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);
@@ -3865,19 +3939,20 @@ var VueRuntimeDOM = (function(exports) {
 					} else {
 						mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
 						const component = vnode.component;
-						if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved || component.asyncDep && !component.asyncResolved) {
+						if (!component.subTree && (isAsyncWrapper(vnode) || component.asyncDep && !component.asyncResolved)) {
 							let subTree;
 							if (isFragmentStart) {
-								subTree = createVNode(Fragment);
+								subTree = createVNode(Static);
 								subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
 							} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("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);
@@ -4006,7 +4081,7 @@ var VueRuntimeDOM = (function(exports) {
 			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);
 			}
@@ -4018,8 +4093,10 @@ var VueRuntimeDOM = (function(exports) {
 				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;
@@ -4029,7 +4106,7 @@ var VueRuntimeDOM = (function(exports) {
 			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;
 			}
 		};
@@ -4041,7 +4118,7 @@ var VueRuntimeDOM = (function(exports) {
 	/**
 	* Dev only
 	*/
-	const resourceProps = /* @__PURE__ */ new Set([
+	const resourceProps = /*@__PURE__*/ new Set([
 		"src",
 		"srcset",
 		"href",
@@ -4283,7 +4360,7 @@ var VueRuntimeDOM = (function(exports) {
 	//#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({
@@ -4498,10 +4575,13 @@ var VueRuntimeDOM = (function(exports) {
 			});
 			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);
@@ -4743,23 +4823,25 @@ var VueRuntimeDOM = (function(exports) {
 			}
 			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;
 	}
@@ -4784,14 +4866,27 @@ var VueRuntimeDOM = (function(exports) {
 	//#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`);
+	/**
+	* Marks a compiler-generated slot fallback as VDOM-rendered so the vapor
+	* interop fallback chain renders it through the VDOM renderer. Internal to
+	* vapor interop.
+	*/
+	const vdomSlotFallbackKey = Symbol(`vdomSlotFallback`);
+	/**
 	* Compiler runtime helper for rendering `<slot/>`
 	* @private
 	*/
 	function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
 		if (props == null) props = {};
 		let slot = slots[name];
-		if (fallback) fallback.__vdom = true;
-		const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
+		if (fallback) fallback[vdomSlotFallbackKey] = true;
+		const vaporSlot = slot && slot[rawVaporSlotKey];
 		if (vaporSlot) {
 			const ret = (openBlock(), createBlock(VaporSlot, props));
 			ret.vs = {
@@ -4868,11 +4963,38 @@ var VueRuntimeDOM = (function(exports) {
 		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),
@@ -4978,7 +5100,7 @@ var VueRuntimeDOM = (function(exports) {
 		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);
@@ -5150,12 +5272,13 @@ var VueRuntimeDOM = (function(exports) {
 		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;
 		}
@@ -5298,11 +5421,12 @@ var VueRuntimeDOM = (function(exports) {
 			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,
@@ -5358,9 +5482,10 @@ var VueRuntimeDOM = (function(exports) {
 		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,
@@ -5381,13 +5506,14 @@ var VueRuntimeDOM = (function(exports) {
 			if (isFunction(handler)) watch(getter, handler);
 			else warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
 		} else if (isFunction(raw)) watch(getter, raw.bind(publicThis));
-		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, raw);
-			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, raw);
+				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.
@@ -5473,7 +5599,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	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;
 	}
@@ -5592,8 +5718,10 @@ var VueRuntimeDOM = (function(exports) {
 					} 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;
 				},
@@ -5700,12 +5828,14 @@ var VueRuntimeDOM = (function(exports) {
 		if (instance.isUnmounted) return;
 		{
 			const { emitsOptions, propsOptions } = instance;
-			if (emitsOptions) if (!(event in emitsOptions) && true) {
-				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) && true) {
+					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}".`);
+					}
 				}
 			}
 		}
@@ -5714,7 +5844,7 @@ var VueRuntimeDOM = (function(exports) {
 		const modifiers = 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);
 		{
@@ -5894,10 +6024,12 @@ var VueRuntimeDOM = (function(exports) {
 		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;
 		}
@@ -6018,16 +6150,17 @@ var VueRuntimeDOM = (function(exports) {
 					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 (value !== attrs[key]) {
+					} else if (value !== attrs[key]) {
 						attrs[key] = value;
 						hasAttrsChanged = true;
 					}
@@ -6036,9 +6169,11 @@ var VueRuntimeDOM = (function(exports) {
 		} 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) && true) {
 					delete attrs[key];
@@ -6057,9 +6192,10 @@ var VueRuntimeDOM = (function(exports) {
 			if (isReservedProp(key)) 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 (!(key in attrs) || value !== attrs[key]) {
 					attrs[key] = value;
 					hasAttrsChanged = true;
@@ -6222,7 +6358,7 @@ var VueRuntimeDOM = (function(exports) {
 		}
 		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
 	*/
@@ -6335,12 +6471,13 @@ var VueRuntimeDOM = (function(exports) {
 		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);
 			}
@@ -6358,7 +6495,7 @@ var VueRuntimeDOM = (function(exports) {
 	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
@@ -6455,7 +6592,7 @@ var VueRuntimeDOM = (function(exports) {
 					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);
@@ -6574,7 +6711,10 @@ var VueRuntimeDOM = (function(exports) {
 			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;
@@ -6586,6 +6726,7 @@ var VueRuntimeDOM = (function(exports) {
 			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 || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
@@ -6619,8 +6760,9 @@ var VueRuntimeDOM = (function(exports) {
 					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);
 		};
@@ -6628,7 +6770,8 @@ var VueRuntimeDOM = (function(exports) {
 			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) => {
@@ -6666,41 +6809,46 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		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, parentSuspense);
-			else {
-				const vnodeBeforeMountHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeBeforeMount;
-				getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
-					if (n2.dirs) {
-						invokeDirectiveHook(n2, null, parentComponent, "created");
-						invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
+			if (n2.type.__vapor) {
+				if (n1 == null) {
+					if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent, parentSuspense);
+					else {
+						const vnodeBeforeMountHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeBeforeMount;
+						getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
+							if (n2.dirs) {
+								invokeDirectiveHook(n2, null, parentComponent, "created");
+								invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
+							}
+						}, () => {
+							if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, n2);
+						});
+						if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
+						const vnodeMountedHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeMounted;
+						if (vnodeMountedHook) {
+							const scopedVNode = n2;
+							queuePostRenderEffect(() => invokeVNodeHook(vnodeMountedHook, parentComponent, scopedVNode), void 0, parentSuspense);
+						}
 					}
-				}, () => {
-					if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, n2);
-				});
-				if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
-				const vnodeMountedHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeMounted;
-				if (vnodeMountedHook) {
-					const scopedVNode = n2;
-					queuePostRenderEffect(() => invokeVNodeHook(vnodeMountedHook, parentComponent, scopedVNode), void 0, parentSuspense);
+				} else {
+					const shouldUpdate = shouldUpdateComponent(n1, n2, optimized);
+					getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdate, () => {
+						if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
+					}, () => {
+						const vnodeBeforeUpdateHook = n2.props && n2.props.onVnodeBeforeUpdate;
+						if (vnodeBeforeUpdateHook) invokeVNodeHook(vnodeBeforeUpdateHook, parentComponent, n2, n1);
+						if (n2.ibu) n2.ibu();
+					});
+					const vnodeUpdatedHook = n2.props && n2.props.onVnodeUpdated;
+					if (shouldUpdate && (vnodeUpdatedHook || n2.dirs || n2.iu)) queuePostRenderEffect(() => {
+						n2.dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
+						vnodeUpdatedHook && invokeVNodeHook(vnodeUpdatedHook, parentComponent, n2, n1);
+						n2.iu && n2.iu();
+					}, void 0, parentSuspense);
 				}
-			}
-			else {
-				const shouldUpdate = shouldUpdateComponent(n1, n2, optimized);
-				getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdate, () => {
-					if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
-				}, () => {
-					const vnodeBeforeUpdateHook = n2.props && n2.props.onVnodeBeforeUpdate;
-					if (vnodeBeforeUpdateHook) invokeVNodeHook(vnodeBeforeUpdateHook, parentComponent, n2, n1);
-				});
-				const vnodeUpdatedHook = n2.props && n2.props.onVnodeUpdated;
-				if (shouldUpdate && (vnodeUpdatedHook || n2.dirs)) queuePostRenderEffect(() => {
-					n2.dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
-					vnodeUpdatedHook && invokeVNodeHook(vnodeUpdatedHook, parentComponent, n2, n1);
-				}, 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);
+			} 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 instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense);
@@ -6741,16 +6889,17 @@ var VueRuntimeDOM = (function(exports) {
 		};
 		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);
+					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;
 			}
@@ -6848,6 +6997,7 @@ var VueRuntimeDOM = (function(exports) {
 					} else next = vnode;
 					if (bu) invokeArrayFns(bu);
 					if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
+					if (next.ibu) next.ibu();
 					toggleRecurse(instance, true);
 					startMeasure(instance, `render`);
 					const nextTree = renderComponentRoot(instance);
@@ -6860,7 +7010,10 @@ var VueRuntimeDOM = (function(exports) {
 					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);
 					devtoolsComponentUpdated(instance);
 					popWarningContext();
 				}
@@ -6900,9 +7053,10 @@ var VueRuntimeDOM = (function(exports) {
 			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);
 			}
@@ -7001,8 +7155,10 @@ var VueRuntimeDOM = (function(exports) {
 					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--;
+					}
 				}
 			}
 		};
@@ -7034,26 +7190,27 @@ var VueRuntimeDOM = (function(exports) {
 				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 (vnode.ctx.isUnmounted) hostRemove(el);
-					else hostInsert(el, container, anchor);
-				};
-				const performLeave = () => {
-					const wasLeaving = el._isLeaving || !!el[leaveCbKey];
-					if (el._isLeaving) el[leaveCbKey](true);
-					if (transition.persisted && !wasLeaving) remove();
-					else leave(el, () => {
-						remove();
-						afterLeave && afterLeave();
-					});
-				};
-				if (delayLeave) delayLeave(el, remove, performLeave);
-				else performLeave();
-			}
-			else hostInsert(el, container, anchor);
+			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 (vnode.ctx.isUnmounted) hostRemove(el);
+						else hostInsert(el, container, anchor);
+					};
+					const performLeave = () => {
+						const wasLeaving = el._isLeaving || !!el[leaveCbKey];
+						if (el._isLeaving) el[leaveCbKey](true);
+						if (transition.persisted && !wasLeaving) remove();
+						else leave(el, () => {
+							remove();
+							afterLeave && afterLeave();
+						});
+					};
+					if (delayLeave) delayLeave(el, remove, performLeave);
+					else performLeave();
+				}
+			} 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;
@@ -7073,16 +7230,17 @@ var VueRuntimeDOM = (function(exports) {
 			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, parentSuspense);
-				if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || dirs) queuePostRenderEffect(() => {
-					dirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
-					vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-				}, void 0, parentSuspense);
-				return;
-			} else unmountComponent(vnode.component, parentSuspense, doRemove);
-			else {
+			if (shapeFlag & 6) {
+				if (isVaporComponent(type)) {
+					if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
+					getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
+					if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || dirs) queuePostRenderEffect(() => {
+						dirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
+						vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+					}, void 0, parentSuspense);
+					return;
+				} else unmountComponent(vnode.component, parentSuspense, doRemove);
+			} else {
 				if (shapeFlag & 128) {
 					vnode.suspense.unmount(parentSuspense, doRemove);
 					return;
@@ -7214,12 +7372,14 @@ var VueRuntimeDOM = (function(exports) {
 		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) {
@@ -7259,8 +7419,10 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	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;
@@ -7304,7 +7466,7 @@ var VueRuntimeDOM = (function(exports) {
 	/**
 	* shared between vdom and vapor
 	*/
-	function getInheritedScopeIds(vnode, parentComponent) {
+	function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 		const inheritedScopeIds = [];
 		let currentParent = parentComponent;
 		let currentVNode = vnode;
@@ -7320,6 +7482,8 @@ var VueRuntimeDOM = (function(exports) {
 				currentParent = currentParent.parent;
 			} else break;
 		}
+		const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+		if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 		return inheritedScopeIds;
 	}
 	function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -7379,7 +7543,7 @@ var VueRuntimeDOM = (function(exports) {
 				patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 				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);
 					}
@@ -7400,7 +7564,7 @@ var VueRuntimeDOM = (function(exports) {
 				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);
 					}
@@ -7526,8 +7690,9 @@ var VueRuntimeDOM = (function(exports) {
 				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) {
@@ -7603,9 +7768,10 @@ var VueRuntimeDOM = (function(exports) {
 		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;
@@ -7799,8 +7965,10 @@ var VueRuntimeDOM = (function(exports) {
 		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;
 		}
@@ -7860,7 +8028,9 @@ var VueRuntimeDOM = (function(exports) {
 			ce: vnode.ce,
 			vi: vnode.vi,
 			vs: cloneVaporSlotMeta(vnode),
-			vb: vnode.vb
+			vb: vnode.vb,
+			ibu: vnode.ibu,
+			iu: vnode.iu
 		};
 		if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 		return cloned;
@@ -7923,25 +8093,28 @@ var VueRuntimeDOM = (function(exports) {
 		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);
-			}
-			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 (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;
+					}
+				}
 			}
-		}
-		else if (isFunction(children)) {
+		} else if (isFunction(children)) {
 			if (shapeFlag & 65) {
 				normalizeChildren(vnode, { default: children });
 				return;
@@ -8050,7 +8223,7 @@ var VueRuntimeDOM = (function(exports) {
 	};
 	//#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;
@@ -8247,10 +8420,12 @@ var VueRuntimeDOM = (function(exports) {
 				restoreCurrentInstance(prevInstance);
 			}
 		}
-		if (!Component.render && instance.render === NOOP && !isSSR) if (!compile && Component.template)
+		if (!Component.render && instance.render === NOOP && !isSSR) {
+			if (!compile && 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) {
@@ -8358,11 +8533,12 @@ var VueRuntimeDOM = (function(exports) {
 		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);
@@ -8554,7 +8730,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-rc.4";
+	const version = "3.6.0-rc.6";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -8582,7 +8758,7 @@ var VueRuntimeDOM = (function(exports) {
 	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}`);
 	}
@@ -8590,7 +8766,7 @@ var VueRuntimeDOM = (function(exports) {
 	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);
@@ -8664,7 +8840,7 @@ var VueRuntimeDOM = (function(exports) {
 		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
@@ -8678,7 +8854,7 @@ var VueRuntimeDOM = (function(exports) {
 	* 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.
@@ -8900,14 +9076,15 @@ var VueRuntimeDOM = (function(exports) {
 		},
 		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);
@@ -9009,11 +9186,13 @@ var VueRuntimeDOM = (function(exports) {
 		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;
@@ -9042,8 +9221,10 @@ var VueRuntimeDOM = (function(exports) {
 		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;
@@ -9080,9 +9261,10 @@ var VueRuntimeDOM = (function(exports) {
 	//#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 (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(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 (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
 		else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
 	}
 	//#endregion
@@ -9155,7 +9337,7 @@ var VueRuntimeDOM = (function(exports) {
 		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) => {
@@ -9223,7 +9405,7 @@ var VueRuntimeDOM = (function(exports) {
 	//#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);
@@ -9272,12 +9454,14 @@ var VueRuntimeDOM = (function(exports) {
 				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;
-				if (this.isConnected) return 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;
@@ -9659,7 +9843,7 @@ var VueRuntimeDOM = (function(exports) {
 	};
 	const TransitionGroup = /* @__PURE__ */ decorate({
 		name: "TransitionGroup",
-		props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
+		props: /*@__PURE__*/ extend({}, TransitionPropsValidators, {
 			tag: String,
 			moveClass: String
 		}),
@@ -9940,19 +10124,39 @@ var VueRuntimeDOM = (function(exports) {
 		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 ? isSet(el._modelValue) ? 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) => {
 		el._modelValue = value;
-		if (el._assigning) return;
+		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)) {
@@ -9962,18 +10166,19 @@ var VueRuntimeDOM = (function(exports) {
 		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
 	*/
@@ -10075,7 +10280,7 @@ var VueRuntimeDOM = (function(exports) {
 	};
 	//#endregion
 	//#region packages/runtime-dom/src/index.ts
-	const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
+	const rendererOptions = /*@__PURE__*/ extend({ patchProp }, nodeOps);
 	let renderer;
 	let enabledHydration = false;
 	function ensureRenderer() {