[{"data":1,"prerenderedAt":838},["ShallowReactive",2],{"navigation_docs":3,"-providers-uploadcare":208,"-providers-uploadcare-surround":833},[4,30,47,195],{"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],{"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},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":80,"path":81,"stem":82},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":84,"path":85,"stem":86},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":88,"path":89,"stem":90},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":92,"path":93,"stem":94},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":96,"path":97,"stem":98},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":100,"path":101,"stem":102},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":104,"path":105,"stem":106},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":108,"path":109,"stem":110},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":112,"path":113,"stem":114},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":116,"path":117,"stem":118},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":120,"path":121,"stem":122},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":124,"path":125,"stem":126},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":128,"path":129,"stem":130},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":132,"path":133,"stem":134},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":136,"path":137,"stem":138},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":140,"path":141,"stem":142},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":144,"path":145,"stem":146},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":148,"path":149,"stem":150},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":152,"path":153,"stem":154},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":156,"path":157,"stem":158},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":160,"path":161,"stem":162},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":164,"path":165,"stem":166},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":168,"path":169,"stem":170},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":172,"path":173,"stem":174},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":176,"path":177,"stem":178},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":180,"path":181,"stem":182},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":184,"path":185,"stem":186},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":188,"path":189,"stem":190},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":192,"path":193,"stem":194},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":196,"path":197,"stem":198,"children":199,"page":29},"Advanced","\u002Fadvanced","4.advanced",[200,204],{"title":201,"path":202,"stem":203},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":205,"path":206,"stem":207},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":209,"title":184,"body":210,"description":822,"extension":823,"links":824,"meta":830,"navigation":526,"path":185,"seo":831,"stem":186,"__hash__":832},"docs\u002F3.providers\u002Fuploadcare.md",{"type":211,"value":212,"toc":817},"minimark",[213,224,228,236,315,319,334,337,710,713,716,730,739,813],[214,215,216,217,223],"p",{},"Integration between ",[218,219,184],"a",{"href":220,"rel":221},"https:\u002F\u002Fuploadcare.com",[222],"nofollow"," and the Nuxt Image module.",[225,226,31],"h2",{"id":227},"usage",[214,229,230,231,235],{},"To use images from uploadcare, specify the provider as ",[232,233,234],"code",{},"uploadcare"," and set the image src to the UUID provided on the dashboard.",[237,238,244],"pre",{"className":239,"code":240,"filename":241,"language":242,"meta":243,"style":243},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"uploadcare\"\n  src=\"c160afba-8b42-45a9-a46a-d393248b0072\"\n  alt=\"My image from uploadcare\"\n\u002F>\n","page.vue","vue","",[232,245,246,259,278,293,308],{"__ignoreMap":243},[247,248,251,255],"span",{"class":249,"line":250},"line",1,[247,252,254],{"class":253},"sMK4o","\u003C",[247,256,258],{"class":257},"swJcz","NuxtImg\n",[247,260,262,266,269,272,275],{"class":249,"line":261},2,[247,263,265],{"class":264},"spNyl","  provider",[247,267,268],{"class":253},"=",[247,270,271],{"class":253},"\"",[247,273,234],{"class":274},"sfazB",[247,276,277],{"class":253},"\"\n",[247,279,281,284,286,288,291],{"class":249,"line":280},3,[247,282,283],{"class":264},"  src",[247,285,268],{"class":253},[247,287,271],{"class":253},[247,289,290],{"class":274},"c160afba-8b42-45a9-a46a-d393248b0072",[247,292,277],{"class":253},[247,294,296,299,301,303,306],{"class":249,"line":295},4,[247,297,298],{"class":264},"  alt",[247,300,268],{"class":253},[247,302,271],{"class":253},[247,304,305],{"class":274},"My image from uploadcare",[247,307,277],{"class":253},[247,309,311],{"class":249,"line":310},5,[247,312,314],{"class":313},"sTEyZ","\u002F>\n",[225,316,318],{"id":317},"modifiers","Modifiers",[214,320,321,322,327,328,333],{},"To see all possible modifiers and their options, check out the ",[218,323,326],{"href":324,"rel":325},"https:\u002F\u002Fuploadcare.com\u002Fdocs\u002Ftransformations\u002Fimage",[222],"image transformations documentation"," or the ",[218,329,332],{"href":330,"rel":331},"https:\u002F\u002Fuploadcare.com\u002Fapi-refs\u002Furl-api",[222],"URL API Reference",".",[214,335,336],{},"Types are provided for the following modifiers:",[237,338,343],{"className":339,"code":340,"filename":341,"language":342,"meta":243,"style":243},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Image Compression\nformat: 'jpeg' | 'png' | 'webp' | 'auto'\nquality: 'smart' | 'smart_retina' | 'normal' | 'better' | 'best' | 'lighter' | 'lightest'\nprogressive: 'yes' | 'no'\nstrip_meta: 'all' | 'none' | 'sensitive'\n\n\u002F\u002F Image Geometry\npreview: `${number}x${number}` \u002F\u002F Height x Width\nresize: `${number}x${number}` | `${number}x`| `x${number}` \nsmart_resize: `${number}x${number}`\ncrop: string | string[]\nscale_crop: string | string[]\nborder_radius: string | string[]\nsetfill: string \u002F\u002F 3, 6 or 8 digit hex color\nzoom_objects: string \u002F\u002F 1 to 100\n","src\u002Ftypes\u002Fmodule.ts","ts",[232,344,345,351,398,466,489,521,528,534,565,617,640,656,670,684,697],{"__ignoreMap":243},[247,346,347],{"class":249,"line":250},[247,348,350],{"class":349},"sHwdD","\u002F\u002F Image Compression\n",[247,352,353,357,360,363,366,369,372,374,377,379,381,383,386,388,390,392,395],{"class":249,"line":261},[247,354,356],{"class":355},"sBMFI","format",[247,358,359],{"class":253},":",[247,361,362],{"class":253}," '",[247,364,365],{"class":274},"jpeg",[247,367,368],{"class":253},"'",[247,370,371],{"class":253}," |",[247,373,362],{"class":253},[247,375,376],{"class":274},"png",[247,378,368],{"class":253},[247,380,371],{"class":253},[247,382,362],{"class":253},[247,384,385],{"class":274},"webp",[247,387,368],{"class":253},[247,389,371],{"class":253},[247,391,362],{"class":253},[247,393,394],{"class":274},"auto",[247,396,397],{"class":253},"'\n",[247,399,400,403,405,407,410,412,414,416,419,421,423,425,428,430,432,434,437,439,441,443,446,448,450,452,455,457,459,461,464],{"class":249,"line":280},[247,401,402],{"class":355},"quality",[247,404,359],{"class":253},[247,406,362],{"class":253},[247,408,409],{"class":274},"smart",[247,411,368],{"class":253},[247,413,371],{"class":253},[247,415,362],{"class":253},[247,417,418],{"class":274},"smart_retina",[247,420,368],{"class":253},[247,422,371],{"class":253},[247,424,362],{"class":253},[247,426,427],{"class":274},"normal",[247,429,368],{"class":253},[247,431,371],{"class":253},[247,433,362],{"class":253},[247,435,436],{"class":274},"better",[247,438,368],{"class":253},[247,440,371],{"class":253},[247,442,362],{"class":253},[247,444,445],{"class":274},"best",[247,447,368],{"class":253},[247,449,371],{"class":253},[247,451,362],{"class":253},[247,453,454],{"class":274},"lighter",[247,456,368],{"class":253},[247,458,371],{"class":253},[247,460,362],{"class":253},[247,462,463],{"class":274},"lightest",[247,465,397],{"class":253},[247,467,468,471,473,475,478,480,482,484,487],{"class":249,"line":295},[247,469,470],{"class":355},"progressive",[247,472,359],{"class":253},[247,474,362],{"class":253},[247,476,477],{"class":274},"yes",[247,479,368],{"class":253},[247,481,371],{"class":253},[247,483,362],{"class":253},[247,485,486],{"class":274},"no",[247,488,397],{"class":253},[247,490,491,494,496,498,501,503,505,507,510,512,514,516,519],{"class":249,"line":310},[247,492,493],{"class":355},"strip_meta",[247,495,359],{"class":253},[247,497,362],{"class":253},[247,499,500],{"class":274},"all",[247,502,368],{"class":253},[247,504,371],{"class":253},[247,506,362],{"class":253},[247,508,509],{"class":274},"none",[247,511,368],{"class":253},[247,513,371],{"class":253},[247,515,362],{"class":253},[247,517,518],{"class":274},"sensitive",[247,520,397],{"class":253},[247,522,524],{"class":249,"line":523},6,[247,525,527],{"emptyLinePlaceholder":526},true,"\n",[247,529,531],{"class":249,"line":530},7,[247,532,533],{"class":349},"\u002F\u002F Image Geometry\n",[247,535,537,540,542,545,548,551,554,557,559,562],{"class":249,"line":536},8,[247,538,539],{"class":355},"preview",[247,541,359],{"class":253},[247,543,544],{"class":253}," `${",[247,546,547],{"class":313},"number",[247,549,550],{"class":253},"}",[247,552,553],{"class":274},"x",[247,555,556],{"class":253},"${",[247,558,547],{"class":313},[247,560,561],{"class":253},"}`",[247,563,564],{"class":349}," \u002F\u002F Height x Width\n",[247,566,568,571,573,575,577,579,581,583,585,587,589,591,593,595,597,600,603,606,608,610,612,614],{"class":249,"line":567},9,[247,569,570],{"class":355},"resize",[247,572,359],{"class":253},[247,574,544],{"class":253},[247,576,547],{"class":313},[247,578,550],{"class":253},[247,580,553],{"class":274},[247,582,556],{"class":253},[247,584,547],{"class":313},[247,586,561],{"class":253},[247,588,371],{"class":253},[247,590,544],{"class":253},[247,592,547],{"class":313},[247,594,550],{"class":253},[247,596,553],{"class":274},[247,598,599],{"class":253},"`",[247,601,602],{"class":253},"|",[247,604,605],{"class":253}," `",[247,607,553],{"class":274},[247,609,556],{"class":253},[247,611,547],{"class":313},[247,613,561],{"class":253},[247,615,616],{"class":313}," \n",[247,618,620,623,625,627,629,631,633,635,637],{"class":249,"line":619},10,[247,621,622],{"class":355},"smart_resize",[247,624,359],{"class":253},[247,626,544],{"class":253},[247,628,547],{"class":313},[247,630,550],{"class":253},[247,632,553],{"class":274},[247,634,556],{"class":253},[247,636,547],{"class":313},[247,638,639],{"class":253},"}`\n",[247,641,643,646,648,651,653],{"class":249,"line":642},11,[247,644,645],{"class":355},"crop",[247,647,359],{"class":253},[247,649,650],{"class":313}," string ",[247,652,602],{"class":253},[247,654,655],{"class":313}," string[]\n",[247,657,659,662,664,666,668],{"class":249,"line":658},12,[247,660,661],{"class":355},"scale_crop",[247,663,359],{"class":253},[247,665,650],{"class":313},[247,667,602],{"class":253},[247,669,655],{"class":313},[247,671,673,676,678,680,682],{"class":249,"line":672},13,[247,674,675],{"class":355},"border_radius",[247,677,359],{"class":253},[247,679,650],{"class":313},[247,681,602],{"class":253},[247,683,655],{"class":313},[247,685,687,690,692,694],{"class":249,"line":686},14,[247,688,689],{"class":355},"setfill",[247,691,359],{"class":253},[247,693,650],{"class":313},[247,695,696],{"class":349},"\u002F\u002F 3, 6 or 8 digit hex color\n",[247,698,700,703,705,707],{"class":249,"line":699},15,[247,701,702],{"class":355},"zoom_objects",[247,704,359],{"class":253},[247,706,650],{"class":313},[247,708,709],{"class":349},"\u002F\u002F 1 to 100\n",[214,711,712],{},"Please feel free to open a PR to improve support for additional operations.",[225,714,14],{"id":715},"configuration",[717,718,719],"blockquote",{},[214,720,721,722,725,726,729],{},"By default, all file URLs use the ",[232,723,724],{},"ucarecdn.com"," domain. By setting a custom CDN CNAME, file URLs can use ",[232,727,728],{},"cdn.mycompany.com"," instead.",[214,731,732,733,738],{},"See the ",[218,734,737],{"href":735,"rel":736},"https:\u002F\u002Fuploadcare.com\u002Fdocs\u002Fdelivery\u002Fcdn\u002F#custom-cdn-cname",[222],"Uploadcare documentation"," for how to enable a custom domain in your project. To tell Nuxt Image about the custom CDN name, use the following configuration:",[237,740,743],{"className":339,"code":741,"filename":742,"language":342,"meta":243,"style":243},"export default defineNuxtConfig({\n  image: {\n    uploadcare: {\n      cdnURL: 'cdn.mycompany.com'\n    }\n  }\n})\n","nuxt.config.ts",[232,744,745,764,774,783,796,801,806],{"__ignoreMap":243},[247,746,747,751,754,758,761],{"class":249,"line":250},[247,748,750],{"class":749},"s7zQu","export",[247,752,753],{"class":749}," default",[247,755,757],{"class":756},"s2Zo4"," defineNuxtConfig",[247,759,760],{"class":313},"(",[247,762,763],{"class":253},"{\n",[247,765,766,769,771],{"class":249,"line":261},[247,767,768],{"class":257},"  image",[247,770,359],{"class":253},[247,772,773],{"class":253}," {\n",[247,775,776,779,781],{"class":249,"line":280},[247,777,778],{"class":257},"    uploadcare",[247,780,359],{"class":253},[247,782,773],{"class":253},[247,784,785,788,790,792,794],{"class":249,"line":295},[247,786,787],{"class":257},"      cdnURL",[247,789,359],{"class":253},[247,791,362],{"class":253},[247,793,728],{"class":274},[247,795,397],{"class":253},[247,797,798],{"class":249,"line":310},[247,799,800],{"class":253},"    }\n",[247,802,803],{"class":249,"line":523},[247,804,805],{"class":253},"  }\n",[247,807,808,810],{"class":249,"line":530},[247,809,550],{"class":253},[247,811,812],{"class":313},")\n",[814,815,816],"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 pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .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 pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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}",{"title":243,"searchDepth":261,"depth":261,"links":818},[819,820,821],{"id":227,"depth":261,"text":31},{"id":317,"depth":261,"text":318},{"id":715,"depth":261,"text":14},"Power up file uploading, processing and delivery for your app in one sitting.","md",[825],{"label":826,"icon":827,"to":828,"size":829},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fuploadcare.ts","xs",{},{"title":184,"description":822},"xibCoh4c7fzJ_4MhIYzi6eAC5XRiC-elXdCMKjhrqro",[834,836],{"title":180,"path":181,"stem":182,"description":835,"children":-1},"Nuxt Image has first class integration with Unsplash.",{"title":188,"path":189,"stem":190,"description":837,"children":-1},"Optimize images at Vercel's Edge Network.",1774955430932]