@vue/compiler-sfc 3.6.0-rc.10 → 3.6.0-rc.12

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.10
+  * @vue/compiler-sfc v3.6.0-rc.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -405,9 +405,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 +3627,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 +3639,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 +7073,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 +12866,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 +17940,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 +17974,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 +18039,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 +18386,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 +18480,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 +18549,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 +18773,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 +18832,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 +18893,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 +18956,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 +18974,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 +18983,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 +19592,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 +19635,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 +19779,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 +19845,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 +20980,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]),
@@ -21256,11 +21295,11 @@ function resolveComponentType(node, context, ssr = false) {
 		return builtIn;
 	}
 	{
-		const fromScope = resolveSlotScopeReference(tag, context);
+		const fromScope = resolveSlotScopeReference$1(tag, context);
 		if (fromScope) return fromScope;
 		const dotIndex = tag.indexOf(".");
 		if (dotIndex > 0) {
-			const ns = resolveSlotScopeReference(tag.slice(0, dotIndex), context);
+			const ns = resolveSlotScopeReference$1(tag.slice(0, dotIndex), context);
 			if (ns) return ns + tag.slice(dotIndex);
 		}
 	}
@@ -21282,7 +21321,7 @@ function resolveComponentType(node, context, ssr = false) {
 	context.components.add(tag);
 	return toValidAssetId(tag, `component`);
 }
-function resolveSlotScopeReference(name, context) {
+function resolveSlotScopeReference$1(name, context) {
 	const camelName = camelize(name);
 	const PascalName = capitalize(camelName);
 	const isInSlotScope = (reference) => context.isSlotScopeIdentifier(reference);
@@ -22343,7 +22382,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 +22404,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 +22819,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,
@@ -23292,15 +23337,18 @@ function parse(source, options = {}) {
 		shouldForceReload: (prevImports) => hmrShouldReload(prevImports, descriptor)
 	};
 	const errors = [];
-	compiler.parse(source, _objectSpread2(_objectSpread2({
+	const ast = compiler.parse(source, _objectSpread2(_objectSpread2({
 		parseMode: "sfc",
 		prefixIdentifiers: true
 	}, templateParseOptions), {}, { onError: (e) => {
 		errors.push(e);
-	} })).children.forEach((node) => {
+	} }));
+	let emptyScriptSetup;
+	ast.children.forEach((node) => {
 		if (node.type !== 1) return;
 		if (ignoreEmpty && node.tag !== "template" && isEmpty(node) && !hasAttr(node, "src")) {
 			descriptor.vapor || (descriptor.vapor = hasAttr(node, "vapor"));
+			if (node.tag === "script" && (hasAttr(node, "setup") || hasAttr(node, "vapor"))) emptyScriptSetup = node;
 			return;
 		}
 		switch (node.tag) {
@@ -23338,6 +23386,14 @@ function parse(source, options = {}) {
 			default: descriptor.customBlocks.push(createBlock(node, source, pad));
 		}
 	});
+	if (descriptor.vapor && descriptor.script && !descriptor.scriptSetup) {
+		if (emptyScriptSetup) descriptor.scriptSetup = createBlock(emptyScriptSetup, source, pad);
+		else {
+			const err = /* @__PURE__ */ new SyntaxError(`Vapor components with a normal <script> must also include <script setup>, <script vapor>, or <script setup vapor>.`);
+			err.loc = descriptor.script.loc;
+			errors.push(err);
+		}
+	}
 	if (!descriptor.template && !descriptor.script && !descriptor.scriptSetup) errors.push(/* @__PURE__ */ new SyntaxError(`At least one <template> or <script> is required in a single file component. ${descriptor.filename}`));
 	if (descriptor.scriptSetup) {
 		if (descriptor.scriptSetup.src) {
@@ -24977,32 +25033,34 @@ const IRNodeTypes = {
 	"3": "SET_PROP",
 	"SET_DYNAMIC_PROPS": 4,
 	"4": "SET_DYNAMIC_PROPS",
-	"SET_TEXT": 5,
-	"5": "SET_TEXT",
-	"SET_EVENT": 6,
-	"6": "SET_EVENT",
-	"SET_DYNAMIC_EVENTS": 7,
-	"7": "SET_DYNAMIC_EVENTS",
-	"SET_HTML": 8,
-	"8": "SET_HTML",
-	"SET_TEMPLATE_REF": 9,
-	"9": "SET_TEMPLATE_REF",
-	"INSERT_NODE": 10,
-	"10": "INSERT_NODE",
-	"CREATE_COMPONENT_NODE": 11,
-	"11": "CREATE_COMPONENT_NODE",
-	"SLOT_OUTLET_NODE": 12,
-	"12": "SLOT_OUTLET_NODE",
-	"DIRECTIVE": 13,
-	"13": "DIRECTIVE",
-	"IF": 14,
-	"14": "IF",
-	"FOR": 15,
-	"15": "FOR",
-	"KEY": 16,
-	"16": "KEY",
-	"GET_TEXT_CHILD": 17,
-	"17": "GET_TEXT_CHILD"
+	"SYNC_SELECT_VALUE": 5,
+	"5": "SYNC_SELECT_VALUE",
+	"SET_TEXT": 6,
+	"6": "SET_TEXT",
+	"SET_EVENT": 7,
+	"7": "SET_EVENT",
+	"SET_DYNAMIC_EVENTS": 8,
+	"8": "SET_DYNAMIC_EVENTS",
+	"SET_HTML": 9,
+	"9": "SET_HTML",
+	"SET_TEMPLATE_REF": 10,
+	"10": "SET_TEMPLATE_REF",
+	"INSERT_NODE": 11,
+	"11": "INSERT_NODE",
+	"CREATE_COMPONENT_NODE": 12,
+	"12": "CREATE_COMPONENT_NODE",
+	"SLOT_OUTLET_NODE": 13,
+	"13": "SLOT_OUTLET_NODE",
+	"DIRECTIVE": 14,
+	"14": "DIRECTIVE",
+	"IF": 15,
+	"15": "IF",
+	"FOR": 16,
+	"16": "FOR",
+	"KEY": 17,
+	"17": "KEY",
+	"GET_TEXT_CHILD": 18,
+	"18": "GET_TEXT_CHILD"
 };
 var TemplateRegistry = class {
 	constructor() {
@@ -25024,7 +25082,7 @@ const DynamicFlag = {
 };
 function isBlockOperation(op) {
 	const type = op.type;
-	return type === 11 || type === 12 || type === 14 || type === 16 || type === 15;
+	return type === 12 || type === 13 || type === 15 || type === 17 || type === 16;
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/utils.ts
@@ -25087,11 +25145,11 @@ const findDir = findDir$1;
 function propToExpression(prop) {
 	return prop.type === 6 ? prop.value ? createSimpleExpression(prop.value.content, true, prop.value.loc) : EMPTY_EXPRESSION : prop.exp;
 }
-function isConstantExpression(exp) {
-	return isLiteralWhitelisted(exp.content) || isGloballyAllowed(exp.content) || getLiteralExpressionValue(exp) !== null;
+function isConstantExpression(exp, bindings) {
+	return isLiteralWhitelisted(exp.content) || isGloballyAllowed(exp.content) && !(bindings && bindings[exp.content]) || getLiteralExpressionValue(exp) !== null;
 }
 function isConstantBinding$1(exp, bindings) {
-	return isConstantExpression(exp) || isStaticExpression(exp, bindings);
+	return isConstantExpression(exp, bindings) || isStaticExpression(exp, bindings);
 }
 function isStaticExpression(node, bindings) {
 	if (node.ast) return isConstantNode(node.ast, bindings);
@@ -25167,7 +25225,7 @@ function isBuiltInComponent(tag) {
 function getBlockShape(block) {
 	if (block.returns.length !== 1) return 2;
 	const root = block.dynamic.children.find((c) => c.id === block.returns[0]);
-	if (root && root.operation && root.operation.type === 14) return 2;
+	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;
 }
 //#endregion
@@ -25305,7 +25363,7 @@ var TransformContext = class TransformContext {
 	}
 	registerEffect(expressions, operation, getIndex, preserveOrder = false) {
 		const operations = [operation].flat();
-		expressions = expressions.filter((exp) => !isConstantExpression(exp));
+		expressions = expressions.filter((exp) => !isConstantExpression(exp, this.root.options.bindingMetadata));
 		const once = expressions.every((e) => isConstantBinding$1(e, this.root.options.bindingMetadata));
 		const needsEffect = operations.some((op) => op.type === 4 && op.listeners);
 		if (this.inVOnce || once && !preserveOrder && !needsEffect) {
@@ -25694,12 +25752,19 @@ function genExpression(node, context, assignment, asParams = false) {
 		-2,
 		loc
 	]];
-	if (!node.content.trim() || ast === false || isConstantExpression(node)) return [[
+	if (!content.trim()) return [[
+		"void 0",
+		-2,
+		loc
+	]];
+	if (ast === false || ast === void 0 || isConstantExpression(node, options.bindingMetadata)) return [[
 		content,
 		-2,
 		loc
 	], assignment && ` = ${assignment}`];
 	if (ast === null) return genIdentifier(content, context, loc, assignment);
+	const target = assignment ? unwrapTSNode(ast) : void 0;
+	const isMemberTarget = (target === null || target === void 0 ? void 0 : target.type) === "MemberExpression" || (target === null || target === void 0 ? void 0 : target.type) === "OptionalMemberExpression";
 	const ids = [];
 	const parentStackMap = /* @__PURE__ */ new Map();
 	const parentStack = [];
@@ -25710,7 +25775,6 @@ function genExpression(node, context, assignment, asParams = false) {
 		ids.push(id);
 		parentStackMap.set(id, parentStack.slice());
 	}, asParams, parentStack);
-	let hasMemberExpression = false;
 	if (ids.length) {
 		const [frag, push] = buildCodeFragment();
 		let lastEnd = 0;
@@ -25729,16 +25793,21 @@ function genExpression(node, context, assignment, asParams = false) {
 			if (start < lastEnd) return;
 			const leadingText = content.slice(lastEnd, start);
 			if (leadingText.length) push([leadingText, -3]);
-			hasMemberExpression || (hasMemberExpression = parent && (parent.type === "MemberExpression" || parent.type === "OptionalMemberExpression"));
 			push(...genIdentifier(asParams ? id.name : source, context, {
 				start: advancePositionWithClone(node.loc.start, source, start),
 				end: advancePositionWithClone(node.loc.start, source, end),
 				source
-			}, hasMemberExpression ? void 0 : assignment, id, parent, parentStack, node));
+			}, isMemberTarget ? void 0 : assignment, id, parent, parentStack, node));
 			lastEnd = end;
 		});
 		if (lastEnd < content.length) push([content.slice(lastEnd), -3]);
-		if (assignment && hasMemberExpression) push(` = ${assignment}`);
+		if (assignment && isMemberTarget) {
+			if (TS_NODE_TYPES.includes(ast.type)) {
+				frag.unshift("(");
+				push(")");
+			}
+			push(` = ${assignment}`);
+		}
 		return frag;
 	} else return [[
 		content,
@@ -25767,7 +25836,8 @@ function genIdentifier(raw, context, loc, assignment, id, parent, parentStack, s
 		} else return genExpression(replacement, context, assignment);
 	}
 	let prefix;
-	const type = bindingMetadata && bindingMetadata[raw];
+	let type = bindingMetadata && bindingMetadata[raw];
+	if (inline && !type && raw[0] !== "$" && isSimpleIdentifier(raw) && canPrefix(raw)) type = "props";
 	const isDestructureAssignment = parent && isInDestructureAssignment(parent, parentStack || []);
 	const isAssignmentLVal = parent && parent.type === "AssignmentExpression" && parent.left === id;
 	const isUpdateArg = parent && parent.type === "UpdateExpression" && parent.argument === id;
@@ -25786,7 +25856,7 @@ function genIdentifier(raw, context, loc, assignment, id, parent, parentStack, s
 					end: advancePositionWithClone(source.loc.start, sourceContent, rightEnd),
 					source: rightContent
 				});
-				rightExp.ast = parseExp(context, rightContent);
+				rightExp.ast = isSimpleIdentifier(rightContent) ? null : (0, import_lib.parseExpression)(`(${rightContent})`, _objectSpread2(_objectSpread2({}, getParserOptions(context.options.expressionPlugins)), {}, { sourceType: "module" }));
 				return [
 					prefix,
 					`${helper("isRef")}(${raw}) ? ${raw}.value ${operator} `,
@@ -25821,7 +25891,7 @@ function genIdentifier(raw, context, loc, assignment, id, parent, parentStack, s
 		default: raw = withAssignment(raw);
 	}
 	else {
-		if (canPrefix(raw)) {
+		if (type || canPrefix(raw)) {
 			if (type === "props-aliased") raw = `$props['${bindingMetadata.__propsAliases[raw]}']`;
 			else raw = `${type === "props" ? "$props" : "_ctx"}.${raw}`;
 		}
@@ -25837,7 +25907,8 @@ function genIdentifier(raw, context, loc, assignment, id, parent, parentStack, s
 		return assignment ? `${s} = ${assignment}` : s;
 	}
 	function unref() {
-		return `${helper("unref")}(${raw})`;
+		const wrapped = `${helper("unref")}(${raw})`;
+		return parentStack && isInNewExpression(parentStack) ? `(${wrapped})` : wrapped;
 	}
 }
 function canPrefix(name) {
@@ -26157,10 +26228,15 @@ function getIdentifierRanges(exp) {
 	return identifiers;
 }
 function applyContentReplacements(content, replacements) {
-	replacements.sort((a, b) => b.start - a.start).forEach(({ start, end, content: replacement }) => {
-		content = content.slice(0, start) + replacement + content.slice(end);
-	});
-	return content;
+	replacements.sort((a, b) => a.start - b.start || b.end - a.end);
+	let result = "";
+	let offset = 0;
+	for (const { start, end, content: replacement } of replacements) {
+		if (start < offset) continue;
+		result += content.slice(offset, start) + replacement;
+		offset = end;
+	}
+	return result + content.slice(offset);
 }
 function genDeclarations(declarations, context, shouldDeclare) {
 	const [frag, push] = buildCodeFragment();
@@ -26191,7 +26267,7 @@ function parseExp(context, content) {
 	return (0, import_lib.parseExpression)(`(${content})`, getParserOptions(context.options.expressionPlugins));
 }
 function genVarName(exp) {
-	return `${exp.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/_+$/, "")}`;
+	return `${exp.replace(/[^a-zA-Z0-9]/g, "_").replace(/_+/g, "_").replace(/_+$/, "").replace(/^\d/, "_$&")}`;
 }
 function getUniqueDeclarationName(baseName, reservedNames) {
 	const normalizedBase = baseName || "exp";
@@ -26265,7 +26341,7 @@ function genSetEvent(oper, context) {
 	const eventOptions = genEventOptions();
 	return [NEWLINE, ...genCall(helper(effect ? "onBinding" : delegate ? "delegate" : "on"), `n${element}`, name, genHandler(), eventOptions)];
 	function genHandler() {
-		return handler || (handler = genEventHandler(context, [value], modifiers));
+		return handler || (handler = genEventHandler(context, [value], modifiers, { hoisted: oper }));
 	}
 	function genInvoker() {
 		return [
@@ -26300,18 +26376,38 @@ function genSetEvent(oper, context) {
 		return genMulti(DELIMITERS_OBJECT_NEWLINE, ...options.map((option) => [`${option}: true`]));
 	}
 	function isSameDelegateEvent(op) {
-		if (op.type === 6 && op !== oper && op.delegate && op.element === oper.element && op.key.content === key.content) return true;
+		if (op.type === 7 && op !== oper && op.delegate && op.element === oper.element && op.key.content === key.content) return true;
 	}
 }
 function genSetDynamicEvents(oper, context) {
 	const { helper } = context;
 	return [NEWLINE, ...genCall(helper("setDynamicEvents"), `n${oper.element}`, genExpression(oper.event, context))];
 }
+const hoistedHandlers = /* @__PURE__ */ new WeakMap();
+function genHoistedHandlers(effects, context) {
+	const [frag, push] = buildCodeFragment();
+	const declare = (node, key, values, modifiers) => {
+		const name = getUniqueHandlerName(context, `_on_${key.content.replace(/-/g, "_")}`);
+		hoistedHandlers.set(node, name);
+		push(NEWLINE, `const ${name} = `, ...genEventHandler(context, values, modifiers));
+	};
+	for (const { operations } of effects) for (const oper of operations) if (oper.type === 7) declare(oper, oper.key, [oper.value], oper.modifiers);
+	else if (oper.type === 4) for (const props of oper.props) {
+		if (!isArray$3(props)) continue;
+		for (const prop of props) if (prop.handler) declare(prop, prop.key, prop.values, prop.handlerModifiers);
+	}
+	return frag;
+}
+function getUniqueHandlerName(context, name) {
+	return context.getUniqueLocalName(genVarName(name));
+}
 function genEventHandler(context, values, modifiers = {
 	nonKeys: [],
 	keys: []
 }, options = {}) {
-	const { asComponentProp = false, extraWrap = false, modifierHelper = "runtime" } = options;
+	const { asComponentProp = false, extraWrap = false, modifierHelper = "runtime", hoisted } = options;
+	const hoistedName = hoisted && hoistedHandlers.get(hoisted);
+	if (hoistedName) return [hoistedName];
 	const useVaporModifierHelper = modifierHelper === "vapor";
 	let handlerExp = [];
 	if (values) {
@@ -26496,7 +26592,7 @@ function isFragmentBlock(block) {
 	const child = getSingleReturnedChild(block);
 	const operation = child && child.operation;
 	if (!operation) return false;
-	return operation.type === 12 || operation.type === 15 || operation.type === 16 || operation.type === 14 && !operation.once || operation.type === 11 && !!operation.dynamic && !operation.dynamic.isStatic;
+	return operation.type === 13 || operation.type === 16 || operation.type === 17 || operation.type === 15 && !operation.once || operation.type === 12 && !!operation.dynamic && !operation.dynamic.isStatic;
 }
 function getSingleReturnedChild(block) {
 	if (block.returns.length !== 1) return;
@@ -26514,50 +26610,55 @@ function parseValueDestructure(value, context) {
 	const map = /* @__PURE__ */ new Map();
 	if (value) {
 		const rawValue = value.content;
-		if (value.ast) walkIdentifiers(value.ast, (id, _, parentStack, ___, isLocal) => {
-			if (isLocal) {
-				let path = "";
-				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)}]`;
-						else if (parent.computed) {
-							isDynamic = true;
-							path += `[${rawValue.slice(parent.key.start - 1, parent.key.end - 1)}]`;
-						} else path += `.${parent.key.name}`;
-					} else if (parent.type === "ArrayPattern") {
-						const index = parent.elements.indexOf(child);
-						if (child.type === "RestElement") path += `.slice(${index})`;
-						else path += `[${index}]`;
-					} else if (parent.type === "ObjectPattern" && child.type === "RestElement") {
-						helper = context.helper("getRestElement");
-						helperArgs = "[" + parent.properties.filter((p) => p.type === "ObjectProperty").map((p) => {
-							if (p.key.type === "StringLiteral") return JSON.stringify(p.key.value);
-							else if (p.computed) {
+		if (value.ast) {
+			const bindings = /* @__PURE__ */ new Set();
+			walkFunctionParams(value.ast, (id) => bindings.add(id));
+			walkIdentifiers(value.ast, (id, _, parentStack) => {
+				if (bindings.has(id)) {
+					const steps = [];
+					let isDynamic = false;
+					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") steps.push(`[${JSON.stringify(parent.key.value)}]`);
+							else if (parent.computed) {
 								isDynamic = true;
-								return rawValue.slice(p.key.start - 1, p.key.end - 1);
-							} else return JSON.stringify(p.key.name);
-						}).join(", ") + "]";
-					}
-					if (child.type === "AssignmentPattern" && (parent.type === "ObjectProperty" || parent.type === "ArrayPattern" || parent.type === "ArrowFunctionExpression" && child.left === id)) {
-						isDynamic = true;
-						helper = context.helper("getDefaultValue");
-						helperArgs = `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`;
+								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") steps.push(`.slice(${index})`);
+							else steps.push(`[${index}]`);
+						} else if (parent.type === "ObjectPattern" && child.type === "RestElement") {
+							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")) {
+							isDynamic = true;
+							steps.push({
+								helper: context.helper("getDefaultValue"),
+								args: `() => (${rawValue.slice(child.right.start - 1, child.right.end - 1)})`
+							});
+						}
 					}
+					map.set(id.name, {
+						steps,
+						dynamic: isDynamic
+					});
 				}
-				map.set(id.name, {
-					path,
-					dynamic: isDynamic,
-					helper,
-					helperArgs
-				});
-			}
-		}, true);
-		else if (rawValue) map.set(rawValue, null);
+			}, true);
+		} else if (rawValue) map.set(rawValue, null);
 	}
 	return map;
 }
@@ -26566,10 +26667,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);
@@ -26579,11 +26680,14 @@ function buildDestructureIdMap(idToPathMap, baseAccessor, plugins) {
 	});
 	return idMap;
 }
+function isSelectValueEffect(effect) {
+	return !!effect.once && effect.operations.some((oper) => oper.type === 5 || oper.type === 3 && oper.tag === "select" && oper.prop.key.content === "value");
+}
 function matchPatterns(render, keyProp, idMap, context) {
 	const selectorPatterns = [];
 	const keyOnlyBindingPatterns = [];
 	let skippedEffectIndexes;
-	if (keyProp === void 0) return {
+	if (keyProp === void 0 || render.effect.some(isSelectValueEffect)) return {
 		keyOnlyBindingPatterns,
 		selectorPatterns,
 		skippedEffectIndexes
@@ -26780,7 +26884,8 @@ function genSetProp(oper, context) {
 		if (className) return className;
 	}
 	const propValue = genPropValue(values, context);
-	return [NEWLINE, ...genCall([helper(resolvedHelper.name), null], `n${oper.element}`, resolvedHelper.needKey ? genExpression(key, context) : false, propValue, resolvedHelper.isSVG && "true")];
+	const call = genCall([helper(resolvedHelper.name), null], `n${oper.element}`, resolvedHelper.needKey ? genExpression(key, context) : false, propValue, resolvedHelper.isSVG && "true");
+	return [NEWLINE, ...oper.once ? genOnce(call, context) : call];
 }
 const optionsModifierRE = /(Once|Passive|Capture)$/;
 const optionsModifierEventRE = /^on:?(?:Once|Passive|Capture)$/;
@@ -26929,7 +27034,11 @@ function genDynamicProps$1(oper, context) {
 		const value = genExpression(props.value, context);
 		return props.handler ? genCall(helper("toHandlers"), value, "true") : value;
 	});
-	return [NEWLINE, ...genCall(helper("setDynamicProps"), `n${oper.element}`, genMulti(DELIMITERS_ARRAY, ...values), genDynamicPropNames$1(oper, context), oper.isSVG && "true")];
+	const call = genCall(helper("setDynamicProps"), `n${oper.element}`, genMulti(DELIMITERS_ARRAY, ...values), genDynamicPropNames$1(oper, context), oper.isSVG && "true");
+	return [NEWLINE, ...oper.once ? genOnce(call, context) : call];
+}
+function genSyncSelectValue(oper, context) {
+	return [NEWLINE, ...genCall(context.helper("syncSelectValue"), `n${oper.element}`, genDynamicPropNames$1(oper, context))];
 }
 function genDynamicPropNames$1(oper, context) {
 	const { bindingMetadata } = context.options;
@@ -26943,7 +27052,7 @@ function genDynamicPropNames$1(oper, context) {
 function genLiteralObjectProps(props, context) {
 	const entries = [];
 	const listeners = createHandlerGroups(entries);
-	for (const prop of props) if (isListenerProp(prop)) listeners.add(getStaticPropKeyName(prop, true), genPropKey(prop, context, true), prop.handler ? genEventHandler(context, prop.values, prop.handlerModifiers) : genPropValue(prop.values, context));
+	for (const prop of props) if (isListenerProp(prop)) listeners.add(getStaticPropKeyName(prop, true), genPropKey(prop, context, true), prop.handler ? genEventHandler(context, prop.values, prop.handlerModifiers, { hoisted: prop }) : genPropValue(prop.values, context));
 	else entries.push([
 		...genPropKey(prop, context),
 		`: `,
@@ -27175,13 +27284,13 @@ function genCreateComponent(operation, context) {
 			return JSON.stringify(name);
 		} else if (operation.asset) return toValidAssetId(operation.tag, "component");
 		else {
-			const { tag } = operation;
+			const { tag, slotScopeNamespace } = operation;
 			const builtInTag = isBuiltInComponent(tag);
 			if (builtInTag) {
 				helper(builtInTag);
 				return `_${builtInTag}`;
 			}
-			return genExpression(extend(createSimpleExpression(tag, false), { ast: null }), context);
+			return [...genExpression(extend(createSimpleExpression(slotScopeNamespace || tag, false), { ast: null }), context), slotScopeNamespace && tag.slice(slotScopeNamespace.length)];
 		}
 	}
 }
@@ -27210,13 +27319,6 @@ function genDynamicComponentFlags(root, once, slotRoot, ns) {
 	if (!flags) return false;
 	return genFlags(flags, names);
 }
-function getUniqueHandlerName(context, name) {
-	const { seenInlineHandlerNames } = context;
-	name = genVarName(name);
-	const count = seenInlineHandlerNames[name] || 0;
-	seenInlineHandlerNames[name] = count + 1;
-	return count === 0 ? name : `${name}${count}`;
-}
 function processInlineHandlers(props, context) {
 	const ids = Object.create(null);
 	const handlers = [];
@@ -27588,7 +27690,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
@@ -27622,7 +27723,7 @@ function genBuiltinDirective(oper, context) {
 */
 function genCustomDirectives(operations, context) {
 	const byElement = /* @__PURE__ */ new Map();
-	for (const oper of operations) if (oper.type === 13 && !oper.builtin) {
+	for (const oper of operations) if (oper.type === 14 && !oper.builtin) {
 		const dirs = byElement.get(oper.element);
 		if (dirs) dirs.push(oper);
 		else byElement.set(oper.element, [oper]);
@@ -27692,19 +27793,20 @@ function genOperation(oper, context) {
 		case 2: return genSetBlockKey(oper, context);
 		case 3: return genSetProp(oper, context);
 		case 4: return genDynamicProps$1(oper, context);
-		case 5: return genSetText(oper, context);
-		case 6: return genSetEvent(oper, context);
-		case 7: return genSetDynamicEvents(oper, context);
-		case 8: return genSetHtml(oper, context);
-		case 9: return genSetTemplateRef(oper, context);
-		case 10: return genInsertNode(oper, context);
-		case 14: return genIf(oper, context);
-		case 15: return genFor(oper, context);
-		case 16: return genKey(oper, context);
-		case 11: return genCreateComponent(oper, context);
-		case 12: return genSlotOutlet(oper, context);
-		case 13: return genBuiltinDirective(oper, context);
-		case 17: return genGetTextChild(oper, context);
+		case 5: return genSyncSelectValue(oper, context);
+		case 6: return genSetText(oper, context);
+		case 7: return genSetEvent(oper, context);
+		case 8: return genSetDynamicEvents(oper, context);
+		case 9: return genSetHtml(oper, context);
+		case 10: return genSetTemplateRef(oper, context);
+		case 11: return genInsertNode(oper, context);
+		case 15: return genIf(oper, context);
+		case 16: return genFor(oper, context);
+		case 17: return genKey(oper, context);
+		case 12: return genCreateComponent(oper, context);
+		case 13: return genSlotOutlet(oper, context);
+		case 14: return genBuiltinDirective(oper, context);
+		case 18: return genGetTextChild(oper, context);
 		default: throw new Error(`Unhandled operation type in genOperation: ${oper}`);
 	}
 }
@@ -27732,8 +27834,9 @@ function genReactiveEffects(effects, context, genExtraFrag) {
 	if (shouldDeclare && !declarationFrags.length && !varNames.length) {
 		const effect = effects.length === 1 ? effects[0] : void 0;
 		const operation = effect && effect.operations.length === 1 ? effect.operations[0] : void 0;
-		if (operation && operation.type === 9 && operation.effect && !operation.refFor) return context.withExpressionReplacements(expressionReplacements, () => context.withId(() => genSetTemplateRefBinding(operation, context), ids));
+		if (operation && operation.type === 10 && operation.effect && !operation.refFor) return context.withExpressionReplacements(expressionReplacements, () => context.withId(() => genSetTemplateRefBinding(operation, context), ids));
 	}
+	const handlerFrags = genHoistedHandlers(effects, context);
 	return context.withExpressionReplacements(expressionReplacements, () => {
 		push(...declarationFrags);
 		for (let i = 0; i < effects.length; i++) {
@@ -27755,6 +27858,7 @@ function genReactiveEffects(effects, context, genExtraFrag) {
 		}
 		if (!shouldDeclare && varNames.length) unshift(NEWLINE, `let `, varNames.join(", "));
 		if (genExtraFrag) push(...context.withId(genExtraFrag, ids));
+		unshift(...handlerFrags);
 		return frag;
 	});
 }
@@ -27786,7 +27890,7 @@ function genSelf(dynamic, context, flushBeforeDynamic) {
 	const [frag, push] = buildCodeFragment();
 	const { id, template, operation, hasDynamicChild } = dynamic;
 	if (id !== void 0 && template !== void 0) {
-		if (operation && operation.type === 10 && operation.appendIndex !== void 0) push(...genInsertionState(operation, context));
+		if (operation && operation.type === 11 && operation.appendIndex !== void 0) push(...genInsertionState(operation, context));
 		push(NEWLINE, `const n${id} = ${context.tName(template)}()`);
 	}
 	if (operation) push(...genOperationWithInsertionState(operation, context));
@@ -28028,49 +28132,37 @@ function genBlockContent(block, context, root, genEffectsExtraFrag, skippedEffec
 	}
 }
 function isVModelOperation(oper) {
-	return oper.type === 13 && oper.builtin === true && oper.name === "model";
+	return oper.type === 14 && oper.builtin === true && oper.name === "model";
 }
 function isVModelListener(oper, modelElements) {
-	return (oper.type === 6 || oper.type === 7 || oper.type === 4 && oper.listeners || oper.type === 3 && !oper.prop.modifier && isOn(oper.prop.key.content)) && modelElements.has(oper.element);
+	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 === 14) markSlotRootIf(operation, context, sharedFallback);
-		else if (operation.type === 15) markSlotRootFor(operation, context);
-		else if (operation.type === 16) {
+		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);
-		} else if (operation.type === 11) markSlotRootComponent(operation);
-		else if (operation.type === 12) {
-			operation.flags |= 4;
-			if (sharedFallback) operation.flags |= 8;
-		}
+			markSlotRootOperations(operation.block, context);
+		} else if (operation.type === 12) markSlotRootComponent(operation);
+		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 === 14) 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;
@@ -28093,13 +28185,13 @@ function hasStableSlotRoot(block, context) {
 			continue;
 		}
 		switch (operation.type) {
-			case 11:
+			case 12:
 				if (!operation.dynamic || operation.dynamic.isStatic) {
 					hasValidRoot = true;
 					continue;
 				}
 				continue;
-			case 16:
+			case 17:
 				if (hasStableSlotRoot(operation.block, context)) {
 					hasValidRoot = true;
 					continue;
@@ -28134,7 +28226,7 @@ function collectSingleUseAssetComponents(block) {
 	function visitOperation(operation, rootCandidate) {
 		if (seenOperations.has(operation)) return;
 		seenOperations.add(operation);
-		if (operation.type === 11) {
+		if (operation.type === 12) {
 			if (operation.asset) {
 				const usage = usageMap.get(operation.tag) || {
 					count: 0,
@@ -28148,20 +28240,20 @@ function collectSingleUseAssetComponents(block) {
 			return;
 		}
 		switch (operation.type) {
-			case 14:
+			case 15:
 				visitBlock(operation.positive, false);
 				if (operation.negative) {
-					if (operation.negative.type === 14) visitOperation(operation.negative, false);
+					if (operation.negative.type === 15) visitOperation(operation.negative, false);
 					else visitBlock(operation.negative, false);
 				}
 				break;
-			case 15:
+			case 16:
 				visitBlock(operation.render, false);
 				break;
-			case 16:
+			case 17:
 				visitBlock(operation.block, false);
 				break;
-			case 12: if (operation.fallback) visitBlock(operation.fallback, false);
+			case 13: if (operation.fallback) visitBlock(operation.fallback, false);
 		}
 	}
 	function visitSlots(slots) {
@@ -28235,6 +28327,7 @@ var CodegenContext = class {
 	}
 	isNameAvailable(name, reservedNames) {
 		var _this$identifiers$nam;
+		if (name === "_ctx" || name === setTemplateRefIdent) return false;
 		if (this.bindingNames.has(name) || reservedNames.has(name)) return false;
 		if ((_this$identifiers$nam = this.identifiers[name]) === null || _this$identifiers$nam === void 0 ? void 0 : _this$identifiers$nam.length) return false;
 		for (const alias of this.helpers.values()) if (alias === name) return false;
@@ -28304,7 +28397,6 @@ var CodegenContext = class {
 		this.dynamicPropNames = /* @__PURE__ */ new Map();
 		this.identifiers = Object.create(null);
 		this.expressionReplacements = [];
-		this.seenInlineHandlerNames = Object.create(null);
 		this.scopeLevel = 0;
 		this.templateVars = /* @__PURE__ */ new Map();
 		this.nextIdMap = /* @__PURE__ */ new Map();
@@ -28449,7 +28541,7 @@ const transformKey = (node, context) => {
 	return () => {
 		exitBlock();
 		context.dynamic.operation = _objectSpread2(_objectSpread2({
-			type: 16,
+			type: 17,
 			id
 		}, context.effectBoundary()), {}, {
 			value,
@@ -28479,7 +28571,7 @@ const transformVHtml = (dir, node, context) => {
 		value: exp
 	};
 	context.registerEffect([exp], {
-		type: 8,
+		type: 9,
 		element: context.reference(),
 		value: exp
 	});
@@ -28544,7 +28636,7 @@ const transformElement = (node, context) => {
 	const getEffectIndex = () => effectIndex++;
 	if (node.type === 1 && node.children.length) ignoreVHtmlChildren(node, context, "node");
 	let parentSlots;
-	if (node.type === 1 && (node.tagType === 1 || context.options.isCustomElement(node.tag))) {
+	if (node.type === 1 && (node.tagType === 1 || shouldUseCreateElement(node, context))) {
 		parentSlots = context.slots;
 		context.slots = [];
 	}
@@ -28599,12 +28691,13 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 	const dynamicComponent = isDynamicComponent ? resolveDynamicComponent(node) : void 0;
 	let { tag } = node;
 	let asset = true;
+	let slotScopeNamespace;
 	if (!dynamicComponent && !useCreateElement) {
 		const isProp = findProp(node, "is");
 		if (isProp && isProp.type === 6 && isVueIsValue(isProp)) tag = isProp.value.content.slice(4);
-		const fromSetup = resolveSetupReference(tag, context);
-		if (fromSetup) {
-			tag = fromSetup;
+		const resolved = resolveSlotScopeReference(tag, context) || resolveSetupReference(tag, context);
+		if (resolved) {
+			tag = resolved;
 			asset = false;
 		}
 		const builtInTag = isBuiltInComponent(tag);
@@ -28614,7 +28707,8 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 		}
 		const dotIndex = tag.indexOf(".");
 		if (dotIndex > 0) {
-			const ns = resolveSetupReference(tag.slice(0, dotIndex), context);
+			slotScopeNamespace = resolveSlotScopeReference(tag.slice(0, dotIndex), context);
+			const ns = slotScopeNamespace || resolveSetupReference(tag.slice(0, dotIndex), context);
 			if (ns) {
 				tag = ns + tag.slice(dotIndex);
 				asset = false;
@@ -28637,10 +28731,11 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 	context.dynamic.flags |= 6;
 	const id = context.reference();
 	context.dynamic.operation = _objectSpread2(_objectSpread2({
-		type: 11,
+		type: 12,
 		id
 	}, context.effectBoundary()), {}, {
 		tag,
+		slotScopeNamespace,
 		props,
 		asset,
 		root: singleRoot,
@@ -28663,12 +28758,45 @@ function resolveDynamicComponent(node) {
 	if (isProp.type === 6) return isProp.value && createSimpleExpression(isProp.value.content, true);
 	else return isProp.exp || extend(createSimpleExpression(`is`, false, isProp.arg.loc), { ast: null });
 }
+function resolveSlotScopeReference(name, context) {
+	const camelName = camelize(name);
+	for (const reference of [
+		name,
+		camelName,
+		capitalize(camelName)
+	]) {
+		let parent = context.parent;
+		while (parent) {
+			const { node } = parent;
+			if (node.type === 1) {
+				const slot = findDir(node, "slot");
+				if (slot && hasScopeBinding(reference, slot.exp)) return reference;
+				const vFor = findDir(node, "for");
+				const aliases = vFor && vFor.forParseResult;
+				if (aliases && [
+					aliases.value,
+					aliases.key,
+					aliases.index
+				].some((exp) => hasScopeBinding(reference, exp))) break;
+			}
+			parent = parent.parent;
+		}
+	}
+}
+function hasScopeBinding(name, exp) {
+	return exp && (exp.ast ? exp.ast.params.some((param) => extractIdentifiers(param).some((id) => id.name === name)) : exp.content === name);
+}
 function resolveSetupReference(name, context) {
 	const bindings = context.options.bindingMetadata;
 	if (!bindings || bindings.__isScriptSetup === false) return;
 	const camelName = camelize(name);
 	const PascalName = capitalize(camelName);
-	return bindings[name] ? name : bindings[camelName] ? camelName : bindings[PascalName] ? PascalName : void 0;
+	const checkType = (type) => {
+		if (bindings[name] === type) return name;
+		if (bindings[camelName] === type) return camelName;
+		if (bindings[PascalName] === type) return PascalName;
+	};
+	return checkType("setup-const") || checkType("setup-reactive-const") || checkType("literal-const") || checkType("setup-let") || checkType("setup-ref") || checkType("setup-maybe-ref") || checkType("props");
 }
 const dynamicKeys = [
 	"indeterminate",
@@ -28678,6 +28806,12 @@ const dynamicKeys = [
 	"currentTime",
 	"valueAsNumber"
 ];
+const inputValueDepKeys = [
+	"type",
+	"min",
+	"max",
+	"step"
+];
 const NEEDS_QUOTES_RE = /[\s"'`=<>]/;
 const LEADING_NEWLINE_RE = /^\r?\n/;
 const UNSAFE_ATTR_NAME_RE = /[\u0000-\u0020"'<=/>]/;
@@ -28685,6 +28819,8 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 	const { tag } = node;
 	const { scopeId } = context.options;
 	const isSVG = node.ns === 1;
+	const isSelect = tag === "select";
+	const hasDynamicKeys = isSelect && node.props.some((prop) => prop.type === 7 && (prop.name === "bind" || prop.name === "on") && (!prop.arg || !isStaticExp(prop.arg)));
 	let template = "";
 	template += `<${tag}`;
 	if (scopeId) template += ` ${scopeId}`;
@@ -28694,8 +28830,14 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 			type: 4,
 			element: context.reference(),
 			props: dynamicArgs,
-			isSVG
+			isSVG,
+			once: isSelect && context.inVOnce
 		}, getEffectIndex);
+		if (isSelect && !context.inVOnce) context.registerEffect([], {
+			type: 5,
+			element: context.reference(),
+			props: dynamicArgs
+		}, void 0, true);
 	} else {
 		const appendTemplateProp = (key, value = "") => {
 			template += ` ${key}`;
@@ -28706,8 +28848,12 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 		};
 		const needsOrderedProps = tag === "input" && propsResult[1].some(({ key, modifier }) => key.content === "valueAsNumber" && modifier !== "^");
 		const nativeOnProps = [];
+		let props = propsResult[1];
+		const valueProp = props.find(({ key, modifier }) => key.isStatic && key.content === "value" && (!modifier || isSelect && modifier === "."));
+		if (valueProp) props = [...props.filter((p) => p !== valueProp), valueProp];
 		let hasEffect = false;
-		for (const prop of propsResult[1]) {
+		let hasValueDep = false;
+		for (const prop of props) {
 			const { key, values } = prop;
 			const canStringifyAttrName = key.isStatic && !UNSAFE_ATTR_NAME_RE.test(key.content);
 			let foldedValue;
@@ -28720,25 +28866,30 @@ function transformNativeElement(node, propsResult, staticKey, singleRoot, contex
 						tag,
 						isSVG
 					};
-					hasEffect = context.registerEffect(values, operation, getEffectIndex, needsOrderedProps && hasEffect);
-					operation.effect = hasEffect;
+					operation.effect = context.registerEffect(values, operation, getEffectIndex, needsOrderedProps && hasEffect);
+					hasEffect = operation.effect || hasEffect;
 				}
 			} else if (canStringifyAttrName && context.imports.some((imported) => values[0].content.includes(imported.exp.content))) template += ` ${key.content}="${IMPORT_EXP_START}${values[0].content}${IMPORT_EXP_END}"`;
-			else if (canStringifyAttrName && prop.modifier !== "." && values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content) && !isRuntimeOnlyProp(node, key.content)) {
+			else if (canStringifyAttrName && prop.modifier !== "." && values.length === 1 && (values[0].isStatic || values[0].content === "''") && !dynamicKeys.includes(key.content) && !isRuntimeOnlyProp(node, key.content) && !(prop === valueProp && hasValueDep)) {
 				const value = values[0].content === "''" ? "" : values[0].content;
 				appendTemplateProp(key.content, value);
 			} else if (canStringifyAttrName && !prop.modifier && isFoldableBooleanAttr(key.content) && (foldedValue = foldBooleanAttrValue(key.content, values)) != null) {
 				if (foldedValue) appendTemplateProp(key.content);
 			} else if (canStringifyAttrName && !prop.modifier && hasBoundValue(values) && (foldedValue = key.content === "class" ? foldClassValues(values) : key.content === "style" ? foldStyleValues(values) : void 0) != null) {
 				if (foldedValue) appendTemplateProp(key.content, foldedValue);
-			} else if (isSVG && !prop.modifier && isNativeOn(key.content)) nativeOnProps.push(prop);
-			else hasEffect = context.registerEffect(values, {
-				type: 3,
-				element: context.reference(),
-				prop,
-				tag,
-				isSVG
-			}, getEffectIndex, needsOrderedProps && hasEffect);
+			} else if (!prop.modifier && isNativeOn(key.content)) nativeOnProps.push(prop);
+			else {
+				const isSelectValue = isSelect && prop === valueProp;
+				hasEffect = context.registerEffect(values, {
+					type: 3,
+					element: context.reference(),
+					prop,
+					tag,
+					isSVG,
+					once: isSelectValue && (context.inVOnce || !hasDynamicKeys && values.every((exp) => isConstantBinding$1(exp, context.options.bindingMetadata)))
+				}, isSelectValue ? void 0 : getEffectIndex, isSelectValue || (needsOrderedProps || tag === "input" && prop === valueProp) && hasEffect) || hasEffect;
+				if (tag === "input" && inputValueDepKeys.includes(key.content)) hasValueDep = true;
+			}
 		}
 		if (nativeOnProps.length) context.registerEffect(nativeOnProps.flatMap(({ values }) => values), {
 			type: 4,
@@ -28914,7 +29065,16 @@ function buildProps(node, context, isComponent, isDynamicComponent, getEffectInd
 	const dynamicArgs = [];
 	const dynamicExpr = [];
 	let results = [];
-	const deferListeners = !isComponent && !!findDir$1(node, "model") && !hasDynamicKeyVBind(node) && mergesListeners(node, context);
+	let resolvedBind;
+	let resolvedBindProps;
+	const deferListeners = !isComponent && !!findDir(node, "model") && props.some((prop) => prop.type === 7 && prop.name === "on" && !prop.arg) && mergesListeners(node, context) && props.every((prop) => {
+		if (prop.type !== 7 || prop.name !== "bind") return true;
+		if (prop.arg) return prop.arg.type === 4 && prop.arg.isStatic;
+		if (!prop.exp) return false;
+		resolvedBind = prop;
+		resolvedBindProps = resolveNativeObjectLiteralBindProps(prop.exp, context, props, prop);
+		return !!resolvedBindProps;
+	});
 	let listenerResults = [];
 	function pushMergeArg(listeners = false) {
 		const props = listeners ? listenerResults : results;
@@ -28934,12 +29094,16 @@ function buildProps(node, context, isComponent, isDynamicComponent, getEffectInd
 		if (prop.type === 7 && !prop.arg) {
 			if (prop.name === "bind") {
 				if (prop.exp) {
-					const objectLiteralProps = isComponent ? resolveComponentObjectLiteralBindProps(prop.exp, context, props, prop) : resolveNativeObjectLiteralBindProps(prop.exp, context, props, prop);
+					const objectLiteralProps = isComponent ? resolveComponentObjectLiteralBindProps(prop.exp, context, props, prop) : prop === resolvedBind ? resolvedBindProps : resolveNativeObjectLiteralBindProps(prop.exp, context, props, prop);
 					if (objectLiteralProps) {
 						if (isComponent) pushStaticObjectLiteralProps(objectLiteralProps);
 						else {
 							dynamicExpr.push(prop.exp);
-							results.push(...objectLiteralProps.map(toDirectiveResult));
+							for (const boundProp of objectLiteralProps) {
+								const result = toDirectiveResult(boundProp);
+								if (deferListeners && isNativeOn(boundProp.key.content)) listenerResults.push(result);
+								else results.push(result);
+							}
 						}
 					} else {
 						dynamicExpr.push(prop.exp);
@@ -28964,7 +29128,7 @@ function buildProps(node, context, isComponent, isDynamicComponent, getEffectInd
 							handler: true
 						});
 					} else context.registerEffect([prop.exp], {
-						type: 7,
+						type: 8,
 						element: context.reference(),
 						event: prop.exp
 					}, getEffectIndex);
@@ -28975,12 +29139,12 @@ function buildProps(node, context, isComponent, isDynamicComponent, getEffectInd
 		if (prop.type === 6 ? prop.name === "is" && (isDynamicComponent || isVueIsValue(prop)) : isDynamicComponent && prop.name === "bind" && isStaticArgOf(prop.arg, "is")) continue;
 		const result = transformProp(prop, node, context);
 		if (result) {
-			if (deferListeners && !result.handler && (result.modifier || !isOn(result.key.content))) {
+			if (deferListeners && !result.handler && (result.modifier || !isOn(result.key.content) && !isNativeOn(result.key.content))) {
 				results.push(result);
 				continue;
 			}
 			dynamicExpr.push(result.key);
-			if (!deferListeners || !result.handler) dynamicExpr.push(result.value);
+			if (!result.handler) dynamicExpr.push(result.value);
 			if (deferListeners) listenerResults.push(result);
 			else if (isComponent && !result.key.isStatic) {
 				pushMergeArg();
@@ -29052,10 +29216,10 @@ function resolveListenerMerge(node, context) {
 				if (p.exp) {
 					const bindProps = resolveNativeObjectLiteralBindProps(p.exp, context, props, p);
 					if (!bindProps) return true;
-					if (node.ns === 1 && bindProps.some(({ key }) => isNativeOn(key.content))) hasStaticListener = true;
+					if (bindProps.some(({ key }) => isNativeOn(key.content))) hasStaticListener = true;
 				}
 			} else if (!arg.isStatic) return true;
-			else if ((isOn(arg.content) || node.ns === 1 && isNativeOn(arg.content)) && !isModelListener(arg.content) && !p.modifiers.some((m) => m.content === "prop" || m.content === "attr")) hasStaticListener = true;
+			else if ((isOn(arg.content) || isNativeOn(arg.content)) && !isModelListener(arg.content) && !p.modifiers.some((m) => m.content === "prop" || m.content === "attr")) hasStaticListener = true;
 		} else if (p.name === "on") {
 			if (!arg) hasVOnObject = true;
 			else if (arg.isStatic && !p.modifiers.some((m) => m.content === "delegate")) hasStaticListener = true;
@@ -29183,13 +29347,19 @@ function createObjectBindSubExpression(source, node, context) {
 	expression.ast = isSimpleIdentifier(content) ? null : (0, import_lib.parseExpression)(`(${content})`, getParserOptions(context.options.expressionPlugins));
 	return expression;
 }
+function createStaticStyleExpression(value, context) {
+	const content = JSON.stringify(parseStringStyle(value.content));
+	const expression = createSimpleExpression(content, false, value.loc);
+	expression.ast = (0, import_lib.parseExpression)(`(${content})`, getParserOptions(context.options.expressionPlugins));
+	return expression;
+}
 function transformProp(prop, node, context) {
 	let { name } = prop;
 	if (prop.type === 6) {
 		if (isReservedProp(name)) return;
 		return {
 			key: createSimpleExpression(prop.name, true, prop.nameLoc),
-			value: prop.value ? createSimpleExpression(prop.value.content, true, prop.value.loc) : EMPTY_EXPRESSION
+			value: prop.value ? name === "style" && node.tagType === 1 ? createStaticStyleExpression(prop.value, context) : createSimpleExpression(prop.value.content, true, prop.value.loc) : EMPTY_EXPRESSION
 		};
 	}
 	const directiveTransform = context.options.directiveTransforms[name];
@@ -29203,7 +29373,7 @@ function transformProp(prop, node, context) {
 		if (fromSetup) name = fromSetup;
 		else context.directive.add(name);
 		context.registerOperation({
-			type: 13,
+			type: 14,
 			element: context.reference(),
 			dir: prop,
 			name,
@@ -29300,7 +29470,7 @@ function processDynamicChildren(context, useCreateElement) {
 			anchor = child.anchor = context.increaseId();
 		}
 		if (child.template != null) child.operation = {
-			type: 10,
+			type: 11,
 			elements: [child.id],
 			parent: context.reference(),
 			anchor,
@@ -29320,6 +29490,35 @@ const transformVOnce = (node, context) => {
 	if (node.type === 1 && findDir$1(node, "once", true)) context.inVOnce = true;
 };
 //#endregion
+//#region packages/compiler-vapor/src/transforms/transformComment.ts
+const ignoredComments = /* @__PURE__ */ new WeakMap();
+function ignoreComment(node, context) {
+	let ignored = ignoredComments.get(context.root);
+	if (!ignored) ignoredComments.set(context.root, ignored = /* @__PURE__ */ new WeakSet());
+	ignored.add(node);
+}
+const transformComment = (node, context) => {
+	var _ignoredComments$get;
+	if (node.type !== 3) return;
+	if ((_ignoredComments$get = ignoredComments.get(context.root)) === null || _ignoredComments$get === void 0 ? void 0 : _ignoredComments$get.has(node)) context.dynamic.flags |= 2;
+	else if (getSiblingIf(context)) {
+		context.comment.push(node);
+		context.dynamic.flags |= 2;
+	} else context.template += `<!--${node.content}-->`;
+};
+function getSiblingIf(context, reverse) {
+	const parent = context.parent;
+	if (!parent) return;
+	const siblings = parent.node.children;
+	let sibling;
+	let i = siblings.indexOf(context.node);
+	while (reverse ? --i >= 0 : ++i < siblings.length) {
+		sibling = siblings[i];
+		if (!isCommentOrWhitespace(sibling)) break;
+	}
+	if (sibling && sibling.type === 1 && !(sibling.tagType === 3 && sibling.props.some(isVSlot)) && sibling.props.some(({ type, name }) => type === 7 && ["else-if", reverse ? "if" : "else"].includes(name))) return sibling;
+}
+//#endregion
 //#region packages/compiler-vapor/src/transforms/transformText.ts
 const seen = /* @__PURE__ */ new WeakMap();
 function markNonTemplate(node, context) {
@@ -29354,6 +29553,10 @@ const transformText = (node, context) => {
 	} else if (node.type === 5) processInterpolation(context);
 	else if (node.type === 2) {
 		var _context$parent;
+		if (!node.content.trim() && getSiblingIf(context)) {
+			context.dynamic.flags |= 2;
+			return;
+		}
 		const parent = (_context$parent = context.parent) === null || _context$parent === void 0 ? void 0 : _context$parent.node;
 		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);
@@ -29386,7 +29589,7 @@ function processInterpolation(context) {
 	context.dynamic.isText = isElementChild;
 	if (values.length === 0) return;
 	context.registerEffect(values, {
-		type: 5,
+		type: 6,
 		element: id,
 		values
 	});
@@ -29410,11 +29613,11 @@ function processTextContainer(children, context) {
 	else {
 		context.childrenTemplate = [" "];
 		context.registerOperation({
-			type: 17,
+			type: 18,
 			parent: context.reference()
 		});
 		context.registerEffect(values, {
-			type: 5,
+			type: 6,
 			element: context.reference(),
 			values,
 			generated: true
@@ -29431,7 +29634,7 @@ function registerSyntheticTextChild(context, template, values) {
 	};
 	context.dynamic.hasDynamicChild = true;
 	if (values && values.length) context.registerEffect(values, {
-		type: 5,
+		type: 6,
 		element: id,
 		values
 	});
@@ -29445,7 +29648,7 @@ function materializeLiteralTextNode(value, context) {
 	context.dynamic.flags |= 6;
 	context.dynamic.template = context.pushTemplate("");
 	context.registerEffect([value], {
-		type: 5,
+		type: 6,
 		element: id,
 		values: [value]
 	});
@@ -29490,7 +29693,7 @@ const transformVText = (dir, node, context) => {
 		if (useCreateElement || isRawTextContainer(node.tag)) {
 			const id = registerSyntheticTextChild(context, "", [exp]);
 			context.registerOperation({
-				type: 10,
+				type: 11,
 				elements: [id],
 				parent: context.reference()
 			});
@@ -29500,19 +29703,19 @@ const transformVText = (dir, node, context) => {
 		if (useCreateElement) {
 			id = registerSyntheticTextChild(context, "");
 			context.registerOperation({
-				type: 10,
+				type: 11,
 				elements: [id],
 				parent: context.reference()
 			});
 		} else {
 			context.childrenTemplate = [" "];
 			context.registerOperation({
-				type: 17,
+				type: 18,
 				parent: context.reference()
 			});
 		}
 		context.registerEffect([exp], {
-			type: 5,
+			type: 6,
 			element: useCreateElement ? id : context.reference(),
 			values: [exp],
 			generated: !useCreateElement
@@ -29520,7 +29723,7 @@ const transformVText = (dir, node, context) => {
 	}
 };
 function isConstantVTextExpression(exp, bindings) {
-	if (isConstantExpression(exp)) return true;
+	if (isConstantExpression(exp, bindings)) return true;
 	if (exp.ast === null) {
 		const type = bindings[exp.content];
 		return type === "setup-const" || type === "literal-const";
@@ -29529,11 +29732,32 @@ function isConstantVTextExpression(exp, bindings) {
 	let isConstant = true;
 	walkIdentifiers(exp.ast, (id, parent, _parentStack, isReferenced) => {
 		if (parent && isStaticPropertyKey(id, parent)) return;
-		if (isReferenced && !isGloballyAllowed(id.name) && id.name !== "require" || (parent === null || parent === void 0 ? void 0 : parent.type) === "CallExpression" || (parent === null || parent === void 0 ? void 0 : parent.type) === "NewExpression" || (parent === null || parent === void 0 ? void 0 : parent.type) === "MemberExpression") isConstant = false;
+		if (isReferenced && (bindings[id.name] || !isGloballyAllowed(id.name) && id.name !== "require") || (parent === null || parent === void 0 ? void 0 : parent.type) === "CallExpression" || (parent === null || parent === void 0 ? void 0 : parent.type) === "NewExpression" || (parent === null || parent === void 0 ? void 0 : parent.type) === "MemberExpression") isConstant = false;
 	}, true);
 	return isConstant;
 }
 //#endregion
+//#region packages/compiler-vapor/src/errors.ts
+function createVaporCompilerError(code, loc) {
+	return createCompilerError(code, loc, VaporErrorMessages);
+}
+const VaporErrorCodes = {
+	"X_V_PLACEHOLDER": 100,
+	"100": "X_V_PLACEHOLDER",
+	"X_V_MEMO_NOT_SUPPORTED": 101,
+	"101": "X_V_MEMO_NOT_SUPPORTED",
+	"X_VNODE_HOOKS_NOT_SUPPORTED": 102,
+	"102": "X_VNODE_HOOKS_NOT_SUPPORTED",
+	"__EXTEND_POINT__": 103,
+	"103": "__EXTEND_POINT__"
+};
+const VaporErrorMessages = {
+	[100]: `[placeholder]`,
+	[101]: "v-memo is not supported in Vapor mode and will be ignored.",
+	[102]: "@vue:xxx per-element lifecycle events are not supported in Vapor mode and will be ignored.",
+	[103]: ``
+};
+//#endregion
 //#region packages/compiler-vapor/src/transforms/vOn.ts
 const delegatedEvents = /*#__PURE__*/ makeMap("beforeinput,click,dblclick,contextmenu,focusin,focusout,input,keydown,keyup,mousedown,mousemove,mouseout,mouseover,mouseup,pointerdown,pointermove,pointerout,pointerover,pointerup,touchend,touchmove,touchstart");
 const transformVOn = (dir, node, context) => {
@@ -29552,7 +29776,13 @@ const transformVOn = (dir, node, context) => {
 	}
 	if (nonDelegateModifiers) modifiers = nonDelegateModifiers;
 	arg = resolveExpression(arg);
-	if (arg.isStatic && arg.content.startsWith("vue:")) arg = extend({}, arg, { content: `vnode-${arg.content.slice(4)}` });
+	if (arg.isStatic && arg.content.startsWith("vue:")) {
+		if (node.tagType === 0) {
+			context.options.onWarn(createVaporCompilerError(102, loc));
+			return;
+		}
+		arg = extend({}, arg, { content: `vnode-${arg.content.slice(4)}` });
+	}
 	const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(arg.isStatic ? `on${arg.content}` : arg, modifiers, null, loc);
 	let keyOverride;
 	const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
@@ -29582,7 +29812,7 @@ const transformVOn = (dir, node, context) => {
 	else if (delegateModifier && !isDelegatableEvent) warnDelegate(context, delegateModifier, `.delegate modifier is not supported on the "${arg.content}" event. The listener will be attached directly.`);
 	const delegate = isDelegatableEvent && !eventOptionModifiers.length && !hasStopHandler;
 	const operation = {
-		type: 6,
+		type: 7,
 		element: context.reference(),
 		key: arg,
 		value: exp,
@@ -29632,7 +29862,7 @@ const transformVShow = (dir, node, context) => {
 		return;
 	}
 	context.registerOperation({
-		type: 13,
+		type: 14,
 		element: context.reference(),
 		dir,
 		name: "show",
@@ -29652,9 +29882,9 @@ const transformTemplateRef = (node, context) => {
 	else value = dir.value ? createSimpleExpression(dir.value.content, true, dir.value.loc) : EMPTY_EXPRESSION;
 	return () => {
 		const id = context.reference();
-		const effect = !isConstantExpression(value);
+		const effect = !isConstantExpression(value, context.options.bindingMetadata);
 		context.registerEffect([value], {
-			type: 9,
+			type: 10,
 			element: id,
 			value,
 			refFor: !!context.inVFor,
@@ -29676,12 +29906,20 @@ const transformVModel = (dir, node, context) => {
 		context.options.onError(createCompilerError(44, exp.loc));
 		return;
 	}
+	if (bindingType === "literal-const" || bindingType === "setup-const") {
+		context.options.onError(createCompilerError(45, exp.loc));
+		return;
+	}
 	const expString = exp.content;
 	const maybeRef = context.options.inline && (bindingType === "setup-let" || bindingType === "setup-ref" || bindingType === "setup-maybe-ref");
 	if (!expString.trim() || !isMemberExpression$1(exp, context.options) && !maybeRef) {
 		context.options.onError(createCompilerError(42, exp.loc));
 		return;
 	}
+	if (isScopeVariable(expString.trim(), context)) {
+		context.options.onError(createCompilerError(43, exp.loc));
+		return;
+	}
 	if (node.tagType === 1) return {
 		key: arg ? arg : createSimpleExpression("modelValue", true),
 		value: exp,
@@ -29716,7 +29954,7 @@ const transformVModel = (dir, node, context) => {
 		else checkDuplicatedValue();
 	} else context.options.onError(createDOMCompilerError(58, dir.loc));
 	if (modelType) context.registerOperation({
-		type: 13,
+		type: 14,
 		element: context.reference(),
 		dir,
 		name: "model",
@@ -29729,34 +29967,22 @@ const transformVModel = (dir, node, context) => {
 		if (value && isStaticArgOf(value.arg, "value")) context.options.onError(createDOMCompilerError(61, value.loc));
 	}
 };
-//#endregion
-//#region packages/compiler-vapor/src/transforms/transformComment.ts
-const ignoredComments = /* @__PURE__ */ new WeakMap();
-function ignoreComment(node, context) {
-	let ignored = ignoredComments.get(context.root);
-	if (!ignored) ignoredComments.set(context.root, ignored = /* @__PURE__ */ new WeakSet());
-	ignored.add(node);
-}
-const transformComment = (node, context) => {
-	var _ignoredComments$get;
-	if (node.type !== 3) return;
-	if ((_ignoredComments$get = ignoredComments.get(context.root)) === null || _ignoredComments$get === void 0 ? void 0 : _ignoredComments$get.has(node)) context.dynamic.flags |= 2;
-	else if (getSiblingIf(context)) {
-		context.comment.push(node);
-		context.dynamic.flags |= 2;
-	} else context.template += `<!--${node.content}-->`;
-};
-function getSiblingIf(context, reverse) {
-	const parent = context.parent;
-	if (!parent) return;
-	const siblings = parent.node.children;
-	let sibling;
-	let i = siblings.indexOf(context.node);
-	while (reverse ? --i >= 0 : ++i < siblings.length) {
-		sibling = siblings[i];
-		if (!isCommentOrWhitespace(sibling)) break;
+function isScopeVariable(name, context) {
+	for (let parent = context.parent; parent; parent = parent.parent) {
+		const { node } = parent;
+		if (node.type !== 1) continue;
+		const vFor = findDir$1(node, "for");
+		const aliases = vFor && vFor.forParseResult;
+		const scopes = aliases ? [
+			aliases.value,
+			aliases.key,
+			aliases.index
+		] : [];
+		const slot = findDir$1(node, "slot");
+		if (slot) scopes.push(slot.exp);
+		if (scopes.some((exp) => hasScopeBinding(name, exp))) return true;
 	}
-	if (sibling && sibling.type === 1 && sibling.props.some(({ type, name }) => type === 7 && ["else-if", reverse ? "if" : "else"].includes(name))) return sibling;
+	return false;
 }
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vIf.ts
@@ -29782,7 +30008,7 @@ function processIf(node, dir, context) {
 		return () => {
 			onExit();
 			context.dynamic.operation = _objectSpread2(_objectSpread2({
-				type: 14,
+				type: 15,
 				id
 			}, context.effectBoundary()), {}, {
 				blockShape: encodeIfBlockShape(branch, forceMultiRoot, void 0, allowNoScope),
@@ -29798,16 +30024,16 @@ function processIf(node, dir, context) {
 		let lastIfNode;
 		if (siblings) {
 			let i = siblings.length;
-			while (i--) if (siblings[i].operation && siblings[i].operation.type === 14) {
+			while (i--) if (siblings[i].operation && siblings[i].operation.type === 15) {
 				lastIfNode = siblings[i].operation;
 				break;
 			}
 		}
-		if (!siblingIf || !lastIfNode || lastIfNode.type !== 14) {
+		if (!siblingIf || !lastIfNode || lastIfNode.type !== 15) {
 			context.options.onError(createCompilerError(30, node.loc));
 			return;
 		}
-		while (lastIfNode.negative && lastIfNode.negative.type === 14) lastIfNode = lastIfNode.negative;
+		while (lastIfNode.negative && lastIfNode.negative.type === 15) lastIfNode = lastIfNode.negative;
 		if (dir.name === "else-if" && lastIfNode.negative) context.options.onError(createCompilerError(30, node.loc));
 		checkSameKey(node, context);
 		const comments = context.comment;
@@ -29821,7 +30047,7 @@ function processIf(node, dir, context) {
 		const [branch, onExit] = createIfBranch(node, context);
 		if (dir.name === "else") lastIfNode.negative = branch;
 		else lastIfNode.negative = {
-			type: 14,
+			type: 15,
 			id: -1,
 			condition: dir.exp,
 			positive: branch,
@@ -29831,7 +30057,7 @@ function processIf(node, dir, context) {
 		};
 		return () => {
 			onExit();
-			if (lastIfNode.negative.type === 14) lastIfNode.negative.blockShape = encodeIfBlockShape(lastIfNode.negative.positive, forceMultiRoot, void 0, allowNoScope);
+			if (lastIfNode.negative.type === 15) lastIfNode.negative.blockShape = encodeIfBlockShape(lastIfNode.negative.positive, forceMultiRoot, void 0, allowNoScope);
 			lastIfNode.blockShape = encodeIfBlockShape(lastIfNode.positive, forceMultiRoot, lastIfNode.negative, allowNoScope);
 		};
 	}
@@ -29850,12 +30076,12 @@ function createIfBranch(node, context) {
 function encodeIfBlockShape(positive, forceMultiRoot = false, negative, allowNoScope = true) {
 	if (forceMultiRoot) return 10;
 	const positiveNoScope = allowNoScope && canSkipIfBranchScope(positive);
-	const negativeNoScope = allowNoScope && negative && negative.type !== 14 && canSkipIfBranchScope(negative);
+	const negativeNoScope = allowNoScope && negative && negative.type !== 15 && canSkipIfBranchScope(negative);
 	return getBlockShape(positive) | getNegativeIfBranchShape(negative) << 2 | (positiveNoScope ? 32 : 0) | (negativeNoScope ? 64 : 0);
 }
 function getNegativeIfBranchShape(negative) {
 	if (!negative) return 0;
-	return negative.type === 14 ? 1 : getBlockShape(negative);
+	return negative.type === 15 ? 1 : getBlockShape(negative);
 }
 function canSkipIfBranchScope(block) {
 	if (block.effect.length || block.operation.length) return false;
@@ -29941,7 +30167,7 @@ function processFor(node, dir, context) {
 		const { parent } = context;
 		const isOnlyChild = parent && parent.block.node !== parent.node && parent.node.children.length === 1;
 		context.dynamic.operation = _objectSpread2(_objectSpread2({
-			type: 15,
+			type: 16,
 			id
 		}, context.effectBoundary()), {}, {
 			source,
@@ -30001,7 +30227,7 @@ const transformSlotOutlet = (node, context) => {
 		if (context.options.scopeId && !context.options.slotted) flags |= 1;
 		if (context.inVOnce) flags |= 2;
 		context.dynamic.operation = _objectSpread2(_objectSpread2({
-			type: 12,
+			type: 13,
 			id
 		}, context.effectBoundary()), {}, {
 			name: slotName,
@@ -30192,6 +30418,13 @@ function hasMultipleChildren(node) {
 	return children.length !== 1;
 }
 //#endregion
+//#region packages/compiler-vapor/src/transforms/vMemo.ts
+const transformVMemo = (node, context) => {
+	if (node.type !== 1) return;
+	const memo = findDir$1(node, "memo", true);
+	if (memo) context.options.onWarn(createVaporCompilerError(101, memo.loc));
+};
+//#endregion
 //#region packages/compiler-vapor/src/compile.ts
 function compile$1(source, options = {}) {
 	const resolvedOptions = extend({}, options);
@@ -30216,6 +30449,7 @@ function getBaseTransformPreset() {
 		transformVIf,
 		transformVFor,
 		transformKey,
+		transformVMemo,
 		transformSlotOutlet,
 		transformTemplateRef,
 		transformElement,
@@ -30233,21 +30467,6 @@ function getBaseTransformPreset() {
 	}];
 }
 //#endregion
-//#region packages/compiler-vapor/src/errors.ts
-function createVaporCompilerError(code, loc) {
-	return createCompilerError(code, loc, VaporErrorMessages);
-}
-const VaporErrorCodes = {
-	"X_V_PLACEHOLDER": 100,
-	"100": "X_V_PLACEHOLDER",
-	"__EXTEND_POINT__": 101,
-	"101": "__EXTEND_POINT__"
-};
-const VaporErrorMessages = {
-	[100]: `[placeholder]`,
-	[101]: ``
-};
-//#endregion
 //#region packages/compiler-vapor/src/index.ts
 var src_exports$1 = /* @__PURE__ */ __exportAll({
 	CodegenContext: () => CodegenContext,
@@ -30292,6 +30511,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`);
@@ -30312,6 +30532,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`,
@@ -30427,7 +30648,7 @@ function ssrProcessSuspense(node, context) {
 	const { slotsExp, wipSlots } = wipEntry;
 	for (let i = 0; i < wipSlots.length; i++) {
 		const slot = wipSlots[i];
-		slot.fn.body = processChildrenAsStatement(slot, context);
+		slot.fn.body = processChildrenAsStatement(slot, context, !!context.options.vapor);
 	}
 	context.pushStatement(createCallExpression(context.helper(SSR_RENDER_SUSPENSE), [`_push`, slotsExp]));
 }
@@ -30708,7 +30929,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,
@@ -31360,10 +31588,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();
@@ -31440,16 +31668,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",
@@ -31478,7 +31699,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;
@@ -31502,13 +31723,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);
@@ -31524,7 +31745,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) {
@@ -31547,13 +31768,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) {
@@ -31575,7 +31796,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);
@@ -31584,7 +31805,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;
@@ -31592,7 +31813,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);
@@ -31743,17 +31964,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 */
@@ -31766,23 +31983,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();
@@ -32144,7 +32400,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 {
@@ -32157,7 +32413,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();
@@ -32175,7 +32431,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();
@@ -32511,7 +32767,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 {
@@ -32533,7 +32789,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();
@@ -32607,10 +32863,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));
@@ -32724,7 +32980,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();
@@ -32924,7 +33180,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;
@@ -32969,7 +33225,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) {
@@ -32991,7 +33247,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) {
@@ -32999,6 +33266,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;
@@ -33021,7 +33293,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();
@@ -33045,7 +33317,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();
@@ -33121,7 +33393,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));
@@ -33176,13 +33448,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() {
@@ -33393,7 +33669,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);
@@ -33630,7 +33906,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();
@@ -34004,6 +34280,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) {
@@ -34014,10 +34291,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], "");
@@ -34092,7 +34375,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();
@@ -34117,7 +34400,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();
@@ -34149,7 +34432,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 {
@@ -34183,7 +34466,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) {
@@ -34193,7 +34476,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();
@@ -34661,7 +34944,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();
@@ -34758,7 +35041,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();
@@ -34766,7 +35049,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) {
@@ -34797,7 +35080,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();
@@ -42435,6 +42718,7 @@ function resolveExt(filename, fs) {
 const tsConfigCache = createCache();
 const tsConfigRefMap = /* @__PURE__ */ new Map();
 const extendedConfigCache = /* @__PURE__ */ new Map();
+const matcherCache = /* @__PURE__ */ new Map();
 const fileToScopeCache = createCache();
 const fileToGlobalScopeCache = createCache();
 /**
@@ -42448,6 +42732,7 @@ function invalidateTypeCache(filename) {
 	if (filename.endsWith(".json")) {
 		extendedConfigCache.clear();
 		tsConfigCache.clear();
+		matcherCache.clear();
 	}
 	const affectedConfig = tsConfigRefMap.get(filename);
 	if (affectedConfig) tsConfigCache.delete(affectedConfig);
@@ -43227,11 +43512,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);
@@ -43272,6 +43560,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])}`);
@@ -43290,6 +43582,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)) {
@@ -43327,6 +43620,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();
@@ -43521,6 +43815,7 @@ function compileScript(sfc, options) {
 	if (script && scriptSetup && scriptLang !== scriptSetupLang) throw new Error("[@vue/compiler-sfc] <script> and <script setup> must have the same language type.");
 	if (!scriptSetup) {
 		if (!script) throw new Error(`[@vue/compiler-sfc] SFC contains no <script> tags.`);
+		if (vapor) throw new Error(`[@vue/compiler-sfc] Vapor components with a normal <script> must also include <script setup>, <script vapor>, or <script setup vapor>.`);
 		if (script.lang && !isJSOrTS) return script;
 		return processNormalScript(new ScriptCompileContext(sfc, options), scopeId);
 	}
@@ -43872,7 +44167,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") {
@@ -44047,7 +44342,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-rc.10";
+const version = "3.6.0-rc.12";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;