Compatibility with Nuxt Image

[justindasilva]

So I use Vue Cool Lightbox in my Nuxt application on my site and it is working great. Thanks for the plugin! :)

I also happen to use Nuxt Image (https://image.nuxtjs.org) to do some resizing and compression of some of the images on my site. The way it is done is with the <nuxt-img> component as described here: https://image.nuxtjs.org/components/nuxt-img

Now what I would like to do is essentially somehow combine the vue-cool-lightbox module with the Nuxt Image module in such a way where the lightbox will display images that are compressed/resized to my liking. What would be the easiest (if any) way of me accomplishing this?

Is there some way we could pass in a parameter to somehow change the that gets rendered within vue-cool-lightbox to instead be the that I need to do operations on images before being displayed? Any sort of hints here would be great. It would be nice to set a max width/height on the images that get shown in the lightbox and even smaller width/heights on the thumbnails that get generated.

And if doing this doesn't seem possible, I guess I can resort to compressing and resizing the images before project build. Essentially, not benefitting from Nuxt Image.