[{"data":1,"prerenderedAt":2668},["ShallowReactive",2],{"navigation":3,"docs-/usage/use-image":139,"docs-/usage/use-image-surround":1580},[4,20,33,129],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123,126],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Filerobot","/providers/filerobot",{"title":73,"_path":74},"Glide","/providers/glide",{"title":76,"_path":77},"Gumlet","/providers/gumlet",{"title":79,"_path":80},"Hygraph","/providers/hygraph",{"title":82,"_path":83},"ImageEngine","/providers/imageengine",{"title":85,"_path":86},"ImageKit","/providers/imagekit",{"title":88,"_path":89},"Imgix","/providers/imgix",{"title":91,"_path":92},"IPX","/providers/ipx",{"title":94,"_path":95},"Netlify","/providers/netlify",{"title":97,"_path":98},"Prepr","/providers/prepr",{"title":100,"_path":101},"Prismic","/providers/prismic",{"title":103,"_path":104},"Sanity","/providers/sanity",{"title":106,"_path":107},"Sirv","/providers/sirv",{"title":109,"_path":110},"Storyblok","/providers/storyblok",{"title":112,"_path":113},"Strapi","/providers/strapi",{"title":115,"_path":116},"Twicpics","/providers/twicpics",{"title":118,"_path":119},"Unsplash","/providers/unsplash",{"title":121,"_path":122},"Uploadcare","/providers/uploadcare",{"title":124,"_path":125},"Vercel","/providers/vercel",{"title":127,"_path":128},"Weserv","/providers/weserv",{"title":130,"_path":131,"children":132},"Advanced","/advanced",[133,136],{"title":134,"_path":135},"Custom Provider","/advanced/custom-provider",{"title":137,"_path":138},"Static Images","/advanced/static-images",{"_path":32,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":31,"description":143,"links":144,"body":150,"_type":1574,"_id":1575,"_source":1576,"_file":1577,"_stem":1578,"_extension":1579},"usage",false,"","A Vue composable that returns a helper function to generate optimized image URLs.",[145],{"label":146,"icon":147,"to":148,"size":149},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/composables.ts","xs",{"type":151,"children":152,"toc":1569},"root",[153,199,204,291,310,550,561,649,665,673,813,828,1563],{"type":154,"tag":155,"props":156,"children":157},"element","p",{},[158,161,167,169,174,176,181,183,189,191,197],{"type":159,"value":160},"text","Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":154,"tag":162,"props":163,"children":165},"code",{"className":164},[],[166],{"type":159,"value":25},{"type":159,"value":168}," and ",{"type":154,"tag":162,"props":170,"children":172},{"className":171},[],[173],{"type":159,"value":28},{"type":159,"value":175}," components. This is where ",{"type":154,"tag":162,"props":177,"children":179},{"className":178},[],[180],{"type":159,"value":31},{"type":159,"value":182}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":154,"tag":162,"props":184,"children":186},{"className":185},[],[187],{"type":159,"value":188},"$img",{"type":159,"value":190}," or ",{"type":154,"tag":162,"props":192,"children":194},{"className":193},[],[195],{"type":159,"value":196},"img",{"type":159,"value":198},").",{"type":154,"tag":200,"props":201,"children":202},"h2",{"id":140},[203],{"type":159,"value":21},{"type":154,"tag":205,"props":206,"children":210},"pre",{"className":207,"code":208,"language":209,"meta":142,"style":142},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const img = useImage()\n\nimg(src, modifiers, options)\n","js",[211],{"type":154,"tag":162,"props":212,"children":213},{"__ignoreMap":142},[214,249,259],{"type":154,"tag":215,"props":216,"children":219},"span",{"class":217,"line":218},"line",1,[220,226,232,238,244],{"type":154,"tag":215,"props":221,"children":223},{"style":222},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[224],{"type":159,"value":225},"const",{"type":154,"tag":215,"props":227,"children":229},{"style":228},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[230],{"type":159,"value":231}," img ",{"type":154,"tag":215,"props":233,"children":235},{"style":234},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[236],{"type":159,"value":237},"=",{"type":154,"tag":215,"props":239,"children":241},{"style":240},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[242],{"type":159,"value":243}," useImage",{"type":154,"tag":215,"props":245,"children":246},{"style":228},[247],{"type":159,"value":248},"()\n",{"type":154,"tag":215,"props":250,"children":252},{"class":217,"line":251},2,[253],{"type":154,"tag":215,"props":254,"children":256},{"emptyLinePlaceholder":255},true,[257],{"type":159,"value":258},"\n",{"type":154,"tag":215,"props":260,"children":262},{"class":217,"line":261},3,[263,267,272,277,282,286],{"type":154,"tag":215,"props":264,"children":265},{"style":240},[266],{"type":159,"value":196},{"type":154,"tag":215,"props":268,"children":269},{"style":228},[270],{"type":159,"value":271},"(src",{"type":154,"tag":215,"props":273,"children":274},{"style":234},[275],{"type":159,"value":276},",",{"type":154,"tag":215,"props":278,"children":279},{"style":228},[280],{"type":159,"value":281}," modifiers",{"type":154,"tag":215,"props":283,"children":284},{"style":234},[285],{"type":159,"value":276},{"type":154,"tag":215,"props":287,"children":288},{"style":228},[289],{"type":159,"value":290}," options)\n",{"type":154,"tag":155,"props":292,"children":293},{},[294,300,302,308],{"type":154,"tag":295,"props":296,"children":297},"strong",{},[298],{"type":159,"value":299},"Example:",{"type":159,"value":301}," Generate image URL for ",{"type":154,"tag":162,"props":303,"children":305},{"className":304},[],[306],{"type":159,"value":307},"backgroundImage",{"type":159,"value":309}," style.",{"type":154,"tag":205,"props":311,"children":313},{"className":207,"code":312,"language":209,"meta":142,"style":142},"const img = useImage()\n\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https://github.com/nuxt.png', { width: 100 })\n\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[314],{"type":154,"tag":162,"props":315,"children":316},{"__ignoreMap":142},[317,340,347,388,467,475,538],{"type":154,"tag":215,"props":318,"children":319},{"class":217,"line":218},[320,324,328,332,336],{"type":154,"tag":215,"props":321,"children":322},{"style":222},[323],{"type":159,"value":225},{"type":154,"tag":215,"props":325,"children":326},{"style":228},[327],{"type":159,"value":231},{"type":154,"tag":215,"props":329,"children":330},{"style":234},[331],{"type":159,"value":237},{"type":154,"tag":215,"props":333,"children":334},{"style":240},[335],{"type":159,"value":243},{"type":154,"tag":215,"props":337,"children":338},{"style":228},[339],{"type":159,"value":248},{"type":154,"tag":215,"props":341,"children":342},{"class":217,"line":251},[343],{"type":154,"tag":215,"props":344,"children":345},{"emptyLinePlaceholder":255},[346],{"type":159,"value":258},{"type":154,"tag":215,"props":348,"children":349},{"class":217,"line":261},[350,354,359,363,368,373,378,383],{"type":154,"tag":215,"props":351,"children":352},{"style":222},[353],{"type":159,"value":225},{"type":154,"tag":215,"props":355,"children":356},{"style":228},[357],{"type":159,"value":358}," backgroundStyles ",{"type":154,"tag":215,"props":360,"children":361},{"style":234},[362],{"type":159,"value":237},{"type":154,"tag":215,"props":364,"children":365},{"style":240},[366],{"type":159,"value":367}," computed",{"type":154,"tag":215,"props":369,"children":370},{"style":228},[371],{"type":159,"value":372},"(",{"type":154,"tag":215,"props":374,"children":375},{"style":234},[376],{"type":159,"value":377},"()",{"type":154,"tag":215,"props":379,"children":380},{"style":222},[381],{"type":159,"value":382}," =>",{"type":154,"tag":215,"props":384,"children":385},{"style":234},[386],{"type":159,"value":387}," {\n",{"type":154,"tag":215,"props":389,"children":391},{"class":217,"line":390},4,[392,397,402,407,412,417,422,428,432,436,441,446,451,457,462],{"type":154,"tag":215,"props":393,"children":394},{"style":222},[395],{"type":159,"value":396},"  const",{"type":154,"tag":215,"props":398,"children":399},{"style":228},[400],{"type":159,"value":401}," imgUrl",{"type":154,"tag":215,"props":403,"children":404},{"style":234},[405],{"type":159,"value":406}," =",{"type":154,"tag":215,"props":408,"children":409},{"style":240},[410],{"type":159,"value":411}," img",{"type":154,"tag":215,"props":413,"children":415},{"style":414},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[416],{"type":159,"value":372},{"type":154,"tag":215,"props":418,"children":419},{"style":234},[420],{"type":159,"value":421},"'",{"type":154,"tag":215,"props":423,"children":425},{"style":424},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[426],{"type":159,"value":427},"https://github.com/nuxt.png",{"type":154,"tag":215,"props":429,"children":430},{"style":234},[431],{"type":159,"value":421},{"type":154,"tag":215,"props":433,"children":434},{"style":234},[435],{"type":159,"value":276},{"type":154,"tag":215,"props":437,"children":438},{"style":234},[439],{"type":159,"value":440}," {",{"type":154,"tag":215,"props":442,"children":443},{"style":414},[444],{"type":159,"value":445}," width",{"type":154,"tag":215,"props":447,"children":448},{"style":234},[449],{"type":159,"value":450},":",{"type":154,"tag":215,"props":452,"children":454},{"style":453},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[455],{"type":159,"value":456}," 100",{"type":154,"tag":215,"props":458,"children":459},{"style":234},[460],{"type":159,"value":461}," }",{"type":154,"tag":215,"props":463,"children":464},{"style":414},[465],{"type":159,"value":466},")\n",{"type":154,"tag":215,"props":468,"children":470},{"class":217,"line":469},5,[471],{"type":154,"tag":215,"props":472,"children":473},{"emptyLinePlaceholder":255},[474],{"type":159,"value":258},{"type":154,"tag":215,"props":476,"children":478},{"class":217,"line":477},6,[479,485,489,494,498,503,508,513,518,523,528,533],{"type":154,"tag":215,"props":480,"children":482},{"style":481},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[483],{"type":159,"value":484},"  return",{"type":154,"tag":215,"props":486,"children":487},{"style":234},[488],{"type":159,"value":440},{"type":154,"tag":215,"props":490,"children":491},{"style":414},[492],{"type":159,"value":493}," backgroundImage",{"type":154,"tag":215,"props":495,"children":496},{"style":234},[497],{"type":159,"value":450},{"type":154,"tag":215,"props":499,"children":500},{"style":234},[501],{"type":159,"value":502}," `",{"type":154,"tag":215,"props":504,"children":505},{"style":424},[506],{"type":159,"value":507},"url('",{"type":154,"tag":215,"props":509,"children":510},{"style":234},[511],{"type":159,"value":512},"${",{"type":154,"tag":215,"props":514,"children":515},{"style":228},[516],{"type":159,"value":517},"imgUrl",{"type":154,"tag":215,"props":519,"children":520},{"style":234},[521],{"type":159,"value":522},"}",{"type":154,"tag":215,"props":524,"children":525},{"style":424},[526],{"type":159,"value":527},"')",{"type":154,"tag":215,"props":529,"children":530},{"style":234},[531],{"type":159,"value":532},"`",{"type":154,"tag":215,"props":534,"children":535},{"style":234},[536],{"type":159,"value":537}," }\n",{"type":154,"tag":215,"props":539,"children":541},{"class":217,"line":540},7,[542,546],{"type":154,"tag":215,"props":543,"children":544},{"style":234},[545],{"type":159,"value":522},{"type":154,"tag":215,"props":547,"children":548},{"style":228},[549],{"type":159,"value":466},{"type":154,"tag":551,"props":552,"children":554},"h3",{"id":553},"imggetsizes",[555],{"type":154,"tag":162,"props":556,"children":558},{"className":557},[],[559],{"type":159,"value":560},"img.getSizes",{"type":154,"tag":205,"props":562,"children":564},{"className":207,"code":563,"language":209,"meta":142,"style":142},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[565],{"type":154,"tag":162,"props":566,"children":567},{"__ignoreMap":142},[568,591,598],{"type":154,"tag":215,"props":569,"children":570},{"class":217,"line":218},[571,575,579,583,587],{"type":154,"tag":215,"props":572,"children":573},{"style":222},[574],{"type":159,"value":225},{"type":154,"tag":215,"props":576,"children":577},{"style":228},[578],{"type":159,"value":231},{"type":154,"tag":215,"props":580,"children":581},{"style":234},[582],{"type":159,"value":237},{"type":154,"tag":215,"props":584,"children":585},{"style":240},[586],{"type":159,"value":243},{"type":154,"tag":215,"props":588,"children":589},{"style":228},[590],{"type":159,"value":248},{"type":154,"tag":215,"props":592,"children":593},{"class":217,"line":251},[594],{"type":154,"tag":215,"props":595,"children":596},{"emptyLinePlaceholder":255},[597],{"type":159,"value":258},{"type":154,"tag":215,"props":599,"children":600},{"class":217,"line":261},[601,605,610,615,619,623,627,632,636,641,645],{"type":154,"tag":215,"props":602,"children":603},{"style":228},[604],{"type":159,"value":196},{"type":154,"tag":215,"props":606,"children":607},{"style":234},[608],{"type":159,"value":609},".",{"type":154,"tag":215,"props":611,"children":612},{"style":240},[613],{"type":159,"value":614},"getSizes",{"type":154,"tag":215,"props":616,"children":617},{"style":228},[618],{"type":159,"value":271},{"type":154,"tag":215,"props":620,"children":621},{"style":234},[622],{"type":159,"value":276},{"type":154,"tag":215,"props":624,"children":625},{"style":234},[626],{"type":159,"value":440},{"type":154,"tag":215,"props":628,"children":629},{"style":228},[630],{"type":159,"value":631}," sizes",{"type":154,"tag":215,"props":633,"children":634},{"style":234},[635],{"type":159,"value":276},{"type":154,"tag":215,"props":637,"children":638},{"style":228},[639],{"type":159,"value":640}," modifiers ",{"type":154,"tag":215,"props":642,"children":643},{"style":234},[644],{"type":159,"value":522},{"type":154,"tag":215,"props":646,"children":647},{"style":228},[648],{"type":159,"value":466},{"type":154,"tag":650,"props":651,"children":652},"callout",{},[653],{"type":154,"tag":155,"props":654,"children":655},{},[656,658,663],{"type":159,"value":657},"Unstable: ",{"type":154,"tag":162,"props":659,"children":661},{"className":660},[],[662],{"type":159,"value":614},{"type":159,"value":664}," API might change or be removed.",{"type":154,"tag":155,"props":666,"children":667},{},[668],{"type":154,"tag":295,"props":669,"children":670},{},[671],{"type":159,"value":672},"Parameters:",{"type":154,"tag":674,"props":675,"children":676},"ul",{},[677,689,700,763],{"type":154,"tag":678,"props":679,"children":680},"li",{},[681,687],{"type":154,"tag":162,"props":682,"children":684},{"className":683},[],[685],{"type":159,"value":686},"src",{"type":159,"value":688},": (string) Source to original image id",{"type":154,"tag":678,"props":690,"children":691},{},[692,698],{"type":154,"tag":162,"props":693,"children":695},{"className":694},[],[696],{"type":159,"value":697},"sizes",{"type":159,"value":699},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":154,"tag":678,"props":701,"children":702},{},[703,709,711],{"type":154,"tag":162,"props":704,"children":706},{"className":705},[],[707],{"type":159,"value":708},"modifiers",{"type":159,"value":710},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":154,"tag":674,"props":712,"children":713},{},[714,725,736,747,758],{"type":154,"tag":678,"props":715,"children":716},{},[717,723],{"type":154,"tag":162,"props":718,"children":720},{"className":719},[],[721],{"type":159,"value":722},"width",{"type":159,"value":724},": resize to the specified width (in pixels)",{"type":154,"tag":678,"props":726,"children":727},{},[728,734],{"type":154,"tag":162,"props":729,"children":731},{"className":730},[],[732],{"type":159,"value":733},"height",{"type":159,"value":735},": resize to specified height (in pixels)",{"type":154,"tag":678,"props":737,"children":738},{},[739,745],{"type":154,"tag":162,"props":740,"children":742},{"className":741},[],[743],{"type":159,"value":744},"quality",{"type":159,"value":746},": Change image quality (0 to 100)",{"type":154,"tag":678,"props":748,"children":749},{},[750,756],{"type":154,"tag":162,"props":751,"children":753},{"className":752},[],[754],{"type":159,"value":755},"format",{"type":159,"value":757},": Change the image format",{"type":154,"tag":678,"props":759,"children":760},{},[761],{"type":159,"value":762},"(any other custom provider modifier)",{"type":154,"tag":678,"props":764,"children":765},{},[766,772,774],{"type":154,"tag":162,"props":767,"children":769},{"className":768},[],[770],{"type":159,"value":771},"options",{"type":159,"value":773},": (object)\n",{"type":154,"tag":674,"props":775,"children":776},{},[777,797],{"type":154,"tag":678,"props":778,"children":779},{},[780,786,788,795],{"type":154,"tag":162,"props":781,"children":783},{"className":782},[],[784],{"type":159,"value":785},"provider",{"type":159,"value":787},": (string) Provider name other than default (see ",{"type":154,"tag":789,"props":790,"children":792},"a",{"href":791},"/get-started/configuration#providers",[793],{"type":159,"value":794},"providers",{"type":159,"value":796},")",{"type":154,"tag":678,"props":798,"children":799},{},[800,806,808],{"type":154,"tag":162,"props":801,"children":803},{"className":802},[],[804],{"type":159,"value":805},"preset",{"type":159,"value":807},": Use a ",{"type":154,"tag":789,"props":809,"children":811},{"href":810},"/get-started/configuration#presets",[812],{"type":159,"value":805},{"type":154,"tag":155,"props":814,"children":815},{},[816,820,822],{"type":154,"tag":295,"props":817,"children":818},{},[819],{"type":159,"value":299},{"type":159,"value":821}," Responsive srcset with Vuetify ",{"type":154,"tag":162,"props":823,"children":825},{"className":824},[],[826],{"type":159,"value":827},"v-img",{"type":154,"tag":205,"props":829,"children":833},{"className":830,"code":831,"language":832,"meta":142,"style":142},"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  />\n\u003C/template>\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: '/img/header-bg.jpg'\n  }\n})\n\nconst img = useImage()\n\nconst _srcset = computed(() => {\n  return img.getSizes(props.src, {\n    sizes: 'xs:100vw 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/script>\n","html",[834],{"type":154,"tag":162,"props":835,"children":836},{"__ignoreMap":142},[837,855,868,895,920,945,969,994,1003,1020,1028,1072,1103,1120,1152,1170,1179,1196,1217,1244,1253,1265,1273,1297,1305,1342,1387,1417,1434,1464,1486,1513,1522,1535,1547],{"type":154,"tag":215,"props":838,"children":839},{"class":217,"line":218},[840,845,850],{"type":154,"tag":215,"props":841,"children":842},{"style":234},[843],{"type":159,"value":844},"\u003C",{"type":154,"tag":215,"props":846,"children":847},{"style":414},[848],{"type":159,"value":849},"template",{"type":154,"tag":215,"props":851,"children":852},{"style":234},[853],{"type":159,"value":854},">\n",{"type":154,"tag":215,"props":856,"children":857},{"class":217,"line":251},[858,863],{"type":154,"tag":215,"props":859,"children":860},{"style":234},[861],{"type":159,"value":862},"  \u003C",{"type":154,"tag":215,"props":864,"children":865},{"style":414},[866],{"type":159,"value":867},"v-img\n",{"type":154,"tag":215,"props":869,"children":870},{"class":217,"line":261},[871,876,880,885,890],{"type":154,"tag":215,"props":872,"children":873},{"style":222},[874],{"type":159,"value":875},"    :lazy-src",{"type":154,"tag":215,"props":877,"children":878},{"style":234},[879],{"type":159,"value":237},{"type":154,"tag":215,"props":881,"children":882},{"style":234},[883],{"type":159,"value":884},"\"",{"type":154,"tag":215,"props":886,"children":887},{"style":424},[888],{"type":159,"value":889},"img(src, { width: 10, quality: 70 })",{"type":154,"tag":215,"props":891,"children":892},{"style":234},[893],{"type":159,"value":894},"\"\n",{"type":154,"tag":215,"props":896,"children":897},{"class":217,"line":390},[898,903,907,911,916],{"type":154,"tag":215,"props":899,"children":900},{"style":222},[901],{"type":159,"value":902},"    :src",{"type":154,"tag":215,"props":904,"children":905},{"style":234},[906],{"type":159,"value":237},{"type":154,"tag":215,"props":908,"children":909},{"style":234},[910],{"type":159,"value":884},{"type":154,"tag":215,"props":912,"children":913},{"style":424},[914],{"type":159,"value":915},"img(src, { height, quality: 70 })",{"type":154,"tag":215,"props":917,"children":918},{"style":234},[919],{"type":159,"value":894},{"type":154,"tag":215,"props":921,"children":922},{"class":217,"line":469},[923,928,932,936,941],{"type":154,"tag":215,"props":924,"children":925},{"style":222},[926],{"type":159,"value":927},"    :srcset",{"type":154,"tag":215,"props":929,"children":930},{"style":234},[931],{"type":159,"value":237},{"type":154,"tag":215,"props":933,"children":934},{"style":234},[935],{"type":159,"value":884},{"type":154,"tag":215,"props":937,"children":938},{"style":424},[939],{"type":159,"value":940},"_srcset.srcset",{"type":154,"tag":215,"props":942,"children":943},{"style":234},[944],{"type":159,"value":894},{"type":154,"tag":215,"props":946,"children":947},{"class":217,"line":477},[948,953,957,961,965],{"type":154,"tag":215,"props":949,"children":950},{"style":222},[951],{"type":159,"value":952},"    :height",{"type":154,"tag":215,"props":954,"children":955},{"style":234},[956],{"type":159,"value":237},{"type":154,"tag":215,"props":958,"children":959},{"style":234},[960],{"type":159,"value":884},{"type":154,"tag":215,"props":962,"children":963},{"style":424},[964],{"type":159,"value":733},{"type":154,"tag":215,"props":966,"children":967},{"style":234},[968],{"type":159,"value":894},{"type":154,"tag":215,"props":970,"children":971},{"class":217,"line":540},[972,977,981,985,990],{"type":154,"tag":215,"props":973,"children":974},{"style":222},[975],{"type":159,"value":976},"    :sizes",{"type":154,"tag":215,"props":978,"children":979},{"style":234},[980],{"type":159,"value":237},{"type":154,"tag":215,"props":982,"children":983},{"style":234},[984],{"type":159,"value":884},{"type":154,"tag":215,"props":986,"children":987},{"style":424},[988],{"type":159,"value":989},"_srcset.sizes",{"type":154,"tag":215,"props":991,"children":992},{"style":234},[993],{"type":159,"value":894},{"type":154,"tag":215,"props":995,"children":997},{"class":217,"line":996},8,[998],{"type":154,"tag":215,"props":999,"children":1000},{"style":234},[1001],{"type":159,"value":1002},"  />\n",{"type":154,"tag":215,"props":1004,"children":1006},{"class":217,"line":1005},9,[1007,1012,1016],{"type":154,"tag":215,"props":1008,"children":1009},{"style":234},[1010],{"type":159,"value":1011},"\u003C/",{"type":154,"tag":215,"props":1013,"children":1014},{"style":414},[1015],{"type":159,"value":849},{"type":154,"tag":215,"props":1017,"children":1018},{"style":234},[1019],{"type":159,"value":854},{"type":154,"tag":215,"props":1021,"children":1023},{"class":217,"line":1022},10,[1024],{"type":154,"tag":215,"props":1025,"children":1026},{"emptyLinePlaceholder":255},[1027],{"type":159,"value":258},{"type":154,"tag":215,"props":1029,"children":1031},{"class":217,"line":1030},11,[1032,1036,1041,1046,1051,1055,1059,1064,1068],{"type":154,"tag":215,"props":1033,"children":1034},{"style":234},[1035],{"type":159,"value":844},{"type":154,"tag":215,"props":1037,"children":1038},{"style":414},[1039],{"type":159,"value":1040},"script",{"type":154,"tag":215,"props":1042,"children":1043},{"style":222},[1044],{"type":159,"value":1045}," setup",{"type":154,"tag":215,"props":1047,"children":1048},{"style":222},[1049],{"type":159,"value":1050}," lang",{"type":154,"tag":215,"props":1052,"children":1053},{"style":234},[1054],{"type":159,"value":237},{"type":154,"tag":215,"props":1056,"children":1057},{"style":234},[1058],{"type":159,"value":884},{"type":154,"tag":215,"props":1060,"children":1061},{"style":424},[1062],{"type":159,"value":1063},"ts",{"type":154,"tag":215,"props":1065,"children":1066},{"style":234},[1067],{"type":159,"value":884},{"type":154,"tag":215,"props":1069,"children":1070},{"style":234},[1071],{"type":159,"value":854},{"type":154,"tag":215,"props":1073,"children":1075},{"class":217,"line":1074},12,[1076,1080,1085,1089,1094,1098],{"type":154,"tag":215,"props":1077,"children":1078},{"style":222},[1079],{"type":159,"value":225},{"type":154,"tag":215,"props":1081,"children":1082},{"style":228},[1083],{"type":159,"value":1084}," props ",{"type":154,"tag":215,"props":1086,"children":1087},{"style":234},[1088],{"type":159,"value":237},{"type":154,"tag":215,"props":1090,"children":1091},{"style":240},[1092],{"type":159,"value":1093}," defineProps",{"type":154,"tag":215,"props":1095,"children":1096},{"style":228},[1097],{"type":159,"value":372},{"type":154,"tag":215,"props":1099,"children":1100},{"style":234},[1101],{"type":159,"value":1102},"{\n",{"type":154,"tag":215,"props":1104,"children":1106},{"class":217,"line":1105},13,[1107,1112,1116],{"type":154,"tag":215,"props":1108,"children":1109},{"style":414},[1110],{"type":159,"value":1111},"  height",{"type":154,"tag":215,"props":1113,"children":1114},{"style":234},[1115],{"type":159,"value":450},{"type":154,"tag":215,"props":1117,"children":1118},{"style":234},[1119],{"type":159,"value":387},{"type":154,"tag":215,"props":1121,"children":1123},{"class":217,"line":1122},14,[1124,1129,1133,1138,1142,1147],{"type":154,"tag":215,"props":1125,"children":1126},{"style":414},[1127],{"type":159,"value":1128},"    type",{"type":154,"tag":215,"props":1130,"children":1131},{"style":234},[1132],{"type":159,"value":450},{"type":154,"tag":215,"props":1134,"children":1135},{"style":228},[1136],{"type":159,"value":1137}," [Number",{"type":154,"tag":215,"props":1139,"children":1140},{"style":234},[1141],{"type":159,"value":276},{"type":154,"tag":215,"props":1143,"children":1144},{"style":228},[1145],{"type":159,"value":1146}," String]",{"type":154,"tag":215,"props":1148,"children":1149},{"style":234},[1150],{"type":159,"value":1151},",\n",{"type":154,"tag":215,"props":1153,"children":1155},{"class":217,"line":1154},15,[1156,1161,1165],{"type":154,"tag":215,"props":1157,"children":1158},{"style":414},[1159],{"type":159,"value":1160},"    default",{"type":154,"tag":215,"props":1162,"children":1163},{"style":234},[1164],{"type":159,"value":450},{"type":154,"tag":215,"props":1166,"children":1167},{"style":453},[1168],{"type":159,"value":1169}," 500\n",{"type":154,"tag":215,"props":1171,"children":1173},{"class":217,"line":1172},16,[1174],{"type":154,"tag":215,"props":1175,"children":1176},{"style":234},[1177],{"type":159,"value":1178},"  },\n",{"type":154,"tag":215,"props":1180,"children":1182},{"class":217,"line":1181},17,[1183,1188,1192],{"type":154,"tag":215,"props":1184,"children":1185},{"style":414},[1186],{"type":159,"value":1187},"  src",{"type":154,"tag":215,"props":1189,"children":1190},{"style":234},[1191],{"type":159,"value":450},{"type":154,"tag":215,"props":1193,"children":1194},{"style":234},[1195],{"type":159,"value":387},{"type":154,"tag":215,"props":1197,"children":1199},{"class":217,"line":1198},18,[1200,1204,1208,1213],{"type":154,"tag":215,"props":1201,"children":1202},{"style":414},[1203],{"type":159,"value":1128},{"type":154,"tag":215,"props":1205,"children":1206},{"style":234},[1207],{"type":159,"value":450},{"type":154,"tag":215,"props":1209,"children":1210},{"style":228},[1211],{"type":159,"value":1212}," String",{"type":154,"tag":215,"props":1214,"children":1215},{"style":234},[1216],{"type":159,"value":1151},{"type":154,"tag":215,"props":1218,"children":1220},{"class":217,"line":1219},19,[1221,1225,1229,1234,1239],{"type":154,"tag":215,"props":1222,"children":1223},{"style":414},[1224],{"type":159,"value":1160},{"type":154,"tag":215,"props":1226,"children":1227},{"style":234},[1228],{"type":159,"value":450},{"type":154,"tag":215,"props":1230,"children":1231},{"style":234},[1232],{"type":159,"value":1233}," '",{"type":154,"tag":215,"props":1235,"children":1236},{"style":424},[1237],{"type":159,"value":1238},"/img/header-bg.jpg",{"type":154,"tag":215,"props":1240,"children":1241},{"style":234},[1242],{"type":159,"value":1243},"'\n",{"type":154,"tag":215,"props":1245,"children":1247},{"class":217,"line":1246},20,[1248],{"type":154,"tag":215,"props":1249,"children":1250},{"style":234},[1251],{"type":159,"value":1252},"  }\n",{"type":154,"tag":215,"props":1254,"children":1256},{"class":217,"line":1255},21,[1257,1261],{"type":154,"tag":215,"props":1258,"children":1259},{"style":234},[1260],{"type":159,"value":522},{"type":154,"tag":215,"props":1262,"children":1263},{"style":228},[1264],{"type":159,"value":466},{"type":154,"tag":215,"props":1266,"children":1268},{"class":217,"line":1267},22,[1269],{"type":154,"tag":215,"props":1270,"children":1271},{"emptyLinePlaceholder":255},[1272],{"type":159,"value":258},{"type":154,"tag":215,"props":1274,"children":1276},{"class":217,"line":1275},23,[1277,1281,1285,1289,1293],{"type":154,"tag":215,"props":1278,"children":1279},{"style":222},[1280],{"type":159,"value":225},{"type":154,"tag":215,"props":1282,"children":1283},{"style":228},[1284],{"type":159,"value":231},{"type":154,"tag":215,"props":1286,"children":1287},{"style":234},[1288],{"type":159,"value":237},{"type":154,"tag":215,"props":1290,"children":1291},{"style":240},[1292],{"type":159,"value":243},{"type":154,"tag":215,"props":1294,"children":1295},{"style":228},[1296],{"type":159,"value":248},{"type":154,"tag":215,"props":1298,"children":1300},{"class":217,"line":1299},24,[1301],{"type":154,"tag":215,"props":1302,"children":1303},{"emptyLinePlaceholder":255},[1304],{"type":159,"value":258},{"type":154,"tag":215,"props":1306,"children":1308},{"class":217,"line":1307},25,[1309,1313,1318,1322,1326,1330,1334,1338],{"type":154,"tag":215,"props":1310,"children":1311},{"style":222},[1312],{"type":159,"value":225},{"type":154,"tag":215,"props":1314,"children":1315},{"style":228},[1316],{"type":159,"value":1317}," _srcset ",{"type":154,"tag":215,"props":1319,"children":1320},{"style":234},[1321],{"type":159,"value":237},{"type":154,"tag":215,"props":1323,"children":1324},{"style":240},[1325],{"type":159,"value":367},{"type":154,"tag":215,"props":1327,"children":1328},{"style":228},[1329],{"type":159,"value":372},{"type":154,"tag":215,"props":1331,"children":1332},{"style":234},[1333],{"type":159,"value":377},{"type":154,"tag":215,"props":1335,"children":1336},{"style":222},[1337],{"type":159,"value":382},{"type":154,"tag":215,"props":1339,"children":1340},{"style":234},[1341],{"type":159,"value":387},{"type":154,"tag":215,"props":1343,"children":1345},{"class":217,"line":1344},26,[1346,1350,1354,1358,1362,1366,1371,1375,1379,1383],{"type":154,"tag":215,"props":1347,"children":1348},{"style":481},[1349],{"type":159,"value":484},{"type":154,"tag":215,"props":1351,"children":1352},{"style":228},[1353],{"type":159,"value":411},{"type":154,"tag":215,"props":1355,"children":1356},{"style":234},[1357],{"type":159,"value":609},{"type":154,"tag":215,"props":1359,"children":1360},{"style":240},[1361],{"type":159,"value":614},{"type":154,"tag":215,"props":1363,"children":1364},{"style":414},[1365],{"type":159,"value":372},{"type":154,"tag":215,"props":1367,"children":1368},{"style":228},[1369],{"type":159,"value":1370},"props",{"type":154,"tag":215,"props":1372,"children":1373},{"style":234},[1374],{"type":159,"value":609},{"type":154,"tag":215,"props":1376,"children":1377},{"style":228},[1378],{"type":159,"value":686},{"type":154,"tag":215,"props":1380,"children":1381},{"style":234},[1382],{"type":159,"value":276},{"type":154,"tag":215,"props":1384,"children":1385},{"style":234},[1386],{"type":159,"value":387},{"type":154,"tag":215,"props":1388,"children":1390},{"class":217,"line":1389},27,[1391,1396,1400,1404,1409,1413],{"type":154,"tag":215,"props":1392,"children":1393},{"style":414},[1394],{"type":159,"value":1395},"    sizes",{"type":154,"tag":215,"props":1397,"children":1398},{"style":234},[1399],{"type":159,"value":450},{"type":154,"tag":215,"props":1401,"children":1402},{"style":234},[1403],{"type":159,"value":1233},{"type":154,"tag":215,"props":1405,"children":1406},{"style":424},[1407],{"type":159,"value":1408},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":154,"tag":215,"props":1410,"children":1411},{"style":234},[1412],{"type":159,"value":421},{"type":154,"tag":215,"props":1414,"children":1415},{"style":234},[1416],{"type":159,"value":1151},{"type":154,"tag":215,"props":1418,"children":1420},{"class":217,"line":1419},28,[1421,1426,1430],{"type":154,"tag":215,"props":1422,"children":1423},{"style":414},[1424],{"type":159,"value":1425},"    modifiers",{"type":154,"tag":215,"props":1427,"children":1428},{"style":234},[1429],{"type":159,"value":450},{"type":154,"tag":215,"props":1431,"children":1432},{"style":234},[1433],{"type":159,"value":387},{"type":154,"tag":215,"props":1435,"children":1437},{"class":217,"line":1436},29,[1438,1443,1447,1451,1456,1460],{"type":154,"tag":215,"props":1439,"children":1440},{"style":414},[1441],{"type":159,"value":1442},"      format",{"type":154,"tag":215,"props":1444,"children":1445},{"style":234},[1446],{"type":159,"value":450},{"type":154,"tag":215,"props":1448,"children":1449},{"style":234},[1450],{"type":159,"value":1233},{"type":154,"tag":215,"props":1452,"children":1453},{"style":424},[1454],{"type":159,"value":1455},"webp",{"type":154,"tag":215,"props":1457,"children":1458},{"style":234},[1459],{"type":159,"value":421},{"type":154,"tag":215,"props":1461,"children":1462},{"style":234},[1463],{"type":159,"value":1151},{"type":154,"tag":215,"props":1465,"children":1467},{"class":217,"line":1466},30,[1468,1473,1477,1482],{"type":154,"tag":215,"props":1469,"children":1470},{"style":414},[1471],{"type":159,"value":1472},"      quality",{"type":154,"tag":215,"props":1474,"children":1475},{"style":234},[1476],{"type":159,"value":450},{"type":154,"tag":215,"props":1478,"children":1479},{"style":453},[1480],{"type":159,"value":1481}," 70",{"type":154,"tag":215,"props":1483,"children":1484},{"style":234},[1485],{"type":159,"value":1151},{"type":154,"tag":215,"props":1487,"children":1489},{"class":217,"line":1488},31,[1490,1495,1499,1504,1508],{"type":154,"tag":215,"props":1491,"children":1492},{"style":414},[1493],{"type":159,"value":1494},"      height",{"type":154,"tag":215,"props":1496,"children":1497},{"style":234},[1498],{"type":159,"value":450},{"type":154,"tag":215,"props":1500,"children":1501},{"style":228},[1502],{"type":159,"value":1503}," props",{"type":154,"tag":215,"props":1505,"children":1506},{"style":234},[1507],{"type":159,"value":609},{"type":154,"tag":215,"props":1509,"children":1510},{"style":228},[1511],{"type":159,"value":1512},"height\n",{"type":154,"tag":215,"props":1514,"children":1516},{"class":217,"line":1515},32,[1517],{"type":154,"tag":215,"props":1518,"children":1519},{"style":234},[1520],{"type":159,"value":1521},"    }\n",{"type":154,"tag":215,"props":1523,"children":1525},{"class":217,"line":1524},33,[1526,1531],{"type":154,"tag":215,"props":1527,"children":1528},{"style":234},[1529],{"type":159,"value":1530},"  }",{"type":154,"tag":215,"props":1532,"children":1533},{"style":414},[1534],{"type":159,"value":466},{"type":154,"tag":215,"props":1536,"children":1538},{"class":217,"line":1537},34,[1539,1543],{"type":154,"tag":215,"props":1540,"children":1541},{"style":234},[1542],{"type":159,"value":522},{"type":154,"tag":215,"props":1544,"children":1545},{"style":228},[1546],{"type":159,"value":466},{"type":154,"tag":215,"props":1548,"children":1550},{"class":217,"line":1549},35,[1551,1555,1559],{"type":154,"tag":215,"props":1552,"children":1553},{"style":234},[1554],{"type":159,"value":1011},{"type":154,"tag":215,"props":1556,"children":1557},{"style":414},[1558],{"type":159,"value":1040},{"type":154,"tag":215,"props":1560,"children":1561},{"style":234},[1562],{"type":159,"value":854},{"type":154,"tag":1564,"props":1565,"children":1566},"style",{},[1567],{"type":159,"value":1568},"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);}",{"title":142,"searchDepth":251,"depth":251,"links":1570},[1571],{"id":140,"depth":251,"text":21,"children":1572},[1573],{"id":553,"depth":261,"text":560},"markdown","content:2.usage:3.use-image.md","content","2.usage/3.use-image.md","2.usage/3.use-image","md",[1581,2162],{"_path":29,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":28,"description":1582,"links":1583,"body":1586,"_type":1574,"_id":2159,"_source":1576,"_file":2160,"_stem":2161,"_extension":1579},"Discover how to use and configure the Nuxt Picture component.",[1584],{"label":146,"icon":147,"to":1585,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts",{"type":151,"children":1587,"toc":2152},[1588,1606,1636,1655,1694,1699,1716,1724,1729,1807,1855,1865,1870,1915,1925,1937,1944,2148],{"type":154,"tag":155,"props":1589,"children":1590},{},[1591,1596,1598,1604],{"type":154,"tag":162,"props":1592,"children":1594},{"className":1593},[],[1595],{"type":159,"value":28},{"type":159,"value":1597}," is a drop-in replacement for the native ",{"type":154,"tag":162,"props":1599,"children":1601},{"className":1600},[],[1602],{"type":159,"value":1603},"\u003Cpicture>",{"type":159,"value":1605}," tag.",{"type":154,"tag":155,"props":1607,"children":1608},{},[1609,1611,1616,1618,1627,1629,1634],{"type":159,"value":1610},"Usage of ",{"type":154,"tag":162,"props":1612,"children":1614},{"className":1613},[],[1615],{"type":159,"value":28},{"type":159,"value":1617}," is almost identical to ",{"type":154,"tag":789,"props":1619,"children":1621},{"href":1620},"nuxt-img",[1622],{"type":154,"tag":162,"props":1623,"children":1625},{"className":1624},[],[1626],{"type":159,"value":25},{"type":159,"value":1628}," but also allows serving modern formats like ",{"type":154,"tag":162,"props":1630,"children":1632},{"className":1631},[],[1633],{"type":159,"value":1455},{"type":159,"value":1635}," when possible.",{"type":154,"tag":155,"props":1637,"children":1638},{},[1639,1641,1654],{"type":159,"value":1640},"Learn more about the ",{"type":154,"tag":789,"props":1642,"children":1646},{"href":1643,"rel":1644},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[1645],"nofollow",[1647,1652],{"type":154,"tag":162,"props":1648,"children":1650},{"className":1649},[],[1651],{"type":159,"value":1603},{"type":159,"value":1653}," tag on MDN",{"type":159,"value":609},{"type":154,"tag":650,"props":1656,"children":1659},{"color":1657,"icon":1658},"amber","i-heroicons-exclamation-triangle",[1660],{"type":154,"tag":155,"props":1661,"children":1662},{},[1663,1665,1676,1678,1683,1685,1692],{"type":159,"value":1664},"Unlike the native ",{"type":154,"tag":789,"props":1666,"children":1668},{"href":1643,"rel":1667},[1645],[1669,1674],{"type":154,"tag":162,"props":1670,"children":1672},{"className":1671},[],[1673],{"type":159,"value":1603},{"type":159,"value":1675}," element",{"type":159,"value":1677},", ",{"type":154,"tag":162,"props":1679,"children":1681},{"className":1680},[],[1682],{"type":159,"value":28},{"type":159,"value":1684}," currently doesn't support using multiple image sources. See ",{"type":154,"tag":789,"props":1686,"children":1689},{"href":1687,"rel":1688},"https://github.com/nuxt/image/issues/309",[1645],[1690],{"type":159,"value":1691},"#309",{"type":159,"value":1693}," for more info.",{"type":154,"tag":200,"props":1695,"children":1696},{"id":1370},[1697],{"type":159,"value":1698},"Props",{"type":154,"tag":650,"props":1700,"children":1701},{},[1702],{"type":154,"tag":155,"props":1703,"children":1704},{},[1705,1707],{"type":159,"value":1706},"See props supported by",{"type":154,"tag":789,"props":1708,"children":1710},{"href":1709},"/usage/nuxt-img#props",[1711],{"type":154,"tag":162,"props":1712,"children":1714},{"className":1713},[],[1715],{"type":159,"value":25},{"type":154,"tag":551,"props":1717,"children":1718},{"id":755},[1719],{"type":154,"tag":162,"props":1720,"children":1722},{"className":1721},[],[1723],{"type":159,"value":755},{"type":154,"tag":155,"props":1725,"children":1726},{},[1727],{"type":159,"value":1728},"Format on pictures can be used to serve images in multiple formats. A legacy format will be generated automatically. So in the example below avif, webp and png would be generated. They will be added in the same order they are added to the format attribute.",{"type":154,"tag":205,"props":1730,"children":1734},{"className":1731,"code":1732,"language":1733,"meta":142,"style":142},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtPicture\n  format=\"avif,webp\"\n  src=\"/nuxt-icon.png\"\n/>\n","vue",[1735],{"type":154,"tag":162,"props":1736,"children":1737},{"__ignoreMap":142},[1738,1750,1775,1799],{"type":154,"tag":215,"props":1739,"children":1740},{"class":217,"line":218},[1741,1745],{"type":154,"tag":215,"props":1742,"children":1743},{"style":234},[1744],{"type":159,"value":844},{"type":154,"tag":215,"props":1746,"children":1747},{"style":414},[1748],{"type":159,"value":1749},"NuxtPicture\n",{"type":154,"tag":215,"props":1751,"children":1752},{"class":217,"line":251},[1753,1758,1762,1766,1771],{"type":154,"tag":215,"props":1754,"children":1755},{"style":222},[1756],{"type":159,"value":1757},"  format",{"type":154,"tag":215,"props":1759,"children":1760},{"style":234},[1761],{"type":159,"value":237},{"type":154,"tag":215,"props":1763,"children":1764},{"style":234},[1765],{"type":159,"value":884},{"type":154,"tag":215,"props":1767,"children":1768},{"style":424},[1769],{"type":159,"value":1770},"avif,webp",{"type":154,"tag":215,"props":1772,"children":1773},{"style":234},[1774],{"type":159,"value":894},{"type":154,"tag":215,"props":1776,"children":1777},{"class":217,"line":261},[1778,1782,1786,1790,1795],{"type":154,"tag":215,"props":1779,"children":1780},{"style":222},[1781],{"type":159,"value":1187},{"type":154,"tag":215,"props":1783,"children":1784},{"style":234},[1785],{"type":159,"value":237},{"type":154,"tag":215,"props":1787,"children":1788},{"style":234},[1789],{"type":159,"value":884},{"type":154,"tag":215,"props":1791,"children":1792},{"style":424},[1793],{"type":159,"value":1794},"/nuxt-icon.png",{"type":154,"tag":215,"props":1796,"children":1797},{"style":234},[1798],{"type":159,"value":894},{"type":154,"tag":215,"props":1800,"children":1801},{"class":217,"line":390},[1802],{"type":154,"tag":215,"props":1803,"children":1804},{"style":228},[1805],{"type":159,"value":1806},"/>\n",{"type":154,"tag":155,"props":1808,"children":1809},{},[1810,1812,1817,1818,1824,1825,1831,1832,1838,1839,1845,1847,1853],{"type":159,"value":1811},"Available formats are ",{"type":154,"tag":162,"props":1813,"children":1815},{"className":1814},[],[1816],{"type":159,"value":1455},{"type":159,"value":1677},{"type":154,"tag":162,"props":1819,"children":1821},{"className":1820},[],[1822],{"type":159,"value":1823},"avif",{"type":159,"value":1677},{"type":154,"tag":162,"props":1826,"children":1828},{"className":1827},[],[1829],{"type":159,"value":1830},"jpeg",{"type":159,"value":1677},{"type":154,"tag":162,"props":1833,"children":1835},{"className":1834},[],[1836],{"type":159,"value":1837},"jpg",{"type":159,"value":1677},{"type":154,"tag":162,"props":1840,"children":1842},{"className":1841},[],[1843],{"type":159,"value":1844},"png",{"type":159,"value":1846},", and ",{"type":154,"tag":162,"props":1848,"children":1850},{"className":1849},[],[1851],{"type":159,"value":1852},"gif",{"type":159,"value":1854},". If the format is not specified, it will respect the default image format.",{"type":154,"tag":551,"props":1856,"children":1858},{"id":1857},"legacyformat",[1859],{"type":154,"tag":162,"props":1860,"children":1862},{"className":1861},[],[1863],{"type":159,"value":1864},"legacyFormat",{"type":154,"tag":155,"props":1866,"children":1867},{},[1868],{"type":159,"value":1869},"Format used for fallback. Default is conditional:",{"type":154,"tag":674,"props":1871,"children":1872},{},[1873,1904],{"type":154,"tag":678,"props":1874,"children":1875},{},[1876,1878,1883,1884,1889,1890,1895,1897,1902],{"type":159,"value":1877},"If original format supports transparency (",{"type":154,"tag":162,"props":1879,"children":1881},{"className":1880},[],[1882],{"type":159,"value":1844},{"type":159,"value":1677},{"type":154,"tag":162,"props":1885,"children":1887},{"className":1886},[],[1888],{"type":159,"value":1455},{"type":159,"value":1846},{"type":154,"tag":162,"props":1891,"children":1893},{"className":1892},[],[1894],{"type":159,"value":1852},{"type":159,"value":1896},"), ",{"type":154,"tag":162,"props":1898,"children":1900},{"className":1899},[],[1901],{"type":159,"value":1844},{"type":159,"value":1903}," is used for fallback",{"type":154,"tag":678,"props":1905,"children":1906},{},[1907,1909,1914],{"type":159,"value":1908},"Otherwise ",{"type":154,"tag":162,"props":1910,"children":1912},{"className":1911},[],[1913],{"type":159,"value":1830},{"type":159,"value":1903},{"type":154,"tag":551,"props":1916,"children":1918},{"id":1917},"imgattrs",[1919],{"type":154,"tag":162,"props":1920,"children":1922},{"className":1921},[],[1923],{"type":159,"value":1924},"imgAttrs",{"type":154,"tag":155,"props":1926,"children":1927},{},[1928,1930,1935],{"type":159,"value":1929},"Allows you to set additional HTML-attributes on the ",{"type":154,"tag":162,"props":1931,"children":1933},{"className":1932},[],[1934],{"type":159,"value":196},{"type":159,"value":1936}," element.",{"type":154,"tag":155,"props":1938,"children":1939},{},[1940],{"type":154,"tag":295,"props":1941,"children":1942},{},[1943],{"type":159,"value":299},{"type":154,"tag":205,"props":1945,"children":1947},{"className":1731,"code":1946,"language":1733,"meta":142,"style":142},"\u003CNuxtPicture\n  src=\"/nuxt-icon.png\"\n  :imgAttrs=\"{\n    id: 'my-id',\n    class: 'my-class',\n    style: 'display: block',\n    'data-my-data': 'my-value'\n  }\"\n/>\n",[1948],{"type":154,"tag":162,"props":1949,"children":1950},{"__ignoreMap":142},[1951,1962,1985,2009,2038,2067,2096,2130,2141],{"type":154,"tag":215,"props":1952,"children":1953},{"class":217,"line":218},[1954,1958],{"type":154,"tag":215,"props":1955,"children":1956},{"style":234},[1957],{"type":159,"value":844},{"type":154,"tag":215,"props":1959,"children":1960},{"style":414},[1961],{"type":159,"value":1749},{"type":154,"tag":215,"props":1963,"children":1964},{"class":217,"line":251},[1965,1969,1973,1977,1981],{"type":154,"tag":215,"props":1966,"children":1967},{"style":222},[1968],{"type":159,"value":1187},{"type":154,"tag":215,"props":1970,"children":1971},{"style":234},[1972],{"type":159,"value":237},{"type":154,"tag":215,"props":1974,"children":1975},{"style":234},[1976],{"type":159,"value":884},{"type":154,"tag":215,"props":1978,"children":1979},{"style":424},[1980],{"type":159,"value":1794},{"type":154,"tag":215,"props":1982,"children":1983},{"style":234},[1984],{"type":159,"value":894},{"type":154,"tag":215,"props":1986,"children":1987},{"class":217,"line":261},[1988,1993,1997,2001,2005],{"type":154,"tag":215,"props":1989,"children":1990},{"style":234},[1991],{"type":159,"value":1992},"  :",{"type":154,"tag":215,"props":1994,"children":1995},{"style":222},[1996],{"type":159,"value":1924},{"type":154,"tag":215,"props":1998,"children":1999},{"style":234},[2000],{"type":159,"value":237},{"type":154,"tag":215,"props":2002,"children":2003},{"style":234},[2004],{"type":159,"value":884},{"type":154,"tag":215,"props":2006,"children":2007},{"style":234},[2008],{"type":159,"value":1102},{"type":154,"tag":215,"props":2010,"children":2011},{"class":217,"line":390},[2012,2017,2021,2025,2030,2034],{"type":154,"tag":215,"props":2013,"children":2014},{"style":414},[2015],{"type":159,"value":2016},"    id",{"type":154,"tag":215,"props":2018,"children":2019},{"style":234},[2020],{"type":159,"value":450},{"type":154,"tag":215,"props":2022,"children":2023},{"style":234},[2024],{"type":159,"value":1233},{"type":154,"tag":215,"props":2026,"children":2027},{"style":424},[2028],{"type":159,"value":2029},"my-id",{"type":154,"tag":215,"props":2031,"children":2032},{"style":234},[2033],{"type":159,"value":421},{"type":154,"tag":215,"props":2035,"children":2036},{"style":234},[2037],{"type":159,"value":1151},{"type":154,"tag":215,"props":2039,"children":2040},{"class":217,"line":469},[2041,2046,2050,2054,2059,2063],{"type":154,"tag":215,"props":2042,"children":2043},{"style":414},[2044],{"type":159,"value":2045},"    class",{"type":154,"tag":215,"props":2047,"children":2048},{"style":234},[2049],{"type":159,"value":450},{"type":154,"tag":215,"props":2051,"children":2052},{"style":234},[2053],{"type":159,"value":1233},{"type":154,"tag":215,"props":2055,"children":2056},{"style":424},[2057],{"type":159,"value":2058},"my-class",{"type":154,"tag":215,"props":2060,"children":2061},{"style":234},[2062],{"type":159,"value":421},{"type":154,"tag":215,"props":2064,"children":2065},{"style":234},[2066],{"type":159,"value":1151},{"type":154,"tag":215,"props":2068,"children":2069},{"class":217,"line":477},[2070,2075,2079,2083,2088,2092],{"type":154,"tag":215,"props":2071,"children":2072},{"style":414},[2073],{"type":159,"value":2074},"    style",{"type":154,"tag":215,"props":2076,"children":2077},{"style":234},[2078],{"type":159,"value":450},{"type":154,"tag":215,"props":2080,"children":2081},{"style":234},[2082],{"type":159,"value":1233},{"type":154,"tag":215,"props":2084,"children":2085},{"style":424},[2086],{"type":159,"value":2087},"display: block",{"type":154,"tag":215,"props":2089,"children":2090},{"style":234},[2091],{"type":159,"value":421},{"type":154,"tag":215,"props":2093,"children":2094},{"style":234},[2095],{"type":159,"value":1151},{"type":154,"tag":215,"props":2097,"children":2098},{"class":217,"line":540},[2099,2104,2109,2113,2117,2121,2126],{"type":154,"tag":215,"props":2100,"children":2101},{"style":234},[2102],{"type":159,"value":2103},"    '",{"type":154,"tag":215,"props":2105,"children":2106},{"style":414},[2107],{"type":159,"value":2108},"data-my-data",{"type":154,"tag":215,"props":2110,"children":2111},{"style":234},[2112],{"type":159,"value":421},{"type":154,"tag":215,"props":2114,"children":2115},{"style":234},[2116],{"type":159,"value":450},{"type":154,"tag":215,"props":2118,"children":2119},{"style":234},[2120],{"type":159,"value":1233},{"type":154,"tag":215,"props":2122,"children":2123},{"style":424},[2124],{"type":159,"value":2125},"my-value",{"type":154,"tag":215,"props":2127,"children":2128},{"style":234},[2129],{"type":159,"value":1243},{"type":154,"tag":215,"props":2131,"children":2132},{"class":217,"line":996},[2133,2137],{"type":154,"tag":215,"props":2134,"children":2135},{"style":234},[2136],{"type":159,"value":1530},{"type":154,"tag":215,"props":2138,"children":2139},{"style":234},[2140],{"type":159,"value":894},{"type":154,"tag":215,"props":2142,"children":2143},{"class":217,"line":1005},[2144],{"type":154,"tag":215,"props":2145,"children":2146},{"style":228},[2147],{"type":159,"value":1806},{"type":154,"tag":1564,"props":2149,"children":2150},{},[2151],{"type":159,"value":1568},{"title":142,"searchDepth":251,"depth":251,"links":2153},[2154],{"id":1370,"depth":251,"text":1698,"children":2155},[2156,2157,2158],{"id":755,"depth":261,"text":755},{"id":1857,"depth":261,"text":1864},{"id":1917,"depth":261,"text":1924},"content:2.usage:2.nuxt-picture.md","2.usage/2.nuxt-picture.md","2.usage/2.nuxt-picture",{"_path":38,"_dir":794,"_draft":141,"_partial":141,"_locale":142,"title":37,"description":2163,"links":2164,"body":2167,"_type":1574,"_id":2665,"_source":1576,"_file":2666,"_stem":2667,"_extension":1579},"Nuxt Image has first class integration with Aliyun.",[2165],{"label":146,"icon":147,"to":2166,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/aliyun.ts",{"type":151,"children":2168,"toc":2659},[2169,2183,2188,2305,2312,2465,2470,2480,2491,2496,2501,2508,2642,2655],{"type":154,"tag":155,"props":2170,"children":2171},{},[2172,2174,2181],{"type":159,"value":2173},"Integration between ",{"type":154,"tag":789,"props":2175,"children":2178},{"href":2176,"rel":2177},"https://cdn.console.aliyun.com",[1645],[2179],{"type":159,"value":2180},"Aliyun CDN",{"type":159,"value":2182}," and the image module.",{"type":154,"tag":155,"props":2184,"children":2185},{},[2186],{"type":159,"value":2187},"To use this provider you just need to specify the base URL (zone) of your service:",{"type":154,"tag":205,"props":2189,"children":2193},{"className":2190,"code":2191,"filename":2192,"language":1063,"meta":142,"style":142},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    aliyun: {\n      baseURL: 'https://that-test.site'\n    }\n  }\n})\n","nuxt.config.ts",[2194],{"type":154,"tag":162,"props":2195,"children":2196},{"__ignoreMap":142},[2197,2223,2239,2255,2280,2287,2294],{"type":154,"tag":215,"props":2198,"children":2199},{"class":217,"line":218},[2200,2205,2210,2215,2219],{"type":154,"tag":215,"props":2201,"children":2202},{"style":481},[2203],{"type":159,"value":2204},"export",{"type":154,"tag":215,"props":2206,"children":2207},{"style":481},[2208],{"type":159,"value":2209}," default",{"type":154,"tag":215,"props":2211,"children":2212},{"style":240},[2213],{"type":159,"value":2214}," defineNuxtConfig",{"type":154,"tag":215,"props":2216,"children":2217},{"style":228},[2218],{"type":159,"value":372},{"type":154,"tag":215,"props":2220,"children":2221},{"style":234},[2222],{"type":159,"value":1102},{"type":154,"tag":215,"props":2224,"children":2225},{"class":217,"line":251},[2226,2231,2235],{"type":154,"tag":215,"props":2227,"children":2228},{"style":414},[2229],{"type":159,"value":2230},"  image",{"type":154,"tag":215,"props":2232,"children":2233},{"style":234},[2234],{"type":159,"value":450},{"type":154,"tag":215,"props":2236,"children":2237},{"style":234},[2238],{"type":159,"value":387},{"type":154,"tag":215,"props":2240,"children":2241},{"class":217,"line":261},[2242,2247,2251],{"type":154,"tag":215,"props":2243,"children":2244},{"style":414},[2245],{"type":159,"value":2246},"    aliyun",{"type":154,"tag":215,"props":2248,"children":2249},{"style":234},[2250],{"type":159,"value":450},{"type":154,"tag":215,"props":2252,"children":2253},{"style":234},[2254],{"type":159,"value":387},{"type":154,"tag":215,"props":2256,"children":2257},{"class":217,"line":390},[2258,2263,2267,2271,2276],{"type":154,"tag":215,"props":2259,"children":2260},{"style":414},[2261],{"type":159,"value":2262},"      baseURL",{"type":154,"tag":215,"props":2264,"children":2265},{"style":234},[2266],{"type":159,"value":450},{"type":154,"tag":215,"props":2268,"children":2269},{"style":234},[2270],{"type":159,"value":1233},{"type":154,"tag":215,"props":2272,"children":2273},{"style":424},[2274],{"type":159,"value":2275},"https://that-test.site",{"type":154,"tag":215,"props":2277,"children":2278},{"style":234},[2279],{"type":159,"value":1243},{"type":154,"tag":215,"props":2281,"children":2282},{"class":217,"line":469},[2283],{"type":154,"tag":215,"props":2284,"children":2285},{"style":234},[2286],{"type":159,"value":1521},{"type":154,"tag":215,"props":2288,"children":2289},{"class":217,"line":477},[2290],{"type":154,"tag":215,"props":2291,"children":2292},{"style":234},[2293],{"type":159,"value":1252},{"type":154,"tag":215,"props":2295,"children":2296},{"class":217,"line":540},[2297,2301],{"type":154,"tag":215,"props":2298,"children":2299},{"style":234},[2300],{"type":159,"value":522},{"type":154,"tag":215,"props":2302,"children":2303},{"style":228},[2304],{"type":159,"value":466},{"type":154,"tag":155,"props":2306,"children":2307},{},[2308],{"type":154,"tag":295,"props":2309,"children":2310},{},[2311],{"type":159,"value":299},{"type":154,"tag":205,"props":2313,"children":2315},{"className":1731,"code":2314,"language":1733,"meta":142,"style":142},"\u003CNuxtImg\n  provider=\"aliyun\"\n  src=\"/burger.jpeg\"\n  height=\"300\"\n  :modifiers=\"{ fit: 'contain' }\"\n/>\n",[2316],{"type":154,"tag":162,"props":2317,"children":2318},{"__ignoreMap":142},[2319,2331,2356,2380,2404,2458],{"type":154,"tag":215,"props":2320,"children":2321},{"class":217,"line":218},[2322,2326],{"type":154,"tag":215,"props":2323,"children":2324},{"style":234},[2325],{"type":159,"value":844},{"type":154,"tag":215,"props":2327,"children":2328},{"style":414},[2329],{"type":159,"value":2330},"NuxtImg\n",{"type":154,"tag":215,"props":2332,"children":2333},{"class":217,"line":251},[2334,2339,2343,2347,2352],{"type":154,"tag":215,"props":2335,"children":2336},{"style":222},[2337],{"type":159,"value":2338},"  provider",{"type":154,"tag":215,"props":2340,"children":2341},{"style":234},[2342],{"type":159,"value":237},{"type":154,"tag":215,"props":2344,"children":2345},{"style":234},[2346],{"type":159,"value":884},{"type":154,"tag":215,"props":2348,"children":2349},{"style":424},[2350],{"type":159,"value":2351},"aliyun",{"type":154,"tag":215,"props":2353,"children":2354},{"style":234},[2355],{"type":159,"value":894},{"type":154,"tag":215,"props":2357,"children":2358},{"class":217,"line":261},[2359,2363,2367,2371,2376],{"type":154,"tag":215,"props":2360,"children":2361},{"style":222},[2362],{"type":159,"value":1187},{"type":154,"tag":215,"props":2364,"children":2365},{"style":234},[2366],{"type":159,"value":237},{"type":154,"tag":215,"props":2368,"children":2369},{"style":234},[2370],{"type":159,"value":884},{"type":154,"tag":215,"props":2372,"children":2373},{"style":424},[2374],{"type":159,"value":2375},"/burger.jpeg",{"type":154,"tag":215,"props":2377,"children":2378},{"style":234},[2379],{"type":159,"value":894},{"type":154,"tag":215,"props":2381,"children":2382},{"class":217,"line":390},[2383,2387,2391,2395,2400],{"type":154,"tag":215,"props":2384,"children":2385},{"style":222},[2386],{"type":159,"value":1111},{"type":154,"tag":215,"props":2388,"children":2389},{"style":234},[2390],{"type":159,"value":237},{"type":154,"tag":215,"props":2392,"children":2393},{"style":234},[2394],{"type":159,"value":884},{"type":154,"tag":215,"props":2396,"children":2397},{"style":424},[2398],{"type":159,"value":2399},"300",{"type":154,"tag":215,"props":2401,"children":2402},{"style":234},[2403],{"type":159,"value":894},{"type":154,"tag":215,"props":2405,"children":2406},{"class":217,"line":469},[2407,2411,2415,2419,2423,2428,2433,2437,2441,2446,2450,2454],{"type":154,"tag":215,"props":2408,"children":2409},{"style":234},[2410],{"type":159,"value":1992},{"type":154,"tag":215,"props":2412,"children":2413},{"style":222},[2414],{"type":159,"value":708},{"type":154,"tag":215,"props":2416,"children":2417},{"style":234},[2418],{"type":159,"value":237},{"type":154,"tag":215,"props":2420,"children":2421},{"style":234},[2422],{"type":159,"value":884},{"type":154,"tag":215,"props":2424,"children":2425},{"style":234},[2426],{"type":159,"value":2427},"{",{"type":154,"tag":215,"props":2429,"children":2430},{"style":414},[2431],{"type":159,"value":2432}," fit",{"type":154,"tag":215,"props":2434,"children":2435},{"style":234},[2436],{"type":159,"value":450},{"type":154,"tag":215,"props":2438,"children":2439},{"style":234},[2440],{"type":159,"value":1233},{"type":154,"tag":215,"props":2442,"children":2443},{"style":424},[2444],{"type":159,"value":2445},"contain",{"type":154,"tag":215,"props":2447,"children":2448},{"style":234},[2449],{"type":159,"value":421},{"type":154,"tag":215,"props":2451,"children":2452},{"style":234},[2453],{"type":159,"value":461},{"type":154,"tag":215,"props":2455,"children":2456},{"style":234},[2457],{"type":159,"value":894},{"type":154,"tag":215,"props":2459,"children":2460},{"class":217,"line":477},[2461],{"type":154,"tag":215,"props":2462,"children":2463},{"style":228},[2464],{"type":159,"value":1806},{"type":154,"tag":200,"props":2466,"children":2467},{"id":771},[2468],{"type":159,"value":2469},"Options",{"type":154,"tag":551,"props":2471,"children":2473},{"id":2472},"baseurl",[2474],{"type":154,"tag":162,"props":2475,"children":2477},{"className":2476},[],[2478],{"type":159,"value":2479},"baseURL",{"type":154,"tag":155,"props":2481,"children":2482},{},[2483,2485],{"type":159,"value":2484},"Default: ",{"type":154,"tag":162,"props":2486,"children":2488},{"className":2487},[],[2489],{"type":159,"value":2490},"/",{"type":154,"tag":155,"props":2492,"children":2493},{},[2494],{"type":159,"value":2495},"Your deployment's domain (zone).",{"type":154,"tag":200,"props":2497,"children":2498},{"id":708},[2499],{"type":159,"value":2500},"Modifiers",{"type":154,"tag":155,"props":2502,"children":2503},{},[2504],{"type":154,"tag":295,"props":2505,"children":2506},{},[2507],{"type":159,"value":299},{"type":154,"tag":205,"props":2509,"children":2511},{"className":207,"code":2510,"language":209,"meta":142,"style":142},"{\n  resize: {\n    fw: 900,\n    fh: 200\n  },\n  rotate: 180,\n  bright: 50,\n  ...\n}\n",[2512],{"type":154,"tag":162,"props":2513,"children":2514},{"__ignoreMap":142},[2515,2522,2539,2560,2577,2584,2605,2626,2634],{"type":154,"tag":215,"props":2516,"children":2517},{"class":217,"line":218},[2518],{"type":154,"tag":215,"props":2519,"children":2520},{"style":234},[2521],{"type":159,"value":1102},{"type":154,"tag":215,"props":2523,"children":2524},{"class":217,"line":251},[2525,2531,2535],{"type":154,"tag":215,"props":2526,"children":2528},{"style":2527},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2529],{"type":159,"value":2530},"  resize",{"type":154,"tag":215,"props":2532,"children":2533},{"style":234},[2534],{"type":159,"value":450},{"type":154,"tag":215,"props":2536,"children":2537},{"style":234},[2538],{"type":159,"value":387},{"type":154,"tag":215,"props":2540,"children":2541},{"class":217,"line":261},[2542,2547,2551,2556],{"type":154,"tag":215,"props":2543,"children":2544},{"style":2527},[2545],{"type":159,"value":2546},"    fw",{"type":154,"tag":215,"props":2548,"children":2549},{"style":234},[2550],{"type":159,"value":450},{"type":154,"tag":215,"props":2552,"children":2553},{"style":453},[2554],{"type":159,"value":2555}," 900",{"type":154,"tag":215,"props":2557,"children":2558},{"style":234},[2559],{"type":159,"value":1151},{"type":154,"tag":215,"props":2561,"children":2562},{"class":217,"line":390},[2563,2568,2572],{"type":154,"tag":215,"props":2564,"children":2565},{"style":2527},[2566],{"type":159,"value":2567},"    fh",{"type":154,"tag":215,"props":2569,"children":2570},{"style":234},[2571],{"type":159,"value":450},{"type":154,"tag":215,"props":2573,"children":2574},{"style":453},[2575],{"type":159,"value":2576}," 200\n",{"type":154,"tag":215,"props":2578,"children":2579},{"class":217,"line":469},[2580],{"type":154,"tag":215,"props":2581,"children":2582},{"style":234},[2583],{"type":159,"value":1178},{"type":154,"tag":215,"props":2585,"children":2586},{"class":217,"line":477},[2587,2592,2596,2601],{"type":154,"tag":215,"props":2588,"children":2589},{"style":2527},[2590],{"type":159,"value":2591},"  rotate",{"type":154,"tag":215,"props":2593,"children":2594},{"style":234},[2595],{"type":159,"value":450},{"type":154,"tag":215,"props":2597,"children":2598},{"style":453},[2599],{"type":159,"value":2600}," 180",{"type":154,"tag":215,"props":2602,"children":2603},{"style":234},[2604],{"type":159,"value":1151},{"type":154,"tag":215,"props":2606,"children":2607},{"class":217,"line":540},[2608,2613,2617,2622],{"type":154,"tag":215,"props":2609,"children":2610},{"style":2527},[2611],{"type":159,"value":2612},"  bright",{"type":154,"tag":215,"props":2614,"children":2615},{"style":234},[2616],{"type":159,"value":450},{"type":154,"tag":215,"props":2618,"children":2619},{"style":453},[2620],{"type":159,"value":2621}," 50",{"type":154,"tag":215,"props":2623,"children":2624},{"style":234},[2625],{"type":159,"value":1151},{"type":154,"tag":215,"props":2627,"children":2628},{"class":217,"line":996},[2629],{"type":154,"tag":215,"props":2630,"children":2631},{"style":234},[2632],{"type":159,"value":2633},"  ...\n",{"type":154,"tag":215,"props":2635,"children":2636},{"class":217,"line":1005},[2637],{"type":154,"tag":215,"props":2638,"children":2639},{"style":234},[2640],{"type":159,"value":2641},"}\n",{"type":154,"tag":155,"props":2643,"children":2644},{},[2645,2647,2654],{"type":159,"value":2646},"For more modifiers configuration items, see ",{"type":154,"tag":789,"props":2648,"children":2651},{"href":2649,"rel":2650},"https://help.aliyun.com/zh/cdn/user-guide/image-editing",[1645],[2652],{"type":159,"value":2653},"Aliyun CDN docs",{"type":159,"value":609},{"type":154,"tag":1564,"props":2656,"children":2657},{},[2658],{"type":159,"value":1568},{"title":142,"searchDepth":251,"depth":251,"links":2660},[2661,2664],{"id":771,"depth":251,"text":2469,"children":2662},[2663],{"id":2472,"depth":261,"text":2479},{"id":708,"depth":251,"text":2500},"content:3.providers:aliyun.md","3.providers/aliyun.md","3.providers/aliyun",1742393728952]