lowbite Carousel Component in Vue Application

[HeadStudios]

I have successfully integrated the Flowbite Carousel into my Vue project. However, I am encountering a problem where I am unable to click to the next image in the carousel, and no other images are displayed beyond the first one. This issue persists across different browsers, and I have ensured that all necessary dependencies, including Tailwind CSS, are properly installed and configured.

To provide you with a clearer picture of the issue, I have recorded a short video demonstrating the problem: https://share.zight.com/X6unX98z

Here is a brief overview of my current implementation:

Checked for JavaScript errors in the browser console.
Ensured that the Vue component is correctly rendering.
Verified the compatibility and versions of all dependencies.
I would greatly appreciate any guidance or suggestions you could provide to resolve this issue. If there are any specific details or further information you need, please do not hesitate to let me know.

Thank you for your time and assistance. I look forward to your response.