fix: generate valid syntax when noPropertyAccessFromIndexSignature is…

… not enabled (#3575)

Co-authored-by: Johnson Chu <johnsoncodehk@gmail.com>

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

@@ -1000,7 +1000,7 @@ export function generate(
 				const eventVar = `__VLS_${elementIndex++}`;
 				codes.push(
 					`let ${eventVar} = { '${prop.arg.loc.source}': `,
-					`__VLS_pickEvent(${componentCtxVar}.emit!, '${prop.arg.loc.source}' as const, {} as __VLS_FunctionalComponentProps<typeof ${componentVar}, typeof ${componentInstanceVar}>`,
+					`__VLS_pickEvent(${componentCtxVar}.emit!, '${prop.arg.loc.source}' as const, ({} as __VLS_FunctionalComponentProps<typeof ${componentVar}, typeof ${componentInstanceVar}>)`,
 					...createPropertyAccessCode([
 						camelize('on-' + prop.arg.loc.source), // onClickOutside
 						'template',

packages/vue-test-workspace/vue-tsc/non-strict-template/#3574/Comp.vue

@@ -0,0 +1,5 @@
+<script lang="ts" setup>
+defineEmits<{
+  (event: 'change', value: string): void
+}>()
+</script>

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

@@ -0,0 +1,8 @@
+<template>
+  <Comp @change="(value) => console.log(value)" />
+  <!--            ^^^^^ is inferred as `any` now, should be `string` -->
+</template>
+
+<script lang="ts" setup>
+import Comp from './Comp.vue'
+</script>

packages/vue-test-workspace/vue-tsc/non-strict-template/#3574/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"extends": "../tsconfig.json",
+	"include": [ "**/*" ],
+	"compilerOptions": {
+		"noPropertyAccessFromIndexSignature": false
+	}
+}