@vue/compiler-ssr 3.2.26 → 3.2.30

package/dist/compiler-ssr.cjs.js

@@ -22,6 +22,7 @@ const SSR_RENDER_DYNAMIC_MODEL = Symbol(`ssrRenderDynamicModel`);
 const SSR_GET_DYNAMIC_MODEL_PROPS = Symbol(`ssrGetDynamicModelProps`);
 const SSR_RENDER_TELEPORT = Symbol(`ssrRenderTeleport`);
 const SSR_RENDER_SUSPENSE = Symbol(`ssrRenderSuspense`);
+const SSR_GET_DIRECTIVE_PROPS = Symbol(`ssrGetDirectiveProps`);
 const ssrHelpers = {
     [SSR_INTERPOLATE]: `ssrInterpolate`,
     [SSR_RENDER_VNODE]: `ssrRenderVNode`,
@@ -39,7 +40,8 @@ const ssrHelpers = {
     [SSR_RENDER_DYNAMIC_MODEL]: `ssrRenderDynamicModel`,
     [SSR_GET_DYNAMIC_MODEL_PROPS]: `ssrGetDynamicModelProps`,
     [SSR_RENDER_TELEPORT]: `ssrRenderTeleport`,
-    [SSR_RENDER_SUSPENSE]: `ssrRenderSuspense`
+    [SSR_RENDER_SUSPENSE]: `ssrRenderSuspense`,
+    [SSR_GET_DIRECTIVE_PROPS]: `ssrGetDirectiveProps`
 };
 // Note: these are helpers imported from @vue/server-renderer
 // make sure the names match!
@@ -145,17 +147,16 @@ function createSSRCompilerError(code, loc) {
     return compilerDom.createCompilerError(code, loc, SSRErrorMessages);
 }
 const SSRErrorMessages = {
-    [61 /* X_SSR_CUSTOM_DIRECTIVE_NO_TRANSFORM */]: `Custom directive is missing corresponding SSR transform and will be ignored.`,
-    [62 /* X_SSR_UNSAFE_ATTR_NAME */]: `Unsafe attribute name for SSR.`,
-    [63 /* X_SSR_NO_TELEPORT_TARGET */]: `Missing the 'to' prop on teleport element.`,
-    [64 /* X_SSR_INVALID_AST_NODE */]: `Invalid AST node during SSR transform.`
+    [61 /* X_SSR_UNSAFE_ATTR_NAME */]: `Unsafe attribute name for SSR.`,
+    [62 /* X_SSR_NO_TELEPORT_TARGET */]: `Missing the 'to' prop on teleport element.`,
+    [63 /* X_SSR_INVALID_AST_NODE */]: `Invalid AST node during SSR transform.`
 };
 
 // Note: this is a 2nd-pass codegen transform.
 function ssrProcessTeleport(node, context) {
     const targetProp = compilerDom.findProp(node, 'to');
     if (!targetProp) {
-        context.onError(createSSRCompilerError(63 /* X_SSR_NO_TELEPORT_TARGET */, node.loc));
+        context.onError(createSSRCompilerError(62 /* X_SSR_NO_TELEPORT_TARGET */, node.loc));
         return;
     }
     let target;
@@ -167,7 +168,7 @@ function ssrProcessTeleport(node, context) {
         target = targetProp.exp;
     }
     if (!target) {
-        context.onError(createSSRCompilerError(63 /* X_SSR_NO_TELEPORT_TARGET */, targetProp.loc));
+        context.onError(createSSRCompilerError(62 /* X_SSR_NO_TELEPORT_TARGET */, targetProp.loc));
         return;
     }
     const disabledProp = compilerDom.findProp(node, 'disabled', false, true /* allow empty */);
@@ -266,224 +267,6 @@ function ssrProcessTransitionGroup(node, context) {
     }
 }
 
-// We need to construct the slot functions in the 1st pass to ensure proper
-// scope tracking, but the children of each slot cannot be processed until
-// the 2nd pass, so we store the WIP slot functions in a weakmap during the 1st
-// pass and complete them in the 2nd pass.
-const wipMap$1 = new WeakMap();
-const componentTypeMap = new WeakMap();
-// ssr component transform is done in two phases:
-// In phase 1. we use `buildSlot` to analyze the children of the component into
-// WIP slot functions (it must be done in phase 1 because `buildSlot` relies on
-// the core transform context).
-// In phase 2. we convert the WIP slots from phase 1 into ssr-specific codegen
-// nodes.
-const ssrTransformComponent = (node, context) => {
-    if (node.type !== 1 /* ELEMENT */ ||
-        node.tagType !== 1 /* COMPONENT */) {
-        return;
-    }
-    const component = compilerDom.resolveComponentType(node, context, true /* ssr */);
-    componentTypeMap.set(node, component);
-    if (shared.isSymbol(component)) {
-        if (component === compilerDom.SUSPENSE) {
-            return ssrTransformSuspense(node, context);
-        }
-        return; // built-in component: fallthrough
-    }
-    // Build the fallback vnode-based branch for the component's slots.
-    // We need to clone the node into a fresh copy and use the buildSlots' logic
-    // to get access to the children of each slot. We then compile them with
-    // a child transform pipeline using vnode-based transforms (instead of ssr-
-    // based ones), and save the result branch (a ReturnStatement) in an array.
-    // The branch is retrieved when processing slots again in ssr mode.
-    const vnodeBranches = [];
-    const clonedNode = clone(node);
-    return function ssrPostTransformComponent() {
-        // Using the cloned node, build the normal VNode-based branches (for
-        // fallback in case the child is render-fn based). Store them in an array
-        // for later use.
-        if (clonedNode.children.length) {
-            compilerDom.buildSlots(clonedNode, context, (props, children) => {
-                vnodeBranches.push(createVNodeSlotBranch(props, children, context));
-                return compilerDom.createFunctionExpression(undefined);
-            });
-        }
-        const props = node.props.length > 0
-            ? // note we are not passing ssr: true here because for components, v-on
-                // handlers should still be passed
-                compilerDom.buildProps(node, context).props || `null`
-            : `null`;
-        const wipEntries = [];
-        wipMap$1.set(node, wipEntries);
-        const buildSSRSlotFn = (props, children, loc) => {
-            const fn = compilerDom.createFunctionExpression([props || `_`, `_push`, `_parent`, `_scopeId`], undefined, // no return, assign body later
-            true, // newline
-            true, // isSlot
-            loc);
-            wipEntries.push({
-                fn,
-                children,
-                // also collect the corresponding vnode branch built earlier
-                vnodeBranch: vnodeBranches[wipEntries.length]
-            });
-            return fn;
-        };
-        const slots = node.children.length
-            ? compilerDom.buildSlots(node, context, buildSSRSlotFn).slots
-            : `null`;
-        if (typeof component !== 'string') {
-            // dynamic component that resolved to a `resolveDynamicComponent` call
-            // expression - since the resolved result may be a plain element (string)
-            // or a VNode, handle it with `renderVNode`.
-            node.ssrCodegenNode = compilerDom.createCallExpression(context.helper(SSR_RENDER_VNODE), [
-                `_push`,
-                compilerDom.createCallExpression(context.helper(compilerDom.CREATE_VNODE), [
-                    component,
-                    props,
-                    slots
-                ]),
-                `_parent`
-            ]);
-        }
-        else {
-            node.ssrCodegenNode = compilerDom.createCallExpression(context.helper(SSR_RENDER_COMPONENT), [component, props, slots, `_parent`]);
-        }
-    };
-};
-function ssrProcessComponent(node, context) {
-    const component = componentTypeMap.get(node);
-    if (!node.ssrCodegenNode) {
-        // this is a built-in component that fell-through.
-        if (component === compilerDom.TELEPORT) {
-            return ssrProcessTeleport(node, context);
-        }
-        else if (component === compilerDom.SUSPENSE) {
-            return ssrProcessSuspense(node, context);
-        }
-        else if (component === compilerDom.TRANSITION_GROUP) {
-            return ssrProcessTransitionGroup(node, context);
-        }
-        else {
-            // real fall-through: Transition / KeepAlive
-            // just render its children.
-            processChildren(node.children, context);
-        }
-    }
-    else {
-        // finish up slot function expressions from the 1st pass.
-        const wipEntries = wipMap$1.get(node) || [];
-        for (let i = 0; i < wipEntries.length; i++) {
-            const { fn, children, vnodeBranch } = wipEntries[i];
-            // For each slot, we generate two branches: one SSR-optimized branch and
-            // one normal vnode-based branch. The branches are taken based on the
-            // presence of the 2nd `_push` argument (which is only present if the slot
-            // is called by `_ssrRenderSlot`.
-            fn.body = compilerDom.createIfStatement(compilerDom.createSimpleExpression(`_push`, false), processChildrenAsStatement(children, context, false, true /* withSlotScopeId */), vnodeBranch);
-        }
-        // component is inside a slot, inherit slot scope Id
-        if (context.withSlotScopeId) {
-            node.ssrCodegenNode.arguments.push(`_scopeId`);
-        }
-        if (typeof component === 'string') {
-            // static component
-            context.pushStatement(compilerDom.createCallExpression(`_push`, [node.ssrCodegenNode]));
-        }
-        else {
-            // dynamic component (`resolveDynamicComponent` call)
-            // the codegen node is a `renderVNode` call
-            context.pushStatement(node.ssrCodegenNode);
-        }
-    }
-}
-const rawOptionsMap = new WeakMap();
-const [baseNodeTransforms, baseDirectiveTransforms] = compilerDom.getBaseTransformPreset(true);
-const vnodeNodeTransforms = [...baseNodeTransforms, ...compilerDom.DOMNodeTransforms];
-const vnodeDirectiveTransforms = Object.assign(Object.assign({}, baseDirectiveTransforms), compilerDom.DOMDirectiveTransforms);
-function createVNodeSlotBranch(props, children, parentContext) {
-    // apply a sub-transform using vnode-based transforms.
-    const rawOptions = rawOptionsMap.get(parentContext.root);
-    const subOptions = Object.assign(Object.assign({}, rawOptions), { 
-        // overwrite with vnode-based transforms
-        nodeTransforms: [
-            ...vnodeNodeTransforms,
-            ...(rawOptions.nodeTransforms || [])
-        ], directiveTransforms: Object.assign(Object.assign({}, vnodeDirectiveTransforms), (rawOptions.directiveTransforms || {})) });
-    // wrap the children with a wrapper template for proper children treatment.
-    const wrapperNode = {
-        type: 1 /* ELEMENT */,
-        ns: 0 /* HTML */,
-        tag: 'template',
-        tagType: 3 /* TEMPLATE */,
-        isSelfClosing: false,
-        // important: provide v-slot="props" on the wrapper for proper
-        // scope analysis
-        props: [
-            {
-                type: 7 /* DIRECTIVE */,
-                name: 'slot',
-                exp: props,
-                arg: undefined,
-                modifiers: [],
-                loc: compilerDom.locStub
-            }
-        ],
-        children,
-        loc: compilerDom.locStub,
-        codegenNode: undefined
-    };
-    subTransform(wrapperNode, subOptions, parentContext);
-    return compilerDom.createReturnStatement(children);
-}
-function subTransform(node, options, parentContext) {
-    const childRoot = compilerDom.createRoot([node]);
-    const childContext = compilerDom.createTransformContext(childRoot, options);
-    // this sub transform is for vnode fallback branch so it should be handled
-    // like normal render functions
-    childContext.ssr = false;
-    // inherit parent scope analysis state
-    childContext.scopes = Object.assign({}, parentContext.scopes);
-    childContext.identifiers = Object.assign({}, parentContext.identifiers);
-    childContext.imports = parentContext.imports;
-    // traverse
-    compilerDom.traverseNode(childRoot, childContext);
-    ['helpers', 'components', 'directives'].forEach(key => {
-        childContext[key].forEach((value, helperKey) => {
-            if (key === 'helpers') {
-                const parentCount = parentContext.helpers.get(helperKey);
-                if (parentCount === undefined) {
-                    parentContext.helpers.set(helperKey, value);
-                }
-                else {
-                    parentContext.helpers.set(helperKey, value + parentCount);
-                }
-            }
-            else {
-                parentContext[key].add(value);
-            }
-        });
-    });
-    // imports/hoists are not merged because:
-    // - imports are only used for asset urls and should be consistent between
-    //   node/client branches
-    // - hoists are not enabled for the client branch here
-}
-function clone(v) {
-    if (shared.isArray(v)) {
-        return v.map(clone);
-    }
-    else if (shared.isObject(v)) {
-        const res = {};
-        for (const key in v) {
-            res[key] = clone(v[key]);
-        }
-        return res;
-    }
-    else {
-        return v;
-    }
-}
-
 // for directives with children overwrite (e.g. v-html & v-text), we need to
 // store the raw children so that they can be added in the 2nd pass.
 const rawChildrenMap = new WeakMap();
@@ -498,14 +281,17 @@ const ssrTransformElement = (node, context) => {
         const openTag = [`<${node.tag}`];
         // some tags need to be passed to runtime for special checks
         const needTagForRuntime = node.tag === 'textarea' || node.tag.indexOf('-') > 0;
-        // v-bind="obj" or v-bind:[key] can potentially overwrite other static
-        // attrs and can affect final rendering result, so when they are present
-        // we need to bail out to full `renderAttrs`
+        // v-bind="obj", v-bind:[key] and custom directives can potentially
+        // overwrite other static attrs and can affect final rendering result,
+        // so when they are present we need to bail out to full `renderAttrs`
         const hasDynamicVBind = compilerDom.hasDynamicKeyVBind(node);
-        if (hasDynamicVBind) {
-            const { props } = compilerDom.buildProps(node, context, node.props, true /* ssr */);
-            if (props) {
-                const propsExp = compilerDom.createCallExpression(context.helper(SSR_RENDER_ATTRS), [props]);
+        const hasCustomDir = node.props.some(p => p.type === 7 /* DIRECTIVE */ && !shared.isBuiltInDirective(p.name));
+        const needMergeProps = hasDynamicVBind || hasCustomDir;
+        if (needMergeProps) {
+            const { props, directives } = compilerDom.buildProps(node, context, node.props, true /* ssr */);
+            if (props || directives.length) {
+                const mergedProps = buildSSRProps(props, directives, context);
+                const propsExp = compilerDom.createCallExpression(context.helper(SSR_RENDER_ATTRS), [mergedProps]);
                 if (node.tag === 'textarea') {
                     const existingText = node.children[0];
                     // If interpolation, this is dynamic <textarea> content, potentially
@@ -517,7 +303,7 @@ const ssrTransformElement = (node, context) => {
                         // it contains value (if yes, render is as children).
                         const tempId = `_temp${context.temps++}`;
                         propsExp.arguments = [
-                            compilerDom.createAssignmentExpression(compilerDom.createSimpleExpression(tempId, false), props)
+                            compilerDom.createAssignmentExpression(compilerDom.createSimpleExpression(tempId, false), mergedProps)
                         ];
                         rawChildrenMap.set(node, compilerDom.createCallExpression(context.helper(SSR_INTERPOLATE), [
                             compilerDom.createConditionalExpression(compilerDom.createSimpleExpression(`"value" in ${tempId}`, false), compilerDom.createSimpleExpression(`${tempId}.value`, false), compilerDom.createSimpleExpression(existingText ? existingText.content : ``, true), false)
@@ -535,7 +321,7 @@ const ssrTransformElement = (node, context) => {
                         const tempExp = compilerDom.createSimpleExpression(tempId, false);
                         propsExp.arguments = [
                             compilerDom.createSequenceExpression([
-                                compilerDom.createAssignmentExpression(tempExp, props),
+                                compilerDom.createAssignmentExpression(tempExp, mergedProps),
                                 compilerDom.createCallExpression(context.helper(compilerDom.MERGE_PROPS), [
                                     tempExp,
                                     compilerDom.createCallExpression(context.helper(SSR_GET_DYNAMIC_MODEL_PROPS), [
@@ -577,18 +363,14 @@ const ssrTransformElement = (node, context) => {
                     context.onError(compilerDom.createCompilerError(40 /* X_V_SLOT_MISPLACED */, prop.loc));
                 }
                 else if (isTextareaWithValue(node, prop) && prop.exp) {
-                    if (!hasDynamicVBind) {
+                    if (!needMergeProps) {
                         node.children = [compilerDom.createInterpolation(prop.exp, prop.loc)];
                     }
                 }
-                else {
+                else if (!needMergeProps) {
                     // Directive transforms.
                     const directiveTransform = context.directiveTransforms[prop.name];
-                    if (!directiveTransform) {
-                        // no corresponding ssr directive transform found.
-                        context.onError(createSSRCompilerError(61 /* X_SSR_CUSTOM_DIRECTIVE_NO_TRANSFORM */, prop.loc));
-                    }
-                    else if (!hasDynamicVBind) {
+                    if (directiveTransform) {
                         const { props, ssrTagParts } = directiveTransform(prop, node, context);
                         if (ssrTagParts) {
                             openTag.push(...ssrTagParts);
@@ -628,7 +410,7 @@ const ssrTransformElement = (node, context) => {
                                         ]));
                                     }
                                     else {
-                                        context.onError(createSSRCompilerError(62 /* X_SSR_UNSAFE_ATTR_NAME */, key.loc));
+                                        context.onError(createSSRCompilerError(61 /* X_SSR_UNSAFE_ATTR_NAME */, key.loc));
                                     }
                                 }
                             }
@@ -651,7 +433,7 @@ const ssrTransformElement = (node, context) => {
                 if (node.tag === 'textarea' && prop.name === 'value' && prop.value) {
                     rawChildrenMap.set(node, shared.escapeHtml(prop.value.content));
                 }
-                else if (!hasDynamicVBind) {
+                else if (!needMergeProps) {
                     if (prop.name === 'key' || prop.name === 'ref') {
                         continue;
                     }
@@ -675,6 +457,30 @@ const ssrTransformElement = (node, context) => {
         node.ssrCodegenNode = compilerDom.createTemplateLiteral(openTag);
     };
 };
+function buildSSRProps(props, directives, context) {
+    let mergePropsArgs = [];
+    if (props) {
+        if (props.type === 14 /* JS_CALL_EXPRESSION */) {
+            // already a mergeProps call
+            mergePropsArgs = props.arguments;
+        }
+        else {
+            mergePropsArgs.push(props);
+        }
+    }
+    if (directives.length) {
+        for (const dir of directives) {
+            context.directives.add(dir.name);
+            mergePropsArgs.push(compilerDom.createCallExpression(context.helper(SSR_GET_DIRECTIVE_PROPS), [
+                `_ctx`,
+                ...compilerDom.buildDirectiveArgs(dir, context).elements
+            ]));
+        }
+    }
+    return mergePropsArgs.length > 1
+        ? compilerDom.createCallExpression(context.helper(compilerDom.MERGE_PROPS), mergePropsArgs)
+        : mergePropsArgs[0];
+}
 function isTrueFalseValue(prop) {
     if (prop.type === 7 /* DIRECTIVE */) {
         return (prop.name === 'bind' &&
@@ -735,6 +541,228 @@ function ssrProcessElement(node, context) {
     }
 }
 
+// We need to construct the slot functions in the 1st pass to ensure proper
+// scope tracking, but the children of each slot cannot be processed until
+// the 2nd pass, so we store the WIP slot functions in a weakMap during the 1st
+// pass and complete them in the 2nd pass.
+const wipMap$1 = new WeakMap();
+const componentTypeMap = new WeakMap();
+// ssr component transform is done in two phases:
+// In phase 1. we use `buildSlot` to analyze the children of the component into
+// WIP slot functions (it must be done in phase 1 because `buildSlot` relies on
+// the core transform context).
+// In phase 2. we convert the WIP slots from phase 1 into ssr-specific codegen
+// nodes.
+const ssrTransformComponent = (node, context) => {
+    if (node.type !== 1 /* ELEMENT */ ||
+        node.tagType !== 1 /* COMPONENT */) {
+        return;
+    }
+    const component = compilerDom.resolveComponentType(node, context, true /* ssr */);
+    componentTypeMap.set(node, component);
+    if (shared.isSymbol(component)) {
+        if (component === compilerDom.SUSPENSE) {
+            return ssrTransformSuspense(node, context);
+        }
+        return; // built-in component: fallthrough
+    }
+    // Build the fallback vnode-based branch for the component's slots.
+    // We need to clone the node into a fresh copy and use the buildSlots' logic
+    // to get access to the children of each slot. We then compile them with
+    // a child transform pipeline using vnode-based transforms (instead of ssr-
+    // based ones), and save the result branch (a ReturnStatement) in an array.
+    // The branch is retrieved when processing slots again in ssr mode.
+    const vnodeBranches = [];
+    const clonedNode = clone(node);
+    return function ssrPostTransformComponent() {
+        // Using the cloned node, build the normal VNode-based branches (for
+        // fallback in case the child is render-fn based). Store them in an array
+        // for later use.
+        if (clonedNode.children.length) {
+            compilerDom.buildSlots(clonedNode, context, (props, children) => {
+                vnodeBranches.push(createVNodeSlotBranch(props, children, context));
+                return compilerDom.createFunctionExpression(undefined);
+            });
+        }
+        let propsExp = `null`;
+        if (node.props.length) {
+            // note we are not passing ssr: true here because for components, v-on
+            // handlers should still be passed
+            const { props, directives } = compilerDom.buildProps(node, context);
+            if (props || directives.length) {
+                propsExp = buildSSRProps(props, directives, context);
+            }
+        }
+        const wipEntries = [];
+        wipMap$1.set(node, wipEntries);
+        const buildSSRSlotFn = (props, children, loc) => {
+            const fn = compilerDom.createFunctionExpression([props || `_`, `_push`, `_parent`, `_scopeId`], undefined, // no return, assign body later
+            true, // newline
+            true, // isSlot
+            loc);
+            wipEntries.push({
+                fn,
+                children,
+                // also collect the corresponding vnode branch built earlier
+                vnodeBranch: vnodeBranches[wipEntries.length]
+            });
+            return fn;
+        };
+        const slots = node.children.length
+            ? compilerDom.buildSlots(node, context, buildSSRSlotFn).slots
+            : `null`;
+        if (typeof component !== 'string') {
+            // dynamic component that resolved to a `resolveDynamicComponent` call
+            // expression - since the resolved result may be a plain element (string)
+            // or a VNode, handle it with `renderVNode`.
+            node.ssrCodegenNode = compilerDom.createCallExpression(context.helper(SSR_RENDER_VNODE), [
+                `_push`,
+                compilerDom.createCallExpression(context.helper(compilerDom.CREATE_VNODE), [
+                    component,
+                    propsExp,
+                    slots
+                ]),
+                `_parent`
+            ]);
+        }
+        else {
+            node.ssrCodegenNode = compilerDom.createCallExpression(context.helper(SSR_RENDER_COMPONENT), [component, propsExp, slots, `_parent`]);
+        }
+    };
+};
+function ssrProcessComponent(node, context) {
+    const component = componentTypeMap.get(node);
+    if (!node.ssrCodegenNode) {
+        // this is a built-in component that fell-through.
+        if (component === compilerDom.TELEPORT) {
+            return ssrProcessTeleport(node, context);
+        }
+        else if (component === compilerDom.SUSPENSE) {
+            return ssrProcessSuspense(node, context);
+        }
+        else if (component === compilerDom.TRANSITION_GROUP) {
+            return ssrProcessTransitionGroup(node, context);
+        }
+        else {
+            // real fall-through: Transition / KeepAlive
+            // just render its children.
+            processChildren(node.children, context);
+        }
+    }
+    else {
+        // finish up slot function expressions from the 1st pass.
+        const wipEntries = wipMap$1.get(node) || [];
+        for (let i = 0; i < wipEntries.length; i++) {
+            const { fn, children, vnodeBranch } = wipEntries[i];
+            // For each slot, we generate two branches: one SSR-optimized branch and
+            // one normal vnode-based branch. The branches are taken based on the
+            // presence of the 2nd `_push` argument (which is only present if the slot
+            // is called by `_ssrRenderSlot`.
+            fn.body = compilerDom.createIfStatement(compilerDom.createSimpleExpression(`_push`, false), processChildrenAsStatement(children, context, false, true /* withSlotScopeId */), vnodeBranch);
+        }
+        // component is inside a slot, inherit slot scope Id
+        if (context.withSlotScopeId) {
+            node.ssrCodegenNode.arguments.push(`_scopeId`);
+        }
+        if (typeof component === 'string') {
+            // static component
+            context.pushStatement(compilerDom.createCallExpression(`_push`, [node.ssrCodegenNode]));
+        }
+        else {
+            // dynamic component (`resolveDynamicComponent` call)
+            // the codegen node is a `renderVNode` call
+            context.pushStatement(node.ssrCodegenNode);
+        }
+    }
+}
+const rawOptionsMap = new WeakMap();
+const [baseNodeTransforms, baseDirectiveTransforms] = compilerDom.getBaseTransformPreset(true);
+const vnodeNodeTransforms = [...baseNodeTransforms, ...compilerDom.DOMNodeTransforms];
+const vnodeDirectiveTransforms = Object.assign(Object.assign({}, baseDirectiveTransforms), compilerDom.DOMDirectiveTransforms);
+function createVNodeSlotBranch(props, children, parentContext) {
+    // apply a sub-transform using vnode-based transforms.
+    const rawOptions = rawOptionsMap.get(parentContext.root);
+    const subOptions = Object.assign(Object.assign({}, rawOptions), { 
+        // overwrite with vnode-based transforms
+        nodeTransforms: [
+            ...vnodeNodeTransforms,
+            ...(rawOptions.nodeTransforms || [])
+        ], directiveTransforms: Object.assign(Object.assign({}, vnodeDirectiveTransforms), (rawOptions.directiveTransforms || {})) });
+    // wrap the children with a wrapper template for proper children treatment.
+    const wrapperNode = {
+        type: 1 /* ELEMENT */,
+        ns: 0 /* HTML */,
+        tag: 'template',
+        tagType: 3 /* TEMPLATE */,
+        isSelfClosing: false,
+        // important: provide v-slot="props" on the wrapper for proper
+        // scope analysis
+        props: [
+            {
+                type: 7 /* DIRECTIVE */,
+                name: 'slot',
+                exp: props,
+                arg: undefined,
+                modifiers: [],
+                loc: compilerDom.locStub
+            }
+        ],
+        children,
+        loc: compilerDom.locStub,
+        codegenNode: undefined
+    };
+    subTransform(wrapperNode, subOptions, parentContext);
+    return compilerDom.createReturnStatement(children);
+}
+function subTransform(node, options, parentContext) {
+    const childRoot = compilerDom.createRoot([node]);
+    const childContext = compilerDom.createTransformContext(childRoot, options);
+    // this sub transform is for vnode fallback branch so it should be handled
+    // like normal render functions
+    childContext.ssr = false;
+    // inherit parent scope analysis state
+    childContext.scopes = Object.assign({}, parentContext.scopes);
+    childContext.identifiers = Object.assign({}, parentContext.identifiers);
+    childContext.imports = parentContext.imports;
+    // traverse
+    compilerDom.traverseNode(childRoot, childContext);
+    ['helpers', 'components', 'directives'].forEach(key => {
+        childContext[key].forEach((value, helperKey) => {
+            if (key === 'helpers') {
+                const parentCount = parentContext.helpers.get(helperKey);
+                if (parentCount === undefined) {
+                    parentContext.helpers.set(helperKey, value);
+                }
+                else {
+                    parentContext.helpers.set(helperKey, value + parentCount);
+                }
+            }
+            else {
+                parentContext[key].add(value);
+            }
+        });
+    });
+    // imports/hoists are not merged because:
+    // - imports are only used for asset urls and should be consistent between
+    //   node/client branches
+    // - hoists are not enabled for the client branch here
+}
+function clone(v) {
+    if (shared.isArray(v)) {
+        return v.map(clone);
+    }
+    else if (shared.isObject(v)) {
+        const res = {};
+        for (const key in v) {
+            res[key] = clone(v[key]);
+        }
+        return res;
+    }
+    else {
+        return v;
+    }
+}
+
 // Because SSR codegen output is completely different from client-side output
 // (e.g. multiple elements can be concatenated into a single template literal
 // instead of each getting a corresponding call), we need to apply an extra
@@ -823,7 +851,7 @@ function processChildren(children, context, asFragment = false, disableNestedFra
                         // TODO
                         break;
                     default:
-                        context.onError(createSSRCompilerError(64 /* X_SSR_INVALID_AST_NODE */, child.loc));
+                        context.onError(createSSRCompilerError(63 /* X_SSR_INVALID_AST_NODE */, child.loc));
                         // make sure we exhaust all possible types
                         const exhaustiveCheck = child;
                         return exhaustiveCheck;
@@ -855,7 +883,7 @@ function processChildren(children, context, asFragment = false, disableNestedFra
                 // `transformText` is not used during SSR compile.
                 break;
             default:
-                context.onError(createSSRCompilerError(64 /* X_SSR_INVALID_AST_NODE */, child.loc));
+                context.onError(createSSRCompilerError(63 /* X_SSR_INVALID_AST_NODE */, child.loc));
                 // make sure we exhaust all possible types
                 const exhaustiveCheck = child;
                 return exhaustiveCheck;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-ssr",
-  "version": "3.2.26",
+  "version": "3.2.30",
   "description": "@vue/compiler-ssr",
   "main": "dist/compiler-ssr.cjs.js",
   "types": "dist/compiler-ssr.d.ts",
@@ -15,7 +15,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vuejs/vue-next.git",
+    "url": "git+https://github.com/vuejs/core.git",
     "directory": "packages/compiler-ssr"
   },
   "keywords": [
@@ -24,11 +24,11 @@
   "author": "Evan You",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vuejs/vue-next/issues"
+    "url": "https://github.com/vuejs/core/issues"
   },
-  "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/compiler-ssr#readme",
+  "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-ssr#readme",
   "dependencies": {
-    "@vue/shared": "3.2.26",
-    "@vue/compiler-dom": "3.2.26"
+    "@vue/shared": "3.2.30",
+    "@vue/compiler-dom": "3.2.30"
   }
 }