fix: ignore class, style attrs when v-bind exist

close #2166
vuejs · Dec 25, 2022 · 275a95f · 275a95f
1 parent 63b794a
commit 275a95f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/vue-language-tools/vue-language-core/src/generators/template.ts b/vue-language-tools/vue-language-core/src/generators/template.ts
@@ -832,6 +832,17 @@ export function generate(
 		let classAttrNums = 0;
 		const unwritedExps: CompilerDOM.SimpleExpressionNode[] = [];
 
+		if (node.props.some(prop =>
+			prop.type === CompilerDOM.NodeTypes.DIRECTIVE
+			&& prop.name === 'bind'
+			&& !prop.arg
+			&& prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
+		)) {
+			// fix https://github.com/johnsoncodehk/volar/issues/2166
+			styleAttrNums++;
+			classAttrNums++;
+		}
+
 		for (const prop of node.props) {
 			if (
 				prop.type === CompilerDOM.NodeTypes.DIRECTIVE

diff --git a/vue-language-tools/vue-test-workspace/vue-tsc/#2166/main.vue b/vue-language-tools/vue-test-workspace/vue-tsc/#2166/main.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="a" v-bind="{ class: {b: true} }" />
+</template>