Swiper слайдер в nuxtjs не работаю кнопки next и prev?

Question

[NDll]

есть слайдер swipper, поялвяются кнопки след и пред слайды, но при клике ничего не происходит

<client-only>
                                    <swiper ref="mySwiper" :options="swiperOption">
                                        <swiper-slide v-for="banner in portfolio.galleries"><img :src="banner"></swiper-slide>
                                        <div class="swiper-button-prev" slot="button-prev"></div>
                                        <div class="swiper-button-next" slot="button-next"></div>
                                    </swiper>
                                </client-only>

data () {
            return {
                portfolio: [],
                swiperOption: {
                    navigation: {
                        nextEl: '.swiper-button-next',
                        prevEl: '.swiper-button-prev',
                    },
                },
            }
        },