[{"data":1,"prerenderedAt":1650},["Reactive",2],{"navigation":3,"docs-/providers/uploadcare":115,"docs-/providers/uploadcare-surround":1163},[4,20,33,105],{"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],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":101,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":100,"description":119,"links":120,"body":126,"_type":1158,"_id":1159,"_source":1160,"_file":1161,"_extension":1162},"providers",false,"","Power up file uploading, processing and delivery for your app in one sitting.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/uploadcare.ts","xs",{"type":127,"children":128,"toc":1153},"root",[129,147,153,166,286,292,315,320,972,977,982,1005,1019,1147],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,145],{"type":135,"value":136},"text","Integration between ",{"type":130,"tag":138,"props":139,"children":143},"a",{"href":140,"rel":141},"https://uploadcare.com/",[142],"nofollow",[144],{"type":135,"value":100},{"type":135,"value":146}," and the Nuxt Image module.",{"type":130,"tag":148,"props":149,"children":151},"h2",{"id":150},"usage",[152],{"type":135,"value":21},{"type":130,"tag":131,"props":154,"children":155},{},[156,158,164],{"type":135,"value":157},"To use images from uploadcare, specify the provider as ",{"type":130,"tag":159,"props":160,"children":161},"code",{"className":118},[162],{"type":135,"value":163},"uploadcare",{"type":135,"value":165}," and set the image src to the UUID provided on the dashboard.",{"type":130,"tag":167,"props":168,"children":173},"pre",{"className":169,"code":170,"filename":171,"language":172,"meta":118,"style":118},"language-vue shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg\n  provider=\"uploadcare\"\n  src=\"c160afba-8b42-45a9-a46a-d393248b0072\"\n  alt=\"My image from uploadcare\"\n/>\n","page.vue","vue",[174],{"type":130,"tag":159,"props":175,"children":176},{"__ignoreMap":118},[177,195,224,250,276],{"type":130,"tag":178,"props":179,"children":182},"span",{"class":180,"line":181},"line",1,[183,189],{"type":130,"tag":178,"props":184,"children":186},{"style":185},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[187],{"type":135,"value":188},"\u003C",{"type":130,"tag":178,"props":190,"children":192},{"style":191},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[193],{"type":135,"value":194},"NuxtImg",{"type":130,"tag":178,"props":196,"children":198},{"class":180,"line":197},2,[199,205,210,215,220],{"type":130,"tag":178,"props":200,"children":202},{"style":201},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[203],{"type":135,"value":204},"  provider",{"type":130,"tag":178,"props":206,"children":207},{"style":185},[208],{"type":135,"value":209},"=",{"type":130,"tag":178,"props":211,"children":212},{"style":185},[213],{"type":135,"value":214},"\"",{"type":130,"tag":178,"props":216,"children":218},{"style":217},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[219],{"type":135,"value":163},{"type":130,"tag":178,"props":221,"children":222},{"style":185},[223],{"type":135,"value":214},{"type":130,"tag":178,"props":225,"children":227},{"class":180,"line":226},3,[228,233,237,241,246],{"type":130,"tag":178,"props":229,"children":230},{"style":201},[231],{"type":135,"value":232},"  src",{"type":130,"tag":178,"props":234,"children":235},{"style":185},[236],{"type":135,"value":209},{"type":130,"tag":178,"props":238,"children":239},{"style":185},[240],{"type":135,"value":214},{"type":130,"tag":178,"props":242,"children":243},{"style":217},[244],{"type":135,"value":245},"c160afba-8b42-45a9-a46a-d393248b0072",{"type":130,"tag":178,"props":247,"children":248},{"style":185},[249],{"type":135,"value":214},{"type":130,"tag":178,"props":251,"children":253},{"class":180,"line":252},4,[254,259,263,267,272],{"type":130,"tag":178,"props":255,"children":256},{"style":201},[257],{"type":135,"value":258},"  alt",{"type":130,"tag":178,"props":260,"children":261},{"style":185},[262],{"type":135,"value":209},{"type":130,"tag":178,"props":264,"children":265},{"style":185},[266],{"type":135,"value":214},{"type":130,"tag":178,"props":268,"children":269},{"style":217},[270],{"type":135,"value":271},"My image from uploadcare",{"type":130,"tag":178,"props":273,"children":274},{"style":185},[275],{"type":135,"value":214},{"type":130,"tag":178,"props":277,"children":279},{"class":180,"line":278},5,[280],{"type":130,"tag":178,"props":281,"children":283},{"style":282},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[284],{"type":135,"value":285},"/>",{"type":130,"tag":148,"props":287,"children":289},{"id":288},"modifiers",[290],{"type":135,"value":291},"Modifiers",{"type":130,"tag":131,"props":293,"children":294},{},[295,297,304,306,313],{"type":135,"value":296},"To see all possible modifiers and their options, check out the ",{"type":130,"tag":138,"props":298,"children":301},{"href":299,"rel":300},"https://uploadcare.com/docs/transformations/image/",[142],[302],{"type":135,"value":303},"image transformations documentation",{"type":135,"value":305}," or the ",{"type":130,"tag":138,"props":307,"children":310},{"href":308,"rel":309},"https://uploadcare.com/api-refs/url-api/",[142],[311],{"type":135,"value":312},"URL API Reference",{"type":135,"value":314},".",{"type":130,"tag":131,"props":316,"children":317},{},[318],{"type":135,"value":319},"Types are provided for the following modifiers:",{"type":130,"tag":167,"props":321,"children":326},{"className":322,"code":323,"filename":324,"language":325,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","  // Image Compression\n  format: 'jpeg' | 'png' | 'webp' | 'auto'\n  quality: 'smart' | 'smart_retina' | 'normal' | 'better' | 'best' | 'lighter' | 'lightest'\n  progressive: 'yes' | 'no'\n  strip_meta: 'all' | 'none' | 'sensitive'\n\n  // Image Geometry\n  preview: `${number}x${number}` // Height x Width\n  resize: `${number}x${number}` | `${number}x`| `x${number}` \n  smart_resize: `${number}x${number}`\n  crop: string | string[]\n  scale_crop: string | string[]\n  border_radius: string | string[]\n  setfill: string // 3, 6 or 8 digit hex color\n  zoom_objects: string // 1 to 100\n","src/types/module.ts","ts",[327],{"type":130,"tag":159,"props":328,"children":329},{"__ignoreMap":118},[330,339,420,547,589,648,652,661,713,810,851,878,903,928,950],{"type":130,"tag":178,"props":331,"children":332},{"class":180,"line":181},[333],{"type":130,"tag":178,"props":334,"children":336},{"style":335},"color:#546E7A;--shiki-dark:#676E95;--shiki-light:#90A4AE;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[337],{"type":135,"value":338},"  // Image Compression",{"type":130,"tag":178,"props":340,"children":341},{"class":180,"line":197},[342,348,353,358,363,368,373,377,382,386,390,394,399,403,407,411,416],{"type":130,"tag":178,"props":343,"children":345},{"style":344},"color:#FFCB6B;--shiki-dark:#FFCB6B;--shiki-light:#E2931D",[346],{"type":135,"value":347},"  format",{"type":130,"tag":178,"props":349,"children":350},{"style":185},[351],{"type":135,"value":352},":",{"type":130,"tag":178,"props":354,"children":355},{"style":185},[356],{"type":135,"value":357}," '",{"type":130,"tag":178,"props":359,"children":360},{"style":217},[361],{"type":135,"value":362},"jpeg",{"type":130,"tag":178,"props":364,"children":365},{"style":185},[366],{"type":135,"value":367},"'",{"type":130,"tag":178,"props":369,"children":370},{"style":185},[371],{"type":135,"value":372}," |",{"type":130,"tag":178,"props":374,"children":375},{"style":185},[376],{"type":135,"value":357},{"type":130,"tag":178,"props":378,"children":379},{"style":217},[380],{"type":135,"value":381},"png",{"type":130,"tag":178,"props":383,"children":384},{"style":185},[385],{"type":135,"value":367},{"type":130,"tag":178,"props":387,"children":388},{"style":185},[389],{"type":135,"value":372},{"type":130,"tag":178,"props":391,"children":392},{"style":185},[393],{"type":135,"value":357},{"type":130,"tag":178,"props":395,"children":396},{"style":217},[397],{"type":135,"value":398},"webp",{"type":130,"tag":178,"props":400,"children":401},{"style":185},[402],{"type":135,"value":367},{"type":130,"tag":178,"props":404,"children":405},{"style":185},[406],{"type":135,"value":372},{"type":130,"tag":178,"props":408,"children":409},{"style":185},[410],{"type":135,"value":357},{"type":130,"tag":178,"props":412,"children":413},{"style":217},[414],{"type":135,"value":415},"auto",{"type":130,"tag":178,"props":417,"children":418},{"style":185},[419],{"type":135,"value":367},{"type":130,"tag":178,"props":421,"children":422},{"class":180,"line":226},[423,428,432,436,441,445,449,453,458,462,466,470,475,479,483,487,492,496,500,504,509,513,517,521,526,530,534,538,543],{"type":130,"tag":178,"props":424,"children":425},{"style":344},[426],{"type":135,"value":427},"  quality",{"type":130,"tag":178,"props":429,"children":430},{"style":185},[431],{"type":135,"value":352},{"type":130,"tag":178,"props":433,"children":434},{"style":185},[435],{"type":135,"value":357},{"type":130,"tag":178,"props":437,"children":438},{"style":217},[439],{"type":135,"value":440},"smart",{"type":130,"tag":178,"props":442,"children":443},{"style":185},[444],{"type":135,"value":367},{"type":130,"tag":178,"props":446,"children":447},{"style":185},[448],{"type":135,"value":372},{"type":130,"tag":178,"props":450,"children":451},{"style":185},[452],{"type":135,"value":357},{"type":130,"tag":178,"props":454,"children":455},{"style":217},[456],{"type":135,"value":457},"smart_retina",{"type":130,"tag":178,"props":459,"children":460},{"style":185},[461],{"type":135,"value":367},{"type":130,"tag":178,"props":463,"children":464},{"style":185},[465],{"type":135,"value":372},{"type":130,"tag":178,"props":467,"children":468},{"style":185},[469],{"type":135,"value":357},{"type":130,"tag":178,"props":471,"children":472},{"style":217},[473],{"type":135,"value":474},"normal",{"type":130,"tag":178,"props":476,"children":477},{"style":185},[478],{"type":135,"value":367},{"type":130,"tag":178,"props":480,"children":481},{"style":185},[482],{"type":135,"value":372},{"type":130,"tag":178,"props":484,"children":485},{"style":185},[486],{"type":135,"value":357},{"type":130,"tag":178,"props":488,"children":489},{"style":217},[490],{"type":135,"value":491},"better",{"type":130,"tag":178,"props":493,"children":494},{"style":185},[495],{"type":135,"value":367},{"type":130,"tag":178,"props":497,"children":498},{"style":185},[499],{"type":135,"value":372},{"type":130,"tag":178,"props":501,"children":502},{"style":185},[503],{"type":135,"value":357},{"type":130,"tag":178,"props":505,"children":506},{"style":217},[507],{"type":135,"value":508},"best",{"type":130,"tag":178,"props":510,"children":511},{"style":185},[512],{"type":135,"value":367},{"type":130,"tag":178,"props":514,"children":515},{"style":185},[516],{"type":135,"value":372},{"type":130,"tag":178,"props":518,"children":519},{"style":185},[520],{"type":135,"value":357},{"type":130,"tag":178,"props":522,"children":523},{"style":217},[524],{"type":135,"value":525},"lighter",{"type":130,"tag":178,"props":527,"children":528},{"style":185},[529],{"type":135,"value":367},{"type":130,"tag":178,"props":531,"children":532},{"style":185},[533],{"type":135,"value":372},{"type":130,"tag":178,"props":535,"children":536},{"style":185},[537],{"type":135,"value":357},{"type":130,"tag":178,"props":539,"children":540},{"style":217},[541],{"type":135,"value":542},"lightest",{"type":130,"tag":178,"props":544,"children":545},{"style":185},[546],{"type":135,"value":367},{"type":130,"tag":178,"props":548,"children":549},{"class":180,"line":252},[550,555,559,563,568,572,576,580,585],{"type":130,"tag":178,"props":551,"children":552},{"style":344},[553],{"type":135,"value":554},"  progressive",{"type":130,"tag":178,"props":556,"children":557},{"style":185},[558],{"type":135,"value":352},{"type":130,"tag":178,"props":560,"children":561},{"style":185},[562],{"type":135,"value":357},{"type":130,"tag":178,"props":564,"children":565},{"style":217},[566],{"type":135,"value":567},"yes",{"type":130,"tag":178,"props":569,"children":570},{"style":185},[571],{"type":135,"value":367},{"type":130,"tag":178,"props":573,"children":574},{"style":185},[575],{"type":135,"value":372},{"type":130,"tag":178,"props":577,"children":578},{"style":185},[579],{"type":135,"value":357},{"type":130,"tag":178,"props":581,"children":582},{"style":217},[583],{"type":135,"value":584},"no",{"type":130,"tag":178,"props":586,"children":587},{"style":185},[588],{"type":135,"value":367},{"type":130,"tag":178,"props":590,"children":591},{"class":180,"line":278},[592,597,601,605,610,614,618,622,627,631,635,639,644],{"type":130,"tag":178,"props":593,"children":594},{"style":344},[595],{"type":135,"value":596},"  strip_meta",{"type":130,"tag":178,"props":598,"children":599},{"style":185},[600],{"type":135,"value":352},{"type":130,"tag":178,"props":602,"children":603},{"style":185},[604],{"type":135,"value":357},{"type":130,"tag":178,"props":606,"children":607},{"style":217},[608],{"type":135,"value":609},"all",{"type":130,"tag":178,"props":611,"children":612},{"style":185},[613],{"type":135,"value":367},{"type":130,"tag":178,"props":615,"children":616},{"style":185},[617],{"type":135,"value":372},{"type":130,"tag":178,"props":619,"children":620},{"style":185},[621],{"type":135,"value":357},{"type":130,"tag":178,"props":623,"children":624},{"style":217},[625],{"type":135,"value":626},"none",{"type":130,"tag":178,"props":628,"children":629},{"style":185},[630],{"type":135,"value":367},{"type":130,"tag":178,"props":632,"children":633},{"style":185},[634],{"type":135,"value":372},{"type":130,"tag":178,"props":636,"children":637},{"style":185},[638],{"type":135,"value":357},{"type":130,"tag":178,"props":640,"children":641},{"style":217},[642],{"type":135,"value":643},"sensitive",{"type":130,"tag":178,"props":645,"children":646},{"style":185},[647],{"type":135,"value":367},{"type":130,"tag":178,"props":649,"children":651},{"class":180,"line":650},6,[],{"type":130,"tag":178,"props":653,"children":655},{"class":180,"line":654},7,[656],{"type":130,"tag":178,"props":657,"children":658},{"style":335},[659],{"type":135,"value":660},"  // Image Geometry",{"type":130,"tag":178,"props":662,"children":664},{"class":180,"line":663},8,[665,670,674,679,684,689,694,699,703,708],{"type":130,"tag":178,"props":666,"children":667},{"style":344},[668],{"type":135,"value":669},"  preview",{"type":130,"tag":178,"props":671,"children":672},{"style":185},[673],{"type":135,"value":352},{"type":130,"tag":178,"props":675,"children":676},{"style":185},[677],{"type":135,"value":678}," `${",{"type":130,"tag":178,"props":680,"children":681},{"style":282},[682],{"type":135,"value":683},"number",{"type":130,"tag":178,"props":685,"children":686},{"style":185},[687],{"type":135,"value":688},"}",{"type":130,"tag":178,"props":690,"children":691},{"style":217},[692],{"type":135,"value":693},"x",{"type":130,"tag":178,"props":695,"children":696},{"style":185},[697],{"type":135,"value":698},"${",{"type":130,"tag":178,"props":700,"children":701},{"style":282},[702],{"type":135,"value":683},{"type":130,"tag":178,"props":704,"children":705},{"style":185},[706],{"type":135,"value":707},"}`",{"type":130,"tag":178,"props":709,"children":710},{"style":335},[711],{"type":135,"value":712}," // Height x Width",{"type":130,"tag":178,"props":714,"children":716},{"class":180,"line":715},9,[717,722,726,730,734,738,742,746,750,754,758,762,766,770,774,779,784,789,793,797,801,805],{"type":130,"tag":178,"props":718,"children":719},{"style":344},[720],{"type":135,"value":721},"  resize",{"type":130,"tag":178,"props":723,"children":724},{"style":185},[725],{"type":135,"value":352},{"type":130,"tag":178,"props":727,"children":728},{"style":185},[729],{"type":135,"value":678},{"type":130,"tag":178,"props":731,"children":732},{"style":282},[733],{"type":135,"value":683},{"type":130,"tag":178,"props":735,"children":736},{"style":185},[737],{"type":135,"value":688},{"type":130,"tag":178,"props":739,"children":740},{"style":217},[741],{"type":135,"value":693},{"type":130,"tag":178,"props":743,"children":744},{"style":185},[745],{"type":135,"value":698},{"type":130,"tag":178,"props":747,"children":748},{"style":282},[749],{"type":135,"value":683},{"type":130,"tag":178,"props":751,"children":752},{"style":185},[753],{"type":135,"value":707},{"type":130,"tag":178,"props":755,"children":756},{"style":185},[757],{"type":135,"value":372},{"type":130,"tag":178,"props":759,"children":760},{"style":185},[761],{"type":135,"value":678},{"type":130,"tag":178,"props":763,"children":764},{"style":282},[765],{"type":135,"value":683},{"type":130,"tag":178,"props":767,"children":768},{"style":185},[769],{"type":135,"value":688},{"type":130,"tag":178,"props":771,"children":772},{"style":217},[773],{"type":135,"value":693},{"type":130,"tag":178,"props":775,"children":776},{"style":185},[777],{"type":135,"value":778},"`",{"type":130,"tag":178,"props":780,"children":781},{"style":185},[782],{"type":135,"value":783},"|",{"type":130,"tag":178,"props":785,"children":786},{"style":185},[787],{"type":135,"value":788}," `",{"type":130,"tag":178,"props":790,"children":791},{"style":217},[792],{"type":135,"value":693},{"type":130,"tag":178,"props":794,"children":795},{"style":185},[796],{"type":135,"value":698},{"type":130,"tag":178,"props":798,"children":799},{"style":282},[800],{"type":135,"value":683},{"type":130,"tag":178,"props":802,"children":803},{"style":185},[804],{"type":135,"value":707},{"type":130,"tag":178,"props":806,"children":807},{"style":282},[808],{"type":135,"value":809}," ",{"type":130,"tag":178,"props":811,"children":813},{"class":180,"line":812},10,[814,819,823,827,831,835,839,843,847],{"type":130,"tag":178,"props":815,"children":816},{"style":344},[817],{"type":135,"value":818},"  smart_resize",{"type":130,"tag":178,"props":820,"children":821},{"style":185},[822],{"type":135,"value":352},{"type":130,"tag":178,"props":824,"children":825},{"style":185},[826],{"type":135,"value":678},{"type":130,"tag":178,"props":828,"children":829},{"style":282},[830],{"type":135,"value":683},{"type":130,"tag":178,"props":832,"children":833},{"style":185},[834],{"type":135,"value":688},{"type":130,"tag":178,"props":836,"children":837},{"style":217},[838],{"type":135,"value":693},{"type":130,"tag":178,"props":840,"children":841},{"style":185},[842],{"type":135,"value":698},{"type":130,"tag":178,"props":844,"children":845},{"style":282},[846],{"type":135,"value":683},{"type":130,"tag":178,"props":848,"children":849},{"style":185},[850],{"type":135,"value":707},{"type":130,"tag":178,"props":852,"children":854},{"class":180,"line":853},11,[855,860,864,869,873],{"type":130,"tag":178,"props":856,"children":857},{"style":344},[858],{"type":135,"value":859},"  crop",{"type":130,"tag":178,"props":861,"children":862},{"style":185},[863],{"type":135,"value":352},{"type":130,"tag":178,"props":865,"children":866},{"style":282},[867],{"type":135,"value":868}," string ",{"type":130,"tag":178,"props":870,"children":871},{"style":185},[872],{"type":135,"value":783},{"type":130,"tag":178,"props":874,"children":875},{"style":282},[876],{"type":135,"value":877}," string[]",{"type":130,"tag":178,"props":879,"children":881},{"class":180,"line":880},12,[882,887,891,895,899],{"type":130,"tag":178,"props":883,"children":884},{"style":344},[885],{"type":135,"value":886},"  scale_crop",{"type":130,"tag":178,"props":888,"children":889},{"style":185},[890],{"type":135,"value":352},{"type":130,"tag":178,"props":892,"children":893},{"style":282},[894],{"type":135,"value":868},{"type":130,"tag":178,"props":896,"children":897},{"style":185},[898],{"type":135,"value":783},{"type":130,"tag":178,"props":900,"children":901},{"style":282},[902],{"type":135,"value":877},{"type":130,"tag":178,"props":904,"children":906},{"class":180,"line":905},13,[907,912,916,920,924],{"type":130,"tag":178,"props":908,"children":909},{"style":344},[910],{"type":135,"value":911},"  border_radius",{"type":130,"tag":178,"props":913,"children":914},{"style":185},[915],{"type":135,"value":352},{"type":130,"tag":178,"props":917,"children":918},{"style":282},[919],{"type":135,"value":868},{"type":130,"tag":178,"props":921,"children":922},{"style":185},[923],{"type":135,"value":783},{"type":130,"tag":178,"props":925,"children":926},{"style":282},[927],{"type":135,"value":877},{"type":130,"tag":178,"props":929,"children":931},{"class":180,"line":930},14,[932,937,941,945],{"type":130,"tag":178,"props":933,"children":934},{"style":344},[935],{"type":135,"value":936},"  setfill",{"type":130,"tag":178,"props":938,"children":939},{"style":185},[940],{"type":135,"value":352},{"type":130,"tag":178,"props":942,"children":943},{"style":282},[944],{"type":135,"value":868},{"type":130,"tag":178,"props":946,"children":947},{"style":335},[948],{"type":135,"value":949},"// 3, 6 or 8 digit hex color",{"type":130,"tag":178,"props":951,"children":953},{"class":180,"line":952},15,[954,959,963,967],{"type":130,"tag":178,"props":955,"children":956},{"style":344},[957],{"type":135,"value":958},"  zoom_objects",{"type":130,"tag":178,"props":960,"children":961},{"style":185},[962],{"type":135,"value":352},{"type":130,"tag":178,"props":964,"children":965},{"style":282},[966],{"type":135,"value":868},{"type":130,"tag":178,"props":968,"children":969},{"style":335},[970],{"type":135,"value":971},"// 1 to 100",{"type":130,"tag":131,"props":973,"children":974},{},[975],{"type":135,"value":976},"Please feel free to open a PR to improve support for additional operations.",{"type":130,"tag":148,"props":978,"children":980},{"id":979},"configuration",[981],{"type":135,"value":12},{"type":130,"tag":983,"props":984,"children":985},"blockquote",{},[986],{"type":130,"tag":131,"props":987,"children":988},{},[989,991,996,998,1003],{"type":135,"value":990},"By default, all file URLs use the ",{"type":130,"tag":159,"props":992,"children":993},{"className":118},[994],{"type":135,"value":995},"ucarecdn.com",{"type":135,"value":997}," domain. By setting a custom CDN CNAME, file URLs can use ",{"type":130,"tag":159,"props":999,"children":1000},{"className":118},[1001],{"type":135,"value":1002},"cdn.mycompany.com",{"type":135,"value":1004}," instead.",{"type":130,"tag":131,"props":1006,"children":1007},{},[1008,1010,1017],{"type":135,"value":1009},"See the ",{"type":130,"tag":138,"props":1011,"children":1014},{"href":1012,"rel":1013},"https://uploadcare.com/docs/delivery/cdn/#custom-cdn-cname",[142],[1015],{"type":135,"value":1016},"Uploadcare documentation",{"type":135,"value":1018}," for how to enable a custom domain in your project. To tell Nuxt Image about the custom CDN name, use the following configuration:",{"type":130,"tag":167,"props":1020,"children":1023},{"className":322,"code":1021,"filename":1022,"language":325,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    uploadcare: {\n      cdnURL: 'cdn.mycompany.com',\n    }\n  }\n})\n","nuxt.config.ts",[1024],{"type":130,"tag":159,"props":1025,"children":1026},{"__ignoreMap":118},[1027,1057,1074,1090,1119,1127,1135],{"type":130,"tag":178,"props":1028,"children":1029},{"class":180,"line":181},[1030,1036,1041,1047,1052],{"type":130,"tag":178,"props":1031,"children":1033},{"style":1032},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[1034],{"type":135,"value":1035},"export",{"type":130,"tag":178,"props":1037,"children":1038},{"style":1032},[1039],{"type":135,"value":1040}," default",{"type":130,"tag":178,"props":1042,"children":1044},{"style":1043},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[1045],{"type":135,"value":1046}," defineNuxtConfig",{"type":130,"tag":178,"props":1048,"children":1049},{"style":282},[1050],{"type":135,"value":1051},"(",{"type":130,"tag":178,"props":1053,"children":1054},{"style":185},[1055],{"type":135,"value":1056},"{",{"type":130,"tag":178,"props":1058,"children":1059},{"class":180,"line":197},[1060,1065,1069],{"type":130,"tag":178,"props":1061,"children":1062},{"style":191},[1063],{"type":135,"value":1064},"  image",{"type":130,"tag":178,"props":1066,"children":1067},{"style":185},[1068],{"type":135,"value":352},{"type":130,"tag":178,"props":1070,"children":1071},{"style":185},[1072],{"type":135,"value":1073}," {",{"type":130,"tag":178,"props":1075,"children":1076},{"class":180,"line":226},[1077,1082,1086],{"type":130,"tag":178,"props":1078,"children":1079},{"style":191},[1080],{"type":135,"value":1081},"    uploadcare",{"type":130,"tag":178,"props":1083,"children":1084},{"style":185},[1085],{"type":135,"value":352},{"type":130,"tag":178,"props":1087,"children":1088},{"style":185},[1089],{"type":135,"value":1073},{"type":130,"tag":178,"props":1091,"children":1092},{"class":180,"line":252},[1093,1098,1102,1106,1110,1114],{"type":130,"tag":178,"props":1094,"children":1095},{"style":191},[1096],{"type":135,"value":1097},"      cdnURL",{"type":130,"tag":178,"props":1099,"children":1100},{"style":185},[1101],{"type":135,"value":352},{"type":130,"tag":178,"props":1103,"children":1104},{"style":185},[1105],{"type":135,"value":357},{"type":130,"tag":178,"props":1107,"children":1108},{"style":217},[1109],{"type":135,"value":1002},{"type":130,"tag":178,"props":1111,"children":1112},{"style":185},[1113],{"type":135,"value":367},{"type":130,"tag":178,"props":1115,"children":1116},{"style":185},[1117],{"type":135,"value":1118},",",{"type":130,"tag":178,"props":1120,"children":1121},{"class":180,"line":278},[1122],{"type":130,"tag":178,"props":1123,"children":1124},{"style":185},[1125],{"type":135,"value":1126},"    }",{"type":130,"tag":178,"props":1128,"children":1129},{"class":180,"line":650},[1130],{"type":130,"tag":178,"props":1131,"children":1132},{"style":185},[1133],{"type":135,"value":1134},"  }",{"type":130,"tag":178,"props":1136,"children":1137},{"class":180,"line":654},[1138,1142],{"type":130,"tag":178,"props":1139,"children":1140},{"style":185},[1141],{"type":135,"value":688},{"type":130,"tag":178,"props":1143,"children":1144},{"style":282},[1145],{"type":135,"value":1146},")",{"type":130,"tag":1148,"props":1149,"children":1150},"style",{},[1151],{"type":135,"value":1152},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":197,"depth":197,"links":1154},[1155,1156,1157],{"id":150,"depth":197,"text":21},{"id":288,"depth":197,"text":291},{"id":979,"depth":197,"text":12},"markdown","content:3.providers:uploadcare.md","content","3.providers/uploadcare.md","md",[1164,1324],{"_path":98,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":97,"description":1165,"links":1166,"body":1169,"_type":1158,"_id":1322,"_source":1160,"_file":1323,"_extension":1162},"Nuxt Image has first class integration with Unsplash.",[1167],{"label":122,"icon":123,"to":1168,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/unsplash.ts",{"type":127,"children":1170,"toc":1318},[1171,1192,1198,1203,1208,1219,1225,1230,1305,1310],{"type":130,"tag":131,"props":1172,"children":1173},{},[1174,1175,1181,1183,1190],{"type":135,"value":136},{"type":130,"tag":138,"props":1176,"children":1179},{"href":1177,"rel":1178},"https://unsplash.com/documentation#dynamically-resizable-images",[142],[1180],{"type":135,"value":97},{"type":135,"value":1182}," and the image module. See ",{"type":130,"tag":138,"props":1184,"children":1187},{"href":1185,"rel":1186},"https://unsplash.com/license",[142],[1188],{"type":135,"value":1189},"Unsplash License",{"type":135,"value":1191}," for what usage is permitted.",{"type":130,"tag":148,"props":1193,"children":1195},{"id":1194},"dynamically-resizable-images",[1196],{"type":135,"value":1197},"Dynamically resizable images",{"type":130,"tag":131,"props":1199,"children":1200},{},[1201],{"type":135,"value":1202},"Every image returned by the Unsplash API is a dynamic image URL, which means that it can be manipulated to create new transformations of the image by simply adjusting the query parameters of the image URL.",{"type":130,"tag":131,"props":1204,"children":1205},{},[1206],{"type":135,"value":1207},"This enables resizing, cropping, compression, and changing the format of the image in realtime client-side, without any API calls.",{"type":130,"tag":131,"props":1209,"children":1210},{},[1211,1213,1217],{"type":135,"value":1212},"Under the hood, Unsplash uses ",{"type":130,"tag":138,"props":1214,"children":1215},{"href":71},[1216],{"type":135,"value":70},{"type":135,"value":1218},", a powerful image manipulation service to provide dynamic image URLs.",{"type":130,"tag":148,"props":1220,"children":1222},{"id":1221},"supported-parameters",[1223],{"type":135,"value":1224},"Supported parameters",{"type":130,"tag":131,"props":1226,"children":1227},{},[1228],{"type":135,"value":1229},"Unsplash officially support the parameters:",{"type":130,"tag":1231,"props":1232,"children":1233},"ul",{},[1234,1245,1255,1265,1275,1285,1295],{"type":130,"tag":1235,"props":1236,"children":1237},"li",{},[1238,1243],{"type":130,"tag":159,"props":1239,"children":1240},{"className":118},[1241],{"type":135,"value":1242},"w, h",{"type":135,"value":1244},": for adjusting the width and height of a photo",{"type":130,"tag":1235,"props":1246,"children":1247},{},[1248,1253],{"type":130,"tag":159,"props":1249,"children":1250},{"className":118},[1251],{"type":135,"value":1252},"crop",{"type":135,"value":1254},": for applying cropping to the photo",{"type":130,"tag":1235,"props":1256,"children":1257},{},[1258,1263],{"type":130,"tag":159,"props":1259,"children":1260},{"className":118},[1261],{"type":135,"value":1262},"fm",{"type":135,"value":1264},": for converting image format",{"type":130,"tag":1235,"props":1266,"children":1267},{},[1268,1273],{"type":130,"tag":159,"props":1269,"children":1270},{"className":118},[1271],{"type":135,"value":1272},"auto=format",{"type":135,"value":1274},": for automatically choosing the optimal image format depending on user browser",{"type":130,"tag":1235,"props":1276,"children":1277},{},[1278,1283],{"type":130,"tag":159,"props":1279,"children":1280},{"className":118},[1281],{"type":135,"value":1282},"q",{"type":135,"value":1284},": for changing the compression quality when using lossy file formats",{"type":130,"tag":1235,"props":1286,"children":1287},{},[1288,1293],{"type":130,"tag":159,"props":1289,"children":1290},{"className":118},[1291],{"type":135,"value":1292},"fit",{"type":135,"value":1294},": for changing the fit of the image within the specified dimensions",{"type":130,"tag":1235,"props":1296,"children":1297},{},[1298,1303],{"type":130,"tag":159,"props":1299,"children":1300},{"className":118},[1301],{"type":135,"value":1302},"dpr",{"type":135,"value":1304},": for adjusting the device pixel ratio of the image",{"type":130,"tag":131,"props":1306,"children":1307},{},[1308],{"type":135,"value":1309},"The other parameters offered by Imgix can be used, but we don’t officially support them and may remove support for them at any time in the future.",{"type":130,"tag":983,"props":1311,"children":1312},{},[1313],{"type":130,"tag":131,"props":1314,"children":1315},{},[1316],{"type":135,"value":1317},"💫 Tip\nThe API returns image URLs containing an ixid parameter. All resizing and manipulations of image URLs must keep this parameter as it allows for your application to report photo views and be compliant with the API Guidelines.",{"title":118,"searchDepth":197,"depth":197,"links":1319},[1320,1321],{"id":1194,"depth":197,"text":1197},{"id":1221,"depth":197,"text":1224},"content:3.providers:unsplash.md","3.providers/unsplash.md",{"_path":104,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":103,"description":1325,"links":1326,"body":1329,"_type":1158,"_id":1648,"_source":1160,"_file":1649,"_extension":1162},"Optimize images at Vercel's Edge Network.",[1327],{"label":122,"icon":123,"to":1328,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/vercel.ts",{"type":127,"children":1330,"toc":1644},[1331,1353,1358,1364,1376,1385,1479,1485,1515,1520,1527,1640],{"type":130,"tag":131,"props":1332,"children":1333},{},[1334,1336,1342,1344,1351],{"type":135,"value":1335},"When deploying your nuxt applications to ",{"type":130,"tag":138,"props":1337,"children":1340},{"href":1338,"rel":1339},"https://vercel.com/",[142],[1341],{"type":135,"value":103},{"type":135,"value":1343}," platform, image module can use Vercel's ",{"type":130,"tag":138,"props":1345,"children":1348},{"href":1346,"rel":1347},"https://vercel.com/docs/edge-network/overview",[142],[1349],{"type":135,"value":1350},"Edge Network",{"type":135,"value":1352}," to optimize images on demand.",{"type":130,"tag":131,"props":1354,"children":1355},{},[1356],{"type":135,"value":1357},"This provider will be enabled by default in vercel deployments.",{"type":130,"tag":148,"props":1359,"children":1361},{"id":1360},"domains",[1362],{"type":135,"value":1363},"Domains",{"type":130,"tag":131,"props":1365,"children":1366},{},[1367,1369,1374],{"type":135,"value":1368},"To use external URLs (images not in ",{"type":130,"tag":159,"props":1370,"children":1371},{"className":118},[1372],{"type":135,"value":1373},"public/",{"type":135,"value":1375}," directory), hostnames should be whitelisted.",{"type":130,"tag":131,"props":1377,"children":1378},{},[1379],{"type":130,"tag":1380,"props":1381,"children":1382},"strong",{},[1383],{"type":135,"value":1384},"Example:",{"type":130,"tag":167,"props":1386,"children":1389},{"className":322,"code":1387,"filename":1388,"language":325,"meta":118,"style":118},"export default {\n  image: {\n    domains: [\n      'avatars0.githubusercontent.com'\n    ]\n  }\n}\n","nuxt.config",[1390],{"type":130,"tag":159,"props":1391,"children":1392},{"__ignoreMap":118},[1393,1408,1423,1440,1457,1465,1472],{"type":130,"tag":178,"props":1394,"children":1395},{"class":180,"line":181},[1396,1400,1404],{"type":130,"tag":178,"props":1397,"children":1398},{"style":1032},[1399],{"type":135,"value":1035},{"type":130,"tag":178,"props":1401,"children":1402},{"style":1032},[1403],{"type":135,"value":1040},{"type":130,"tag":178,"props":1405,"children":1406},{"style":185},[1407],{"type":135,"value":1073},{"type":130,"tag":178,"props":1409,"children":1410},{"class":180,"line":197},[1411,1415,1419],{"type":130,"tag":178,"props":1412,"children":1413},{"style":191},[1414],{"type":135,"value":1064},{"type":130,"tag":178,"props":1416,"children":1417},{"style":185},[1418],{"type":135,"value":352},{"type":130,"tag":178,"props":1420,"children":1421},{"style":185},[1422],{"type":135,"value":1073},{"type":130,"tag":178,"props":1424,"children":1425},{"class":180,"line":226},[1426,1431,1435],{"type":130,"tag":178,"props":1427,"children":1428},{"style":191},[1429],{"type":135,"value":1430},"    domains",{"type":130,"tag":178,"props":1432,"children":1433},{"style":185},[1434],{"type":135,"value":352},{"type":130,"tag":178,"props":1436,"children":1437},{"style":282},[1438],{"type":135,"value":1439}," [",{"type":130,"tag":178,"props":1441,"children":1442},{"class":180,"line":252},[1443,1448,1453],{"type":130,"tag":178,"props":1444,"children":1445},{"style":185},[1446],{"type":135,"value":1447},"      '",{"type":130,"tag":178,"props":1449,"children":1450},{"style":217},[1451],{"type":135,"value":1452},"avatars0.githubusercontent.com",{"type":130,"tag":178,"props":1454,"children":1455},{"style":185},[1456],{"type":135,"value":367},{"type":130,"tag":178,"props":1458,"children":1459},{"class":180,"line":278},[1460],{"type":130,"tag":178,"props":1461,"children":1462},{"style":282},[1463],{"type":135,"value":1464},"    ]",{"type":130,"tag":178,"props":1466,"children":1467},{"class":180,"line":650},[1468],{"type":130,"tag":178,"props":1469,"children":1470},{"style":185},[1471],{"type":135,"value":1134},{"type":130,"tag":178,"props":1473,"children":1474},{"class":180,"line":654},[1475],{"type":130,"tag":178,"props":1476,"children":1477},{"style":185},[1478],{"type":135,"value":688},{"type":130,"tag":148,"props":1480,"children":1482},{"id":1481},"sizes",[1483],{"type":135,"value":1484},"Sizes",{"type":130,"tag":131,"props":1486,"children":1487},{},[1488,1490,1495,1497,1501,1503,1507,1509,1514],{"type":135,"value":1489},"Specify any custom ",{"type":130,"tag":159,"props":1491,"children":1492},{"className":118},[1493],{"type":135,"value":1494},"width",{"type":135,"value":1496}," property you use in ",{"type":130,"tag":159,"props":1498,"children":1499},{"className":118},[1500],{"type":135,"value":25},{"type":135,"value":1502},", ",{"type":130,"tag":159,"props":1504,"children":1505},{"className":118},[1506],{"type":135,"value":28},{"type":135,"value":1508}," and ",{"type":130,"tag":159,"props":1510,"children":1511},{"className":118},[1512],{"type":135,"value":1513},"$img",{"type":135,"value":314},{"type":130,"tag":131,"props":1516,"children":1517},{},[1518],{"type":135,"value":1519},"If a width is not defined, image will fallback to closest possible width.",{"type":130,"tag":131,"props":1521,"children":1522},{},[1523],{"type":130,"tag":1380,"props":1524,"children":1525},{},[1526],{"type":135,"value":1384},{"type":130,"tag":167,"props":1528,"children":1530},{"className":322,"code":1529,"filename":1388,"language":325,"meta":118,"style":118},"export default {\n  image: {\n    screens: {\n      icon: 40,\n      avatar: 24\n    }\n  }\n}\n",[1531],{"type":130,"tag":159,"props":1532,"children":1533},{"__ignoreMap":118},[1534,1549,1564,1580,1602,1619,1626,1633],{"type":130,"tag":178,"props":1535,"children":1536},{"class":180,"line":181},[1537,1541,1545],{"type":130,"tag":178,"props":1538,"children":1539},{"style":1032},[1540],{"type":135,"value":1035},{"type":130,"tag":178,"props":1542,"children":1543},{"style":1032},[1544],{"type":135,"value":1040},{"type":130,"tag":178,"props":1546,"children":1547},{"style":185},[1548],{"type":135,"value":1073},{"type":130,"tag":178,"props":1550,"children":1551},{"class":180,"line":197},[1552,1556,1560],{"type":130,"tag":178,"props":1553,"children":1554},{"style":191},[1555],{"type":135,"value":1064},{"type":130,"tag":178,"props":1557,"children":1558},{"style":185},[1559],{"type":135,"value":352},{"type":130,"tag":178,"props":1561,"children":1562},{"style":185},[1563],{"type":135,"value":1073},{"type":130,"tag":178,"props":1565,"children":1566},{"class":180,"line":226},[1567,1572,1576],{"type":130,"tag":178,"props":1568,"children":1569},{"style":191},[1570],{"type":135,"value":1571},"    screens",{"type":130,"tag":178,"props":1573,"children":1574},{"style":185},[1575],{"type":135,"value":352},{"type":130,"tag":178,"props":1577,"children":1578},{"style":185},[1579],{"type":135,"value":1073},{"type":130,"tag":178,"props":1581,"children":1582},{"class":180,"line":252},[1583,1588,1592,1598],{"type":130,"tag":178,"props":1584,"children":1585},{"style":191},[1586],{"type":135,"value":1587},"      icon",{"type":130,"tag":178,"props":1589,"children":1590},{"style":185},[1591],{"type":135,"value":352},{"type":130,"tag":178,"props":1593,"children":1595},{"style":1594},"color:#F78C6C;--shiki-dark:#F78C6C;--shiki-light:#F76D47",[1596],{"type":135,"value":1597}," 40",{"type":130,"tag":178,"props":1599,"children":1600},{"style":185},[1601],{"type":135,"value":1118},{"type":130,"tag":178,"props":1603,"children":1604},{"class":180,"line":278},[1605,1610,1614],{"type":130,"tag":178,"props":1606,"children":1607},{"style":191},[1608],{"type":135,"value":1609},"      avatar",{"type":130,"tag":178,"props":1611,"children":1612},{"style":185},[1613],{"type":135,"value":352},{"type":130,"tag":178,"props":1615,"children":1616},{"style":1594},[1617],{"type":135,"value":1618}," 24",{"type":130,"tag":178,"props":1620,"children":1621},{"class":180,"line":650},[1622],{"type":130,"tag":178,"props":1623,"children":1624},{"style":185},[1625],{"type":135,"value":1126},{"type":130,"tag":178,"props":1627,"children":1628},{"class":180,"line":654},[1629],{"type":130,"tag":178,"props":1630,"children":1631},{"style":185},[1632],{"type":135,"value":1134},{"type":130,"tag":178,"props":1634,"children":1635},{"class":180,"line":663},[1636],{"type":130,"tag":178,"props":1637,"children":1638},{"style":185},[1639],{"type":135,"value":688},{"type":130,"tag":1148,"props":1641,"children":1642},{},[1643],{"type":135,"value":1152},{"title":118,"searchDepth":197,"depth":197,"links":1645},[1646,1647],{"id":1360,"depth":197,"text":1363},{"id":1481,"depth":197,"text":1484},"content:3.providers:vercel.md","3.providers/vercel.md",1697713006421]