Prismic Provider

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.js
export default {
  image: {
    prismic: {}
  }
}

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

*.vue
<nuxt-img 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.