Nuxt 3 @nuxt/image and IPX Issue with Dynamic Pages

Hello,

I apologize upfront in case this has been asked before. I wasn’t able to find any related topic.

I have an issue with @nuxt/image and IPX in my Nuxt 3 project.
I have a component named Pitchdeck.vue that uses NuxtImg like this:

< NuxtImg :src="images/pitchdeck/example.webp" alt="Example image" />
(Don't mind the space after <, without it, the line is not shown in the topic)

When I use this component in a static page (pitch.vue), everything works fine.

However, I need to use it in a dynamic page ([...pitch].vue), and that's where the problem arises. The images from Pitchdeck.vue are not included in the build when using yarn generate. As a result, they do not appear in the .output/public/_ipx folder.

It seems to be related to the dynamic pages and NuxtImg/IPX image generation.

Has anyone encountered this issue and found a solution?

Start with Pitchdeck.vue and compare its behavior when rendered from pitch.vue versus [...pitch].vue. Run yarn generate and inspect .output/public/_ipx to reproduce the missing images. Done means images referenced by the dynamic page are included and render correctly in the generated output.