Prismic provider doesn't work in Nuxt 3

[sergiocerrutti]

In nuxt.config.ts

image: {
  prismic: {}
}

In a page:

<nuxt-img src="https://images.prismic.io/[project-name]/[hash]_content-img.webp?auto=compress,format" height="613" sizes="sm:100vw md:50vw lg:400px" />

Result:

<img data-v-3254c206="" src="https://images.prismic.io/[project-name]/[hash]_content-img.webp?auto=compress,format" height="613" data-nuxt-img="" sizes="(max-width: 640px) 100vw, (max-width: 768px) 50vw, 400px" srcset="https://images.prismic.io/[project-name]/[hash]_content-img.webp?auto=compress,format 640w, https://images.prismic.io/[project-name]/[hash]_content-img.webp?auto=compress,format 384w, https://images.prismic.io/[project-name]/[hash]_content-img.webp?auto=compress,format 400w">

As you can see, all image sources are the same, exactly the original source.
I know it's using Imgix provider under the hood and the baseURL is set as a constant in the provider, but something is not working, I really don't know why.

Please feel free to ask me to test anything, hope I can help you in some way.

Thank you.

[Baroshem]

Hey,

Can you test now?

Also, marking @lihbr for visibility

[github-actions]

Would you be able to provide a reproduction? 🙏

More info

Why do I need to provide a reproduction?

Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.

What will happen?

If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritise it based on its severity and how many people we think it might affect.

If needs reproduction labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.

How can I create a reproduction?

We have a template for starting with a minimal reproduction:

👉 https://stackblitz.com/github/nuxt/image/tree/main/example

A public GitHub repository is also perfect. 👌

Please ensure that the reproduction is as minimal as possible. See more details in our guide.

You might also find these other articles interesting and/or helpful:

• The Importance of Reproductions
• How to Generate a Minimal, Complete, and Verifiable Example