@vue/compiler-sfc 3.6.0-rc.6 → 3.6.0-rc.8

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.6
+  * @vue/compiler-sfc v3.6.0-rc.8
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -15943,7 +15943,7 @@ function compileScript(sfc, options) {
 		}
 		if (preamble) ctx.s.prepend(preamble);
 		if (helpers && (helpers.has(_vue_compiler_dom.UNREF) || helpers.has("unref"))) ctx.helperImports.delete("unref");
-		returned = code;
+		returned = vapor && !ssr && hasAwait ? `return () => {${code}}` : code;
 	} 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 ? `` : `return `}${returned}\n}\n\n`);
@@ -16121,7 +16121,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 }
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
-const version = "3.6.0-rc.6";
+const version = "3.6.0-rc.8";
 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-rc.6
+  * @vue/compiler-sfc v3.6.0-rc.8
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -25050,6 +25050,10 @@ function isInTransition(context) {
 function isTransitionNode(node) {
 	return node.type === 1 && isTransitionTag(node.tag);
 }
+/** Transition or TransitionGroup: hosts whose children render specially. */
+function isTransitionHostNode(node) {
+	return node.type === 1 && (isTransitionTag(node.tag) || isTransitionGroupTag(node.tag));
+}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -25066,6 +25070,9 @@ function isTeleportTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "teleport" || tag === "vaporteleport";
 }
+function isComponentTag(tag) {
+	return tag === "component" || tag === "Component";
+}
 function isBuiltInComponent(tag) {
 	if (isTeleportTag(tag)) return "VaporTeleport";
 	else if (tag === "Suspense" || tag === "suspense") return "Suspense";
@@ -25240,6 +25247,7 @@ var TransformContext = class TransformContext {
 			node,
 			parent: this,
 			index,
+			inVOnce: this.inVOnce && !isComponentNode(this.node),
 			template: "",
 			templateRoot: false,
 			childrenTemplate: [],
@@ -25414,8 +25422,18 @@ function getNextId(map, n) {
 	if (map && map.has(n)) return map.get(n);
 	return n;
 }
+function isComponentNode(node) {
+	return node.type === 1 && node.tagType === 1;
+}
 //#endregion
 //#region packages/compiler-vapor/src/generators/utils.ts
+/**
+* Run a helper call inside the once ambient: a helper that creates its own
+* effects at a v-once site has them run once like compiled ones do.
+*/
+function genOnce(call, context) {
+	return genCall(context.helper("withOnce"), ["() => ", ...call]);
+}
 const IMPORT_EXP_START = "__IMPORT_EXP_START__";
 const IMPORT_EXP_END = "__IMPORT_EXP_END__";
 const IMPORT_EXPR_RE = new RegExp(`${IMPORT_EXP_START}(.*?)${IMPORT_EXP_END}`, "g");
@@ -25559,6 +25577,10 @@ function codeFragmentToString(code, context) {
 		});
 	}
 }
+/** Formats a numeric flags argument with its dev-only name annotation. */
+function genFlags(flags, names) {
+	return `${flags} /* ${names.join(", ")} */`;
+}
 //#endregion
 //#region packages/compiler-vapor/src/generators/dom.ts
 function genInsertNode({ parent, elements, anchor }, { helper }) {
@@ -26198,7 +26220,7 @@ function isConstantBinding(value, context) {
 //#region packages/compiler-vapor/src/generators/for.ts
 function genFor(oper, context) {
 	const { helper } = context;
-	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot } = oper;
+	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot, wrappedRows } = oper;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
@@ -26251,7 +26273,7 @@ function genFor(oper, context) {
 		return frag;
 	}, idMap);
 	exitScope();
-	const flags = genForFlags(onlyChild, component, isFragmentBlock(render), !component && isSingleNodeBlock(render), once, slotRoot);
+	const flags = genForFlags(onlyChild, component, isFragmentBlock(render), !component && isSingleNodeBlock(render), once, slotRoot, wrappedRows);
 	const onResetCalls = [];
 	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
@@ -26283,7 +26305,7 @@ function genFor(oper, context) {
 		return idMap;
 	}
 }
-function genForFlags(onlyChild, component, isFragment, isSingleNode, once, slotRoot) {
+function genForFlags(onlyChild, component, isFragment, isSingleNode, once, slotRoot, wrappedRows) {
 	let flags = 0;
 	const names = [];
 	if (onlyChild) {
@@ -26310,8 +26332,12 @@ function genForFlags(onlyChild, component, isFragment, isSingleNode, once, slotR
 		flags |= 32;
 		names.push("SLOT_ROOT");
 	}
+	if (wrappedRows) {
+		flags |= 64;
+		names.push("WRAPPED_ROWS");
+	}
 	if (!flags) return;
-	return `${flags} /* ${names.join(", ")} */`;
+	return genFlags(flags, names);
 }
 function isSingleNodeBlock(block) {
 	const child = getSingleReturnedChild(block);
@@ -26532,7 +26558,7 @@ function genIfFlags(blockShape, once, slotRoot, index) {
 	if (once) flags |= 16;
 	else if (index !== void 0) flags |= index + 1 << 8;
 	if (flags === 1) return false;
-	return `${flags} /* ${genIfFlagNames(once, slotRoot, index, blockShape)} */`;
+	return genFlags(flags, genIfFlagNames(once, slotRoot, index, blockShape));
 }
 function genIfFlagNames(once, slotRoot, index, blockShape) {
 	const names = [`TRUE_${genBlockShapeName(blockShape)}`];
@@ -26544,7 +26570,7 @@ function genIfFlagNames(once, slotRoot, index, blockShape) {
 	if (once) names.push("ONCE");
 	if (slotRoot) names.push("SLOT_ROOT");
 	if (!once && index !== void 0) names.push(`KEYED_INDEX_${index}`);
-	return names.join(", ");
+	return names;
 }
 function genBlockShapeName(flags) {
 	switch (flags & 3) {
@@ -26823,11 +26849,11 @@ function genGetTextChild(oper, context) {
 //#region packages/compiler-vapor/src/generators/vShow.ts
 function genVShow(oper, context) {
 	const { element } = oper;
-	return [NEWLINE, ...genCall(context.helper("applyVShow"), `n${element}`, [
+	return genCall(context.helper("applyVShow"), `n${element}`, [
 		`() => (`,
 		...genExpression(oper.dir.exp, context),
 		`)`
-	])];
+	]);
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/modifier.ts
@@ -26845,11 +26871,11 @@ const helperMap = {
 };
 function genVModel(oper, context) {
 	const { modelType, element, dir: { exp, modifiers } } = oper;
-	return [NEWLINE, ...genCall(context.helper(helperMap[modelType]), `n${element}`, [
+	return genCall(context.helper(helperMap[modelType]), `n${element}`, [
 		`() => (`,
 		...genExpression(exp, context),
 		`)`
-	], genModelHandler(exp, context), modifiers.length ? `{ ${genDirectiveModifiers(modifiers.map((e) => e.content))} }` : void 0)];
+	], genModelHandler(exp, context), modifiers.length ? `{ ${genDirectiveModifiers(modifiers.map((e) => e.content))} }` : void 0);
 }
 function genModelHandler(exp, context) {
 	return [
@@ -26861,11 +26887,17 @@ function genModelHandler(exp, context) {
 //#endregion
 //#region packages/compiler-vapor/src/generators/directive.ts
 function genBuiltinDirective(oper, context) {
+	let call;
 	switch (oper.name) {
-		case "show": return genVShow(oper, context);
-		case "model": return genVModel(oper, context);
+		case "show":
+			call = genVShow(oper, context);
+			break;
+		case "model":
+			call = genVModel(oper, context);
+			break;
 		default: return [];
 	}
+	return [NEWLINE, ...oper.once ? genOnce(call, context) : call];
 }
 /**
 * user directives via `withVaporDirectives`
@@ -26879,7 +26911,8 @@ function genCustomDirectives(opers, context) {
 	const element = `n${opers[0].element}`;
 	const directiveItems = opers.map(genDirectiveItem);
 	const directives = genMulti(DELIMITERS_ARRAY, ...directiveItems);
-	return [NEWLINE, ...genCall(helper("withVaporDirectives"), element, directives)];
+	const call = genCall(helper("withVaporDirectives"), element, directives);
+	return [NEWLINE, ...opers[0].once ? genOnce(call, context) : call];
 	function genDirectiveItem({ dir, name, asset }) {
 		const directiveVar = asset ? toValidAssetId(name, "directive") : genExpression(extend(createSimpleExpression(name, false), { ast: null }), context);
 		const value = dir.exp && [
@@ -26913,7 +26946,8 @@ function genCreateComponent(operation, context) {
 	const tag = genTag();
 	const { root, props, slots, once, slotRoot } = operation;
 	const isRuntimeDynamicComponent = !!(operation.dynamic && !operation.dynamic.isStatic);
-	const dynamicComponentFlags = isRuntimeDynamicComponent ? genDynamicComponentFlags(root, once, slotRoot) : false;
+	const dynamicComponentFlags = isRuntimeDynamicComponent ? genDynamicComponentFlags(root, once, slotRoot, operation.ns) : false;
+	const nsArg = !isRuntimeDynamicComponent && (operation.useCreateElement || operation.asset || !!operation.dynamic) && operation.ns ? String(operation.ns) : false;
 	const rawSlots = genRawSlots(slots, context);
 	const [ids, handlers] = processInlineHandlers(props, context);
 	const rawProps = context.withId(() => genRawProps(props, context, true), ids);
@@ -26930,7 +26964,11 @@ function genCreateComponent(operation, context) {
 		NEWLINE,
 		...inlineHandlers,
 		`const n${operation.id} = `,
-		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags : root ? "true" : false, isRuntimeDynamicComponent ? false : once && "true", isRuntimeDynamicComponent ? false : maybeSelfReference && "true"),
+		...genCall(isRuntimeDynamicComponent ? helper("createDynamicComponent") : operation.useCreateElement ? helper("createPlainElement") : useAssetComponentHelper ? helper("createAssetComponent") : operation.asset ? helper("createComponentWithFallback") : helper("createComponent"), tag, rawProps, rawSlots, isRuntimeDynamicComponent ? dynamicComponentFlags : root ? "true" : false, isRuntimeDynamicComponent ? operation.key && [
+			"() => (",
+			...genExpression(operation.key, context),
+			")"
+		] : once && "true", useAssetComponentHelper ? maybeSelfReference && "true" : nsArg, useAssetComponentHelper && nsArg),
 		...genDirectivesForElement(operation.id, context)
 	];
 	function genTag() {
@@ -26957,7 +26995,7 @@ function genCreateComponent(operation, context) {
 		}
 	}
 }
-function genDynamicComponentFlags(root, once, slotRoot) {
+function genDynamicComponentFlags(root, once, slotRoot, ns) {
 	let flags = 0;
 	const names = [];
 	if (root) {
@@ -26972,8 +27010,15 @@ function genDynamicComponentFlags(root, once, slotRoot) {
 		flags |= 4;
 		names.push("SLOT_ROOT");
 	}
+	if (ns === 1) {
+		flags |= 8;
+		names.push("NS_SVG");
+	} else if (ns === 2) {
+		flags |= 16;
+		names.push("NS_MATHML");
+	}
 	if (!flags) return false;
-	return `${flags} /* ${names.join(", ")} */`;
+	return genFlags(flags, names);
 }
 function getUniqueHandlerName(context, name) {
 	const { seenInlineHandlerNames } = context;
@@ -27329,19 +27374,11 @@ function genSlotBlockWithProps(oper, context, emitNonStableFlag = true) {
 	const hasStableRoot = hasStableSlotRoot(oper, context);
 	if (!hasStableRoot) markSlotRootOperations(oper, context);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
-	if (emitNonStableFlag && !hasStableRoot) blockFn = genCall(context.helper("extend"), blockFn, [`{ _: ${genSlotFlags$1(8)} }`]);
+	if (emitNonStableFlag && !hasStableRoot) blockFn = genCall(context.helper("extend"), blockFn, [`{ _: ${genFlags(1, ["NON_STABLE"])} }`]);
 	exitSlotBlock();
 	exitScope && exitScope();
 	return blockFn;
 }
-function genSlotFlags$1(flags) {
-	const names = [];
-	if (flags & 1) names.push("NO_SLOTTED");
-	if (flags & 2) names.push("ONCE");
-	if (flags & 4) names.push("SLOT_ROOT");
-	if (flags & 8) names.push("NON_STABLE");
-	return `${flags} /* ${names.join(", ")} */`;
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -27368,10 +27405,9 @@ function genSlotFlags(flags) {
 	const names = [];
 	if (flags & 1) names.push("NO_SLOTTED");
 	if (flags & 2) names.push("ONCE");
-	if (flags & 4) names.push("SLOT_ROOT");
-	if (flags & 16) names.push("SHARED_FALLBACK");
-	if (flags & 32) names.push("INHERIT_FALLBACK");
-	return `${flags} /* ${names.join(", ")} */`;
+	if (flags & 4) names.push("FORWARDED");
+	if (flags & 8) names.push("SHARED_FALLBACK");
+	return genFlags(flags, names);
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/key.ts
@@ -27521,7 +27557,8 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flush
 			continue;
 		}
 		const id = child.flags & 1 ? child.flags & 4 ? child.anchor : child.id : void 0;
-		if (id === void 0 && !child.hasDynamicChild) {
+		const ownsSubtree = child.operation !== void 0;
+		if (id === void 0 && (!child.hasDynamicChild || ownsSubtree)) {
 			flushBeforeDynamic && flushBeforeDynamic(child, push);
 			push(...genSelf(child, context, flushBeforeDynamic));
 			continue;
@@ -27558,7 +27595,7 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flush
 			variable = id === void 0 ? context.pName(context.block.tempId++) : `n${id}`;
 			pushBlock(NEWLINE, id === void 0 ? `let ${variable} = ` : `const ${variable} = `, ...accessPath);
 		}
-		if (id === child.anchor && !child.hasDynamicChild) {
+		if (id === child.anchor && (!child.hasDynamicChild || ownsSubtree)) {
 			flushBeforeDynamic && flushBeforeDynamic(child, push);
 			push(...genSelf(child, context, flushBeforeDynamic));
 		}
@@ -27568,7 +27605,7 @@ function genChildren(dynamic, context, pushBlock, from = `n${dynamic.id}`, flush
 			elementIndex,
 			id === void 0
 		];
-		push(...genChildren(child, context, pushBlock, variable, flushBeforeDynamic));
+		if (!ownsSubtree) push(...genChildren(child, context, pushBlock, variable, flushBeforeDynamic));
 	}
 	return frag;
 }
@@ -27732,9 +27769,8 @@ function markSlotRootOperations(block, context, sharedFallback = false) {
 			markSlotRootOperations(operation.block, context, sharedFallback);
 		} else if (operation.type === 11) markSlotRootComponent(operation);
 		else if (operation.type === 12) {
-			if (!(operation.flags & 2)) operation.flags |= 4;
-			if (sharedFallback) operation.flags |= 16;
-			else operation.flags |= 32;
+			operation.flags |= 4;
+			if (sharedFallback) operation.flags |= 8;
 		}
 	}
 }
@@ -28098,6 +28134,37 @@ const transformVBind = (dir, node, context) => {
 	};
 };
 //#endregion
+//#region packages/compiler-vapor/src/transforms/transformKey.ts
+init_objectSpread2();
+const dynamicComponentKeys = /* @__PURE__ */ new WeakMap();
+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;
+	if (isComponentTag(node.tag) && findProp(node, "is", true, true)) {
+		dynamicComponentKeys.set(node, value);
+		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 = _objectSpread2(_objectSpread2({
+			type: 16,
+			id
+		}, context.effectBoundary()), {}, {
+			value,
+			block
+		});
+	};
+};
+//#endregion
 //#region packages/compiler-vapor/src/transforms/vHtml.ts
 function ignoreVHtmlChildren(node, context, clear) {
 	if (!node.children.length) return;
@@ -28189,6 +28256,8 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 	let { tag } = node;
 	let asset = true;
 	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;
@@ -28225,11 +28294,16 @@ function transformComponentElement(node, propsResult, staticKey, singleRoot, con
 		slots: [...context.slots],
 		once: context.inVOnce,
 		dynamic: dynamicComponent,
-		useCreateElement
+		useCreateElement,
+		ns: node.ns || void 0,
+		key: dynamicComponentKeys.get(node)
 	});
 	if (staticKey) context.registerOperation(createSetBlockKey(id, staticKey));
 	context.slots = [];
 }
+function isVueIsValue(prop) {
+	return !!prop.value && prop.value.content.startsWith("vue:");
+}
 function resolveDynamicComponent(node) {
 	const isProp = findProp(node, "is", false, true);
 	if (!isProp) return;
@@ -28489,7 +28563,7 @@ function buildProps(node, context, isComponent, isDynamicComponent, getEffectInd
 				continue;
 			}
 		}
-		if (isDynamicComponent && (prop.type === 6 && prop.name === "is" || prop.type === 7 && prop.name === "bind" && isStaticArgOf(prop.arg, "is"))) continue;
+		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) {
 			dynamicExpr.push(result.key, result.value);
@@ -28674,7 +28748,8 @@ function transformProp(prop, node, context) {
 			element: context.reference(),
 			dir: prop,
 			name,
-			asset: !fromSetup
+			asset: !fromSetup,
+			once: context.inVOnce
 		});
 	}
 }
@@ -28715,9 +28790,6 @@ function mergePropValues(existing, incoming) {
 	const newValues = incoming.values;
 	existing.values.push(...newValues);
 }
-function isComponentTag(tag) {
-	return tag === "component" || tag === "Component";
-}
 function shouldUseCreateElement(node, context) {
 	return context.options.isCustomElement(node.tag) || node.tagType === 0 && node.tag === "template";
 }
@@ -28834,13 +28906,13 @@ function processInterpolation(context) {
 	const values = processTextLikeChildren(collectAdjacentText(context), 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 text = literalValues.every((v) => v != null) ? literalValues.join("") : null;
+	const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
+	if (text !== null && parentNode.type !== 0 && (isElementChild || text !== "")) {
 		if (parentNode.type === 1 && shouldUseCreateElement(parentNode, context.parent) && text[0] === "<") {
 			materializeLiteralTextNode(createSimpleExpression(text, true, context.node.loc), context);
 			return;
 		}
-		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
 		context.template += isElementChild ? escapeHtml(text) : text;
 		return;
 	}
@@ -29098,7 +29170,8 @@ const transformVShow = (dir, node, context) => {
 		element: context.reference(),
 		dir,
 		name: "show",
-		builtin: true
+		builtin: true,
+		once: context.inVOnce
 	});
 };
 //#endregion
@@ -29182,7 +29255,8 @@ const transformVModel = (dir, node, context) => {
 		dir,
 		name: "model",
 		modelType,
-		builtin: true
+		builtin: true,
+		once: context.inVOnce
 	});
 	function checkDuplicatedValue() {
 		const value = findDir$1(node, "bind");
@@ -29360,6 +29434,8 @@ function processFor(node, dir, context) {
 	const keyProp = findProp(node, "key");
 	const keyProperty = keyProp && propToExpression(keyProp);
 	const isComponent = node.tagType === 1 || isTemplateWithSingleComponent(node);
+	const parentNode = context.parent && context.parent.node;
+	const wrappedRows = node.tagType === 3 && !(parentNode && isTransitionHostNode(parentNode)) && (node.children.length !== 1 || node.children[0].type !== 1 || !!findDir(node.children[0], ROW_FRAGMENT_DIR_RE));
 	context.node = node = wrapTemplate(node, ["for", "key"]);
 	context.dynamic.flags |= 6;
 	const id = context.reference();
@@ -29382,10 +29458,12 @@ function processFor(node, dir, context) {
 			render,
 			once: context.inVOnce || isStaticExpression(source, context.options.bindingMetadata),
 			component: isComponent,
-			onlyChild: !!isOnlyChild
+			onlyChild: !!isOnlyChild,
+			wrappedRows
 		});
 	};
 }
+const ROW_FRAGMENT_DIR_RE = /^(?:if|for)$/;
 function isTemplateWithSingleComponent(node) {
 	if (node.tag !== "template") return false;
 	const nonCommentChildren = node.children.filter((c) => c.type !== 3);
@@ -29472,10 +29550,11 @@ function transformComponentSlot(node, dir, context) {
 	const { children } = node;
 	const arg = dir && dir.arg;
 	const hasTemplateSlots = children.some(isSlotTemplateChild);
+	const isTransitionHost = isTransitionHostNode(node);
 	const emptyTextNodes = [];
 	const nonSlotTemplateChildren = children.filter((n) => {
 		if (isSlotTemplateChild(n)) return false;
-		if (n.type === 3 && hasTemplateSlots) {
+		if (n.type === 3 && (hasTemplateSlots || isTransitionHost)) {
 			ignoreComment(n, context);
 			return false;
 		}
@@ -29620,32 +29699,6 @@ function hasMultipleChildren(node) {
 	return children.length !== 1;
 }
 //#endregion
-//#region packages/compiler-vapor/src/transforms/transformKey.ts
-init_objectSpread2();
-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 = _objectSpread2(_objectSpread2({
-			type: 16,
-			id
-		}, context.effectBoundary()), {}, {
-			value,
-			block
-		});
-	};
-};
-//#endregion
 //#region packages/compiler-vapor/src/compile.ts
 function compile$1(source, options = {}) {
 	const resolvedOptions = extend({}, options);
@@ -43240,7 +43293,7 @@ function compileScript(sfc, options) {
 		}
 		if (preamble) ctx.s.prepend(preamble);
 		if (helpers && (helpers.has(UNREF) || helpers.has("unref"))) ctx.helperImports.delete("unref");
-		returned = code;
+		returned = vapor && !ssr && hasAwait ? `return () => {${code}}` : code;
 	} 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 ? `` : `return `}${returned}\n}\n\n`);
@@ -43418,7 +43471,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-rc.6";
+const version = "3.6.0-rc.8";
 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-rc.6",
+  "version": "3.6.0-rc.8",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -47,11 +47,11 @@
     "magic-string": "^0.30.21",
     "postcss": "^8.5.19",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-core": "3.6.0-rc.6",
-    "@vue/compiler-dom": "3.6.0-rc.6",
-    "@vue/compiler-vapor": "3.6.0-rc.6",
-    "@vue/shared": "3.6.0-rc.6",
-    "@vue/compiler-ssr": "3.6.0-rc.6"
+    "@vue/compiler-core": "3.6.0-rc.8",
+    "@vue/compiler-dom": "3.6.0-rc.8",
+    "@vue/compiler-vapor": "3.6.0-rc.8",
+    "@vue/shared": "3.6.0-rc.8",
+    "@vue/compiler-ssr": "3.6.0-rc.8"
   },
   "devDependencies": {
     "@babel/types": "^7.29.8",