zh-rocco / vue-photoswipe-directive Goto Github PK

I'm trying to use this amazing plugin for a list of images and videos. Clicking on the images I'm getting the expanded version but the videos don't work as expected.
Is there any to fix this?

In order to make it client-only (to avoid the reference error: window is not defined), I did as follows:

yarn add photoswipe
yarn add vue-photoswipe-directive

1. Created a file inside plugins folder, for example, directives.js:

import Vue from 'vue'
import createPreviewDirective from 'vue-photoswipe-directive'

Vue.directive('preview', createPreviewDirective())

2. In nuxt.config.js add something like plugins: [{ src: '~/plugins/directives', mode: 'client' }]
3. used in component.vue :
   <img v-preview src="path/to/image.jpg" alt="image" />

All works well on initial page load. But on the page reload it doesn't work causing the error:

Is there a way to do v-preview:DYNAMIC_VALUE?