Nuxt · NUXT0007

Use NuxtPicture for format negotiation

Finds Nuxt project code that should use the supported NuxtPicture for formats pattern instead.
NUXT0007vite-doctor/nuxt-imageimagesinfoSuggestion
nuxt-image/prefer-nuxtpicture-for-formatssrc/rule-packs/nuxt/rules/nuxt-image.ts Upstream docs

Run this rule

pnpm nuxt doctor --rules nuxt-image/prefer-nuxtpicture-for-formats

Why it matters

Images affect accessibility, layout stability, and performance. Nuxt Image gives the framework enough information to optimize them.

Use <NuxtPicture> when you need format or source-set control.

Example

Use NuxtPicture for formats

Before

<template>
  <img src="/hero.png">
</template>

After

<template>
  <NuxtImg src="/hero.png" alt="Hero" width="1200" height="630" />
</template>
Copyright © 2026