https://www.quantik.co.uk/js/components/swiper-carousel.js

1class SwiperCarousel extends HTMLElement {
2  connectedCallback() {
3    const swiper = new Swiper(this, {
4      direction: 'horizontal',
5      loop: true,
6
7      // If we need pagination
8      pagination: {
9        el: '.swiper-pagination',
10      },
11
12      breakpoints: {
13        // when window width is >= 320px
14        1024: {
15          navigation: {
16            enabled: true,
17          },
18          slidesPerView: 2,
19          spaceBetween: 32
20        },
21      },
22
23      // Navigation arrows
24      navigation: {
25        enabled: false
26      },
27
28      autoplay: {
29        delay: 8000
30      },
31    });
32  }
33}
34
35window.customElements.define('swiper-carousel', SwiperCarousel);