feat: support for use in the nuxt layers (#157)

* feat: support for use in nuxt layers

* fix: type error

Author: tolking

src/core/transformPlugin.ts

@@ -11,6 +11,7 @@ import {
 import type { PresetComponent, TransformOptions } from '../types'
 
 interface PluginOptions extends TransformOptions {
+  layers: string[]
   sourcemap?: NuxtOptions['sourcemap']['client']
   transformStyles: (name: string) => undefined | string
   transformDirectives: (name: string) => undefined | [name: string, path: string, style?: string]
@@ -21,12 +22,15 @@ const directivesRegExp = /(?<=[ (])_?resolveDirective\(\s*["']([^'"]*?)["'][\s,]
 const methodsRegExp = toRegExp(allMethods, 'g')
 
 export const transformPlugin = createUnplugin((options: PluginOptions) => {
-  const { include, exclude, sourcemap, transformStyles, transformDirectives } = options
+  const { layers, include, exclude, sourcemap, transformStyles, transformDirectives } = options
 
   return {
     name: `${libraryName}:transform`,
     enforce: 'post',
     transformInclude (id) {
+      if (layers.some(layer => id.startsWith(layer))) {
+        return true
+      }
       if (exclude.some(pattern => id.match(pattern))) {
         return false
       }

src/module.ts

@@ -15,6 +15,7 @@ import {
   transformPlugin,
   localePlugin
 } from './core/index'
+import { getLayersDir } from './utils'
 import type { ModuleOptions } from './types'
 export type { ModuleOptions } from './types'
 
@@ -28,6 +29,8 @@ export default defineNuxtModule<ModuleOptions>({
   },
   defaults,
   setup (options, nuxt) {
+    const layers = getLayersDir(nuxt.options._layers)
+
     resolveOptions()
     resolveThemes(options)
     resolveBaseImports(options)
@@ -47,6 +50,7 @@ export default defineNuxtModule<ModuleOptions>({
 
       config.plugins = config.plugins || []
       config.plugins.push(transformPlugin.vite({
+        layers,
         include: options.include,
         exclude: options.exclude,
         sourcemap: nuxt.options.sourcemap[mode],
@@ -68,6 +72,7 @@ export default defineNuxtModule<ModuleOptions>({
 
         config.plugins = config.plugins || []
         config.plugins.push(transformPlugin.webpack({
+          layers,
           include: options.include,
           exclude: options.exclude,
           sourcemap: nuxt.options.sourcemap[mode],

src/utils.ts

@@ -1,5 +1,6 @@
 import type { Component } from 'vue'
 import { createResolver } from '@nuxt/kit'
+import type { NuxtConfigLayer } from '@nuxt/schema'
 import { allIcons } from './config'
 import type { PresetComponent } from './types'
 
@@ -8,6 +9,19 @@ export function resolvePath (path: string): Promise<string> {
   return resolvePath(path)
 }
 
+export function getLayersDir (layers: NuxtConfigLayer[]) {
+  const list = []
+
+  for (const layer of layers) {
+    const srcDir = layer.config.srcDir || layer.cwd
+    if (srcDir.includes('node_modules') && layer.config.elementPlus?.importStyle !== false) {
+      list.push(srcDir)
+    }
+  }
+
+  return list
+}
+
 export function isArray (value: any): value is any[] {
   return Array.isArray(value)
 }