Vue version

3.4.21

Link to minimal reproduction

https://stackblitz.com/edit/github-hec3gw?file=src/App.vue

Steps to reproduce

Keep an eye on the network tab and disable caching. Toggle images with the button to see them lazy load correctly. Toggling them off and on again will load all images at once.

What is expected?

Images should still be lazy loaded on subsequent loads.

What is actually happening?

Images with loading="lazy" will lazy load only the first time they are loaded. Subsequent loads will load all images at once.

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.18.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.3 - /usr/local/bin/pnpm
  npmPackages:
    vue: ^3.4.21 => 3.4.21

Any additional comments?

This issue was first raised under the Nuxt/Image repository here: nuxt/image#1317
After investigation by @danielroe I was advised to reraise the issue here.