From 239d5925d37107d71ee84af9b17947e93b448965 Mon Sep 17 00:00:00 2001
From: johnsoncodehk <johnsoncodehk@gmail.com>
Date: Mon, 13 Jun 2022 04:43:32 +0800
Subject: [PATCH] fix: patch invalid `:` character in tag name

close #1435
---
 packages/vue-code-gen/src/generators/template.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vue-code-gen/src/generators/template.ts b/packages/vue-code-gen/src/generators/template.ts
index f7ff5fb2b..025c58422 100644
--- a/packages/vue-code-gen/src/generators/template.ts
+++ b/packages/vue-code-gen/src/generators/template.ts
@@ -125,7 +125,7 @@ export function generate(
 		const tagRanges = tagOffsets.map(offset => ({ start: offset, end: offset + tagName.length }));
 		const isNamespacedTag = tagName.indexOf('.') >= 0;
 
-		const var_componentVar = capitalize(camelize(tagName));
+		const var_componentVar = capitalize(camelize(tagName.replace(/:/g, '-')));
 		const var_emit = `__VLS_${elementIndex++}`;
 
 		if (isNamespacedTag) {