supercharged-slider/src/middlewares/slidesPerView.ts

A super modular tiny slider library.

import { Middleware } from '~/types';

const slidesPerView = (count: number): Middleware => ({
  name: 'slidesPerView',
  callback: (slider) => {
    const elementWidth = slider.element.clientWidth;
    const slideWidth = elementWidth / count;

    slider.slidesPerView = count;
    slider.slideWidth = slideWidth;
    slider.slideStyles.width = `${slideWidth}px`;
  },
});

export default slidesPerView;