Many SwiperJS sliders on page

multi-swiperJS.js

const sliders = document.querySelectorAll('.swiper-container');

sliders.forEach((el) => {
	let swiper = new Swiper(el, {
		slidesPerView: 3,
		spaceBetween: 10,
		loop: true,
		pagination: {
			el: el.querySelector('.swiper-pagination'),
			clickable: true,
		},
		navigation: {
			nextEl: el.querySelector('.swiper-button-next'),
			prevEl: el.querySelector('.swiper-button-prev'),
		},
	});
});