feat(language-service): strip ="" for boolean props completion edits (#5888)

Author: KazariEX

packages/language-server/tests/completions.spec.ts

@@ -615,14 +615,31 @@ test('Auto import', async () => {
 	`);
 });
 
+test('Boolean props', async () => {
+	await requestCompletionItemToVueServer(
+		'fixture.vue',
+		'vue',
+		`
+		<template>
+			<Comp :f| />
+		</template>
+
+		<script setup lang="ts">
+		declare function Comp(props: { foo: boolean }): void;
+		</script>
+		`,
+		':foo',
+	);
+});
+
 test('Directives', async () => {
 	await requestCompletionItemToVueServer('fixture.vue', 'vue', `<template><div v-ht|></div></template>`, 'v-html');
 	await requestCompletionItemToVueServer('fixture.vue', 'vue', `<template><div v-cl|></div></template>`, 'v-cloak');
 	await requestCompletionItemToVueServer('fixture.vue', 'vue', `<template><div v-el|></div></template>`, 'v-else');
 	await requestCompletionItemToVueServer('fixture.vue', 'vue', `<template><div v-p|></div></template>`, 'v-pre');
 });
 
-test('Directive Modifiers', async () => {
+test('Directive modifiers', async () => {
 	expect(
 		(await requestCompletionListToVueServer(
 			'fixture.vue',

packages/language-service/lib/plugins/vue-template.ts

@@ -765,6 +765,8 @@ export function create(
 										const name = attrNameCasing === AttrNameCasing.Camel ? prop.name : hyphenateAttr(prop.name);
 										return name === labelName;
 									});
+									const isBoolean = propMeta2?.type === 'boolean' || propMeta2?.type.startsWith('boolean ');
+
 									if (addPlainAttrs) {
 										attributes.push({
 											name: labelName,
@@ -775,12 +777,14 @@ export function create(
 										attributes.push({
 											name: V_BIND_SHORTHAND + labelName,
 											description: propMeta2 && createDescription(propMeta2),
+											valueSet: isBoolean ? 'v' : undefined,
 										});
 									}
 									if (addVBinds) {
 										attributes.push({
 											name: DIRECTIVE_V_BIND + labelName,
 											description: propMeta2 && createDescription(propMeta2),
+											valueSet: isBoolean ? 'v' : undefined,
 										});
 									}
 								}