Se a tutora mostrou em vídeo e eu não reparei, mas eu não estava conseguindo passar as imagens clicando nas setas. Dei uma olhada na documentação e pesquisei por "swiper-button-next", e lá tem o seguinte trecho de código:
const swiper = new Swiper('.swiper', {
// Install modules
modules: [Navigation, Pagination, Scrollbar],
speed: 500,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// ...
});
No caso do AluraBooks é só deixar assim
const swiper = new Swiper('.swiper', {
spaceBetween: 10,
slidesPerView: 3,
speed: 500,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});