fix: remove mjs build

Author: antfu

package.json

@@ -16,36 +16,29 @@
   "author": "Anthony Fu <[email protected]>",
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs"
+      "require": "./dist/index.js"
     },
     "./*": "./*",
     "./jest": {
       "require": "./jest.js"
     },
     "./nuxt": {
-      "require": "./dist/nuxt.js",
-      "import": "./dist/nuxt.mjs"
+      "require": "./dist/nuxt.js"
     },
     "./rollup": {
-      "require": "./dist/rollup.js",
-      "import": "./dist/rollup.mjs"
+      "require": "./dist/rollup.js"
     },
     "./types": {
-      "require": "./dist/types.js",
-      "import": "./dist/types.mjs"
+      "require": "./dist/types.js"
     },
     "./vite": {
-      "require": "./dist/vite.js",
-      "import": "./dist/vite.mjs"
+      "require": "./dist/vite.js"
     },
     "./webpack": {
-      "require": "./dist/webpack.js",
-      "import": "./dist/webpack.mjs"
+      "require": "./dist/webpack.js"
     }
   },
   "main": "dist/index.js",
-  "module": "dist/index.mjs",
   "types": "index.d.ts",
   "files": [
     "dist",

src/core/babel.ts

@@ -0,0 +1,4 @@
+import { types as t } from '@babel/core'
+import { parseExpression, parse } from '@babel/parser'
+
+export { t, parseExpression, parse }

src/core/macros.ts

@@ -11,11 +11,7 @@ import type {
   CallExpression,
   TSInterfaceBody,
 } from '@babel/types'
-import * as babelCore from '@babel/core'
-import * as babelParser from '@babel/parser'
-
-const { types: t } = babelCore
-const { parseExpression } = babelParser
+import { parseExpression, t } from './babel'
 
 // Special compiler macros
 const DEFINE_PROPS = 'defineProps'

src/core/parseSFC.ts

@@ -1,11 +1,9 @@
 import { Parser as HTMLParser, ParserOptions as HTMLParserOptions } from 'htmlparser2'
 import type { ParserOptions } from '@babel/parser'
-import * as babelParser from '@babel/parser'
 import { camelize, capitalize, isHTMLTag, isSVGTag, isVoidTag } from '@vue/shared'
 import { ParsedSFC, ScriptSetupTransformOptions, ScriptTagMeta } from '../types'
 import { getIdentifierUsages } from './identifiers'
-
-const { parse } = babelParser
+import { parse } from './babel'
 
 export function parseSFC(code: string, id?: string, options?: ScriptSetupTransformOptions): ParsedSFC {
   const components = new Set<string>()

src/core/transformScriptSetup.ts

@@ -1,13 +1,11 @@
-import * as babelCore from '@babel/core'
 import { camelize, capitalize } from '@vue/shared'
 import type { Node, ObjectExpression, Statement } from '@babel/types'
 import generate from '@babel/generator'
 import { partition } from '@antfu/utils'
 import { ParsedSFC, ScriptSetupTransformOptions } from '../types'
 import { applyMacros } from './macros'
 import { getIdentifierDeclarations } from './identifiers'
-
-const { types: t } = babelCore
+import { t } from './babel'
 
 function isAsyncImport(node: any) {
   if (node.type === 'VariableDeclaration') {

src/core/transformSfcRefSugar.ts

@@ -1,11 +1,7 @@
 import { shouldTransform, transformAST } from '@vue/ref-transform'
 import MagicString from 'magic-string'
-import * as babelParser from '@babel/parser'
-import * as babelCore from '@babel/core'
 import type { ParsedSFC, ResolvedOptions } from '../types'
-
-const { types: t } = babelCore
-const { parse } = babelParser
+import { t, parse } from './babel'
 
 export function transformSfcRefSugar(sfc: ParsedSFC, options: ResolvedOptions) {
   const importedHelpers = new Set<string>()

tsup.config.ts

@@ -3,7 +3,9 @@ import { Options } from 'tsup'
 const options: Options = {
   format: [
     'cjs',
-    'esm',
+    // loading Babel in ESM is tricky, since Babel itself it CJS only
+    // we decided to drop ESM support until Babel supports native ESM
+    // 'esm',
   ],
   clean: true,
   splitting: true,