Conflict with DaisyUI .carousel

[howard-tzw]

Hi all,

In my case, I'm trying both Vite and Nuxt3, but I failed to import the carousel correctly. It looks like this:

And when I remove TailwindCSS, it works well like the following

Have you encountered any similar issues when using Tailwind CSS with vue3-carousel? It seems like I can't find any relevant discussions or solutions. Thanks

[howard-tzw]

I have identified that the issue lies in my usage of the DaisyUI plugin for TailwindCSS, specifically due to a conflicting class named ".carousel" causing layout issues. Here is my temporary solution:

<style lang="scss" scoped>
:deep(.carousel) {
	display: block;
	overflow-x: auto;
	scroll-snap-type: none;
	scroll-behavior: auto;
}
</style>