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