Swiper

Nuxt module for Swiper.js - Most modern mobile touch slider with hardware accelerated transitions.

Installation

npm i nuxt-swiper

Setup

Add the following lines to the modules section of nuxt.config.{ts,js}

modules: ['nuxt-swiper']

Demo

Swiper.vue

<template>
  <Swipe>
    :modules="[ SwiperAutoplay ]"
    :slides-per-view="1"
    :loop="true"
    :autoplay="{ delay: 2000 }">
    <SwiperSlid>
      v-for="index in 5"
      :key="index">
      {{ index }}
    </SwiperSlide>
  </Swiper>
</template>