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