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