Vue Lazysizes Directive

If you use Lazysizes this vue-directive updates img element if src attribute is dynamic

How to use

Install package

yarn add vue-lazysizes

Script section of SFC

<script>
import vueLazysizes from 'vue-lazysizes';
 
export default {
  directives: {
    lazysizes: vueLazysizes
  },
}
</script>

Template section

<img v-lazysizes :data-src="dynamicSrc" />