fix: component tag autocomplete not working if not use in template

close #1952
vuejs · Oct 8, 2022 · 1a2757b · 1a2757b
1 parent 83378f5
commit 1a2757b
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/vue-language-tools/vue-language-service/src/plugins/vue-template.ts b/vue-language-tools/vue-language-service/src/plugins/vue-template.ts
@@ -418,6 +418,7 @@ export default function useVueTemplateLanguagePlugin<T extends ReturnType<typeof
 				provideTags: () => {
 
 					const components = checkComponentNames(context.typescript.module, context.typescript.languageService, vueSourceFile);
+					const scriptSetupRanges = vueSourceFile.sfc.scriptSetupAst ? vue.parseScriptSetupRanges(context.typescript.module, vueSourceFile.sfc.scriptSetupAst) : undefined;
 					const names = new Set<string>();
 					const tags: html.ITagData[] = [];
 
@@ -430,6 +431,16 @@ export default function useVueTemplateLanguagePlugin<T extends ReturnType<typeof
 						}
 					}
 
+					for (const binding of scriptSetupRanges?.bindings ?? []) {
+						const name = vueSourceFile.sfc.scriptSetup!.content.substring(binding.start, binding.end);
+						if (tagNameCasing === TagNameCasing.Kebab) {
+							names.add(hyphenate(name));
+						}
+						else if (tagNameCasing === TagNameCasing.Pascal) {
+							names.add(name);
+						}
+					}
+
 					for (const name of names) {
 						tags.push({
 							name: name,