v-webp

Install ES6

npm i v-webp --save

import Vue from 'vue';
import VueWebP from 'v-webp';

Vue.use(VueWebP);

Install ES5

npm i v-webp --save

var Vue = require('vue');
var VueWebP = require('./node_modules/v-webp/es5.js');

Vue.use(VueWebP);

Use browserify!

Usage

<img v-webp="'/image.png'"/>

Or

<img v-if="$webp" src="/image.webp"/>
<img v-else src="/image.png"/>

Or

html.webp {
    /* ... */
}

html:not(.webp) {
    /* ... */
}