fix: add slotFlags for implicit default slots

Author: KaelWD

Diff for: 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 for: 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
 });"
 `;