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