fix: use nuxt add component util for toaster

[danielwaltz]

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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
vue-sonner	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 19, 2024 4:33pm

[pkg-pr-new]

Open in Stackblitz

pnpm add https://pkg.pr.new/xiaoluoboding/vue-sonner@103

commit: 17adfb9

[danielwaltz]

@xiaoluoboding Thanks for merging this so quickly! Also wanted to note here that in order to force the component to be client-only, you can also pass a mode to addComponent that forces it like you can with addPlugin:

addComponent({
  name: 'Toaster',
  export: 'Toaster',
  filePath: 'vue-sonner'
  mode: 'client', // <- mode here
})

This may be easier and cleaner than needing to add a <ClientOnly> wrapper around it!