fix: fix vue 2 jsx transform error

Author: kagawagao

babel.config.js

@@ -16,7 +16,12 @@ module.exports = {
       },
     ],
     '@babel/preset-typescript',
-    isVue2 && '@vue/babel-preset-jsx',
+    isVue2 && [
+      '@vue/babel-preset-jsx',
+      {
+        compositionAPI: true,
+      },
+    ],
   ].filter(Boolean),
   plugins: [isVue3 && '@vue/babel-plugin-jsx'].filter(Boolean),
   env: {

src/plots/area/index.tsx

@@ -9,7 +9,7 @@ export type AreaChartProps = Writeable<
 
 const AreaChart = defineComponent<AreaChartProps>({
   name: 'AreaChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Area} {...ctx.attrs} {...props} />
   },
 })

src/plots/bar/index.tsx

@@ -9,7 +9,7 @@ export type BarChartProps = Writeable<
 
 const BarChart = defineComponent<BarChartProps>({
   name: 'BarChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Bar} {...ctx.attrs} {...props} />
   },
 })

src/plots/bidirectional-bar/index.tsx

@@ -10,7 +10,7 @@ export type BidirectionalBarChartProps = Writeable<
 
 const BidirectionalBarChart = defineComponent<BidirectionalBarChartProps>({
   name: 'BidirectionalBarChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => (
       <BaseChart chart={BidirectionalBar} {...ctx.attrs} {...props} />
     )

src/plots/box/index.tsx

@@ -9,7 +9,7 @@ export type BoxChartProps = Writeable<
 
 const BoxChart = defineComponent<BoxChartProps>({
   name: 'BoxChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Box} {...ctx.attrs} {...props} />
   },
 })

src/plots/bullet/index.tsx

@@ -9,7 +9,7 @@ export type BulletChartProps = Writeable<
 
 const BulletChart = defineComponent<BulletChartProps>({
   name: 'BulletChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Bullet} {...ctx.attrs} {...props} />
   },
 })

src/plots/chord/index.tsx

@@ -9,7 +9,7 @@ export type ChordChartProps = Writeable<
 
 const ChordChart = defineComponent<ChordChartProps>({
   name: 'ChordChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Chord} {...ctx.attrs} {...props} />
   },
 })

src/plots/column/index.tsx

@@ -9,7 +9,7 @@ export type ColumnChartProps = Writeable<
 
 const ColumnChart = defineComponent<ColumnChartProps>({
   name: 'ColumnChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Column} {...ctx.attrs} {...props} />
   },
 })

src/plots/dual-axes/index.tsx

@@ -9,7 +9,7 @@ export type DualAxesChartProps = Writeable<
 
 const DualAxesChart = defineComponent<DualAxesChartProps>({
   name: 'DualAxesChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={DualAxes} {...ctx.attrs} {...props} />
   },
 })

src/plots/funnel/index.tsx

@@ -9,7 +9,7 @@ export type FunnelChartProps = Writeable<
 
 const FunnelChart = defineComponent<FunnelChartProps>({
   name: 'FunnelChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Funnel} {...ctx.attrs} {...props} />
   },
 })