@vue/compiler-sfc 3.2.34-beta.1 → 3.2.36

package/dist/compiler-sfc.cjs.js

@@ -3264,7 +3264,7 @@ function patchErrors(errors, source, inMap) {
 }
 
 const defaultExportRE = /((?:^|\n|;)\s*)export(\s*)default/;
-const namedDefaultExportRE = /((?:^|\n|;)\s*)export(.+)as(\s*)default/s;
+const namedDefaultExportRE = /((?:^|\n|;)\s*)export(.+)(?:as)?(\s*)default/s;
 const exportDefaultClassRE = /((?:^|\n|;)\s*)export\s+default\s+class\s+([\w$]+)/;
 /**
  * Utility for rewriting `export default` in a script block into a variable
@@ -3299,21 +3299,56 @@ function rewriteDefault(input, as, parserPlugins) {
             s.overwrite(node.start, node.declaration.start, `const ${as} = `);
         }
         if (node.type === 'ExportNamedDeclaration') {
-            node.specifiers.forEach(specifier => {
+            for (const specifier of node.specifiers) {
                 if (specifier.type === 'ExportSpecifier' &&
                     specifier.exported.type === 'Identifier' &&
                     specifier.exported.name === 'default') {
-                    const end = specifier.end;
-                    s.overwrite(specifier.start, input.charAt(end) === ',' ? end + 1 : end, ``);
+                    if (node.source) {
+                        if (specifier.local.name === 'default') {
+                            const end = specifierEnd(input, specifier.local.end, node.end);
+                            s.prepend(`import { default as __VUE_DEFAULT__ } from '${node.source.value}'\n`);
+                            s.overwrite(specifier.start, end, ``);
+                            s.append(`\nconst ${as} = __VUE_DEFAULT__`);
+                            continue;
+                        }
+                        else {
+                            const end = specifierEnd(input, specifier.exported.end, node.end);
+                            s.prepend(`import { ${input.slice(specifier.local.start, specifier.local.end)} } from '${node.source.value}'\n`);
+                            s.overwrite(specifier.start, end, ``);
+                            s.append(`\nconst ${as} = ${specifier.local.name}`);
+                            continue;
+                        }
+                    }
+                    const end = specifierEnd(input, specifier.end, node.end);
+                    s.overwrite(specifier.start, end, ``);
                     s.append(`\nconst ${as} = ${specifier.local.name}`);
                 }
-            });
+            }
         }
     });
     return s.toString();
 }
 function hasDefaultExport(input) {
     return defaultExportRE.test(input) || namedDefaultExportRE.test(input);
+}
+function specifierEnd(input, end, nodeEnd) {
+    // export { default   , foo } ...
+    let hasCommas = false;
+    let oldEnd = end;
+    while (end < nodeEnd) {
+        if (/\s/.test(input.charAt(end))) {
+            end++;
+        }
+        else if (input.charAt(end) === ',') {
+            end++;
+            hasCommas = true;
+            break;
+        }
+        else if (input.charAt(end) === '}') {
+            break;
+        }
+    }
+    return hasCommas ? end : oldEnd;
 }
 
 // Special compiler macros
@@ -3323,13 +3358,14 @@ const DEFINE_EXPOSE = 'defineExpose';
 const WITH_DEFAULTS = 'withDefaults';
 // constants
 const DEFAULT_VAR = `__default__`;
-const isBuiltInDir = shared.makeMap(`once,memo,if,else,else-if,slot,text,html,on,bind,model,show,cloak,is`);
+const isBuiltInDir = shared.makeMap(`once,memo,if,for,else,else-if,slot,text,html,on,bind,model,show,cloak,is`);
 /**
  * Compile `<script setup>`
  * It requires the whole SFC descriptor because we need to handle and merge
  * normal `<script>` + `<script setup>` if both are present.
  */
 function compileScript(sfc, options) {
+    var _a;
     let { script, scriptSetup, source, filename } = sfc;
     // feature flags
     // TODO remove support for deprecated options when out of experimental
@@ -4202,7 +4238,7 @@ function compileScript(sfc, options) {
     // 8. inject `useCssVars` calls
     if (cssVars.length &&
         // no need to do this when targeting SSR
-        !(options.inlineTemplate && options.templateOptions?.ssr)) {
+        !(options.inlineTemplate && ((_a = options.templateOptions) === null || _a === void 0 ? void 0 : _a.ssr))) {
         helperImports.add(CSS_VARS_HELPER);
         helperImports.add('unref');
         s.prependRight(startOffset, `\n${genCssVarsCode(cssVars, bindingMetadata, scopeId, isProd)}\n`);
@@ -4410,8 +4446,8 @@ function compileScript(sfc, options) {
                 includeContent: true
             })
             : undefined,
-        scriptAst: scriptAst?.body,
-        scriptSetupAst: scriptSetupAst?.body
+        scriptAst: scriptAst === null || scriptAst === void 0 ? void 0 : scriptAst.body,
+        scriptSetupAst: scriptSetupAst === null || scriptSetupAst === void 0 ? void 0 : scriptSetupAst.body
     };
 }
 function registerBinding(bindings, node, type) {
@@ -4616,6 +4652,7 @@ function inferRuntimeType(node, declaredTypes) {
                     case 'WeakSet':
                     case 'WeakMap':
                     case 'Date':
+                    case 'Promise':
                         return [node.typeName.name];
                     case 'Record':
                     case 'Partial':
@@ -4853,7 +4890,7 @@ function resolveTemplateUsageCheckString(sfc) {
                                 code += `,v${shared.capitalize(shared.camelize(prop.name))}`;
                             }
                             if (prop.exp) {
-                                code += `,${processExp(prop.exp.content)}`;
+                                code += `,${processExp(prop.exp.content, prop.name)}`;
                             }
                         }
                     }
@@ -4868,8 +4905,19 @@ function resolveTemplateUsageCheckString(sfc) {
     templateUsageCheckCache.set(content, code);
     return code;
 }
-function processExp(exp) {
-    if (/ as \w|<.*>/.test(exp)) {
+const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
+function processExp(exp, dir) {
+    if (/ as\s+\w|<.*>|:/.test(exp)) {
+        if (dir === 'slot') {
+            exp = `(${exp})=>{}`;
+        }
+        else if (dir === 'for') {
+            const inMatch = exp.match(forAliasRE);
+            if (inMatch) {
+                const [, LHS, RHS] = inMatch;
+                return processExp(`(${LHS})=>{}`) + processExp(RHS);
+            }
+        }
         let ret = '';
         // has potential type cast or generic arguments that uses types
         const ast = parser$2.parseExpression(exp, { plugins: ['typescript'] });

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

@@ -17347,6 +17347,14 @@ function getConstantType(node, context) {
                 // static then they don't need to be blocks since there will be no
                 // nested updates.
                 if (codegenNode.isBlock) {
+                    // except set custom directives.
+                    for (let i = 0; i < node.props.length; i++) {
+                        const p = node.props[i];
+                        if (p.type === 7 /* DIRECTIVE */) {
+                            constantCache.set(node, 0 /* NOT_CONSTANT */);
+                            return 0 /* NOT_CONSTANT */;
+                        }
+                    }
                     context.removeHelper(OPEN_BLOCK);
                     context.removeHelper(getVNodeBlockHelper(context.inSSR, codegenNode.isComponent));
                     codegenNode.isBlock = false;
@@ -23271,7 +23279,7 @@ const transformElement = (node, context) => {
                 (tag === 'svg' || tag === 'foreignObject'));
         // props
         if (props.length > 0) {
-            const propsBuildResult = buildProps(node, context);
+            const propsBuildResult = buildProps(node, context, undefined, isComponent, isDynamicComponent);
             vnodeProps = propsBuildResult.props;
             patchFlag = propsBuildResult.patchFlag;
             dynamicPropNames = propsBuildResult.dynamicPropNames;
@@ -23472,9 +23480,8 @@ function resolveSetupReference(name, context) {
             : `$setup[${JSON.stringify(fromMaybeRef)}]`;
     }
 }
-function buildProps(node, context, props = node.props, ssr = false) {
+function buildProps(node, context, props = node.props, isComponent, isDynamicComponent, ssr = false) {
     const { tag, loc: elementLoc, children } = node;
-    const isComponent = node.tagType === 1 /* COMPONENT */;
     let properties = [];
     const mergeArgs = [];
     const runtimeDirectives = [];
@@ -23493,8 +23500,8 @@ function buildProps(node, context, props = node.props, ssr = false) {
         if (isStaticExp(key)) {
             const name = key.content;
             const isEventHandler = isOn(name);
-            if (!isComponent &&
-                isEventHandler &&
+            if (isEventHandler &&
+                (!isComponent || isDynamicComponent) &&
                 // omit the flag for click handlers because hydration gives click
                 // dedicated fast path.
                 name.toLowerCase() !== 'onclick' &&
@@ -23918,7 +23925,7 @@ function processSlotOutlet(node, context) {
         }
     }
     if (nonNameProps.length > 0) {
-        const { props, directives } = buildProps(node, context, nonNameProps);
+        const { props, directives } = buildProps(node, context, nonNameProps, false, false);
         slotProps = props;
         if (directives.length) {
             context.onError(createCompilerError(36 /* X_V_SLOT_UNEXPECTED_DIRECTIVE_ON_SLOT_OUTLET */, directives[0].loc));
@@ -33424,7 +33431,7 @@ function processIfBranch(branch, context, disableNestedFragments = false) {
         (children.length !== 1 || children[0].type !== 1 /* ELEMENT */) &&
         // optimize away nested fragments when the only child is a ForNode
         !(children.length === 1 && children[0].type === 11 /* FOR */);
-    return processChildrenAsStatement(children, context, needFragmentWrapper);
+    return processChildrenAsStatement(branch, context, needFragmentWrapper);
 }
 
 // Plugin for the first transform pass, which simply constructs the AST node
@@ -33435,7 +33442,7 @@ function ssrProcessFor(node, context, disableNestedFragments = false) {
     const needFragmentWrapper = !disableNestedFragments &&
         (node.children.length !== 1 || node.children[0].type !== 1 /* ELEMENT */);
     const renderLoop = createFunctionExpression(createForLoopParams(node.parseResult));
-    renderLoop.body = processChildrenAsStatement(node.children, context, needFragmentWrapper);
+    renderLoop.body = processChildrenAsStatement(node, context, needFragmentWrapper);
     // v-for always renders a fragment unless explicitly disabled
     if (!disableNestedFragments) {
         context.pushStringPart(`<!--[-->`);
@@ -33486,7 +33493,7 @@ function ssrProcessSlotOutlet(node, context) {
     // has fallback content
     if (node.children.length) {
         const fallbackRenderFn = createFunctionExpression([]);
-        fallbackRenderFn.body = processChildrenAsStatement(node.children, context);
+        fallbackRenderFn.body = processChildrenAsStatement(node, context);
         // _renderSlot(slots, name, props, fallback, ...)
         renderCall.arguments[3] = fallbackRenderFn;
     }
@@ -33538,7 +33545,7 @@ function ssrProcessTeleport(node, context) {
     true, // newline
     false, // isSlot
     node.loc);
-    contentRenderFn.body = processChildrenAsStatement(node.children, context);
+    contentRenderFn.body = processChildrenAsStatement(node, context);
     context.pushStatement(createCallExpression(context.helper(SSR_RENDER_TELEPORT), [
         `_push`,
         contentRenderFn,
@@ -33581,8 +33588,8 @@ function ssrProcessSuspense(node, context) {
     }
     const { slotsExp, wipSlots } = wipEntry;
     for (let i = 0; i < wipSlots.length; i++) {
-        const { fn, children } = wipSlots[i];
-        fn.body = processChildrenAsStatement(children, context);
+        const slot = wipSlots[i];
+        slot.fn.body = processChildrenAsStatement(slot, context);
     }
     // _push(ssrRenderSuspense(slots))
     context.pushStatement(createCallExpression(context.helper(SSR_RENDER_SUSPENSE), [
@@ -33591,39 +33598,6 @@ function ssrProcessSuspense(node, context) {
     ]));
 }
 
-function ssrProcessTransitionGroup(node, context) {
-    const tag = findProp(node, 'tag');
-    if (tag) {
-        if (tag.type === 7 /* DIRECTIVE */) {
-            // dynamic :tag
-            context.pushStringPart(`<`);
-            context.pushStringPart(tag.exp);
-            context.pushStringPart(`>`);
-            processChildren(node.children, context, false, 
-            /**
-             * TransitionGroup has the special runtime behavior of flattening and
-             * concatenating all children into a single fragment (in order for them to
-             * be patched using the same key map) so we need to account for that here
-             * by disabling nested fragment wrappers from being generated.
-             */
-            true);
-            context.pushStringPart(`</`);
-            context.pushStringPart(tag.exp);
-            context.pushStringPart(`>`);
-        }
-        else {
-            // static tag
-            context.pushStringPart(`<${tag.value.content}>`);
-            processChildren(node.children, context, false, true);
-            context.pushStringPart(`</${tag.value.content}>`);
-        }
-    }
-    else {
-        // fragment
-        processChildren(node.children, context, true, true);
-    }
-}
-
 // 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();
@@ -33645,7 +33619,7 @@ const ssrTransformElement = (node, context) => {
         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 */);
+            const { props, directives } = buildProps(node, context, node.props, false /* isComponent */, false /* isDynamicComponent */, true /* ssr */);
             if (props || directives.length) {
                 const mergedProps = buildSSRProps(props, directives, context);
                 const propsExp = createCallExpression(context.helper(SSR_RENDER_ATTRS), [mergedProps]);
@@ -33724,7 +33698,7 @@ const ssrTransformElement = (node, context) => {
                         node.children = [createInterpolation(prop.exp, prop.loc)];
                     }
                 }
-                else if (!needMergeProps) {
+                else if (!needMergeProps && prop.name !== 'on') {
                     // Directive transforms.
                     const directiveTransform = context.directiveTransforms[prop.name];
                     if (directiveTransform) {
@@ -33889,7 +33863,7 @@ function ssrProcessElement(node, context) {
         context.pushStringPart(rawChildren);
     }
     else if (node.children.length) {
-        processChildren(node.children, context);
+        processChildren(node, context);
     }
     if (!isVoidTag(node.tag)) {
         // push closing tag
@@ -33897,11 +33871,75 @@ function ssrProcessElement(node, context) {
     }
 }
 
+const wipMap$1 = new WeakMap();
+// phase 1: build props
+function ssrTransformTransitionGroup(node, context) {
+    return () => {
+        const tag = findProp(node, 'tag');
+        if (tag) {
+            const otherProps = node.props.filter(p => p !== tag);
+            const { props, directives } = buildProps(node, context, otherProps, true, /* isComponent */ false, /* isDynamicComponent */ true /* ssr (skip event listeners) */);
+            let propsExp = null;
+            if (props || directives.length) {
+                propsExp = createCallExpression(context.helper(SSR_RENDER_ATTRS), [
+                    buildSSRProps(props, directives, context)
+                ]);
+            }
+            wipMap$1.set(node, {
+                tag,
+                propsExp
+            });
+        }
+    };
+}
+// phase 2: process children
+function ssrProcessTransitionGroup(node, context) {
+    const entry = wipMap$1.get(node);
+    if (entry) {
+        const { tag, propsExp } = entry;
+        if (tag.type === 7 /* DIRECTIVE */) {
+            // dynamic :tag
+            context.pushStringPart(`<`);
+            context.pushStringPart(tag.exp);
+            if (propsExp) {
+                context.pushStringPart(propsExp);
+            }
+            context.pushStringPart(`>`);
+            processChildren(node, context, false, 
+            /**
+             * TransitionGroup has the special runtime behavior of flattening and
+             * concatenating all children into a single fragment (in order for them to
+             * be patched using the same key map) so we need to account for that here
+             * by disabling nested fragment wrappers from being generated.
+             */
+            true);
+            context.pushStringPart(`</`);
+            context.pushStringPart(tag.exp);
+            context.pushStringPart(`>`);
+        }
+        else {
+            // static tag
+            context.pushStringPart(`<${tag.value.content}`);
+            if (propsExp) {
+                context.pushStringPart(propsExp);
+            }
+            context.pushStringPart(`>`);
+            processChildren(node, context, false, true);
+            context.pushStringPart(`</${tag.value.content}>`);
+        }
+    }
+    else {
+        // fragment
+        processChildren(node, context, true, true);
+    }
+}
+
 // 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 wipMap$2 = new WeakMap();
+const WIP_SLOT = Symbol();
 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
@@ -33915,12 +33953,16 @@ const ssrTransformComponent = (node, context) => {
         return;
     }
     const component = resolveComponentType(node, context, true /* ssr */);
+    const isDynamicComponent = isObject(component) && component.callee === RESOLVE_DYNAMIC_COMPONENT;
     componentTypeMap.set(node, component);
     if (isSymbol(component)) {
         if (component === SUSPENSE) {
             return ssrTransformSuspense(node, context);
         }
-        return; // built-in component: fallthrough
+        if (component === TRANSITION_GROUP) {
+            return ssrTransformTransitionGroup(node, context);
+        }
+        return; // other built-in components: 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
@@ -33944,19 +33986,20 @@ const ssrTransformComponent = (node, context) => {
         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);
+            const { props, directives } = buildProps(node, context, undefined, true, isDynamicComponent);
             if (props || directives.length) {
                 propsExp = buildSSRProps(props, directives, context);
             }
         }
         const wipEntries = [];
-        wipMap$1.set(node, wipEntries);
+        wipMap$2.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({
+                type: WIP_SLOT,
                 fn,
                 children,
                 // also collect the corresponding vnode branch built earlier
@@ -33986,7 +34029,7 @@ const ssrTransformComponent = (node, context) => {
         }
     };
 };
-function ssrProcessComponent(node, context) {
+function ssrProcessComponent(node, context, parent) {
     const component = componentTypeMap.get(node);
     if (!node.ssrCodegenNode) {
         // this is a built-in component that fell-through.
@@ -34002,19 +34045,29 @@ function ssrProcessComponent(node, context) {
         else {
             // real fall-through: Transition / KeepAlive
             // just render its children.
-            processChildren(node.children, context);
+            // #5352: if is at root level of a slot, push an empty string.
+            // this does not affect the final output, but avoids all-comment slot
+            // content of being treated as empty by ssrRenderSlot().
+            if (parent.type === WIP_SLOT) {
+                context.pushStringPart(``);
+            }
+            // #5351: filter out comment children inside transition
+            if (component === TRANSITION) {
+                node.children = node.children.filter(c => c.type !== 3 /* COMMENT */);
+            }
+            processChildren(node, context);
         }
     }
     else {
         // finish up slot function expressions from the 1st pass.
-        const wipEntries = wipMap$1.get(node) || [];
+        const wipEntries = wipMap$2.get(node) || [];
         for (let i = 0; i < wipEntries.length; i++) {
-            const { fn, children, vnodeBranch } = wipEntries[i];
+            const { fn, 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);
+            fn.body = createIfStatement(createSimpleExpression(`_push`, false), processChildrenAsStatement(wipEntries[i], context, false, true /* withSlotScopeId */), vnodeBranch);
         }
         // component is inside a slot, inherit slot scope Id
         if (context.withSlotScopeId) {
@@ -34134,7 +34187,7 @@ function ssrCodegenTransform(ast, options) {
         context.body.push(createCompoundExpression([`const _cssVars = { style: `, varsExp, `}`]));
     }
     const isFragment = ast.children.length > 1 && ast.children.some(c => !isText(c));
-    processChildren(ast.children, context, isFragment);
+    processChildren(ast, context, isFragment);
     ast.codegenNode = createBlockStatement(context.body);
     // Finalize helpers.
     // We need to separate helpers imported from 'vue' vs. '@vue/server-renderer'
@@ -34185,10 +34238,11 @@ function createChildContext(parent, withSlotScopeId = parent.withSlotScopeId) {
     // ensure child inherits parent helpers
     return createSSRTransformContext(parent.root, parent.options, parent.helpers, withSlotScopeId);
 }
-function processChildren(children, context, asFragment = false, disableNestedFragments = false) {
+function processChildren(parent, context, asFragment = false, disableNestedFragments = false) {
     if (asFragment) {
         context.pushStringPart(`<!--[-->`);
     }
+    const { children } = parent;
     for (let i = 0; i < children.length; i++) {
         const child = children[i];
         switch (child.type) {
@@ -34198,7 +34252,7 @@ function processChildren(children, context, asFragment = false, disableNestedFra
                         ssrProcessElement(child, context);
                         break;
                     case 1 /* COMPONENT */:
-                        ssrProcessComponent(child, context);
+                        ssrProcessComponent(child, context, parent);
                         break;
                     case 2 /* SLOT */:
                         ssrProcessSlotOutlet(child, context);
@@ -34249,9 +34303,9 @@ function processChildren(children, context, asFragment = false, disableNestedFra
         context.pushStringPart(`<!--]-->`);
     }
 }
-function processChildrenAsStatement(children, parentContext, asFragment = false, withSlotScopeId = parentContext.withSlotScopeId) {
+function processChildrenAsStatement(parent, parentContext, asFragment = false, withSlotScopeId = parentContext.withSlotScopeId) {
     const childContext = createChildContext(parentContext, withSlotScopeId);
-    processChildren(children, childContext, asFragment);
+    processChildren(parent, childContext, asFragment);
     return createBlockStatement(childContext.body);
 }
 
@@ -34370,7 +34424,8 @@ const ssrTransformShow = (dir, node, context) => {
     };
 };
 
-const hasSingleChild = (node) => node.children.filter(n => n.type !== 3 /* COMMENT */).length === 1;
+const filterChild = (node) => node.children.filter(n => n.type !== 3 /* COMMENT */);
+const hasSingleChild = (node) => filterChild(node).length === 1;
 const ssrInjectFallthroughAttrs = (node, context) => {
     // _attrs is provided as a function argument.
     // mark it as a known identifier so that it doesn't get prefixed by
@@ -34382,16 +34437,37 @@ const ssrInjectFallthroughAttrs = (node, context) => {
         node.tagType === 1 /* COMPONENT */ &&
         (isBuiltInType(node.tag, 'Transition') ||
             isBuiltInType(node.tag, 'KeepAlive'))) {
-        if (hasSingleChild(node)) {
-            injectFallthroughAttrs(node.children[0]);
+        const rootChildren = filterChild(context.root);
+        if (rootChildren.length === 1 && rootChildren[0] === node) {
+            if (hasSingleChild(node)) {
+                injectFallthroughAttrs(node.children[0]);
+            }
+            return;
         }
-        return;
     }
     const parent = context.parent;
     if (!parent || parent.type !== 0 /* ROOT */) {
         return;
     }
     if (node.type === 10 /* IF_BRANCH */ && hasSingleChild(node)) {
+        // detect cases where the parent v-if is not the only root level node
+        let hasEncounteredIf = false;
+        for (const c of filterChild(parent)) {
+            if (c.type === 9 /* IF */ ||
+                (c.type === 1 /* ELEMENT */ && findDir(c, 'if'))) {
+                // multiple root v-if
+                if (hasEncounteredIf)
+                    return;
+                hasEncounteredIf = true;
+            }
+            else if (
+            // node before v-if
+            !hasEncounteredIf ||
+                // non else nodes
+                !(c.type === 1 /* ELEMENT */ && findDir(c, /else/, true))) {
+                return;
+            }
+        }
         injectFallthroughAttrs(node.children[0]);
     }
     else if (hasSingleChild(parent)) {
@@ -34492,11 +34568,12 @@ function compile$1(template, options = {}) {
             ...(options.nodeTransforms || []) // user transforms
         ], directiveTransforms: Object.assign({ 
             // reusing core v-bind
-            bind: transformBind, 
+            bind: transformBind, on: transformOn, 
             // model and show has dedicated SSR handling
             model: ssrTransformModel, show: ssrTransformShow, 
             // the following are ignored during SSR
-            on: noopDirectiveTransform, cloak: noopDirectiveTransform, once: noopDirectiveTransform, memo: noopDirectiveTransform }, (options.directiveTransforms || {}) // user transforms
+            // on: noopDirectiveTransform,
+            cloak: noopDirectiveTransform, once: noopDirectiveTransform, memo: noopDirectiveTransform }, (options.directiveTransforms || {}) // user transforms
         ) }));
     // traverse the template AST and convert into SSR codegen AST
     // by replacing ast.codegenNode.
@@ -34704,7 +34781,7 @@ function patchErrors(errors, source, inMap) {
 }
 
 const defaultExportRE = /((?:^|\n|;)\s*)export(\s*)default/;
-const namedDefaultExportRE = /((?:^|\n|;)\s*)export(.+)as(\s*)default/s;
+const namedDefaultExportRE = /((?:^|\n|;)\s*)export(.+)(?:as)?(\s*)default/s;
 const exportDefaultClassRE = /((?:^|\n|;)\s*)export\s+default\s+class\s+([\w$]+)/;
 /**
  * Utility for rewriting `export default` in a script block into a variable
@@ -34739,21 +34816,56 @@ function rewriteDefault(input, as, parserPlugins) {
             s.overwrite(node.start, node.declaration.start, `const ${as} = `);
         }
         if (node.type === 'ExportNamedDeclaration') {
-            node.specifiers.forEach(specifier => {
+            for (const specifier of node.specifiers) {
                 if (specifier.type === 'ExportSpecifier' &&
                     specifier.exported.type === 'Identifier' &&
                     specifier.exported.name === 'default') {
-                    const end = specifier.end;
-                    s.overwrite(specifier.start, input.charAt(end) === ',' ? end + 1 : end, ``);
+                    if (node.source) {
+                        if (specifier.local.name === 'default') {
+                            const end = specifierEnd(input, specifier.local.end, node.end);
+                            s.prepend(`import { default as __VUE_DEFAULT__ } from '${node.source.value}'\n`);
+                            s.overwrite(specifier.start, end, ``);
+                            s.append(`\nconst ${as} = __VUE_DEFAULT__`);
+                            continue;
+                        }
+                        else {
+                            const end = specifierEnd(input, specifier.exported.end, node.end);
+                            s.prepend(`import { ${input.slice(specifier.local.start, specifier.local.end)} } from '${node.source.value}'\n`);
+                            s.overwrite(specifier.start, end, ``);
+                            s.append(`\nconst ${as} = ${specifier.local.name}`);
+                            continue;
+                        }
+                    }
+                    const end = specifierEnd(input, specifier.end, node.end);
+                    s.overwrite(specifier.start, end, ``);
                     s.append(`\nconst ${as} = ${specifier.local.name}`);
                 }
-            });
+            }
         }
     });
     return s.toString();
 }
 function hasDefaultExport(input) {
     return defaultExportRE.test(input) || namedDefaultExportRE.test(input);
+}
+function specifierEnd(input, end, nodeEnd) {
+    // export { default   , foo } ...
+    let hasCommas = false;
+    let oldEnd = end;
+    while (end < nodeEnd) {
+        if (/\s/.test(input.charAt(end))) {
+            end++;
+        }
+        else if (input.charAt(end) === ',') {
+            end++;
+            hasCommas = true;
+            break;
+        }
+        else if (input.charAt(end) === '}') {
+            break;
+        }
+    }
+    return hasCommas ? end : oldEnd;
 }
 
 const CONVERT_SYMBOL = '$';
@@ -35280,7 +35392,7 @@ const DEFINE_EXPOSE = 'defineExpose';
 const WITH_DEFAULTS = 'withDefaults';
 // constants
 const DEFAULT_VAR = `__default__`;
-const isBuiltInDir = makeMap(`once,memo,if,else,else-if,slot,text,html,on,bind,model,show,cloak,is`);
+const isBuiltInDir = makeMap(`once,memo,if,for,else,else-if,slot,text,html,on,bind,model,show,cloak,is`);
 /**
  * Compile `<script setup>`
  * It requires the whole SFC descriptor because we need to handle and merge
@@ -36545,6 +36657,7 @@ function inferRuntimeType(node, declaredTypes) {
                     case 'WeakSet':
                     case 'WeakMap':
                     case 'Date':
+                    case 'Promise':
                         return [node.typeName.name];
                     case 'Record':
                     case 'Partial':
@@ -36782,7 +36895,7 @@ function resolveTemplateUsageCheckString(sfc) {
                                 code += `,v${capitalize(camelize(prop.name))}`;
                             }
                             if (prop.exp) {
-                                code += `,${processExp(prop.exp.content)}`;
+                                code += `,${processExp(prop.exp.content, prop.name)}`;
                             }
                         }
                     }
@@ -36797,8 +36910,19 @@ function resolveTemplateUsageCheckString(sfc) {
     templateUsageCheckCache.set(content, code);
     return code;
 }
-function processExp(exp) {
-    if (/ as \w|<.*>/.test(exp)) {
+const forAliasRE$1 = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
+function processExp(exp, dir) {
+    if (/ as\s+\w|<.*>|:/.test(exp)) {
+        if (dir === 'slot') {
+            exp = `(${exp})=>{}`;
+        }
+        else if (dir === 'for') {
+            const inMatch = exp.match(forAliasRE$1);
+            if (inMatch) {
+                const [, LHS, RHS] = inMatch;
+                return processExp(`(${LHS})=>{}`) + processExp(RHS);
+            }
+        }
         let ret = '';
         // has potential type cast or generic arguments that uses types
         const ast = parseExpression_1(exp, { plugins: ['typescript'] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.2.34-beta.1",
+  "version": "3.2.36",
   "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.34-beta.1",
-    "@vue/compiler-dom": "3.2.34-beta.1",
-    "@vue/compiler-ssr": "3.2.34-beta.1",
-    "@vue/reactivity-transform": "3.2.34-beta.1",
-    "@vue/shared": "3.2.34-beta.1",
+    "@vue/compiler-core": "3.2.36",
+    "@vue/compiler-dom": "3.2.36",
+    "@vue/compiler-ssr": "3.2.36",
+    "@vue/reactivity-transform": "3.2.36",
+    "@vue/shared": "3.2.36",
     "estree-walker": "^2.0.2",
     "magic-string": "^0.25.7",
     "source-map": "^0.6.1",