Nuxt Swiper

[!IMPORTANT]

Nuxt Swiper utiliza Swiper.js como su base usando sus componentes web. Por favor, asegúrate de leer la documentación de Swiper.js antes de usar este módulo y reportar cualquier problema que no esté directamente relacionado con Nuxt Swiper. Si hay un error subyacente, por favor envía un issue al repositorio de Swiper.js.

[!NOTE]

Si quieres aprender cómo usar componentes web en Vue.js por favor consulta la documentación aquí: Vue.js Web Components

Características

• 📖 Código Abierto
• 🪄 Soporte para TypeScript
• ✅ Importaciones Automáticas Habilitadas
• ✨ Funciona Directamente sin Configuración como por Arte de Magia

Configuración

Pruébalo en línea

Paso 1: Instalar el módulo

npx nuxi@latest module add swiper

Uso

[!NOTA]

Dado que estos son componentes web, utilizan la convención de nomenclatura kebab-case en lugar de la convención camelCase que usa Vue.

| Componentes Swiper (WebComponent) | | --------------------------------- | | | | |

Opciones del Módulo

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
}

Créditos

Swiper.js es desarrollado por @nolimits4web.

Nuxt Swiper` es desarrollado por @cpreston321.

📧 Contacto

X (anteriormente conocido como Twitter) - @christian_ggg

Además, si te gusta mi trabajo, siéntete libre de invitarme a un café ☕️

Colaboradores

MIT Licencia © 2025 CP

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