feat: support transforming jsx

resolves #177

Author: danielroe

example/src/runtime/components/JsxComponent.tsx

@@ -0,0 +1,3 @@
+export default function MyJSXComponent() {
+  return <div>My JSX Component</div>
+}

src/commands/build.ts

@@ -50,7 +50,16 @@ export default defineCommand({
       outDir,
       entries: [
         'src/module',
-        { input: 'src/runtime/', outDir: `${outDir}/runtime`, ext: 'mjs' },
+        {
+          input: 'src/runtime/',
+          outDir: `${outDir}/runtime`,
+          ext: 'mjs',
+          esbuild: {
+            jsxImportSource: 'vue',
+            jsx: 'automatic',
+            jsxFactory: 'h',
+          }
+        },
       ],
       rollup: {
         esbuild: {

test/__snapshots__/JsxComponent.d.ts

@@ -0,0 +1 @@
+export default function MyJSXComponent(): import("vue/jsx-runtime").JSX.Element;

test/__snapshots__/JsxComponent.mjs

@@ -0,0 +1,4 @@
+import { jsx } from "vue/jsx-runtime";
+export default function MyJSXComponent() {
+  return /* @__PURE__ */ jsx("div", { children: "My JSX Component" });
+}

test/build.spec.ts

@@ -106,4 +106,13 @@ describe('module builder', () => {
     const componentFile = await readFile(join(distDir, 'runtime/composables/useWrappedFetch.d.ts'), 'utf-8')
     expect(componentFile).toMatchFileSnapshot('__snapshots__/useWrappedFetch.d.ts')
   })
+
+  it('should handle JSX correctly', async () => {
+    const [component, declaration] = await Promise.all([
+      readFile(join(distDir, 'runtime/components/JsxComponent.mjs'), 'utf-8'),
+      readFile(join(distDir, 'runtime/components/JsxComponent.d.ts'), 'utf-8')
+    ])
+    expect(component).toMatchFileSnapshot('__snapshots__/JsxComponent.mjs')
+    expect(declaration).toMatchFileSnapshot('__snapshots__/JsxComponent.d.ts')
+  })
 })