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