@vue/compat 3.6.0-beta.6 → 3.6.0-beta.8

package/dist/vue.runtime.global.js

@@ -1,30 +1,23 @@
 /**
-  * @vue/compat v3.6.0-beta.6
+  * @vue/compat v3.6.0-beta.8
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
 var Vue = (function() {
-
-//#region \0rolldown/runtime.js
+	//#region \0rolldown/runtime.js
 	var __defProp = Object.defineProperty;
 	var __exportAll = (all, no_symbols) => {
 		let target = {};
-		for (var name in all) {
-			__defProp(target, name, {
-				get: all[name],
-				enumerable: true
-			});
-		}
-		if (!no_symbols) {
-			__defProp(target, Symbol.toStringTag, { value: "Module" });
-		}
+		for (var name in all) __defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+		if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 		return target;
 	};
-
-//#endregion
-
-//#region packages/shared/src/makeMap.ts
-/**
+	//#endregion
+	//#region packages/shared/src/makeMap.ts
+	/**
 	* Make a map and return a function for checking if a key
 	* is in that map.
 	* IMPORTANT: all calls of this function must be prefixed with
@@ -37,9 +30,8 @@ var Vue = (function() {
 		for (const key of str.split(",")) map[key] = 1;
 		return (val) => val in map;
 	}
-
-//#endregion
-//#region packages/shared/src/general.ts
+	//#endregion
+	//#region packages/shared/src/general.ts
 	const EMPTY_OBJ = Object.freeze({});
 	const EMPTY_ARR = Object.freeze([]);
 	const NOOP = () => {};
@@ -155,10 +147,9 @@ var Vue = (function() {
 	function canSetValueDirectly(tagName) {
 		return tagName !== "PROGRESS" && !tagName.includes("-");
 	}
-
-//#endregion
-//#region packages/shared/src/patchFlags.ts
-/**
+	//#endregion
+	//#region packages/shared/src/patchFlags.ts
+	/**
 	* dev only flag -> name mapping
 	*/
 	const PatchFlagNames = {
@@ -177,10 +168,9 @@ var Vue = (function() {
 		[-1]: `CACHED`,
 		[-2]: `BAIL`
 	};
-
-//#endregion
-//#region packages/shared/src/slotFlags.ts
-/**
+	//#endregion
+	//#region packages/shared/src/slotFlags.ts
+	/**
 	* Dev only
 	*/
 	const slotFlagsText = {
@@ -188,14 +178,9 @@ var Vue = (function() {
 		[2]: "DYNAMIC",
 		[3]: "FORWARDED"
 	};
-
-//#endregion
-//#region packages/shared/src/globalsAllowList.ts
-	const GLOBALS_ALLOWED = "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(GLOBALS_ALLOWED);
-
-//#endregion
-//#region packages/shared/src/codeframe.ts
+	const isGloballyAllowed = /* @__PURE__ */ makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
+	//#endregion
+	//#region packages/shared/src/codeframe.ts
 	const range = 2;
 	function generateCodeFrame(source, start = 0, end = source.length) {
 		start = Math.max(0, Math.min(start, source.length));
@@ -232,9 +217,8 @@ var Vue = (function() {
 		}
 		return res.join("\n");
 	}
-
-//#endregion
-//#region packages/shared/src/normalizeProp.ts
+	//#endregion
+	//#region packages/shared/src/normalizeProp.ts
 	function normalizeStyle(value) {
 		if (isArray(value)) {
 			const res = {};
@@ -291,9 +275,8 @@ var Vue = (function() {
 		if (style) props.style = normalizeStyle(style);
 		return props;
 	}
-
-//#endregion
-//#region packages/shared/src/domTagConfig.ts
+	//#endregion
+	//#region packages/shared/src/domTagConfig.ts
 	const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
 	const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
 	const MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics";
@@ -318,10 +301,9 @@ var Vue = (function() {
 	* Do NOT use in runtime code paths unless behind `__DEV__` flag.
 	*/
 	const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
-
-//#endregion
-//#region packages/shared/src/domAttrConfig.ts
-/**
+	//#endregion
+	//#region packages/shared/src/domAttrConfig.ts
+	/**
 	* On the client we only need to offer special cases for boolean attributes that
 	* have different names from their corresponding dom properties:
 	* - itemscope -> N/A
@@ -373,16 +355,14 @@ var Vue = (function() {
 		if (key === "sandbox" && tagName === "IFRAME") return true;
 		return false;
 	}
-
-//#endregion
-//#region packages/shared/src/escapeHtml.ts
+	//#endregion
+	//#region packages/shared/src/escapeHtml.ts
 	const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
 	function getEscapedCssVarName(key, doubleEscape) {
 		return key.replace(cssVarNameEscapeSymbolsRE, (s) => doubleEscape ? s === "\"" ? "\\\\\\\"" : `\\\\${s}` : `\\${s}`);
 	}
-
-//#endregion
-//#region packages/shared/src/looseEqual.ts
+	//#endregion
+	//#region packages/shared/src/looseEqual.ts
 	function looseCompareArrays(a, b) {
 		if (a.length !== b.length) return false;
 		let equal = true;
@@ -416,9 +396,8 @@ var Vue = (function() {
 	function looseIndexOf(arr, val) {
 		return arr.findIndex((item) => looseEqual(item, val));
 	}
-
-//#endregion
-//#region packages/shared/src/toDisplayString.ts
+	//#endregion
+	//#region packages/shared/src/toDisplayString.ts
 	const isRef$1 = (val) => {
 		return !!(val && val["__v_isRef"] === true);
 	};
@@ -451,9 +430,8 @@ var Vue = (function() {
 		var _description;
 		return isSymbol(v) ? `Symbol(${(_description = v.description) !== null && _description !== void 0 ? _description : i})` : v;
 	};
-
-//#endregion
-//#region packages/shared/src/subSequence.ts
+	//#endregion
+	//#region packages/shared/src/subSequence.ts
 	function getSequence(arr) {
 		const p = arr.slice();
 		const result = [0];
@@ -489,10 +467,9 @@ var Vue = (function() {
 		}
 		return result;
 	}
-
-//#endregion
-//#region packages/shared/src/cssVars.ts
-/**
+	//#endregion
+	//#region packages/shared/src/cssVars.ts
+	/**
 	* Normalize CSS var value created by `v-bind` in `<style>` block
 	* See https://github.com/vuejs/core/pull/12461#issuecomment-2495804664
 	*/
@@ -502,9 +479,8 @@ var Vue = (function() {
 		if (typeof value !== "number" || !Number.isFinite(value)) console.warn("[Vue warn] Invalid value used for CSS binding. Expected a string or a finite number but received:", value);
 		return String(value);
 	}
-
-//#endregion
-//#region packages/reactivity/src/debug.ts
+	//#endregion
+	//#region packages/reactivity/src/debug.ts
 	const triggerEventInfos = [];
 	function onTrack(sub, debugInfo) {
 		if (sub.onTrack) sub.onTrack(extend({ effect: sub }, debugInfo));
@@ -538,31 +514,11 @@ var Vue = (function() {
 			}
 		});
 	}
-
-//#endregion
-//#region packages/reactivity/src/warning.ts
+	//#endregion
+	//#region packages/reactivity/src/warning.ts
 	function warn$2(msg, ...args) {
 		console.warn(`[Vue warn] ${msg}`, ...args);
 	}
-
-//#endregion
-//#region packages/reactivity/src/system.ts
-	const ReactiveFlags = {
-		"None": 0,
-		"0": "None",
-		"Mutable": 1,
-		"1": "Mutable",
-		"Watching": 2,
-		"2": "Watching",
-		"RecursedCheck": 4,
-		"4": "RecursedCheck",
-		"Recursed": 8,
-		"8": "Recursed",
-		"Dirty": 16,
-		"16": "Dirty",
-		"Pending": 32,
-		"32": "Pending"
-	};
 	const notifyBuffer = [];
 	let batchDepth = 0;
 	let activeSub = void 0;
@@ -770,9 +726,8 @@ var Vue = (function() {
 		}
 		return false;
 	}
-
-//#endregion
-//#region packages/reactivity/src/dep.ts
+	//#endregion
+	//#region packages/reactivity/src/dep.ts
 	var Dep = class {
 		constructor(map, key) {
 			this.map = map;
@@ -881,10 +836,9 @@ var Vue = (function() {
 		const depMap = targetMap.get(object);
 		return depMap && depMap.get(key);
 	}
-
-//#endregion
-//#region packages/reactivity/src/arrayInstrumentations.ts
-/**
+	//#endregion
+	//#region packages/reactivity/src/arrayInstrumentations.ts
+	/**
 	* Track array iteration and return:
 	* - if input is reactive: a cloned raw array with reactive values
 	* - if input is non-reactive or shallowReactive: the original raw array
@@ -1029,16 +983,25 @@ var Vue = (function() {
 	}
 	function reduce(self, method, fn, args) {
 		const arr = shallowReadArray(self);
+		const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
 		let wrappedFn = fn;
+		let wrapInitialAccumulator = false;
 		if (arr !== self) {
-			if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
-				return fn.call(this, acc, toWrapped(self, item), index, self);
-			};
-			else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+			if (needsWrap) {
+				wrapInitialAccumulator = args.length === 0;
+				wrappedFn = function(acc, item, index) {
+					if (wrapInitialAccumulator) {
+						wrapInitialAccumulator = false;
+						acc = toWrapped(self, acc);
+					}
+					return fn.call(this, acc, toWrapped(self, item), index, self);
+				};
+			} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
 				return fn.call(this, acc, item, index, self);
 			};
 		}
-		return arr[method](wrappedFn, ...args);
+		const result = arr[method](wrappedFn, ...args);
+		return wrapInitialAccumulator ? toWrapped(self, result) : result;
 	}
 	function searchProxy(self, method, args) {
 		const arr = /* @__PURE__ */ toRaw(self);
@@ -1058,9 +1021,8 @@ var Vue = (function() {
 		endBatch();
 		return res;
 	}
-
-//#endregion
-//#region packages/reactivity/src/baseHandlers.ts
+	//#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));
 	function hasOwnProperty(key) {
@@ -1167,9 +1129,8 @@ var Vue = (function() {
 	const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
 	const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
 	const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
-
-//#endregion
-//#region packages/reactivity/src/collectionHandlers.ts
+	//#endregion
+	//#region packages/reactivity/src/collectionHandlers.ts
 	const toShallow = (value) => value;
 	const getProto = (v) => Reflect.getPrototypeOf(v);
 	function createIterableMethod(method, isReadonly, isShallow) {
@@ -1252,11 +1213,13 @@ var Vue = (function() {
 			clear: createReadonlyMethod("clear")
 		} : {
 			add(value) {
-				if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
 				const target = /* @__PURE__ */ toRaw(this);
-				if (!getProto(target).has.call(target, value)) {
-					target.add(value);
-					trigger(target, "add", value, value);
+				const proto = getProto(target);
+				const rawValue = /* @__PURE__ */ toRaw(value);
+				const valueToAdd = !shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value) ? rawValue : value;
+				if (!(proto.has.call(target, valueToAdd) || hasChanged(value, valueToAdd) && proto.has.call(target, value) || hasChanged(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
+					target.add(valueToAdd);
+					trigger(target, "add", valueToAdd, valueToAdd);
 				}
 				return this;
 			},
@@ -1327,9 +1290,8 @@ var Vue = (function() {
 			warn$2(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
 		}
 	}
-
-//#endregion
-//#region packages/reactivity/src/reactive.ts
+	//#endregion
+	//#region packages/reactivity/src/reactive.ts
 	const reactiveMap = /* @__PURE__ */ new WeakMap();
 	const shallowReactiveMap = /* @__PURE__ */ new WeakMap();
 	const readonlyMap = /* @__PURE__ */ new WeakMap();
@@ -1591,9 +1553,8 @@ var Vue = (function() {
 	* @param value - The value for which a readonly proxy shall be created.
 	*/
 	const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
-
-//#endregion
-//#region packages/reactivity/src/ref.ts
+	//#endregion
+	//#region packages/reactivity/src/ref.ts
 	/* @__NO_SIDE_EFFECTS__ */
 	function isRef(r) {
 		return r ? r["__v_isRef"] === true : false;
@@ -1660,7 +1621,7 @@ var Vue = (function() {
 			}
 		}
 		update() {
-			this.flags &= ~16;
+			this.flags &= -17;
 			return hasChanged(this._oldValue, this._oldValue = this._rawValue);
 		}
 	};
@@ -1866,9 +1827,8 @@ var Vue = (function() {
 	function propertyToRef(source, key, defaultValue) {
 		return new ObjectRefImpl(source, key, defaultValue);
 	}
-
-//#endregion
-//#region packages/reactivity/src/effect.ts
+	//#endregion
+	//#region packages/reactivity/src/effect.ts
 	var ReactiveEffect = class {
 		fn() {}
 		constructor(fn) {
@@ -1975,9 +1935,8 @@ var Vue = (function() {
 			sub.cleanupsLength = 0;
 		}
 	}
-
-//#endregion
-//#region packages/reactivity/src/effectScope.ts
+	//#endregion
+	//#region packages/reactivity/src/effectScope.ts
 	let activeEffectScope;
 	var EffectScope = class {
 		constructor(detached = false) {
@@ -2084,10 +2043,9 @@ var Vue = (function() {
 		if (activeEffectScope !== void 0) activeEffectScope.cleanups[activeEffectScope.cleanupsLength++] = fn;
 		else if (!failSilently) warn$2("onScopeDispose() is called when there is no active effect scope to be associated with.");
 	}
-
-//#endregion
-//#region packages/reactivity/src/computed.ts
-/**
+	//#endregion
+	//#region packages/reactivity/src/computed.ts
+	/**
 	* @private exported by @vue/reactivity for Vue core use, but not exported from
 	* the main vue package
 	*/
@@ -2108,7 +2066,7 @@ var Vue = (function() {
 			if (flags & 32) if (checkDirty(this.deps, this)) {
 				this.flags = flags | 16;
 				return true;
-			} else this.flags = flags & ~32;
+			} else this.flags = flags & -33;
 			return false;
 		}
 		/**
@@ -2117,7 +2075,7 @@ var Vue = (function() {
 		*/
 		set _dirty(v) {
 			if (v) this.flags |= 16;
-			else this.flags &= ~(16 | 32);
+			else this.flags &= -49;
 		}
 		constructor(fn, setter) {
 			this.fn = fn;
@@ -2127,7 +2085,7 @@ var Vue = (function() {
 			this.subsTail = void 0;
 			this.deps = void 0;
 			this.depsTail = void 0;
-			this.flags = 1 | 16;
+			this.flags = 17;
 			this.__v_isRef = true;
 			this["__v_isReadonly"] = !setter;
 		}
@@ -2138,7 +2096,7 @@ var Vue = (function() {
 					const subs = this.subs;
 					if (subs !== void 0) shallowPropagate(subs);
 				}
-			} else if (flags & 32) this.flags = flags & ~32;
+			} else if (flags & 32) this.flags = flags & -33;
 			if (activeSub !== void 0) {
 				onTrack(activeSub, {
 					target: this,
@@ -2185,9 +2143,8 @@ var Vue = (function() {
 		}
 		return cRef;
 	}
-
-//#endregion
-//#region packages/reactivity/src/constants.ts
+	//#endregion
+	//#region packages/reactivity/src/constants.ts
 	const TrackOpTypes = {
 		"GET": "get",
 		"HAS": "has",
@@ -2199,9 +2156,8 @@ var Vue = (function() {
 		"DELETE": "delete",
 		"CLEAR": "clear"
 	};
-
-//#endregion
-//#region packages/reactivity/src/watch.ts
+	//#endregion
+	//#region packages/reactivity/src/watch.ts
 	const INITIAL_WATCHER_VALUE = {};
 	let activeWatcher = void 0;
 	/**
@@ -2342,9 +2298,8 @@ var Vue = (function() {
 		}
 		return value;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/warning.ts
+	//#endregion
+	//#region packages/runtime-core/src/warning.ts
 	const stack$1 = [];
 	/**
 	* @internal
@@ -2369,8 +2324,8 @@ var Vue = (function() {
 		const trace = getComponentTrace();
 		if (appWarnHandler) callWithErrorHandling(appWarnHandler, instance, 11, [
 			msg + args.map((a) => {
-				var _a$toString, _a$toString2;
-				return (_a$toString = (_a$toString2 = a.toString) === null || _a$toString2 === void 0 ? void 0 : _a$toString2.call(a)) !== null && _a$toString !== void 0 ? _a$toString : JSON.stringify(a);
+				const toString = a.toString;
+				return toString == null ? JSON.stringify(a) : toString.call(a);
 			}).join(""),
 			instance && instance.proxy || instance,
 			trace.map(({ ctx }) => `at <${formatComponentName(instance, ctx.type)}>`).join("\n"),
@@ -2460,9 +2415,8 @@ var Vue = (function() {
 		else if (isNaN(val)) warn$1(`${type} is NaN - the duration expression might be incorrect.`);
 	}
 	/* v8 ignore stop */
-
-//#endregion
-//#region packages/runtime-core/src/errorHandling.ts
+	//#endregion
+	//#region packages/runtime-core/src/errorHandling.ts
 	const ErrorCodes = {
 		"SETUP_FUNCTION": 0,
 		"0": "SETUP_FUNCTION",
@@ -2583,9 +2537,8 @@ var Vue = (function() {
 			else console.error(err);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/scheduler.ts
+	//#endregion
+	//#region packages/runtime-core/src/scheduler.ts
 	const jobs = [];
 	let postJobs = [];
 	let activePostJobs = null;
@@ -2736,9 +2689,8 @@ var Vue = (function() {
 		seen.set(fn, count + 1);
 		return false;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/hmr.ts
+	//#endregion
+	//#region packages/runtime-core/src/hmr.ts
 	let isHmrUpdating = false;
 	const hmrDirtyComponents = /* @__PURE__ */ new Map();
 	const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
@@ -2858,9 +2810,8 @@ var Vue = (function() {
 			}
 		};
 	}
-
-//#endregion
-//#region packages/runtime-core/src/devtools.ts
+	//#endregion
+	//#region packages/runtime-core/src/devtools.ts
 	let devtools$1;
 	let buffer = [];
 	let devtoolsNotInstalled = false;
@@ -2927,9 +2878,8 @@ var Vue = (function() {
 	function devtoolsComponentEmit(component, event, params) {
 		emit$2("component:emit", component.appContext.app, component, event, params);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/compatConfig.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/compatConfig.ts
 	const DeprecationTypes$1 = {
 		"GLOBAL_MOUNT": "GLOBAL_MOUNT",
 		"GLOBAL_MOUNT_CONTAINER": "GLOBAL_MOUNT_CONTAINER",
@@ -3198,9 +3148,8 @@ var Vue = (function() {
 		if (enabled) warnDeprecation$1(key, instance, ...args);
 		return enabled;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/instanceEventEmitter.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/instanceEventEmitter.ts
 	const eventRegistryMap = /* @__PURE__ */ new WeakMap();
 	function getRegistry(instance) {
 		let events = eventRegistryMap.get(instance);
@@ -3252,10 +3201,9 @@ var Vue = (function() {
 		if (cbs) callWithAsyncErrorHandling(cbs.map((cb) => cb.bind(instance.proxy)), instance, 6, args);
 		return instance.proxy;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentRenderContext.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentRenderContext.ts
+	/**
 	* mark the current rendering instance for asset resolution (e.g.
 	* resolveComponent, resolveDirective) during render
 	*/
@@ -3324,9 +3272,8 @@ var Vue = (function() {
 		if (isNonScopedSlot) renderFnWithContext._ns = true;
 		return renderFnWithContext;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/customDirective.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/customDirective.ts
 	const legacyDirectiveHookMap = {
 		beforeMount: "bind",
 		mounted: "inserted",
@@ -3350,9 +3297,8 @@ var Vue = (function() {
 			return dir[mappedName];
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/directives.ts
+	//#endregion
+	//#region packages/runtime-core/src/directives.ts
 	function validateDirectiveName(name) {
 		if (isBuiltInDirective(name)) warn$1("Do not use built-in directive ids as custom directive id: " + name);
 	}
@@ -3406,9 +3352,8 @@ var Vue = (function() {
 			}
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiInject.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiInject.ts
 	function provide(key, value) {
 		if (!currentInstance || currentInstance.isMounted && !isHmrUpdating) warn$1(`provide() can only be used inside setup().`);
 		if (currentInstance) {
@@ -3435,16 +3380,14 @@ var Vue = (function() {
 	function hasInjectionContext() {
 		return !!(getCurrentGenericInstance() || currentApp);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useSsrContext.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useSsrContext.ts
 	const ssrContextKey = Symbol.for("v-scx");
 	const useSSRContext = () => {
 		warn$1(`useSSRContext() is not supported in the global build.`);
 	};
-
-//#endregion
-//#region packages/runtime-core/src/apiWatch.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiWatch.ts
 	function watchEffect(effect, options) {
 		return doWatch(effect, null, options);
 	}
@@ -3525,9 +3468,8 @@ var Vue = (function() {
 			return cur;
 		};
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/Teleport.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/Teleport.ts
 	const TeleportEndKey = Symbol("_vte");
 	const isTeleport = (type) => type.__isTeleport;
 	const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
@@ -3723,9 +3665,8 @@ var Vue = (function() {
 		}
 		return targetAnchor;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/BaseTransition.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/BaseTransition.ts
 	const leaveCbKey = Symbol("_leaveCb");
 	const enterCbKey$1 = Symbol("_enterCb");
 	function useTransitionState() {
@@ -3847,6 +3788,7 @@ var Vue = (function() {
 		const key = String(vnode.key);
 		const leavingVNodesCache = getLeavingNodesForType(state, vnode);
 		return baseResolveTransitionHooks({
+			isLeaving: () => leavingVNodesCache[key] === vnode,
 			setLeavingNodeCache: () => {
 				leavingVNodesCache[key] = vnode;
 			},
@@ -3865,7 +3807,7 @@ var Vue = (function() {
 		}, props, state, instance);
 	}
 	function baseResolveTransitionHooks(context, props, state, instance) {
-		const { setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
+		const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
 		const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props;
 		const callHook = (hook, args) => {
 			hook && callWithAsyncErrorHandling(hook, instance, 9, args);
@@ -3889,6 +3831,7 @@ var Vue = (function() {
 				callHook(hook, [el]);
 			},
 			enter(el) {
+				if (isLeaving()) return;
 				let hook = onEnter;
 				let afterHook = onAfterEnter;
 				let cancelHook = onEnterCancelled;
@@ -3985,16 +3928,14 @@ var Vue = (function() {
 	function checkTransitionMode(mode) {
 		if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") warn$1(`invalid <transition> mode: ${mode}`);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiDefineComponent.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiDefineComponent.ts
 	/* @__NO_SIDE_EFFECTS__ */
 	function defineComponent(options, extraOptions) {
 		return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useId.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useId.ts
 	function useId() {
 		const i = getCurrentGenericInstance();
 		if (i) return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++;
@@ -4014,9 +3955,8 @@ var Vue = (function() {
 			0
 		];
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useTemplateRef.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useTemplateRef.ts
 	const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
 	function useTemplateRef(key) {
 		const i = getCurrentGenericInstance();
@@ -4038,9 +3978,8 @@ var Vue = (function() {
 		let desc;
 		return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/rendererTemplateRef.ts
+	//#endregion
+	//#region packages/runtime-core/src/rendererTemplateRef.ts
 	const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
 	/**
 	* Function for handling a template ref
@@ -4137,20 +4076,12 @@ var Vue = (function() {
 			pendingSetRefMap.delete(rawRef);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/hydration.ts
+	//#endregion
+	//#region packages/runtime-core/src/hydration.ts
 	let isHydratingEnabled = false;
 	function setIsHydratingEnabled(value) {
 		isHydratingEnabled = value;
 	}
-	/**
-	* VDOM hydration state.
-	* Also used by vapor interop plugin for tree-shaking:
-	* In non-hydration builds, this is never set to true, so the logic in
-	* vaporInteropImpl's hydrate/hydrateSlot can be tree-shaken.
-	*/
-	let isHydrating = false;
 	let hasLoggedMismatchError = false;
 	const logMismatchError = () => {
 		if (hasLoggedMismatchError) return;
@@ -4176,9 +4107,7 @@ var Vue = (function() {
 				container._vnode = vnode;
 				return;
 			}
-			isHydrating = true;
 			hydrateNode(container.firstChild, vnode, null, null, null);
-			isHydrating = false;
 			flushPostFlushCbs();
 			container._vnode = vnode;
 		};
@@ -4547,9 +4476,8 @@ var Vue = (function() {
 			return list.includes(MismatchTypeString[allowedType]);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/hydrationStrategies.ts
+	//#endregion
+	//#region packages/runtime-core/src/hydrationStrategies.ts
 	let requestIdleCallback;
 	let cancelIdleCallback;
 	function ensureIdleCallbacks() {
@@ -4636,9 +4564,8 @@ var Vue = (function() {
 			}
 		} else cb(node);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiAsyncComponent.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiAsyncComponent.ts
 	const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
 	/* @__NO_SIDE_EFFECTS__ */
 	function defineAsyncComponent(source) {
@@ -4773,9 +4700,8 @@ var Vue = (function() {
 		if (getResolvedComp()) doHydrate();
 		else load().then(() => !instance.isUnmounted && doHydrate());
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/KeepAlive.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/KeepAlive.ts
 	const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
 	const KeepAliveImpl = {
 		name: `KeepAlive`,
@@ -4994,11 +4920,9 @@ var Vue = (function() {
 			instance.isDeactivated = true;
 		}, void 0, parentSuspense);
 		devtoolsComponentAdded(instance);
-		instance.__keepAliveStorageContainer = container;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiLifecycle.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiLifecycle.ts
 	function injectHook(type, hook, target = currentInstance, prepend = false) {
 		if (target) {
 			const hooks = target[type] || (target[type] = []);
@@ -5032,9 +4956,8 @@ var Vue = (function() {
 	function onErrorCaptured(hook, target = currentInstance) {
 		injectHook("ec", hook, target);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/instanceChildren.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/instanceChildren.ts
 	function getCompatChildren(instance) {
 		assertCompatEnabled("INSTANCE_CHILDREN", instance);
 		const root = instance.subTree;
@@ -5049,9 +4972,8 @@ var Vue = (function() {
 			for (let i = 0; i < vnodes.length; i++) walk$1(vnodes[i], children);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/instanceListeners.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/instanceListeners.ts
 	function getCompatListeners(instance) {
 		assertCompatEnabled("INSTANCE_LISTENERS", instance);
 		const listeners = {};
@@ -5060,24 +4982,20 @@ var Vue = (function() {
 		for (const key in rawProps) if (isOn(key)) listeners[key[2].toLowerCase() + key.slice(3)] = rawProps[key];
 		return listeners;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/resolveAssets.ts
-	const COMPONENTS = "components";
 	const DIRECTIVES = "directives";
 	const FILTERS = "filters";
 	/**
 	* @private
 	*/
 	function resolveComponent(name, maybeSelfReference) {
-		return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+		return resolveAsset("components", name, true, maybeSelfReference) || name;
 	}
 	const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
 	/**
 	* @private
 	*/
 	function resolveDynamicComponent(component) {
-		if (isString(component)) return resolveAsset(COMPONENTS, component, false) || component;
+		if (isString(component)) return resolveAsset("components", component, false) || component;
 		else return component || NULL_DYNAMIC_COMPONENT;
 	}
 	/**
@@ -5097,14 +5015,14 @@ var Vue = (function() {
 		const instance = currentRenderingInstance || currentInstance;
 		if (instance) {
 			const Component = instance.type;
-			if (type === COMPONENTS) {
+			if (type === "components") {
 				const selfName = getComponentName(Component, false);
 				if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) return Component;
 			}
 			const res = resolve(instance[type] || Component[type], name) || resolve(instance.appContext[type], name);
 			if (!res && maybeSelfReference) return Component;
 			if (warnMissing && !res) {
-				const extra = type === COMPONENTS ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
+				const extra = type === "components" ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
 				warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
 			}
 			return res;
@@ -5113,9 +5031,8 @@ var Vue = (function() {
 	function resolve(registry, name) {
 		return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/renderFn.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/renderFn.ts
 	function convertLegacyRenderFn(instance) {
 		const Component = instance.type;
 		const render = Component.render;
@@ -5249,9 +5166,8 @@ var Vue = (function() {
 		}
 		/* v8 ignore stop */
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/componentFunctional.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/componentFunctional.ts
 	const normalizedFunctionalComponentMap = /* @__PURE__ */ new WeakMap();
 	const legacySlotProxyHandlers = { get(target, key) {
 		const slot = target[key];
@@ -5291,10 +5207,9 @@ var Vue = (function() {
 		normalizedFunctionalComponentMap.set(comp, Func);
 		return Func;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/renderList.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/renderList.ts
+	/**
 	* Actual implementation
 	*/
 	function renderList(source, renderItem, cache, index) {
@@ -5312,11 +5227,14 @@ var Vue = (function() {
 			}
 			ret = new Array(source.length);
 			for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i], i, void 0, cached && cached[i]);
-		} else if (typeof source === "number") {
-			if (!Number.isInteger(source)) warn$1(`The v-for range expect an integer value but got ${source}.`);
+		} 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 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);
@@ -5329,10 +5247,9 @@ var Vue = (function() {
 		if (cache) cache[index] = ret;
 		return ret;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/createSlots.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/createSlots.ts
+	/**
 	* Compiler runtime helper for creating dynamic slots object
 	* @private
 	*/
@@ -5348,10 +5265,9 @@ var Vue = (function() {
 		}
 		return slots;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/renderSlot.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/renderSlot.ts
+	/**
 	* Compiler runtime helper for rendering `<slot/>`
 	* @private
 	*/
@@ -5399,10 +5315,9 @@ var Vue = (function() {
 			if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/toHandlers.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/helpers/toHandlers.ts
+	/**
 	* For prefixing keys in v-on="obj" with "on"
 	* @private
 	*/
@@ -5415,9 +5330,8 @@ var Vue = (function() {
 		for (const key in obj) ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
 		return ret;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/renderHelpers.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/renderHelpers.ts
 	function toObject(arr) {
 		const res = {};
 		for (let i = 0; i < arr.length; i++) if (arr[i]) extend(res, arr[i]);
@@ -5497,9 +5411,8 @@ var Vue = (function() {
 	function legacyPrependModifier(value, symbol) {
 		return typeof value === "string" ? symbol + value : value;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/instance.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/instance.ts
 	function installCompatInstanceProperties(map) {
 		const set = (target, key, val) => {
 			target[key] = val;
@@ -5586,10 +5499,9 @@ var Vue = (function() {
 			if (isCompatEnabled$1("PRIVATE_APIS", i)) return privateAPIs[key](i);
 		};
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentPublicInstance.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentPublicInstance.ts
+	/**
 	* #2437 In Vue 3, functional components do not have a public instance proxy but
 	* they exist in the internal parent chain. For code that relies on traversing
 	* public $parent chains, skip functional ones and go to the parent instead.
@@ -5772,9 +5684,8 @@ var Vue = (function() {
 			}
 		});
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/data.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/data.ts
 	function deepMergeData(to, from) {
 		for (const key in from) {
 			const toVal = to[key];
@@ -5786,9 +5697,8 @@ var Vue = (function() {
 		}
 		return to;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiSetupHelpers.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiSetupHelpers.ts
 	const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`);
 	function defineProps() {
 		warnRuntimeUsage(`defineProps`);
@@ -5825,6 +5735,22 @@ var Vue = (function() {
 	function defineOptions(options) {
 		warnRuntimeUsage(`defineOptions`);
 	}
+	/**
+	* Vue `<script setup>` compiler macro for providing type hints to IDEs for
+	* slot name and slot props type checking.
+	*
+	* Example usage:
+	* ```ts
+	* const slots = defineSlots<{
+	*   default(props: { msg: string }): any
+	* }>()
+	* ```
+	*
+	* This is only usable inside `<script setup>`, is compiled away in the
+	* output and should **not** be actually called at runtime.
+	*
+	* @see {@link https://vuejs.org/api/sfc-script-setup.html#defineslots}
+	*/
 	function defineSlots() {
 		warnRuntimeUsage(`defineSlots`);
 		return null;
@@ -5941,18 +5867,31 @@ var Vue = (function() {
 	*/
 	function withAsyncContext(getAwaitable) {
 		const ctx = getCurrentGenericInstance();
+		const inSSRSetup = isInSSRComponentSetup;
 		if (!ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 		let awaitable = getAwaitable();
 		setCurrentInstance(null, void 0);
-		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
+		if (inSSRSetup) setInSSRSetupState(false);
+		const restore = () => {
 			setCurrentInstance(ctx);
+			if (inSSRSetup) setInSSRSetupState(true);
+		};
+		const cleanup = () => {
+			setCurrentInstance(null, void 0);
+			if (inSSRSetup) setInSSRSetupState(false);
+		};
+		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
+			restore();
+			Promise.resolve().then(() => Promise.resolve().then(cleanup));
 			throw e;
 		});
-		return [awaitable, () => setCurrentInstance(ctx)];
+		return [awaitable, () => {
+			restore();
+			Promise.resolve().then(cleanup);
+		}];
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentOptions.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentOptions.ts
 	function createDuplicateChecker() {
 		const cache = Object.create(null);
 		return (type, key) => {
@@ -6216,9 +6155,8 @@ var Vue = (function() {
 		for (const key in from) merged[key] = mergeAsArray$1(to[key], from[key]);
 		return merged;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/globalConfig.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/globalConfig.ts
 	function installLegacyConfigWarnings(config) {
 		const legacyConfigOptions = {
 			silent: "CONFIG_SILENT",
@@ -6247,9 +6185,8 @@ var Vue = (function() {
 			if (key in internalOptionMergeStrats && softAssertCompatEnabled("CONFIG_OPTION_MERGE_STRATS", null)) return internalOptionMergeStrats[key];
 		} });
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/global.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/global.ts
 	let isCopyingConfig = false;
 	let singletonApp;
 	let singletonCtor;
@@ -6268,7 +6205,7 @@ var Vue = (function() {
 			if (options.el) return vm.$mount(options.el);
 			else return vm;
 		}
-		Vue.version = `2.6.14-compat:3.6.0-beta.6`;
+		Vue.version = `2.6.14-compat:3.6.0-beta.8`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -6548,9 +6485,8 @@ var Vue = (function() {
 			}
 		});
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiCreateApp.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiCreateApp.ts
 	function createAppContext() {
 		return {
 			app: null,
@@ -6681,9 +6617,8 @@ var Vue = (function() {
 	* `app.runWithContext()`.
 	*/
 	let currentApp = null;
-
-//#endregion
-//#region packages/runtime-core/src/compat/componentVModel.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/componentVModel.ts
 	const compatModelEventPrefix = `onModelCompat:`;
 	const warnedTypes = /* @__PURE__ */ new WeakSet();
 	function convertLegacyVModelProps(vnode) {
@@ -6724,9 +6659,8 @@ var Vue = (function() {
 		const modelHandler = props && props[compatModelEventPrefix + event];
 		if (modelHandler) callWithErrorHandling(modelHandler, instance, 6, args);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/useModel.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/useModel.ts
 	function useModel(props, name, options = EMPTY_OBJ) {
 		const i = getCurrentGenericInstance();
 		if (!i) {
@@ -6797,9 +6731,8 @@ var Vue = (function() {
 	const getModelModifiers = (props, modelName, getter) => {
 		return getter(props, getModifierPropName(modelName)) || getter(props, `${camelize(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
 	};
-
-//#endregion
-//#region packages/runtime-core/src/componentEmits.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentEmits.ts
 	function emit(instance, event, ...rawArgs) {
 		return baseEmit(instance, instance.vnode.props || EMPTY_OBJ, defaultPropGetter, event, ...rawArgs);
 	}
@@ -6893,10 +6826,9 @@ var Vue = (function() {
 		key = key.slice(2).replace(/Once$/, "");
 		return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentRenderUtils.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentRenderUtils.ts
+	/**
 	* dev only flag to track whether $attrs was used during render.
 	* If $attrs was used during render then the warning for failed attrs
 	* fallthrough can be suppressed.
@@ -7095,9 +7027,8 @@ var Vue = (function() {
 			} else break;
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/props.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/props.ts
 	function createPropsDefaultThis(instance, rawProps, propKey) {
 		return new Proxy({}, { get(_, key) {
 			warnDeprecation$1("PROPS_DEFAULT_THIS", null, propKey);
@@ -7111,9 +7042,8 @@ var Vue = (function() {
 			}
 		} });
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/attrsFallthrough.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/attrsFallthrough.ts
 	function shouldSkipAttr(key, instance) {
 		if (key === "is") return true;
 		if ((key === "class" || key === "style") && isCompatEnabled$1("INSTANCE_ATTRS_CLASS_STYLE", instance)) return true;
@@ -7121,10 +7051,9 @@ var Vue = (function() {
 		if (key.startsWith("routerView") || key === "registerRouteInstance") return true;
 		return false;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/internalObject.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/internalObject.ts
+	/**
 	* Used during vnode props/slots normalization to check if the vnode props/slots
 	* are the internal attrs / slots object of a component via
 	* `Object.getPrototypeOf`. This is more performant than defining a
@@ -7133,9 +7062,8 @@ var Vue = (function() {
 	const internalObjectProto = {};
 	const createInternalObject = () => Object.create(internalObjectProto);
 	const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
-
-//#endregion
-//#region packages/runtime-core/src/componentProps.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentProps.ts
 	function initProps(instance, rawProps, isStateful, isSSR = false) {
 		const props = instance.props = {};
 		const attrs = createInternalObject();
@@ -7438,9 +7366,8 @@ var Vue = (function() {
 	function isBoolean(...args) {
 		return args.some((elem) => elem.toLowerCase() === "boolean");
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentSlots.ts
+	//#endregion
+	//#region packages/runtime-core/src/componentSlots.ts
 	const isInternalKey = (key) => key === "_" || key === "_ctx" || key === "$stable";
 	const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
 	const normalizeSlot = (key, rawSlot, ctx) => {
@@ -7507,9 +7434,8 @@ var Vue = (function() {
 			for (const key in slots) if (!isInternalKey(key) && deletionComparisonTarget[key] == null) delete slots[key];
 		}
 	};
-
-//#endregion
-//#region packages/runtime-core/src/profiling.ts
+	//#endregion
+	//#region packages/runtime-core/src/profiling.ts
 	let supported;
 	let perf;
 	let cachedNow$1 = 0;
@@ -7546,9 +7472,8 @@ var Vue = (function() {
 		} else supported = false;
 		return supported;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/renderer.ts
+	//#endregion
+	//#region packages/runtime-core/src/renderer.ts
 	const MoveType = {
 		"ENTER": 0,
 		"0": "ENTER",
@@ -7611,7 +7536,7 @@ var Vue = (function() {
 					processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 					break;
 				case VaporSlot:
-					getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent);
+					getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
 					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);
@@ -7938,7 +7863,7 @@ var Vue = (function() {
 						if (isAsyncWrapperVNode && type.__asyncHydrate) type.__asyncHydrate(el, instance, hydrateSubTree);
 						else hydrateSubTree();
 					} else {
-						if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type);
+						if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type, instance.parent ? instance.parent.type : void 0);
 						startMeasure(instance, `render`);
 						const subTree = instance.subTree = renderComponentRoot(instance);
 						endMeasure(instance, `render`);
@@ -8460,12 +8385,11 @@ var Vue = (function() {
 		if (instance) return resolveAsyncComponentPlaceholder(instance.subTree);
 		return null;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/components/Suspense.ts
+	//#endregion
+	//#region packages/runtime-core/src/components/Suspense.ts
 	const isSuspense = (type) => type.__isSuspense;
 	let suspenseId = 0;
-	const SuspenseImpl = {
+	const Suspense = {
 		name: "Suspense",
 		__isSuspense: true,
 		process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
@@ -8483,7 +8407,6 @@ var Vue = (function() {
 		hydrate: hydrateSuspense,
 		normalize: normalizeSuspenseChildren
 	};
-	const Suspense = SuspenseImpl;
 	function triggerEvent(vnode, name) {
 		const eventListener = vnode.props && vnode.props[name];
 		if (isFunction(eventListener)) eventListener();
@@ -8744,9 +8667,8 @@ var Vue = (function() {
 		const suspensible = vnode.props && vnode.props.suspensible;
 		return suspensible != null && suspensible !== false;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/componentAsync.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/componentAsync.ts
 	const normalizedAsyncComponentMap = /* @__PURE__ */ new WeakMap();
 	function convertLegacyAsyncComponent(comp) {
 		if (normalizedAsyncComponentMap.has(comp)) return normalizedAsyncComponentMap.get(comp);
@@ -8770,9 +8692,8 @@ var Vue = (function() {
 		normalizedAsyncComponentMap.set(comp, converted);
 		return converted;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/compat/component.ts
+	//#endregion
+	//#region packages/runtime-core/src/compat/component.ts
 	function convertLegacyComponent(comp, instance) {
 		if (comp.__isBuiltIn) return comp;
 		if (isFunction(comp) && comp.cid) {
@@ -8786,9 +8707,8 @@ var Vue = (function() {
 		if (isObject(comp) && comp.functional && softAssertCompatEnabled("COMPONENT_FUNCTIONAL", instance, comp)) return convertLegacyFunctionalComponent(comp);
 		return comp;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/vnode.ts
+	//#endregion
+	//#region packages/runtime-core/src/vnode.ts
 	const Fragment = Symbol.for("v-fgt");
 	const Text = Symbol.for("v-txt");
 	const Comment = Symbol.for("v-cmt");
@@ -9108,10 +9028,9 @@ var Vue = (function() {
 	function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 		callWithAsyncErrorHandling(hook, instance, 7, [vnode, prevVNode]);
 	}
-
-//#endregion
-//#region packages/runtime-core/src/componentCurrentInstance.ts
-/**
+	//#endregion
+	//#region packages/runtime-core/src/componentCurrentInstance.ts
+	/**
 	* @internal
 	*/
 	let currentInstance = null;
@@ -9125,8 +9044,7 @@ var Vue = (function() {
 	/**
 	* @internal
 	*/
-	let simpleSetCurrentInstance;
-	simpleSetCurrentInstance = (i) => {
+	let simpleSetCurrentInstance = (i) => {
 		currentInstance = i;
 	};
 	setInSSRSetupState = (v) => {
@@ -9168,9 +9086,8 @@ var Vue = (function() {
 			value: instance[key]
 		};
 	};
-
-//#endregion
-//#region packages/runtime-core/src/component.ts
+	//#endregion
+	//#region packages/runtime-core/src/component.ts
 	const emptyAppContext = /* @__PURE__ */ createAppContext();
 	let uid = 0;
 	function createComponentInstance(vnode, parent, suspense) {
@@ -9467,15 +9384,13 @@ var Vue = (function() {
 	function isClassComponent(value) {
 		return isFunction(value) && "__vccOpts" in value;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/apiComputed.ts
+	//#endregion
+	//#region packages/runtime-core/src/apiComputed.ts
 	const computed = (getterOrOptions, debugOptions) => {
 		return /* @__PURE__ */ computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 	};
-
-//#endregion
-//#region packages/runtime-core/src/h.ts
+	//#endregion
+	//#region packages/runtime-core/src/h.ts
 	function h(type, propsOrChildren, children) {
 		try {
 			setBlockTracking(-1);
@@ -9493,9 +9408,8 @@ var Vue = (function() {
 			setBlockTracking(1);
 		}
 	}
-
-//#endregion
-//#region packages/runtime-core/src/customFormatter.ts
+	//#endregion
+	//#region packages/runtime-core/src/customFormatter.ts
 	function initCustomFormatter() {
 		if (typeof window === "undefined") return;
 		const vueStyle = { style: "color:#3ba776" };
@@ -9658,9 +9572,8 @@ var Vue = (function() {
 		if (window.devtoolsFormatters) window.devtoolsFormatters.push(formatter);
 		else window.devtoolsFormatters = [formatter];
 	}
-
-//#endregion
-//#region packages/runtime-core/src/helpers/withMemo.ts
+	//#endregion
+	//#region packages/runtime-core/src/helpers/withMemo.ts
 	function withMemo(memo, render, cache, index) {
 		const cached = cache[index];
 		if (cached && isMemoSame(cached, memo)) return cached;
@@ -9676,10 +9589,9 @@ var Vue = (function() {
 		if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(cached);
 		return true;
 	}
-
-//#endregion
-//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.6";
+	//#endregion
+	//#region packages/runtime-core/src/index.ts
+	const version = "3.6.0-beta.8";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -9689,29 +9601,22 @@ var Vue = (function() {
 	const devtools = devtools$1;
 	const setDevtoolsHook = setDevtoolsHook$1;
 	/**
-	* SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
-	* @internal
-	*/
-	const ssrUtils = null;
-	/**
 	* @internal only exposed in compat builds
 	*/
 	const resolveFilter = resolveFilter$1;
-	const _compatUtils = {
+	/**
+	* @internal only exposed in compat builds.
+	*/
+	const compatUtils = {
 		warnDeprecation: warnDeprecation$1,
 		createCompatVue: createCompatVue$1,
 		isCompatEnabled: isCompatEnabled$1,
 		checkCompatEnabled: checkCompatEnabled$1,
 		softAssertCompatEnabled
 	};
-	/**
-	* @internal only exposed in compat builds.
-	*/
-	const compatUtils = _compatUtils;
 	const DeprecationTypes = DeprecationTypes$1;
-
-//#endregion
-//#region packages/runtime-dom/src/nodeOps.ts
+	//#endregion
+	//#region packages/runtime-dom/src/nodeOps.ts
 	let policy = void 0;
 	const tt = typeof window !== "undefined" && window.trustedTypes;
 	if (tt) try {
@@ -9770,9 +9675,8 @@ var Vue = (function() {
 			return [before ? before.nextSibling : parent.firstChild, anchor ? anchor.previousSibling : parent.lastChild];
 		}
 	};
-
-//#endregion
-//#region packages/runtime-dom/src/components/Transition.ts
+	//#endregion
+	//#region packages/runtime-dom/src/components/Transition.ts
 	const TRANSITION$1 = "transition";
 	const ANIMATION = "animation";
 	const vtcKey = Symbol("_vtc");
@@ -10028,9 +9932,8 @@ var Vue = (function() {
 	function forceReflow(el) {
 		return (el ? el.ownerDocument : document).body.offsetHeight;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/class.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/class.ts
 	function patchClass(el, value, isSVG) {
 		const transitionClasses = el[vtcKey];
 		if (transitionClasses) value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
@@ -10038,9 +9941,8 @@ var Vue = (function() {
 		else if (isSVG) el.setAttribute("class", value);
 		else el.className = value;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/directives/vShow.ts
+	//#endregion
+	//#region packages/runtime-dom/src/directives/vShow.ts
 	const vShowOriginalDisplay = Symbol("_vod");
 	const vShowHidden = Symbol("_vsh");
 	const vShow = {
@@ -10072,9 +9974,8 @@ var Vue = (function() {
 		el.style.display = value ? el[vShowOriginalDisplay] : "none";
 		el[vShowHidden] = !value;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/helpers/useCssVars.ts
+	//#endregion
+	//#region packages/runtime-dom/src/helpers/useCssVars.ts
 	const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT");
 	/**
 	* Runtime helper for SFC's CSS variable injection feature.
@@ -10157,9 +10058,8 @@ var Vue = (function() {
 			style[CSS_VAR_TEXT] = cssText;
 		}
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/style.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/style.ts
 	const displayRE = /(?:^|;)\s*display\s*:/;
 	function patchStyle(el, prev, next) {
 		const style = el.style;
@@ -10222,9 +10122,8 @@ var Vue = (function() {
 		}
 		return rawName;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/attrs.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/attrs.ts
 	const xlinkNS = "http://www.w3.org/1999/xlink";
 	function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
 		if (isSVG && key.startsWith("xlink:")) if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
@@ -10250,9 +10149,8 @@ var Vue = (function() {
 		}
 		return false;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/props.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/props.ts
 	function patchDOMProp(el, key, value, parentComponent, attrName) {
 		if (key === "innerHTML" || key === "textContent") {
 			if (value != null) el[key] = key === "innerHTML" ? unsafeToTrustedHTML(value) : value;
@@ -10293,9 +10191,8 @@ var Vue = (function() {
 		}
 		needRemove && el.removeAttribute(attrName || key);
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/modules/events.ts
+	//#endregion
+	//#region packages/runtime-dom/src/modules/events.ts
 	function addEventListener(el, event, handler, options) {
 		el.addEventListener(event, handler, options);
 	}
@@ -10357,9 +10254,8 @@ var Vue = (function() {
 			return value.map((fn) => (e) => !e._stopped && fn && fn(e));
 		} else return value;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/patchProp.ts
+	//#endregion
+	//#region packages/runtime-dom/src/patchProp.ts
 	const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
 		const isSVG = namespace === "svg";
 		if (key === "class") patchClass(el, nextValue, isSVG);
@@ -10369,7 +10265,7 @@ var Vue = (function() {
 		} else if (key[0] === "." ? (key = key.slice(1), true) : key[0] === "^" ? (key = key.slice(1), false) : shouldSetAsProp(el, key, nextValue, isSVG)) {
 			patchDOMProp(el, key, nextValue, parentComponent);
 			if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
-		} else if (el._isVueCE && (/[A-Z]/.test(key) || !isString(nextValue))) patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
+		} else if (el._isVueCE && (shouldSetAsPropForVueCE(el, key) || el._def.__asyncLoader && (/[A-Z]/.test(key) || !isString(nextValue)))) patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
 		else {
 			if (key === "true-value") el._trueValue = nextValue;
 			else if (key === "false-value") el._falseValue = nextValue;
@@ -10386,9 +10282,14 @@ var Vue = (function() {
 		if (isNativeOn(key) && isString(value)) return false;
 		return key in el;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/apiCustomElement.ts
+	function shouldSetAsPropForVueCE(el, key) {
+		const props = el._def.props;
+		if (!props) return false;
+		const camelKey = camelize(key);
+		return Array.isArray(props) ? props.some((prop) => camelize(prop) === camelKey) : Object.keys(props).some((prop) => camelize(prop) === camelKey);
+	}
+	//#endregion
+	//#region packages/runtime-dom/src/apiCustomElement.ts
 	const REMOVAL = {};
 	/* @__NO_SIDE_EFFECTS__ */
 	function defineCustomElement(options, extraOptions, _createApp) {
@@ -10416,6 +10317,7 @@ var Vue = (function() {
 			this._resolved = false;
 			this._numberProps = null;
 			this._styleChildren = /* @__PURE__ */ new WeakSet();
+			this._styleAnchors = /* @__PURE__ */ new WeakMap();
 			this._patching = false;
 			this._dirty = false;
 			this._ob = null;
@@ -10434,7 +10336,7 @@ var Vue = (function() {
 			if (!this.shadowRoot && !this._resolved) this._parseSlots();
 			this._connected = true;
 			let parent = this;
-			while (parent = parent && (parent.parentNode || parent.host)) if (parent instanceof VueElementBase) {
+			while (parent = parent && (parent.assignedSlot || parent.parentNode || parent.host)) if (parent instanceof VueElementBase) {
 				this._parent = parent;
 				break;
 			}
@@ -10527,6 +10429,7 @@ var Vue = (function() {
 					this._styles.forEach((s) => this._root.removeChild(s));
 					this._styles.length = 0;
 				}
+				this._styleAnchors.delete(this._def);
 				this._applyStyles(newStyles);
 				if (!this._instance.vapor) this._instance = null;
 				this._update();
@@ -10592,18 +10495,26 @@ var Vue = (function() {
 				}
 			}
 		}
-		_applyStyles(styles, owner) {
+		_applyStyles(styles, owner, parentComp) {
 			if (!styles) return;
 			if (owner) {
 				if (owner === this._def || this._styleChildren.has(owner)) return;
 				this._styleChildren.add(owner);
 			}
 			const nonce = this._nonce;
+			const root = this.shadowRoot;
+			const insertionAnchor = parentComp ? this._getStyleAnchor(parentComp) || this._getStyleAnchor(this._def) : this._getRootStyleInsertionAnchor(root);
+			let last = null;
 			for (let i = styles.length - 1; i >= 0; i--) {
 				const s = document.createElement("style");
 				if (nonce) s.setAttribute("nonce", nonce);
 				s.textContent = styles[i];
-				this.shadowRoot.prepend(s);
+				root.insertBefore(s, last || insertionAnchor);
+				last = s;
+				if (i === 0) {
+					if (!parentComp) this._styleAnchors.set(this._def, s);
+					if (owner) this._styleAnchors.set(owner, s);
+				}
 				if (owner) {
 					if (owner.__hmrId) {
 						if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
@@ -10614,6 +10525,20 @@ var Vue = (function() {
 				} else (this._styles || (this._styles = [])).push(s);
 			}
 		}
+		_getStyleAnchor(comp) {
+			if (!comp) return null;
+			const anchor = this._styleAnchors.get(comp);
+			if (anchor && anchor.parentNode === this.shadowRoot) return anchor;
+			if (anchor) this._styleAnchors.delete(comp);
+			return null;
+		}
+		_getRootStyleInsertionAnchor(root) {
+			for (let i = 0; i < root.childNodes.length; i++) {
+				const node = root.childNodes[i];
+				if (!(node instanceof HTMLStyleElement)) return node;
+			}
+			return null;
+		}
 		/**
 		* Only called when shadowRoot is false
 		*/
@@ -10676,8 +10601,8 @@ var Vue = (function() {
 		/**
 		* @internal
 		*/
-		_injectChildStyle(comp) {
-			this._applyStyles(comp.styles, comp);
+		_injectChildStyle(comp, parentComp) {
+			this._applyStyles(comp.styles, comp, parentComp);
 		}
 		/**
 		* @internal
@@ -10704,6 +10629,7 @@ var Vue = (function() {
 		*/
 		_removeChildStyle(comp) {
 			this._styleChildren.delete(comp);
+			this._styleAnchors.delete(comp);
 			if (this._childStyles && comp.__hmrId) {
 				const oldStyles = this._childStyles.get(comp.__hmrId);
 				if (oldStyles) {
@@ -10772,16 +10698,14 @@ var Vue = (function() {
 		const el = useHost("useShadowRoot");
 		return el && el.shadowRoot;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/helpers/useCssModule.ts
+	//#endregion
+	//#region packages/runtime-dom/src/helpers/useCssModule.ts
 	function useCssModule(name = "$style") {
 		warn(`useCssModule() is not supported in the global build.`);
 		return EMPTY_OBJ;
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/components/TransitionGroup.ts
+	//#endregion
+	//#region packages/runtime-dom/src/components/TransitionGroup.ts
 	const positionMap = /* @__PURE__ */ new WeakMap();
 	const newPositionMap = /* @__PURE__ */ new WeakMap();
 	const moveCbKey = Symbol("_moveCb");
@@ -10795,7 +10719,7 @@ var Vue = (function() {
 		t.__isBuiltIn = true;
 		return t;
 	};
-	const TransitionGroupImpl = /* @__PURE__ */ decorate({
+	const TransitionGroup = /* @__PURE__ */ decorate({
 		name: "TransitionGroup",
 		props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
 			tag: String,
@@ -10847,7 +10771,6 @@ var Vue = (function() {
 			};
 		}
 	});
-	const TransitionGroup = TransitionGroupImpl;
 	function callPendingCbs(el) {
 		if (el[moveCbKey]) el[moveCbKey]();
 		if (el[enterCbKey]) el[enterCbKey]();
@@ -10913,9 +10836,8 @@ var Vue = (function() {
 		};
 		el.addEventListener("transitionend", cb);
 	};
-
-//#endregion
-//#region packages/runtime-dom/src/directives/vModel.ts
+	//#endregion
+	//#region packages/runtime-dom/src/directives/vModel.ts
 	const getModelAssigner = (vnode) => {
 		const fn = vnode.props["onUpdate:modelValue"] || vnode.props["onModelCompat:input"];
 		return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
@@ -11145,9 +11067,8 @@ var Vue = (function() {
 		const fn = resolveDynamicModel(el.tagName, vnode.props && vnode.props.type)[hook];
 		fn && fn(el, binding, vnode, prevVNode);
 	}
-
-//#endregion
-//#region packages/runtime-dom/src/directives/vOn.ts
+	//#endregion
+	//#region packages/runtime-dom/src/directives/vOn.ts
 	const systemModifiers = [
 		"ctrl",
 		"shift",
@@ -11220,9 +11141,8 @@ var Vue = (function() {
 			}
 		}));
 	};
-
-//#endregion
-//#region packages/runtime-dom/src/index.ts
+	//#endregion
+	//#region packages/runtime-dom/src/index.ts
 	var src_exports = /* @__PURE__ */ __exportAll({
 		BaseTransition: () => BaseTransition,
 		BaseTransitionPropsValidators: () => BaseTransitionPropsValidators,
@@ -11355,7 +11275,7 @@ var Vue = (function() {
 		shallowReadonly: () => shallowReadonly,
 		shallowRef: () => shallowRef,
 		ssrContextKey: () => ssrContextKey,
-		ssrUtils: () => ssrUtils,
+		ssrUtils: () => null,
 		stop: () => stop,
 		toDisplayString: () => toDisplayString,
 		toHandlerKey: () => toHandlerKey,
@@ -11508,16 +11428,14 @@ var Vue = (function() {
 	* @internal
 	*/
 	const initDirectivesForSSR = NOOP;
-
-//#endregion
-//#region packages/vue-compat/src/dev.ts
+	//#endregion
+	//#region packages/vue-compat/src/dev.ts
 	function initDev() {
 		console.info("You are running a development build of Vue.\nMake sure to use the production build (*.prod.js) when deploying for production.");
 		initCustomFormatter();
 	}
-
-//#endregion
-//#region packages/vue-compat/src/createCompatVue.ts
+	//#endregion
+	//#region packages/vue-compat/src/createCompatVue.ts
 	initDev();
 	function wrappedCreateApp(...args) {
 		const app = createApp(...args);
@@ -11535,9 +11453,8 @@ var Vue = (function() {
 		extend(Vue, src_exports);
 		return Vue;
 	}
-
-//#endregion
-//#region packages/compiler-core/src/runtimeHelpers.ts
+	//#endregion
+	//#region packages/compiler-core/src/runtimeHelpers.ts
 	const FRAGMENT = Symbol(`Fragment`);
 	const TELEPORT = Symbol(`Teleport`);
 	const SUSPENSE = Symbol(`Suspense`);
@@ -11630,9 +11547,8 @@ var Vue = (function() {
 			helperNameMap[s] = helpers[s];
 		});
 	}
-
-//#endregion
-//#region packages/compiler-core/src/ast.ts
+	//#endregion
+	//#region packages/compiler-core/src/ast.ts
 	const locStub = {
 		start: {
 			line: 1,
@@ -11782,9 +11698,8 @@ var Vue = (function() {
 			helper(getVNodeBlockHelper(inSSR, node.isComponent));
 		}
 	}
-
-//#endregion
-//#region packages/compiler-core/src/tokenizer.ts
+	//#endregion
+	//#region packages/compiler-core/src/tokenizer.ts
 	const defaultDelimitersOpen = new Uint8Array([123, 123]);
 	const defaultDelimitersClose = new Uint8Array([125, 125]);
 	/**
@@ -12491,9 +12406,8 @@ var Vue = (function() {
 		}
 		emitCodePoint(cp, consumed) {}
 	};
-
-//#endregion
-//#region packages/compiler-core/src/compat/compatConfig.ts
+	//#endregion
+	//#region packages/compiler-core/src/compat/compatConfig.ts
 	const deprecationData = {
 		["COMPILER_IS_ON_ELEMENT"]: {
 			message: "Platform-native elements with \"is\" prop will no longer be treated as components in Vue 3 unless the \"is\" value is explicitly prefixed with \"vue:\".",
@@ -12549,9 +12463,8 @@ var Vue = (function() {
 		if (loc) err.loc = loc;
 		context.onWarn(err);
 	}
-
-//#endregion
-//#region packages/compiler-core/src/errors.ts
+	//#endregion
+	//#region packages/compiler-core/src/errors.ts
 	function defaultOnError(error) {
 		throw error;
 	}
@@ -12622,9 +12535,8 @@ var Vue = (function() {
 		[51]: `"scopeId" option is only supported in module mode.`,
 		[54]: ``
 	};
-
-//#endregion
-//#region packages/compiler-core/src/utils.ts
+	//#endregion
+	//#region packages/compiler-core/src/utils.ts
 	const isStaticExp = (p) => p.type === 4 && p.isStatic;
 	function isCoreComponent(tag) {
 		switch (tag) {
@@ -12822,9 +12734,8 @@ var Vue = (function() {
 	function isCommentOrWhitespace(node) {
 		return node.type === 3 || isWhitespaceText(node);
 	}
-
-//#endregion
-//#region packages/compiler-core/src/parser.ts
+	//#endregion
+	//#region packages/compiler-core/src/parser.ts
 	const defaultParserOptions = {
 		parseMode: "base",
 		ns: 0,
@@ -13355,9 +13266,8 @@ var Vue = (function() {
 		currentRoot = null;
 		return root;
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/cacheStatic.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/cacheStatic.ts
 	function cacheStatic(root, context) {
 		walk(root, void 0, context, !!getSingleElementRoot(root));
 	}
@@ -13551,9 +13461,8 @@ var Vue = (function() {
 		const codegenNode = node.codegenNode;
 		if (codegenNode.type === 13) return codegenNode.props;
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transform.ts
+	//#endregion
+	//#region packages/compiler-core/src/transform.ts
 	function getSelfName(filename) {
 		const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
 		return nameMatch ? capitalize(camelize(nameMatch[1])) : null;
@@ -13759,9 +13668,8 @@ var Vue = (function() {
 			}
 		};
 	}
-
-//#endregion
-//#region packages/compiler-core/src/codegen.ts
+	//#endregion
+	//#region packages/compiler-core/src/codegen.ts
 	const PURE_ANNOTATION = `/*@__PURE__*/`;
 	const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`;
 	function createCodegenContext(ast, { mode = "function", prefixIdentifiers = mode === "module", sourceMap = false, filename = `template.vue.html`, scopeId = null, optimizeImports = false, runtimeGlobalName = `Vue`, runtimeModuleName = `vue`, ssrRuntimeModuleName = "vue/server-renderer", ssr = false, isTS = false, inSSR = false }) {
@@ -14184,9 +14092,8 @@ var Vue = (function() {
 		push(`)`);
 		if (needArraySpread) push(`)]`);
 	}
-
-//#endregion
-//#region packages/compiler-core/src/validateExpression.ts
+	//#endregion
+	//#region packages/compiler-core/src/validateExpression.ts
 	const prohibitedKeywordRE = new RegExp("\\b" + "arguments,await,break,case,catch,class,const,continue,debugger,default,delete,do,else,export,extends,finally,for,function,if,import,let,new,return,super,switch,throw,try,var,void,while,with,yield".split(",").join("\\b|\\b") + "\\b");
 	const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g;
 	/**
@@ -14206,9 +14113,8 @@ var Vue = (function() {
 			context.onError(createCompilerError(46, node.loc, void 0, message));
 		}
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/transformExpression.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/transformExpression.ts
 	const transformExpression = (node, context) => {
 		if (node.type === 5) node.content = processExpression(node.content, context);
 		else if (node.type === 1) {
@@ -14228,9 +14134,8 @@ var Vue = (function() {
 		validateBrowserExpression(node, context, asParams, asRawStatements);
 		return node;
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vIf.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vIf.ts
 	const transformIf = createStructuralDirectiveTransform(/^(?:if|else|else-if)$/, (node, dir, context) => {
 		return processIf(node, dir, context, (ifNode, branch, isRoot) => {
 			const siblings = context.parent.children;
@@ -14351,9 +14256,8 @@ var Vue = (function() {
 		else return node;
 		else if (node.type === 20) node = node.value;
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vFor.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vFor.ts
 	const transformFor = createStructuralDirectiveTransform("for", (node, dir, context) => {
 		const { helper, removeHelper } = context;
 		return processFor(node, dir, context, (forNode) => {
@@ -14474,9 +14378,8 @@ var Vue = (function() {
 		while (i--) if (args[i]) break;
 		return args.slice(0, i + 1).map((arg, i) => arg || createSimpleExpression(`_`.repeat(i + 1), false));
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vSlot.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vSlot.ts
 	const defaultFallback = createSimpleExpression(`undefined`, false);
 	const trackSlotScopes = (node, context) => {
 		if (node.type === 1 && (node.tagType === 1 || node.tagType === 3)) {
@@ -14605,9 +14508,8 @@ var Vue = (function() {
 		}
 		return false;
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/transformElement.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/transformElement.ts
 	const directiveImportMap = /* @__PURE__ */ new WeakMap();
 	const transformElement = (node, context) => {
 		return function postTransformElement() {
@@ -14898,9 +14800,8 @@ var Vue = (function() {
 	function isComponentTag(tag) {
 		return tag === "component" || tag === "Component";
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/transformSlotOutlet.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/transformSlotOutlet.ts
 	const transformSlotOutlet = (node, context) => {
 		if (isSlotOutlet(node)) {
 			const { children, loc } = node;
@@ -14956,9 +14857,8 @@ var Vue = (function() {
 			slotProps
 		};
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vOn.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vOn.ts
 	const transformOn$1 = (dir, node, context, augmentor) => {
 		const { loc, modifiers, arg } = dir;
 		if (!dir.exp && !modifiers.length) context.onError(createCompilerError(35, loc));
@@ -14998,9 +14898,8 @@ var Vue = (function() {
 		ret.props.forEach((p) => p.key.isHandlerKey = true);
 		return ret;
 	};
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vBind.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vBind.ts
 	const transformBind = (dir, _node, context) => {
 		const { modifiers, loc } = dir;
 		const arg = dir.arg;
@@ -15030,9 +14929,8 @@ var Vue = (function() {
 			arg.children.push(`)`);
 		}
 	};
-
-//#endregion
-//#region packages/compiler-core/src/transforms/transformText.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/transformText.ts
 	const transformText = (node, context) => {
 		if (node.type === 0 || node.type === 1 || node.type === 11 || node.type === 10) return () => {
 			const children = node.children;
@@ -15073,9 +14971,8 @@ var Vue = (function() {
 			}
 		};
 	};
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vOnce.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vOnce.ts
 	const seen$1 = /* @__PURE__ */ new WeakSet();
 	const transformOnce = (node, context) => {
 		if (node.type === 1 && findDir(node, "once", true)) {
@@ -15090,9 +14987,8 @@ var Vue = (function() {
 			};
 		}
 	};
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vModel.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vModel.ts
 	const transformModel$1 = (dir, node, context) => {
 		const { exp, arg } = dir;
 		if (!exp) {
@@ -15133,9 +15029,8 @@ var Vue = (function() {
 	function createTransformProps(props = []) {
 		return { props };
 	}
-
-//#endregion
-//#region packages/compiler-core/src/compat/transformFilter.ts
+	//#endregion
+	//#region packages/compiler-core/src/compat/transformFilter.ts
 	const validDivisionCharRE = /[\w).+\-_$\]]/;
 	const transformFilter = (node, context) => {
 		if (!isCompatEnabled("COMPILER_FILTERS", context)) return;
@@ -15247,9 +15142,8 @@ var Vue = (function() {
 			return `${toValidAssetId(name, "filter")}(${exp}${args !== ")" ? "," + args : args}`;
 		}
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/vMemo.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/vMemo.ts
 	const seen = /* @__PURE__ */ new WeakSet();
 	const transformMemo = (node, context) => {
 		if (node.type === 1) {
@@ -15271,9 +15165,8 @@ var Vue = (function() {
 			};
 		}
 	};
-
-//#endregion
-//#region packages/compiler-core/src/transforms/transformVBindShorthand.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/transformVBindShorthand.ts
 	const transformVBindShorthand = (node, context) => {
 		if (node.type === 1) {
 			for (const prop of node.props) if (prop.type === 7 && prop.name === "bind" && (!prop.exp || prop.exp.type === 4 && !prop.exp.content.trim()) && prop.arg) {
@@ -15288,9 +15181,8 @@ var Vue = (function() {
 			}
 		}
 	};
-
-//#endregion
-//#region packages/compiler-core/src/compile.ts
+	//#endregion
+	//#region packages/compiler-core/src/compile.ts
 	function getBaseTransformPreset(prefixIdentifiers) {
 		return [[
 			transformVBindShorthand,
@@ -15328,13 +15220,11 @@ var Vue = (function() {
 		}));
 		return generate(ast, resolvedOptions);
 	}
-
-//#endregion
-//#region packages/compiler-core/src/transforms/noopDirectiveTransform.ts
+	//#endregion
+	//#region packages/compiler-core/src/transforms/noopDirectiveTransform.ts
 	const noopDirectiveTransform = () => ({ props: [] });
-
-//#endregion
-//#region packages/compiler-dom/src/runtimeHelpers.ts
+	//#endregion
+	//#region packages/compiler-dom/src/runtimeHelpers.ts
 	const V_MODEL_RADIO = Symbol(`vModelRadio`);
 	const V_MODEL_CHECKBOX = Symbol(`vModelCheckbox`);
 	const V_MODEL_TEXT = Symbol(`vModelText`);
@@ -15357,9 +15247,8 @@ var Vue = (function() {
 		[TRANSITION]: `Transition`,
 		[TRANSITION_GROUP]: `TransitionGroup`
 	});
-
-//#endregion
-//#region packages/compiler-dom/src/decodeHtmlBrowser.ts
+	//#endregion
+	//#region packages/compiler-dom/src/decodeHtmlBrowser.ts
 	let decoder;
 	function decodeHtmlBrowser(raw, asAttr = false) {
 		if (!decoder) decoder = document.createElement("div");
@@ -15371,9 +15260,8 @@ var Vue = (function() {
 			return decoder.textContent;
 		}
 	}
-
-//#endregion
-//#region packages/compiler-dom/src/parserOptions.ts
+	//#endregion
+	//#region packages/compiler-dom/src/parserOptions.ts
 	const parserOptions = {
 		parseMode: "html",
 		isVoidTag,
@@ -15402,9 +15290,8 @@ var Vue = (function() {
 			return ns;
 		}
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/transformStyle.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/transformStyle.ts
 	const transformStyle = (node) => {
 		if (node.type === 1) node.props.forEach((p, i) => {
 			if (p.type === 6 && p.name === "style" && p.value) node.props[i] = {
@@ -15421,9 +15308,8 @@ var Vue = (function() {
 		const normalized = parseStringStyle(cssText);
 		return createSimpleExpression(JSON.stringify(normalized), false, loc, 3);
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/errors.ts
+	//#endregion
+	//#region packages/compiler-dom/src/errors.ts
 	function createDOMCompilerError(code, loc) {
 		return createCompilerError(code, loc, DOMErrorMessages);
 	}
@@ -15441,9 +15327,8 @@ var Vue = (function() {
 		[64]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
 		[65]: ``
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/vHtml.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/vHtml.ts
 	const transformVHtml = (dir, node, context) => {
 		const { exp, loc } = dir;
 		if (!exp) context.onError(createDOMCompilerError(54, loc));
@@ -15453,9 +15338,8 @@ var Vue = (function() {
 		}
 		return { props: [createObjectProperty(createSimpleExpression(`innerHTML`, true, loc), exp || createSimpleExpression("", true))] };
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/vText.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/vText.ts
 	const transformVText = (dir, node, context) => {
 		const { exp, loc } = dir;
 		if (!exp) context.onError(createDOMCompilerError(56, loc));
@@ -15465,9 +15349,8 @@ var Vue = (function() {
 		}
 		return { props: [createObjectProperty(createSimpleExpression(`textContent`, true), exp ? getConstantType(exp, context) > 0 ? exp : createCallExpression(context.helperString(TO_DISPLAY_STRING), [exp], loc) : createSimpleExpression("", true))] };
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/vModel.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/vModel.ts
 	const transformModel = (dir, node, context) => {
 		const baseResult = transformModel$1(dir, node, context);
 		if (!baseResult.props.length || node.tagType === 1) return baseResult;
@@ -15509,9 +15392,8 @@ var Vue = (function() {
 		baseResult.props = baseResult.props.filter((p) => !(p.key.type === 4 && p.key.content === "modelValue"));
 		return baseResult;
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/vOn.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/vOn.ts
 	const isEventOptionModifier = /* @__PURE__ */ makeMap(`passive,once,capture`);
 	const isNonKeyModifier = /* @__PURE__ */ makeMap("stop,prevent,self,ctrl,shift,alt,meta,exact,middle");
 	const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
@@ -15572,9 +15454,8 @@ var Vue = (function() {
 			return { props: [createObjectProperty(key, handlerExp)] };
 		});
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/vShow.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/vShow.ts
 	const transformShow = (dir, node, context) => {
 		const { exp, loc } = dir;
 		if (!exp) context.onError(createDOMCompilerError(62, loc));
@@ -15583,9 +15464,8 @@ var Vue = (function() {
 			needRuntime: context.helper(V_SHOW)
 		};
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/Transition.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/Transition.ts
 	const transformTransition = (node, context) => {
 		if (node.type === 1 && node.tagType === 1) {
 			if (context.isBuiltInComponent(node.tag) === TRANSITION) return postTransformTransition(node, context.onError);
@@ -15616,19 +15496,17 @@ var Vue = (function() {
 		const child = children[0];
 		return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(defaultHasMultipleChildren);
 	}
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/ignoreSideEffectTags.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/ignoreSideEffectTags.ts
 	const ignoreSideEffectTags = (node, context) => {
 		if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
 			context.onError(createDOMCompilerError(64, node.loc));
 			context.removeNode();
 		}
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/htmlNesting.ts
-/**
+	//#endregion
+	//#region packages/compiler-dom/src/htmlNesting.ts
+	/**
 	* Copied from https://github.com/MananTank/validate-html-nesting
 	* with ISC license
 	*
@@ -15816,9 +15694,8 @@ var Vue = (function() {
 		h5: headings,
 		h6: headings
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/transforms/validateHtmlNesting.ts
+	//#endregion
+	//#region packages/compiler-dom/src/transforms/validateHtmlNesting.ts
 	const validateHtmlNesting = (node, context) => {
 		if (node.type === 1 && node.tagType === 0 && context.parent && context.parent.type === 1 && context.parent.tagType === 0 && !isValidHTMLNesting(context.parent.tag, node.tag)) {
 			const error = /* @__PURE__ */ new SyntaxError(`<${node.tag}> cannot be child of <${context.parent.tag}>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.`);
@@ -15826,9 +15703,8 @@ var Vue = (function() {
 			context.onWarn(error);
 		}
 	};
-
-//#endregion
-//#region packages/compiler-dom/src/index.ts
+	//#endregion
+	//#region packages/compiler-dom/src/index.ts
 	const DOMNodeTransforms = [transformStyle, ...[transformTransition, validateHtmlNesting]];
 	const DOMDirectiveTransforms = {
 		cloak: noopDirectiveTransform,
@@ -15849,9 +15725,8 @@ var Vue = (function() {
 			transformHoist: null
 		}));
 	}
-
-//#endregion
-//#region packages/vue-compat/src/index.ts
+	//#endregion
+	//#region packages/vue-compat/src/index.ts
 	const compileCache = Object.create(null);
 	function compileToFunction(template, options) {
 		if (!isString(template)) if (template.nodeType) template = template.innerHTML;
@@ -15886,7 +15761,6 @@ var Vue = (function() {
 	registerRuntimeCompiler(compileToFunction);
 	const Vue = createCompatVue();
 	Vue.compile = compileToFunction;
-
-//#endregion
-return Vue;
-})();
+	//#endregion
+	return Vue;
+})();