blue-photoswipe-component

Photoswipe in vue

Requirements

PhotoSwipe

Use

use in ES6

import { photoSwipe, photoSwipeComponent } from 'blue-photoswipe-component';
Vue.use(photoSwipe,PhotoSwipeOptions);
Vue.component('blue-photoswipe-component',photoSwipeComponent);

Vue directive

v-blue-photoswipe

<div v-blue-photoswipe="{photoswipeOptions,itemTagName:'DIV'}">
  <div>
    <img src="" alt="">  
  </div>
</div>

about options itemTagName (default:'LI')

this option is closest img parentNode tagName same this itemTagName