diff --git a/README.md b/README.md index 0928c180..cdf4dfe4 100644 --- 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 index 5f07ad43..e5cb119a 100644 --- a/src/core/unplugin.ts +++ b/src/core/unplugin.ts @@ -13,7 +13,12 @@ const PLUGIN_NAME = 'unplugin:webpack' export default createUnplugin((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)