fix(language-core): handle edge case of default slot name mismatch

Author: KazariEX

packages/language-core/lib/codegen/globalTypes.ts

@@ -172,9 +172,9 @@ export function generateGlobalTypes({
 		: T extends () => any ? (props: {}, ctx?: any) => ReturnType<T>
 		: T extends (...args: any) => any ? T
 		: (_: {}${checkUnknownProps ? '' : ' & Record<string, unknown>'}, ctx?: any) => { __ctx?: { attrs?: any, expose?: any, slots?: any, emit?: any, props?: {}${checkUnknownProps ? '' : ' & Record<string, unknown>'} } };
-	function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (_: T${checkUnknownComponents ? '' : ' & Record<string, unknown>'}) => void;
 	function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
-	function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
+	function __VLS_asFunctionalElement<T>(tag: T, endTag?: T): (attrs: T${checkUnknownComponents ? '' : ' & Record<string, unknown>'}) => void;
+	function __VLS_asFunctionalSlot<S>(slot: S): (props: NonNullable<S> extends (props: infer P) => any ? P : {}) => void;
 	function __VLS_tryAsConstant<const T>(t: T): T;
 }
 `;

packages/language-core/lib/codegen/template/slotOutlet.ts

@@ -15,6 +15,7 @@ export function* generateSlotOutlet(
 	node: CompilerDOM.SlotOutletNode
 ): Generator<Code> {
 	const startTagOffset = node.loc.start.offset + options.template.content.slice(node.loc.start.offset).indexOf(node.tag);
+	const startTagEndOffset = startTagOffset + node.tag.length;
 	const propsVar = ctx.getInternalVariable();
 	const nameProp = node.props.find(prop => {
 		if (prop.type === CompilerDOM.NodeTypes.ATTRIBUTE) {
@@ -30,7 +31,7 @@ export function* generateSlotOutlet(
 	});
 
 	if (options.hasDefineSlots) {
-		yield `__VLS_normalizeSlot(`;
+		yield `__VLS_asFunctionalSlot(`;
 		if (nameProp) {
 			let codes: Generator<Code> | Code[];
 			if (nameProp.type === CompilerDOM.NodeTypes.ATTRIBUTE && nameProp.value) {
@@ -78,16 +79,23 @@ export function* generateSlotOutlet(
 		}
 		else {
 			yield* wrapWith(
-				node.loc.start.offset,
-				node.loc.end.offset,
+				startTagOffset,
+				startTagEndOffset, 
 				ctx.codeFeatures.verification,
-				`${options.slotsAssignName ?? '__VLS_slots'}['default']`
+				`${options.slotsAssignName ?? '__VLS_slots'}[`,
+				...wrapWith(
+					startTagOffset,
+					startTagEndOffset, 
+					ctx.codeFeatures.verification,
+					`'default'`
+				),
+				`]`
 			);
 		}
-		yield `)?.(`;
+		yield `)(`;
 		yield* wrapWith(
 			startTagOffset,
-			startTagOffset + node.tag.length,
+			startTagEndOffset,
 			ctx.codeFeatures.verification,
 			`{${newLine}`,
 			...generateElementProps(
@@ -154,7 +162,7 @@ export function* generateSlotOutlet(
 		else {
 			ctx.slots.push({
 				name: 'default',
-				tagRange: [startTagOffset, startTagOffset + node.tag.length],
+				tagRange: [startTagOffset, startTagEndOffset],
 				nodeLoc: node.loc,
 				propsVar,
 			});