fix: custom imports

Author: modbender

src/imports/custom.ts

@@ -1,9 +1,8 @@
-import path from 'node:path'
 import type { ImportObject } from '../types'
 
-const customExtensionPath = '../custom-extensions'
+const customExtensionPath = 'runtime/custom-extensions'
 const resolveCustomExtension = (extPath: string) =>
-  path.resolve(__dirname, customExtensionPath, extPath)
+  `${customExtensionPath}/${extPath}`
 
 export const defaultCustomExtensions: ImportObject[] = [
   {

src/module.ts

@@ -1,4 +1,9 @@
-import { defineNuxtModule, addImports, addComponent } from '@nuxt/kit'
+import {
+  defineNuxtModule,
+  addImports,
+  addComponent,
+  createResolver,
+} from '@nuxt/kit'
 
 import { name, version } from '../package.json'
 
@@ -20,26 +25,26 @@ export default defineNuxtModule<ModuleOptions>({
     lowlight: false,
   },
   async setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url)
+
     const transpileModules = new Set<string>([])
 
     const defaultComposables: ImportObject[] = [
       ...allImports.defaultComposables,
-      ...allImports.customComposables,
     ]
 
-    const defaultImports: ImportObject[] = [
-      ...allImports.defaultImports,
-      ...allImports.customImports,
-    ]
+    const defaultImports: ImportObject[] = [...allImports.defaultImports]
 
-    const defaultComponents: ImportObject[] = [
-      ...allImports.defaultComponents,
-      ...allImports.customComponents,
-    ]
+    const defaultComponents: ImportObject[] = [...allImports.defaultComponents]
 
     const optionalImports: ImportObject[] = []
     const optionalComposables: ImportObject[] = []
     const optionalComponents: ImportObject[] = []
+
+    const customComposables: ImportObject[] = [...allImports.customComposables]
+    const customImports: ImportObject[] = [...allImports.customImports]
+    const customComponents: ImportObject[] = [...allImports.customComponents]
+
     const customCSS: string[] = []
 
     for (const obj of defaultComposables) {
@@ -76,7 +81,7 @@ export default defineNuxtModule<ModuleOptions>({
 
       const lldefaultTheme = options.lowlight?.theme || 'github-dark'
       const highlightJSVersion
-                = options.lowlight?.highlightJSVersion || '11.10.0'
+      = options.lowlight?.highlightJSVersion || '11.10.0'
       const llThemeCSS = `https://unpkg.com/@highlightjs/cdn-assets@${highlightJSVersion}/styles/${lldefaultTheme}.min.css`
 
       nuxt.options.app.head.link = [
@@ -112,6 +117,30 @@ export default defineNuxtModule<ModuleOptions>({
       transpileModules.add(obj.path)
     }
 
+    for (const obj of customImports) {
+      addImports({
+        as: `${options.prefix}${obj.name}`,
+        name: obj.name,
+        from: resolver.resolve(obj.path),
+      })
+    }
+
+    for (const obj of customComposables) {
+      addImports({
+        as: obj.as || obj.name,
+        name: obj.name,
+        from: resolver.resolve(obj.path),
+      })
+    }
+
+    for (const obj of customComponents) {
+      addComponent({
+        name: `${options.prefix}${obj.name}`,
+        export: obj.name,
+        filePath: resolver.resolve(obj.path),
+      })
+    }
+
     nuxt.options.build.transpile = [
       ...nuxt.options.build.transpile,
       ...Array.from(transpileModules),