Nuxt · Images
NUXT0008Provide image dimensions or sizes
Finds Nuxt project code that should use the supported responsive dimensions pattern instead.
vite-doctor/nuxt-imageimageswarnSuggestion
Why it happens
Images affect accessibility, layout stability, and performance. Nuxt Image gives the framework enough information to optimize them.
Fix
Use the Nuxt-supported responsive dimensions pattern instead.
Example
Use responsive dimensions
Before
<template>
<img src="/hero.png">
</template>
After
<template>
<NuxtImg src="/hero.png" alt="Hero" width="1200" height="630" />
</template>
Verify the fix
Run only this rule after editing so the report stays focused on the diagnostic you are closing:
pnpm nuxt doctor --rules nuxt-image/prefer-responsive-dimensions