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: "https://<subdomain>.graphassets.com/<baseid>",
    },
  },
});

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="/cltsrex89477t08unlckqx9ue"
  height="512"
  width="512"
  fit="max"
  format="jpg"
  :quality="90"
/>