fix: ensure space before scope id

vuejs · Oct 20, 2023 · ec4045f · ec4045f
1 parent 02a146a
commit ec4045f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/packages/compiler-ssr/__tests__/ssrScopeId.spec.ts b/packages/compiler-ssr/__tests__/ssrScopeId.spec.ts
@@ -138,10 +138,11 @@ describe('ssr: scopeId', () => {
     ).toMatchInlineSnapshot(`
       "import { mergeProps as _mergeProps } from \\"vue\\"
       import { ssrRenderAttrs as _ssrRenderAttrs } from \\"vue/server-renderer\\"
-      
+
       export function ssrRender(_ctx, _push, _parent, _attrs) {
-        _push(\`<div\${_ssrRenderAttrs(_mergeProps({ class: \\"red\\" }, _attrs))}data-v-xxxxxxx><span data-v-xxxxxxx>hello</span></div>\`)
-      }"`)
+        _push(\`<div\${_ssrRenderAttrs(_mergeProps({ class: \\"red\\" }, _attrs))} data-v-xxxxxxx><span data-v-xxxxxxx>hello</span></div>\`)
+      }"
+    `)
 
     // with dynamic tag
     expect(
@@ -161,7 +162,7 @@ describe('ssr: scopeId', () => {
           _ctx.someTag
         }\${
           _ssrRenderAttrs(_mergeProps({ class: \\"red\\" }, _attrs))
-        }data-v-xxxxxxx><span data-v-xxxxxxx>hello</span></\${
+        } data-v-xxxxxxx><span data-v-xxxxxxx>hello</span></\${
           _ctx.someTag
         }>\`)
       }"

diff --git a/packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts b/packages/compiler-ssr/src/transforms/ssrTransformTransitionGroup.ts
@@ -69,7 +69,7 @@ export function ssrProcessTransitionGroup(
         context.pushStringPart(propsExp)
       }
       if (scopeId) {
-        context.pushStringPart(scopeId)
+        context.pushStringPart(` ${scopeId}`)
       }
       context.pushStringPart(`>`)
 
@@ -95,7 +95,7 @@ export function ssrProcessTransitionGroup(
         context.pushStringPart(propsExp)
       }
       if (scopeId) {
-        context.pushStringPart(scopeId)
+        context.pushStringPart(` ${scopeId}`)
       }
       context.pushStringPart(`>`)
       processChildren(node, context, false, true)