fix: slot auto-complete not working if slot name is empty

vuejs · May 3, 2023 · a082907 · a082907
1 parent bd19e80
commit a082907
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 8 deletions.
diff --git a/packages/vue-language-core/src/generators/template.ts b/packages/vue-language-core/src/generators/template.ts
@@ -767,14 +767,16 @@ export function generate(
 					offset += '#'.length;
 				else if (slotDir.loc.source.startsWith('v-slot:'))
 					offset += 'v-slot:'.length;
-				codes.push(`'`);
-				codes.push([
-					'',
-					'template',
-					offset,
-					{ completion: true },
-				]);
-				codes.push(`'/* empty slot name completion */\n`);
+				codes.push(
+					`${componentCtxVar}.slots!['`,
+					[
+						'',
+						'template',
+						offset,
+						{ completion: true },
+					],
+					`'/* empty slot name completion */]\n`,
+				);
 			}
 			codes.push(`}\n`);
 		}

diff --git a/packages/vue-test-workspace/complete/slot-name/input/main.vue b/packages/vue-test-workspace/complete/slot-name/input/main.vue
@@ -0,0 +1,15 @@
+<template>
+  <Foo>
+    <template #></template>
+          <!-- ^complete: default -->
+  </Foo>
+</template>
+
+<script lang="ts" setup>
+let Foo: new () => {
+  $props: {};
+  $slots: {
+    default: any;
+  };
+};
+</script>
diff --git a/packages/vue-test-workspace/complete/slot-name/output/main.vue b/packages/vue-test-workspace/complete/slot-name/output/main.vue
@@ -0,0 +1,15 @@
+<template>
+  <Foo>
+    <template #default></template>
+          <!-- ^complete: default -->
+  </Foo>
+</template>
+
+<script lang="ts" setup>
+let Foo: new () => {
+  $props: {};
+  $slots: {
+    default: any;
+  };
+};
+</script>