Swiper Element (Web Component) does not render last 2 slides when using loop + slidesPerView="auto" + custom slide width

[nekooee]

When using Swiper Element (swiper/element) with the following combination:
loop: true
slidesPerView: "auto"
custom slide width via CSS (e.g. 50vw or flex-basis: 50vw)

…the last 2 slides never render their slot content.

This happens regardless of the actual number of slides.
Even with 20 slides, the last 2 do not project slot content.

A minimal reproduction project has been created and is available at the link below.

https://codesandbox.io/p/devbox/t7z3vw

Could you please guide me on what is causing this behavior or whether it's a known limitation/bug in Swiper Element?

[nekooee]

onMounted(() => {
    const swiper = slider.value.swiper

    if (swiper && swiper.loopCreate) {
        swiper.loopDestroy()
        swiper.loopCreate()
    }
})

This solves it for now, but I'm not sure if this is the correct approach.
If there is a better or recommended solution, please let me know — otherwise this might be a bug in loop initialization.

[Hiiragi0831]

onMounted(() => {
  nextTick(() => {
    const el = document.querySelector('#home-slider') as any
    const swiper = el?.swiper

    if (swiper) {
      swiper.loopDestroy()
      swiper.loopCreate()
    }
  })
})