Consider this usage of NuxtImg:
<NuxtImg
src="/my-image.png"
:modifiers="{ w: 200, q: 10 }"
preload
/>
This results in the following link tag in the html head:
<link
rel="preload"
as="image"
href="/_ipx/w_200&q_10/coopsman.png"
imagesrcset="/_ipx/w_200&q_10/coopsman.png 1x, /_ipx/w_200&q_10/coopsman.png 2x"
/>
The ampersand in the URLs should be encoded as & and Nuxt Hints (via the html-validate package) lists this as an error:
hints:htmlValidate:warn [html-validate] unrecognized-char-ref at inline:39:24 - Unrecognized character reference "&q"
Reproduction:
https://stackblitz.com/edit/nuxt-starter-vpusa6kt?file=app.vue
Consider this usage of
NuxtImg:This results in the following
linktag in the html head:The ampersand in the URLs should be encoded as
&and Nuxt Hints (via the html-validate package) lists this as an error:hints:htmlValidate:warn [html-validate] unrecognized-char-ref at inline:39:24 - Unrecognized character reference "&q"Reproduction:
https://stackblitz.com/edit/nuxt-starter-vpusa6kt?file=app.vue