@dynect/base 0.19.1 → 0.19.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.19.1",
+  "version": "0.19.3",
   "description": "Reusable Nuxt base module — components, composables, utils, plugins and i18n from the Dynect design system.",
   "type": "module",
   "license": "MIT",

package/src/module.ts

@@ -1,8 +1,19 @@
-import { addComponentsDir, addImports, addImportsDir, addPlugin, createResolver, defineNuxtModule, installModule } from '@nuxt/kit';
+import { addComponentsDir, addImports, addImportsDir, addPlugin, createResolver, defineNuxtModule, installModule, resolvePath } from '@nuxt/kit';
+import type { NuxtModule } from '@nuxt/schema';
 import tailwindcss from '@tailwindcss/vite';
 import { defu } from 'defu';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+// Directory of this file — used to resolve sub-modules from @dynect/base's own
+// node_modules (not the consuming app's). resolvePath uses mlly which handles
+// ESM packages with "exports" field, unlike require.resolve which does not.
+const moduleDir = fileURLToPath(new URL('.', import.meta.url));
+
+async function resolveModule(id: string): Promise<string> {
+	return resolvePath(id, { cwd: moduleDir });
+}
 
 export interface DynectBaseOptions {
 	/** Component folder groups to register. Defaults to all. */
@@ -128,8 +139,8 @@ export default defineNuxtModule<DynectBaseOptions>({
 		// ── Install required Nuxt modules ────────────────────────────────────────
 		if (options.shadcn !== false) {
 			const shadcnComponentDir = isStandalone ? join(runtimeComponentsDir, 'ui') : '~/components/ui';
-
-			await installModule('shadcn-nuxt', {
+			const { default: shadcnNuxt } = await import(await resolveModule('shadcn-nuxt')) as { default: NuxtModule };
+			await installModule(shadcnNuxt, {
 				prefix: '',
 				componentDir: shadcnComponentDir,
 				...options.shadcn,
@@ -137,11 +148,13 @@ export default defineNuxtModule<DynectBaseOptions>({
 		}
 
 		if (options.veeValidate !== false) {
-			await installModule('@vee-validate/nuxt', options.veeValidate ?? {});
+			const { default: veeValidateNuxt } = await import(await resolveModule('@vee-validate/nuxt')) as { default: NuxtModule };
+			await installModule(veeValidateNuxt, options.veeValidate ?? {});
 		}
 
 		if (options.colorMode !== false) {
-			await installModule('@nuxtjs/color-mode', {
+			const { default: colorMode } = await import(await resolveModule('@nuxtjs/color-mode')) as { default: NuxtModule };
+			await installModule(colorMode, {
 				preference: 'system',
 				fallback: 'light',
 				classPrefix: '',
@@ -154,8 +167,8 @@ export default defineNuxtModule<DynectBaseOptions>({
 
 		if (options.i18n !== false) {
 			const langDir = isStandalone ? resolver.resolve('./runtime/assets/lang') : resolver.resolve('../../../app/assets/lang');
-
-			await installModule('@nuxtjs/i18n', {
+			const { default: i18n } = await import(await resolveModule('@nuxtjs/i18n')) as { default: NuxtModule };
+			await installModule(i18n, {
 				locales: [
 					{ code: 'en', iso: 'en_US', file: 'en.json', name: 'English' },
 					{ code: 'ms', iso: 'ms_MY', file: 'ms.json', name: 'Bahasa' },
@@ -175,7 +188,8 @@ export default defineNuxtModule<DynectBaseOptions>({
 		}
 
 		if (options.icon !== false) {
-			await installModule('@nuxt/icon', {
+			const { default: icon } = await import(await resolveModule('@nuxt/icon')) as { default: NuxtModule };
+			await installModule(icon, {
 				provider: 'server',
 				mode: 'svg',
 				serverBundle: {
@@ -186,7 +200,8 @@ export default defineNuxtModule<DynectBaseOptions>({
 			});
 		}
 
-		await installModule('@pinia/nuxt');
+		const { default: pinia } = await import(await resolveModule('@pinia/nuxt')) as { default: NuxtModule };
+		await installModule(pinia);
 
 		// ── CJS dependency pre-bundling ──────────────────────────────────────────
 		// bind-event-listener is CJS-only (no ESM export map). Force Vite's esbuild