hcesrl / vue-responsive-image Goto Github PK

Hi,

I would love to use vue-responsive-image on my project, but can't get it to work in my template. I am using require() to load the appropriate image from a json object that contains the data, but it doesn't play well with the plugin.
<vue-responsive-image @click="goToItem" :image-url="require(@/assets/work/${work.img}_%width%x%height%.jpg)" :image-ratio="work.ratio" ></vue-responsive-image>
(Back ticks are not showing on the code preview)

When I omit the %width%x%height the image is loading but I don't get any responsive behavior of course.
Another issue I have is the @click event. That doesn't seem to stick.

Hi,
is it possible to support Vue 3 of this plugin?
Thanks in advance.

Please update css-loader and vue-loader packages