@dynect/base 0.19.0 → 0.19.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.19.0",
+  "version": "0.19.2",
   "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,9 +1,18 @@
 import { addComponentsDir, addImports, addImportsDir, addPlugin, createResolver, defineNuxtModule, installModule } from '@nuxt/kit';
+import type { NuxtModule } from '@nuxt/schema';
 import tailwindcss from '@tailwindcss/vite';
 import { defu } from 'defu';
 import { existsSync } from 'node:fs';
+import { createRequire } from 'node:module';
 import { join } from 'node:path';
 
+// Resolve sub-module paths from this package's own node_modules,
+// not from the consuming app's node_modules.
+const _require = createRequire(import.meta.url);
+function resolveModule(id: string): string {
+	return _require.resolve(id);
+}
+
 export interface DynectBaseOptions {
 	/** Component folder groups to register. Defaults to all. */
 	dirs?: Array<'dynect' | 'ui' | 'base' | 'chart'>;
@@ -128,8 +137,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(resolveModule('shadcn-nuxt')) as { default: NuxtModule };
+			await installModule(shadcnNuxt, {
 				prefix: '',
 				componentDir: shadcnComponentDir,
 				...options.shadcn,
@@ -137,11 +146,13 @@ export default defineNuxtModule<DynectBaseOptions>({
 		}
 
 		if (options.veeValidate !== false) {
-			await installModule('@vee-validate/nuxt', options.veeValidate ?? {});
+			const { default: veeValidateNuxt } = await import(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(resolveModule('@nuxtjs/color-mode')) as { default: NuxtModule };
+			await installModule(colorMode, {
 				preference: 'system',
 				fallback: 'light',
 				classPrefix: '',
@@ -154,8 +165,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(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 +186,8 @@ export default defineNuxtModule<DynectBaseOptions>({
 		}
 
 		if (options.icon !== false) {
-			await installModule('@nuxt/icon', {
+			const { default: icon } = await import(resolveModule('@nuxt/icon')) as { default: NuxtModule };
+			await installModule(icon, {
 				provider: 'server',
 				mode: 'svg',
 				serverBundle: {
@@ -186,7 +198,17 @@ export default defineNuxtModule<DynectBaseOptions>({
 			});
 		}
 
-		await installModule('@pinia/nuxt');
+		const { default: pinia } = await import(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
+		// pre-bundler to convert it so named imports like { bind } work at runtime.
+		nuxt.options.vite.optimizeDeps ??= {};
+		nuxt.options.vite.optimizeDeps.include ??= [];
+		if (!nuxt.options.vite.optimizeDeps.include.includes('bind-event-listener')) {
+			nuxt.options.vite.optimizeDeps.include.push('bind-event-listener');
+		}
 
 		// ── CSS ──────────────────────────────────────────────────────────────────
 		const cssPath = isStandalone ? resolver.resolve('./runtime/assets/css/main.css') : resolver.resolve('../../../app/assets/css/main.css');