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