Nuxt Image + Prismic Usage

Hello 👋,

I tried to set up prismic "@nuxtjs/prismic": "^3.0.0-rc.0" with "@nuxt/image-edge": "^1.0.0-27657146.da85542" but it doesn’t seems to work at all. My nuxt.config.ts file :

import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({
  modules: [
    '@nuxt/image-edge',
    '@nuxtjs/prismic'
  ],
  prismic: {
    endpoint: 'my-repo-Id,
    preview: false,
    toolbar: true
  },
  image: {
    provider: 'prismic',
    domains: ['prismic.io']
  }
})

and in the my .vue files :

<template>
          <nuxt-picture
            src="/c-1-910w.webp"
            width="910"
            height="1365"
            sizes="sm:518px, 2xl:910px"
            :img-attrs="{
              class: 'img-unit',
              alt: `Alternative text`
            }"
          />
</template>

[lihbr]

Hey there,

Looks like you’re trying to use a local image with Nuxt Image Prismic provider set as the default provider.

In such case I think you need to specify an explicit provider:

<nuxt-picture
	provider="ipx"
	src="/c-1-910w.webp"
	width="910"
	height="1365"
	sizes="sm:518px, 2xl:910px"
	:img-attrs="{
		class: 'img-unit',
		alt: `Alternative text`
	}"
/>

Let me know 😃

[lihbr]

Closing as stale, feel free to reopen if you’d like to continue the troubleshooting process.