refactor(compiler-vapor): skip unnecessary whitespace between attributes

Author: mary-ext

packages/compiler-vapor/__tests__/transforms/__snapshots__/transformElement.spec.ts.snap

@@ -399,7 +399,7 @@ export function render(_ctx) {
 
 exports[`compiler: element transform > static props 1`] = `
 "import { template as _template } from 'vue';
-const t0 = _template("<div id=foo class=bar title=\\"has whitespace\\" data-targets=\\"foo>bar\\"></div>", true)
+const t0 = _template("<div id=foo class=bar title=\\"has whitespace\\"data-targets=\\"foo>bar\\"></div>", true)
 
 export function render(_ctx) {
   const n0 = t0()

packages/compiler-vapor/__tests__/transforms/transformElement.spec.ts

@@ -577,7 +577,7 @@ describe('compiler: element transform', () => {
     )
 
     const template =
-      '<div id=foo class=bar title="has whitespace" data-targets="foo>bar"></div>'
+      '<div id=foo class=bar title="has whitespace"data-targets="foo>bar"></div>'
     expect(code).toMatchSnapshot()
     expect(code).contains(JSON.stringify(template))
     expect(ir.template).toMatchObject([template])

packages/compiler-vapor/src/transforms/transformElement.ts

@@ -221,16 +221,19 @@ function transformNativeElement(
       getEffectIndex,
     )
   } else {
+    let needsQuoting = false
+
     for (const prop of propsResult[1]) {
       const { key, values } = prop
       if (key.isStatic && values.length === 1 && values[0].isStatic) {
         const value = values[0].content
 
-        template += ` ${key.content}`
+        if (!needsQuoting) template += ` `
+        template += key.content
 
         if (value) {
           // https://html.spec.whatwg.org/multipage/introduction.html#intro-early-example
-          const needsQuoting = /[\s>]|^["'=]/.test(value)
+          needsQuoting = /[\s>]|^["'=]/.test(value)
 
           if (needsQuoting) {
             template += `="${value}"`