fix: properly get components

packages/vue-language-core/src/generators/template.ts

@@ -670,7 +670,7 @@ export function generate(
 			);
 		}
 		else if (componentVars[tag]) {
-			codes.push(`const ${var_originalComponent} = __VLS_templateComponents['${componentVars[tag]}'];\n`);
+			codes.push(`const ${var_originalComponent} = {} as __VLS_GetComponent<typeof __VLS_localComponents, __VLS_GlobalComponents, typeof __VLS_templateComponents, '${componentVars[tag]}'>;\n`);
 		}
 		else {
 			codes.push(`const ${var_originalComponent} = {} as any;\n`);

packages/vue-language-core/src/utils/directorySharedTypes.ts

@@ -29,6 +29,12 @@ type __VLS_GlobalComponents =
 		| 'Teleport'
 	>;
 
+type __VLS_GetComponent<L, G, T, K> =
+	K extends keyof L ? L[K] :
+	K extends keyof G ? G[K] :
+	K extends keyof T ? T[K] :
+	any;
+
 // v-for
 declare function __VLS_getVForSourceType(source: number): [number, number, number][];
 declare function __VLS_getVForSourceType(source: string): [string, number, number][];

packages/vue-test-workspace/vue-tsc/non-strict-template/#1886/main.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { exactType } from 'vue-tsc/shared';
+
+declare module 'vue' {
+	export interface GlobalComponents {
+		FunctionalComponent: any;
+	}
+}
+
+declare const FunctionalComponent: new () => {
+  $slots: {
+		foo: (props: { bar: string }) => any;
+	}
+};
+</script>
+<template>
+  <FunctionalComponent>
+		<template #foo="{ bar }">
+			{{ exactType(bar, '' as string) }}
+		</template>
+	</FunctionalComponent>
+</template>

packages/vue-test-workspace/vue-tsc/non-strict-template/#2157/main.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+declare module 'vue' {
+  export interface GlobalComponents {
+    Transition: typeof import('vue')['Transition'];
+  }
+};
+</script>
+
+<template>
+	<Transition enter-active-class=""></Transition>
+</template>