{"library":"vue-lazyload","type":"library","category":null,"description":"Vue-Lazyload is a Vue.js module designed for efficiently lazy-loading images within Vue 3 applications. As of version 3.0.0, it is specifically tailored for Vue 3, offering a lightweight and powerful solution to improve initial page load performance by deferring image loading until they enter the viewport. It provides a simple directive-based API (`v-lazy`) for individual images and supports managing groups of images within a container using `v-lazy-container`. The library offers customization through options for custom loading and error placeholders, configurable pre-loading distances, and various event listeners. While historical versions targeted Vue 1.x and 2.x, the current major release, v3.0.0, represents a significant shift to Vue 3, necessitating changes in application initialization. The project's release cadence appears to be irregular, with notable intervals between major version updates.","language":"javascript","status":"active","version":"3.0.0","tags":["javascript","vue-lazyload","vue","lazyload","vue-directive","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-lazyload","imports":["import VueLazyload from 'vue-lazyload'","<img v-lazy=\"imageSrc\">","<div v-lazy-container=\"{ selector: 'img', error: 'error.jpg' }\">\n  <img data-src=\"//example.com/img.jpg\">\n</div>"]},{"cmd":"yarn add vue-lazyload","imports":[]},{"cmd":"pnpm add vue-lazyload","imports":[]}],"homepage":null,"github":"https://github.com/hilongjw/vue-lazyload","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-lazyload","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-lazyload/compatibility"}}