fix: add slotFlags for implicit default slots

vuejs · Mar 29, 2023 · abc2d8e · abc2d8e
1 parent 687be8a
commit abc2d8e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/packages/babel-plugin-jsx/src/transform-vue-jsx.ts b/packages/babel-plugin-jsx/src/transform-vue-jsx.ts
@@ -459,7 +459,11 @@ const transformJSXElement = (
           t.identifier('default'),
           child,
         ),
-      ]);
+        optimize && t.objectProperty(
+          t.identifier('_'),
+          t.numericLiteral(slotFlag),
+        ) as any,
+      ].filter(Boolean));
     } else if (t.isObjectExpression(child)) {
       VNodeChild = t.objectExpression([
         ...child.properties,
@@ -472,9 +476,13 @@ const transformJSXElement = (
       VNodeChild = isComponent ? t.objectExpression([
         t.objectProperty(
           t.identifier('default'),
-          t.arrowFunctionExpression([], t.arrayExpression([child])),
+          t.arrowFunctionExpression([], child),
         ),
-      ]) : t.arrayExpression([child]);
+        optimize && t.objectProperty(
+          t.identifier('_'),
+          t.numericLiteral(slotFlag),
+        ) as any,
+      ].filter(Boolean)) : t.arrayExpression([child]);
     }
   }
 

diff --git a/packages/babel-plugin-jsx/test/__snapshots__/snapshot.test.ts.snap b/packages/babel-plugin-jsx/test/__snapshots__/snapshot.test.ts.snap
@@ -158,7 +158,8 @@ _createVNode(_resolveComponent(\\"A\\"), null, {
 exports[`passing object slots via JSX children single expression, function expression: single expression, function expression 1`] = `
 "import { createVNode as _createVNode, resolveComponent as _resolveComponent } from \\"vue\\";
 _createVNode(_resolveComponent(\\"A\\"), null, {
-  default: () => \\"foo\\"
+  default: () => \\"foo\\",
+  _: 1
 });"
 `;