Providers
Prepr
Nuxt Image integration with Prepr CMS.
Integration between Prepr and Nuxt Image.
To use this provider you just need to specify the projectName
of your project in Prepr.
nuxt.config.ts
export default defineNuxtConfig({
image: {
prepr: {
// E.g.: https://YourProjectName.prepr.io/
projectName: 'YourProjectName',
}
}
})
Modifiers
The Prepr provider supports a number of additional modifiers. For a full list, check out the Prepr documentation. All current transformations currently mentioned in Prepr docs are supported.
For the time being you might find the following links useful:
prepr.io does not provide a way to restrict what domains can
request assets to your project's CDN, nor limit the maximum size in
pixels
or
bytes
of images that are served from the CDN.Convenience key modifiers
The following more readable modifiers are supported, in addition to Prepr's native modifiers:
crop
is equivalent toc
format
is equivalent toformat
height
is equivalent toh
quality
is equivalent toq
width
is equivalent tow
fit
In addition to the values specified in the Prepr docs, which are respected, the following options from the default fit behavior are supported:
cover
- this will behave like the Prepr modifiercrop
, when passed without a value (defaults tocentre
)
For the time being, other
fit
options are not supported by this provider.