diff --git a/src/module.ts b/src/module.ts
index 81b990f..b07fb41 100644
--- a/src/module.ts
+++ b/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'
diff --git a/src/runtime/plugin.ts b/src/runtime/plugin.ts
index 0fca4aa..6df6cf3 100644
--- a/src/runtime/plugin.ts
+++ b/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