From d0f4ab06de0e31fc8f3bf33bd6a62147a931da0b Mon Sep 17 00:00:00 2001
From: Johnson Chu <johnsoncodehk@gmail.com>
Date: Sun, 30 Apr 2023 07:21:47 +0800
Subject: [PATCH] fix: support required props check for events

close #2468
---
 packages/vue-language-core/src/generators/template.ts | 10 ++++++++++
 packages/vue-test-workspace/vue-tsc/#2468/main.vue    | 11 +++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 packages/vue-test-workspace/vue-tsc/#2468/main.vue

diff --git a/packages/vue-language-core/src/generators/template.ts b/packages/vue-language-core/src/generators/template.ts
index 9911d295b..def9f4362 100644
--- a/packages/vue-language-core/src/generators/template.ts
+++ b/packages/vue-language-core/src/generators/template.ts
@@ -982,6 +982,16 @@ export function generate(
 
 		for (const prop of props) {
 			if (
+				prop.type === CompilerDOM.NodeTypes.DIRECTIVE
+				&& prop.name === 'on'
+				&& prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
+			) {
+				codes.push(
+					camelize('on-' + prop.arg.loc.source),
+					': {} as any, ',
+				);
+			}
+			else if (
 				prop.type === CompilerDOM.NodeTypes.DIRECTIVE
 				&& (prop.name === 'bind' || prop.name === 'model')
 				&& (prop.name === 'model' || prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION)
diff --git a/packages/vue-test-workspace/vue-tsc/#2468/main.vue b/packages/vue-test-workspace/vue-tsc/#2468/main.vue
new file mode 100644
index 000000000..b776b57a7
--- /dev/null
+++ b/packages/vue-test-workspace/vue-tsc/#2468/main.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+let Foo: new () => {
+	$props: {
+		onFoo: () => void;
+	}
+};
+</script>
+
+<template>
+	<Foo @foo="() => {}"></Foo>
+</template>