Epicnabbo-Catalogus-Updated-Daily/cms update/resources/themes/atom/js/components/AtomSliders.js

import Swiper, { Autoplay, Pagination } from "swiper";

const AtomSliders = {
    init() {
        document.addEventListener("turbolinks:load", () => {
            this.initArticleSlider();
        });
    },

    initArticleSlider() {
        if (!document.querySelector(".article-slider")) return;

        new Swiper(".articles-slider", {
            modules: [Autoplay, Pagination],
            slidesPerView: 1,
            loop: true,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
                pauseOnMouseEnter: true,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
    },
};

export { AtomSliders as default };