[{"data":1,"prerenderedAt":691},["ShallowReactive",2],{"navigation_docs":3,"-providers-vercel":200,"-providers-vercel-surround":686},[4,30,47,187],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","/get-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",{"title":26,"path":27,"stem":28},"Migration","/get-started/migration","1.get-started/5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","/usage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"/providers","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],{"title":52,"path":53,"stem":54},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":60,"path":61,"stem":62},"Bunny","/providers/bunny","3.providers/bunny",{"title":64,"path":65,"stem":66},"Caisy","/providers/caisy","3.providers/caisy",{"title":68,"path":69,"stem":70},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":72,"path":73,"stem":74},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":76,"path":77,"stem":78},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":80,"path":81,"stem":82},"Contentful","/providers/contentful","3.providers/contentful",{"title":84,"path":85,"stem":86},"Directus","/providers/directus","3.providers/directus",{"title":88,"path":89,"stem":90},"Fastly","/providers/fastly","3.providers/fastly",{"title":92,"path":93,"stem":94},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":96,"path":97,"stem":98},"GitHub","/providers/github","3.providers/github",{"title":100,"path":101,"stem":102},"Glide","/providers/glide","3.providers/glide",{"title":104,"path":105,"stem":106},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":108,"path":109,"stem":110},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":112,"path":113,"stem":114},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":116,"path":117,"stem":118},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":120,"path":121,"stem":122},"Imgix","/providers/imgix","3.providers/imgix",{"title":124,"path":125,"stem":126},"IPX","/providers/ipx","3.providers/ipx",{"title":128,"path":129,"stem":130},"Netlify","/providers/netlify","3.providers/netlify",{"title":132,"path":133,"stem":134},"None","/providers/none","3.providers/none",{"title":136,"path":137,"stem":138},"Prepr","/providers/prepr","3.providers/prepr",{"title":140,"path":141,"stem":142},"Prismic","/providers/prismic","3.providers/prismic",{"title":144,"path":145,"stem":146},"Sanity","/providers/sanity","3.providers/sanity",{"title":148,"path":149,"stem":150},"Shopify","/providers/shopify","3.providers/shopify",{"title":152,"path":153,"stem":154},"Sirv","/providers/sirv","3.providers/sirv",{"title":156,"path":157,"stem":158},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":160,"path":161,"stem":162},"Strapi","/providers/strapi","3.providers/strapi",{"title":164,"path":165,"stem":166},"Supabase","/providers/supabase","3.providers/supabase",{"title":168,"path":169,"stem":170},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":172,"path":173,"stem":174},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":176,"path":177,"stem":178},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":180,"path":181,"stem":182},"Vercel","/providers/vercel","3.providers/vercel",{"title":184,"path":185,"stem":186},"Weserv","/providers/weserv","3.providers/weserv",{"title":188,"path":189,"stem":190,"children":191,"page":29},"Advanced","/advanced","4.advanced",[192,196],{"title":193,"path":194,"stem":195},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":197,"path":198,"stem":199},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":201,"title":180,"body":202,"description":674,"extension":675,"links":676,"meta":682,"navigation":683,"path":181,"seo":684,"stem":182,"__hash__":685},"docs/3.providers/vercel.md",{"type":203,"value":204,"toc":667},"minimark",[205,222,225,233,238,246,252,337,341,364,367,378,382,568,572,578,591,597,663],[206,207,208,209,215,216,221],"p",{},"When deploying your Nuxt applications to ",[210,211,180],"a",{"href":212,"rel":213},"https://vercel.com",[214],"nofollow"," platform, image module can use ",[210,217,220],{"href":218,"rel":219},"https://vercel.com/docs/cdn",[214],"Vercel's CDN"," to optimize images on demand.",[206,223,224],{},"This provider will be enabled by default in Vercel deployments.",[226,227,228,229],"warning",{},"Vercel requires you to explicitly list all the widths used in your app. ",[210,230,232],{"href":231},"#sizes","See example below.",[234,235,237],"h2",{"id":236},"domains","Domains",[206,239,240,241,245],{},"To use external URLs (images not in ",[242,243,244],"code",{},"public/"," directory), hostnames should be whitelisted.",[206,247,248],{},[249,250,251],"strong",{},"Example:",[253,254,260],"pre",{"className":255,"code":256,"filename":257,"language":258,"meta":259,"style":259},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    domains: ['avatars0.githubusercontent.com']\n  }\n})\n","nuxt.config.ts","ts","",[242,261,262,286,299,322,328],{"__ignoreMap":259},[263,264,267,271,274,278,282],"span",{"class":265,"line":266},"line",1,[263,268,270],{"class":269},"s7zQu","export",[263,272,273],{"class":269}," default",[263,275,277],{"class":276},"s2Zo4"," defineNuxtConfig",[263,279,281],{"class":280},"sTEyZ","(",[263,283,285],{"class":284},"sMK4o","{\n",[263,287,289,293,296],{"class":265,"line":288},2,[263,290,292],{"class":291},"swJcz","  image",[263,294,295],{"class":284},":",[263,297,298],{"class":284}," {\n",[263,300,302,305,307,310,313,317,319],{"class":265,"line":301},3,[263,303,304],{"class":291},"    domains",[263,306,295],{"class":284},[263,308,309],{"class":280}," [",[263,311,312],{"class":284},"'",[263,314,316],{"class":315},"sfazB","avatars0.githubusercontent.com",[263,318,312],{"class":284},[263,320,321],{"class":280},"]\n",[263,323,325],{"class":265,"line":324},4,[263,326,327],{"class":284},"  }\n",[263,329,331,334],{"class":265,"line":330},5,[263,332,333],{"class":284},"}",[263,335,336],{"class":280},")\n",[234,338,340],{"id":339},"sizes","Sizes",[206,342,343,344,347,348,350,351,353,354,357,358,363],{},"You need to specify ",[249,345,346],{},"every custom width"," used in ",[242,349,36],{},", ",[242,352,40],{}," or ",[242,355,356],{},"$img"," for Vercel to resize them properly (",[210,359,362],{"href":360,"rel":361},"https://vercel.com/docs/build-output-api/v3/configuration#api",[214],"source",").",[206,365,366],{},"If a width is not defined, image will fallback to the next bigger width.",[368,369,370,371,377],"tip",{},"Don't forget to also take into account ",[210,372,374],{"href":373},"/get-started/configuration#densities",[242,375,376],{},"densities",".",[206,379,380],{},[249,381,251],{},[383,384,385,488],"code-group",{},[253,386,391],{"className":387,"code":388,"filename":389,"language":390,"meta":259,"style":259},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CNuxtImg\n    height=\"40\"\n    width=\"40\"\n    preset=\"cover\"\n    src=\"/nuxt-icon.png\"\n  />\n\u003C/template>\n","index.vue","vue",[242,392,393,404,412,430,443,457,472,478],{"__ignoreMap":259},[263,394,395,398,401],{"class":265,"line":266},[263,396,397],{"class":284},"\u003C",[263,399,400],{"class":291},"template",[263,402,403],{"class":284},">\n",[263,405,406,409],{"class":265,"line":288},[263,407,408],{"class":284},"  \u003C",[263,410,411],{"class":291},"NuxtImg\n",[263,413,414,418,421,424,427],{"class":265,"line":301},[263,415,417],{"class":416},"spNyl","    height",[263,419,420],{"class":284},"=",[263,422,423],{"class":284},"\"",[263,425,426],{"class":315},"40",[263,428,429],{"class":284},"\"\n",[263,431,432,435,437,439,441],{"class":265,"line":324},[263,433,434],{"class":416},"    width",[263,436,420],{"class":284},[263,438,423],{"class":284},[263,440,426],{"class":315},[263,442,429],{"class":284},[263,444,445,448,450,452,455],{"class":265,"line":330},[263,446,447],{"class":416},"    preset",[263,449,420],{"class":284},[263,451,423],{"class":284},[263,453,454],{"class":315},"cover",[263,456,429],{"class":284},[263,458,460,463,465,467,470],{"class":265,"line":459},6,[263,461,462],{"class":416},"    src",[263,464,420],{"class":284},[263,466,423],{"class":284},[263,468,469],{"class":315},"/nuxt-icon.png",[263,471,429],{"class":284},[263,473,475],{"class":265,"line":474},7,[263,476,477],{"class":284},"  />\n",[263,479,481,484,486],{"class":265,"line":480},8,[263,482,483],{"class":284},"\u003C/",[263,485,400],{"class":291},[263,487,403],{"class":284},[253,489,491],{"className":255,"code":490,"filename":257,"language":258,"meta":259,"style":259},"export default defineNuxtConfig({\n  image: {\n    screens: {\n      icon: 40,\n      icon2x: 80\n    }\n    // will be converted to sizes: [40, 80] for Vercel output API\n  }\n})\n",[242,492,493,505,513,522,536,546,551,557,561],{"__ignoreMap":259},[263,494,495,497,499,501,503],{"class":265,"line":266},[263,496,270],{"class":269},[263,498,273],{"class":269},[263,500,277],{"class":276},[263,502,281],{"class":280},[263,504,285],{"class":284},[263,506,507,509,511],{"class":265,"line":288},[263,508,292],{"class":291},[263,510,295],{"class":284},[263,512,298],{"class":284},[263,514,515,518,520],{"class":265,"line":301},[263,516,517],{"class":291},"    screens",[263,519,295],{"class":284},[263,521,298],{"class":284},[263,523,524,527,529,533],{"class":265,"line":324},[263,525,526],{"class":291},"      icon",[263,528,295],{"class":284},[263,530,532],{"class":531},"sbssI"," 40",[263,534,535],{"class":284},",\n",[263,537,538,541,543],{"class":265,"line":330},[263,539,540],{"class":291},"      icon2x",[263,542,295],{"class":284},[263,544,545],{"class":531}," 80\n",[263,547,548],{"class":265,"line":459},[263,549,550],{"class":284},"    }\n",[263,552,553],{"class":265,"line":474},[263,554,556],{"class":555},"sHwdD","    // will be converted to sizes: [40, 80] for Vercel output API\n",[263,558,559],{"class":265,"line":480},[263,560,327],{"class":284},[263,562,564,566],{"class":265,"line":563},9,[263,565,333],{"class":284},[263,567,336],{"class":280},[234,569,571],{"id":570},"options","Options",[573,574,576],"h3",{"id":575},"formats",[242,577,575],{},[579,580,581],"ul",{},[582,583,584,585,590],"li",{},"Type: ",[249,586,587,588],{},"String",[263,589],{}," (optional)",[206,592,593,594,377],{},"Specify the image format allow list for optimization.\nBy default, the provider set the following formats: ",[242,595,596],{},"['image/webp', 'image/avif']",[253,598,600],{"className":255,"code":599,"filename":257,"language":258,"meta":259,"style":259},"export default defineNuxtConfig({\n  image: {\n    vercel: {\n      formats: ['image/webp']\n    }\n  }\n})\n",[242,601,602,614,622,631,649,653,657],{"__ignoreMap":259},[263,603,604,606,608,610,612],{"class":265,"line":266},[263,605,270],{"class":269},[263,607,273],{"class":269},[263,609,277],{"class":276},[263,611,281],{"class":280},[263,613,285],{"class":284},[263,615,616,618,620],{"class":265,"line":288},[263,617,292],{"class":291},[263,619,295],{"class":284},[263,621,298],{"class":284},[263,623,624,627,629],{"class":265,"line":301},[263,625,626],{"class":291},"    vercel",[263,628,295],{"class":284},[263,630,298],{"class":284},[263,632,633,636,638,640,642,645,647],{"class":265,"line":324},[263,634,635],{"class":291},"      formats",[263,637,295],{"class":284},[263,639,309],{"class":280},[263,641,312],{"class":284},[263,643,644],{"class":315},"image/webp",[263,646,312],{"class":284},[263,648,321],{"class":280},[263,650,651],{"class":265,"line":330},[263,652,550],{"class":284},[263,654,655],{"class":265,"line":459},[263,656,327],{"class":284},[263,658,659,661],{"class":265,"line":474},[263,660,333],{"class":284},[263,662,336],{"class":280},[664,665,666],"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 .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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}",{"title":259,"searchDepth":288,"depth":288,"links":668},[669,670,671],{"id":236,"depth":288,"text":237},{"id":339,"depth":288,"text":340},{"id":570,"depth":288,"text":571,"children":672},[673],{"id":575,"depth":301,"text":575},"Optimize images at Vercel's Edge Network.","md",[677],{"label":678,"icon":679,"to":680,"size":681},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/vercel.ts","xs",{},true,{"title":180,"description":674},"tbXAKikcyG3DbtcAPPZ2nUzEgN57mylPR1MC5RfNZKs",[687,689],{"title":176,"path":177,"stem":178,"description":688,"children":-1},"Power up file uploading, processing and delivery for your app in one sitting.",{"title":184,"path":185,"stem":186,"description":690,"children":-1},"Optimize images with Weserv's dynamic image transformation service.",1768512298963]