# npmnpm install nuxt-swiper# yarnyarn add nuxt-swiper#pnpmpnpm add nuxt-swiper

// nuxt.config.tsimport { defineNuxtModule } from 'nuxt'export default defineNuxtConfig({  modules: ['nuxt-swiper']  swiper: {    // Swiper options    //----------------------    // prefix: 'Swiper',    // styleLang: 'css',    // modules: ['navigation', 'pagination'], // all modules are imported by default  }})

<template>  <Swiper    :modules="[SwiperAutoplay, SwiperEffectCreative]"    :slides-per-view="1"    :loop="true"    :effect="'creative'"    :autoplay="{      delay: 8000,      disableOnInteraction: true,    }"    :creative-effect="{      prev: {        shadow: false,        translate: ['-20%', 0, -1],      },      next: {        translate: ['100%', 0, 0],      },    }"  >    <SwiperSlide v-for="slide in 10" :key="slide">      <strong>{{ slide }}</strong>    </SwiperSlide>  </Swiper></template>

type SwiperStyleLangType = 'css' | 'scss'type SwiperModulesType =  | 'a11y'  | 'autoplay'  | 'controller'  | 'free-mode'  | 'grid'  | 'hash-navigation'  | 'history'  | 'keyboard'  | 'manipulation'  | 'mousewheel'  | 'navigation'  | 'pagination'  | 'parallax'  | 'scrollbar'  | 'thumbs'  | 'virtual'  | 'zoom'  | `effect-${SwiperInterface['effect']}`export interface SwiperModuleOptions {  /**   * The prefix to use for the Swiper Modules to import.   * This is useful for importing only the modules you need and   * avoiding importing the entire Swiper library.   *   * e.g. `${prefix}Autoplay` -> `SwiperAutoplay`   *   * @default 'Swiper' - import components from 'swiper/vue' by default   */  prefix?: string  /**   * Which type of lang of styles to import   *   * @default 'css' - imports css from 'swiper/css' by default   */  styleLang?: SwiperStyleLangType  /**   * Swiper modules to import   *   * '*' - imports all modules   * '['thumbs', 'lazy']' - imports only specified modules   *   * @default '*' - imports all modules by default   */  modules?: '*' | SwiperModulesType[]}export {}