diff --git a/packages/vue-language-service/src/plugins/vue-template.ts b/packages/vue-language-service/src/plugins/vue-template.ts
index cc3d310a3..9785f24de 100644
--- a/packages/vue-language-service/src/plugins/vue-template.ts
+++ b/packages/vue-language-service/src/plugins/vue-template.ts
@@ -204,7 +204,7 @@ export default function useVueTemplateLanguagePlugin<T extends ReturnType<typeof
 				const templateScriptData = vueDocument.file.getTemplateData();
 				const components = new Set([
 					...templateScriptData.components,
-					...templateScriptData.components.map(hyphenate).filter(name => !isIntrinsicElement(runtimeMode, name)), 
+					...templateScriptData.components.map(hyphenate).filter(name => !isIntrinsicElement(runtimeMode, name)),
 				]);
 				const offsetRange = range ? {
 					start: document.offsetAt(range.start),
@@ -324,7 +324,7 @@ export default function useVueTemplateLanguagePlugin<T extends ReturnType<typeof
 
 		const scriptImport = scriptAst ? getLastImportNode(scriptAst) : undefined;
 		const scriptSetupImport = scriptSetupAst ? getLastImportNode(scriptSetupAst) : undefined;
-		const componentName = capitalize(camelize(item.label));
+		const componentName = capitalize(camelize(item.label.replace(/\./g, '-')));
 		const textDoc = vueDocument.getDocument();
 		let insertText = '';
 		const planAResult = await planAInsertText();
@@ -548,6 +548,7 @@ export default function useVueTemplateLanguagePlugin<T extends ReturnType<typeof
 				if (baseName.toLowerCase() === 'index') {
 					baseName = path.basename(path.dirname(vueDocument.uri));
 				}
+				baseName = baseName.replace(/\./g, '-');
 				const componentName_1 = hyphenate(baseName);
 				const componentName_2 = capitalize(camelize(baseName));
 				let i: number | '' = '';