Как я могу навешать функцию (allowSlideNext) на переключатель компонента кнопки?

Как я могу навешать функцию (allowSlideNext) на переключатель компонента кнопки Использую swiper Как понимаю нужно использовать контроллер

Мой кнопка

<ButtonCircle
    icon="arrow-next"
    aria-label="Next"
    @click="clickSlideNext"
  />
</GridBox>

Слайдер

<swiper
    :slides-per-view="3"
    :space-between="24"
    navigation
    @swiper="onSwiper"
    @slideChange="onSlideChange"
  >
    <swiper-slide>Slide 1</swiper-slide>
    <swiper-slide>Slide 2</swiper-slide>
    <swiper-slide>Slide 3</swiper-slide>
    <swiper-slide>Slide 4</swiper-slide>
    <swiper-slide>Slide 5</swiper-slide>
    <swiper-slide>Slide 6</swiper-slide>
  </swiper>