@vue/compiler-sfc 3.2.29 → 3.2.32

package/dist/compiler-sfc.esm-browser.js

@@ -363,13 +363,15 @@ function escapeHtml(string) {
  * @private
  */
 const toDisplayString = (val) => {
-    return val == null
-        ? ''
-        : isArray(val) ||
-            (isObject(val) &&
-                (val.toString === objectToString || !isFunction(val.toString)))
-            ? JSON.stringify(val, replacer, 2)
-            : String(val);
+    return isString(val)
+        ? val
+        : val == null
+            ? ''
+            : isArray(val) ||
+                (isObject(val) &&
+                    (val.toString === objectToString || !isFunction(val.toString)))
+                ? JSON.stringify(val, replacer, 2)
+                : String(val);
 };
 const replacer = (_key, val) => {
     // can't use isRef here since @vue/shared has no deps
@@ -424,6 +426,7 @@ const isReservedProp = /*#__PURE__*/ makeMap(
     'onVnodeBeforeMount,onVnodeMounted,' +
     'onVnodeBeforeUpdate,onVnodeUpdated,' +
     'onVnodeBeforeUnmount,onVnodeUnmounted');
+const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
 const cacheStringFunction = (fn) => {
     const cache = Object.create(null);
     return ((str) => {
@@ -16332,13 +16335,13 @@ const deprecationData = {
         message: `Platform-native elements with "is" prop will no longer be ` +
             `treated as components in Vue 3 unless the "is" value is explicitly ` +
             `prefixed with "vue:".`,
-        link: `https://v3.vuejs.org/guide/migration/custom-elements-interop.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html`
     },
     ["COMPILER_V_BIND_SYNC" /* COMPILER_V_BIND_SYNC */]: {
         message: key => `.sync modifier for v-bind has been removed. Use v-model with ` +
             `argument instead. \`v-bind:${key}.sync\` should be changed to ` +
             `\`v-model:${key}\`.`,
-        link: `https://v3.vuejs.org/guide/migration/v-model.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/v-model.html`
     },
     ["COMPILER_V_BIND_PROP" /* COMPILER_V_BIND_PROP */]: {
         message: `.prop modifier for v-bind has been removed and no longer necessary. ` +
@@ -16350,11 +16353,11 @@ const deprecationData = {
             `that appears before v-bind in the case of conflict. ` +
             `To retain 2.x behavior, move v-bind to make it the first attribute. ` +
             `You can also suppress this warning if the usage is intended.`,
-        link: `https://v3.vuejs.org/guide/migration/v-bind.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/v-bind.html`
     },
     ["COMPILER_V_ON_NATIVE" /* COMPILER_V_ON_NATIVE */]: {
         message: `.native modifier for v-on has been removed as is no longer necessary.`,
-        link: `https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html`
     },
     ["COMPILER_V_IF_V_FOR_PRECEDENCE" /* COMPILER_V_IF_V_FOR_PRECEDENCE */]: {
         message: `v-if / v-for precedence when used on the same element has changed ` +
@@ -16362,7 +16365,7 @@ const deprecationData = {
             `access to v-for scope variables. It is best to avoid the ambiguity ` +
             `with <template> tags or use a computed property that filters v-for ` +
             `data source.`,
-        link: `https://v3.vuejs.org/guide/migration/v-if-v-for.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/v-if-v-for.html`
     },
     ["COMPILER_NATIVE_TEMPLATE" /* COMPILER_NATIVE_TEMPLATE */]: {
         message: `<template> with no special directives will render as a native template ` +
@@ -16370,13 +16373,13 @@ const deprecationData = {
     },
     ["COMPILER_INLINE_TEMPLATE" /* COMPILER_INLINE_TEMPLATE */]: {
         message: `"inline-template" has been removed in Vue 3.`,
-        link: `https://v3.vuejs.org/guide/migration/inline-template-attribute.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html`
     },
     ["COMPILER_FILTER" /* COMPILER_FILTERS */]: {
         message: `filters have been removed in Vue 3. ` +
             `The "|" symbol will be treated as native JavaScript bitwise OR operator. ` +
             `Use method calls or computed properties instead.`,
-        link: `https://v3.vuejs.org/guide/migration/filters.html`
+        link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
     }
 };
 function getCompatValue(key, context) {
@@ -23636,7 +23639,7 @@ function buildProps(node, context, props = node.props, ssr = false) {
                     }
                 }
             }
-            else {
+            else if (!isBuiltInDirective(name)) {
                 // no built-in transform, this is a user custom directive.
                 runtimeDirectives.push(prop);
                 // custom dirs may use beforeUpdate so they need to force blocks
@@ -27492,6 +27495,7 @@ var CompilerDOM = /*#__PURE__*/Object.freeze({
   transformElement: transformElement,
   resolveComponentType: resolveComponentType,
   buildProps: buildProps,
+  buildDirectiveArgs: buildDirectiveArgs,
   processSlotOutlet: processSlotOutlet,
   generateCodeFrame: generateCodeFrame,
   checkCompatEnabled: checkCompatEnabled,
@@ -33304,6 +33308,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`,
@@ -33321,7 +33326,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!
@@ -33547,224 +33553,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 = resolveComponentType(node, context, true /* ssr */);
-    componentTypeMap.set(node, component);
-    if (isSymbol(component)) {
-        if (component === 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) {
-            buildSlots(clonedNode, context, (props, children) => {
-                vnodeBranches.push(createVNodeSlotBranch(props, children, context));
-                return 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
-                buildProps(node, context).props || `null`
-            : `null`;
-        const wipEntries = [];
-        wipMap$1.set(node, wipEntries);
-        const buildSSRSlotFn = (props, children, loc) => {
-            const fn = 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
-            ? 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 = createCallExpression(context.helper(SSR_RENDER_VNODE), [
-                `_push`,
-                createCallExpression(context.helper(CREATE_VNODE), [
-                    component,
-                    props,
-                    slots
-                ]),
-                `_parent`
-            ]);
-        }
-        else {
-            node.ssrCodegenNode = 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 === TELEPORT) {
-            return ssrProcessTeleport(node, context);
-        }
-        else if (component === SUSPENSE) {
-            return ssrProcessSuspense(node, context);
-        }
-        else if (component === 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 = createIfStatement(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(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] = getBaseTransformPreset(true);
-const vnodeNodeTransforms = [...baseNodeTransforms, ...DOMNodeTransforms];
-const vnodeDirectiveTransforms = Object.assign(Object.assign({}, baseDirectiveTransforms), 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: locStub
-            }
-        ],
-        children,
-        loc: locStub,
-        codegenNode: undefined
-    };
-    subTransform(wrapperNode, subOptions, parentContext);
-    return createReturnStatement(children);
-}
-function subTransform(node, options, parentContext) {
-    const childRoot = createRoot([node]);
-    const childContext = 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
-    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 (isArray(v)) {
-        return v.map(clone);
-    }
-    else if (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();
@@ -33779,14 +33567,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 = hasDynamicKeyVBind(node);
-        if (hasDynamicVBind) {
-            const { props } = buildProps(node, context, node.props, true /* ssr */);
-            if (props) {
-                const propsExp = createCallExpression(context.helper(SSR_RENDER_ATTRS), [props]);
+        const hasCustomDir = node.props.some(p => p.type === 7 /* DIRECTIVE */ && !isBuiltInDirective(p.name));
+        const needMergeProps = hasDynamicVBind || hasCustomDir;
+        if (needMergeProps) {
+            const { props, directives } = buildProps(node, context, node.props, true /* ssr */);
+            if (props || directives.length) {
+                const mergedProps = buildSSRProps(props, directives, context);
+                const propsExp = createCallExpression(context.helper(SSR_RENDER_ATTRS), [mergedProps]);
                 if (node.tag === 'textarea') {
                     const existingText = node.children[0];
                     // If interpolation, this is dynamic <textarea> content, potentially
@@ -33798,7 +33589,7 @@ const ssrTransformElement = (node, context) => {
                         // it contains value (if yes, render is as children).
                         const tempId = `_temp${context.temps++}`;
                         propsExp.arguments = [
-                            createAssignmentExpression(createSimpleExpression(tempId, false), props)
+                            createAssignmentExpression(createSimpleExpression(tempId, false), mergedProps)
                         ];
                         rawChildrenMap.set(node, createCallExpression(context.helper(SSR_INTERPOLATE), [
                             createConditionalExpression(createSimpleExpression(`"value" in ${tempId}`, false), createSimpleExpression(`${tempId}.value`, false), createSimpleExpression(existingText ? existingText.content : ``, true), false)
@@ -33816,7 +33607,7 @@ const ssrTransformElement = (node, context) => {
                         const tempExp = createSimpleExpression(tempId, false);
                         propsExp.arguments = [
                             createSequenceExpression([
-                                createAssignmentExpression(tempExp, props),
+                                createAssignmentExpression(tempExp, mergedProps),
                                 createCallExpression(context.helper(MERGE_PROPS), [
                                     tempExp,
                                     createCallExpression(context.helper(SSR_GET_DYNAMIC_MODEL_PROPS), [
@@ -33858,11 +33649,11 @@ const ssrTransformElement = (node, context) => {
                     context.onError(createCompilerError(40 /* X_V_SLOT_MISPLACED */, prop.loc));
                 }
                 else if (isTextareaWithValue(node, prop) && prop.exp) {
-                    if (!hasDynamicVBind) {
+                    if (!needMergeProps) {
                         node.children = [createInterpolation(prop.exp, prop.loc)];
                     }
                 }
-                else if (!hasDynamicVBind) {
+                else if (!needMergeProps) {
                     // Directive transforms.
                     const directiveTransform = context.directiveTransforms[prop.name];
                     if (directiveTransform) {
@@ -33928,7 +33719,7 @@ const ssrTransformElement = (node, context) => {
                 if (node.tag === 'textarea' && prop.name === 'value' && prop.value) {
                     rawChildrenMap.set(node, escapeHtml(prop.value.content));
                 }
-                else if (!hasDynamicVBind) {
+                else if (!needMergeProps) {
                     if (prop.name === 'key' || prop.name === 'ref') {
                         continue;
                     }
@@ -33952,6 +33743,29 @@ const ssrTransformElement = (node, context) => {
         node.ssrCodegenNode = 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) {
+            mergePropsArgs.push(createCallExpression(context.helper(SSR_GET_DIRECTIVE_PROPS), [
+                `_ctx`,
+                ...buildDirectiveArgs(dir, context).elements
+            ]));
+        }
+    }
+    return mergePropsArgs.length > 1
+        ? createCallExpression(context.helper(MERGE_PROPS), mergePropsArgs)
+        : mergePropsArgs[0];
+}
 function isTrueFalseValue(prop) {
     if (prop.type === 7 /* DIRECTIVE */) {
         return (prop.name === 'bind' &&
@@ -34012,6 +33826,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 = resolveComponentType(node, context, true /* ssr */);
+    componentTypeMap.set(node, component);
+    if (isSymbol(component)) {
+        if (component === 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) {
+            buildSlots(clonedNode, context, (props, children) => {
+                vnodeBranches.push(createVNodeSlotBranch(props, children, context));
+                return 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 } = 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 = 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
+            ? 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 = createCallExpression(context.helper(SSR_RENDER_VNODE), [
+                `_push`,
+                createCallExpression(context.helper(CREATE_VNODE), [
+                    component,
+                    propsExp,
+                    slots
+                ]),
+                `_parent`
+            ]);
+        }
+        else {
+            node.ssrCodegenNode = 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 === TELEPORT) {
+            return ssrProcessTeleport(node, context);
+        }
+        else if (component === SUSPENSE) {
+            return ssrProcessSuspense(node, context);
+        }
+        else if (component === 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 = createIfStatement(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(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] = getBaseTransformPreset(true);
+const vnodeNodeTransforms = [...baseNodeTransforms, ...DOMNodeTransforms];
+const vnodeDirectiveTransforms = Object.assign(Object.assign({}, baseDirectiveTransforms), 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: locStub
+            }
+        ],
+        children,
+        loc: locStub,
+        codegenNode: undefined
+    };
+    subTransform(wrapperNode, subOptions, parentContext);
+    return createReturnStatement(children);
+}
+function subTransform(node, options, parentContext) {
+    const childRoot = createRoot([node]);
+    const childContext = 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
+    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 (isArray(v)) {
+        return v.map(clone);
+    }
+    else if (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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.29",
+  "version": "3.2.32",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -33,11 +33,11 @@
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme",
   "dependencies": {
     "@babel/parser": "^7.16.4",
-    "@vue/compiler-core": "3.2.29",
-    "@vue/compiler-dom": "3.2.29",
-    "@vue/compiler-ssr": "3.2.29",
-    "@vue/reactivity-transform": "3.2.29",
-    "@vue/shared": "3.2.29",
+    "@vue/compiler-core": "3.2.32",
+    "@vue/compiler-dom": "3.2.32",
+    "@vue/compiler-ssr": "3.2.32",
+    "@vue/reactivity-transform": "3.2.32",
+    "@vue/shared": "3.2.32",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7",
     "source-map": "^0.6.1",