v-webp

Install

npm i v-webp --save

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

Vue.use(VueWebP);

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) {
    /* ... */
}