fix: use nuxt add component util for toaster

This allows Toaster component types to be available, and the Toaster component will only be loaded if it is actually imported.

Author: danielwaltz

src/module.ts

@@ -1,4 +1,9 @@
-import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
+import {
+  defineNuxtModule,
+  addComponent,
+  addPlugin,
+  createResolver
+} from '@nuxt/kit'
 
 import type { NuxtModule } from '@nuxt/schema'
 
@@ -16,6 +21,12 @@ const module: NuxtModule<ModuleOptions> = defineNuxtModule<ModuleOptions>({
   setup(options: ModuleOptions, nuxt) {
     const { resolve } = createResolver(import.meta.url)
 
+    addComponent({
+      name: 'Toaster',
+      export: 'Toaster',
+      filePath: 'vue-sonner'
+    })
+
     addPlugin({
       src: resolve('./runtime/plugin'),
       mode: 'client'

src/runtime/plugin.ts

@@ -1,11 +1,7 @@
-import { Toaster, toast } from 'vue-sonner'
+import { 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)
-
+export default defineNuxtPlugin(() => {
   return {
     provide: {
       toast