Strapi

Integration between Strapi and the image module.

No specific configuration is required. You just need to specify strapi in your configuration to make it the default:

export default defineNuxtConfig({
  image: {
    strapi: {}
  }
})

Override default options:

export default defineNuxtConfig({
  image: {
    strapi: {
      baseURL: 'http://localhost:1337/uploads/'
    }
  }
})

Modifiers

The breakpoint modifier is used to specify the size of the image.

By default, when the image is uploaded and Enable responsive friendly upload Strapi setting is enabled in the settings panel the plugin will generate the following responsive image sizes:

You can override the default breakpoints. See the Upload configuration in the Strapi documentation.

If you don't set breakpoint modifier, the original image size will be used:

<NuxtImg provider="strapi" src="..." />

Define breakpoint modifier:

<NuxtImg provider="strapi" src="..." :modifiers="{ breakpoint: 'small' }" />