@vue/compiler-sfc 3.6.0-rc.11 → 3.6.0-rc.13

package/dist/compiler-sfc.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.11
+  * @vue/compiler-sfc v3.6.0-rc.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -352,8 +352,6 @@ const MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math
 const VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
 const FORMATTING_TAGS = "a,b,big,code,em,font,i,nobr,s,small,strike,strong,tt,u";
 const ALWAYS_CLOSE_TAGS = "title,style,script,noscript,template,object,table,button,textarea,select,iframe,fieldset,form,foreignObject,desc,mi,mo,mn,ms,mtext,annotation-xml";
-const INLINE_TAGS = "a,abbr,acronym,b,bdi,bdo,big,br,button,canvas,cite,code,data,datalist,del,dfn,em,embed,i,iframe,img,input,ins,kbd,label,map,mark,meter,noscript,object,output,picture,progress,q,ruby,s,samp,script,select,small,span,strong,sub,sup,svg,textarea,time,u,tt,var,video";
-const BLOCK_TAGS = "address,article,aside,blockquote,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,menu,nav,ol,p,pre,section,table,ul";
 /**
 * Compiler only.
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
@@ -384,16 +382,6 @@ const isFormattingTag = /*@__PURE__*/ makeMap(FORMATTING_TAGS);
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
 const isAlwaysCloseTag = /*@__PURE__*/ makeMap(ALWAYS_CLOSE_TAGS);
-/**
-* Compiler only.
-* Do NOT use in runtime code paths unless behind `__DEV__` flag.
-*/
-const isInlineTag = /*@__PURE__*/ makeMap(INLINE_TAGS);
-/**
-* Compiler only.
-* Do NOT use in runtime code paths unless behind `__DEV__` flag.
-*/
-const isBlockTag = /*@__PURE__*/ makeMap(BLOCK_TAGS);
 //#endregion
 //#region packages/shared/src/domAttrConfig.ts
 /**
@@ -405,9 +393,10 @@ const isBlockTag = /*@__PURE__*/ makeMap(BLOCK_TAGS);
 * - ismap -> isMap
 * - nomodule -> noModule
 * - novalidate -> noValidate
+* - playsinline -> playsInline
 * - readonly -> readOnly
 */
-const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
+const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,playsinline,readonly`;
 const isSpecialBooleanAttr = /*@__PURE__*/ makeMap(specialBooleanAttrs);
 /**
 * The full list is needed during SSR to produce the correct initial markup.
@@ -3626,7 +3615,7 @@ const errorMessages$1 = {
 	[41]: `v-model is missing expression.`,
 	[42]: `v-model value must be a valid JavaScript member expression.`,
 	[43]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
-	[44]: `v-model cannot be used on a prop, because local prop bindings are not writable.\nUse a v-bind binding combined with a v-on listener that emits update:x event instead.`,
+	[44]: `v-model cannot be used on a prop, because local prop bindings are not writable.\nUse a v-bind binding combined with a v-on listener that emits update:x event instead.\nFor props declared with defineModel(), assign the returned ref to a variable and use v-model on that variable.`,
 	[45]: `v-model cannot be used on a const binding because it is not writable.`,
 	[46]: `Error parsing JavaScript expression: `,
 	[47]: `<KeepAlive> expects exactly one child component.`,
@@ -3638,7 +3627,7 @@ const errorMessages$1 = {
 	[54]: ``
 };
 //#endregion
-//#region node_modules/.pnpm/@babel+parser@7.29.8/node_modules/@babel/parser/lib/index.js
+//#region node_modules/.pnpm/@babel+parser@7.29.9/node_modules/@babel/parser/lib/index.js
 var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	function _objectWithoutPropertiesLoose(r, e) {
@@ -7072,10 +7061,10 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 			const arrows = [];
 			while (stack.length !== 0) {
 				const node = stack.pop();
-				if (node.type === "ArrowFunctionExpression" && node.body.type !== "BlockStatement") {
+				if (node.type === "ArrowFunctionExpression") {
 					if (node.typeParameters || !node.returnType) this.finishArrowValidation(node);
 					else arrows.push(node);
-					stack.push(node.body);
+					if (node.body.type !== "BlockStatement") stack.push(node.body);
 				} else if (node.type === "ConditionalExpression") {
 					stack.push(node.consequent);
 					stack.push(node.alternate);
@@ -12865,6 +12854,9 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 		fillOptionalPropertiesForTSESLint(node) {
 			switch (node.type) {
+				case "ImportDeclaration":
+					node.phase != null || (node.phase = null);
+					return;
 				case "ExpressionStatement":
 					node.directive != null || (node.directive = void 0);
 					return;
@@ -17936,7 +17928,7 @@ function createStructuralDirectiveTransform$1(name, fn) {
 	};
 }
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/base64.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/base64.js
 var require_base64$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var intToCharMap = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split("");
 	/**
@@ -17970,7 +17962,7 @@ var require_base64$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/base64-vlq.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/base64-vlq.js
 var require_base64_vlq$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var base64 = require_base64$1();
 	var VLQ_BASE_SHIFT = 5;
@@ -18035,7 +18027,7 @@ var require_base64_vlq$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/util.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/util.js
 var require_util$2 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	/**
 	* This is a helper function for getting values from parameter/options
@@ -18382,7 +18374,7 @@ var require_util$2 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.computeSourceURL = computeSourceURL;
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/array-set.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/array-set.js
 var require_array_set$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var util = require_util$2();
 	var has = Object.prototype.hasOwnProperty;
@@ -18476,7 +18468,7 @@ var require_array_set$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.ArraySet = ArraySet;
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/mapping-list.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/mapping-list.js
 var require_mapping_list$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var util = require_util$2();
 	/**
@@ -18545,7 +18537,7 @@ var require_mapping_list$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.MappingList = MappingList;
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/source-map-generator.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/source-map-generator.js
 var require_source_map_generator$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var base64VLQ = require_base64_vlq$1();
 	var util = require_util$2();
@@ -18769,10 +18761,9 @@ var require_source_map_generator$1 = /* @__PURE__ */ __commonJSMin(((exports) =>
 			next = "";
 			if (mapping.generatedLine !== previousGeneratedLine) {
 				previousGeneratedColumn = 0;
-				while (mapping.generatedLine !== previousGeneratedLine) {
-					next += ";";
-					previousGeneratedLine++;
-				}
+				var lineDelta = mapping.generatedLine - previousGeneratedLine;
+				next += lineDelta === 1 ? ";" : ";".repeat(lineDelta);
+				previousGeneratedLine = mapping.generatedLine;
 			} else if (i > 0) {
 				if (!util.compareByGeneratedPositionsInflated(mapping, mappings[i - 1])) continue;
 				next += ",";
@@ -18829,7 +18820,7 @@ var require_source_map_generator$1 = /* @__PURE__ */ __commonJSMin(((exports) =>
 	exports.SourceMapGenerator = SourceMapGenerator;
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/binary-search.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/binary-search.js
 var require_binary_search$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	exports.GREATEST_LOWER_BOUND = 1;
 	exports.LEAST_UPPER_BOUND = 2;
@@ -18890,7 +18881,7 @@ var require_binary_search$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/quick-sort.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/quick-sort.js
 var require_quick_sort$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	function SortTemplate(comparator) {
 		/**
@@ -18953,6 +18944,14 @@ var require_quick_sort$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		let template = SortTemplate.toString();
 		return new Function(`return ${template}`)()(comparator);
 	}
+	let isEvalAllowed = (function() {
+		try {
+			new Function("return 0")();
+			return true;
+		} catch (_unused) {
+			return false;
+		}
+	})();
 	/**
 	* Sort the given array in-place with the given comparator function.
 	*
@@ -18963,7 +18962,7 @@ var require_quick_sort$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	*/
 	let sortCache = /* @__PURE__ */ new WeakMap();
 	exports.quickSort = function(ary, comparator, start = 0) {
-		let doQuickSort = sortCache.get(comparator);
+		let doQuickSort = isEvalAllowed ? sortCache.get(comparator) : SortTemplate(comparator);
 		if (doQuickSort === void 0) {
 			doQuickSort = cloneSort(comparator);
 			sortCache.set(comparator, doQuickSort);
@@ -18972,13 +18971,14 @@ var require_quick_sort$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/source-map-consumer.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/source-map-consumer.js
 var require_source_map_consumer$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var util = require_util$2();
 	var binarySearch = require_binary_search$1();
 	var ArraySet = require_array_set$1().ArraySet;
 	var base64VLQ = require_base64_vlq$1();
 	var quickSort = require_quick_sort$1().quickSort;
+	var MAX_SECTION_OFFSET_LINE = 1e7;
 	function SourceMapConsumer(aSourceMap, aSourceMapURL) {
 		var sourceMap = aSourceMap;
 		if (typeof aSourceMap === "string") sourceMap = util.parseSourceMapInput(aSourceMap);
@@ -19580,21 +19580,37 @@ var require_source_map_consumer$1 = /* @__PURE__ */ __commonJSMin(((exports) =>
 			line: -1,
 			column: 0
 		};
+		var maxOffsetLine = 0;
 		this._sections = sections.map(function(s) {
 			if (s.url) throw new Error("Support for url field in sections not implemented.");
 			var offset = util.getArg(s, "offset");
 			var offsetLine = util.getArg(offset, "line");
 			var offsetColumn = util.getArg(offset, "column");
+			if (!isValidOffset(offsetLine) || !isValidOffset(offsetColumn)) throw new Error("Section offset line and column must be non-negative integers.");
+			if (offsetLine > MAX_SECTION_OFFSET_LINE) throw new Error("Section offset line must not exceed " + MAX_SECTION_OFFSET_LINE + ".");
 			if (offsetLine < lastOffset.line || offsetLine === lastOffset.line && offsetColumn < lastOffset.column) throw new Error("Section offsets must be ordered and non-overlapping.");
 			lastOffset = offset;
+			var consumer = new SourceMapConsumer(util.getArg(s, "map"), aSourceMapURL);
+			var totalOffsetLine = offsetLine + (consumer._maxOffsetLine || 0);
+			if (totalOffsetLine > MAX_SECTION_OFFSET_LINE) throw new Error("Section offset line must not exceed " + MAX_SECTION_OFFSET_LINE + ", including offsets of nested sections.");
+			if (totalOffsetLine > maxOffsetLine) maxOffsetLine = totalOffsetLine;
 			return {
 				generatedOffset: {
 					generatedLine: offsetLine + 1,
 					generatedColumn: offsetColumn + 1
 				},
-				consumer: new SourceMapConsumer(util.getArg(s, "map"), aSourceMapURL)
+				consumer
 			};
 		});
+		this._maxOffsetLine = maxOffsetLine;
+	}
+	/**
+	* Section offsets come from untrusted input and are used as line/column
+	* numbers, so only accept non-negative safe integers (rejects NaN, Infinity,
+	* strings, fractions, etc).
+	*/
+	function isValidOffset(aValue) {
+		return typeof aValue === "number" && aValue >= 0 && aValue <= 9007199254740991 && Math.floor(aValue) === aValue;
 	}
 	IndexedSourceMapConsumer.prototype = Object.create(SourceMapConsumer.prototype);
 	IndexedSourceMapConsumer.prototype.constructor = SourceMapConsumer;
@@ -19607,7 +19623,10 @@ var require_source_map_consumer$1 = /* @__PURE__ */ __commonJSMin(((exports) =>
 	*/
 	Object.defineProperty(IndexedSourceMapConsumer.prototype, "sources", { get: function() {
 		var sources = [];
-		for (var i = 0; i < this._sections.length; i++) for (var j = 0; j < this._sections[i].consumer.sources.length; j++) sources.push(this._sections[i].consumer.sources[j]);
+		for (var i = 0; i < this._sections.length; i++) {
+			var sectionSources = this._sections[i].consumer.sources;
+			for (var j = 0; j < sectionSources.length; j++) sources.push(sectionSources[j]);
+		}
 		return sources;
 	} });
 	/**
@@ -19748,7 +19767,7 @@ var require_source_map_consumer$1 = /* @__PURE__ */ __commonJSMin(((exports) =>
 	exports.IndexedSourceMapConsumer = IndexedSourceMapConsumer;
 }));
 //#endregion
-//#region node_modules/.pnpm/source-map-js@1.2.1/node_modules/source-map-js/lib/source-node.js
+//#region node_modules/.pnpm/source-map-js@1.2.2/node_modules/source-map-js/lib/source-node.js
 var require_source_node$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	var SourceMapGenerator = require_source_map_generator$1().SourceMapGenerator;
 	var util = require_util$2();
@@ -19814,6 +19833,10 @@ var require_source_node$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 				}
 			}
 			while (lastGeneratedLine < mapping.generatedLine) {
+				if (remainingLinesIndex >= remainingLines.length) {
+					lastGeneratedLine = mapping.generatedLine;
+					break;
+				}
 				node.add(shiftNextLine());
 				lastGeneratedLine++;
 			}
@@ -20945,7 +20968,11 @@ const transformFor = createStructuralDirectiveTransform$1("for", (node, dir, con
 					]),
 					createCompoundExpression([
 						`if (_cached && _cached.el`,
-						...keyExp ? [` && _cached.key === `, keyExp] : [],
+						...keyExp ? [
+							` && _cached.key === (`,
+							keyExp,
+							`)`
+						] : [],
 						` && ${context.helperString(IS_MEMO_SAME)}(_cached, _memo)) return _cached`
 					]),
 					createCompoundExpression([`const _item = `, childBlock]),
@@ -22343,7 +22370,7 @@ function stringifyNode(node, context) {
 }
 function stringifyElement(node, context) {
 	let res = `<${node.tag}`;
-	let innerHTML = "";
+	let innerHTML = void 0;
 	for (let i = 0; i < node.props.length; i++) {
 		const p = node.props[i];
 		if (p.type === 6) {
@@ -22365,13 +22392,15 @@ function stringifyElement(node, context) {
 					else if (arg === "style") evaluated = stringifyStyle(normalizeStyle(evaluated));
 					res += ` ${p.arg.content}="${escapeHtml(evaluated)}"`;
 				}
-			} else if (p.name === "html") innerHTML = evaluateConstant(p.exp);
-			else if (p.name === "text") innerHTML = escapeHtml(toDisplayString(evaluateConstant(p.exp)));
+			} else if (p.name === "html") {
+				var _evaluateConstant;
+				innerHTML = (_evaluateConstant = evaluateConstant(p.exp)) !== null && _evaluateConstant !== void 0 ? _evaluateConstant : "";
+			} else if (p.name === "text") innerHTML = escapeHtml(toDisplayString(evaluateConstant(p.exp)));
 		}
 	}
 	if (context.scopeId) res += ` ${context.scopeId}`;
 	res += `>`;
-	if (innerHTML) res += innerHTML;
+	if (innerHTML !== void 0) res += innerHTML;
 	else for (let i = 0; i < node.children.length; i++) res += stringifyNode(node.children[i], context);
 	if (!isVoidTag(node.tag)) res += `</${node.tag}>`;
 	return res;
@@ -22778,7 +22807,11 @@ var src_exports$2 = /* @__PURE__ */ __exportAll({
 	walkIdentifiers: () => walkIdentifiers,
 	warnDeprecation: () => warnDeprecation
 });
-const DOMNodeTransforms = [transformStyle, ...[transformTransition$1, validateHtmlNesting]];
+const DOMNodeTransforms = [
+	transformStyle,
+	transformTransition$1,
+	...[validateHtmlNesting]
+];
 const DOMDirectiveTransforms = {
 	cloak: noopDirectiveTransform,
 	html: transformVHtml$1,
@@ -25183,6 +25216,22 @@ function getBlockShape(block) {
 	if (root && root.operation && root.operation.type === 15) return 2;
 	return block.node.type === 1 && block.node.children.every((child) => child.type === 2 || child.type === 5) ? 2 : 1;
 }
+/** the number of `v-if` / `v-else-if` nodes in the chain starting at `head` */
+function getIfChainLength(head) {
+	let length = 1;
+	let negative = head.negative;
+	while (negative && negative.type === 15) {
+		length++;
+		negative = negative.negative;
+	}
+	return length;
+}
+function isLongIfChain(head) {
+	return getIfChainLength(head) - 1 > 10;
+}
+function isSlotTemplate(node) {
+	return node.type === 1 && isTemplateNode(node) && node.props.some(isVSlot);
+}
 //#endregion
 //#region packages/compiler-vapor/src/transform.ts
 init_objectSpread2();
@@ -25214,11 +25263,14 @@ var TransformContext = class TransformContext {
 		this.isLastEffectiveChild = true;
 		this.isOnRightmostPath = true;
 		this.isSingleRoot = false;
+		this.isSlotRoot = false;
 		this.templateCloseTags = void 0;
 		this.templateCloseBlocks = false;
+		this.templateScope = 0;
 		this.globalId = 0;
 		this.nextIdMap = null;
 		this.ifIndex = 0;
+		this.ifHeads = /* @__PURE__ */ new Map();
 		this.increaseId = () => {
 			const id = getNextId(this.nextIdMap, this.globalId);
 			this.globalId = getNextId(this.nextIdMap, id + 1);
@@ -25273,8 +25325,10 @@ var TransformContext = class TransformContext {
 		this.dynamic.flags |= 1;
 		return this.dynamic.id = this.increaseId();
 	}
-	nextIfIndex() {
-		return this.ifIndex++;
+	nextIfIndex(count = 1) {
+		const index = this.ifIndex;
+		this.ifIndex += count;
+		return index;
 	}
 	getTemplateNamespace() {
 		return this.node.type === 1 ? this.node.ns : 0;
@@ -25349,6 +25403,7 @@ var TransformContext = class TransformContext {
 		const isLastEffectiveChild = childInfo.isLastEffectiveChild[index];
 		const isOnRightmostPath = this.isOnRightmostPath && isLastEffectiveChild;
 		const isSingleRoot = this.isSingleRootChild(childInfo);
+		const isSlotRoot = this.isSlotRootChild(childInfo);
 		return Object.assign(Object.create(TransformContext.prototype), this, {
 			node,
 			parent: this,
@@ -25365,8 +25420,10 @@ var TransformContext = class TransformContext {
 			isLastEffectiveChild,
 			isOnRightmostPath,
 			isSingleRoot,
+			isSlotRoot,
 			templateCloseTags: this.templateCloseTags,
-			templateCloseBlocks: this.templateCloseBlocks
+			templateCloseBlocks: this.templateCloseBlocks,
+			templateScope: 0
 		});
 	}
 	shiftEffectBoundaries(index, dynamic = this.dynamic) {
@@ -25379,6 +25436,7 @@ var TransformContext = class TransformContext {
 		if (node.type !== 0 && node.type !== 1) return {
 			node,
 			hasSingleRootChild: true,
+			hasSingleSlotRootChild: false,
 			isLastEffectiveChild: []
 		};
 		const cached = childContextInfoCache.get(this);
@@ -25390,18 +25448,29 @@ var TransformContext = class TransformContext {
 			isLastEffectiveChild[i] = !hasFollowingEffectiveChild;
 			if (!isComponentChild(children[i])) hasFollowingEffectiveChild = true;
 		}
+		const hasSingleRoot = hasSingleRootChild(children);
 		const childInfo = {
 			node,
-			hasSingleRootChild: hasSingleRootChild(children),
+			hasSingleRootChild: hasSingleRoot,
+			hasSingleSlotRootChild: node.type === 1 && node.tagType === 1 && !isBuiltInComponent(node.tag) && (children.some(isSlotTemplate) ? hasSingleRootChild(children.filter((child) => !isSlotTemplate(child))) : hasSingleRoot),
 			isLastEffectiveChild
 		};
 		childContextInfoCache.set(this, childInfo);
 		return childInfo;
 	}
+	isSlotRootChild(childInfo) {
+		const node = this.node;
+		if (node.type !== 1) return false;
+		if (node.tagType === 1) return childInfo.hasSingleSlotRootChild;
+		return node.tagType === 3 && childInfo.hasSingleRootChild && (isSlotTemplate(node) || this.isSlotRoot && !findDir$1(node, "for"));
+	}
 	isSingleRootChild(childInfo) {
-		if (this.inVFor || !childInfo.hasSingleRootChild) return false;
-		if (this.node.type === 0) return true;
-		return this.node.type === 1 && (this.node.tagType === 3 || isTransitionNode(this.node) || isKeepAliveTag(this.node.tag)) && !!this.parent && this.isSingleRoot;
+		if (!childInfo.hasSingleRootChild) return false;
+		const node = this.node;
+		if (node.type === 0) return true;
+		if (node.type !== 1 || !this.parent) return false;
+		if (node.tagType === 3) return this.isSingleRoot && !findDir$1(node, "for");
+		return isTransitionNode(node) || isKeepAliveTag(node.tag);
 	}
 };
 function hasSingleRootChild(children) {
@@ -25463,9 +25532,17 @@ function transform(node, options = {}) {
 	};
 	const context = new TransformContext(ir, node, options);
 	transformNode(context);
+	finalizeIfChains(context);
 	ir.node.imports = context.imports;
 	return ir;
 }
+function finalizeIfChains(context) {
+	context.ifHeads.forEach((inVOnce, head) => {
+		if (!isLongIfChain(head)) return;
+		head.once = inVOnce;
+		if (!inVOnce) head.index = context.nextIfIndex(Math.ceil((getIfChainLength(head) + 1) / 2));
+	});
+}
 function transformNode(context) {
 	let { node } = context;
 	const { nodeTransforms } = context.options;
@@ -25788,7 +25865,11 @@ function genIdentifier(raw, context, loc, assignment, id, parent, parentStack, s
 				-2,
 				loc
 			]];
-		} else return genExpression(replacement, context, assignment);
+		} else {
+			const exp = genExpression(replacement, context, assignment);
+			if (parent && parent.type === "ObjectProperty" && parent.shorthand) return [`${name}: `, ...exp];
+			return exp;
+		}
 	}
 	let prefix;
 	let type = bindingMetadata && bindingMetadata[raw];
@@ -26570,44 +26651,46 @@ function parseValueDestructure(value, context) {
 			walkFunctionParams(value.ast, (id) => bindings.add(id));
 			walkIdentifiers(value.ast, (id, _, parentStack) => {
 				if (bindings.has(id)) {
-					let path = "";
+					const steps = [];
 					let isDynamic = false;
-					let helper;
-					let helperArgs;
 					for (let i = 0; i < parentStack.length; i++) {
 						const parent = parentStack[i];
 						const child = parentStack[i + 1] || id;
 						if (parent.type === "ObjectProperty" && parent.value === child) {
-							if (parent.key.type === "StringLiteral") path += `[${JSON.stringify(parent.key.value)}]`;
+							if (parent.key.type === "StringLiteral") steps.push(`[${JSON.stringify(parent.key.value)}]`);
 							else if (parent.computed) {
 								isDynamic = true;
-								path += `[${rawValue.slice(parent.key.start - 1, parent.key.end - 1)}]`;
-							} else path += `.${parent.key.name}`;
+								steps.push(`[${rawValue.slice(parent.key.start - 1, parent.key.end - 1)}]`);
+							} else steps.push(`.${parent.key.name}`);
 						} else if (parent.type === "ArrayPattern") {
 							const index = parent.elements.indexOf(child);
-							if (child.type === "RestElement") path += `.slice(${index})`;
-							else path += `[${index}]`;
+							if (child.type === "RestElement") steps.push(`.slice(${index})`);
+							else steps.push(`[${index}]`);
 						} else if (parent.type === "ObjectPattern" && child.type === "RestElement") {
-							helper = context.helper("getRestElement");
-							helperArgs = "[" + parent.properties.filter((p) => p.type === "ObjectProperty").map((p) => {
+							const helper = context.helper("getRestElement");
+							const args = "[" + parent.properties.filter((p) => p.type === "ObjectProperty").map((p) => {
 								if (p.key.type === "StringLiteral") return JSON.stringify(p.key.value);
 								else if (p.computed) {
 									isDynamic = true;
 									return rawValue.slice(p.key.start - 1, p.key.end - 1);
 								} else return JSON.stringify(p.key.name);
 							}).join(", ") + "]";
+							steps.push({
+								helper,
+								args
+							});
 						}
-						if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern" || parent.type === "ArrowFunctionExpression" && child.left === id)) {
+						if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern" || parent.type === "ArrowFunctionExpression")) {
 							isDynamic = true;
-							helper = context.helper("getDefaultValue");
-							helperArgs = `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`;
+							steps.push({
+								helper: context.helper("getDefaultValue"),
+								args: `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`
+							});
 						}
 					}
 					map.set(id.name, {
-						path,
-						dynamic: isDynamic,
-						helper,
-						helperArgs
+						steps,
+						dynamic: isDynamic
 					});
 				}
 			}, true);
@@ -26620,10 +26703,10 @@ function buildDestructureIdMap(idToPathMap, baseAccessor, plugins) {
 	idToPathMap.forEach((pathInfo, id) => {
 		let path = baseAccessor;
 		if (pathInfo) {
-			path = `${baseAccessor}${pathInfo.path}`;
-			if (pathInfo.helper) {
-				idMap[pathInfo.helper] = null;
-				path = pathInfo.helperArgs ? `${pathInfo.helper}(${path}, ${pathInfo.helperArgs})` : `${pathInfo.helper}(${path})`;
+			for (const step of pathInfo.steps) if (typeof step === "string") path += step;
+			else {
+				idMap[step.helper] = null;
+				path = `${step.helper}(${path}, ${step.args})`;
 			}
 			if (pathInfo.dynamic) {
 				const node = idMap[id] = createSimpleExpression(path);
@@ -26758,6 +26841,7 @@ function genSetHtml(oper, context) {
 //#endregion
 //#region packages/compiler-vapor/src/generators/if.ts
 function genIf(oper, context, isNested = false) {
+	if (!isNested && isLongIfChain(oper)) return genIfChain(oper, context);
 	const { helper } = context;
 	const { condition, positive, negative, once, slotRoot, index, blockShape } = oper;
 	const [frag, push] = buildCodeFragment();
@@ -26805,6 +26889,57 @@ function genBlockShapeName(flags) {
 	}
 	return "UNKNOWN";
 }
+function genIfChain(oper, context) {
+	const { helper } = context;
+	const [frag, push] = buildCodeFragment();
+	const selector = ["() => ", INDENT_START];
+	const blocks = [];
+	const branchFlags = [];
+	let slotRoot = false;
+	let node = oper;
+	for (let i = 0;; i++) {
+		if (i > 0) selector.push(NEWLINE, ": ");
+		selector.push("(", ...genExpression(node.condition, context), `) ? ${i}`);
+		blocks.push(genBlock(node.positive, context));
+		branchFlags.push(node.blockShape & 35);
+		if (node.slotRoot) slotRoot = true;
+		const { negative } = node;
+		if (negative && negative.type === 15) {
+			node = negative;
+			continue;
+		}
+		selector.push(NEWLINE, `: ${i + 1}`, INDENT_END);
+		if (negative) blocks.push(genBlock(negative, context));
+		branchFlags.push(node.blockShape >> 2 & 3 | (node.blockShape & 64 ? 32 : 0));
+		break;
+	}
+	push(NEWLINE, `const n${oper.id} = `, ...genCall(helper("createIfChain"), selector, genMulti(DELIMITERS_ARRAY, ...blocks), genIfChainBranchFlags(branchFlags, blocks.length), genIfChainFlags(oper.once, slotRoot, oper.index)));
+	return frag;
+}
+function genIfChainBranchFlags(branchFlags, blockCount) {
+	if (branchFlags.every((flags, i) => flags === (i < blockCount ? 1 : 0))) return false;
+	return genMulti(DELIMITERS_ARRAY, ...branchFlags.map((flags) => {
+		const names = [genBlockShapeName(flags)];
+		if (flags & 32) names.push("NO_SCOPE");
+		return genFlags(flags, names);
+	}));
+}
+function genIfChainFlags(once, slotRoot, index) {
+	let flags = 0;
+	const names = [];
+	if (once) {
+		flags |= 16;
+		names.push("ONCE");
+	} else {
+		flags |= index + 1 << 8;
+		names.push(`KEYED_INDEX_${index}`);
+	}
+	if (slotRoot) {
+		flags |= 128;
+		names.push("SLOT_ROOT");
+	}
+	return genFlags(flags, names);
+}
 //#endregion
 //#region packages/compiler-vapor/src/generators/prop.ts
 const helpers = {
@@ -27217,7 +27352,7 @@ function genCreateComponent(operation, context) {
 			", "
 		], ...slotDeclarations) : [],
 		`const n${operation.id} = `,
-		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags : root ? "true" : false, isRuntimeDynamicComponent ? operation.key && [
+		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags : root && (root === true ? "true" : genFlags(root, ["SLOT"])), isRuntimeDynamicComponent ? operation.key && [
 			"() => (",
 			...genExpression(operation.key, context),
 			")"
@@ -27250,9 +27385,12 @@ function genCreateComponent(operation, context) {
 function genDynamicComponentFlags(root, once, slotRoot, ns) {
 	let flags = 0;
 	const names = [];
-	if (root) {
+	if (root === true) {
 		flags |= 1;
 		names.push("SINGLE_ROOT");
+	} else if (root) {
+		flags |= 32;
+		names.push("SLOT_SINGLE_ROOT");
 	}
 	if (once) {
 		flags |= 2;
@@ -27643,7 +27781,6 @@ function genSlotFlags(flags) {
 	if (flags & 1) names.push("NO_SLOTTED");
 	if (flags & 2) names.push("ONCE");
 	if (flags & 4) names.push("FORWARDED");
-	if (flags & 8) names.push("SHARED_FALLBACK");
 	return genFlags(flags, names);
 }
 //#endregion
@@ -28091,44 +28228,32 @@ function isVModelOperation(oper) {
 function isVModelListener(oper, modelElements) {
 	return (oper.type === 7 || oper.type === 8 || oper.type === 4 && oper.listeners || oper.type === 3 && !oper.prop.modifier && isOn(oper.prop.key.content)) && modelElements.has(oper.element);
 }
-function markSlotRootOperations(block, context, sharedFallback = false) {
+function markSlotRootOperations(block, context) {
 	if (hasStableSlotRoot(block, context)) return;
-	sharedFallback = sharedFallback || hasMultipleDynamicSlotRoots(block);
 	for (let i = 0; i < block.returns.length; i++) {
 		const child = findReturnedDynamic$1(block, block.returns[i]);
 		const operation = child && child.operation;
 		if (!operation) continue;
-		if (operation.type === 15) markSlotRootIf(operation, context, sharedFallback);
+		if (operation.type === 15) markSlotRootIf(operation, context);
 		else if (operation.type === 16) markSlotRootFor(operation, context);
 		else if (operation.type === 17) {
 			operation.slotRoot = true;
-			markSlotRootOperations(operation.block, context, sharedFallback);
+			markSlotRootOperations(operation.block, context);
 		} else if (operation.type === 12) markSlotRootComponent(operation);
-		else if (operation.type === 13) {
-			operation.flags |= 4;
-			if (sharedFallback) operation.flags |= 8;
-		}
+		else if (operation.type === 13) operation.flags |= 4;
 	}
 }
-function markSlotRootIf(operation, context, sharedFallback) {
+function markSlotRootIf(operation, context) {
 	if (!operation.once) operation.slotRoot = true;
-	markSlotRootOperations(operation.positive, context, sharedFallback);
+	markSlotRootOperations(operation.positive, context);
 	const negative = operation.negative;
 	if (!negative) return;
-	if (negative.type === 15) markSlotRootIf(negative, context, sharedFallback);
-	else markSlotRootOperations(negative, context, sharedFallback);
+	if (negative.type === 15) markSlotRootIf(negative, context);
+	else markSlotRootOperations(negative, context);
 }
 function markSlotRootFor(operation, context) {
 	if (!operation.once) operation.slotRoot = true;
-	markSlotRootOperations(operation.render, context, true);
-}
-function hasMultipleDynamicSlotRoots(block) {
-	let count = 0;
-	for (let i = 0; i < block.returns.length; i++) {
-		const child = findReturnedDynamic$1(block, block.returns[i]);
-		if (child && child.operation && ++count > 1) return true;
-	}
-	return false;
+	markSlotRootOperations(operation.render, context);
 }
 function markSlotRootComponent(operation) {
 	if (!operation.once && operation.dynamic && !operation.dynamic.isStatic) operation.slotRoot = true;
@@ -28446,6 +28571,94 @@ function genAssetImports({ ir }) {
 	return imports;
 }
 //#endregion
+//#region packages/compiler-vapor/src/htmlNesting.ts
+const isPClosingTag = /*@__PURE__*/ makeMap("address,article,aside,blockquote,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,menu,nav,ol,p,pre,section,summary,table,ul");
+const isForeign = (ns) => ns !== 0;
+const isScopeBoundaryTag = /*@__PURE__*/ makeMap("caption,object,select,table,td,th");
+const isFormattingMarkerTag = /*@__PURE__*/ makeMap("caption,object,td,th");
+const isSpecialTag = /*@__PURE__*/ makeMap("address,area,article,aside,base,blockquote,body,br,button,caption,col,colgroup,dd,details,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,iframe,img,input,li,link,main,menu,meta,nav,noscript,object,ol,p,param,pre,script,section,select,source,style,summary,table,tbody,td,template,textarea,tfoot,th,thead,title,tr,track,ul,wbr");
+const endsListItemSearch = (tag) => isSpecialTag(tag) && tag !== "address" && tag !== "div" && tag !== "p";
+/**
+* End tags with handling of their own pop whatever is still open below them.
+* Any other end tag is ignored when it meets a special element on its way up
+* the stack, and a formatting end tag runs the adoption agency around one, so
+* under those an open special descendant has to close itself.
+*/
+const popsOpenDescendants = /*@__PURE__*/ makeMap("address,article,aside,blockquote,button,caption,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,li,main,menu,nav,object,ol,p,pre,section,summary,table,tbody,td,tfoot,th,thead,tr,ul");
+/**
+* Html start tags that end foreign content: the parser pops the open svg or
+* mathml elements and inserts these in the html namespace, while vdom creates
+* them in the foreign namespace their ast node carries. Only at html
+* integration points (`foreignObject`, `mi`, ...) do html children stay.
+*/
+const isForeignBreakoutTag = /*@__PURE__*/ makeMap("b,blockquote,body,br,code,dd,div,dl,dt,em,embed,h1,h2,h3,h4,h5,h6,head,hr,i,img,li,menu,meta,ol,p,pre,ruby,s,small,span,strong,sub,sup,table,u,ul,var");
+/**
+* Table parts whose text content other than whitespace the parser
+* foster-parents in front of the table.
+*/
+const isFosterParentingTag = /*@__PURE__*/ makeMap("colgroup,table,tbody,tfoot,thead,tr");
+const isImpliedEndTag = /*@__PURE__*/ makeMap("dd,dt,li,optgroup,option,p,rp,rt");
+/**
+* The scope the children of `tag` see, given the scope `tag` itself was
+* written in (0 when it starts a template).
+*/
+function enterOpenScope(scope, tag, ns) {
+	if (isForeign(ns)) {
+		scope &= -104;
+		return scope;
+	}
+	if (isScopeBoundaryTag(tag)) scope &= -8;
+	if (isFormattingMarkerTag(tag)) scope &= -9;
+	if (endsListItemSearch(tag)) scope &= -97;
+	switch (tag) {
+		case "p": return scope | 1;
+		case "button": return scope & -2 | 2;
+		case "ruby": return scope | 4;
+		case "a": return scope | 8;
+		case "form": return scope | 16;
+		case "li": return scope | 32;
+		case "dd":
+		case "dt": return scope | 64;
+	}
+	return scope;
+}
+/**
+* Whether the html parser places an element written under `parent` there, so
+* that both can share a template string. Two layers: `isValidHTMLNesting`
+* rejects what the parent itself cannot hold (table, row, select and raw-text
+* content models, void parents), `closesOpenAncestor` the start tags that end
+* an element still open above. The end-tag omission in transformElement
+* assumes only elements passing both share a template.
+*/
+function keepsInTemplate(tag, ns, parentTag, scope) {
+	return isValidHTMLNesting(parentTag, tag) && !closesOpenAncestor(tag, ns, parentTag, scope);
+}
+/**
+* Whether the html parser, on the start tag of `tag`, closes an element that
+* is still open above it in the same template - the `<p>` of
+* `<p><span><div>`, the `<li>` of `<li><span><li>`, a link inside a link. The
+* element would then end up elsewhere than the compiler expects, so it has to
+* go into a template of its own. Transcribed from the "in body" insertion mode
+* of https://html.spec.whatwg.org/multipage/parsing.html#parsing-main-inbody
+* for the native html tags the compiler knows; `scope` is what the parent
+* leaves open (`enterOpenScope`).
+*/
+function closesOpenAncestor(tag, ns, parentTag, scope) {
+	if (isForeign(ns)) return false;
+	if (isPClosingTag(tag) && scope & 1) return true;
+	switch (tag) {
+		case "li": return !!(scope & 32);
+		case "dd":
+		case "dt": return !!(scope & 64);
+		case "button": return !!(scope & 2);
+		case "a": return !!(scope & 8);
+		case "form": return !!(scope & 16);
+		case "rt":
+		case "rp": return !!(scope & 4) && isImpliedEndTag(parentTag);
+	}
+	return false;
+}
+//#endregion
 //#region packages/compiler-vapor/src/transforms/vBind.ts
 function normalizeBindShorthand(arg, context) {
 	if (arg.type !== 4 || !arg.isStatic) {
@@ -28615,7 +28828,7 @@ const transformElement = (node, context) => {
 		const staticKey = dynamicComponentKeys.has(node) ? void 0 : resolveStaticKey(node, context, isComponent);
 		const propsResult = buildProps(node, context, isComponent, isDynamicComponent, getEffectIndex);
 		const singleRoot = context.isSingleRoot;
-		if (isComponent) transformComponentElement(node, propsResult, staticKey, singleRoot, context, isDynamicComponent, useCreateElement);
+		if (isComponent) transformComponentElement(node, propsResult, staticKey, singleRoot || context.isSlotRoot && !useCreateElement && 2, context, isDynamicComponent, useCreateElement);
 		else transformNativeElement(node, propsResult, staticKey, singleRoot, context, getEffectIndex, context.root === context.effectiveParent || canOmitEndTag(node, context));
 		if (parentSlots) context.slots = parentSlots;
 	};
@@ -28624,7 +28837,7 @@ function canOmitEndTag(node, context) {
 	const { block, parent } = context;
 	if (!parent) return false;
 	if (block !== parent.block) return true;
-	if (context.templateCloseTags && (context.templateCloseTags.has(node.tag) || context.templateCloseTags.has("form") || context.templateCloseTags.has("li") && (node.tag === "ul" || node.tag === "ol") || isAlwaysCloseTag(node.tag) || isFormattingTag(node.tag)) || context.templateCloseBlocks && isBlockTag(node.tag)) return false;
+	if (context.templateCloseTags && (context.templateCloseTags.has(node.tag) || context.templateCloseTags.has("form") || context.templateCloseTags.has("li") && (node.tag === "ul" || node.tag === "ol") || isAlwaysCloseTag(node.tag) || isFormattingTag(node.tag)) || context.templateCloseBlocks && isSpecialTag(node.tag)) return false;
 	if (isAlwaysCloseTag(node.tag) && !context.isOnRightmostPath) return false;
 	if (isFormattingTag(node.tag) || parent.node.type === 1 && (node.tag === parent.node.tag || parent.node.ns !== 0 && node.ns !== parent.node.ns)) return context.isOnRightmostPath;
 	return context.isLastEffectiveChild;
@@ -28632,9 +28845,8 @@ function canOmitEndTag(node, context) {
 function getChildTemplateCloseState(context) {
 	const { node } = context;
 	if (node.type !== 1 || node.tagType !== 0 || shouldUseCreateElement(node, context)) return;
-	const inSameTemplateAsParent = isInSameTemplateAsParent(context);
-	const inheritedTags = inSameTemplateAsParent ? context.templateCloseTags : void 0;
-	const inheritedBlocks = inSameTemplateAsParent && context.templateCloseBlocks;
+	const inheritedTags = context.templateCloseTags;
+	const inheritedBlocks = context.templateCloseBlocks;
 	if (context.root === context.effectiveParent || canOmitEndTag(node, context) || isVoidTag(node.tag)) return inheritedTags || inheritedBlocks ? {
 		tags: inheritedTags,
 		blocks: inheritedBlocks
@@ -28643,20 +28855,23 @@ function getChildTemplateCloseState(context) {
 	tags.add(node.tag);
 	return {
 		tags,
-		blocks: inheritedBlocks || isInlineTag(node.tag)
+		blocks: !popsOpenDescendants(node.tag)
 	};
 }
-function isInSameTemplateAsParent(context) {
-	const { parent, node, block } = context;
-	if (!parent || block !== parent.block) return false;
+/**
+* The parent whose template string the element would be written into: a
+* plain element in the same block that is not created with createElement.
+*/
+function getTemplateParent(context) {
+	const { parent, block } = context;
+	if (!parent || block !== parent.block) return;
 	const parentNode = parent.node;
-	if (parentNode.type !== 1 || parentNode.tagType !== 0) return false;
-	return !shouldUseCreateElement(parentNode, parent) && isValidHTMLNesting(parentNode.tag, node.tag);
+	if (parentNode.type === 1 && parentNode.tagType === 0 && !shouldUseCreateElement(parentNode, parent)) return parent;
 }
-function transformComponentElement(node, propsResult, staticKey, singleRoot, context, isDynamicComponent, useCreateElement) {
+function transformComponentElement(node, propsResult, staticKey, root, context, isDynamicComponent, useCreateElement) {
 	const dynamicComponent = isDynamicComponent ? resolveDynamicComponent(node) : void 0;
 	let { tag } = node;
-	let asset = true;
+	let asset = !useCreateElement;
 	let slotScopeNamespace;
 	if (!dynamicComponent && !useCreateElement) {
 		const isProp = findProp(node, "is");
@@ -28704,7 +28919,7 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 		slotScopeNamespace,
 		props,
 		asset,
-		root: singleRoot,
+		root,
 		slots: [...context.slots],
 		once: context.inVOnce,
 		dynamic: dynamicComponent,
@@ -28869,7 +29084,7 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 	template += `>` + children;
 	if (!isVoidTag(tag) && !omitEndTag) template += `</${tag}>`;
 	context.templateRoot = singleRoot;
-	if (context.parent && context.parent.node.type === 1 && !isValidHTMLNesting(context.parent.node.tag, tag)) {
+	if (context.parent && context.parent.node.type === 1 && !isValidHTMLNesting(context.parent.node.tag, tag) || !(context.templateScope & 128) && getTemplateParent(context) !== void 0) {
 		context.reference();
 		context.dynamic.template = context.pushTemplate(template);
 		context.dynamic.flags |= 6;
@@ -29386,7 +29601,7 @@ function mergePropValues(existing, incoming) {
 	existing.values.push(...newValues);
 }
 function shouldUseCreateElement(node, context) {
-	return context.options.isCustomElement(node.tag) || node.tagType === 0 && node.tag === "template";
+	return context.options.isCustomElement(node.tag) || node.tagType === 0 && (node.tag === "template" || node.ns !== 0 && isForeignBreakoutTag(node.tag));
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/transformChildren.ts
@@ -29394,12 +29609,16 @@ const transformChildren = (node, context) => {
 	const isFragment = node.type === 0 || node.type === 1 && (node.tagType === 3 || node.tagType === 1);
 	if (!isFragment && node.type !== 1) return;
 	const useCreateElement = node.type === 1 && shouldUseCreateElement(node, context);
-	const childTemplateCloseState = !isFragment && !useCreateElement ? getChildTemplateCloseState(context) : void 0;
+	const hostsTemplate = node.type === 1 && node.tagType === 0 && !useCreateElement;
+	const childTemplateCloseState = hostsTemplate ? getChildTemplateCloseState(context) : void 0;
+	const childScope = hostsTemplate ? enterOpenScope(context.templateScope, node.tag, node.ns) : 0;
 	for (const [i, child] of node.children.entries()) {
 		const childContext = context.create(child, i);
-		const isInSameTemplate = childTemplateCloseState && child.type === 1 && child.tagType === 0 && isInSameTemplateAsParent(childContext);
-		childContext.templateCloseTags = isInSameTemplate ? childTemplateCloseState.tags : void 0;
-		childContext.templateCloseBlocks = isInSameTemplate ? childTemplateCloseState.blocks : false;
+		const isInSameTemplate = hostsTemplate && child.type === 1 && child.tagType === 0 && keepsInTemplate(child.tag, child.ns, node.tag, childScope);
+		const closeState = isInSameTemplate ? childTemplateCloseState : void 0;
+		childContext.templateScope = isInSameTemplate ? childScope | 128 : 0;
+		childContext.templateCloseTags = closeState && closeState.tags;
+		childContext.templateCloseBlocks = !!closeState && closeState.blocks;
 		transformNode(childContext);
 		const childDynamic = childContext.dynamic;
 		const createsNode = isFragment || childContext.template !== "" || childDynamic.template != null || childDynamic.id !== void 0 || childDynamic.operation !== void 0 || childDynamic.hasDynamicChild === true;
@@ -29527,7 +29746,7 @@ const transformText = (node, context) => {
 		const createElementParent = parent && parent.type === 1 && shouldUseCreateElement(parent, context.parent);
 		const isRootText = !parent || parent.type === 0 || parent.type === 1 && (parent.tagType === 3 || parent.tagType === 1);
 		const isRawText = createElementParent || isRootText;
-		if (isRawText && node.content[0] === "<") {
+		if (needsTextNode(parent, node.content, isRawText)) {
 			materializeLiteralTextNode(createSimpleExpression(node.content, true, node.loc), context);
 			return;
 		}
@@ -29543,7 +29762,7 @@ function processInterpolation(context) {
 	const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
 	if (text !== null && parentNode.type !== 0 && (isElementChild || text !== "")) {
 		const isRawText = !isElementChild || parentNode.type === 1 && shouldUseCreateElement(parentNode, context.parent);
-		if (isRawText && text[0] === "<") {
+		if (needsTextNode(parentNode, text, isRawText)) {
 			materializeLiteralTextNode(createSimpleExpression(text, true, context.node.loc), context);
 			return;
 		}
@@ -29609,6 +29828,16 @@ function registerSyntheticTextChild(context, template, values) {
 function processCreateElementTextContainer(children, context) {
 	registerSyntheticTextChild(context, "", processTextLikeChildren(children, context));
 }
+/**
+* Text that cannot be written into a template string and is created
+* imperatively instead: unescaped text starting with "<" (the runtime only
+* turns a template into a text node when it does not start with "<", see
+* `template()` in runtime-vapor), and text other than ascii whitespace in a
+* table part, which the parser would move in front of the table.
+*/
+function needsTextNode(parent, text, isRawText) {
+	return isRawText && text[0] === "<" || !!parent && parent.type === 1 && parent.ns === 0 && isFosterParentingTag(parent.tag) && !isAllWhitespace(text);
+}
 function materializeLiteralTextNode(value, context) {
 	const id = context.reference();
 	context.dynamic.flags |= 6;
@@ -29973,7 +30202,7 @@ function processIf(node, dir, context) {
 		const [branch, onExit] = createIfBranch(node, context);
 		return () => {
 			onExit();
-			context.dynamic.operation = _objectSpread2(_objectSpread2({
+			const operation = _objectSpread2(_objectSpread2({
 				type: 15,
 				id
 			}, context.effectBoundary()), {}, {
@@ -29983,6 +30212,8 @@ function processIf(node, dir, context) {
 				index: context.root.nextIfIndex(),
 				once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 			});
+			context.dynamic.operation = operation;
+			context.root.ifHeads.set(operation, context.inVOnce);
 		};
 	} else {
 		const siblingIf = getSiblingIf(context, true);
@@ -29999,9 +30230,13 @@ function processIf(node, dir, context) {
 			context.options.onError(createCompilerError(30, node.loc));
 			return;
 		}
+		const head = lastIfNode;
 		while (lastIfNode.negative && lastIfNode.negative.type === 15) lastIfNode = lastIfNode.negative;
+		const parent = context.parent;
+		context.inVOnce = parent.inVOnce && !isComponentNode(parent.node) || !!context.root.ifHeads.get(head);
 		if (dir.name === "else-if" && lastIfNode.negative) context.options.onError(createCompilerError(30, node.loc));
 		checkSameKey(node, context);
+		if (!context.inVOnce) context.node = node = extend({}, node, { props: node.props.filter((prop) => prop.type !== 7 || prop.name !== "once") });
 		const comments = context.comment;
 		if (comments.length) {
 			if (!isInTransition(context)) {
@@ -30206,6 +30441,7 @@ const transformSlotOutlet = (node, context) => {
 function createFallback(node, context) {
 	if (!node.children.length) return [];
 	context.isSingleRoot = false;
+	context.isSlotRoot = false;
 	context.node = node = extend({}, node, {
 		type: 1,
 		tag: "template",
@@ -30234,11 +30470,11 @@ const transformVSlot = (node, context) => {
 function transformComponentSlot(node, dir, context) {
 	const { children } = node;
 	const arg = dir && dir.arg;
-	const hasTemplateSlots = children.some(isSlotTemplateChild);
+	const hasTemplateSlots = children.some(isSlotTemplate);
 	const isTransitionHost = isTransitionHostNode(node);
 	const emptyTextNodes = [];
 	const nonSlotTemplateChildren = children.filter((n) => {
-		if (isSlotTemplateChild(n)) return false;
+		if (isSlotTemplate(n)) return false;
 		if (n.type === 3 && (hasTemplateSlots || isTransitionHost)) {
 			ignoreComment(n, context);
 			return false;
@@ -30362,9 +30598,6 @@ function isNonWhitespaceContent(node) {
 	if (node.type !== 2) return true;
 	return !!node.content.trim();
 }
-function isSlotTemplateChild(node) {
-	return node.type === 1 && isTemplateNode(node) && !!findDir(node, "slot", true);
-}
 //#endregion
 //#region packages/compiler-vapor/src/transforms/transformTransition.ts
 const transformTransition = (node, context) => {
@@ -30477,6 +30710,7 @@ var src_exports$1 = /* @__PURE__ */ __exportAll({
 //#region packages/compiler-ssr/src/runtimeHelpers.ts
 const SSR_INTERPOLATE = Symbol(`ssrInterpolate`);
 const SSR_RENDER_VNODE = Symbol(`ssrRenderVNode`);
+const SSR_RENDER_DYNAMIC_COMPONENT = Symbol(`ssrRenderDynamicComponent`);
 const SSR_RENDER_COMPONENT = Symbol(`ssrRenderComponent`);
 const SSR_RENDER_SLOT = Symbol(`ssrRenderSlot`);
 const SSR_RENDER_SLOT_INNER = Symbol(`ssrRenderSlotInner`);
@@ -30497,6 +30731,7 @@ const SSR_GET_DIRECTIVE_PROPS = Symbol(`ssrGetDirectiveProps`);
 const ssrHelpers = {
 	[SSR_INTERPOLATE]: `ssrInterpolate`,
 	[SSR_RENDER_VNODE]: `ssrRenderVNode`,
+	[SSR_RENDER_DYNAMIC_COMPONENT]: `ssrRenderDynamicComponent`,
 	[SSR_RENDER_COMPONENT]: `ssrRenderComponent`,
 	[SSR_RENDER_SLOT]: `ssrRenderSlot`,
 	[SSR_RENDER_SLOT_INNER]: `ssrRenderSlotInner`,
@@ -30893,7 +31128,14 @@ const ssrTransformComponent = (node, context) => {
 			return fn;
 		};
 		const slots = node.children.length ? buildSlots(node, context, buildSSRSlotFn).slots : `null`;
-		if (typeof component !== "string") node.ssrCodegenNode = createCallExpression(context.helper(SSR_RENDER_VNODE), [
+		if (typeof component !== "string" && rawOptionsMap.get(context.root).vapor) node.ssrCodegenNode = createCallExpression(context.helper(SSR_RENDER_DYNAMIC_COMPONENT), [
+			`_push`,
+			component,
+			propsExp,
+			slots,
+			`_parent`
+		]);
+		else if (typeof component !== "string") node.ssrCodegenNode = createCallExpression(context.helper(SSR_RENDER_VNODE), [
 			`_push`,
 			createCallExpression(context.helper(CREATE_VNODE), [
 				component,
@@ -31545,10 +31787,10 @@ var require_picocolors_browser = /* @__PURE__ */ __commonJSMin(((exports, module
 	module.exports.createColors = create;
 }));
 //#endregion
-//#region (ignored) node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/terminal-highlight
+//#region (ignored) node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/terminal-highlight
 var require_terminal_highlight = /* @__PURE__ */ __commonJSMin((() => {}));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/css-syntax-error.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/css-syntax-error.js
 var require_css_syntax_error = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let pico = require_picocolors_browser();
 	let terminalHighlight = require_terminal_highlight();
@@ -31625,16 +31867,9 @@ var require_css_syntax_error = /* @__PURE__ */ __commonJSMin(((exports, module)
 	CssSyntaxError.default = CssSyntaxError;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/stringifier.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/stringifier.js
 var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
-	const STYLE_TAG = /(<)(\/?style\b)/gi;
-	const COMMENT_OPEN = /(<)(!--)/g;
 	const AT_NAME_END = /[\t\n\f\r "#'()/;[\\\]{}]/;
-	function escapeHTMLInCSS(str) {
-		if (typeof str !== "string") return str;
-		if (!str.includes("<")) return str;
-		return str.replace(STYLE_TAG, "\\3c $2").replace(COMMENT_OPEN, "\\3c $2");
-	}
 	const DEFAULT_RAW = {
 		after: "\n",
 		beforeClose: "\n",
@@ -31663,7 +31898,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function isCustomProperty(node) {
 		if (!node.prop.startsWith("--")) return false;
 		let before = node.raws.before;
-		return typeof before === "undefined" || !/\S$/.test(before);
+		return typeof before === "undefined" || !/[^\s;]$/.test(before);
 	}
 	function pushBody(str, stack, node) {
 		let nodes = node.nodes;
@@ -31687,13 +31922,13 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	}
 	function pushBlock(str, stack, node, start) {
 		let between = str.raw(node, "between", "beforeOpen");
-		str.builder(escapeHTMLInCSS(start + between) + "{", node, "start");
+		str.builder(start + between + "{", node, "start");
 		let hasNodes = node.nodes && node.nodes.length;
 		let close = () => {
 			let after = hasNodes ? str.raw(node, "after") : str.raw(node, "after", "emptyBody");
-			if (after) str.builder(escapeHTMLInCSS(after));
+			if (after) str.builder(after);
 			str.builder("}", node, "end");
-			if (node.type === "rule" && node.raws.ownSemicolon) str.builder(escapeHTMLInCSS(node.raws.ownSemicolon), node, "end");
+			if (node.type === "rule" && node.raws.ownSemicolon) str.builder(node.raws.ownSemicolon, node, "end");
 		};
 		if (hasNodes) {
 			stack.push(close);
@@ -31709,7 +31944,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			if (node.nodes) this.block(node, start);
 			else {
 				let end = (node.raws.between || "") + (semicolon ? ";" : "");
-				this.builder(escapeHTMLInCSS(start + end), node);
+				this.builder(start + end, node);
 			}
 		}
 		beforeAfter(node, detect) {
@@ -31732,13 +31967,13 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 		}
 		block(node, start) {
 			let between = this.raw(node, "between", "beforeOpen");
-			this.builder(escapeHTMLInCSS(start + between) + "{", node, "start");
+			this.builder(start + between + "{", node, "start");
 			let after;
 			if (node.nodes && node.nodes.length) {
 				this.body(node);
 				after = this.raw(node, "after");
 			} else after = this.raw(node, "after", "emptyBody");
-			if (after) this.builder(escapeHTMLInCSS(after));
+			if (after) this.builder(after);
 			this.builder("}", node, "end");
 		}
 		body(node) {
@@ -31760,7 +31995,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 				}
 				let child = entry.node;
 				let before = this.raw(child, "before");
-				if (before) this.builder(entry.document ? before : escapeHTMLInCSS(before));
+				if (before) this.builder(before);
 				if (expandable && child.type === "rule") pushBlock(this, stack, child, this.rawValue(child, "selector"));
 				else if (expandable && child.type === "atrule" && child.nodes) pushBlock(this, stack, child, atruleStart(this, child));
 				else this.stringify(child, entry.semicolon);
@@ -31769,7 +32004,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 		comment(node) {
 			let left = this.raw(node, "left", "commentLeft");
 			let right = this.raw(node, "right", "commentRight");
-			this.builder(escapeHTMLInCSS("/*" + left + node.text + right + "*/"), node);
+			this.builder("/*" + left + node.text + right + "*/", node);
 		}
 		decl(node, semicolon) {
 			let raws = node.raws;
@@ -31777,7 +32012,7 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			let string = node.prop + between + this.rawValue(node, "value");
 			if (node.important) string += raws.important || " !important";
 			if (semicolon) string += ";";
-			this.builder(escapeHTMLInCSS(string), node);
+			this.builder(string, node);
 		}
 		document(node) {
 			this.body(node);
@@ -31928,17 +32163,13 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			return value;
 		}
 		root(node) {
-			if (node.source && node.source.input.hasBOM) this.builder("", node, "start");
+			if (!(node.parent && node.parent.type === "document") && node.source && node.source.input.hasBOM) this.builder("", node, "start");
 			this.body(node);
-			if (node.raws.after) {
-				let after = node.raws.after;
-				let isDocument = node.parent && node.parent.type === "document";
-				this.builder(isDocument ? after : escapeHTMLInCSS(after));
-			}
+			if (node.raws.after) this.builder(node.raws.after);
 		}
 		rule(node) {
 			this.block(node, this.rawValue(node, "selector"));
-			if (node.raws.ownSemicolon) this.builder(escapeHTMLInCSS(node.raws.ownSemicolon), node, "end");
+			if (node.raws.ownSemicolon) this.builder(node.raws.ownSemicolon, node, "end");
 		}
 		stringify(node, semicolon) {
 			/* c8 ignore start */
@@ -31951,23 +32182,62 @@ var require_stringifier = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Stringifier.default = Stringifier;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/stringify.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/stringify.js
 var require_stringify = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Stringifier = require_stringifier();
+	const STYLE_TAG = /(<)(\/?style\b)/gi;
+	const COMMENT_OPEN = /(<)(!--)/g;
+	function escapeHTMLInCSS(str) {
+		if (!str.includes("<")) return str;
+		return str.replace(STYLE_TAG, "\\3c $2").replace(COMMENT_OPEN, "\\3c $2");
+	}
+	var SafeStringifier = class extends Stringifier {
+		escapeHTML(node, print) {
+			let builder = this.builder;
+			let chunks, css;
+			this.builder = (str, child, type) => {
+				if (chunks) {
+					css += str;
+					chunks.push(str, child, type);
+				} else if (str.includes("<")) {
+					css = str;
+					chunks = [
+						str,
+						child,
+						type
+					];
+				} else builder(str, child, type);
+			};
+			print();
+			this.builder = builder;
+			if (!chunks) return;
+			let escaped = escapeHTMLInCSS(css);
+			if (escaped === css) for (let i = 0; i < chunks.length; i += 3) builder(chunks[i], chunks[i + 1], chunks[i + 2]);
+			else builder(escaped, node);
+		}
+		root(node) {
+			if (node.parent && node.parent.type === "document") {
+				this.escapeHTML(node, () => this.body(node));
+				if (node.raws.after) this.builder(node.raws.after);
+			} else this.escapeHTML(node, () => super.root(node));
+		}
+	};
 	function stringify(node, builder) {
-		new Stringifier(builder).stringify(node);
+		let str = new SafeStringifier(builder);
+		if (node.type === "root" || node.type === "document") str.stringify(node);
+		else str.escapeHTML(node, () => str.stringify(node));
 	}
 	module.exports = stringify;
 	stringify.default = stringify;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/symbols.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/symbols.js
 var require_symbols = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports.isClean = Symbol("isClean");
 	module.exports.my = Symbol("my");
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/node.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/node.js
 var require_node$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let CssSyntaxError = require_css_syntax_error();
 	let Stringifier = require_stringifier();
@@ -32329,7 +32599,7 @@ var require_node$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Node.default = Node;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/comment.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/comment.js
 var require_comment$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Node = require_node$1();
 	var Comment = class extends Node {
@@ -32342,7 +32612,7 @@ var require_comment$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Comment.default = Comment;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/declaration.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/declaration.js
 var require_declaration = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	let Node = require_node$1();
@@ -32360,7 +32630,7 @@ var require_declaration = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Declaration.default = Declaration;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/container.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/container.js
 var require_container$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Comment = require_comment$1();
 	let Declaration = require_declaration();
@@ -32696,7 +32966,7 @@ var require_container$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 }));
 /* c8 ignore stop */
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/at-rule.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/at-rule.js
 var require_at_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	var AtRule = class extends Container {
@@ -32718,7 +32988,7 @@ var require_at_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerAtRule(AtRule);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/document.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/document.js
 var require_document = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	let Container = require_container$1();
@@ -32792,10 +33062,10 @@ var require_non_secure = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region (ignored) node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib
+//#region (ignored) node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib
 var require_lib = /* @__PURE__ */ __commonJSMin((() => {}));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/previous-map.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/previous-map.js
 var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init__polyfill_node_buffer();
 	let { existsSync, readFileSync, realpathSync } = (init__polyfill_node_fs(), __toCommonJS(_polyfill_node_fs_exports));
@@ -32909,7 +33179,7 @@ var require_previous_map = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	PreviousMap.default = PreviousMap;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/input.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/input.js
 var require_input = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	let { nanoid } = require_non_secure();
@@ -33109,7 +33379,7 @@ var require_input = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	if (terminalHighlight && terminalHighlight.registerInput) terminalHighlight.registerInput(Input);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/root.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/root.js
 var require_root$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let LazyResult;
@@ -33154,7 +33424,7 @@ var require_root$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerRoot(Root);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/list.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/list.js
 var require_list = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let list = {
 		comma(string) {
@@ -33176,7 +33446,18 @@ var require_list = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			let inQuote = false;
 			let prevQuote = "";
 			let escape = false;
-			for (let letter of string) {
+			let inComment = false;
+			for (let i = 0; i < string.length; i++) {
+				let letter = string[i];
+				if (inComment) {
+					current += letter;
+					if (letter === "*" && string[i + 1] === "/") {
+						current += "/";
+						i += 1;
+						inComment = false;
+					}
+					continue;
+				}
 				if (escape) escape = false;
 				else if (letter === "\\") escape = true;
 				else if (inQuote) {
@@ -33184,6 +33465,11 @@ var require_list = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 				} else if (letter === "\"" || letter === "'") {
 					inQuote = true;
 					prevQuote = letter;
+				} else if (letter === "/" && string[i + 1] === "*") {
+					current += "/*";
+					i += 1;
+					inComment = true;
+					continue;
 				} else if (letter === "(") func += 1;
 				else if (letter === ")") {
 					if (func > 0) func -= 1;
@@ -33206,7 +33492,7 @@ var require_list = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	list.default = list;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/rule.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/rule.js
 var require_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let list = require_list();
@@ -33230,7 +33516,7 @@ var require_rule = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerRule(Rule);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/fromJSON.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/fromJSON.js
 var require_fromJSON = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	init_objectWithoutProperties();
@@ -33306,7 +33592,7 @@ var require_fromJSON = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	fromJSON.default = fromJSON;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/map-generator.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/map-generator.js
 var require_map_generator = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init__polyfill_node_buffer();
 	let { dirname, relative, resolve, sep } = (init__polyfill_node_path(), __toCommonJS(_polyfill_node_path_exports));
@@ -33361,13 +33647,17 @@ var require_map_generator = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 				}
 			} else if (this.css) {
 				let annotation = "/*# sourceMappingURL=";
+				let css = "";
+				let cursor = 0;
 				let startIndex;
-				while ((startIndex = this.css.lastIndexOf(annotation)) !== -1) {
+				while ((startIndex = this.css.indexOf(annotation, cursor)) !== -1) {
 					let endIndex = this.css.indexOf("*/", startIndex + 21);
 					if (endIndex === -1) break;
-					while (startIndex > 0 && this.css[startIndex - 1] === "\n") startIndex--;
-					this.css = this.css.slice(0, startIndex) + this.css.slice(endIndex + 2);
+					while (startIndex > cursor && this.css[startIndex - 1] === "\n") startIndex--;
+					css += this.css.slice(cursor, startIndex);
+					cursor = endIndex + 2;
 				}
+				if (cursor > 0) this.css = css + this.css.slice(cursor);
 			}
 		}
 		generate() {
@@ -33578,7 +33868,7 @@ var require_map_generator = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 	module.exports = MapGenerator;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/tokenize.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/tokenize.js
 var require_tokenize$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	const SINGLE_QUOTE = "'".charCodeAt(0);
 	const DOUBLE_QUOTE = "\"".charCodeAt(0);
@@ -33815,7 +34105,7 @@ var require_tokenize$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/parser.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/parser.js
 var require_parser$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let AtRule = require_at_rule();
 	let Comment = require_comment$1();
@@ -34189,6 +34479,7 @@ var require_parser$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 			let token, type;
 			let length = tokens.length;
 			let value = "";
+			let last = "";
 			let clean = true;
 			let next, prev;
 			for (let i = 0; i < length; i += 1) {
@@ -34199,10 +34490,16 @@ var require_parser$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 					prev = tokens[i - 1] ? tokens[i - 1][0] : "empty";
 					next = tokens[i + 1] ? tokens[i + 1][0] : "empty";
 					if (!SAFE_COMMENT_NEIGHBOR[prev] && !SAFE_COMMENT_NEIGHBOR[next]) {
-						if (value.slice(-1) === ",") clean = false;
-						else value += token[1];
+						if (last === ",") clean = false;
+						else {
+							value += token[1];
+							last = token[1].slice(-1);
+						}
 					} else clean = false;
-				} else value += token[1];
+				} else {
+					value += token[1];
+					last = token[1].slice(-1);
+				}
 			}
 			if (!clean) {
 				let raw = tokens.reduce((all, i) => all + i[1], "");
@@ -34277,7 +34574,7 @@ var require_parser$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = Parser;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/parse.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/parse.js
 var require_parse = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let Input = require_input();
@@ -34302,7 +34599,7 @@ var require_parse = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Container.registerParse(parse);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/warning.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/warning.js
 var require_warning = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Container = require_container$1();
 	let { my } = require_symbols();
@@ -34334,7 +34631,7 @@ var require_warning = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Warning.default = Warning;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/result.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/result.js
 var require_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Warning = require_warning();
 	var Result = class {
@@ -34368,7 +34665,7 @@ var require_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Result.default = Result;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/warn-once.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/warn-once.js
 var require_warn_once = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let printed = {};
 	module.exports = function warnOnce(message) {
@@ -34378,7 +34675,7 @@ var require_warn_once = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	};
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/lazy-result.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/lazy-result.js
 var require_lazy_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init_objectSpread2();
 	init_asyncToGenerator();
@@ -34846,7 +35143,7 @@ var require_lazy_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Document.registerLazyResult(LazyResult);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/no-work-result.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/no-work-result.js
 var require_no_work_result = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let MapGenerator = require_map_generator();
 	let parse = require_parse();
@@ -34943,7 +35240,7 @@ var require_no_work_result = /* @__PURE__ */ __commonJSMin(((exports, module) =>
 	NoWorkResult.default = NoWorkResult;
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/processor.js
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/processor.js
 var require_processor$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Document = require_document();
 	let LazyResult = require_lazy_result();
@@ -34951,7 +35248,7 @@ var require_processor$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let Root = require_root$1();
 	var Processor = class {
 		constructor(plugins = []) {
-			this.version = "8.5.28";
+			this.version = "8.5.29";
 			this.plugins = this.normalize(plugins);
 		}
 		normalize(plugins) {
@@ -34982,7 +35279,7 @@ var require_processor$1 = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	Document.registerProcessor(Processor);
 }));
 //#endregion
-//#region node_modules/.pnpm/postcss@8.5.28/node_modules/postcss/lib/postcss.mjs
+//#region node_modules/.pnpm/postcss@8.5.29/node_modules/postcss/lib/postcss.mjs
 var import_postcss = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	init__polyfill_node_process();
 	let AtRule = require_at_rule();
@@ -43414,11 +43711,14 @@ function transformDestructuredProps(ctx, vueImportAliases) {
 	const excludedIds = /* @__PURE__ */ new WeakSet();
 	const parentStack = [];
 	const propsLocalToPublicMap = Object.create(null);
+	const modelOptionNodes = /* @__PURE__ */ new Set();
+	let currentModelOption = null;
 	for (const key in ctx.propsDestructuredBindings) {
 		const { local } = ctx.propsDestructuredBindings[key];
 		rootScope[local] = true;
 		propsLocalToPublicMap[local] = key;
 	}
+	for (const { runtimeOptionNodes } of Object.values(ctx.modelDecls)) for (const node of runtimeOptionNodes) modelOptionNodes.add(node);
 	function pushScope(isFunctionScope = false) {
 		const scope = currentScope = Object.create(currentScope);
 		scopeStack.push(scope);
@@ -43459,6 +43759,10 @@ function transformDestructuredProps(ctx, vueImportAliases) {
 		} });
 	}
 	function rewriteId(id, parent, parentStack) {
+		if (currentModelOption) {
+			const isDefault = (currentModelOption.type === "ObjectProperty" || currentModelOption.type === "ObjectMethod") && resolveObjectKey(currentModelOption.key, currentModelOption.computed) === "default";
+			ctx.error(`\`${DEFINE_MODEL}()\` prop options cannot reference destructured props because they are hoisted outside of the setup() function.` + (isDefault ? ` Use the props argument of the default factory instead, e.g. default: props => props${genPropsAccessExp(propsLocalToPublicMap[id.name]).slice(`__props`.length)}` : ``), id);
+		}
 		if (parent.type === "AssignmentExpression" && id === parent.left || parent.type === "UpdateExpression") ctx.error(`Cannot assign to destructured props as they are readonly.`, id);
 		if (isStaticProperty(parent) && parent.shorthand) {
 			if (!parent.inPattern || isInDestructureAssignment(parent, parentStack)) ctx.s.appendLeft(id.end + ctx.startOffset, `: ${genPropsAccessExp(propsLocalToPublicMap[id.name])}`);
@@ -43477,6 +43781,7 @@ function transformDestructuredProps(ctx, vueImportAliases) {
 		enter(node, parent) {
 			parent && parentStack.push(parent);
 			if (parent && parent.type.startsWith("TS") && !TS_NODE_TYPES.includes(parent.type)) return this.skip();
+			if (modelOptionNodes.has(node)) currentModelOption = node;
 			checkUsage(node, "watch", vueImportAliases.watch);
 			checkUsage(node, "toRef", vueImportAliases.toRef);
 			if (isFunctionType(node)) {
@@ -43514,6 +43819,7 @@ function transformDestructuredProps(ctx, vueImportAliases) {
 		},
 		leave(node, parent) {
 			parent && parentStack.pop();
+			if (node === currentModelOption) currentModelOption = null;
 			if (isFunctionType(node)) popScope(true);
 			else if (node.type === "BlockStatement" && !isFunctionType(parent)) popScope();
 			else if (node.type === "CatchClause" || node.type === "ForOfStatement" || node.type === "ForInStatement" || node.type === "ForStatement") popScope();
@@ -44060,7 +44366,7 @@ function compileScript(sfc, options) {
 		if (cssModuleBindings.length) returned = `{\n${cssModuleBindings.join("\n")}\n${returned}\n}`;
 	} else returned = `() => {}`;
 	if (!inlineMode && true) ctx.s.appendRight(endOffset, `\nconst __returned__ = ${returned}\nObject.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true })\nreturn __returned__\n}\n\n`);
-	else ctx.s.appendRight(endOffset, `\n${vapor && !ssr && inlineMode ? `` : `return `}${returned}\n}\n\n`);
+	else ctx.s.appendRight(endOffset, `\n${vapor && !ssr && inlineMode && !(!sfc.template && ctx.hasDefaultExportRender) ? `` : `return `}${returned}\n}\n\n`);
 	const genDefaultAs = options.genDefaultAs ? `const ${options.genDefaultAs} =` : `export default`;
 	let runtimeOptions = ``;
 	if (!ctx.hasDefaultExportName && filename && filename !== "anonymous.vue") {
@@ -44235,7 +44541,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-rc.11";
+const version = "3.6.0-rc.13";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;