Carousel Component Responsive Bug

[Creo-KR]

Describe the bug

When the screen size is small, the number of indicators does not match, and some items are not rendered.

Capture:

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/run?file=src%2FApp.vue

Environment

Windows, Chrome

Vue version

x.x.x

PrimeVue version

4.x.x

Node version

No response

Browser(s)

Chrome

Steps to reproduce the behavior

1. Resize the browser width to 1280px.
2. Enter the Carousel API Doc at https://primevue.org/carousel.
3. Check the basic example.

Expected behavior

The Carousel should display the correct number of indicators and render all items properly.

[github-actions]

Due to PrimeTek's demanding roadmap for PrimeVue and the limited bandwidth of the core team, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨