Virtual + loop with amount of slides less or equal to 3 leads to rendering duplicates

[artur-pipchenko]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/devbox/swiper-vue-virtual-slides-forked-v5kyft

Bug description

when we pass props :virtual="true" and :loop="true" with small amount of slides, we get duplicates due to the logic of creating an array of rendered elements. If this amount is less than or equal to 3, logic still tries to create an array of 4 elements, which leads to one element always be a duplicate. Hence we receive warning in console, and DOM tree starts to grow with each swipe

Expected Behavior

No duplicate warnings in console

Actual Behavior

Warning about duplicates when sliding left/right and continuosly growing list of DOM elements representing slides

Swiper version

11.1.3

Platform/Target and Browser Versions

Chrome 125.0.6422.77

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR