sending update event to swiper with vue.js

[timfajr]

hii i was try emit this event this.$refs.filterSwiper.swiper.update()
but its pop out , Cannot read properties of undefined (reading 'update')
also if i print out in console.log(this.$refs.filterSwiper.swiper) its said undefined
but console.log(this.$refs.filterSwiper) is work but target is object and cant emit event

this my code that how i import swiper to my vue.js pls refference me with a way to import so i can send this event

// Import Swiper Vue.js components
import { Swiper, SwiperSlide } from 'swiper/vue';
// import required modules
import { Grid, Pagination, Virtual } from 'swiper/modules';
// Import Swiper styles
import 'swiper/css';
import 'swiper/css/grid';
import 'swiper/css/pagination';
export default {
    components: {
        Swiper,
        SwiperSlide,
    },
    setup() {
        return {
            modules: [Grid, Pagination],
}
}

and this on template code

<swiper :slidesPerView="3" :spaceBetween="10" :grabCursor="true"
                        :modules="modules" @slideChange="onSlideChange" @click="onClicked" @swiper="swiperInit"
                        class="mySwiper" ref="filterSwiper">

and here methods that i use to print console.log
plan is to force update and move the slide to since i change the button classes on move

handlefilter(filter) {
     this.selected.filter = filter
     console.log(this.$refs.swipers.swiper.update('force'))
 },
 onSlideChange(index) {
     console.log(index.activeIndex)
     index.update('forced')
 },
 onClicked(index) {
     if (index.clickedIndex == 0) {
         this.selected.filter = "jadwal"
     }
     if (index.clickedIndex == 1) {
         this.selected.filter = "materi"
     }
     console.log(index.clickedIndex)
     console.log(this.$refs.filterSwiper.swiper)
 },
 swiperInit(index) {
     console.log(index)
 }

button that i try to change on move

<button :class="{
        'bg-buttonactive2 text-white': selected.filter === 'ujian',
        'bg-transparent text-black': selected.filter !== 'ujian'
        }
        " class="p-2 rounded-md px-4 w-full h-full">
            Ujian
</button>

[timfajr]

solved , using setup() , ref @swiper event and bind it for who try to make this work ^^