nuxt-img + vanilla-lazyload

[giticon]

ERROR 1

Using <img tag it works. Using <nuxt-img tag instead, it doesn't work.

error: 500. Input must be a string (received undefined: undefined)

1. with module v. 0.7 it works (for Nuxt v.2).
2. with this version 1.x (for Nuxt v.3) it does not work because the module must have the src parameter already set. If in fact I use a combination of src + data-src the module works. However, in this way, I have to call two images.

Reproduction: https://stackblitz.com/edit/github-uv7ped?file=components/myimg.vue

ERROR 2

(related to the first ): <nuxt-picture with class="lazy" doen't work.

This works

<nuxt-img  
        src="/images/1x1.png"  
        :data-src="src"
        class="lazy shadow-md"
 />

This not

<figure>
	<nuxt-picture  
          src="/images/1x1.png"
          :data-src="src"
          :imgAttrs="{class:'lazy shadow-md w-full h-auto'}"
      	/>
      	<div class="flex justify-center">
      		<figcaption class="textdida">
        		<span>{{textdida }}</span>
      		</figcaption>
      	</div>
    	</figure>

[benjamin-ott]

The same thing also happens with other lazy loading modules, e.g. lozad.

[hrishikesh-k]

I tried to generate a custom image component to solve this issue, but that has a different problem: #820