[{"data":1,"prerenderedAt":815},["ShallowReactive",2],{"navigation_docs":3,"-providers-builderio":212,"-providers-builderio-surround":810},[4,30,47,199],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","\u002Fget-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F1.installation",{"title":14,"path":15,"stem":16},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F2.configuration",{"title":18,"path":19,"stem":20},"Providers","\u002Fget-started\u002Fproviders","1.get-started\u002F3.providers",{"title":22,"path":23,"stem":24},"Contributing","\u002Fget-started\u002Fcontributing","1.get-started\u002F4.contributing",{"title":26,"path":27,"stem":28},"Migration","\u002Fget-started\u002Fmigration","1.get-started\u002F5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","\u002Fusage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","\u002Fusage\u002Fnuxt-img","2.usage\u002F1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","\u002Fusage\u002Fnuxt-picture","2.usage\u002F2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","\u002Fusage\u002Fuse-image","2.usage\u002F3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"\u002Fproviders","3.providers",[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,179,183,187,191,195],{"title":52,"path":53,"stem":54},"Aliyun","\u002Fproviders\u002Faliyun","3.providers\u002Faliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","\u002Fproviders\u002Faws-amplify","3.providers\u002Faws-amplify",{"title":60,"path":61,"stem":62},"Builder.io","\u002Fproviders\u002Fbuilderio","3.providers\u002Fbuilderio",{"title":64,"path":65,"stem":66},"Bunny","\u002Fproviders\u002Fbunny","3.providers\u002Fbunny",{"title":68,"path":69,"stem":70},"Caisy","\u002Fproviders\u002Fcaisy","3.providers\u002Fcaisy",{"title":72,"path":73,"stem":74},"Cloudflare","\u002Fproviders\u002Fcloudflare","3.providers\u002Fcloudflare",{"title":76,"path":77,"stem":78},"Cloudflare Images","\u002Fproviders\u002Fcloudflareimages","3.providers\u002Fcloudflareimages",{"title":80,"path":81,"stem":82},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":84,"path":85,"stem":86},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":88,"path":89,"stem":90},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":92,"path":93,"stem":94},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":96,"path":97,"stem":98},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":100,"path":101,"stem":102},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":104,"path":105,"stem":106},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":108,"path":109,"stem":110},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":112,"path":113,"stem":114},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":116,"path":117,"stem":118},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":120,"path":121,"stem":122},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":124,"path":125,"stem":126},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":128,"path":129,"stem":130},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":132,"path":133,"stem":134},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":136,"path":137,"stem":138},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":140,"path":141,"stem":142},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":144,"path":145,"stem":146},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":148,"path":149,"stem":150},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":152,"path":153,"stem":154},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":156,"path":157,"stem":158},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":160,"path":161,"stem":162},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":164,"path":165,"stem":166},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":168,"path":169,"stem":170},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":172,"path":173,"stem":174},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":176,"path":177,"stem":178},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":180,"path":181,"stem":182},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":184,"path":185,"stem":186},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":188,"path":189,"stem":190},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":192,"path":193,"stem":194},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":196,"path":197,"stem":198},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":200,"path":201,"stem":202,"children":203,"page":29},"Advanced","\u002Fadvanced","4.advanced",[204,208],{"title":205,"path":206,"stem":207},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":209,"path":210,"stem":211},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":213,"title":60,"body":214,"description":798,"extension":799,"links":800,"meta":806,"navigation":807,"path":61,"seo":808,"stem":62,"__hash__":809},"docs\u002F3.providers\u002Fbuilderio.md",{"type":215,"value":216,"toc":789},"minimark",[217,229,232,237,240,275,279,285,317,393,396,401,455,458,463,495,511,565,568,576,624,634,688,691,698,778,785],[218,219,220,221,228],"p",{},"Integration between ",[222,223,227],"a",{"href":224,"rel":225},"https:\u002F\u002Fwww.builder.io\u002Fc\u002Fdocs\u002Fimage-api",[226],"nofollow","Builder.io Image API"," and Nuxt Image.",[218,230,231],{},"The Builder.io Image API provides optimized image transformations for images uploaded to Builder.io.",[233,234,236],"h2",{"id":235},"modifiers","Modifiers",[218,238,239],{},"The Builder.io provider supports the following modifiers:",[241,242,243,250,255,260,265,270],"ul",{},[244,245,246],"li",{},[247,248,249],"code",{},"width",[244,251,252],{},[247,253,254],{},"height",[244,256,257],{},[247,258,259],{},"format",[244,261,262],{},[247,263,264],{},"quality",[244,266,267],{},[247,268,269],{},"fit",[244,271,272],{},[247,273,274],{},"position",[276,277,278],"h3",{"id":259},"Format",[218,280,281,282,284],{},"The ",[247,283,259],{}," modifier is supported with the following values:",[241,286,287,292,297,302,307,312],{},[244,288,289],{},[247,290,291],{},"webp",[244,293,294],{},[247,295,296],{},"jpg",[244,298,299],{},[247,300,301],{},"jpeg",[244,303,304],{},[247,305,306],{},"png",[244,308,309],{},[247,310,311],{},"gif",[244,313,314],{},[247,315,316],{},"original",[318,319,324],"pre",{"className":320,"code":321,"language":322,"meta":323,"style":323},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg src=\"...\" width=\"300\" height=\"300\" modifiers=\"{ format: 'webp' }\" \u002F>\n","vue","",[247,325,326],{"__ignoreMap":323},[327,328,331,335,339,343,346,349,353,355,358,360,362,365,367,370,372,374,376,378,381,383,385,388,390],"span",{"class":329,"line":330},"line",1,[327,332,334],{"class":333},"sMK4o","\u003C",[327,336,338],{"class":337},"swJcz","NuxtImg",[327,340,342],{"class":341},"spNyl"," src",[327,344,345],{"class":333},"=",[327,347,348],{"class":333},"\"",[327,350,352],{"class":351},"sfazB","...",[327,354,348],{"class":333},[327,356,357],{"class":341}," width",[327,359,345],{"class":333},[327,361,348],{"class":333},[327,363,364],{"class":351},"300",[327,366,348],{"class":333},[327,368,369],{"class":341}," height",[327,371,345],{"class":333},[327,373,348],{"class":333},[327,375,364],{"class":351},[327,377,348],{"class":333},[327,379,380],{"class":341}," modifiers",[327,382,345],{"class":333},[327,384,348],{"class":333},[327,386,387],{"class":351},"{ format: 'webp' }",[327,389,348],{"class":333},[327,391,392],{"class":333}," \u002F>\n",[276,394,395],{"id":264},"Quality",[218,397,281,398,400],{},[247,399,264],{}," modifier is supported. Values range from 1 (worst quality, smallest file size) to 100 (best quality, largest file size). Default is 85.",[318,402,404],{"className":320,"code":403,"language":322,"meta":323,"style":323},"\u003CNuxtImg src=\"...\" width=\"300\" height=\"300\" modifiers=\"{ quality: 90 }\" \u002F>\n",[247,405,406],{"__ignoreMap":323},[327,407,408,410,412,414,416,418,420,422,424,426,428,430,432,434,436,438,440,442,444,446,448,451,453],{"class":329,"line":330},[327,409,334],{"class":333},[327,411,338],{"class":337},[327,413,342],{"class":341},[327,415,345],{"class":333},[327,417,348],{"class":333},[327,419,352],{"class":351},[327,421,348],{"class":333},[327,423,357],{"class":341},[327,425,345],{"class":333},[327,427,348],{"class":333},[327,429,364],{"class":351},[327,431,348],{"class":333},[327,433,369],{"class":341},[327,435,345],{"class":333},[327,437,348],{"class":333},[327,439,364],{"class":351},[327,441,348],{"class":333},[327,443,380],{"class":341},[327,445,345],{"class":333},[327,447,348],{"class":333},[327,449,450],{"class":351},"{ quality: 90 }",[327,452,348],{"class":333},[327,454,392],{"class":333},[276,456,457],{"id":269},"Fit",[218,459,281,460,462],{},[247,461,269],{}," modifier determines how the image should fit within the specified dimensions. Valid values are:",[241,464,465,471,477,483,489],{},[244,466,467,470],{},[247,468,469],{},"cover"," - Cover the entire area (default)",[244,472,473,476],{},[247,474,475],{},"contain"," - Fit within the area while maintaining aspect ratio",[244,478,479,482],{},[247,480,481],{},"fill"," - Fill the area, potentially distorting the image",[244,484,485,488],{},[247,486,487],{},"inside"," - Fit inside the area while maintaining aspect ratio",[244,490,491,494],{},[247,492,493],{},"outside"," - Fit outside the area while maintaining aspect ratio",[218,496,497,501,502,504,505,507,508,510],{},[498,499,500],"strong",{},"Note:"," The ",[247,503,269],{}," parameter only has an effect if ",[247,506,259],{}," is set to ",[247,509,291],{},".",[318,512,514],{"className":320,"code":513,"language":322,"meta":323,"style":323},"\u003CNuxtImg src=\"...\" width=\"300\" height=\"300\" modifiers=\"{ fit: 'contain', format: 'webp' }\" \u002F>\n",[247,515,516],{"__ignoreMap":323},[327,517,518,520,522,524,526,528,530,532,534,536,538,540,542,544,546,548,550,552,554,556,558,561,563],{"class":329,"line":330},[327,519,334],{"class":333},[327,521,338],{"class":337},[327,523,342],{"class":341},[327,525,345],{"class":333},[327,527,348],{"class":333},[327,529,352],{"class":351},[327,531,348],{"class":333},[327,533,357],{"class":341},[327,535,345],{"class":333},[327,537,348],{"class":333},[327,539,364],{"class":351},[327,541,348],{"class":333},[327,543,369],{"class":341},[327,545,345],{"class":333},[327,547,348],{"class":333},[327,549,364],{"class":351},[327,551,348],{"class":333},[327,553,380],{"class":341},[327,555,345],{"class":333},[327,557,348],{"class":333},[327,559,560],{"class":351},"{ fit: 'contain', format: 'webp' }",[327,562,348],{"class":333},[327,564,392],{"class":333},[276,566,567],{"id":274},"Position",[218,569,281,570,572,573,575],{},[247,571,274],{}," modifier determines the anchor point for cropping when ",[247,574,269],{}," is used. Valid values are:",[241,577,578,583,588,593,598,603,608,613,618],{},[244,579,580],{},[247,581,582],{},"top",[244,584,585],{},[247,586,587],{},"right top",[244,589,590],{},[247,591,592],{},"right",[244,594,595],{},[247,596,597],{},"right bottom",[244,599,600],{},[247,601,602],{},"bottom",[244,604,605],{},[247,606,607],{},"left bottom",[244,609,610],{},[247,611,612],{},"left",[244,614,615],{},[247,616,617],{},"left top",[244,619,620,623],{},[247,621,622],{},"center"," (default)",[218,625,626,501,628,504,630,507,632,510],{},[498,627,500],{},[247,629,274],{},[247,631,259],{},[247,633,291],{},[318,635,637],{"className":320,"code":636,"language":322,"meta":323,"style":323},"\u003CNuxtImg src=\"...\" width=\"300\" height=\"300\" modifiers=\"{ position: 'bottom left', format: 'webp' }\" \u002F>\n",[247,638,639],{"__ignoreMap":323},[327,640,641,643,645,647,649,651,653,655,657,659,661,663,665,667,669,671,673,675,677,679,681,684,686],{"class":329,"line":330},[327,642,334],{"class":333},[327,644,338],{"class":337},[327,646,342],{"class":341},[327,648,345],{"class":333},[327,650,348],{"class":333},[327,652,352],{"class":351},[327,654,348],{"class":333},[327,656,357],{"class":341},[327,658,345],{"class":333},[327,660,348],{"class":333},[327,662,364],{"class":351},[327,664,348],{"class":333},[327,666,369],{"class":341},[327,668,345],{"class":333},[327,670,348],{"class":333},[327,672,364],{"class":351},[327,674,348],{"class":333},[327,676,380],{"class":341},[327,678,345],{"class":333},[327,680,348],{"class":333},[327,682,683],{"class":351},"{ position: 'bottom left', format: 'webp' }",[327,685,348],{"class":333},[327,687,392],{"class":333},[233,689,31],{"id":690},"usage",[218,692,693,694,697],{},"To use this provider, pass the image URL from Builder.io to the ",[247,695,696],{},"src"," prop:",[318,699,701],{"className":320,"code":700,"language":322,"meta":323,"style":323},"\u003CNuxtImg \n  provider=\"builderio\"\n  src=\"https:\u002F\u002Fcdn.builder.io\u002Fapi\u002Fv1\u002Fimage\u002Fassets\u002FYJIGb4i01jvw0SRdL5Bt\u002F869bfbaec9c64415ae68235d9b7b1425\"\n  width=\"300\"\n  height=\"300\"\n\u002F>\n",[247,702,703,713,729,744,758,772],{"__ignoreMap":323},[327,704,705,707,709],{"class":329,"line":330},[327,706,334],{"class":333},[327,708,338],{"class":337},[327,710,712],{"class":711},"sTEyZ"," \n",[327,714,716,719,721,723,726],{"class":329,"line":715},2,[327,717,718],{"class":341},"  provider",[327,720,345],{"class":333},[327,722,348],{"class":333},[327,724,725],{"class":351},"builderio",[327,727,728],{"class":333},"\"\n",[327,730,732,735,737,739,742],{"class":329,"line":731},3,[327,733,734],{"class":341},"  src",[327,736,345],{"class":333},[327,738,348],{"class":333},[327,740,741],{"class":351},"https:\u002F\u002Fcdn.builder.io\u002Fapi\u002Fv1\u002Fimage\u002Fassets\u002FYJIGb4i01jvw0SRdL5Bt\u002F869bfbaec9c64415ae68235d9b7b1425",[327,743,728],{"class":333},[327,745,747,750,752,754,756],{"class":329,"line":746},4,[327,748,749],{"class":341},"  width",[327,751,345],{"class":333},[327,753,348],{"class":333},[327,755,364],{"class":351},[327,757,728],{"class":333},[327,759,761,764,766,768,770],{"class":329,"line":760},5,[327,762,763],{"class":341},"  height",[327,765,345],{"class":333},[327,767,348],{"class":333},[327,769,364],{"class":351},[327,771,728],{"class":333},[327,773,775],{"class":329,"line":774},6,[327,776,777],{"class":711},"\u002F>\n",[218,779,780,781,510],{},"For more information about the Builder.io Image API, see the ",[222,782,784],{"href":224,"rel":783},[226],"official documentation",[786,787,788],"style",{},"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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":323,"searchDepth":715,"depth":715,"links":790},[791,797],{"id":235,"depth":715,"text":236,"children":792},[793,794,795,796],{"id":259,"depth":731,"text":278},{"id":264,"depth":731,"text":395},{"id":269,"depth":731,"text":457},{"id":274,"depth":731,"text":567},{"id":690,"depth":715,"text":31},"Nuxt Image integration with Builder.io Image API.","md",[801],{"label":802,"icon":803,"to":804,"size":805},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fbuilderio.ts","xs",{},true,{"title":60,"description":798},"UT7PZgpczuAKTwi-wRfYgSrtBQo5kWCSW8O7KXYJSDU",[811,813],{"title":56,"path":57,"stem":58,"description":812,"children":-1},"Nuxt Image has first class integration with AWS Amplify Hosting",{"title":64,"path":65,"stem":66,"description":814,"children":-1},"Nuxt Image with Bunny integration.",1775043893243]