Nuxt Swiper

[!IMPORTANT]

Nuxt Swiper utilise Swiper.js comme base en utilisant ses composants web. Veuillez vous assurer de lire la documentation de Swiper.js avant d’utiliser ce module et de signaler tout problème qui ne serait pas directement lié à Nuxt Swiper. S’il y a un bug sous-jacent, merci de soumettre un problème au dépôt de Swiper.js.

[!NOTE]

Si vous souhaitez apprendre comment utiliser les composants web dans Vue.js, veuillez consulter la documentation ici : Vue.js Web Components

Fonctionnalités

• 📖 Open Source
• 🪄 Support TypeScript
• ✅ Importations Automatiques Activées
• ✨ Fonctionne immédiatement comme par magie

Installation

Essayez en ligne

Étape 1 : Installer le module

npx nuxi@latest module add swiper

Utilisation

[!NOTE]

Étant donné qu'il s'agit de composants web, ils utilisent la convention de nommage en kebab-case contrairement à la convention camelCase utilisée par Vue.

| Composants Swiper (WebComponent) | | -------------------------------- | | | | |

Options du module

interface ModuleOptions {
  /
   
Enable custom Swiper composables to help you access Swiper instance.
   
@example ``vue

   

   
*
   

   
`

   
@default true
   
*/
  enableComposables?: boolean
  /
   
Bundle Swiper custom elements.
   
if disabled, you need to import swiper css and modules manually.
   
@see https://swiperjs.com/element#core-version--modules
   
@default true
   
*/
  bundled?: boolean
}

Utilisation de base

Utilisation avancée

💻 Développement

Crédits

Swiper.js est développé par @nolimits4web.

Nuxt Swiper` est développé par @cpreston321.

📧 Contact

X (anciennement connu sous le nom Twitter) - @christian_ggg

Aussi, si vous aimez mon travail, n’hésitez pas à m’offrir un café ☕️

Contributeurs

MIT Licence © 2025 CP

--- Tranlated By Open Ai Tx | Last indexed: 2025-12-15 ---