✨ Features:

• use webp when supported
• support background-image and img

🔧 Installation

NPM

npm install v-webp-next --save

YARN

yarn add v-webp-next

📦 Usage

// install
import VWebp from 'v-webp-next'
Vue.use(VWebp)

// nromal use with img
<img v-webp="./static/img/test.jpg"/>
<img v-webp="require('./assets/test.jpg')"/>
<img v-webp="[require('./assets/test.jpg'), require('./assets/test.webp')]"/>

// add modifier .bg when use image in background-image property
<div v-webp.bg="[require('./assets/test.jpg'), require('./assets/test.webp')]"></div>
<div v-webp.bg="./static/img/test.jpg"></div>