Vue progressive image loading plugin

vue-progressive-image

Use this plugin to load images in your app progressively. The image can first load blurry and then appear in full resolution so the page won't appear empty.

Example

Installation

npm install vue-progressive-image

Usage

import VueProgressiveImage from 'vue-progressive-image'

Vue.use(VueProgressiveImage)
<progressive-img
    src="https://unsplash.it/1920/1080?image=0"
    placeholder="https://unsplash.it/48/27?image=0"
    <!-- adjust the level of blur  -->
    blur="30"
/>

You can find the repo of the plugin on GitHub.