add some files

app.vue

@@ -1,21 +0,0 @@
-<template>
-    <div>
-        <MlButton
-      :pt="{
-        root: { class: '' },
-        outer: { class: 'bg-gradient-to-r from-accent1 to-accent2' },
-        inner: { class: 'dark:bg-gradient-to-r bg-white' },
-      }"
-    >
-      Let's talk
-    </MlButton>
-    </div>
-</template>
-
-<script setup>
-
-</script>
-
-<style lang="scss" scoped>
-
-</style>

modules/module.ts

@@ -2,7 +2,7 @@
 import {
   defineNuxtModule,
   createResolver,
-  addComponent,
+  addComponentsDir,
 } from "@nuxt/kit";
 
 export interface ModuleOptions {}
@@ -16,9 +16,11 @@ export default defineNuxtModule<ModuleOptions>({
   setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);
 
-    addComponent({
+    addComponentsDir({
-      name: 'MlButton',
+      path: resolver.resolve("../src/components/Ml"),
-      filePath: resolver.resolve('../src/components/Ml/Button/MlButton.vue')
+    });
+    addComponentsDir({
+      path: resolver.resolve("../src/composables"),
     });
   },
 });

nuxt.config.ts

@@ -1,7 +1,7 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  css: ["~/assets/css/main.css"],
+  css: ["./assets/css/main.css"],
-  modules: ["@nuxtjs/tailwindcss", "@nuxtjs/color-mode", "~/modules/module"],
+  modules: ["@nuxtjs/tailwindcss", "@nuxtjs/color-mode", "./modules/module.ts"],
   compatibilityDate: "2024-04-03",
   devtools: { enabled: true },
   colorMode: {},

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt3-reusable-components",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "private": false,
   "type": "module",
   "main": "index.js",