Use NuxtImg for app images

Run this rule

pnpm nuxt doctor --rules nuxt-image/prefer-nuxtimg

Why it matters

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

Recommended fix

Use <NuxtImg> with alt text and dimensions for optimized Nuxt images.

Useful links

• Rule reference
• Nuxt Image

Example

Use NuxtImg

Before

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

After

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