fix: avoid reading props from __VLS_ctx (#3636)

Co-authored-by: Johnson Chu <[email protected]>

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

@@ -74,6 +74,7 @@ export function generate(
 	sfc: Sfc,
 	hasScriptSetupSlots: boolean,
 	slotsAssignName: string | undefined,
+	propsAssignName: string | undefined,
 	codegenStack: boolean,
 ) {
 
@@ -98,6 +99,10 @@ export function generate(
 	let expectedErrorStart: undefined | number;
 	let expectedErrorNode: CompilerDOM.CommentNode | undefined;
 
+	if (propsAssignName) {
+		localVars[propsAssignName] = 1;
+	}
+
 	generatePreResolveComponents();
 
 	if (sfc.templateAst) {

packages/vue-language-core/src/plugins/vue-tsx.ts

@@ -152,18 +152,21 @@ function createTsx(fileName: string, _sfc: Sfc, { vueCompilerOptions, compilerOp
 			_sfc,
 			hasScriptSetupSlots.value,
 			slotsAssignName.value,
+			propsAssignName.value,
 			codegenStack,
 		);
 	});
 
 	//#region remove when https://github.com/vuejs/core/pull/5912 merged
 	const hasScriptSetupSlots = ref(false);
 	const slotsAssignName = ref<string>();
+	const propsAssignName = ref<string>();
 	//#endregion
 
 	const tsxGen = computed(() => {
 		hasScriptSetupSlots.value = !!scriptSetupRanges.value?.defineSlots;
 		slotsAssignName.value = scriptSetupRanges.value?.slotsAssignName;
+		propsAssignName.value = scriptSetupRanges.value?.propsAssignName;
 		return genScript(
 			ts,
 			fileName,

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

@@ -0,0 +1,22 @@
+<script setup lang="ts" generic="T">
+import { exactType } from 'vue-tsc/shared';
+
+const props = withDefaults(defineProps<{
+	value?: T | null;
+	list?: T[];
+}>(), {
+	value: null,
+});
+</script>
+
+<template>
+	<div v-for="item of list">
+		{{ exactType(item, {} as T) }}
+	</div>
+	<div v-for="item of props.list">
+		{{ exactType(item, {} as T) }}
+	</div>
+	<div v-for="item of $props.list">
+		{{ exactType(item, {} as T) }}
+	</div>
+</templat>

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

@@ -0,0 +1,13 @@
+<script setup lang="ts" generic="T">
+import { exactType } from 'vue-tsc/shared';
+
+const props = defineProps<{
+	foo: T;
+	bar: string;
+}>();
+</script>
+
+<template>
+	{{ exactType(props.bar, '' as string) }}
+	{{ exactType(props.foo, {} as T) }}
+</template>