Hygraph

Integration between Hygraph and the image module.

To use this provider you just need to specify the base URL of your project.

export default defineNuxtConfig({
  image: {
    hygraph: {
      baseURL: "",
    },
  },
});

Modifiers

All the default modifiers from Hygraph's documentation are available, plus additionally auto_image which lets Hygraph decide what image format is best for the user's browser and quality 0-100.

<NuxtImg
  provider="hygraph"
  src="https://eu-central-1-shared-euc1-02.graphassets.com/cltsj3mii0pvd07vwb5cyh1ig/cltsrex89477t08unlckqx9ue"
  height="512"
  width="512"
  fit="max"
  format="jpg"
  :quality="90"
/>