How do I slide carousel from the method?

[spyderdsn]

I know I can do this:

<n-carousel @update:next="(value) => carouselNav(value)" keyboard mousewheel>

but I would like to have methods:

methods: {

slideLeft() { ... }
slideRight() { ... }

}

and when I call the method via eg.

<n-button @click="slideLeft" tertiary>My Custom Button</n-button>

the carousel will slide. There is nothing like this in the docs?

[spyderdsn]

I attached ref="carousel" to the carousel and called like this:

      document.addEventListener('keydown', (event) => {
        if (event.key === 'ArrowRight') this.$refs.carousel.next()
        if (event.key === 'ArrowLeft') this.$refs.carousel.prev()
      })