centoui-nuxt 1.0.0-alpha.3 → 1.0.0-alpha.30

package/README.md

@@ -1,30 +1,67 @@
-# centoui-nuxt
+<div align="center">
+  <h1>🚀 centoui-nuxt</h1>
+  <p><strong>CentoUI, seamlessly integrated with Nuxt.</strong></p>
+  <p>
+    <a href="https://npmx.dev/package/centoui-nuxt"><img src="https://img.shields.io/npm/v/centoui-nuxt.svg?style=plastic&label=NPM Version&color=blue" alt="npm version"></a>
+    <a href="https://npmx.dev/package/centoui-nuxt"><img src="https://img.shields.io/npm/dw/centoui-nuxt.svg?style=plastic&label=NPM Downloads&color=blue" alt="npm downloads"></a>
+    <a href="https://npmx.dev/package/centoui-nuxt"><img src="https://img.shields.io/npm/unpacked-size/centoui-nuxt?style=plastic" alt="NPM Unpacked Size"></a>
+  </p>
+</div>
 
-[![npm version](https://img.shields.io/npm/v/centoui-nuxt.svg?style=flat-square)](https://www.npmjs.com/package/centoui-nuxt)
-[![npm downloads](https://img.shields.io/npm/dm/centoui-nuxt.svg?style=flat-square)](https://www.npmjs.com/package/centoui-nuxt)
-[![license](https://img.shields.io/github/license/favorodera/centoui.svg?style=flat-square)](https://github.com/favorodera/centoui/blob/main/LICENSE)
-[![Nuxt](https://img.shields.io/badge/Nuxt-020420?logo=nuxt)](https://nuxt.com)
+<br>
 
-**Precise vue components. Seamlessly integrated with Nuxt.**
+`centoui-nuxt` is the official Nuxt module for [CentoUI](../core). It auto-registers every CentoUI component in your project so you can use them in templates without manual imports.
 
-`centoui-nuxt` is the official Nuxt module for [CentoUI](https://github.com/favorodera/centoui).
-
-## Quick Setup
-
-Install the module to your Nuxt application:
+## Installation
 
 ```bash
-pnpm add centoui-nuxt centoui
+pnpm add centoui
+pnpm add -D centoui-nuxt
 ```
 
-Add `centoui-nuxt` to the `modules` section of `nuxt.config.ts`:
+## Setup
+
+Add `centoui-nuxt` to the `modules` section of your `nuxt.config.ts`:
 
 ```ts
 export default defineNuxtConfig({
   modules: [
     'centoui-nuxt'
-  ]
+  ],
+  centoui: {
+    // Optional: prefix all component names
+    prefix: "Cento",
+  }
 })
 ```
 
-That's it! You can now use CentoUI components in your Nuxt app ✨
+That's it — all components from your `centoui.config.ts` component directory are now globally available.
+
+## What the Module Does
+
+1. **Reads your `centoui.config.ts`** — Picks up `componentsDir` to know where your CentoUI components live.
+2. **Auto-registers every `.vue` file** — Scans component group folders (e.g., `button/`, `select/`) and registers each `.vue` file as a global Nuxt component.
+3. **Converts names to PascalCase** — A file named `alert-root.vue` becomes `AlertRoot` (or `CentoAlertRoot` with `prefix: "Cento"`).
+4. **Exposes config at `#centoui/config`** — Your resolved `centoui.config.ts` is available as a Nuxt template import for runtime access.
+5. **Pre-bundles dependencies** — Adds `@vueuse/core`, `reka-ui`, `tailwind-variants`, and `@iconify/vue` to Vite's `optimizeDeps` for faster dev startup.
+
+## Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `prefix` | `string` | `""` | Prepended to every registered component name in PascalCase. `"Cento"` turns `Button` into `CentoButton`. |
+
+## Prerequisites
+
+Before using this module, you need a CentoUI project initialized with the CLI:
+
+```bash
+pnpm dlx centoui init
+pnpm dlx centoui add button accordion
+```
+
+The module reads from the component directory created by `centoui init`. Without it, there are no components to register.
+
+## License
+
+[MIT](../../LICENSE) &copy; [Favour Emeka](https://github.com/favorodera)

package/dist/module.d.mts

@@ -1,5 +1,13 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
-declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
+interface ModuleOptions {
+    /**
+     * Prefix for all registered components (normalized to PascalCase internally).
+     * @default ""
+     */
+    prefix?: string;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "centoui-nuxt",
   "configKey": "centoui",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.30",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,12 +1,80 @@
-import { defineNuxtModule } from '@nuxt/kit';
+import { existsSync, readdirSync } from 'node:fs';
+import { defineNuxtModule, addComponentsDir, addTemplate, extendViteConfig, addComponent } from '@nuxt/kit';
+import { loadConfig } from 'c12';
+import { join, basename } from 'pathe';
 
+function kebabToPascalCase(kebabString) {
+  return kebabString.toLowerCase().split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function buildComponentName(prefix, base) {
+  const pascalBase = kebabToPascalCase(base);
+  if (!prefix) {
+    return pascalBase;
+  }
+  const pascalPrefix = kebabToPascalCase(prefix);
+  return `${pascalPrefix}${pascalBase}`;
+}
 const module$1 = defineNuxtModule({
   meta: {
     name: "centoui-nuxt",
     configKey: "centoui"
   },
-  defaults: {},
-  setup() {
+  defaults: {
+    prefix: ""
+  },
+  async setup(options, nuxt) {
+    const rootDir = nuxt.options.rootDir;
+    const { config } = await loadConfig({
+      name: "centoui",
+      cwd: rootDir
+    });
+    const componentsDir = join(rootDir, config.componentsDir);
+    if (!existsSync(componentsDir)) {
+      console.warn(`[centoui-nuxt] Component directory not found: ${componentsDir}`);
+      return;
+    }
+    addComponentsDir(
+      {
+        path: componentsDir,
+        extensions: [],
+        ignore: ["**/*"]
+      },
+      { prepend: true }
+    );
+    function registerComponents(componentsDir2) {
+      for (const group of readdirSync(componentsDir2, { withFileTypes: true })) {
+        if (!group.isDirectory()) continue;
+        const groupPath = join(componentsDir2, group.name);
+        for (const file of readdirSync(groupPath, { withFileTypes: true })) {
+          if (file.isFile() && file.name.endsWith(".vue")) {
+            addComponent({
+              name: buildComponentName(options.prefix, basename(file.name, ".vue")),
+              filePath: join(groupPath, file.name),
+              priority: 1
+              // Override default user components
+            });
+          }
+        }
+      }
+    }
+    registerComponents(componentsDir);
+    addTemplate({
+      filename: "centoui/config.ts",
+      write: true,
+      getContents: () => `export default ${JSON.stringify(config, null, 2)} as const
+`
+    });
+    nuxt.options.alias["#centoui/config"] = join(nuxt.options.buildDir, "centoui/config.ts");
+    extendViteConfig((config2) => {
+      config2.optimizeDeps ||= {};
+      config2.optimizeDeps.include ||= [];
+      config2.optimizeDeps.include.push(
+        "@vueuse/core",
+        "reka-ui",
+        "tailwind-variants",
+        "@iconify/vue"
+      );
+    });
   }
 });
 

package/dist/types.d.mts

@@ -1,7 +1,3 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module.mjs'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
 export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "centoui-nuxt",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.30",
   "description": "Official Nuxt module for CentoUI",
+  "keywords": [
+    "nuxt",
+    "nuxt-module",
+    "vue",
+    "ui",
+    "components",
+    "tailwindcss"
+  ],
   "author": "Favour Emeka <favorodera@gmail.com>",
   "license": "MIT",
   "homepage": "https://centoui.vercel.app",
@@ -33,16 +41,23 @@
     "access": "public"
   },
   "dependencies": {
-    "@nuxt/kit": "^4.4.2"
+    "@nuxt/kit": "^4.4.6",
+    "c12": "4.0.0-beta.5",
+    "pathe": "^2.0.3"
+  },
+  "peerDependencies": {
+    "centoui": "1.0.0-alpha.30"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.4.2",
-    "nuxt": "^4.4.2",
-    "vue-tsc": "^3.2.6"
+    "@nuxt/schema": "^4.4.6",
+    "nuxt": "^4.4.6",
+    "vue-tsc": "^3.2.6",
+    "centoui": "1.0.0-alpha.30"
   },
   "engines": {
-    "node": ">=24.13.0"
+    "node": ">=22.0.0",
+    "pnpm": ">=11.0.0"
   },
   "scripts": {
     "dev": "nuxt prepare && nuxt-module-build build --stub",