[{"data":1,"prerenderedAt":1136},["ShallowReactive",2],{"navigation_docs":3,"-providers-cloudimage":220,"-providers-cloudimage-surround":1131},[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":80,"body":222,"description":1119,"extension":1120,"links":1121,"meta":1127,"navigation":1128,"path":81,"seo":1129,"stem":82,"__hash__":1130},"docs\u002F3.providers\u002Fcloudimage.md",{"type":223,"value":224,"toc":1107},"minimark",[225,236,266,384,389,394,406,415,420,427,433,509,512,621,626,638,641,655,664,752,757,768,774,835,855,859,864,922,925,943,948,1026,1030,1048,1056,1066,1103],[226,227,228,229,235],"p",{},"Integration between ",[230,231,80],"a",{"href":232,"rel":233},"https:\u002F\u002Fwww.cloudimage.io\u002Fen\u002Fhome",[234],"nofollow"," and the image module.",[226,237,238,239,243,244,247,248,251,252,255,256,259,260,262,263,265],{},"To use this provider you need to specify either your Cloudimage ",[240,241,242],"code",{},"token"," (with optional ",[240,245,246],{},"apiVersion",") or a full ",[240,249,250],{},"cdnURL",". The ",[240,253,254],{},"baseURL"," of your image storage is optional and is only used when the passed ",[240,257,258],{},"src"," is not an absolute URL. When using absolute URLs, the provider will use the ",[240,261,250],{}," directly without prepending the ",[240,264,254],{},".",[267,268,274],"pre",{"className":269,"code":270,"filename":271,"language":272,"meta":273,"style":273},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    cloudimage: {\n      token: 'your_cloudimage_token',\n      baseURL: 'origin_image_url' \u002F\u002F or alias (optional)\n    }\n  }\n})\n","nuxt.config.ts","ts","",[240,275,276,300,313,323,344,363,369,375],{"__ignoreMap":273},[277,278,281,285,288,292,296],"span",{"class":279,"line":280},"line",1,[277,282,284],{"class":283},"s7zQu","export",[277,286,287],{"class":283}," default",[277,289,291],{"class":290},"s2Zo4"," defineNuxtConfig",[277,293,295],{"class":294},"sTEyZ","(",[277,297,299],{"class":298},"sMK4o","{\n",[277,301,303,307,310],{"class":279,"line":302},2,[277,304,306],{"class":305},"swJcz","  image",[277,308,309],{"class":298},":",[277,311,312],{"class":298}," {\n",[277,314,316,319,321],{"class":279,"line":315},3,[277,317,318],{"class":305},"    cloudimage",[277,320,309],{"class":298},[277,322,312],{"class":298},[277,324,326,329,331,334,338,341],{"class":279,"line":325},4,[277,327,328],{"class":305},"      token",[277,330,309],{"class":298},[277,332,333],{"class":298}," '",[277,335,337],{"class":336},"sfazB","your_cloudimage_token",[277,339,340],{"class":298},"'",[277,342,343],{"class":298},",\n",[277,345,347,350,352,354,357,359],{"class":279,"line":346},5,[277,348,349],{"class":305},"      baseURL",[277,351,309],{"class":298},[277,353,333],{"class":298},[277,355,356],{"class":336},"origin_image_url",[277,358,340],{"class":298},[277,360,362],{"class":361},"sHwdD"," \u002F\u002F or alias (optional)\n",[277,364,366],{"class":279,"line":365},6,[277,367,368],{"class":298},"    }\n",[277,370,372],{"class":279,"line":371},7,[277,373,374],{"class":298},"  }\n",[277,376,378,381],{"class":279,"line":377},8,[277,379,380],{"class":298},"}",[277,382,383],{"class":294},")\n",[385,386,388],"h2",{"id":387},"options","Options",[390,391,392],"h3",{"id":242},[240,393,242],{},[395,396,397],"ul",{},[398,399,400,401,405],"li",{},"Type: ",[402,403,404],"strong",{},"String"," (required)",[226,407,408,409,414],{},"Your Cloudimage customer token. ",[230,410,413],{"href":411,"rel":412},"https:\u002F\u002Fwww.cloudimage.io\u002Fen\u002Fregister_page",[234],"Register"," for a Cloudimage account to get one. Registration takes less than a minute and is totally free.",[390,416,418],{"id":417},"baseurl",[240,419,254],{},[395,421,422],{},[398,423,400,424,426],{},[402,425,404],{}," (optional)",[226,428,429,430,432],{},"Your origin image URL or storage alias that allows to shorten your origin image URLs. If not provided, the provider will fall back to base App URL for relative URLs, or use the ",[240,431,250],{}," directly for absolute URLs.",[267,434,436],{"className":269,"code":435,"filename":271,"language":272,"meta":273,"style":273},"export default defineNuxtConfig({\n  image: {\n    cloudimage: {\n      token: 'demo',\n      baseURL: 'sample.li'\n    }\n  }\n})\n",[240,437,438,450,458,466,481,495,499,503],{"__ignoreMap":273},[277,439,440,442,444,446,448],{"class":279,"line":280},[277,441,284],{"class":283},[277,443,287],{"class":283},[277,445,291],{"class":290},[277,447,295],{"class":294},[277,449,299],{"class":298},[277,451,452,454,456],{"class":279,"line":302},[277,453,306],{"class":305},[277,455,309],{"class":298},[277,457,312],{"class":298},[277,459,460,462,464],{"class":279,"line":315},[277,461,318],{"class":305},[277,463,309],{"class":298},[277,465,312],{"class":298},[277,467,468,470,472,474,477,479],{"class":279,"line":325},[277,469,328],{"class":305},[277,471,309],{"class":298},[277,473,333],{"class":298},[277,475,476],{"class":336},"demo",[277,478,340],{"class":298},[277,480,343],{"class":298},[277,482,483,485,487,489,492],{"class":279,"line":346},[277,484,349],{"class":305},[277,486,309],{"class":298},[277,488,333],{"class":298},[277,490,491],{"class":336},"sample.li",[277,493,494],{"class":298},"'\n",[277,496,497],{"class":279,"line":365},[277,498,368],{"class":298},[277,500,501],{"class":279,"line":371},[277,502,374],{"class":298},[277,504,505,507],{"class":279,"line":377},[277,506,380],{"class":298},[277,508,383],{"class":294},[226,510,511],{},"These formats all work as well:",[267,513,515],{"className":269,"code":514,"filename":271,"language":272,"meta":273,"style":273},"export default defineNuxtConfig({\n  image: {\n    cloudimage: {\n      token: 'demo',\n      baseURL: 'sample.li\u002Fimages',\n      baseURL: 'https:\u002F\u002Fsample.li\u002Fimages',\n      baseURL: '_sl_' \u002F\u002F alias defined in your Cloudimage storage settings\n    }\n  }\n})\n",[240,516,517,529,537,545,559,574,589,605,609,614],{"__ignoreMap":273},[277,518,519,521,523,525,527],{"class":279,"line":280},[277,520,284],{"class":283},[277,522,287],{"class":283},[277,524,291],{"class":290},[277,526,295],{"class":294},[277,528,299],{"class":298},[277,530,531,533,535],{"class":279,"line":302},[277,532,306],{"class":305},[277,534,309],{"class":298},[277,536,312],{"class":298},[277,538,539,541,543],{"class":279,"line":315},[277,540,318],{"class":305},[277,542,309],{"class":298},[277,544,312],{"class":298},[277,546,547,549,551,553,555,557],{"class":279,"line":325},[277,548,328],{"class":305},[277,550,309],{"class":298},[277,552,333],{"class":298},[277,554,476],{"class":336},[277,556,340],{"class":298},[277,558,343],{"class":298},[277,560,561,563,565,567,570,572],{"class":279,"line":346},[277,562,349],{"class":305},[277,564,309],{"class":298},[277,566,333],{"class":298},[277,568,569],{"class":336},"sample.li\u002Fimages",[277,571,340],{"class":298},[277,573,343],{"class":298},[277,575,576,578,580,582,585,587],{"class":279,"line":365},[277,577,349],{"class":305},[277,579,309],{"class":298},[277,581,333],{"class":298},[277,583,584],{"class":336},"https:\u002F\u002Fsample.li\u002Fimages",[277,586,340],{"class":298},[277,588,343],{"class":298},[277,590,591,593,595,597,600,602],{"class":279,"line":371},[277,592,349],{"class":305},[277,594,309],{"class":298},[277,596,333],{"class":298},[277,598,599],{"class":336},"_sl_",[277,601,340],{"class":298},[277,603,604],{"class":361}," \u002F\u002F alias defined in your Cloudimage storage settings\n",[277,606,607],{"class":279,"line":377},[277,608,368],{"class":298},[277,610,612],{"class":279,"line":611},9,[277,613,374],{"class":298},[277,615,617,619],{"class":279,"line":616},10,[277,618,380],{"class":298},[277,620,383],{"class":294},[390,622,624],{"id":623},"apiversion",[240,625,246],{},[395,627,628,632],{},[398,629,400,630],{},[402,631,404],{},[398,633,634,635],{},"Default: ",[240,636,637],{},"empty string",[226,639,640],{},"Allow using a specific version of the API.",[642,643,644,645,648,649,651,652,265],"note",{},"For tokens created before ",[402,646,647],{},"20.10.2021",", ",[240,650,246],{}," needs to be set to ",[240,653,654],{},"v7",[226,656,657,658,660,661,663],{},"Here's an official demo config. ",[240,659,476],{}," is an old token hence ",[240,662,246],{}," needs to be defined as well.",[267,665,667],{"className":269,"code":666,"filename":271,"language":272,"meta":273,"style":273},"export default defineNuxtConfig({\n  image: {\n    cloudimage: {\n      token: 'demo',\n      baseURL: 'sample.li',\n      apiVersion: 'v7'\n    }\n  }\n})\n",[240,668,669,681,689,697,711,725,738,742,746],{"__ignoreMap":273},[277,670,671,673,675,677,679],{"class":279,"line":280},[277,672,284],{"class":283},[277,674,287],{"class":283},[277,676,291],{"class":290},[277,678,295],{"class":294},[277,680,299],{"class":298},[277,682,683,685,687],{"class":279,"line":302},[277,684,306],{"class":305},[277,686,309],{"class":298},[277,688,312],{"class":298},[277,690,691,693,695],{"class":279,"line":315},[277,692,318],{"class":305},[277,694,309],{"class":298},[277,696,312],{"class":298},[277,698,699,701,703,705,707,709],{"class":279,"line":325},[277,700,328],{"class":305},[277,702,309],{"class":298},[277,704,333],{"class":298},[277,706,476],{"class":336},[277,708,340],{"class":298},[277,710,343],{"class":298},[277,712,713,715,717,719,721,723],{"class":279,"line":346},[277,714,349],{"class":305},[277,716,309],{"class":298},[277,718,333],{"class":298},[277,720,491],{"class":336},[277,722,340],{"class":298},[277,724,343],{"class":298},[277,726,727,730,732,734,736],{"class":279,"line":365},[277,728,729],{"class":305},"      apiVersion",[277,731,309],{"class":298},[277,733,333],{"class":298},[277,735,654],{"class":336},[277,737,494],{"class":298},[277,739,740],{"class":279,"line":371},[277,741,368],{"class":298},[277,743,744],{"class":279,"line":377},[277,745,374],{"class":298},[277,747,748,750],{"class":279,"line":611},[277,749,380],{"class":298},[277,751,383],{"class":294},[390,753,755],{"id":754},"cdnurl",[240,756,250],{},[395,758,759,763],{},[398,760,400,761],{},[402,762,404],{},[398,764,634,765],{},[240,766,767],{},"https:\u002F\u002F{token}.cloudimg.io\u002F{apiVersion}",[226,769,770,771,773],{},"Replaces the dynamically built URL. Useful when you prefer not to provide a ",[240,772,242],{}," or need a custom CDN hostname.",[267,775,777],{"className":269,"code":776,"filename":271,"language":272,"meta":273,"style":273},"export default defineNuxtConfig({\n  image: {\n    cloudimage: {\n      cdnURL: 'https:\u002F\u002Fdemo.cloudimg.io\u002Fv7'\n    }\n  }\n})\n",[240,778,779,791,799,807,821,825,829],{"__ignoreMap":273},[277,780,781,783,785,787,789],{"class":279,"line":280},[277,782,284],{"class":283},[277,784,287],{"class":283},[277,786,291],{"class":290},[277,788,295],{"class":294},[277,790,299],{"class":298},[277,792,793,795,797],{"class":279,"line":302},[277,794,306],{"class":305},[277,796,309],{"class":298},[277,798,312],{"class":298},[277,800,801,803,805],{"class":279,"line":315},[277,802,318],{"class":305},[277,804,309],{"class":298},[277,806,312],{"class":298},[277,808,809,812,814,816,819],{"class":279,"line":325},[277,810,811],{"class":305},"      cdnURL",[277,813,309],{"class":298},[277,815,333],{"class":298},[277,817,818],{"class":336},"https:\u002F\u002Fdemo.cloudimg.io\u002Fv7",[277,820,494],{"class":298},[277,822,823],{"class":279,"line":346},[277,824,368],{"class":298},[277,826,827],{"class":279,"line":365},[277,828,374],{"class":298},[277,830,831,833],{"class":279,"line":371},[277,832,380],{"class":298},[277,834,383],{"class":294},[226,836,837,838,840,841,843,844,847,848,851,852,854],{},"When only ",[240,839,250],{}," is provided and ",[240,842,254],{}," is omitted, relative sources will fallback to the website's base URL, for example ",[240,845,846],{},"src: '\u002Ftest.png'"," becomes ",[240,849,850],{},"https:\u002F\u002Fdemo.cloudimg.io\u002Fv7\u002F{website-base-url}\u002Ftest.png",". When using absolute URLs with ",[240,853,250],{},", the provider will use the CDN URL directly without prepending any base URL.",[390,856,858],{"id":857},"examples","Examples",[226,860,861],{},[402,862,863],{},"Using absolute URLs with cdnURL:",[267,865,866],{"className":269,"code":776,"filename":271,"language":272,"meta":273,"style":273},[240,867,868,880,888,896,908,912,916],{"__ignoreMap":273},[277,869,870,872,874,876,878],{"class":279,"line":280},[277,871,284],{"class":283},[277,873,287],{"class":283},[277,875,291],{"class":290},[277,877,295],{"class":294},[277,879,299],{"class":298},[277,881,882,884,886],{"class":279,"line":302},[277,883,306],{"class":305},[277,885,309],{"class":298},[277,887,312],{"class":298},[277,889,890,892,894],{"class":279,"line":315},[277,891,318],{"class":305},[277,893,309],{"class":298},[277,895,312],{"class":298},[277,897,898,900,902,904,906],{"class":279,"line":325},[277,899,811],{"class":305},[277,901,309],{"class":298},[277,903,333],{"class":298},[277,905,818],{"class":336},[277,907,494],{"class":298},[277,909,910],{"class":279,"line":346},[277,911,368],{"class":298},[277,913,914],{"class":279,"line":365},[277,915,374],{"class":298},[277,917,918,920],{"class":279,"line":371},[277,919,380],{"class":298},[277,921,383],{"class":294},[226,923,924],{},"With this configuration:",[395,926,927,935],{},[398,928,929,847,932],{},[240,930,931],{},"src: 'https:\u002F\u002Fexample.com\u002Fimage.jpg'",[240,933,934],{},"https:\u002F\u002Fdemo.cloudimg.io\u002Fv7\u002Fhttps:\u002F\u002Fexample.com\u002Fimage.jpg",[398,936,937,847,940],{},[240,938,939],{},"src: '\u002Flocal\u002Fimage.jpg'",[240,941,942],{},"https:\u002F\u002Fdemo.cloudimg.io\u002Fv7\u002F{website-base-url}\u002Flocal\u002Fimage.jpg",[226,944,945],{},[402,946,947],{},"Using token with automatic baseURL fallback:",[267,949,951],{"className":269,"code":950,"filename":271,"language":272,"meta":273,"style":273},"export default defineNuxtConfig({\n  image: {\n    cloudimage: {\n      token: 'demo',\n      apiVersion: 'v7'\n      \u002F\u002F baseURL will automatically fall back to the website's base URL\n    }\n  }\n})\n",[240,952,953,965,973,981,995,1007,1012,1016,1020],{"__ignoreMap":273},[277,954,955,957,959,961,963],{"class":279,"line":280},[277,956,284],{"class":283},[277,958,287],{"class":283},[277,960,291],{"class":290},[277,962,295],{"class":294},[277,964,299],{"class":298},[277,966,967,969,971],{"class":279,"line":302},[277,968,306],{"class":305},[277,970,309],{"class":298},[277,972,312],{"class":298},[277,974,975,977,979],{"class":279,"line":315},[277,976,318],{"class":305},[277,978,309],{"class":298},[277,980,312],{"class":298},[277,982,983,985,987,989,991,993],{"class":279,"line":325},[277,984,328],{"class":305},[277,986,309],{"class":298},[277,988,333],{"class":298},[277,990,476],{"class":336},[277,992,340],{"class":298},[277,994,343],{"class":298},[277,996,997,999,1001,1003,1005],{"class":279,"line":346},[277,998,729],{"class":305},[277,1000,309],{"class":298},[277,1002,333],{"class":298},[277,1004,654],{"class":336},[277,1006,494],{"class":298},[277,1008,1009],{"class":279,"line":365},[277,1010,1011],{"class":361},"      \u002F\u002F baseURL will automatically fall back to the website's base URL\n",[277,1013,1014],{"class":279,"line":371},[277,1015,368],{"class":298},[277,1017,1018],{"class":279,"line":377},[277,1019,374],{"class":298},[277,1021,1022,1024],{"class":279,"line":611},[277,1023,380],{"class":298},[277,1025,383],{"class":294},[385,1027,1029],{"id":1028},"cloudimage-modifiers","Cloudimage Modifiers",[226,1031,1032,1033,1037,1038,1043,1044,1047],{},"Beside the ",[230,1034,1036],{"href":1035},"\u002Fusage\u002Fnuxt-img#modifiers","standard modifiers",", also you can pass Cloudimage-specific ",[230,1039,1042],{"href":1040,"rel":1041},"https:\u002F\u002Fdocs.cloudimage.io\u002Fgo\u002Fcloudimage-documentation-v7\u002Fen\u002Fintroduction",[234],"Cloudimage-specific transformation"," params to ",[240,1045,1046],{},"modifiers"," prop.",[385,1049,1051,1052,1055],{"id":1050},"cloudimage-fit-values","Cloudimage ",[240,1053,1054],{},"fit"," Values",[226,1057,1032,1058,1065],{},[230,1059,1061,1062,1064],{"href":1060},"\u002Fusage\u002Fnuxt-img#fit","standard values for ",[240,1063,1054],{}," property"," of Nuxt image and Nuxt picture, Cloudimage offers the following for extra resizing params:",[395,1067,1068,1074,1080,1085,1091,1097],{},[398,1069,1070,1073],{},[240,1071,1072],{},"crop"," - Crops the image to specified dimensions (width and height) and keeps proportions.",[398,1075,1076,1079],{},[240,1077,1078],{},"face"," - Crops the image automatically keeping the most prominent face.",[398,1081,1082,1084],{},[240,1083,1054],{}," - Resizes the image to fit into a specified width and height box, adds padding (image or solid color) to keep proportions.",[398,1086,1087,1090],{},[240,1088,1089],{},"cropfit"," - Sets crop or fit resize mode depending on the origin and the desired dimensions.",[398,1092,1093,1096],{},[240,1094,1095],{},"bound"," - Resizes to a given width and height box and keeps proportions. Similar to fit but without adding padding.",[398,1098,1099,1102],{},[240,1100,1101],{},"boundmin"," - Resizes an image while bounding the smaller dimension to the desired width or height while keeping proportions.",[1104,1105,1106],"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 pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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":273,"searchDepth":302,"depth":302,"links":1108},[1109,1116,1117],{"id":387,"depth":302,"text":388,"children":1110},[1111,1112,1113,1114,1115],{"id":242,"depth":315,"text":242},{"id":417,"depth":315,"text":254},{"id":623,"depth":315,"text":246},{"id":754,"depth":315,"text":250},{"id":857,"depth":315,"text":858},{"id":1028,"depth":302,"text":1029},{"id":1050,"depth":302,"text":1118},"Cloudimage fit Values","Nuxt Image has first class integration with Cloudimage.","md",[1122],{"label":1123,"icon":1124,"to":1125,"size":1126},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fcloudimage.ts","xs",{},true,{"title":80,"description":1119},"1OZH_fks8AFCbdNg7vVw967e1JrI-ksk8i8qTOpV3ig",[1132,1134],{"title":76,"path":77,"stem":78,"description":1133,"children":-1},"Nuxt Image has first class integration with Cloudflare Images.",{"title":84,"path":85,"stem":86,"description":1135,"children":-1},"Nuxt Image has first class integration with Cloudinary.",1775283768358]