Unable to get srcset to work as expected

Using version 1.2.2 with Vue 2.5.15

I’m not able to get srcset to work as expected. The following output without your plugin works as expected in Chrome:

<img
  srcset="http://via.placeholder.com/180x150 180w,http://via.placeholder.com/250x150 250w,http://via.placeholder.com/350x150 350w,http://via.placeholder.com/500x150 500w"
  sizes="(min-width: 1024px) 48.828125vw,(min-width: 768px) 45.57291666666667vw,100vw">

When replacing srcset with data-srcset and adding v-lazy="'http://via.placeholder.com/180x150'" the 180x150 image is always shown. What do I oversee? Why is data-srcset not just converted to srcset when the image needs to be loaded and let the browser do the calculation (I know there would have to be a polyfill for older browsers)?

[Jones-S]

This has been around for quite a while and is definitely of a reason not to use this plugin anymore… Is there anyone who got this problem solved?

[Ra1nko]

You can use adapter to make data-srcset work i guess It seems that lazyload don’t change data-srcset to srcset by default

`

Vue.use(VueLazyload, {
  ...
  adapter: {
    loaded ({el}) {
        const srcSet = el.attributes['data-srcset'];
        if (srcSet) {
            el.setAttribute('srcSet', srcSet.value);
        }
    },
  }
});

`