fix(language-core): fix nameless event expression formatting

vuejs · May 4, 2024 · 7e40bca · 7e40bca
1 parent 4d8529b
commit 7e40bca
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/language-core/lib/plugins/vue-template-inline-ts.ts b/packages/language-core/lib/plugins/vue-template-inline-ts.ts
@@ -92,7 +92,7 @@ const plugin: VueLanguagePlugin = ctx => {
 						prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
 						&& prop.exp.constType !== CompilerDOM.ConstantTypes.CAN_STRINGIFY // style='z-index: 2' will compile to {'z-index':'2'}
 					) {
-						if (prop.name === 'on') {
+						if (prop.name === 'on' && prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
 							const ast = createTsAst(ctx.modules.typescript, prop.exp, prop.exp.content);
 							addFormatCodes(
 								prop.exp.content,

diff --git a/packages/language-service/tests/format/4333.spec.ts b/packages/language-service/tests/format/4333.spec.ts
@@ -0,0 +1,14 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+	title: '#' + __filename.split('.')[0],
+	languageId: 'vue',
+	input: `
+<template>
+	<div v-on="{ click: onItemInteraction, keydown: onItemInteraction }"></div>
+</template>
+	`.trim(),
+	settings: {
+		'typescript.format.semicolons': 'insert',
+	}
+});