Matthew's questions

Pesquisei algum código relacionado neste fórum. Eu uso autoplay.stop() para pausar e autoplay.start() para continuar. Mas quero juntar 2 botões em 1 (pausa inicial da imagem, depois de pressioná-lo mude para iniciar img). Como posso alternar a pausa e reiniciar com 1 botão?

Meu trabalho:

HTML:

<template>
    <!-- Pause btn -->
    <div class="flex gap-2">
     <button>
      <img src="src/image/button/pause.png" @click="swiperPause" />
     </button>
     <button @click="swiperCont">continue</button>
    </div>
</template>

Roteiro:

<script>
export default{
methods: {
    swiperPause() {
      this.swiper.autoplay.stop();
    },
    swiperCont() {
      this.swiper.autoplay.start();
    },
  },
}
</script>