The NuxtImg and NuxtPicture components can't be dynamically imported anymore

[LionelPaulus]

Hi 👋

It seems a regression was introduced with the Nuxt 3 support, we can't dynamically import the NuxtImg or NuxtPicture anymore.
This is not working anymore:

<component
  :is="'NuxtPicture'"
  src="/images/mountains_2.jpg"
  width="3750"
  height="2500"
/>

Reproduction link: https://stackblitz.com/edit/nuxt-image-emr3gd?file=app.vue

Thanks in advance for your help 🙏

[danielroe]

This is a change between Nuxt 2 -> Nuxt 3. You can instead do this:

<script setup>
import { NuxtPicture } from '#components'
</script>

<template>
	<component
	  :is="NuxtPicture"
	  src="/images/mountains_2.jpg"
	  width="3750"
	  height="2500"
	/>
</template>

in your component, and use it.