From 4d7a6977344f0d11f4d9fc3e0f1979c6b6ff02e7 Mon Sep 17 00:00:00 2001 From: daiwei Date: Tue, 10 Dec 2024 14:00:23 +0800 Subject: [PATCH] chore: pass undefined to slotScopeId --- .../compiler-ssr/__tests__/ssrVShow.spec.ts | 42 +++++++++---------- .../src/transforms/ssrTransformComponent.ts | 4 +- 2 files changed, 23 insertions(+), 23 deletions(-) diff --git a/packages/compiler-ssr/__tests__/ssrVShow.spec.ts b/packages/compiler-ssr/__tests__/ssrVShow.spec.ts index fdb24521a..bf8fd6090 100644 --- a/packages/compiler-ssr/__tests__/ssrVShow.spec.ts +++ b/packages/compiler-ssr/__tests__/ssrVShow.spec.ts @@ -37,19 +37,19 @@ describe('ssr: v-show', () => { expect( compileWithWrapper(``).code, ).toMatchInlineSnapshot(` - "const { resolveComponent: _resolveComponent } = require("vue") - const { ssrRenderComponent: _ssrRenderComponent, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer") + "const { resolveComponent: _resolveComponent } = require("vue") + const { ssrRenderComponent: _ssrRenderComponent, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer") - return function ssrRender(_ctx, _push, _parent, _attrs) { - const _component_Foo = _resolveComponent("Foo") + return function ssrRender(_ctx, _push, _parent, _attrs) { + const _component_Foo = _resolveComponent("Foo") - _push(\`\`) - _push(_ssrRenderComponent(_component_Foo, { style: {color:'red'} }, null, _parent, '', { - style: (_ctx.foo) ? null : { display: "none" } - })) - _push(\`\`) - }" - `) + _push(\`\`) + _push(_ssrRenderComponent(_component_Foo, { style: {color:'red'} }, null, _parent, undefined, { + style: (_ctx.foo) ? null : { display: "none" } + })) + _push(\`\`) + }" + `) }) test('with dynamic component', () => { @@ -58,17 +58,17 @@ describe('ssr: v-show', () => { ``, ).code, ).toMatchInlineSnapshot(` - "const { resolveDynamicComponent: _resolveDynamicComponent, createVNode: _createVNode } = require("vue") - const { ssrRenderVNode: _ssrRenderVNode, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer") + "const { resolveDynamicComponent: _resolveDynamicComponent, createVNode: _createVNode } = require("vue") + const { ssrRenderVNode: _ssrRenderVNode, ssrRenderAttrs: _ssrRenderAttrs } = require("vue/server-renderer") - return function ssrRender(_ctx, _push, _parent, _attrs) { - _push(\`\`) - _ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent("Foo"), { style: {color:'red'} }, null), _parent, '', { - style: (_ctx.foo) ? null : { display: "none" } - }) - _push(\`\`) - }" - `) + return function ssrRender(_ctx, _push, _parent, _attrs) { + _push(\`\`) + _ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent("Foo"), { style: {color:'red'} }, null), _parent, undefined, { + style: (_ctx.foo) ? null : { display: "none" } + }) + _push(\`\`) + }" + `) }) test('with static style', () => { diff --git a/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts b/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts index 1005ee92a..6b730088e 100644 --- a/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts +++ b/packages/compiler-ssr/src/transforms/ssrTransformComponent.ts @@ -201,7 +201,7 @@ export const ssrTransformComponent: NodeTransform = (node, context) => { ]), `_parent`, ] - if (vShowExp) args.push(`''`, vShowExp) + if (vShowExp) args.push(`undefined`, vShowExp) node.ssrCodegenNode = createCallExpression( context.helper(SSR_RENDER_VNODE), args, @@ -213,7 +213,7 @@ export const ssrTransformComponent: NodeTransform = (node, context) => { slots, `_parent`, ] - if (vShowExp) args.push(`''`, vShowExp) + if (vShowExp) args.push(`undefined`, vShowExp) node.ssrCodegenNode = createCallExpression( context.helper(SSR_RENDER_COMPONENT), args,