fix: sfc error (#27)

Author: zjxxxxxxxxx

README.md

@@ -8,7 +8,7 @@ Add a \_\_source prop to all Elements.
 
 - 🌈 Supports `Vue2` and `Vue3`.
 - 🪐 Support add to `<Component/>`.
-- ✨ JSX support in `.vue`, `.jsx`, `.tsx`.
+- ✨ JSX support in `.vue`, `.jsx`, `.tsx`, `.mdx`.
 - 😃 Supports `Vite`, `Webpack`, `Rspack`, `Vue CLI`, `Rollup`, `esbuild`.
 
 > For development only
@@ -213,11 +213,6 @@ The following show the default values of the configuration
 
 ```ts
 export interface Options {
-  /** @default '**\/*.{vue,jsx,tsx}' */
-  include?: string | RegExp | (string | RegExp)[];
-  /** @default 'node_modules/**' */
-  exclude?: string | RegExp | (string | RegExp)[];
-
   /**
    * source root path
    *
@@ -230,13 +225,20 @@ export interface Options {
    * @default false
    */
   sourceMap?: boolean;
-
   /**
    * Array containing the plugins that you want to enable.
    *
    * @default ['jsx', 'typescript']
    */
   babelParserPlugins?: ParserPlugin[];
+  /**
+   * @default '\/**\/*.{vue,jsx,tsx}'
+   */
+  include?: string | RegExp | (string | RegExp)[];
+  /**
+   * @default '\/node_modules\/**\/*'
+   */
+  exclude?: string | RegExp | (string | RegExp)[];
 }
 ```
 

src/core/index.ts

@@ -31,11 +31,11 @@ export const unpluginFactory: UnpluginFactory<Options> = (options = {}) => {
 
 function resolveOptions(opts: Options): ResolvedOptions {
   return {
-    include: opts.include ?? '**/*.{vue,jsx,tsx}',
-    exclude: opts.exclude ?? 'node_modules/**',
     root: opts.root ?? process.cwd(),
     sourceMap: opts.sourceMap ?? false,
     babelParserPlugins: opts.babelParserPlugins ?? [],
+    include: opts.include ?? '/**/*.{vue,jsx,tsx}',
+    exclude: opts.exclude ?? '/node_modules/**/*',
   };
 }
 

src/core/transform.ts

@@ -7,16 +7,16 @@ import { transform_SFC } from './transform_SFC';
 import { transform_MDX } from './transform_MDX';
 import { transform_JSX } from './transform_JSX';
 
-const skipRE = new RegExp(` ${TRACE_ID}=['"].+:[0-9]+:[0-9]+['"]`);
-
 export function transform(code: string, id: string, opts: ResolvedOptions) {
-  if (skipRE.test(code)) return;
-
   const { root, sourceMap } = opts;
 
   let s: MagicString;
   const parsed = parse_ID(id, root);
 
+  if (parsed.query[TRACE_ID]) {
+    return;
+  }
+
   if (parsed.isSfc) {
     transform_SFC(code, replace, opts);
   } else if (parsed.isMdx) {

src/core/transform_JSX.ts

@@ -1,6 +1,6 @@
 import { type Position } from '@vue/compiler-dom';
 import { traverse, types as t } from '@babel/core';
-import { parse, ParserPlugin } from '@babel/parser';
+import { parse } from '@babel/parser';
 import { type ResolvedOptions } from '../types';
 
 export function transform_JSX(
@@ -24,7 +24,7 @@ export function transform_JSX(
 
   const ast = parse(code, {
     sourceType: 'unambiguous',
-    plugins: [...pluginSet] as ParserPlugin[],
+    plugins: Array.from(pluginSet),
     startLine,
     // babel start at 0
     startColumn: startColumn - 1,

src/types.ts

@@ -1,11 +1,6 @@
 import { ParserPlugin } from '@babel/parser';
 
 export interface Options {
-  /** @default '**\/*.{vue,jsx,tsx}' */
-  include?: string | RegExp | (string | RegExp)[];
-  /** @default 'node_modules/**' */
-  exclude?: string | RegExp | (string | RegExp)[];
-
   /**
    * source root path
    *
@@ -18,13 +13,20 @@ export interface Options {
    * @default false
    */
   sourceMap?: boolean;
-
   /**
    * Array containing the plugins that you want to enable.
    *
    * @default ['jsx', 'typescript']
    */
   babelParserPlugins?: ParserPlugin[];
+  /**
+   * @default '\/**\/*.{vue,jsx,tsx}'
+   */
+  include?: string | RegExp | (string | RegExp)[];
+  /**
+   * @default '\/node_modules\/**\/*'
+   */
+  exclude?: string | RegExp | (string | RegExp)[];
 }
 
 export type ResolvedOptions = Required<Options>;