feat: add vue-sonner for nuxt module

Author: xiaoluoboding

.gitignore

@@ -25,4 +25,7 @@ temp
 *.sln
 *.sw?
 
-components.d.ts
+components.d.ts
+
+.nuxt
+playground/.nuxt

package.json

@@ -7,7 +7,7 @@
     "dev": "vite",
     "dev:playground": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "build:dev": "vite build --mode lib --watch",
     "build:docs": "vite build --mode docs",
     "build:lib": "vite build --mode lib && pnpm run build:types",
@@ -73,6 +73,7 @@
     "unplugin-vue-components": "^0.27.4",
     "vite": "^5.4.9",
     "vue": "^3.5.12",
+    "vue-sonner": "^1.2.3",
     "vue-tsc": "^2.1.6"
   },
   "dependencies": {

playground/nuxt.config.ts

@@ -1,5 +1,5 @@
 export default defineNuxtConfig({
-  modules: ['../src/module'],
+  modules: ['../lib/nuxt'],
   devtools: { enabled: true },
   compatibilityDate: '2024-04-03'
 })

pnpm-lock.yaml

@@ -1,16 +1,8 @@
-import {
-  defineNuxtModule,
-  addPlugin,
-  addComponent,
-  createResolver
-} from '@nuxt/kit'
+import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
 
 import type { NuxtModule } from '@nuxt/schema'
 
-// Define module options interface
-interface ModuleOptions {
-  // Add your module options here if needed
-}
+interface ModuleOptions {}
 
 const module: NuxtModule<ModuleOptions> = defineNuxtModule<ModuleOptions>({
   meta: {
@@ -20,21 +12,15 @@ const module: NuxtModule<ModuleOptions> = defineNuxtModule<ModuleOptions>({
       nuxt: '^3.0.0'
     }
   },
-  // Explicitly type the setup function
+  defaults: {},
   setup(options: ModuleOptions, nuxt) {
-    const resolver = createResolver(import.meta.url)
+    const { resolve } = createResolver(import.meta.url)
 
-    // Do not add the extension since the `.ts` will be transpiled to `.mjs` after `npm run prepack`
     addPlugin({
-      src: resolver.resolve('./runtime/plugin'),
+      src: resolve('./runtime/plugin'),
       mode: 'client'
     })
 
-    addComponent({
-      name: 'Toaster',
-      filePath: resolver.resolve('../packages/Toaster.vue')
-    })
-
     if (!nuxt.options.build.transpile) nuxt.options.build.transpile = []
     const transpileList = ['vue-sonner']
     transpileList.forEach((pkgName) => {

src/module/index.ts src/module.ts

@@ -0,0 +1,14 @@
+import { Toaster, toast } from 'vue-sonner'
+import { defineNuxtPlugin } from 'nuxt/app'
+
+import type { NuxtApp } from 'nuxt/app'
+
+export default defineNuxtPlugin((nuxtApp: NuxtApp) => {
+  nuxtApp.vueApp.component('Toaster', Toaster)
+
+  return {
+    provide: {
+      toast
+    }
+  }
+})