Nuxt Easy Lightbox

A plugin to the simple Vue 3 Image Lightbox component with Zoom / Drag / Rotate / Switch.

!Nuxt Easy Lightbox

- ✨ Release Notes
- 🏀 Online playground
- 📖 Documentation

Features

- 🪶 Lightweight, Fast Loading
- ❤️ Easy to Use with Lots of Features
- 🖼️ Image Slider in Lightbox

Quick Setup

1. Install the module to your Nuxt application with one command:

``bash npx nuxi module add nuxt-easy-lightbox`

2. Add module to nuxt.config.ts`js export default defineNuxtConfig({ modules: ['nuxt-easy-lightbox'], })`

3. Next use the component VueEasyLightbox right next to image element for which you want to use lightbox.

`vue

`Remember - For group of images you need only a singleVueEasyLightbox since they can be viewed through slider. Put all the images in an Array and pass it to imgsargument. - For individual images, for eachimg element you need individual lightbox.

That's it! You can now use Easy Lightbox in your Nuxt app ✨

`Contribution`


  Local development

bash
  # Install dependencies
  pnpm install
  
  # Generate type stubs
  pnpm dev:prepare
  
  # Develop with the playground
  pnpm dev
  
  # Build the playground
  pnpm dev:build
  
  # Run ESLint
  pnpm lint
  
  # Run Vitest
  pnpm test
  pnpm test:watch
  
  # Release new version
  npm run release