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