fix(vue-jsx): custom factory name

chakra-ui · May 13, 2024 · 39c305f · 39c305f
1 parent 9a97346
commit 39c305f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/eleven-turtles-draw.md b/.changeset/eleven-turtles-draw.md
@@ -0,0 +1,5 @@
+---
+"@pandacss/generator": patch
+---
+
+Vue JSX: Fix issue where using custom `jsxFactory` name causes a runtime error
diff --git a/packages/generator/src/artifacts/vue-jsx/jsx.ts b/packages/generator/src/artifacts/vue-jsx/jsx.ts
@@ -120,7 +120,7 @@ export function generateVueJsxFactory(ctx: Context) {
     export const ${factoryName} = /* @__PURE__ */ styledFn.bind();
 
     tags.split(', ').forEach((tag) => {
-      styled[tag] = styled(tag);
+      ${factoryName}[tag] = ${factoryName}(tag);
     });
     `,
   }