Webp не работает во vue.js

При попытке подключить изображения с помощью тега picture, сервер загружает и webp, и png. Как можно сделать так, чтобы загружался только webp формат (если браузер поддерживает webp)

<picture>
  <source
    type="image/webp"
    :srcset="require('@/assets/img/avatar.webp')"
  />
  <img :src="require('@/assets/img/avatar.png')" alt="" />
</picture>