fix: compatible with vue-loader experimentalInlineMatchResource (#829)

ahabhgk · chenjiahan · web-flow · commit 2f689ee1cd61 · 2025-02-25T19:24:00.000+08:00
* fix: compatible with vue-loader experimentalInlineMatchResource

* Update unplugin.ts

Co-authored-by: neverland &lt;jait.chen@foxmail.com&gt;

* Apply suggestions from code review

* fix

---------

Co-authored-by: neverland &lt;jait.chen@foxmail.com&gt;
diff --git a/README.md b/README.md
@@ -341,7 +341,7 @@ export default {
 
       // `customLoaderMatcher` is depreacted, use `include` instead
 -     customLoaderMatcher: id => id.endsWith('.md'),
-+     include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
++     include: [/\.vue$/, /\.vue\?vue/, /\.vue\.[tj]sx?\?vue/, /\.md$/],
     }),
   ],
 }
@@ -401,7 +401,7 @@ Components({
 
   // Filters for transforming targets (components to insert the auto import)
   // Note these are NOT about including/excluding components registered - use `globs` or `excludeNames` for that
-  include: [/\.vue$/, /\.vue\?vue/],
+  include: [/\.vue$/, /\.vue\?vue/, /\.vue\.[tj]sx?\?vue/],
   exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
 
   // Filters for component names that will not be imported
diff --git a/src/core/unplugin.ts b/src/core/unplugin.ts
@@ -13,7 +13,12 @@ const PLUGIN_NAME = 'unplugin:webpack'
 
 export default createUnplugin<Options>((options = {}) => {
   const filter = createFilter(
-    options.include || [/\.vue$/, /\.vue\?vue/, /\.vue\?v=/],
+    options.include || [
+      /\.vue$/,
+      /\.vue\?vue/,
+      /\.vue\.[tj]sx?\?vue/, // for vue-loader with experimentalInlineMatchResource enabled
+      /\.vue\?v=/,
+    ],
     options.exclude || [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
   )
   const ctx: Context = new Context(options)
