Providers

Prismic

Nuxt Image has first class integration with Prismic.

Integration between Prismic and the image module.

No specific configuration is required for Prismic support. You just need to specify provider: 'prismic' in your configuration to make it the default:

nuxt.config.ts
export default defineNuxtConfig({
  image: {
    prismic: {}
  }
})

You can also pass it directly to your component when you need it, for example:

*.vue
<NuxtImg provider="prismic" src="..." />
Prismic allows content writer to manipulate images through its UI (cropping, rezising, etc.). To preserve that behavior this provider does not strip query parameters coming from Prismic. Instead it only overrides them when needed, keeping developers in control.