chore: resolve base imports

Author: Dsaquel

src/config.ts

@@ -33,6 +33,9 @@ const allImports: PresetImport[] = [
   ...allImportsWithStyle.map((name) => {
     return [name, getComponentPath(name)] as PresetImport
   }),
+]
+
+const allBaseImports: PresetImport[] =  [
   ['ID_INJECTION_KEY', 'es/hooks/use-id/index.mjs'],
   ['ZINDEX_INJECTION_KEY', 'es/hooks/use-z-index/index.mjs'],
   ['provideGlobalConfig', 'es/components/config-provider/src/hooks/use-global-config.mjs']
@@ -103,6 +106,7 @@ export const defaults: ModuleOptions = {
   subComponents: allSubComponents,
   directives: allDirectives,
   imports: allImports,
+  baseImports: allBaseImports,
   importStyle: 'css',
   themes: [],
   noStylesComponents: allNoStylesComponents,

src/core/imports.ts

@@ -1,23 +1,34 @@
 import { addImportsSources } from '@nuxt/kit'
 import { iconLibraryName, libraryName } from '../config'
 import { genIconPresets, resolvePath, toArray } from '../utils'
-import type { ModuleOptions } from '../types'
+import type { ModuleOptions, PresetImport } from '../types'
+
+function _resolveImports(...imports: PresetImport[]) {
+  imports.forEach(async ([name, path]) => {
+    addImportsSources({
+      from: await resolvePath(`${libraryName}/${path}`),
+      imports: toArray(name)
+    })
+  })
+}
 
 export async function resolveImports (config: ModuleOptions) {
   const { imports, icon } = config
   const icons = icon !== false ? genIconPresets(icon) : []
   const allImports = new Set(imports)
   const allIcons = new Set(icons)
 
-  allImports.forEach(async ([name, path]) => {
-    addImportsSources({
-      from: await resolvePath(`${libraryName}/${path}`),
-      imports: toArray(name)
-    })
-  })
+  _resolveImports(...allImports)
 
   addImportsSources({
     from: await resolvePath(iconLibraryName),
     imports: [...allIcons]
   })
 }
+
+export function resolveBaseImports(config: ModuleOptions) {
+  const { baseImports } = config
+
+  _resolveImports(...baseImports)
+}
+

src/module.ts

@@ -11,7 +11,8 @@ import {
   resolveTeleports,
   resolveThemes,
   transformPlugin,
-  localePlugin
+  localePlugin,
+  resolveBaseImports,
 } from './core/index'
 import type { ModuleOptions } from './types'
 export type { ModuleOptions } from './types'
@@ -30,6 +31,7 @@ export default defineNuxtModule<ModuleOptions>({
 
     resolveOptions()
     resolveThemes(options)
+    resolveBaseImports(options)
     nuxt.options.imports.autoImport !== false && resolveImports(options)
     nuxt.options.components !== false && resolveComponents(options)
 

src/types.ts

@@ -71,6 +71,20 @@ export interface ModuleOptions extends TransformOptions {
    * ```
    */
   imports: PresetImport[]
+  /**
+   *
+   * List of imports that will be imported whether if autoImports is disabled.
+   *
+   * @default
+   * ```ts
+   * [
+   *   ["ID_INJECTION_KEY", "es/hooks/use-id/index.mjs"],
+   *   ["ZINDEX_INJECTION_KEY", "es/hooks/use-z-index/index.mjs"],
+   *   ["provideGlobalConfig", "es/components/config-provider/src/hooks/use-global-config.mjs"],
+   * ]
+   * ```
+   */
+  baseImports: PresetImport[]
   /**
    * import style css or sass(scss) with components
    *