[{"data":1,"prerenderedAt":839},["ShallowReactive",2],{"navigation_docs":3,"-providers-picsum":228,"-providers-picsum-surround":834},[4,30,47,215],{"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,207,211],{"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},"EdgeOne Pages","\u002Fproviders\u002Fedgeone-pages","3.providers\u002Fedgeone-pages",{"title":100,"path":101,"stem":102},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":104,"path":105,"stem":106},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":108,"path":109,"stem":110},"Flyimg","\u002Fproviders\u002Fflyimg","3.providers\u002Fflyimg",{"title":112,"path":113,"stem":114},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":116,"path":117,"stem":118},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":120,"path":121,"stem":122},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":124,"path":125,"stem":126},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":128,"path":129,"stem":130},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":132,"path":133,"stem":134},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":136,"path":137,"stem":138},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":140,"path":141,"stem":142},"Imgproxy","\u002Fproviders\u002Fimgproxy","3.providers\u002Fimgproxy",{"title":144,"path":145,"stem":146},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":148,"path":149,"stem":150},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":152,"path":153,"stem":154},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":156,"path":157,"stem":158},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":160,"path":161,"stem":162},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":164,"path":165,"stem":166},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":168,"path":169,"stem":170},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":172,"path":173,"stem":174},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":176,"path":177,"stem":178},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":180,"path":181,"stem":182},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":184,"path":185,"stem":186},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":188,"path":189,"stem":190},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":192,"path":193,"stem":194},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":196,"path":197,"stem":198},"Umbraco","\u002Fproviders\u002Fumbraco","3.providers\u002Fumbraco",{"title":200,"path":201,"stem":202},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":204,"path":205,"stem":206},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":208,"path":209,"stem":210},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":212,"path":213,"stem":214},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":216,"path":217,"stem":218,"children":219,"page":29},"Advanced","\u002Fadvanced","4.advanced",[220,224],{"title":221,"path":222,"stem":223},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":225,"path":226,"stem":227},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":229,"title":156,"body":230,"description":822,"extension":823,"links":824,"meta":830,"navigation":831,"path":157,"seo":832,"stem":158,"__hash__":833},"docs\u002F3.providers\u002Fpicsum.md",{"type":231,"value":232,"toc":811},"minimark",[233,245,248,251,325,329,334,337,419,423,434,498,502,510,574,578,583,586,679,684,687,777,796,807],[234,235,236,237,244],"p",{},"Integration between ",[238,239,243],"a",{"href":240,"rel":241},"https:\u002F\u002Fpicsum.photos\u002F",[242],"nofollow","Lorem Picsum"," and the image module.",[234,246,247],{},"Lorem Picsum provides random placeholder images. It is useful during development or for demo purposes.",[234,249,250],{},"To use this provider you just need to enable it in your Nuxt config:",[252,253,259],"pre",{"className":254,"code":255,"filename":256,"language":257,"meta":258,"style":258},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    picsum: {}\n  }\n})\n","nuxt.config.ts","ts","",[260,261,262,286,299,310,316],"code",{"__ignoreMap":258},[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],{"class":265,"line":301},3,[263,303,304],{"class":291},"    picsum",[263,306,295],{"class":284},[263,308,309],{"class":284}," {}\n",[263,311,313],{"class":265,"line":312},4,[263,314,315],{"class":284},"  }\n",[263,317,319,322],{"class":265,"line":318},5,[263,320,321],{"class":284},"}",[263,323,324],{"class":280},")\n",[326,327,31],"h2",{"id":328},"usage",[330,331,333],"h3",{"id":332},"random-image","Random image",[234,335,336],{},"Get a random image with specific dimensions:",[252,338,342],{"className":339,"code":340,"language":341,"meta":258,"style":258},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"picsum\"\n  src=\"\u002F\"\n  width=\"200\"\n  height=\"300\"\n\u002F>\n","vue",[260,343,344,352,371,385,399,413],{"__ignoreMap":258},[263,345,346,349],{"class":265,"line":266},[263,347,348],{"class":284},"\u003C",[263,350,351],{"class":291},"NuxtImg\n",[263,353,354,358,361,364,368],{"class":265,"line":288},[263,355,357],{"class":356},"spNyl","  provider",[263,359,360],{"class":284},"=",[263,362,363],{"class":284},"\"",[263,365,367],{"class":366},"sfazB","picsum",[263,369,370],{"class":284},"\"\n",[263,372,373,376,378,380,383],{"class":265,"line":301},[263,374,375],{"class":356},"  src",[263,377,360],{"class":284},[263,379,363],{"class":284},[263,381,382],{"class":366},"\u002F",[263,384,370],{"class":284},[263,386,387,390,392,394,397],{"class":265,"line":312},[263,388,389],{"class":356},"  width",[263,391,360],{"class":284},[263,393,363],{"class":284},[263,395,396],{"class":366},"200",[263,398,370],{"class":284},[263,400,401,404,406,408,411],{"class":265,"line":318},[263,402,403],{"class":356},"  height",[263,405,360],{"class":284},[263,407,363],{"class":284},[263,409,410],{"class":366},"300",[263,412,370],{"class":284},[263,414,416],{"class":265,"line":415},6,[263,417,418],{"class":280},"\u002F>\n",[330,420,422],{"id":421},"specific-image-by-id","Specific image by ID",[234,424,425,426,429,430,433],{},"Use ",[260,427,428],{},"id\u002F{id}"," as the ",[260,431,432],{},"src"," to get a specific image:",[252,435,437],{"className":339,"code":436,"language":341,"meta":258,"style":258},"\u003CNuxtImg\n  provider=\"picsum\"\n  src=\"id\u002F237\"\n  width=\"200\"\n  height=\"300\"\n\u002F>\n",[260,438,439,445,457,470,482,494],{"__ignoreMap":258},[263,440,441,443],{"class":265,"line":266},[263,442,348],{"class":284},[263,444,351],{"class":291},[263,446,447,449,451,453,455],{"class":265,"line":288},[263,448,357],{"class":356},[263,450,360],{"class":284},[263,452,363],{"class":284},[263,454,367],{"class":366},[263,456,370],{"class":284},[263,458,459,461,463,465,468],{"class":265,"line":301},[263,460,375],{"class":356},[263,462,360],{"class":284},[263,464,363],{"class":284},[263,466,467],{"class":366},"id\u002F237",[263,469,370],{"class":284},[263,471,472,474,476,478,480],{"class":265,"line":312},[263,473,389],{"class":356},[263,475,360],{"class":284},[263,477,363],{"class":284},[263,479,396],{"class":366},[263,481,370],{"class":284},[263,483,484,486,488,490,492],{"class":265,"line":318},[263,485,403],{"class":356},[263,487,360],{"class":284},[263,489,363],{"class":284},[263,491,410],{"class":366},[263,493,370],{"class":284},[263,495,496],{"class":265,"line":415},[263,497,418],{"class":280},[330,499,501],{"id":500},"seeded-random-image","Seeded random image",[234,503,425,504,429,507,509],{},[260,505,506],{},"seed\u002F{seed}",[260,508,432],{}," to get a consistent random image based on a seed string:",[252,511,513],{"className":339,"code":512,"language":341,"meta":258,"style":258},"\u003CNuxtImg\n  provider=\"picsum\"\n  src=\"seed\u002Fpicsum\"\n  width=\"200\"\n  height=\"300\"\n\u002F>\n",[260,514,515,521,533,546,558,570],{"__ignoreMap":258},[263,516,517,519],{"class":265,"line":266},[263,518,348],{"class":284},[263,520,351],{"class":291},[263,522,523,525,527,529,531],{"class":265,"line":288},[263,524,357],{"class":356},[263,526,360],{"class":284},[263,528,363],{"class":284},[263,530,367],{"class":366},[263,532,370],{"class":284},[263,534,535,537,539,541,544],{"class":265,"line":301},[263,536,375],{"class":356},[263,538,360],{"class":284},[263,540,363],{"class":284},[263,542,543],{"class":366},"seed\u002Fpicsum",[263,545,370],{"class":284},[263,547,548,550,552,554,556],{"class":265,"line":312},[263,549,389],{"class":356},[263,551,360],{"class":284},[263,553,363],{"class":284},[263,555,396],{"class":366},[263,557,370],{"class":284},[263,559,560,562,564,566,568],{"class":265,"line":318},[263,561,403],{"class":356},[263,563,360],{"class":284},[263,565,363],{"class":284},[263,567,410],{"class":366},[263,569,370],{"class":284},[263,571,572],{"class":265,"line":415},[263,573,418],{"class":280},[326,575,577],{"id":576},"modifiers","Modifiers",[330,579,581],{"id":580},"grayscale",[260,582,580],{},[234,584,585],{},"Return the image in grayscale.",[252,587,589],{"className":339,"code":588,"language":341,"meta":258,"style":258},"\u003CNuxtImg\n  provider=\"picsum\"\n  src=\"id\u002F870\"\n  width=\"300\"\n  height=\"200\"\n  :modifiers=\"{ grayscale: true }\"\n\u002F>\n",[260,590,591,597,609,622,634,646,674],{"__ignoreMap":258},[263,592,593,595],{"class":265,"line":266},[263,594,348],{"class":284},[263,596,351],{"class":291},[263,598,599,601,603,605,607],{"class":265,"line":288},[263,600,357],{"class":356},[263,602,360],{"class":284},[263,604,363],{"class":284},[263,606,367],{"class":366},[263,608,370],{"class":284},[263,610,611,613,615,617,620],{"class":265,"line":301},[263,612,375],{"class":356},[263,614,360],{"class":284},[263,616,363],{"class":284},[263,618,619],{"class":366},"id\u002F870",[263,621,370],{"class":284},[263,623,624,626,628,630,632],{"class":265,"line":312},[263,625,389],{"class":356},[263,627,360],{"class":284},[263,629,363],{"class":284},[263,631,410],{"class":366},[263,633,370],{"class":284},[263,635,636,638,640,642,644],{"class":265,"line":318},[263,637,403],{"class":356},[263,639,360],{"class":284},[263,641,363],{"class":284},[263,643,396],{"class":366},[263,645,370],{"class":284},[263,647,648,651,653,655,657,660,663,665,669,672],{"class":265,"line":415},[263,649,650],{"class":284},"  :",[263,652,576],{"class":356},[263,654,360],{"class":284},[263,656,363],{"class":284},[263,658,659],{"class":284},"{",[263,661,662],{"class":291}," grayscale",[263,664,295],{"class":284},[263,666,668],{"class":667},"sfNiH"," true",[263,670,671],{"class":284}," }",[263,673,370],{"class":284},[263,675,677],{"class":265,"line":676},7,[263,678,418],{"class":280},[330,680,682],{"id":681},"blur",[260,683,681],{},[234,685,686],{},"Apply a blur effect to the image. Accepts values from 1 to 10.",[252,688,690],{"className":339,"code":689,"language":341,"meta":258,"style":258},"\u003CNuxtImg\n  provider=\"picsum\"\n  src=\"id\u002F1025\"\n  width=\"250\"\n  height=\"250\"\n  :modifiers=\"{ blur: 5 }\"\n\u002F>\n",[260,691,692,698,710,723,736,748,773],{"__ignoreMap":258},[263,693,694,696],{"class":265,"line":266},[263,695,348],{"class":284},[263,697,351],{"class":291},[263,699,700,702,704,706,708],{"class":265,"line":288},[263,701,357],{"class":356},[263,703,360],{"class":284},[263,705,363],{"class":284},[263,707,367],{"class":366},[263,709,370],{"class":284},[263,711,712,714,716,718,721],{"class":265,"line":301},[263,713,375],{"class":356},[263,715,360],{"class":284},[263,717,363],{"class":284},[263,719,720],{"class":366},"id\u002F1025",[263,722,370],{"class":284},[263,724,725,727,729,731,734],{"class":265,"line":312},[263,726,389],{"class":356},[263,728,360],{"class":284},[263,730,363],{"class":284},[263,732,733],{"class":366},"250",[263,735,370],{"class":284},[263,737,738,740,742,744,746],{"class":265,"line":318},[263,739,403],{"class":356},[263,741,360],{"class":284},[263,743,363],{"class":284},[263,745,733],{"class":366},[263,747,370],{"class":284},[263,749,750,752,754,756,758,760,763,765,769,771],{"class":265,"line":415},[263,751,650],{"class":284},[263,753,576],{"class":356},[263,755,360],{"class":284},[263,757,363],{"class":284},[263,759,659],{"class":284},[263,761,762],{"class":291}," blur",[263,764,295],{"class":284},[263,766,768],{"class":767},"sbssI"," 5",[263,770,671],{"class":284},[263,772,370],{"class":284},[263,774,775],{"class":265,"line":676},[263,776,418],{"class":280},[778,779,780,781,783,784,786,787,789,790,792,793,795],"note",{},"The ",[260,782,432],{}," value must be either ",[260,785,428],{}," for a specific image, ",[260,788,506],{}," for a seeded random image, or ",[260,791,382],{}," for a fully random image. Other ",[260,794,432],{}," values are ignored and a random image will be returned.",[778,797,798,799,802,803,806],{},"Picsum does not support height-only resizing. When only ",[260,800,801],{},"height"," is provided without ",[260,804,805],{},"width",", a square image of that dimension will be returned.",[808,809,810],"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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":258,"searchDepth":288,"depth":288,"links":812},[813,818],{"id":328,"depth":288,"text":31,"children":814},[815,816,817],{"id":332,"depth":301,"text":333},{"id":421,"depth":301,"text":422},{"id":500,"depth":301,"text":501},{"id":576,"depth":288,"text":577,"children":819},[820,821],{"id":580,"depth":301,"text":580},{"id":681,"depth":301,"text":681},"Nuxt Image with Lorem Picsum placeholder images.","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\u002Fpicsum.ts","xs",{},true,{"title":156,"description":822},"4HfmTKkWdgnGuX9X0gMXrLd5Hm0H90kI3WWmw9OX5GU",[835,837],{"title":152,"path":153,"stem":154,"description":836,"children":-1},"A pass-through provider that returns images without any transformations.",{"title":160,"path":161,"stem":162,"description":838,"children":-1},"Nuxt Image integration with Prepr CMS.",1784666102829]