perf!: don't transform TS by default

Author: sxzz

src/core/vue.ts

@@ -1,7 +1,7 @@
 import { transform, type TransformOptions } from '@babel/core'
 // @ts-expect-error
-import TS from '@babel/plugin-syntax-typescript'
-import vue3Jsx from '@vue/babel-plugin-jsx'
+import BabelTS from '@babel/plugin-syntax-typescript'
+import BabelVueJsx from '@vue/babel-plugin-jsx'
 import type { OptionsResolved } from './options'
 
 function isTS(id: string): boolean {
@@ -13,17 +13,21 @@ export function transformVueJsx(
   id: string,
   options: Omit<OptionsResolved, 'include' | 'exclude'>,
 ): { code: string; map: any } | undefined {
+  const tsSyntax = isTS(id)
+
   const transformOptions: TransformOptions = {
     babelrc: false,
     configFile: false,
-    plugins: [[vue3Jsx, options]],
+    plugins: [[BabelVueJsx, options]],
     sourceMaps: options.sourceMap,
     sourceFileName: id,
-    parserOpts: options.parserOpts,
-  }
-
-  if (isTS(id)) {
-    transformOptions.plugins!.push([TS, { isTSX: true }])
+    parserOpts: {
+      ...options.parserOpts,
+      plugins: [
+        ...(tsSyntax ? (['typescript', 'jsx'] as const) : []),
+        ...(options.parserOpts?.plugins || []),
+      ],
+    },
   }
 
   const result = transform(code, transformOptions)

tests/__snapshots__/basic.test.ts.snap

@@ -36,6 +36,22 @@ _createVNode("input", _transformOn({
 }), null);"
 `;
 
+exports[`Vue 3 > custom parser plugins 1`] = `
+"import { createVNode as _createVNode } from "vue";
+@x
+class X {}
+;
+const x = _createVNode("div", null, null);"
+`;
+
+exports[`Vue 3 > custom parser plugins 2`] = `
+"import { createVNode as _createVNode } from "vue";
+@x
+class X {}
+;
+const x: string = _createVNode("div", null, null);"
+`;
+
 exports[`Vue 3 > typescript 1`] = `
 "import { createVNode as _createVNode } from "vue";
 const foo: any = _createVNode("div", null, null);"

tests/basic.test.ts

@@ -30,4 +30,22 @@ describe('Vue 3', () => {
       }),
     ).toMatchSnapshot()
   })
+
+  test.only('custom parser plugins', () => {
+    expect(
+      transform(`@x class X {}; const x = <div />`, false, {
+        parserOpts: {
+          plugins: ['decorators-legacy'],
+        },
+      }),
+    ).toMatchSnapshot()
+
+    expect(
+      transform(`@x class X {}; const x: string = <div />`, true, {
+        parserOpts: {
+          plugins: ['decorators-legacy'],
+        },
+      }),
+    ).toMatchSnapshot()
+  })
 })