Add component and apply to import

app/layouts/default.vue

@@ -1,6 +1,6 @@
 <template>
     <ClientOnly>
-        <Toaster />
+        <Sonner />
     </ClientOnly>
     <AppSidebar />
     <SidebarInset>
@@ -25,5 +25,6 @@ import { useSlots } from 'vue'
 import 'vue-sonner/style.css'
 import AppSidebar from '~/components/ui/sidebar/AppSidebar.vue';
 
+import Sonner from '~/components/ui/sonner/Sonner.vue';
 const slots = useSlots()
 </script>