fix(language-core): type narrowing not working for inline event handler

close #4209

packages/language-core/lib/generators/template.ts

@@ -497,7 +497,7 @@ export function* generate(
 				blockConditions.push(
 					toString(
 						[...generateInterpolation(branch.condition.content, branch.condition.loc, undefined, undefined, '(', ')')]
-							.map(code => code[1])
+							.map(([code]) => code)
 					)
 				);
 				addedBlockCondition = true;

test-workspace/tsc/vue3/#4209/main.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+type Bar = {
+	id: string;
+} | null;
+
+type Example = {
+	foo: {
+		bar: Bar;
+	};
+	doSomething(id: string): void;
+};
+const example: Example = {
+	foo: {
+		bar: {
+			id: '123',
+		},
+	},
+	doSomething(id: string) {
+		console.log(id);
+	},
+};
+</script>
+
+<template>
+	<button
+		v-if="example.foo.bar"
+		type="button"
+		v-on:click="example.doSomething(example.foo.bar.id)"
+	>
+		{{ example.foo.bar.id }}
+	</button>
+</template>