diff --git a/apps/www/src/content/docs/components/toast.md b/apps/www/src/content/docs/components/toast.md
index 1514472b..ab38ac17 100644
--- a/apps/www/src/content/docs/components/toast.md
+++ b/apps/www/src/content/docs/components/toast.md
@@ -45,11 +45,13 @@ import { useToast } from '@/components/ui/toast/use-toast'
 <script setup lang="ts">
 import { Button } from '@/components/ui/button'
 import { useToast } from '@/components/ui/toast/use-toast'
+import Toaster from "@/components/ui/toast/Toaster.vue"
 
 const { toast } = useToast()
 </script>
 
 <template>
+  <Toaster />
   <Button
     @click="() => {
       toast({