perf: selfClosingTags

laoer536 · Jul 21, 2023 · 121262d · 121262d
1 parent 7d364d9
commit 121262d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/data.ts b/src/data.ts
@@ -0,0 +1,16 @@
+export const selfClosingTags = [
+  'area',
+  'base',
+  'br',
+  'col',
+  'embed',
+  'hr',
+  'img',
+  'input',
+  'link',
+  'meta',
+  'param',
+  'source',
+  'track',
+  'wbr',
+]
diff --git a/src/utils.ts b/src/utils.ts
@@ -7,6 +7,7 @@ import type { AtrulePrelude } from 'css-tree'
 import { AtrulePlain, AtrulePreludePlain, ClassSelector, TypeSelector } from 'css-tree'
 import { getPackageInfo, isPackageExists } from 'local-pkg'
 import { templates } from './templates'
+import { selfClosingTags } from './data'
 
 export type StyleType = 'css' | 'less' | 'scss'
 
@@ -129,7 +130,9 @@ export function getDomStr(domTree: ReturnType<typeof getDomTree>, domType: 'vue'
     const domName = getDomName(selector)
     const selectorName = getSelectorName(selector.includes('.self') ? '.' + selector.split('.')[1] : selector)
     if (keys.length === 0) {
-      return `<${domName} ${classAttribute}=${selectorName || `'${domName}'`}></${domName}>`
+      return `<${domName} ${classAttribute}=${selectorName || `'${domName}'`}${
+        selfClosingTags.includes(domName) ? '/>' : `></${domName}>`
+      }`
     } else {
       let result = `<${domName} ${classAttribute}=${selectorName || `'${domName}'`}>`
       for (const selector of keys) {