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