@dynect/base 0.18.1 → 0.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynect/base",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "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,4 +1,6 @@
 import { addComponentsDir, addImports, addImportsDir, addPlugin, createResolver, defineNuxtModule, installModule } from '@nuxt/kit';
+import tailwindcss from '@tailwindcss/vite';
+import { defu } from 'defu';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
 
@@ -24,6 +26,8 @@ export interface DynectBaseOptions {
 		/** Enable SSR width plugin. Default: true */
 		ssrWidth?: boolean;
 	};
+	/** Auto-register @tailwindcss/vite Vite plugin. Set false to disable (e.g. if already configured in nuxt.config). Default: true */
+	tailwind?: boolean;
 }
 
 const DIR_CONFIGS: Record<string, { prefix: string }> = {
@@ -42,6 +46,7 @@ export default defineNuxtModule<DynectBaseOptions>({
 	defaults: {
 		dirs: ['dynect', 'ui', 'base', 'chart'],
 		global: true,
+		tailwind: true,
 		veeValidate: {},
 		colorMode: {},
 		i18n: {},
@@ -100,10 +105,22 @@ export default defineNuxtModule<DynectBaseOptions>({
 					config.resolve.alias.unshift(...entries);
 				} else {
 					const existing = config.resolve.alias ?? {};
-					config.resolve.alias = [
-						...entries,
-						...Object.entries(existing).map(([find, replacement]) => ({ find, replacement })),
-					];
+					config.resolve.alias = [...entries, ...Object.entries(existing).map(([find, replacement]) => ({ find, replacement }))];
+				}
+			});
+		}
+
+		// ── Tailwind CSS v4 ──────────────────────────────────────────────────────
+		// Add @tailwindcss/vite plugin unless disabled or already present.
+		// "Already present" check: look for any plugin named @tailwindcss/vite:*
+		// so we don't double-process if the consuming app added it manually.
+		if (options.tailwind !== false) {
+			nuxt.hook('vite:extendConfig', (config) => {
+				const c = config as any;
+				const flat = [...(c.plugins ?? [])].flat().filter(Boolean) as { name?: string }[];
+				const alreadyAdded = flat.some((p) => typeof p.name === 'string' && p.name.startsWith('@tailwindcss/vite'));
+				if (!alreadyAdded) {
+					c.plugins = [...(c.plugins ?? []), tailwindcss()];
 				}
 			});
 		}