<NuxtPicture>
Nuxt 提供了 <NuxtPicture> 元件來處理自動圖片最佳化。
<NuxtPicture> 是原生 <picture> 標籤的直接替代品。
使用 <NuxtPicture> 幾乎與 <NuxtImg> 相同，但它也允許在可能的情況下提供現代格式，如 webp。
深入了解 <picture> 標籤在 MDN 上的說明。
設定
為了使用 <NuxtPicture>，您應該安裝並啟用 Nuxt Image 模組
終端機
npx nuxi@latest module add image