[{"data":1,"prerenderedAt":1218},["ShallowReactive",2],{"navigation":3,"docs-/providers/gumlet":136,"docs-/providers/gumlet-surround":689},[4,20,33,126],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Fastly","/providers/fastly",{"title":67,"_path":68},"Filerobot","/providers/filerobot",{"title":70,"_path":71},"Glide","/providers/glide",{"title":73,"_path":74},"Gumlet","/providers/gumlet",{"title":76,"_path":77},"Hygraph","/providers/hygraph",{"title":79,"_path":80},"ImageEngine","/providers/imageengine",{"title":82,"_path":83},"ImageKit","/providers/imagekit",{"title":85,"_path":86},"Imgix","/providers/imgix",{"title":88,"_path":89},"IPX","/providers/ipx",{"title":91,"_path":92},"Netlify","/providers/netlify",{"title":94,"_path":95},"Prepr","/providers/prepr",{"title":97,"_path":98},"Prismic","/providers/prismic",{"title":100,"_path":101},"Sanity","/providers/sanity",{"title":103,"_path":104},"Sirv","/providers/sirv",{"title":106,"_path":107},"Storyblok","/providers/storyblok",{"title":109,"_path":110},"Strapi","/providers/strapi",{"title":112,"_path":113},"Twicpics","/providers/twicpics",{"title":115,"_path":116},"Unsplash","/providers/unsplash",{"title":118,"_path":119},"Uploadcare","/providers/uploadcare",{"title":121,"_path":122},"Vercel","/providers/vercel",{"title":124,"_path":125},"Weserv","/providers/weserv",{"title":127,"_path":128,"children":129},"Advanced","/advanced",[130,133],{"title":131,"_path":132},"Custom Provider","/advanced/custom-provider",{"title":134,"_path":135},"Static Images","/advanced/static-images",{"_path":74,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":73,"description":140,"links":141,"body":147,"_type":683,"_id":684,"_source":685,"_file":686,"_stem":687,"_extension":688},"providers",false,"","Nuxt Image has first class integration with Gumlet.",[142],{"label":143,"icon":144,"to":145,"size":146},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/gumlet.ts","xs",{"type":148,"children":149,"toc":677},"root",[150,168,173,318,333,354,360,381,395,401,414,658,671],{"type":151,"tag":152,"props":153,"children":154},"element","p",{},[155,158,166],{"type":156,"value":157},"text","Integration between ",{"type":151,"tag":159,"props":160,"children":164},"a",{"href":161,"rel":162},"https://docs.gumlet.com",[163],"nofollow",[165],{"type":156,"value":73},{"type":156,"value":167}," and the image module.",{"type":151,"tag":152,"props":169,"children":170},{},[171],{"type":156,"value":172},"To use this provider you just need to specify the base URL of your service in Gumlet.",{"type":151,"tag":174,"props":175,"children":180},"pre",{"className":176,"code":177,"filename":178,"language":179,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    gumlet: {\n      baseURL: 'https://demo.gumlet.io'\n    }\n  }\n})\n","nuxt.config.ts","ts",[181],{"type":151,"tag":182,"props":183,"children":184},"code",{"__ignoreMap":139},[185,220,240,257,286,295,304],{"type":151,"tag":186,"props":187,"children":190},"span",{"class":188,"line":189},"line",1,[191,197,202,208,214],{"type":151,"tag":186,"props":192,"children":194},{"style":193},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[195],{"type":156,"value":196},"export",{"type":151,"tag":186,"props":198,"children":199},{"style":193},[200],{"type":156,"value":201}," default",{"type":151,"tag":186,"props":203,"children":205},{"style":204},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[206],{"type":156,"value":207}," defineNuxtConfig",{"type":151,"tag":186,"props":209,"children":211},{"style":210},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[212],{"type":156,"value":213},"(",{"type":151,"tag":186,"props":215,"children":217},{"style":216},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[218],{"type":156,"value":219},"{\n",{"type":151,"tag":186,"props":221,"children":223},{"class":188,"line":222},2,[224,230,235],{"type":151,"tag":186,"props":225,"children":227},{"style":226},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[228],{"type":156,"value":229},"  image",{"type":151,"tag":186,"props":231,"children":232},{"style":216},[233],{"type":156,"value":234},":",{"type":151,"tag":186,"props":236,"children":237},{"style":216},[238],{"type":156,"value":239}," {\n",{"type":151,"tag":186,"props":241,"children":243},{"class":188,"line":242},3,[244,249,253],{"type":151,"tag":186,"props":245,"children":246},{"style":226},[247],{"type":156,"value":248},"    gumlet",{"type":151,"tag":186,"props":250,"children":251},{"style":216},[252],{"type":156,"value":234},{"type":151,"tag":186,"props":254,"children":255},{"style":216},[256],{"type":156,"value":239},{"type":151,"tag":186,"props":258,"children":260},{"class":188,"line":259},4,[261,266,270,275,281],{"type":151,"tag":186,"props":262,"children":263},{"style":226},[264],{"type":156,"value":265},"      baseURL",{"type":151,"tag":186,"props":267,"children":268},{"style":216},[269],{"type":156,"value":234},{"type":151,"tag":186,"props":271,"children":272},{"style":216},[273],{"type":156,"value":274}," '",{"type":151,"tag":186,"props":276,"children":278},{"style":277},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[279],{"type":156,"value":280},"https://demo.gumlet.io",{"type":151,"tag":186,"props":282,"children":283},{"style":216},[284],{"type":156,"value":285},"'\n",{"type":151,"tag":186,"props":287,"children":289},{"class":188,"line":288},5,[290],{"type":151,"tag":186,"props":291,"children":292},{"style":216},[293],{"type":156,"value":294},"    }\n",{"type":151,"tag":186,"props":296,"children":298},{"class":188,"line":297},6,[299],{"type":151,"tag":186,"props":300,"children":301},{"style":216},[302],{"type":156,"value":303},"  }\n",{"type":151,"tag":186,"props":305,"children":307},{"class":188,"line":306},7,[308,313],{"type":151,"tag":186,"props":309,"children":310},{"style":216},[311],{"type":156,"value":312},"}",{"type":151,"tag":186,"props":314,"children":315},{"style":210},[316],{"type":156,"value":317},")\n",{"type":151,"tag":319,"props":320,"children":322},"h2",{"id":321},"gumlet-mode-values",[323,325,331],{"type":156,"value":324},"Gumlet ",{"type":151,"tag":182,"props":326,"children":328},{"className":327},[],[329],{"type":156,"value":330},"mode",{"type":156,"value":332}," Values",{"type":151,"tag":152,"props":334,"children":335},{},[336,338,352],{"type":156,"value":337},"Gumlet supports all the ",{"type":151,"tag":159,"props":339,"children":341},{"href":340},"/usage/nuxt-img#fit",[342,344,350],{"type":156,"value":343},"standard values for ",{"type":151,"tag":182,"props":345,"children":347},{"className":346},[],[348],{"type":156,"value":349},"fit",{"type":156,"value":351}," property",{"type":156,"value":353}," of Nuxt image and Nuxt picture.",{"type":151,"tag":319,"props":355,"children":357},{"id":356},"gumlet-modifiers",[358],{"type":156,"value":359},"Gumlet Modifiers",{"type":151,"tag":152,"props":361,"children":362},{},[363,365,371,373,379],{"type":156,"value":364},"Beside the ",{"type":151,"tag":159,"props":366,"children":368},{"href":367},"/usage/nuxt-img#modifiers",[369],{"type":156,"value":370},"standard modifiers",{"type":156,"value":372},", you can also pass all gumlet-specific render API parameters to the ",{"type":151,"tag":182,"props":374,"children":376},{"className":375},[],[377],{"type":156,"value":378},"modifiers",{"type":156,"value":380}," prop.",{"type":151,"tag":152,"props":382,"children":383},{},[384,386,393],{"type":156,"value":385},"For a full list of these modifiers and their uses, check out ",{"type":151,"tag":159,"props":387,"children":390},{"href":388,"rel":389},"https://docs.gumlet.com/reference/image-transform-size#mode",[163],[391],{"type":156,"value":392},"Gumlet's image transform API documentation",{"type":156,"value":394},".",{"type":151,"tag":319,"props":396,"children":398},{"id":397},"gumlet-best-practices",[399],{"type":156,"value":400},"Gumlet Best Practices",{"type":151,"tag":152,"props":402,"children":403},{},[404,406,412],{"type":156,"value":405},"Some common best practices when using Gumlet, would be to include our ",{"type":151,"tag":182,"props":407,"children":409},{"className":408},[],[410],{"type":156,"value":411},"format=auto",{"type":156,"value":413}," parameter, which will automatically apply the best format for an image and compress the image as well. Combine this with some top of intelligent cropping and resizing and you will have a great image!",{"type":151,"tag":174,"props":415,"children":419},{"className":416,"code":417,"language":418,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"gumlet\"\n  src=\"/sea.jpeg\"\n  width=\"300\"\n  height=\"500\"\n  fit=\"cover\"\n  :modifiers=\"{ format: 'auto', compress: 'true' }\"\n/>\n","vue",[420],{"type":151,"tag":182,"props":421,"children":422},{"__ignoreMap":139},[423,436,465,490,515,540,565,649],{"type":151,"tag":186,"props":424,"children":425},{"class":188,"line":189},[426,431],{"type":151,"tag":186,"props":427,"children":428},{"style":216},[429],{"type":156,"value":430},"\u003C",{"type":151,"tag":186,"props":432,"children":433},{"style":226},[434],{"type":156,"value":435},"NuxtImg\n",{"type":151,"tag":186,"props":437,"children":438},{"class":188,"line":222},[439,445,450,455,460],{"type":151,"tag":186,"props":440,"children":442},{"style":441},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[443],{"type":156,"value":444},"  provider",{"type":151,"tag":186,"props":446,"children":447},{"style":216},[448],{"type":156,"value":449},"=",{"type":151,"tag":186,"props":451,"children":452},{"style":216},[453],{"type":156,"value":454},"\"",{"type":151,"tag":186,"props":456,"children":457},{"style":277},[458],{"type":156,"value":459},"gumlet",{"type":151,"tag":186,"props":461,"children":462},{"style":216},[463],{"type":156,"value":464},"\"\n",{"type":151,"tag":186,"props":466,"children":467},{"class":188,"line":242},[468,473,477,481,486],{"type":151,"tag":186,"props":469,"children":470},{"style":441},[471],{"type":156,"value":472},"  src",{"type":151,"tag":186,"props":474,"children":475},{"style":216},[476],{"type":156,"value":449},{"type":151,"tag":186,"props":478,"children":479},{"style":216},[480],{"type":156,"value":454},{"type":151,"tag":186,"props":482,"children":483},{"style":277},[484],{"type":156,"value":485},"/sea.jpeg",{"type":151,"tag":186,"props":487,"children":488},{"style":216},[489],{"type":156,"value":464},{"type":151,"tag":186,"props":491,"children":492},{"class":188,"line":259},[493,498,502,506,511],{"type":151,"tag":186,"props":494,"children":495},{"style":441},[496],{"type":156,"value":497},"  width",{"type":151,"tag":186,"props":499,"children":500},{"style":216},[501],{"type":156,"value":449},{"type":151,"tag":186,"props":503,"children":504},{"style":216},[505],{"type":156,"value":454},{"type":151,"tag":186,"props":507,"children":508},{"style":277},[509],{"type":156,"value":510},"300",{"type":151,"tag":186,"props":512,"children":513},{"style":216},[514],{"type":156,"value":464},{"type":151,"tag":186,"props":516,"children":517},{"class":188,"line":288},[518,523,527,531,536],{"type":151,"tag":186,"props":519,"children":520},{"style":441},[521],{"type":156,"value":522},"  height",{"type":151,"tag":186,"props":524,"children":525},{"style":216},[526],{"type":156,"value":449},{"type":151,"tag":186,"props":528,"children":529},{"style":216},[530],{"type":156,"value":454},{"type":151,"tag":186,"props":532,"children":533},{"style":277},[534],{"type":156,"value":535},"500",{"type":151,"tag":186,"props":537,"children":538},{"style":216},[539],{"type":156,"value":464},{"type":151,"tag":186,"props":541,"children":542},{"class":188,"line":297},[543,548,552,556,561],{"type":151,"tag":186,"props":544,"children":545},{"style":441},[546],{"type":156,"value":547},"  fit",{"type":151,"tag":186,"props":549,"children":550},{"style":216},[551],{"type":156,"value":449},{"type":151,"tag":186,"props":553,"children":554},{"style":216},[555],{"type":156,"value":454},{"type":151,"tag":186,"props":557,"children":558},{"style":277},[559],{"type":156,"value":560},"cover",{"type":151,"tag":186,"props":562,"children":563},{"style":216},[564],{"type":156,"value":464},{"type":151,"tag":186,"props":566,"children":567},{"class":188,"line":306},[568,573,577,581,585,590,595,599,603,608,613,618,623,627,631,636,640,645],{"type":151,"tag":186,"props":569,"children":570},{"style":216},[571],{"type":156,"value":572},"  :",{"type":151,"tag":186,"props":574,"children":575},{"style":441},[576],{"type":156,"value":378},{"type":151,"tag":186,"props":578,"children":579},{"style":216},[580],{"type":156,"value":449},{"type":151,"tag":186,"props":582,"children":583},{"style":216},[584],{"type":156,"value":454},{"type":151,"tag":186,"props":586,"children":587},{"style":216},[588],{"type":156,"value":589},"{",{"type":151,"tag":186,"props":591,"children":592},{"style":226},[593],{"type":156,"value":594}," format",{"type":151,"tag":186,"props":596,"children":597},{"style":216},[598],{"type":156,"value":234},{"type":151,"tag":186,"props":600,"children":601},{"style":216},[602],{"type":156,"value":274},{"type":151,"tag":186,"props":604,"children":605},{"style":277},[606],{"type":156,"value":607},"auto",{"type":151,"tag":186,"props":609,"children":610},{"style":216},[611],{"type":156,"value":612},"'",{"type":151,"tag":186,"props":614,"children":615},{"style":216},[616],{"type":156,"value":617},",",{"type":151,"tag":186,"props":619,"children":620},{"style":226},[621],{"type":156,"value":622}," compress",{"type":151,"tag":186,"props":624,"children":625},{"style":216},[626],{"type":156,"value":234},{"type":151,"tag":186,"props":628,"children":629},{"style":216},[630],{"type":156,"value":274},{"type":151,"tag":186,"props":632,"children":633},{"style":277},[634],{"type":156,"value":635},"true",{"type":151,"tag":186,"props":637,"children":638},{"style":216},[639],{"type":156,"value":612},{"type":151,"tag":186,"props":641,"children":642},{"style":216},[643],{"type":156,"value":644}," }",{"type":151,"tag":186,"props":646,"children":647},{"style":216},[648],{"type":156,"value":464},{"type":151,"tag":186,"props":650,"children":652},{"class":188,"line":651},8,[653],{"type":151,"tag":186,"props":654,"children":655},{"style":210},[656],{"type":156,"value":657},"/>\n",{"type":151,"tag":152,"props":659,"children":660},{},[661,663,670],{"type":156,"value":662},"This will return a 300 x 500 image, which has been compressed, will display next-gen formats for a browser, and has been cropped intelligently to the face of the ",{"type":151,"tag":159,"props":664,"children":667},{"href":665,"rel":666},"https://demo.gumlet.io/sea.jpeg?format=auto&w=300&h=500&compress=true",[163],[668],{"type":156,"value":669},"woman in the hat",{"type":156,"value":394},{"type":151,"tag":672,"props":673,"children":674},"style",{},[675],{"type":156,"value":676},"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);}",{"title":139,"searchDepth":222,"depth":222,"links":678},[679,681,682],{"id":321,"depth":222,"text":680},"Gumlet mode Values",{"id":356,"depth":222,"text":359},{"id":397,"depth":222,"text":400},"markdown","content:3.providers:gumlet.md","content","3.providers/gumlet.md","3.providers/gumlet","md",[690,841],{"_path":71,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":70,"description":691,"links":692,"body":695,"_type":683,"_id":838,"_source":685,"_file":839,"_stem":840,"_extension":688},"Nuxt Image has first class integration with Glide.",[693],{"label":143,"icon":144,"to":694,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/glide.ts",{"type":148,"children":696,"toc":836},[697,708,713,832],{"type":151,"tag":152,"props":698,"children":699},{},[700,701,707],{"type":156,"value":157},{"type":151,"tag":159,"props":702,"children":705},{"href":703,"rel":704},"https://glide.thephpleague.com",[163],[706],{"type":156,"value":70},{"type":156,"value":167},{"type":151,"tag":152,"props":709,"children":710},{},[711],{"type":156,"value":712},"To use this provider you just need to specify the base URL of your service in Glide.",{"type":151,"tag":174,"props":714,"children":716},{"className":176,"code":715,"filename":178,"language":179,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    glide: {\n      // baseURL of your Laravel application\n      baseURL: 'https://glide.herokuapp.com/1.0'\n    }\n  }\n})\n",[717],{"type":151,"tag":182,"props":718,"children":719},{"__ignoreMap":139},[720,743,758,774,783,807,814,821],{"type":151,"tag":186,"props":721,"children":722},{"class":188,"line":189},[723,727,731,735,739],{"type":151,"tag":186,"props":724,"children":725},{"style":193},[726],{"type":156,"value":196},{"type":151,"tag":186,"props":728,"children":729},{"style":193},[730],{"type":156,"value":201},{"type":151,"tag":186,"props":732,"children":733},{"style":204},[734],{"type":156,"value":207},{"type":151,"tag":186,"props":736,"children":737},{"style":210},[738],{"type":156,"value":213},{"type":151,"tag":186,"props":740,"children":741},{"style":216},[742],{"type":156,"value":219},{"type":151,"tag":186,"props":744,"children":745},{"class":188,"line":222},[746,750,754],{"type":151,"tag":186,"props":747,"children":748},{"style":226},[749],{"type":156,"value":229},{"type":151,"tag":186,"props":751,"children":752},{"style":216},[753],{"type":156,"value":234},{"type":151,"tag":186,"props":755,"children":756},{"style":216},[757],{"type":156,"value":239},{"type":151,"tag":186,"props":759,"children":760},{"class":188,"line":242},[761,766,770],{"type":151,"tag":186,"props":762,"children":763},{"style":226},[764],{"type":156,"value":765},"    glide",{"type":151,"tag":186,"props":767,"children":768},{"style":216},[769],{"type":156,"value":234},{"type":151,"tag":186,"props":771,"children":772},{"style":216},[773],{"type":156,"value":239},{"type":151,"tag":186,"props":775,"children":776},{"class":188,"line":259},[777],{"type":151,"tag":186,"props":778,"children":780},{"style":779},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[781],{"type":156,"value":782},"      // baseURL of your Laravel application\n",{"type":151,"tag":186,"props":784,"children":785},{"class":188,"line":288},[786,790,794,798,803],{"type":151,"tag":186,"props":787,"children":788},{"style":226},[789],{"type":156,"value":265},{"type":151,"tag":186,"props":791,"children":792},{"style":216},[793],{"type":156,"value":234},{"type":151,"tag":186,"props":795,"children":796},{"style":216},[797],{"type":156,"value":274},{"type":151,"tag":186,"props":799,"children":800},{"style":277},[801],{"type":156,"value":802},"https://glide.herokuapp.com/1.0",{"type":151,"tag":186,"props":804,"children":805},{"style":216},[806],{"type":156,"value":285},{"type":151,"tag":186,"props":808,"children":809},{"class":188,"line":297},[810],{"type":151,"tag":186,"props":811,"children":812},{"style":216},[813],{"type":156,"value":294},{"type":151,"tag":186,"props":815,"children":816},{"class":188,"line":306},[817],{"type":151,"tag":186,"props":818,"children":819},{"style":216},[820],{"type":156,"value":303},{"type":151,"tag":186,"props":822,"children":823},{"class":188,"line":651},[824,828],{"type":151,"tag":186,"props":825,"children":826},{"style":216},[827],{"type":156,"value":312},{"type":151,"tag":186,"props":829,"children":830},{"style":210},[831],{"type":156,"value":317},{"type":151,"tag":672,"props":833,"children":834},{},[835],{"type":156,"value":676},{"title":139,"searchDepth":222,"depth":222,"links":837},[],"content:3.providers:glide.md","3.providers/glide.md","3.providers/glide",{"_path":77,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":76,"description":842,"links":843,"body":846,"_type":683,"_id":1215,"_source":685,"_file":1216,"_stem":1217,"_extension":688},"Nuxt Image with Hygraph integration.",[844],{"label":143,"icon":144,"to":845,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/hygraph.ts",{"type":148,"children":847,"toc":1212},[848,859,864,974,979,1009,1208],{"type":151,"tag":152,"props":849,"children":850},{},[851,852,858],{"type":156,"value":157},{"type":151,"tag":159,"props":853,"children":856},{"href":854,"rel":855},"https://hygraph.com",[163],[857],{"type":156,"value":76},{"type":156,"value":167},{"type":151,"tag":152,"props":860,"children":861},{},[862],{"type":156,"value":863},"To use this provider you just need to specify the base URL of your project.",{"type":151,"tag":174,"props":865,"children":867},{"className":176,"code":866,"filename":178,"language":179,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    hygraph: {\n      baseURL: 'https://\u003Csubdomain>.graphassets.com/\u003Cbaseid>'\n    }\n  }\n})\n",[868],{"type":151,"tag":182,"props":869,"children":870},{"__ignoreMap":139},[871,894,909,925,949,956,963],{"type":151,"tag":186,"props":872,"children":873},{"class":188,"line":189},[874,878,882,886,890],{"type":151,"tag":186,"props":875,"children":876},{"style":193},[877],{"type":156,"value":196},{"type":151,"tag":186,"props":879,"children":880},{"style":193},[881],{"type":156,"value":201},{"type":151,"tag":186,"props":883,"children":884},{"style":204},[885],{"type":156,"value":207},{"type":151,"tag":186,"props":887,"children":888},{"style":210},[889],{"type":156,"value":213},{"type":151,"tag":186,"props":891,"children":892},{"style":216},[893],{"type":156,"value":219},{"type":151,"tag":186,"props":895,"children":896},{"class":188,"line":222},[897,901,905],{"type":151,"tag":186,"props":898,"children":899},{"style":226},[900],{"type":156,"value":229},{"type":151,"tag":186,"props":902,"children":903},{"style":216},[904],{"type":156,"value":234},{"type":151,"tag":186,"props":906,"children":907},{"style":216},[908],{"type":156,"value":239},{"type":151,"tag":186,"props":910,"children":911},{"class":188,"line":242},[912,917,921],{"type":151,"tag":186,"props":913,"children":914},{"style":226},[915],{"type":156,"value":916},"    hygraph",{"type":151,"tag":186,"props":918,"children":919},{"style":216},[920],{"type":156,"value":234},{"type":151,"tag":186,"props":922,"children":923},{"style":216},[924],{"type":156,"value":239},{"type":151,"tag":186,"props":926,"children":927},{"class":188,"line":259},[928,932,936,940,945],{"type":151,"tag":186,"props":929,"children":930},{"style":226},[931],{"type":156,"value":265},{"type":151,"tag":186,"props":933,"children":934},{"style":216},[935],{"type":156,"value":234},{"type":151,"tag":186,"props":937,"children":938},{"style":216},[939],{"type":156,"value":274},{"type":151,"tag":186,"props":941,"children":942},{"style":277},[943],{"type":156,"value":944},"https://\u003Csubdomain>.graphassets.com/\u003Cbaseid>",{"type":151,"tag":186,"props":946,"children":947},{"style":216},[948],{"type":156,"value":285},{"type":151,"tag":186,"props":950,"children":951},{"class":188,"line":288},[952],{"type":151,"tag":186,"props":953,"children":954},{"style":216},[955],{"type":156,"value":294},{"type":151,"tag":186,"props":957,"children":958},{"class":188,"line":297},[959],{"type":151,"tag":186,"props":960,"children":961},{"style":216},[962],{"type":156,"value":303},{"type":151,"tag":186,"props":964,"children":965},{"class":188,"line":306},[966,970],{"type":151,"tag":186,"props":967,"children":968},{"style":216},[969],{"type":156,"value":312},{"type":151,"tag":186,"props":971,"children":972},{"style":210},[973],{"type":156,"value":317},{"type":151,"tag":319,"props":975,"children":976},{"id":378},[977],{"type":156,"value":978},"Modifiers",{"type":151,"tag":152,"props":980,"children":981},{},[982,984,991,993,999,1001,1007],{"type":156,"value":983},"All the default modifiers from ",{"type":151,"tag":159,"props":985,"children":988},{"href":986,"rel":987},"https://hygraph.com/docs/api-reference/content-api/assets",[163],[989],{"type":156,"value":990},"Hygraph's documentation",{"type":156,"value":992}," are available, plus additionally ",{"type":151,"tag":182,"props":994,"children":996},{"className":995},[],[997],{"type":156,"value":998},"auto_image",{"type":156,"value":1000}," which lets Hygraph decide what image format is best for the user's browser and ",{"type":151,"tag":182,"props":1002,"children":1004},{"className":1003},[],[1005],{"type":156,"value":1006},"quality",{"type":156,"value":1008}," 0-100.",{"type":151,"tag":174,"props":1010,"children":1012},{"className":416,"code":1011,"language":418,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"hygraph\"\n  src=\"/cltsrex89477t08unlckqx9ue\"\n  height=\"512\"\n  width=\"512\"\n  fit=\"max\"\n  format=\"jpg\"\n  :quality=\"90\"\n/>\n",[1013],{"type":151,"tag":182,"props":1014,"children":1015},{"__ignoreMap":139},[1016,1027,1051,1075,1099,1122,1146,1171,1200],{"type":151,"tag":186,"props":1017,"children":1018},{"class":188,"line":189},[1019,1023],{"type":151,"tag":186,"props":1020,"children":1021},{"style":216},[1022],{"type":156,"value":430},{"type":151,"tag":186,"props":1024,"children":1025},{"style":226},[1026],{"type":156,"value":435},{"type":151,"tag":186,"props":1028,"children":1029},{"class":188,"line":222},[1030,1034,1038,1042,1047],{"type":151,"tag":186,"props":1031,"children":1032},{"style":441},[1033],{"type":156,"value":444},{"type":151,"tag":186,"props":1035,"children":1036},{"style":216},[1037],{"type":156,"value":449},{"type":151,"tag":186,"props":1039,"children":1040},{"style":216},[1041],{"type":156,"value":454},{"type":151,"tag":186,"props":1043,"children":1044},{"style":277},[1045],{"type":156,"value":1046},"hygraph",{"type":151,"tag":186,"props":1048,"children":1049},{"style":216},[1050],{"type":156,"value":464},{"type":151,"tag":186,"props":1052,"children":1053},{"class":188,"line":242},[1054,1058,1062,1066,1071],{"type":151,"tag":186,"props":1055,"children":1056},{"style":441},[1057],{"type":156,"value":472},{"type":151,"tag":186,"props":1059,"children":1060},{"style":216},[1061],{"type":156,"value":449},{"type":151,"tag":186,"props":1063,"children":1064},{"style":216},[1065],{"type":156,"value":454},{"type":151,"tag":186,"props":1067,"children":1068},{"style":277},[1069],{"type":156,"value":1070},"/cltsrex89477t08unlckqx9ue",{"type":151,"tag":186,"props":1072,"children":1073},{"style":216},[1074],{"type":156,"value":464},{"type":151,"tag":186,"props":1076,"children":1077},{"class":188,"line":259},[1078,1082,1086,1090,1095],{"type":151,"tag":186,"props":1079,"children":1080},{"style":441},[1081],{"type":156,"value":522},{"type":151,"tag":186,"props":1083,"children":1084},{"style":216},[1085],{"type":156,"value":449},{"type":151,"tag":186,"props":1087,"children":1088},{"style":216},[1089],{"type":156,"value":454},{"type":151,"tag":186,"props":1091,"children":1092},{"style":277},[1093],{"type":156,"value":1094},"512",{"type":151,"tag":186,"props":1096,"children":1097},{"style":216},[1098],{"type":156,"value":464},{"type":151,"tag":186,"props":1100,"children":1101},{"class":188,"line":288},[1102,1106,1110,1114,1118],{"type":151,"tag":186,"props":1103,"children":1104},{"style":441},[1105],{"type":156,"value":497},{"type":151,"tag":186,"props":1107,"children":1108},{"style":216},[1109],{"type":156,"value":449},{"type":151,"tag":186,"props":1111,"children":1112},{"style":216},[1113],{"type":156,"value":454},{"type":151,"tag":186,"props":1115,"children":1116},{"style":277},[1117],{"type":156,"value":1094},{"type":151,"tag":186,"props":1119,"children":1120},{"style":216},[1121],{"type":156,"value":464},{"type":151,"tag":186,"props":1123,"children":1124},{"class":188,"line":297},[1125,1129,1133,1137,1142],{"type":151,"tag":186,"props":1126,"children":1127},{"style":441},[1128],{"type":156,"value":547},{"type":151,"tag":186,"props":1130,"children":1131},{"style":216},[1132],{"type":156,"value":449},{"type":151,"tag":186,"props":1134,"children":1135},{"style":216},[1136],{"type":156,"value":454},{"type":151,"tag":186,"props":1138,"children":1139},{"style":277},[1140],{"type":156,"value":1141},"max",{"type":151,"tag":186,"props":1143,"children":1144},{"style":216},[1145],{"type":156,"value":464},{"type":151,"tag":186,"props":1147,"children":1148},{"class":188,"line":306},[1149,1154,1158,1162,1167],{"type":151,"tag":186,"props":1150,"children":1151},{"style":441},[1152],{"type":156,"value":1153},"  format",{"type":151,"tag":186,"props":1155,"children":1156},{"style":216},[1157],{"type":156,"value":449},{"type":151,"tag":186,"props":1159,"children":1160},{"style":216},[1161],{"type":156,"value":454},{"type":151,"tag":186,"props":1163,"children":1164},{"style":277},[1165],{"type":156,"value":1166},"jpg",{"type":151,"tag":186,"props":1168,"children":1169},{"style":216},[1170],{"type":156,"value":464},{"type":151,"tag":186,"props":1172,"children":1173},{"class":188,"line":651},[1174,1178,1182,1186,1190,1196],{"type":151,"tag":186,"props":1175,"children":1176},{"style":216},[1177],{"type":156,"value":572},{"type":151,"tag":186,"props":1179,"children":1180},{"style":441},[1181],{"type":156,"value":1006},{"type":151,"tag":186,"props":1183,"children":1184},{"style":216},[1185],{"type":156,"value":449},{"type":151,"tag":186,"props":1187,"children":1188},{"style":216},[1189],{"type":156,"value":454},{"type":151,"tag":186,"props":1191,"children":1193},{"style":1192},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1194],{"type":156,"value":1195},"90",{"type":151,"tag":186,"props":1197,"children":1198},{"style":216},[1199],{"type":156,"value":464},{"type":151,"tag":186,"props":1201,"children":1203},{"class":188,"line":1202},9,[1204],{"type":151,"tag":186,"props":1205,"children":1206},{"style":210},[1207],{"type":156,"value":657},{"type":151,"tag":672,"props":1209,"children":1210},{},[1211],{"type":156,"value":676},{"title":139,"searchDepth":222,"depth":222,"links":1213},[1214],{"id":378,"depth":222,"text":978},"content:3.providers:hygraph.md","3.providers/hygraph.md","3.providers/hygraph",1743508156672]