[{"data":1,"prerenderedAt":1316},["ShallowReactive",2],{"navigation_docs":3,"-get-started-migration":212,"-get-started-migration-surround":1311},[4,30,47,199],{"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],{"title":52,"path":53,"stem":54},"Aliyun","\u002Fproviders\u002Faliyun","3.providers\u002Faliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","\u002Fproviders\u002Faws-amplify","3.providers\u002Faws-amplify",{"title":60,"path":61,"stem":62},"Builder.io","\u002Fproviders\u002Fbuilderio","3.providers\u002Fbuilderio",{"title":64,"path":65,"stem":66},"Bunny","\u002Fproviders\u002Fbunny","3.providers\u002Fbunny",{"title":68,"path":69,"stem":70},"Caisy","\u002Fproviders\u002Fcaisy","3.providers\u002Fcaisy",{"title":72,"path":73,"stem":74},"Cloudflare","\u002Fproviders\u002Fcloudflare","3.providers\u002Fcloudflare",{"title":76,"path":77,"stem":78},"Cloudflare Images","\u002Fproviders\u002Fcloudflareimages","3.providers\u002Fcloudflareimages",{"title":80,"path":81,"stem":82},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":84,"path":85,"stem":86},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":88,"path":89,"stem":90},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":92,"path":93,"stem":94},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":96,"path":97,"stem":98},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":100,"path":101,"stem":102},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":104,"path":105,"stem":106},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":108,"path":109,"stem":110},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":112,"path":113,"stem":114},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":116,"path":117,"stem":118},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":120,"path":121,"stem":122},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":124,"path":125,"stem":126},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":128,"path":129,"stem":130},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":132,"path":133,"stem":134},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":136,"path":137,"stem":138},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":140,"path":141,"stem":142},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":144,"path":145,"stem":146},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":148,"path":149,"stem":150},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":152,"path":153,"stem":154},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":156,"path":157,"stem":158},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":160,"path":161,"stem":162},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":164,"path":165,"stem":166},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":168,"path":169,"stem":170},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":172,"path":173,"stem":174},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":176,"path":177,"stem":178},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":180,"path":181,"stem":182},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":184,"path":185,"stem":186},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":188,"path":189,"stem":190},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":192,"path":193,"stem":194},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":196,"path":197,"stem":198},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":200,"path":201,"stem":202,"children":203,"page":29},"Advanced","\u002Fadvanced","4.advanced",[204,208],{"title":205,"path":206,"stem":207},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":209,"path":210,"stem":211},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":213,"title":214,"body":215,"description":1304,"extension":1305,"links":1306,"meta":1307,"navigation":1308,"path":27,"seo":1309,"stem":28,"__hash__":1310},"docs\u002F1.get-started\u002F5.migration.md","Migration to v2",{"type":216,"value":217,"toc":1295},"minimark",[218,222,225,230,238,325,329,337,352,355,377,389,393,404,407,463,481,524,527,618,622,629,634,702,707,800,805,808,994,1001,1005,1020,1291],[219,220,221],"p",{},"Nuxt Image v2 brings improved performance, enhanced TypeScript support, and a better developer experience.",[219,223,224],{},"Most apps should be able to upgrade with minimal changes.",[226,227,229],"h2",{"id":228},"update-dependencies","Update dependencies",[219,231,232,233,237],{},"Update ",[234,235,236],"code",{},"@nuxt\u002Fimage"," to v2:",[239,240,242,267,281,296,310],"code-group",{"sync":241},"pm",[243,244,250],"pre",{"className":245,"code":246,"filename":247,"language":248,"meta":249,"style":249},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @nuxt\u002Fimage\n","pnpm","bash","",[234,251,252],{"__ignoreMap":249},[253,254,257,260,264],"span",{"class":255,"line":256},"line",1,[253,258,247],{"class":259},"sBMFI",[253,261,263],{"class":262},"sfazB"," add",[253,265,266],{"class":262}," @nuxt\u002Fimage\n",[243,268,271],{"className":245,"code":269,"filename":270,"language":248,"meta":249,"style":249},"yarn add @nuxt\u002Fimage\n","yarn",[234,272,273],{"__ignoreMap":249},[253,274,275,277,279],{"class":255,"line":256},[253,276,270],{"class":259},[253,278,263],{"class":262},[253,280,266],{"class":262},[243,282,285],{"className":245,"code":283,"filename":284,"language":248,"meta":249,"style":249},"npm install @nuxt\u002Fimage\n","npm",[234,286,287],{"__ignoreMap":249},[253,288,289,291,294],{"class":255,"line":256},[253,290,284],{"class":259},[253,292,293],{"class":262}," install",[253,295,266],{"class":262},[243,297,300],{"className":245,"code":298,"filename":299,"language":248,"meta":249,"style":249},"bun add @nuxt\u002Fimage\n","bun",[234,301,302],{"__ignoreMap":249},[253,303,304,306,308],{"class":255,"line":256},[253,305,299],{"class":259},[253,307,263],{"class":262},[253,309,266],{"class":262},[243,311,314],{"className":245,"code":312,"filename":313,"language":248,"meta":249,"style":249},"deno add npm:@nuxt\u002Fimage\n","deno",[234,315,316],{"__ignoreMap":249},[253,317,318,320,322],{"class":255,"line":256},[253,319,313],{"class":259},[253,321,263],{"class":262},[253,323,324],{"class":262}," npm:@nuxt\u002Fimage\n",[226,326,328],{"id":327},"check-your-nuxt-version","Check your Nuxt version",[219,330,331,332,336],{},"Nuxt Image v2 requires at least ",[333,334,335],"strong",{},"Nuxt 3.1",". Check your current version:",[243,338,340],{"className":245,"code":339,"language":248,"meta":249,"style":249},"npm list nuxt\n",[234,341,342],{"__ignoreMap":249},[253,343,344,346,349],{"class":255,"line":256},[253,345,284],{"class":259},[253,347,348],{"class":262}," list",[253,350,351],{"class":262}," nuxt\n",[219,353,354],{},"If you're on Nuxt 3.0.x, upgrade first:",[243,356,358],{"className":245,"code":357,"language":248,"meta":249,"style":249},"npx nuxt upgrade --channel v3\n",[234,359,360],{"__ignoreMap":249},[253,361,362,365,368,371,374],{"class":255,"line":256},[253,363,364],{"class":259},"npx",[253,366,367],{"class":262}," nuxt",[253,369,370],{"class":262}," upgrade",[253,372,373],{"class":262}," --channel",[253,375,376],{"class":262}," v3\n",[378,379,380,381,388],"tip",{},"Nuxt Image v2 is fully compatible with Nuxt 4. See the ",[382,383,387],"a",{"href":384,"rel":385},"https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fupgrade#nuxt-4",[386],"nofollow","Nuxt 4 migration guide"," if you're ready to upgrade.",[226,390,392],{"id":391},"update-screen-sizes","Update screen sizes",[219,394,395,396,399,400,403],{},"The ",[234,397,398],{},"xs"," and ",[234,401,402],{},"xxl"," breakpoints have been removed to align with Tailwind CSS defaults.",[219,405,406],{},"Search for usage in your project:",[243,408,410],{"className":245,"code":409,"language":248,"meta":249,"style":249},"grep -r \"sizes.*xs:\" --include=\"*.vue\"\ngrep -r \"sizes.*xxl:\" --include=\"*.vue\"\n",[234,411,412,441],{"__ignoreMap":249},[253,413,414,417,420,424,427,430,433,435,438],{"class":255,"line":256},[253,415,416],{"class":259},"grep",[253,418,419],{"class":262}," -r",[253,421,423],{"class":422},"sMK4o"," \"",[253,425,426],{"class":262},"sizes.*xs:",[253,428,429],{"class":422},"\"",[253,431,432],{"class":262}," --include=",[253,434,429],{"class":422},[253,436,437],{"class":262},"*.vue",[253,439,440],{"class":422},"\"\n",[253,442,444,446,448,450,453,455,457,459,461],{"class":255,"line":443},2,[253,445,416],{"class":259},[253,447,419],{"class":262},[253,449,423],{"class":422},[253,451,452],{"class":262},"sizes.*xxl:",[253,454,429],{"class":422},[253,456,432],{"class":262},[253,458,429],{"class":422},[253,460,437],{"class":262},[253,462,440],{"class":422},[219,464,465,468,469,471,472,399,475,471,477,480],{},[333,466,467],{},"If you are using these screen sizes",", you can either replace ",[234,470,398],{}," with ",[234,473,474],{},"sm",[234,476,402],{},[234,478,479],{},"2xl",":",[243,482,486],{"className":483,"code":484,"language":485,"meta":249,"style":249},"language-diff shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","  \u003CNuxtImg \n    src=\"\u002Fimage.jpg\" \n-   sizes=\"xs:100vw sm:50vw md:400px\"\n+   sizes=\"sm:100vw md:50vw lg:400px\"\n  \u002F>\n","diff",[234,487,488,494,499,509,518],{"__ignoreMap":249},[253,489,490],{"class":255,"line":256},[253,491,493],{"class":492},"sTEyZ","  \u003CNuxtImg \n",[253,495,496],{"class":255,"line":443},[253,497,498],{"class":492},"    src=\"\u002Fimage.jpg\" \n",[253,500,502,505],{"class":255,"line":501},3,[253,503,504],{"class":422},"-",[253,506,508],{"class":507},"swJcz","   sizes=\"xs:100vw sm:50vw md:400px\"\n",[253,510,512,515],{"class":255,"line":511},4,[253,513,514],{"class":422},"+",[253,516,517],{"class":262},"   sizes=\"sm:100vw md:50vw lg:400px\"\n",[253,519,521],{"class":255,"line":520},5,[253,522,523],{"class":492},"  \u002F>\n",[219,525,526],{},"... or you can add them back in your config:",[243,528,533],{"className":529,"code":530,"filename":531,"language":532,"meta":249,"style":249},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    screens: {\n      xs: 320,\n      xxl: 1536\n    }\n  }\n})\n","nuxt.config.ts","ts",[234,534,535,554,564,573,587,597,603,609],{"__ignoreMap":249},[253,536,537,541,544,548,551],{"class":255,"line":256},[253,538,540],{"class":539},"s7zQu","export",[253,542,543],{"class":539}," default",[253,545,547],{"class":546},"s2Zo4"," defineNuxtConfig",[253,549,550],{"class":492},"(",[253,552,553],{"class":422},"{\n",[253,555,556,559,561],{"class":255,"line":443},[253,557,558],{"class":507},"  image",[253,560,480],{"class":422},[253,562,563],{"class":422}," {\n",[253,565,566,569,571],{"class":255,"line":501},[253,567,568],{"class":507},"    screens",[253,570,480],{"class":422},[253,572,563],{"class":422},[253,574,575,578,580,584],{"class":255,"line":511},[253,576,577],{"class":507},"      xs",[253,579,480],{"class":422},[253,581,583],{"class":582},"sbssI"," 320",[253,585,586],{"class":422},",\n",[253,588,589,592,594],{"class":255,"line":520},[253,590,591],{"class":507},"      xxl",[253,593,480],{"class":422},[253,595,596],{"class":582}," 1536\n",[253,598,600],{"class":255,"line":599},6,[253,601,602],{"class":422},"    }\n",[253,604,606],{"class":255,"line":605},7,[253,607,608],{"class":422},"  }\n",[253,610,612,615],{"class":255,"line":611},8,[253,613,614],{"class":422},"}",[253,616,617],{"class":492},")\n",[226,619,621],{"id":620},"update-custom-providers","Update custom providers",[219,623,624,625,628],{},"If you have custom image providers, update them to use ",[234,626,627],{},"defineProvider",".",[219,630,631],{},[333,632,633],{},"Before (v1):",[243,635,638],{"className":529,"code":636,"filename":637,"language":532,"meta":249,"style":249},"export const getImage = (src, { modifiers }) => {\n  \u002F\u002F ...\n  return { url }\n}\n","providers\u002Fmy-provider.ts",[234,639,640,678,684,697],{"__ignoreMap":249},[253,641,642,644,648,651,654,657,661,664,667,670,673,676],{"class":255,"line":256},[253,643,540],{"class":539},[253,645,647],{"class":646},"spNyl"," const",[253,649,650],{"class":492}," getImage ",[253,652,653],{"class":422},"=",[253,655,656],{"class":422}," (",[253,658,660],{"class":659},"sHdIc","src",[253,662,663],{"class":422},",",[253,665,666],{"class":422}," {",[253,668,669],{"class":659}," modifiers",[253,671,672],{"class":422}," })",[253,674,675],{"class":646}," =>",[253,677,563],{"class":422},[253,679,680],{"class":255,"line":443},[253,681,683],{"class":682},"sHwdD","  \u002F\u002F ...\n",[253,685,686,689,691,694],{"class":255,"line":501},[253,687,688],{"class":539},"  return",[253,690,666],{"class":422},[253,692,693],{"class":492}," url",[253,695,696],{"class":422}," }\n",[253,698,699],{"class":255,"line":511},[253,700,701],{"class":422},"}\n",[219,703,704],{},[333,705,706],{},"After (v2):",[243,708,710],{"className":529,"code":709,"filename":637,"language":532,"meta":249,"style":249},"import { defineProvider } from '@nuxt\u002Fimage\u002Fruntime'\n\nexport default defineProvider({\n  getImage(src, { modifiers }) {\n    \u002F\u002F ...\n    return { url }\n  }\n})\n",[234,711,712,737,743,755,774,779,790,794],{"__ignoreMap":249},[253,713,714,717,719,722,725,728,731,734],{"class":255,"line":256},[253,715,716],{"class":539},"import",[253,718,666],{"class":422},[253,720,721],{"class":492}," defineProvider",[253,723,724],{"class":422}," }",[253,726,727],{"class":539}," from",[253,729,730],{"class":422}," '",[253,732,733],{"class":262},"@nuxt\u002Fimage\u002Fruntime",[253,735,736],{"class":422},"'\n",[253,738,739],{"class":255,"line":443},[253,740,742],{"emptyLinePlaceholder":741},true,"\n",[253,744,745,747,749,751,753],{"class":255,"line":501},[253,746,540],{"class":539},[253,748,543],{"class":539},[253,750,721],{"class":546},[253,752,550],{"class":492},[253,754,553],{"class":422},[253,756,757,760,762,764,766,768,770,772],{"class":255,"line":511},[253,758,759],{"class":507},"  getImage",[253,761,550],{"class":422},[253,763,660],{"class":659},[253,765,663],{"class":422},[253,767,666],{"class":422},[253,769,669],{"class":659},[253,771,672],{"class":422},[253,773,563],{"class":422},[253,775,776],{"class":255,"line":520},[253,777,778],{"class":682},"    \u002F\u002F ...\n",[253,780,781,784,786,788],{"class":255,"line":599},[253,782,783],{"class":539},"    return",[253,785,666],{"class":422},[253,787,693],{"class":492},[253,789,696],{"class":422},[253,791,792],{"class":255,"line":605},[253,793,608],{"class":422},[253,795,796,798],{"class":255,"line":611},[253,797,614],{"class":422},[253,799,617],{"class":492},[801,802,804],"h3",{"id":803},"add-modifier-types-optional","Add modifier types (optional)",[219,806,807],{},"Add types for custom modifiers:",[243,809,811],{"className":529,"code":810,"filename":637,"language":532,"meta":249,"style":249},"import { defineProvider } from '@nuxt\u002Fimage\u002Fruntime'\nimport type { ImageModifiers } from '@nuxt\u002Fimage'\n\ninterface MyProviderModifiers extends ImageModifiers {\n  watermark?: 'logo' | 'text' | 'none'\n  rotate?: number\n}\n\nexport default defineProvider\u003CMyProviderModifiers>({\n  getImage(src, { modifiers }) {\n    \u002F\u002F ...\n    return { url }\n  }\n})\n",[234,812,813,831,853,857,872,907,917,921,925,947,966,971,982,987],{"__ignoreMap":249},[253,814,815,817,819,821,823,825,827,829],{"class":255,"line":256},[253,816,716],{"class":539},[253,818,666],{"class":422},[253,820,721],{"class":492},[253,822,724],{"class":422},[253,824,727],{"class":539},[253,826,730],{"class":422},[253,828,733],{"class":262},[253,830,736],{"class":422},[253,832,833,835,838,840,843,845,847,849,851],{"class":255,"line":443},[253,834,716],{"class":539},[253,836,837],{"class":539}," type",[253,839,666],{"class":422},[253,841,842],{"class":492}," ImageModifiers",[253,844,724],{"class":422},[253,846,727],{"class":539},[253,848,730],{"class":422},[253,850,236],{"class":262},[253,852,736],{"class":422},[253,854,855],{"class":255,"line":501},[253,856,742],{"emptyLinePlaceholder":741},[253,858,859,862,865,868,870],{"class":255,"line":511},[253,860,861],{"class":646},"interface",[253,863,864],{"class":259}," MyProviderModifiers",[253,866,867],{"class":646}," extends",[253,869,842],{"class":259},[253,871,563],{"class":422},[253,873,874,877,880,882,885,888,891,893,896,898,900,902,905],{"class":255,"line":520},[253,875,876],{"class":507},"  watermark",[253,878,879],{"class":422},"?:",[253,881,730],{"class":422},[253,883,884],{"class":262},"logo",[253,886,887],{"class":422},"'",[253,889,890],{"class":422}," |",[253,892,730],{"class":422},[253,894,895],{"class":262},"text",[253,897,887],{"class":422},[253,899,890],{"class":422},[253,901,730],{"class":422},[253,903,904],{"class":262},"none",[253,906,736],{"class":422},[253,908,909,912,914],{"class":255,"line":599},[253,910,911],{"class":507},"  rotate",[253,913,879],{"class":422},[253,915,916],{"class":259}," number\n",[253,918,919],{"class":255,"line":605},[253,920,701],{"class":422},[253,922,923],{"class":255,"line":611},[253,924,742],{"emptyLinePlaceholder":741},[253,926,928,930,932,934,937,940,943,945],{"class":255,"line":927},9,[253,929,540],{"class":539},[253,931,543],{"class":539},[253,933,721],{"class":546},[253,935,936],{"class":422},"\u003C",[253,938,939],{"class":259},"MyProviderModifiers",[253,941,942],{"class":422},">",[253,944,550],{"class":492},[253,946,553],{"class":422},[253,948,950,952,954,956,958,960,962,964],{"class":255,"line":949},10,[253,951,759],{"class":507},[253,953,550],{"class":422},[253,955,660],{"class":659},[253,957,663],{"class":422},[253,959,666],{"class":422},[253,961,669],{"class":659},[253,963,672],{"class":422},[253,965,563],{"class":422},[253,967,969],{"class":255,"line":968},11,[253,970,778],{"class":682},[253,972,974,976,978,980],{"class":255,"line":973},12,[253,975,783],{"class":539},[253,977,666],{"class":422},[253,979,693],{"class":492},[253,981,696],{"class":422},[253,983,985],{"class":255,"line":984},13,[253,986,608],{"class":422},[253,988,990,992],{"class":255,"line":989},14,[253,991,614],{"class":422},[253,993,617],{"class":492},[219,995,996,997,399,999,628],{},"Modifiers will now be typed within your provider, and also when it is used within ",[234,998,36],{},[234,1000,40],{},[801,1002,1004],{"id":1003},"update-formatter","Update formatter",[219,1006,1007,1008,1011,1012,1015,1016,1019],{},"Within ",[234,1009,1010],{},"createOperationsGenerator",", if you used ",[234,1013,1014],{},"joinWith"," for parameter formatting, but didn't use ",[234,1017,1018],{},"formatter",", you will now need to add a custom formatter.",[243,1021,1023],{"className":529,"code":1022,"filename":637,"language":532,"meta":249,"style":249},"import { createOperationsGenerator, defineProvider } from '@nuxt\u002Fimage\u002Fruntime'\n\nconst operationsGenerator = createOperationsGenerator({\n  keyMap: { width: 'w', height: 'h' },\n  joinWith: '&',\n  formatter: (key, value) => `${key}=${encodeURIComponent(value)}`\n})\n\nexport default defineProvider({\n  getImage(src, { modifiers, baseURL = '\u002F' }) {\n    const operations = operationsGenerator(modifiers)\n    return {\n      url: `${baseURL}${src}?${operations}`\n    }\n  }\n})\n",[234,1024,1025,1048,1052,1068,1106,1122,1165,1171,1175,1187,1220,1240,1246,1275,1279,1284],{"__ignoreMap":249},[253,1026,1027,1029,1031,1034,1036,1038,1040,1042,1044,1046],{"class":255,"line":256},[253,1028,716],{"class":539},[253,1030,666],{"class":422},[253,1032,1033],{"class":492}," createOperationsGenerator",[253,1035,663],{"class":422},[253,1037,721],{"class":492},[253,1039,724],{"class":422},[253,1041,727],{"class":539},[253,1043,730],{"class":422},[253,1045,733],{"class":262},[253,1047,736],{"class":422},[253,1049,1050],{"class":255,"line":443},[253,1051,742],{"emptyLinePlaceholder":741},[253,1053,1054,1057,1060,1062,1064,1066],{"class":255,"line":501},[253,1055,1056],{"class":646},"const",[253,1058,1059],{"class":492}," operationsGenerator ",[253,1061,653],{"class":422},[253,1063,1033],{"class":546},[253,1065,550],{"class":492},[253,1067,553],{"class":422},[253,1069,1070,1073,1075,1077,1080,1082,1084,1087,1089,1091,1094,1096,1098,1101,1103],{"class":255,"line":511},[253,1071,1072],{"class":507},"  keyMap",[253,1074,480],{"class":422},[253,1076,666],{"class":422},[253,1078,1079],{"class":507}," width",[253,1081,480],{"class":422},[253,1083,730],{"class":422},[253,1085,1086],{"class":262},"w",[253,1088,887],{"class":422},[253,1090,663],{"class":422},[253,1092,1093],{"class":507}," height",[253,1095,480],{"class":422},[253,1097,730],{"class":422},[253,1099,1100],{"class":262},"h",[253,1102,887],{"class":422},[253,1104,1105],{"class":422}," },\n",[253,1107,1108,1111,1113,1115,1118,1120],{"class":255,"line":520},[253,1109,1110],{"class":507},"  joinWith",[253,1112,480],{"class":422},[253,1114,730],{"class":422},[253,1116,1117],{"class":262},"&",[253,1119,887],{"class":422},[253,1121,586],{"class":422},[253,1123,1124,1127,1129,1131,1134,1136,1139,1142,1144,1147,1149,1151,1153,1156,1159,1162],{"class":255,"line":599},[253,1125,1126],{"class":546},"  formatter",[253,1128,480],{"class":422},[253,1130,656],{"class":422},[253,1132,1133],{"class":659},"key",[253,1135,663],{"class":422},[253,1137,1138],{"class":659}," value",[253,1140,1141],{"class":422},")",[253,1143,675],{"class":646},[253,1145,1146],{"class":422}," `${",[253,1148,1133],{"class":492},[253,1150,614],{"class":422},[253,1152,653],{"class":262},[253,1154,1155],{"class":422},"${",[253,1157,1158],{"class":546},"encodeURIComponent",[253,1160,1161],{"class":492},"(value)",[253,1163,1164],{"class":422},"}`\n",[253,1166,1167,1169],{"class":255,"line":605},[253,1168,614],{"class":422},[253,1170,617],{"class":492},[253,1172,1173],{"class":255,"line":611},[253,1174,742],{"emptyLinePlaceholder":741},[253,1176,1177,1179,1181,1183,1185],{"class":255,"line":927},[253,1178,540],{"class":539},[253,1180,543],{"class":539},[253,1182,721],{"class":546},[253,1184,550],{"class":492},[253,1186,553],{"class":422},[253,1188,1189,1191,1193,1195,1197,1199,1201,1203,1206,1209,1211,1214,1216,1218],{"class":255,"line":949},[253,1190,759],{"class":507},[253,1192,550],{"class":422},[253,1194,660],{"class":659},[253,1196,663],{"class":422},[253,1198,666],{"class":422},[253,1200,669],{"class":659},[253,1202,663],{"class":422},[253,1204,1205],{"class":659}," baseURL",[253,1207,1208],{"class":422}," =",[253,1210,730],{"class":422},[253,1212,1213],{"class":262},"\u002F",[253,1215,887],{"class":422},[253,1217,672],{"class":422},[253,1219,563],{"class":422},[253,1221,1222,1225,1228,1230,1233,1235,1238],{"class":255,"line":968},[253,1223,1224],{"class":646},"    const",[253,1226,1227],{"class":492}," operations",[253,1229,1208],{"class":422},[253,1231,1232],{"class":546}," operationsGenerator",[253,1234,550],{"class":507},[253,1236,1237],{"class":492},"modifiers",[253,1239,617],{"class":507},[253,1241,1242,1244],{"class":255,"line":973},[253,1243,783],{"class":539},[253,1245,563],{"class":422},[253,1247,1248,1251,1253,1255,1258,1261,1263,1265,1268,1270,1273],{"class":255,"line":984},[253,1249,1250],{"class":507},"      url",[253,1252,480],{"class":422},[253,1254,1146],{"class":422},[253,1256,1257],{"class":492},"baseURL",[253,1259,1260],{"class":422},"}${",[253,1262,660],{"class":492},[253,1264,614],{"class":422},[253,1266,1267],{"class":262},"?",[253,1269,1155],{"class":422},[253,1271,1272],{"class":492},"operations",[253,1274,1164],{"class":422},[253,1276,1277],{"class":255,"line":989},[253,1278,602],{"class":422},[253,1280,1282],{"class":255,"line":1281},15,[253,1283,608],{"class":422},[253,1285,1287,1289],{"class":255,"line":1286},16,[253,1288,614],{"class":422},[253,1290,617],{"class":492},[1292,1293,1294],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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":249,"searchDepth":443,"depth":443,"links":1296},[1297,1298,1299,1300],{"id":228,"depth":443,"text":229},{"id":327,"depth":443,"text":328},{"id":391,"depth":443,"text":392},{"id":620,"depth":443,"text":621,"children":1301},[1302,1303],{"id":803,"depth":501,"text":804},{"id":1003,"depth":501,"text":1004},"A comprehensive guide to migrate your application from Nuxt Image v1 to Nuxt Image v2.","md",null,{},{"title":26},{"title":214,"description":1304},"ItmcbIzmwg5r_C0R0bbn2c0mQu0opUELLApmRJKZHK4",[1312,1314],{"title":22,"path":23,"stem":24,"description":1313,"children":-1},"We can never thank you enough for your contributions.",{"title":36,"path":37,"stem":38,"description":1315,"children":-1},"Discover how to use and configure the Nuxt Image component.",1775043898551]