is this a bug when integrating swiper with Vue or bug in Vue?

[handhikadj]

I'm using Vue 3 wih swiperjs.

I have issue. v-bind:class is acting weird here.

when I go to second slide, the !h-auto class is not applied to the second slide. but when I go to first slide, it's applied to the second slide while it should be applied when I'm on the second slide the second element next to the image in the slide is taller than the image in the second slide.

the expected result is the !h-auto class is applied when the second element next to the image in the slide is taller than the image. it's 'in-sync' with the v-bind:class="{ '!h-auto': isDescriptionTaller(index) }" in other words

https://codesandbox.io/s/great-cartwright-qxecew?file=/src/App.vue

not sure which bug is on

Untitled.mp4