Skip to content

vue-doctor/nuxt/nuxt-no-img-element ​

Use <NuxtImg> from @nuxt/image — provides automatic optimization, lazy loading, and responsive images

PropertyValue
CategoryNuxt
Default Severitywarning
Confidencehigh
FixableNo
Engineoxlint
Sincev1.0.0
Frameworksnuxt
Test filesNot checked (which files)

Why it matters ​

Use <NuxtImg> from @nuxt/image — provides automatic optimization, lazy loading, and responsive images

How to fix ​

Review the finding and update the code according to best practices below.

Agent Guidance ​

Replace <img> with <NuxtImg> (or <NuxtPicture>) from @nuxt/image; keep the same src, alt, width and height.


Rule source: vue-doctor/nuxt/nuxt-no-img-element

Released under the MIT License.