@vue/compiler-sfc 3.6.0-beta.5 → 3.6.0-beta.6

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-beta.5
+  * @vue/compiler-sfc v3.6.0-beta.6
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -204,38 +204,38 @@ function genNormalScriptCssVarsCode(cssVars, bindings, id, isProd, defaultVar) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/checkPrivateRedeclaration.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/checkPrivateRedeclaration.js
 function _checkPrivateRedeclaration(e, t) {
 	if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/classPrivateMethodInitSpec.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/classPrivateMethodInitSpec.js
 function _classPrivateMethodInitSpec(e, a) {
 	_checkPrivateRedeclaration(e, a), a.add(e);
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/classPrivateFieldInitSpec.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/classPrivateFieldInitSpec.js
 function _classPrivateFieldInitSpec(e, t, a) {
 	_checkPrivateRedeclaration(e, t), t.set(e, a);
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/assertClassBrand.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw new TypeError("Private element is not present on this object");
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/classPrivateFieldGet2.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/classPrivateFieldGet2.js
 function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/classPrivateFieldSet2.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/classPrivateFieldSet2.js
 function _classPrivateFieldSet2(s, a, r) {
 	return s.set(_assertClassBrand(s, a), r), r;
 }
@@ -3316,7 +3316,6 @@ const trimPlugin = () => {
 	};
 };
 trimPlugin.postcss = true;
-var pluginTrim_default = trimPlugin;
 
 //#endregion
 //#region node_modules/.pnpm/postcss-selector-parser@7.1.1/node_modules/postcss-selector-parser/dist/util/unesc.js
@@ -6553,7 +6552,6 @@ function extractAndWrapNodes(parentNode) {
 	}
 }
 scopedPlugin.postcss = true;
-var pluginScoped_default = scopedPlugin;
 
 //#endregion
 //#region node_modules/.pnpm/source-map@0.6.1/node_modules/source-map/lib/base64.js
@@ -11587,8 +11585,8 @@ function doCompileStyle(options) {
 		id: shortId,
 		isProd
 	}));
-	if (trim) plugins.push(pluginTrim_default());
-	if (scoped) plugins.push(pluginScoped_default(longId));
+	if (trim) plugins.push(trimPlugin());
+	if (scoped) plugins.push(scopedPlugin(longId));
 	let cssModules;
 	if (modules) {
 		if (!options.isAsync) throw new Error("[@vue/compiler-sfc] `modules` option can only be used with compileStyleAsync().");
@@ -11841,7 +11839,7 @@ function resolveParserPlugins(lang, userPlugins, dts = false) {
 	if (!userPlugins || !userPlugins.some((p) => p === "importAssertions" || p === "importAttributes" || (0, _vue_shared.isArray)(p) && p[0] === "importAttributes")) plugins.push("importAttributes");
 	if (lang === "jsx" || lang === "tsx" || lang === "mtsx") plugins.push("jsx");
 	else if (userPlugins) userPlugins = userPlugins.filter((p) => p !== "jsx");
-	if (lang === "ts" || lang === "mts" || lang === "tsx" || lang === "mtsx") {
+	if (lang === "ts" || lang === "mts" || lang === "tsx" || lang === "cts" || lang === "mtsx") {
 		plugins.push(["typescript", { dts }], "explicitResourceManagement");
 		if (!userPlugins || !userPlugins.includes("decorators")) plugins.push("decorators-legacy");
 	}
@@ -11997,7 +11995,7 @@ const range = (a, b, str) => {
 };
 
 //#endregion
-//#region node_modules/.pnpm/@isaacs+brace-expansion@5.0.0/node_modules/@isaacs/brace-expansion/dist/esm/index.js
+//#region node_modules/.pnpm/@isaacs+brace-expansion@5.0.1/node_modules/@isaacs/brace-expansion/dist/esm/index.js
 const escSlash = "\0SLASH" + Math.random() + "\0";
 const escOpen = "\0OPEN" + Math.random() + "\0";
 const escClose = "\0CLOSE" + Math.random() + "\0";
@@ -12013,6 +12011,7 @@ const openPattern = /\\{/g;
 const closePattern = /\\}/g;
 const commaPattern = /\\,/g;
 const periodPattern = /\\./g;
+const EXPANSION_MAX = 1e5;
 function numeric(str) {
 	return !isNaN(str) ? parseInt(str, 10) : str.charCodeAt(0);
 }
@@ -12043,10 +12042,11 @@ function parseCommaParts(str) {
 	parts.push.apply(parts, p);
 	return parts;
 }
-function expand(str) {
+function expand(str, options = {}) {
 	if (!str) return [];
+	const { max = EXPANSION_MAX } = options;
 	if (str.slice(0, 2) === "{}") str = "\\{\\}" + str.slice(2);
-	return expand_(escapeBraces(str), true).map(unescapeBraces);
+	return expand_(escapeBraces(str), max, true).map(unescapeBraces);
 }
 function embrace(str) {
 	return "{" + str + "}";
@@ -12060,14 +12060,14 @@ function lte(i, y) {
 function gte(i, y) {
 	return i >= y;
 }
-function expand_(str, isTop) {
+function expand_(str, max, isTop) {
 	/** @type {string[]} */
 	const expansions = [];
 	const m = balanced("{", "}", str);
 	if (!m) return [str];
 	const pre = m.pre;
-	const post = m.post.length ? expand_(m.post, false) : [""];
-	if (/\$$/.test(m.pre)) for (let k = 0; k < post.length; k++) {
+	const post = m.post.length ? expand_(m.post, max, false) : [""];
+	if (/\$$/.test(m.pre)) for (let k = 0; k < post.length && k < max; k++) {
 		const expansion = pre + "{" + m.body + "}" + post[k];
 		expansions.push(expansion);
 	}
@@ -12079,7 +12079,7 @@ function expand_(str, isTop) {
 		if (!isSequence && !isOptions) {
 			if (m.post.match(/,(?!,).*\}/)) {
 				str = m.pre + "{" + m.body + escClose + m.post;
-				return expand_(str);
+				return expand_(str, max, true);
 			}
 			return [str];
 		}
@@ -12088,7 +12088,7 @@ function expand_(str, isTop) {
 		else {
 			n = parseCommaParts(m.body);
 			if (n.length === 1 && n[0] !== void 0) {
-				n = expand_(n[0], false).map(embrace);
+				n = expand_(n[0], max, false).map(embrace);
 				/* c8 ignore start */
 				if (n.length === 1) return post.map((p) => m.pre + n[0] + p);
 			}
@@ -12126,9 +12126,9 @@ function expand_(str, isTop) {
 			}
 		} else {
 			N = [];
-			for (let j = 0; j < n.length; j++) N.push.apply(N, expand_(n[j], false));
+			for (let j = 0; j < n.length; j++) N.push.apply(N, expand_(n[j], max, false));
 		}
-		for (let j = 0; j < N.length; j++) for (let k = 0; k < post.length; k++) {
+		for (let j = 0; j < N.length; j++) for (let k = 0; k < post.length && expansions.length < max; k++) {
 			const expansion = pre + N[j] + post[k];
 			if (!isTop || isSequence || expansion) expansions.push(expansion);
 		}
@@ -12137,7 +12137,7 @@ function expand_(str, isTop) {
 }
 
 //#endregion
-//#region node_modules/.pnpm/minimatch@10.1.1/node_modules/minimatch/dist/esm/assert-valid-pattern.js
+//#region node_modules/.pnpm/minimatch@10.1.2/node_modules/minimatch/dist/esm/assert-valid-pattern.js
 const MAX_PATTERN_LENGTH = 1024 * 64;
 const assertValidPattern = (pattern) => {
 	if (typeof pattern !== "string") throw new TypeError("invalid pattern");
@@ -12145,7 +12145,7 @@ const assertValidPattern = (pattern) => {
 };
 
 //#endregion
-//#region node_modules/.pnpm/minimatch@10.1.1/node_modules/minimatch/dist/esm/brace-expressions.js
+//#region node_modules/.pnpm/minimatch@10.1.2/node_modules/minimatch/dist/esm/brace-expressions.js
 const posixClasses = {
 	"[:alnum:]": ["\\p{L}\\p{Nl}\\p{Nd}", true],
 	"[:alpha:]": ["\\p{L}\\p{Nl}", true],
@@ -12267,7 +12267,7 @@ const parseClass = (glob, position) => {
 };
 
 //#endregion
-//#region node_modules/.pnpm/minimatch@10.1.1/node_modules/minimatch/dist/esm/unescape.js
+//#region node_modules/.pnpm/minimatch@10.1.2/node_modules/minimatch/dist/esm/unescape.js
 /**
 * Un-escape a string that has been escaped with {@link escape}.
 *
@@ -12293,7 +12293,7 @@ const unescape = (s, { windowsPathsNoEscape = false, magicalBraces = true } = {}
 };
 
 //#endregion
-//#region node_modules/.pnpm/minimatch@10.1.1/node_modules/minimatch/dist/esm/ast.js
+//#region node_modules/.pnpm/minimatch@10.1.2/node_modules/minimatch/dist/esm/ast.js
 var _AST;
 const types = new Set([
 	"!",
@@ -12672,7 +12672,7 @@ function _parseGlob(glob, hasMagic, noEmpty = false) {
 }
 
 //#endregion
-//#region node_modules/.pnpm/minimatch@10.1.1/node_modules/minimatch/dist/esm/escape.js
+//#region node_modules/.pnpm/minimatch@10.1.2/node_modules/minimatch/dist/esm/escape.js
 /**
 * Escape all magic characters in a glob pattern.
 *
@@ -12691,7 +12691,7 @@ const escape = (s, { windowsPathsNoEscape = false, magicalBraces = false } = {})
 };
 
 //#endregion
-//#region node_modules/.pnpm/minimatch@10.1.1/node_modules/minimatch/dist/esm/index.js
+//#region node_modules/.pnpm/minimatch@10.1.2/node_modules/minimatch/dist/esm/index.js
 const minimatch = (p, pattern, options = {}) => {
 	assertValidPattern(pattern);
 	if (!options.nocomment && pattern.charAt(0) === "#") return false;
@@ -13648,11 +13648,17 @@ function importSourceToScope(ctx, node, scope, source) {
 	} else return ctx.error(`Failed to resolve import source ${JSON.stringify(source)}.`, node, scope);
 }
 function resolveExt(filename, fs) {
-	filename = filename.replace(/\.js$/, "");
+	let moduleType = "u";
+	if (filename.endsWith(".mjs")) moduleType = "m";
+	else if (filename.endsWith(".cjs")) moduleType = "c";
+	filename = filename.replace(/\.[cm]?jsx?$/, "");
 	const tryResolve = (filename) => {
 		if (fs.fileExists(filename)) return filename;
 	};
-	return tryResolve(filename) || tryResolve(filename + `.ts`) || tryResolve(filename + `.tsx`) || tryResolve(filename + `.d.ts`) || tryResolve(joinPaths(filename, `index.ts`)) || tryResolve(joinPaths(filename, `index.tsx`)) || tryResolve(joinPaths(filename, `index.d.ts`));
+	const resolveTs = () => tryResolve(filename + `.ts`) || tryResolve(filename + `.tsx`) || tryResolve(filename + `.d.ts`);
+	const resolveMts = () => tryResolve(filename + `.mts`) || tryResolve(filename + `.d.mts`);
+	const resolveCts = () => tryResolve(filename + `.cts`) || tryResolve(filename + `.d.cts`);
+	return tryResolve(filename) || (moduleType === "m" ? resolveMts() || resolveTs() : moduleType === "c" ? resolveCts() || resolveTs() : resolveTs() || resolveMts() || resolveCts()) || tryResolve(joinPaths(filename, `index.ts`)) || tryResolve(joinPaths(filename, `index.tsx`)) || tryResolve(joinPaths(filename, `index.d.ts`));
 }
 const tsConfigCache = createCache();
 const tsConfigRefMap = /* @__PURE__ */ new Map();
@@ -13736,8 +13742,8 @@ function fileToScope(ctx, filename, asGlobal = false) {
 }
 function parseFile(filename, content, fs, parserPlugins) {
 	const ext = (0, path.extname)(filename);
-	if (ext === ".ts" || ext === ".mts" || ext === ".tsx" || ext === ".mtsx") return (0, _babel_parser.parse)(content, {
-		plugins: resolveParserPlugins(ext.slice(1), parserPlugins, /\.d\.m?ts$/.test(filename)),
+	if (ext === ".ts" || ext === ".mts" || ext === ".tsx" || ext === ".cts" || ext === ".mtsx") return (0, _babel_parser.parse)(content, {
+		plugins: resolveParserPlugins(ext.slice(1), parserPlugins, /\.d\.[cm]?ts$/.test(filename)),
 		sourceType: "module"
 	}).program.body;
 	const isUnknownTypeSource = !/\.[cm]?[tj]sx?$/.test(filename);
@@ -14367,7 +14373,18 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
 			return resolveObjectKey(node.key, node.computed) === key;
 		});
 		if (prop) if (prop.type === "ObjectProperty") defaultString = `default: ${ctx.getString(prop.value)}`;
-		else defaultString = `${prop.async ? "async " : ""}${prop.kind !== "method" ? `${prop.kind} ` : ""}default() ${ctx.getString(prop.body)}`;
+		else {
+			let paramsString = "";
+			if (prop.params.length) {
+				const start = prop.params[0].start;
+				const end = prop.params[prop.params.length - 1].end;
+				paramsString = ctx.getString({
+					start,
+					end
+				});
+			}
+			defaultString = `${prop.async ? "async " : ""}${prop.kind !== "method" ? `${prop.kind} ` : ""}default(${paramsString}) ${ctx.getString(prop.body)}`;
+		}
 	}
 	const finalKey = getEscapedPropName(key);
 	if (!ctx.options.isProd) return `${finalKey}: { ${concatStrings([
@@ -15228,7 +15245,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
-const version = "3.6.0-beta.5";
+const version = "3.6.0-beta.6";
 const parseCache = parseCache$1;
 const errorMessages = {
 	..._vue_compiler_dom.errorMessages,

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-beta.5
+  * @vue/compiler-sfc v3.6.0-beta.6
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -50,7 +50,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -62,7 +62,7 @@ function _typeof(o) {
 var init_typeof = __esmMin((() => {}));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -78,7 +78,7 @@ var init_toPrimitive = __esmMin((() => {
 }));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
@@ -89,7 +89,7 @@ var init_toPropertyKey = __esmMin((() => {
 }));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -103,7 +103,7 @@ var init_defineProperty = __esmMin((() => {
 }));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/objectSpread2.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/objectSpread2.js
 function ownKeys(e, r) {
 	var t = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -3649,7 +3649,7 @@ const errorMessages$1 = {
 };
 
 //#endregion
-//#region node_modules/.pnpm/@babel+parser@7.28.6/node_modules/@babel/parser/lib/index.js
+//#region node_modules/.pnpm/@babel+parser@7.29.0/node_modules/@babel/parser/lib/index.js
 var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 	Object.defineProperty(exports, "__esModule", { value: true });
 	function _objectWithoutPropertiesLoose(r, e) {
@@ -12081,7 +12081,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 						return this.finishCallExpression(node, state.optionalChainMember);
 					}
 					const tokenType = this.state.type;
-					if (tokenType === 48 || tokenType === 52 || tokenType !== 10 && tokenCanStartExpression(tokenType) && !this.hasPrecedingLineBreak()) return;
+					if (tokenType === 48 || tokenType === 52 || tokenType !== 10 && tokenType !== 93 && tokenType !== 120 && tokenCanStartExpression(tokenType) && !this.hasPrecedingLineBreak()) return;
 					const node = this.startNodeAt(startLoc);
 					node.expression = base;
 					node.typeParameters = typeArguments;
@@ -12441,7 +12441,17 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 		parseClassSuper(node) {
 			super.parseClassSuper(node);
-			if (node.superClass && (this.match(47) || this.match(51))) node.superTypeParameters = this.tsParseTypeArgumentsInExpression();
+			if (node.superClass) {
+				if (node.superClass.type === "TSInstantiationExpression") {
+					const tsInstantiationExpression = node.superClass;
+					const superClass = tsInstantiationExpression.expression;
+					this.takeSurroundingComments(superClass, superClass.start, superClass.end);
+					const superTypeArguments = tsInstantiationExpression.typeParameters;
+					this.takeSurroundingComments(superTypeArguments, superTypeArguments.start, superTypeArguments.end);
+					node.superClass = superClass;
+					node.superTypeParameters = superTypeArguments;
+				} else if (this.match(47) || this.match(51)) node.superTypeParameters = this.tsParseTypeArgumentsInExpression();
+			}
 			if (this.eatContextual(113)) node.implements = this.tsParseHeritageClause("implements");
 		}
 		parseObjPropValue(prop, startLoc, isGenerator, isAsync, isPattern, isAccessor, refExpressionErrors) {
@@ -16213,7 +16223,7 @@ var require_lib$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
 }));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/asyncToGenerator.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/asyncToGenerator.js
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
 	try {
 		var i = n[a](c), u = i.value;
@@ -24680,7 +24690,7 @@ function wrapTemplate(node, dirs) {
 	const reserved = [];
 	const pass = [];
 	node.props.forEach((prop) => {
-		if (prop.type === 7 && dirs.includes(prop.name)) reserved.push(prop);
+		if (prop.type === 7 && (dirs.includes(prop.name) || prop.name === "bind" && prop.arg && prop.arg.type === 4 && prop.arg.content === "key" && dirs.includes("key"))) reserved.push(prop);
 		else pass.push(prop);
 	});
 	return extend({}, node, {
@@ -24738,13 +24748,6 @@ function getLiteralExpressionValue(exp, excludeNumber) {
 	}
 	return exp.isStatic ? exp.content : null;
 }
-function isInTransition(context) {
-	const parentNode = context.parent && context.parent.node;
-	return !!(parentNode && isTransitionNode(parentNode));
-}
-function isTransitionNode(node) {
-	return node.type === 1 && isTransitionTag(node.tag);
-}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -25201,8 +25204,10 @@ const IRNodeTypes = {
 	"14": "IF",
 	"FOR": 15,
 	"15": "FOR",
-	"GET_TEXT_CHILD": 16,
-	"16": "GET_TEXT_CHILD"
+	"KEY": 16,
+	"16": "KEY",
+	"GET_TEXT_CHILD": 17,
+	"17": "GET_TEXT_CHILD"
 };
 const DynamicFlag = {
 	"NONE": 0,
@@ -25216,7 +25221,7 @@ const DynamicFlag = {
 };
 function isBlockOperation(op) {
 	const type = op.type;
-	return type === 11 || type === 12 || type === 14 || type === 15;
+	return type === 11 || type === 12 || type === 14 || type === 16 || type === 15;
 }
 
 //#endregion
@@ -26036,18 +26041,19 @@ function genPropValue(values, context) {
 }
 function getRuntimeHelper(tag, key, modifier) {
 	const tagName = tag.toUpperCase();
-	if (isSVGTag(tag)) return extend({ isSVG: true }, helpers.setAttr);
-	if (modifier) if (modifier === ".") return getSpecialHelper(key, tagName) || helpers.setDOMProp;
-	else return helpers.setAttr;
-	const helper = getSpecialHelper(key, tagName);
+	const isSVG = isSVGTag(tag);
+	if (modifier) if (modifier === ".") return getSpecialHelper(key, tagName, isSVG) || helpers.setDOMProp;
+	else return isSVG ? extend({ isSVG: true }, helpers.setAttr) : helpers.setAttr;
+	const helper = getSpecialHelper(key, tagName, isSVG);
 	if (helper) return helper;
 	if (/aria[A-Z]/.test(key)) return helpers.setDOMProp;
+	if (isSVG) return extend({ isSVG: true }, helpers.setAttr);
 	if (shouldSetAsAttr(tagName, key) || key.includes("-")) return helpers.setAttr;
 	return helpers.setProp;
 }
-function getSpecialHelper(keyName, tagName) {
+function getSpecialHelper(keyName, tagName, isSVG) {
 	if (keyName === "value" && canSetValueDirectly(tagName)) return helpers.setValue;
-	else if (keyName === "class") return helpers.setClass;
+	else if (keyName === "class") return extend({ isSVG }, helpers.setClass);
 	else if (keyName === "style") return helpers.setStyle;
 	else if (keyName === "innerHTML") return helpers.setHtml;
 	else if (keyName === "textContent") return helpers.setText;
@@ -26461,7 +26467,7 @@ function genSlotBlockWithProps(oper, context) {
 	let propsName;
 	let exitScope;
 	let depth;
-	const { props, key, node } = oper;
+	const { props, node } = oper;
 	const idToPathMap = props ? parseValueDestructure(props, context) : /* @__PURE__ */ new Map();
 	if (props) if (props.ast) {
 		[depth, exitScope] = context.enterScope();
@@ -26471,16 +26477,6 @@ function genSlotBlockWithProps(oper, context) {
 	if (propsName) idMap[propsName] = null;
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
 	exitScope && exitScope();
-	if (key) blockFn = [
-		`() => {`,
-		INDENT_START,
-		NEWLINE,
-		`return `,
-		...genCall(context.helper("createKeyedFragment"), [`() => `, ...genExpression(key, context)], blockFn),
-		INDENT_END,
-		NEWLINE,
-		`}`
-	];
 	if (node.type === 1) {
 		if (needsVaporCtx(oper)) blockFn = [
 			`${context.helper("withVaporCtx")}(`,
@@ -26554,6 +26550,20 @@ function genSlotOutlet(oper, context) {
 	return frag;
 }
 
+//#endregion
+//#region packages/compiler-vapor/src/generators/key.ts
+function genKey(oper, context) {
+	const { id, value, block } = oper;
+	const [frag, push] = buildCodeFragment();
+	const blockFn = genBlock(block, context);
+	push(NEWLINE, `const n${id} = `, ...genCall(context.helper("createKeyedFragment"), [
+		`() => (`,
+		...genExpression(value, context),
+		")"
+	], blockFn));
+	return frag;
+}
+
 //#endregion
 //#region packages/compiler-vapor/src/generators/operation.ts
 function genOperations(opers, context) {
@@ -26580,10 +26590,11 @@ function genOperation(oper, context) {
 		case 10: return genPrependNode(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 16: return genGetTextChild(oper, context);
+		case 17: return genGetTextChild(oper, context);
 		default:
 			const exhaustiveCheck = oper;
 			throw new Error(`Unhandled operation type in genOperation: ${exhaustiveCheck}`);
@@ -26660,6 +26671,10 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`) {
 	let prev;
 	for (const [index, child] of children.entries()) {
 		if (child.flags & 2) offset--;
+		if (child.flags & 4 && child.template != null) {
+			push(...genSelf(child, context));
+			continue;
+		}
 		const id = child.flags & 1 ? child.flags & 4 ? child.anchor : child.id : void 0;
 		if (id === void 0 && !child.hasDynamicChild) {
 			push(...genSelf(child, context));
@@ -27257,7 +27272,7 @@ const transformVText = (dir, node, context) => {
 		context.childrenTemplate = [" "];
 		const isComponent = node.tagType === 1;
 		if (!isComponent) context.registerOperation({
-			type: 16,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect([exp], {
@@ -27450,9 +27465,16 @@ function processInterpolation(context) {
 	if (prev && prev.type === 2) nodes.unshift(prev);
 	const values = processTextLikeChildren(nodes, context);
 	if (values.length === 0 && parentNode.type !== 0) return;
+	const literalValues = values.map((v) => getLiteralExpressionValue(v));
+	if (literalValues.every((v) => v != null) && parentNode.type !== 0) {
+		const text = literalValues.join("");
+		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
+		context.template += isElementChild ? escapeHtml(text) : text;
+		return;
+	}
 	context.template += " ";
 	const id = context.reference();
-	if (values.length === 0 || values.every((v) => getLiteralExpressionValue(v) != null) && parentNode.type !== 0) return;
+	if (values.length === 0) return;
 	context.registerEffect(values, {
 		type: 4,
 		element: id,
@@ -27466,7 +27488,7 @@ function processTextContainer(children, context) {
 	else {
 		context.childrenTemplate = [" "];
 		context.registerOperation({
-			type: 16,
+			type: 17,
 			parent: context.reference()
 		});
 		context.registerEffect(values, {
@@ -27607,7 +27629,7 @@ function processIf(node, dir, context) {
 				id,
 				condition: dir.exp,
 				positive: branch,
-				index: isInTransition(context) ? context.root.nextIfIndex() : void 0,
+				index: context.root.nextIfIndex(),
 				once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 			};
 		};
@@ -27640,7 +27662,7 @@ function processIf(node, dir, context) {
 			id: -1,
 			condition: dir.exp,
 			positive: branch,
-			index: isInTransition(context) ? context.root.nextIfIndex() : void 0,
+			index: context.root.nextIfIndex(),
 			once: context.inVOnce || isStaticExpression(dir.exp, context.options.bindingMetadata)
 		};
 		return () => onExit();
@@ -27675,7 +27697,7 @@ function processFor(node, dir, context) {
 	const keyProp = findProp(node, "key");
 	const keyProperty = keyProp && propToExpression(keyProp);
 	const isComponent = node.tagType === 1 || isTemplateWithSingleComponent(node);
-	context.node = node = wrapTemplate(node, ["for"]);
+	context.node = node = wrapTemplate(node, ["for", "key"]);
 	context.dynamic.flags |= 6;
 	const id = context.reference();
 	const render = newBlock(node);
@@ -27789,13 +27811,6 @@ function transformComponentSlot(node, dir, context) {
 		markNonTemplate(n, context);
 	});
 	const [block, onExit] = createSlotBlock(node, dir, context);
-	if (isTransitionNode(node) && nonSlotTemplateChildren.length) {
-		const nonCommentChild = nonSlotTemplateChildren.find((n) => !isCommentOrWhitespace(n));
-		if (nonCommentChild) {
-			const keyProp = findProp(nonCommentChild, "key");
-			if (keyProp) block.key = keyProp.exp;
-		}
-	}
 	const { slots } = context;
 	return () => {
 		onExit();
@@ -27914,6 +27929,31 @@ function hasMultipleChildren(node) {
 	return children.length > 1;
 }
 
+//#endregion
+//#region packages/compiler-vapor/src/transforms/transformKey.ts
+const transformKey = (node, context) => {
+	if (node.type !== 1 || context.inVOnce || findDir(node, "for")) return;
+	const dir = findProp(node, "key", true, true);
+	if (!dir || dir.type === 6) return;
+	let value;
+	value = dir.exp || normalizeBindShorthand(dir.arg, context);
+	if (isStaticExpression(value, context.options.bindingMetadata)) return;
+	let id = context.reference();
+	context.dynamic.flags |= 6;
+	context.node = node = wrapTemplate(node, ["key"]);
+	const block = newBlock(node);
+	const exitBlock = context.enterBlock(block);
+	return () => {
+		exitBlock();
+		context.dynamic.operation = {
+			type: 16,
+			id,
+			value,
+			block
+		};
+	};
+};
+
 //#endregion
 //#region packages/compiler-vapor/src/compile.ts
 function compile$1(source, options = {}) {
@@ -27938,6 +27978,7 @@ function getBaseTransformPreset() {
 		transformVOnce,
 		transformVIf,
 		transformVFor,
+		transformKey,
 		transformSlotOutlet,
 		transformTemplateRef,
 		transformElement,
@@ -27995,6 +28036,7 @@ var src_exports$1 = /* @__PURE__ */ __exportAll({
 	transformChildren: () => transformChildren,
 	transformComment: () => transformComment,
 	transformElement: () => transformElement,
+	transformKey: () => transformKey,
 	transformSlotOutlet: () => transformSlotOutlet,
 	transformTemplateRef: () => transformTemplateRef,
 	transformText: () => transformText,
@@ -30120,7 +30162,7 @@ var require_document = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 }));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/objectWithoutPropertiesLoose.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
 	if (null == r) return {};
 	var t = {};
@@ -30133,7 +30175,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 var init_objectWithoutPropertiesLoose = __esmMin((() => {}));
 
 //#endregion
-//#region \0@oxc-project+runtime@0.111.0/helpers/objectWithoutProperties.js
+//#region \0@oxc-project+runtime@0.112.0/helpers/objectWithoutProperties.js
 function _objectWithoutProperties(e, t) {
 	if (null == e) return {};
 	var o, r, i = _objectWithoutPropertiesLoose(e, t);
@@ -32332,7 +32374,6 @@ const trimPlugin = () => {
 	};
 };
 trimPlugin.postcss = true;
-var pluginTrim_default = trimPlugin;
 
 //#endregion
 //#region node_modules/.pnpm/postcss-selector-parser@7.1.1/node_modules/postcss-selector-parser/dist/util/unesc.js
@@ -35618,7 +35659,6 @@ function extractAndWrapNodes(parentNode) {
 	}
 }
 scopedPlugin.postcss = true;
-var pluginScoped_default = scopedPlugin;
 
 //#endregion
 //#region node_modules/.pnpm/source-map@0.6.1/node_modules/source-map/lib/base64.js
@@ -37807,8 +37847,8 @@ function doCompileStyle(options) {
 		id: shortId,
 		isProd
 	}));
-	if (trim) plugins.push(pluginTrim_default());
-	if (scoped) plugins.push(pluginScoped_default(longId));
+	if (trim) plugins.push(trimPlugin());
+	if (scoped) plugins.push(scopedPlugin(longId));
 	let cssModules;
 	if (modules) throw new Error("[@vue/compiler-sfc] `modules` option is not supported in the browser build.");
 	const postCSSOptions = _objectSpread2(_objectSpread2({}, postcssOptions), {}, {
@@ -39049,7 +39089,7 @@ function resolveParserPlugins(lang, userPlugins, dts = false) {
 	if (!userPlugins || !userPlugins.some((p) => p === "importAssertions" || p === "importAttributes" || isArray$3(p) && p[0] === "importAttributes")) plugins.push("importAttributes");
 	if (lang === "jsx" || lang === "tsx" || lang === "mtsx") plugins.push("jsx");
 	else if (userPlugins) userPlugins = userPlugins.filter((p) => p !== "jsx");
-	if (lang === "ts" || lang === "mts" || lang === "tsx" || lang === "mtsx") {
+	if (lang === "ts" || lang === "mts" || lang === "tsx" || lang === "cts" || lang === "mtsx") {
 		plugins.push(["typescript", { dts }], "explicitResourceManagement");
 		if (!userPlugins || !userPlugins.includes("decorators")) plugins.push("decorators-legacy");
 	}
@@ -39542,11 +39582,17 @@ function importSourceToScope(ctx, node, scope, source) {
 	} else return ctx.error(`Failed to resolve import source ${JSON.stringify(source)}.`, node, scope);
 }
 function resolveExt(filename, fs) {
-	filename = filename.replace(/\.js$/, "");
+	let moduleType = "u";
+	if (filename.endsWith(".mjs")) moduleType = "m";
+	else if (filename.endsWith(".cjs")) moduleType = "c";
+	filename = filename.replace(/\.[cm]?jsx?$/, "");
 	const tryResolve = (filename) => {
 		if (fs.fileExists(filename)) return filename;
 	};
-	return tryResolve(filename) || tryResolve(filename + `.ts`) || tryResolve(filename + `.tsx`) || tryResolve(filename + `.d.ts`) || tryResolve(joinPaths(filename, `index.ts`)) || tryResolve(joinPaths(filename, `index.tsx`)) || tryResolve(joinPaths(filename, `index.d.ts`));
+	const resolveTs = () => tryResolve(filename + `.ts`) || tryResolve(filename + `.tsx`) || tryResolve(filename + `.d.ts`);
+	const resolveMts = () => tryResolve(filename + `.mts`) || tryResolve(filename + `.d.mts`);
+	const resolveCts = () => tryResolve(filename + `.cts`) || tryResolve(filename + `.d.cts`);
+	return tryResolve(filename) || (moduleType === "m" ? resolveMts() || resolveTs() : moduleType === "c" ? resolveCts() || resolveTs() : resolveTs() || resolveMts() || resolveCts()) || tryResolve(joinPaths(filename, `index.ts`)) || tryResolve(joinPaths(filename, `index.tsx`)) || tryResolve(joinPaths(filename, `index.d.ts`));
 }
 const tsConfigCache = createCache();
 const tsConfigRefMap = /* @__PURE__ */ new Map();
@@ -39574,8 +39620,8 @@ function fileToScope(ctx, filename, asGlobal = false) {
 }
 function parseFile(filename, content, fs, parserPlugins) {
 	const ext = extname(filename);
-	if (ext === ".ts" || ext === ".mts" || ext === ".tsx" || ext === ".mtsx") return (0, import_lib.parse)(content, {
-		plugins: resolveParserPlugins(ext.slice(1), parserPlugins, /\.d\.m?ts$/.test(filename)),
+	if (ext === ".ts" || ext === ".mts" || ext === ".tsx" || ext === ".cts" || ext === ".mtsx") return (0, import_lib.parse)(content, {
+		plugins: resolveParserPlugins(ext.slice(1), parserPlugins, /\.d\.[cm]?ts$/.test(filename)),
 		sourceType: "module"
 	}).program.body;
 	const isUnknownTypeSource = !/\.[cm]?[tj]sx?$/.test(filename);
@@ -40205,7 +40251,18 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
 			return resolveObjectKey(node.key, node.computed) === key;
 		});
 		if (prop) if (prop.type === "ObjectProperty") defaultString = `default: ${ctx.getString(prop.value)}`;
-		else defaultString = `${prop.async ? "async " : ""}${prop.kind !== "method" ? `${prop.kind} ` : ""}default() ${ctx.getString(prop.body)}`;
+		else {
+			let paramsString = "";
+			if (prop.params.length) {
+				const start = prop.params[0].start;
+				const end = prop.params[prop.params.length - 1].end;
+				paramsString = ctx.getString({
+					start,
+					end
+				});
+			}
+			defaultString = `${prop.async ? "async " : ""}${prop.kind !== "method" ? `${prop.kind} ` : ""}default(${paramsString}) ${ctx.getString(prop.body)}`;
+		}
 	}
 	const finalKey = getEscapedPropName(key);
 	if (!ctx.options.isProd) return `${finalKey}: { ${concatStrings([
@@ -41063,7 +41120,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-beta.5";
+const version = "3.6.0-beta.6";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.6.0-beta.5",
+  "version": "3.6.0-beta.6",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -42,24 +42,24 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
-    "@babel/parser": "^7.28.6",
+    "@babel/parser": "^7.29.0",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.30.21",
     "postcss": "^8.5.6",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-core": "3.6.0-beta.5",
-    "@vue/compiler-ssr": "3.6.0-beta.5",
-    "@vue/compiler-vapor": "3.6.0-beta.5",
-    "@vue/compiler-dom": "3.6.0-beta.5",
-    "@vue/shared": "3.6.0-beta.5"
+    "@vue/compiler-core": "3.6.0-beta.6",
+    "@vue/compiler-dom": "3.6.0-beta.6",
+    "@vue/compiler-ssr": "3.6.0-beta.6",
+    "@vue/compiler-vapor": "3.6.0-beta.6",
+    "@vue/shared": "3.6.0-beta.6"
   },
   "devDependencies": {
-    "@babel/types": "^7.28.6",
+    "@babel/types": "^7.29.0",
     "@vue/consolidate": "^1.0.0",
     "hash-sum": "^2.0.0",
     "lru-cache": "10.1.0",
     "merge-source-map": "^1.1.0",
-    "minimatch": "~10.1.1",
+    "minimatch": "~10.1.2",
     "postcss-modules": "^6.0.1",
     "postcss-selector-parser": "^7.1.1",
     "pug": "^3.0.3",