feat(compiler-translate)remove unnecessary close tag in componet tagType

CathLee · CathLee · commit 4533af4e2340 · 2024-02-20T22:53:29.000+08:00
diff --git a/packages/compiler-vapor/src/transforms/transformElement.ts b/packages/compiler-vapor/src/transforms/transformElement.ts
@@ -61,7 +61,11 @@ export const transformElement: NodeTransform = (node, context) => {
 
     // TODO remove unnecessary close tag, e.g. if it's the last element of the template
     if (!isVoidTag(tag)) {
-      context.template += `</${tag}>`
+      if (node.tagType === ElementTypes.COMPONENT) {
+        context.template = `<${tag}/>`
+      } else {
+        context.template += `</${tag}>`
+      }
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,11 @@ export const transformElement: NodeTransform = (node, context) => {`
`61`	`61`
`62`	`62`	`// TODO remove unnecessary close tag, e.g. if it's the last element of the template`
`63`	`63`	`if (!isVoidTag(tag)) {`
`64`		- context.template += `</${tag}>`
	`64`	`+ if (node.tagType === ElementTypes.COMPONENT) {`
	`65`	+ context.template = `<${tag}/>`
	`66`	`+ } else {`
	`67`	+ context.template += `</${tag}>`
	`68`	`+ }`
`65`	`69`	`}`
`66`	`70`	`}`
`67`	`71`	`}`