From 86da196930f6655b38607ffd5d7f6193968f05ab Mon Sep 17 00:00:00 2001
From: wasimTQ <wasimthoufiq21@gmail.com>
Date: Sat, 30 Dec 2023 14:42:58 +0530
Subject: [PATCH] fix: update docs

---
 apps/www/src/content/docs/components/carousel.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/www/src/content/docs/components/carousel.md b/apps/www/src/content/docs/components/carousel.md
index c2d724f4..6cba268c 100644
--- a/apps/www/src/content/docs/components/carousel.md
+++ b/apps/www/src/content/docs/components/carousel.md
@@ -175,15 +175,15 @@ You can pass options to the carousel using the `opts` prop. See the [Embla Carou
 
 ## API
 
-Use the `useCarousel` hook to get the instance of the API.
+Use the `@init-api` emit method on `<Carousel />` component to set the instance of the API.
 
 <ComponentPreview name="CarouselApi" />
 
 ## Events
 
-You can listen to events using the api instance from `useCarousel()`.
+You can listen to events using the API. To get the API instance use the `@init-api` emit method on the `<Carousel />` component
 
-```vue
+```vue showLineNumbers {5,7-9,25}
 <script setup>
 import { nextTick, ref, watch } from 'vue'
 import { useCarousel } from '@/components/ui/carousel'