[{"data":1,"prerenderedAt":480},["ShallowReactive",2],{"navigation_docs":3,"-providers-hygraph":192,"-providers-hygraph-surround":475},[4,26,43,179],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Get Started","/get-started","1.get-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Usage","/usage","2.usage",[31,35,39],{"title":32,"path":33,"stem":34},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":36,"path":37,"stem":38},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":40,"path":41,"stem":42},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":44,"stem":45,"children":46,"page":25},"/providers","3.providers",[47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175],{"title":48,"path":49,"stem":50},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":52,"path":53,"stem":54},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":56,"path":57,"stem":58},"Bunny","/providers/bunny","3.providers/bunny",{"title":60,"path":61,"stem":62},"Caisy","/providers/caisy","3.providers/caisy",{"title":64,"path":65,"stem":66},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":68,"path":69,"stem":70},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":72,"path":73,"stem":74},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":76,"path":77,"stem":78},"Contentful","/providers/contentful","3.providers/contentful",{"title":80,"path":81,"stem":82},"Directus","/providers/directus","3.providers/directus",{"title":84,"path":85,"stem":86},"Fastly","/providers/fastly","3.providers/fastly",{"title":88,"path":89,"stem":90},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":92,"path":93,"stem":94},"GitHub","/providers/github","3.providers/github",{"title":96,"path":97,"stem":98},"Glide","/providers/glide","3.providers/glide",{"title":100,"path":101,"stem":102},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":104,"path":105,"stem":106},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":108,"path":109,"stem":110},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":112,"path":113,"stem":114},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":116,"path":117,"stem":118},"Imgix","/providers/imgix","3.providers/imgix",{"title":120,"path":121,"stem":122},"IPX","/providers/ipx","3.providers/ipx",{"title":124,"path":125,"stem":126},"Netlify","/providers/netlify","3.providers/netlify",{"title":128,"path":129,"stem":130},"None","/providers/none","3.providers/none",{"title":132,"path":133,"stem":134},"Prepr","/providers/prepr","3.providers/prepr",{"title":136,"path":137,"stem":138},"Prismic","/providers/prismic","3.providers/prismic",{"title":140,"path":141,"stem":142},"Sanity","/providers/sanity","3.providers/sanity",{"title":144,"path":145,"stem":146},"Shopify","/providers/shopify","3.providers/shopify",{"title":148,"path":149,"stem":150},"Sirv","/providers/sirv","3.providers/sirv",{"title":152,"path":153,"stem":154},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":156,"path":157,"stem":158},"Strapi","/providers/strapi","3.providers/strapi",{"title":160,"path":161,"stem":162},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":164,"path":165,"stem":166},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":168,"path":169,"stem":170},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":172,"path":173,"stem":174},"Vercel","/providers/vercel","3.providers/vercel",{"title":176,"path":177,"stem":178},"Weserv","/providers/weserv","3.providers/weserv",{"title":180,"path":181,"stem":182,"children":183,"page":25},"Advanced","/advanced","4.advanced",[184,188],{"title":185,"path":186,"stem":187},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":189,"path":190,"stem":191},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":193,"title":104,"body":194,"description":463,"extension":464,"links":465,"meta":471,"navigation":472,"path":105,"seo":473,"stem":106,"__hash__":474},"docs/3.providers/hygraph.md",{"type":195,"value":196,"toc":460},"minimark",[197,208,211,308,313,330,456],[198,199,200,201,207],"p",{},"Integration between ",[202,203,104],"a",{"href":204,"rel":205},"https://hygraph.com",[206],"nofollow"," and the image module.",[198,209,210],{},"To use this provider you just need to specify the base URL of your project.",[212,213,219],"pre",{"className":214,"code":215,"filename":216,"language":217,"meta":218,"style":218},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    hygraph: {\n      baseURL: 'https://\u003Csubdomain>.graphassets.com/\u003Cbaseid>'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[220,221,222,246,259,269,287,293,299],"code",{"__ignoreMap":218},[223,224,227,231,234,238,242],"span",{"class":225,"line":226},"line",1,[223,228,230],{"class":229},"s7zQu","export",[223,232,233],{"class":229}," default",[223,235,237],{"class":236},"s2Zo4"," defineNuxtConfig",[223,239,241],{"class":240},"sTEyZ","(",[223,243,245],{"class":244},"sMK4o","{\n",[223,247,249,253,256],{"class":225,"line":248},2,[223,250,252],{"class":251},"swJcz","  image",[223,254,255],{"class":244},":",[223,257,258],{"class":244}," {\n",[223,260,262,265,267],{"class":225,"line":261},3,[223,263,264],{"class":251},"    hygraph",[223,266,255],{"class":244},[223,268,258],{"class":244},[223,270,272,275,277,280,284],{"class":225,"line":271},4,[223,273,274],{"class":251},"      baseURL",[223,276,255],{"class":244},[223,278,279],{"class":244}," '",[223,281,283],{"class":282},"sfazB","https://\u003Csubdomain>.graphassets.com/\u003Cbaseid>",[223,285,286],{"class":244},"'\n",[223,288,290],{"class":225,"line":289},5,[223,291,292],{"class":244},"    }\n",[223,294,296],{"class":225,"line":295},6,[223,297,298],{"class":244},"  }\n",[223,300,302,305],{"class":225,"line":301},7,[223,303,304],{"class":244},"}",[223,306,307],{"class":240},")\n",[309,310,312],"h2",{"id":311},"modifiers","Modifiers",[198,314,315,316,321,322,325,326,329],{},"All the default modifiers from ",[202,317,320],{"href":318,"rel":319},"https://hygraph.com/docs/api-reference/content-api/assets",[206],"Hygraph's documentation"," are available, plus additionally ",[220,323,324],{},"auto_image"," which lets Hygraph decide what image format is best for the user's browser and ",[220,327,328],{},"quality"," 0-100.",[212,331,335],{"className":332,"code":333,"language":334,"meta":218,"style":218},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"hygraph\"\n  src=\"/cltsrex89477t08unlckqx9ue\"\n  height=\"512\"\n  width=\"512\"\n  fit=\"max\"\n  format=\"jpg\"\n  :quality=\"90\"\n/>\n","vue",[220,336,337,345,363,377,391,404,418,432,450],{"__ignoreMap":218},[223,338,339,342],{"class":225,"line":226},[223,340,341],{"class":244},"\u003C",[223,343,344],{"class":251},"NuxtImg\n",[223,346,347,351,354,357,360],{"class":225,"line":248},[223,348,350],{"class":349},"spNyl","  provider",[223,352,353],{"class":244},"=",[223,355,356],{"class":244},"\"",[223,358,359],{"class":282},"hygraph",[223,361,362],{"class":244},"\"\n",[223,364,365,368,370,372,375],{"class":225,"line":261},[223,366,367],{"class":349},"  src",[223,369,353],{"class":244},[223,371,356],{"class":244},[223,373,374],{"class":282},"/cltsrex89477t08unlckqx9ue",[223,376,362],{"class":244},[223,378,379,382,384,386,389],{"class":225,"line":271},[223,380,381],{"class":349},"  height",[223,383,353],{"class":244},[223,385,356],{"class":244},[223,387,388],{"class":282},"512",[223,390,362],{"class":244},[223,392,393,396,398,400,402],{"class":225,"line":289},[223,394,395],{"class":349},"  width",[223,397,353],{"class":244},[223,399,356],{"class":244},[223,401,388],{"class":282},[223,403,362],{"class":244},[223,405,406,409,411,413,416],{"class":225,"line":295},[223,407,408],{"class":349},"  fit",[223,410,353],{"class":244},[223,412,356],{"class":244},[223,414,415],{"class":282},"max",[223,417,362],{"class":244},[223,419,420,423,425,427,430],{"class":225,"line":301},[223,421,422],{"class":349},"  format",[223,424,353],{"class":244},[223,426,356],{"class":244},[223,428,429],{"class":282},"jpg",[223,431,362],{"class":244},[223,433,435,438,440,442,444,448],{"class":225,"line":434},8,[223,436,437],{"class":244},"  :",[223,439,328],{"class":349},[223,441,353],{"class":244},[223,443,356],{"class":244},[223,445,447],{"class":446},"sbssI","90",[223,449,362],{"class":244},[223,451,453],{"class":225,"line":452},9,[223,454,455],{"class":240},"/>\n",[457,458,459],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":218,"searchDepth":248,"depth":248,"links":461},[462],{"id":311,"depth":248,"text":312},"Nuxt Image with Hygraph integration.","md",[466],{"label":467,"icon":468,"to":469,"size":470},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/hygraph.ts","xs",{},true,{"title":104,"description":463},"F3H841qdXxR4igzSr8U_PoXbK3zwh-n4OtgZ9A8o7_Q",[476,478],{"title":100,"path":101,"stem":102,"description":477,"children":-1},"Nuxt Image has first class integration with Gumlet.",{"title":108,"path":109,"stem":110,"description":479,"children":-1},"Nuxt Image has first class integration with ImageEngine.",1762265120426]