How to use "Swipe Thumb" in the latest version?

[yi-boide]

Dear Sir,
Do you have any examples of using the latest version of SwiperThumbs?
I'm stuck on it.
Please anyone help me
Thank you

[fredericDelaporte]

I have switched the config from attributes on the tag to programmatically set. Then I had to add thumbs initialization once both swipers are initialized.

So, something like:

<swiper-container ref="visualsSwiperContainer" :init="false">
  ...
</swiper-container>
...
<swiper-container ref="thumbsSwiperContainer" :init="false">
  ...
</swiper-container>

With:

const thumbsSwiperContainer = ref(null)
const thumbsSwiper = useSwiper(thumbsSwiperContainer, {
  slidesPerView: 5
  // Other settings.
})
const visualsSwiperContainer = ref(null)
const visualsSwiper = useSwiper(visualsSwiperContainer, {
  modules: [Thumbs],
  // Other settings.
  
  // Likely useless because the instance is still undefined at that point, but I have left it.
  thumbs: { 
    swiper: thumbsSwiper.instance.value
  }
})

// Init the thumbs once the instances are there.
watch([thumbsSwiper.instance, visualsSwiper.instance], () => {
  if (!visualsSwiper.instance.value || !thumbsSwiper.instance.value)
    return
  visualsSwiper.instance.value.thumbs.swiper = thumbsSwiper.instance.value
  visualsSwiper.instance.value.thumbs.init()
}, { immediate: true })