fix(language-core): property access is incorrectly identified as compound expression

close #4600

Author: johnsoncodehk

packages/language-core/lib/codegen/template/elementEvents.ts

@@ -196,7 +196,7 @@ export function isCompoundExpression(ts: typeof import('typescript'), ast: ts.So
 					if (ts.isArrowFunction(child_2)) {
 						result = false;
 					}
-					else if (ts.isIdentifier(child_2)) {
+					else if (isPropertyAccessOrId(ts, child_2)) {
 						result = false;
 					}
 				});
@@ -208,3 +208,13 @@ export function isCompoundExpression(ts: typeof import('typescript'), ast: ts.So
 	}
 	return result;
 }
+
+function isPropertyAccessOrId(ts: typeof import('typescript'), node: ts.Node): boolean {
+	if (ts.isIdentifier(node)) {
+		return true;
+	}
+	if (ts.isPropertyAccessExpression(node)) {
+		return isPropertyAccessOrId(ts, node.expression);
+	}
+	return false;
+}

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

@@ -0,0 +1,15 @@
+<template>
+	<!-- @vue-expect-error -->
+	<button @click="a.b"></button>
+	<!-- @vue-expect-error -->
+	<button @click="a.c.d"></button>
+</template>
+
+<script lang="ts" setup>
+const a = {
+	b(_msg: string) { },
+	c: {
+		d(_msg: string) { }
+	},
+}
+</script>