<NuxtPicture>
Nuxt fornece um componente <NuxtPicture> para lidar com a otimização automática de imagens.
<NuxtPicture> é um substituto direto para a tag nativa <picture>.
O uso de <NuxtPicture> é quase idêntico ao <NuxtImg>, mas também permite servir formatos modernos como webp quando possível.
Saiba mais sobre a tag <picture> no MDN.
Configuração
Para usar <NuxtPicture>, você deve instalar e habilitar o módulo Nuxt Image:
Terminal
npx nuxt module add image
※Esta página é uma tradução não oficial da documentação oficial do Nuxt.js.
A página correspondente na documentação oficial está aqui:
https://nuxt.com/docs/3.x/api/components/nuxt-picture