[{"data":1,"prerenderedAt":1081},["ShallowReactive",2],{"navigation_docs":3,"-usage-use-image":228,"-usage-use-image-surround":1076},[4,30,47,215],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","\u002Fget-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F1.installation",{"title":14,"path":15,"stem":16},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F2.configuration",{"title":18,"path":19,"stem":20},"Providers","\u002Fget-started\u002Fproviders","1.get-started\u002F3.providers",{"title":22,"path":23,"stem":24},"Contributing","\u002Fget-started\u002Fcontributing","1.get-started\u002F4.contributing",{"title":26,"path":27,"stem":28},"Migration","\u002Fget-started\u002Fmigration","1.get-started\u002F5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","\u002Fusage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","\u002Fusage\u002Fnuxt-img","2.usage\u002F1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","\u002Fusage\u002Fnuxt-picture","2.usage\u002F2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","\u002Fusage\u002Fuse-image","2.usage\u002F3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"\u002Fproviders","3.providers",[51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211],{"title":52,"path":53,"stem":54},"Aliyun","\u002Fproviders\u002Faliyun","3.providers\u002Faliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","\u002Fproviders\u002Faws-amplify","3.providers\u002Faws-amplify",{"title":60,"path":61,"stem":62},"Builder.io","\u002Fproviders\u002Fbuilderio","3.providers\u002Fbuilderio",{"title":64,"path":65,"stem":66},"Bunny","\u002Fproviders\u002Fbunny","3.providers\u002Fbunny",{"title":68,"path":69,"stem":70},"Caisy","\u002Fproviders\u002Fcaisy","3.providers\u002Fcaisy",{"title":72,"path":73,"stem":74},"Cloudflare","\u002Fproviders\u002Fcloudflare","3.providers\u002Fcloudflare",{"title":76,"path":77,"stem":78},"Cloudflare Images","\u002Fproviders\u002Fcloudflareimages","3.providers\u002Fcloudflareimages",{"title":80,"path":81,"stem":82},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":84,"path":85,"stem":86},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":88,"path":89,"stem":90},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":92,"path":93,"stem":94},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":96,"path":97,"stem":98},"EdgeOne Pages","\u002Fproviders\u002Fedgeone-pages","3.providers\u002Fedgeone-pages",{"title":100,"path":101,"stem":102},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":104,"path":105,"stem":106},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":108,"path":109,"stem":110},"Flyimg","\u002Fproviders\u002Fflyimg","3.providers\u002Fflyimg",{"title":112,"path":113,"stem":114},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":116,"path":117,"stem":118},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":120,"path":121,"stem":122},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":124,"path":125,"stem":126},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":128,"path":129,"stem":130},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":132,"path":133,"stem":134},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":136,"path":137,"stem":138},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":140,"path":141,"stem":142},"Imgproxy","\u002Fproviders\u002Fimgproxy","3.providers\u002Fimgproxy",{"title":144,"path":145,"stem":146},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":148,"path":149,"stem":150},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":152,"path":153,"stem":154},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":156,"path":157,"stem":158},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":160,"path":161,"stem":162},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":164,"path":165,"stem":166},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":168,"path":169,"stem":170},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":172,"path":173,"stem":174},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":176,"path":177,"stem":178},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":180,"path":181,"stem":182},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":184,"path":185,"stem":186},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":188,"path":189,"stem":190},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":192,"path":193,"stem":194},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":196,"path":197,"stem":198},"Umbraco","\u002Fproviders\u002Fumbraco","3.providers\u002Fumbraco",{"title":200,"path":201,"stem":202},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":204,"path":205,"stem":206},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":208,"path":209,"stem":210},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":212,"path":213,"stem":214},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":216,"path":217,"stem":218,"children":219,"page":29},"Advanced","\u002Fadvanced","4.advanced",[220,224],{"title":221,"path":222,"stem":223},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":225,"path":226,"stem":227},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":229,"title":44,"body":230,"description":1065,"extension":1066,"links":1067,"meta":1073,"navigation":297,"path":45,"seo":1074,"stem":46,"__hash__":1075},"docs\u002F2.usage\u002F3.use-image.md",{"type":231,"value":232,"toc":1060},"minimark",[233,255,259,318,329,472,479,528,535,540,620,628,1056],[234,235,236,237,240,241,243,244,246,247,250,251,254],"p",{},"Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",[238,239,36],"code",{}," and ",[238,242,40],{}," components. This is where ",[238,245,44],{}," comes in (and the helper function it returns, which you will often see referenced directly as ",[238,248,249],{},"$img"," or ",[238,252,253],{},"img",").",[256,257,31],"h2",{"id":258},"usage",[260,261,266],"pre",{"className":262,"code":263,"language":264,"meta":265,"style":265},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const img = useImage()\n\nimg(src, modifiers, options)\n","js","",[238,267,268,292,299],{"__ignoreMap":265},[269,270,273,277,281,285,289],"span",{"class":271,"line":272},"line",1,[269,274,276],{"class":275},"spNyl","const",[269,278,280],{"class":279},"sTEyZ"," img ",[269,282,284],{"class":283},"sMK4o","=",[269,286,288],{"class":287},"s2Zo4"," useImage",[269,290,291],{"class":279},"()\n",[269,293,295],{"class":271,"line":294},2,[269,296,298],{"emptyLinePlaceholder":297},true,"\n",[269,300,302,304,307,310,313,315],{"class":271,"line":301},3,[269,303,253],{"class":287},[269,305,306],{"class":279},"(src",[269,308,309],{"class":283},",",[269,311,312],{"class":279}," modifiers",[269,314,309],{"class":283},[269,316,317],{"class":279}," options)\n",[234,319,320,324,325,328],{},[321,322,323],"strong",{},"Example:"," Generate image URL for ",[238,326,327],{},"backgroundImage"," style.",[260,330,332],{"className":262,"code":331,"language":264,"meta":265,"style":265},"const img = useImage()\n\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https:\u002F\u002Fgithub.com\u002Fnuxt.png', { width: 100 })\n\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[238,333,334,346,350,374,422,427,465],{"__ignoreMap":265},[269,335,336,338,340,342,344],{"class":271,"line":272},[269,337,276],{"class":275},[269,339,280],{"class":279},[269,341,284],{"class":283},[269,343,288],{"class":287},[269,345,291],{"class":279},[269,347,348],{"class":271,"line":294},[269,349,298],{"emptyLinePlaceholder":297},[269,351,352,354,357,359,362,365,368,371],{"class":271,"line":301},[269,353,276],{"class":275},[269,355,356],{"class":279}," backgroundStyles ",[269,358,284],{"class":283},[269,360,361],{"class":287}," computed",[269,363,364],{"class":279},"(",[269,366,367],{"class":283},"()",[269,369,370],{"class":275}," =>",[269,372,373],{"class":283}," {\n",[269,375,377,380,383,386,389,392,395,399,401,403,406,409,412,416,419],{"class":271,"line":376},4,[269,378,379],{"class":275},"  const",[269,381,382],{"class":279}," imgUrl",[269,384,385],{"class":283}," =",[269,387,388],{"class":287}," img",[269,390,364],{"class":391},"swJcz",[269,393,394],{"class":283},"'",[269,396,398],{"class":397},"sfazB","https:\u002F\u002Fgithub.com\u002Fnuxt.png",[269,400,394],{"class":283},[269,402,309],{"class":283},[269,404,405],{"class":283}," {",[269,407,408],{"class":391}," width",[269,410,411],{"class":283},":",[269,413,415],{"class":414},"sbssI"," 100",[269,417,418],{"class":283}," }",[269,420,421],{"class":391},")\n",[269,423,425],{"class":271,"line":424},5,[269,426,298],{"emptyLinePlaceholder":297},[269,428,430,434,436,439,441,444,447,450,453,456,459,462],{"class":271,"line":429},6,[269,431,433],{"class":432},"s7zQu","  return",[269,435,405],{"class":283},[269,437,438],{"class":391}," backgroundImage",[269,440,411],{"class":283},[269,442,443],{"class":283}," `",[269,445,446],{"class":397},"url('",[269,448,449],{"class":283},"${",[269,451,452],{"class":279},"imgUrl",[269,454,455],{"class":283},"}",[269,457,458],{"class":397},"')",[269,460,461],{"class":283},"`",[269,463,464],{"class":283}," }\n",[269,466,468,470],{"class":271,"line":467},7,[269,469,455],{"class":283},[269,471,421],{"class":279},[473,474,476],"h3",{"id":475},"imggetsizes",[238,477,478],{},"img.getSizes",[260,480,482],{"className":262,"code":481,"language":264,"meta":265,"style":265},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[238,483,484,496,500],{"__ignoreMap":265},[269,485,486,488,490,492,494],{"class":271,"line":272},[269,487,276],{"class":275},[269,489,280],{"class":279},[269,491,284],{"class":283},[269,493,288],{"class":287},[269,495,291],{"class":279},[269,497,498],{"class":271,"line":294},[269,499,298],{"emptyLinePlaceholder":297},[269,501,502,504,507,510,512,514,516,519,521,524,526],{"class":271,"line":301},[269,503,253],{"class":279},[269,505,506],{"class":283},".",[269,508,509],{"class":287},"getSizes",[269,511,306],{"class":279},[269,513,309],{"class":283},[269,515,405],{"class":283},[269,517,518],{"class":279}," sizes",[269,520,309],{"class":283},[269,522,523],{"class":279}," modifiers ",[269,525,455],{"class":283},[269,527,421],{"class":279},[529,530,531,532,534],"warning",{},"Unstable: ",[238,533,509],{}," API might change or be removed.",[234,536,537],{},[321,538,539],{},"Parameters:",[541,542,543,550,556,591],"ul",{},[544,545,546,549],"li",{},[238,547,548],{},"src",": (string) Source to original image id",[544,551,552,555],{},[238,553,554],{},"sizes",": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",[544,557,558,561,562],{},[238,559,560],{},"modifiers",": (object) Modifiers passed to provider for resizing and optimizing\n",[541,563,564,570,576,582,588],{},[544,565,566,569],{},[238,567,568],{},"width",": resize to the specified width (in pixels)",[544,571,572,575],{},[238,573,574],{},"height",": resize to specified height (in pixels)",[544,577,578,581],{},[238,579,580],{},"quality",": Change image quality (0 to 100)",[544,583,584,587],{},[238,585,586],{},"format",": Change the image format",[544,589,590],{},"(any other custom provider modifier)",[544,592,593,596,597],{},[238,594,595],{},"options",": (object)\n",[541,598,599,611],{},[544,600,601,604,605,610],{},[238,602,603],{},"provider",": (string) Provider name other than default (see ",[606,607,609],"a",{"href":608},"\u002Fget-started\u002Fconfiguration#providers","providers",")",[544,612,613,616,617],{},[238,614,615],{},"preset",": Use a ",[606,618,615],{"href":619},"\u002Fget-started\u002Fconfiguration#presets",[234,621,622,624,625],{},[321,623,323],{}," Responsive srcset with Vuetify ",[238,626,627],{},"v-img",[260,629,633],{"className":630,"code":631,"language":632,"meta":265,"style":265},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cv-img\n    :lazy-src=\"img(src, { width: 10, quality: 70 })\"\n    :src=\"img(src, { height, quality: 70 })\"\n    :srcset=\"_srcset.srcset\"\n    :height=\"height\"\n    :sizes=\"_srcset.sizes\"\n  \u002F>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps({\n  height: {\n    type: [Number, String],\n    default: 500\n  },\n  src: {\n    type: String,\n    default: '\u002Fimg\u002Fheader-bg.jpg'\n  }\n})\n\nconst img = useImage()\n\nconst _srcset = computed(() => {\n  return img.getSizes(props.src, {\n    sizes: 'sm:100vw md:100vw lg:100vw xl:100vw',\n    modifiers: {\n      format: 'webp',\n      quality: 70,\n      height: props.height\n    }\n  })\n})\n\u003C\u002Fscript>\n","html",[238,634,635,646,654,670,684,698,711,725,731,741,746,771,789,799,818,829,835,845,857,873,879,886,891,904,909,929,953,970,980,997,1010,1026,1032,1040,1047],{"__ignoreMap":265},[269,636,637,640,643],{"class":271,"line":272},[269,638,639],{"class":283},"\u003C",[269,641,642],{"class":391},"template",[269,644,645],{"class":283},">\n",[269,647,648,651],{"class":271,"line":294},[269,649,650],{"class":283},"  \u003C",[269,652,653],{"class":391},"v-img\n",[269,655,656,659,661,664,667],{"class":271,"line":301},[269,657,658],{"class":275},"    :lazy-src",[269,660,284],{"class":283},[269,662,663],{"class":283},"\"",[269,665,666],{"class":397},"img(src, { width: 10, quality: 70 })",[269,668,669],{"class":283},"\"\n",[269,671,672,675,677,679,682],{"class":271,"line":376},[269,673,674],{"class":275},"    :src",[269,676,284],{"class":283},[269,678,663],{"class":283},[269,680,681],{"class":397},"img(src, { height, quality: 70 })",[269,683,669],{"class":283},[269,685,686,689,691,693,696],{"class":271,"line":424},[269,687,688],{"class":275},"    :srcset",[269,690,284],{"class":283},[269,692,663],{"class":283},[269,694,695],{"class":397},"_srcset.srcset",[269,697,669],{"class":283},[269,699,700,703,705,707,709],{"class":271,"line":429},[269,701,702],{"class":275},"    :height",[269,704,284],{"class":283},[269,706,663],{"class":283},[269,708,574],{"class":397},[269,710,669],{"class":283},[269,712,713,716,718,720,723],{"class":271,"line":467},[269,714,715],{"class":275},"    :sizes",[269,717,284],{"class":283},[269,719,663],{"class":283},[269,721,722],{"class":397},"_srcset.sizes",[269,724,669],{"class":283},[269,726,728],{"class":271,"line":727},8,[269,729,730],{"class":283},"  \u002F>\n",[269,732,734,737,739],{"class":271,"line":733},9,[269,735,736],{"class":283},"\u003C\u002F",[269,738,642],{"class":391},[269,740,645],{"class":283},[269,742,744],{"class":271,"line":743},10,[269,745,298],{"emptyLinePlaceholder":297},[269,747,749,751,754,757,760,762,764,767,769],{"class":271,"line":748},11,[269,750,639],{"class":283},[269,752,753],{"class":391},"script",[269,755,756],{"class":275}," setup",[269,758,759],{"class":275}," lang",[269,761,284],{"class":283},[269,763,663],{"class":283},[269,765,766],{"class":397},"ts",[269,768,663],{"class":283},[269,770,645],{"class":283},[269,772,774,776,779,781,784,786],{"class":271,"line":773},12,[269,775,276],{"class":275},[269,777,778],{"class":279}," props ",[269,780,284],{"class":283},[269,782,783],{"class":287}," defineProps",[269,785,364],{"class":279},[269,787,788],{"class":283},"{\n",[269,790,792,795,797],{"class":271,"line":791},13,[269,793,794],{"class":391},"  height",[269,796,411],{"class":283},[269,798,373],{"class":283},[269,800,802,805,807,810,812,815],{"class":271,"line":801},14,[269,803,804],{"class":391},"    type",[269,806,411],{"class":283},[269,808,809],{"class":279}," [Number",[269,811,309],{"class":283},[269,813,814],{"class":279}," String]",[269,816,817],{"class":283},",\n",[269,819,821,824,826],{"class":271,"line":820},15,[269,822,823],{"class":391},"    default",[269,825,411],{"class":283},[269,827,828],{"class":414}," 500\n",[269,830,832],{"class":271,"line":831},16,[269,833,834],{"class":283},"  },\n",[269,836,838,841,843],{"class":271,"line":837},17,[269,839,840],{"class":391},"  src",[269,842,411],{"class":283},[269,844,373],{"class":283},[269,846,848,850,852,855],{"class":271,"line":847},18,[269,849,804],{"class":391},[269,851,411],{"class":283},[269,853,854],{"class":279}," String",[269,856,817],{"class":283},[269,858,860,862,864,867,870],{"class":271,"line":859},19,[269,861,823],{"class":391},[269,863,411],{"class":283},[269,865,866],{"class":283}," '",[269,868,869],{"class":397},"\u002Fimg\u002Fheader-bg.jpg",[269,871,872],{"class":283},"'\n",[269,874,876],{"class":271,"line":875},20,[269,877,878],{"class":283},"  }\n",[269,880,882,884],{"class":271,"line":881},21,[269,883,455],{"class":283},[269,885,421],{"class":279},[269,887,889],{"class":271,"line":888},22,[269,890,298],{"emptyLinePlaceholder":297},[269,892,894,896,898,900,902],{"class":271,"line":893},23,[269,895,276],{"class":275},[269,897,280],{"class":279},[269,899,284],{"class":283},[269,901,288],{"class":287},[269,903,291],{"class":279},[269,905,907],{"class":271,"line":906},24,[269,908,298],{"emptyLinePlaceholder":297},[269,910,912,914,917,919,921,923,925,927],{"class":271,"line":911},25,[269,913,276],{"class":275},[269,915,916],{"class":279}," _srcset ",[269,918,284],{"class":283},[269,920,361],{"class":287},[269,922,364],{"class":279},[269,924,367],{"class":283},[269,926,370],{"class":275},[269,928,373],{"class":283},[269,930,932,934,936,938,940,942,945,947,949,951],{"class":271,"line":931},26,[269,933,433],{"class":432},[269,935,388],{"class":279},[269,937,506],{"class":283},[269,939,509],{"class":287},[269,941,364],{"class":391},[269,943,944],{"class":279},"props",[269,946,506],{"class":283},[269,948,548],{"class":279},[269,950,309],{"class":283},[269,952,373],{"class":283},[269,954,956,959,961,963,966,968],{"class":271,"line":955},27,[269,957,958],{"class":391},"    sizes",[269,960,411],{"class":283},[269,962,866],{"class":283},[269,964,965],{"class":397},"sm:100vw md:100vw lg:100vw xl:100vw",[269,967,394],{"class":283},[269,969,817],{"class":283},[269,971,973,976,978],{"class":271,"line":972},28,[269,974,975],{"class":391},"    modifiers",[269,977,411],{"class":283},[269,979,373],{"class":283},[269,981,983,986,988,990,993,995],{"class":271,"line":982},29,[269,984,985],{"class":391},"      format",[269,987,411],{"class":283},[269,989,866],{"class":283},[269,991,992],{"class":397},"webp",[269,994,394],{"class":283},[269,996,817],{"class":283},[269,998,1000,1003,1005,1008],{"class":271,"line":999},30,[269,1001,1002],{"class":391},"      quality",[269,1004,411],{"class":283},[269,1006,1007],{"class":414}," 70",[269,1009,817],{"class":283},[269,1011,1013,1016,1018,1021,1023],{"class":271,"line":1012},31,[269,1014,1015],{"class":391},"      height",[269,1017,411],{"class":283},[269,1019,1020],{"class":279}," props",[269,1022,506],{"class":283},[269,1024,1025],{"class":279},"height\n",[269,1027,1029],{"class":271,"line":1028},32,[269,1030,1031],{"class":283},"    }\n",[269,1033,1035,1038],{"class":271,"line":1034},33,[269,1036,1037],{"class":283},"  }",[269,1039,421],{"class":391},[269,1041,1043,1045],{"class":271,"line":1042},34,[269,1044,455],{"class":283},[269,1046,421],{"class":279},[269,1048,1050,1052,1054],{"class":271,"line":1049},35,[269,1051,736],{"class":283},[269,1053,753],{"class":391},[269,1055,645],{"class":283},[1057,1058,1059],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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}",{"title":265,"searchDepth":294,"depth":294,"links":1061},[1062],{"id":258,"depth":294,"text":31,"children":1063},[1064],{"id":475,"depth":301,"text":478},"A Vue composable that returns a helper function to generate optimized image URLs.","md",[1068],{"label":1069,"icon":1070,"to":1071,"size":1072},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fcomposables.ts","xs",{},{"title":44,"description":1065},"EuAfv-GOzsUriy9ueOdnkQfvNSJz5cJ8Ymkx7e-QQwc",[1077,1079],{"title":40,"path":41,"stem":42,"description":1078,"children":-1},"Discover how to use and configure the Nuxt Picture component.",{"title":52,"path":53,"stem":54,"description":1080,"children":-1},"Nuxt Image has first class integration with Aliyun.",1784666101129]