Nuxt
Gumlet Integration for Nuxtjs
To use Gumlet with Nuxt, you just need to specify the base URL of your service in Gumlet.
export default defineNuxtConfig({
image: {
gumlet: {
baseURL: 'https://demo.gumlet.io'
}
}
})
To use Gumlet as a provider for images, here is the sample snippet:
<NuxtImg
provider="gumlet"
src="/sea.jpeg"
width="300"
height="500"
fit="cover"
:modifiers="{ format: 'auto', compress: 'true' }"
/>
This will return a 300 x 500 image, which has been compressed, and will display next-gen formats for a browser
Here is the official documentation for detailed integration with Nuxt: https://image.nuxtjs.org/providers/gumlet
Updated 6 months ago