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