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