[{"data":1,"prerenderedAt":5137},["ShallowReactive",2],{"navigation":3,"docs-/usage/nuxt-img":136,"docs-/usage/nuxt-img-surround":4486},[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":26,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":25,"description":140,"links":141,"body":147,"_type":4481,"_id":4482,"_source":4483,"_file":4484,"_stem":4485,"_extension":1415},"usage",false,"","Discover how to use and configure the Nuxt Image component.",[142],{"label":143,"icon":144,"to":145,"size":146},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-img.ts","xs",{"type":148,"children":149,"toc":4457},"root",[150,172,239,244,269,328,333,375,407,413,423,457,484,570,577,1026,1038,1046,1051,1076,1119,1143,1159,1164,1188,1196,1218,1231,1265,1329,1337,1342,1354,1366,1418,1426,1502,1511,1516,1523,1667,1675,1680,1693,1698,2038,2053,2333,2342,2361,2511,2588,2597,2616,2623,2912,2921,2926,2947,3276,3285,3290,3359,3411,3420,3425,3534,3543,3554,3611,3714,3722,3731,3736,3748,3755,3898,3907,3920,3967,3976,3998,4011,4075,4084,4111,4277,4283,4308,4330,4451],{"type":151,"tag":152,"props":153,"children":154},"element","p",{},[155,162,164,170],{"type":151,"tag":156,"props":157,"children":159},"code",{"className":158},[],[160],{"type":161,"value":25},"text",{"type":161,"value":163}," is a drop-in replacement for the native ",{"type":151,"tag":156,"props":165,"children":167},{"className":166},[],[168],{"type":161,"value":169},"\u003Cimg>",{"type":161,"value":171}," tag.",{"type":151,"tag":173,"props":174,"children":175},"ul",{},[176,182,195,214,227],{"type":151,"tag":177,"props":178,"children":179},"li",{},[180],{"type":161,"value":181},"Uses built-in provider to optimize local and remote images",{"type":151,"tag":177,"props":183,"children":184},{},[185,187,193],{"type":161,"value":186},"Converts ",{"type":151,"tag":156,"props":188,"children":190},{"className":189},[],[191],{"type":161,"value":192},"src",{"type":161,"value":194}," to provider optimized URLs",{"type":151,"tag":177,"props":196,"children":197},{},[198,200,206,208],{"type":161,"value":199},"Automatically resizes images based on ",{"type":151,"tag":156,"props":201,"children":203},{"className":202},[],[204],{"type":161,"value":205},"width",{"type":161,"value":207}," and ",{"type":151,"tag":156,"props":209,"children":211},{"className":210},[],[212],{"type":161,"value":213},"height",{"type":151,"tag":177,"props":215,"children":216},{},[217,219,225],{"type":161,"value":218},"Generates responsive sizes when providing ",{"type":151,"tag":156,"props":220,"children":222},{"className":221},[],[223],{"type":161,"value":224},"sizes",{"type":161,"value":226}," option",{"type":151,"tag":177,"props":228,"children":229},{},[230,232,237],{"type":161,"value":231},"Supports native lazy loading as well as other ",{"type":151,"tag":156,"props":233,"children":235},{"className":234},[],[236],{"type":161,"value":169},{"type":161,"value":238}," attributes",{"type":151,"tag":240,"props":241,"children":242},"h2",{"id":137},[243],{"type":161,"value":21},{"type":151,"tag":152,"props":245,"children":246},{},[247,252,254,260,262,267],{"type":151,"tag":156,"props":248,"children":250},{"className":249},[],[251],{"type":161,"value":25},{"type":161,"value":253}," outputs a native ",{"type":151,"tag":156,"props":255,"children":257},{"className":256},[],[258],{"type":161,"value":259},"img",{"type":161,"value":261}," tag directly (without any wrapper around it). Use it like you would use the ",{"type":151,"tag":156,"props":263,"children":265},{"className":264},[],[266],{"type":161,"value":169},{"type":161,"value":268}," tag:",{"type":151,"tag":270,"props":271,"children":275},"pre",{"className":272,"code":273,"language":274,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg src=\"/nuxt-icon.png\" />\n","html",[276],{"type":151,"tag":156,"props":277,"children":278},{"__ignoreMap":139},[279],{"type":151,"tag":280,"props":281,"children":284},"span",{"class":282,"line":283},"line",1,[285,291,297,303,308,313,319,323],{"type":151,"tag":280,"props":286,"children":288},{"style":287},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[289],{"type":161,"value":290},"\u003C",{"type":151,"tag":280,"props":292,"children":294},{"style":293},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[295],{"type":161,"value":296},"NuxtImg",{"type":151,"tag":280,"props":298,"children":300},{"style":299},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[301],{"type":161,"value":302}," src",{"type":151,"tag":280,"props":304,"children":305},{"style":287},[306],{"type":161,"value":307},"=",{"type":151,"tag":280,"props":309,"children":310},{"style":287},[311],{"type":161,"value":312},"\"",{"type":151,"tag":280,"props":314,"children":316},{"style":315},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[317],{"type":161,"value":318},"/nuxt-icon.png",{"type":151,"tag":280,"props":320,"children":321},{"style":287},[322],{"type":161,"value":312},{"type":151,"tag":280,"props":324,"children":325},{"style":287},[326],{"type":161,"value":327}," />\n",{"type":151,"tag":152,"props":329,"children":330},{},[331],{"type":161,"value":332},"Will result in:",{"type":151,"tag":270,"props":334,"children":336},{"className":272,"code":335,"language":274,"meta":139,"style":139},"\u003Cimg src=\"/nuxt-icon.png\" />\n",[337],{"type":151,"tag":156,"props":338,"children":339},{"__ignoreMap":139},[340],{"type":151,"tag":280,"props":341,"children":342},{"class":282,"line":283},[343,347,351,355,359,363,367,371],{"type":151,"tag":280,"props":344,"children":345},{"style":287},[346],{"type":161,"value":290},{"type":151,"tag":280,"props":348,"children":349},{"style":293},[350],{"type":161,"value":259},{"type":151,"tag":280,"props":352,"children":353},{"style":299},[354],{"type":161,"value":302},{"type":151,"tag":280,"props":356,"children":357},{"style":287},[358],{"type":161,"value":307},{"type":151,"tag":280,"props":360,"children":361},{"style":287},[362],{"type":161,"value":312},{"type":151,"tag":280,"props":364,"children":365},{"style":315},[366],{"type":161,"value":318},{"type":151,"tag":280,"props":368,"children":369},{"style":287},[370],{"type":161,"value":312},{"type":151,"tag":280,"props":372,"children":373},{"style":287},[374],{"type":161,"value":327},{"type":151,"tag":376,"props":377,"children":378},"callout",{},[379],{"type":151,"tag":152,"props":380,"children":381},{},[382,384,390,392,397,399,405],{"type":161,"value":383},"With ",{"type":151,"tag":385,"props":386,"children":387},"a",{"href":16},[388],{"type":161,"value":389},"default provider",{"type":161,"value":391},", you should put ",{"type":151,"tag":156,"props":393,"children":395},{"className":394},[],[396],{"type":161,"value":318},{"type":161,"value":398}," inside ",{"type":151,"tag":156,"props":400,"children":402},{"className":401},[],[403],{"type":161,"value":404},"public/",{"type":161,"value":406}," directory for Nuxt 3 make the above example work.",{"type":151,"tag":240,"props":408,"children":410},{"id":409},"props",[411],{"type":161,"value":412},"Props",{"type":151,"tag":414,"props":415,"children":417},"h3",{"id":416},"custom",[418],{"type":151,"tag":156,"props":419,"children":421},{"className":420},[],[422],{"type":161,"value":416},{"type":151,"tag":152,"props":424,"children":425},{},[426,428,433,435,440,442,447,449,455],{"type":161,"value":427},"The ",{"type":151,"tag":156,"props":429,"children":431},{"className":430},[],[432],{"type":161,"value":416},{"type":161,"value":434}," prop determines whether ",{"type":151,"tag":156,"props":436,"children":438},{"className":437},[],[439],{"type":161,"value":25},{"type":161,"value":441}," should render as a simple ",{"type":151,"tag":156,"props":443,"children":445},{"className":444},[],[446],{"type":161,"value":169},{"type":161,"value":448}," element or only serve as a provider for custom rendering. When set to ",{"type":151,"tag":156,"props":450,"children":452},{"className":451},[],[453],{"type":161,"value":454},"true",{"type":161,"value":456},", it disables the default rendering behavior, allowing full control over how the image is displayed. This is useful for implementing custom functionalities, such as placeholders.",{"type":151,"tag":152,"props":458,"children":459},{},[460,462,467,469,474,476,482],{"type":161,"value":461},"When using the ",{"type":151,"tag":156,"props":463,"children":465},{"className":464},[],[466],{"type":161,"value":416},{"type":161,"value":468}," prop, ",{"type":151,"tag":156,"props":470,"children":472},{"className":471},[],[473],{"type":161,"value":25},{"type":161,"value":475}," passes necessary data and attributes to its default slot. You can access the following values via the ",{"type":151,"tag":156,"props":477,"children":479},{"className":478},[],[480],{"type":161,"value":481},"v-slot",{"type":161,"value":483}," directive:",{"type":151,"tag":173,"props":485,"children":486},{},[487,543,556],{"type":151,"tag":177,"props":488,"children":489},{},[490,500,502,507,509,515,517,522,523,528,529,535,536,541],{"type":151,"tag":491,"props":492,"children":493},"strong",{},[494],{"type":151,"tag":156,"props":495,"children":497},{"className":496},[],[498],{"type":161,"value":499},"imgAttrs",{"type":161,"value":501},": Attributes for the ",{"type":151,"tag":156,"props":503,"children":505},{"className":504},[],[506],{"type":161,"value":169},{"type":161,"value":508}," element (e.g., ",{"type":151,"tag":156,"props":510,"children":512},{"className":511},[],[513],{"type":161,"value":514},"alt",{"type":161,"value":516},", ",{"type":151,"tag":156,"props":518,"children":520},{"className":519},[],[521],{"type":161,"value":205},{"type":161,"value":516},{"type":151,"tag":156,"props":524,"children":526},{"className":525},[],[527],{"type":161,"value":213},{"type":161,"value":516},{"type":151,"tag":156,"props":530,"children":532},{"className":531},[],[533],{"type":161,"value":534},"srcset",{"type":161,"value":516},{"type":151,"tag":156,"props":537,"children":539},{"className":538},[],[540],{"type":161,"value":224},{"type":161,"value":542},").",{"type":151,"tag":177,"props":544,"children":545},{},[546,554],{"type":151,"tag":491,"props":547,"children":548},{},[549],{"type":151,"tag":156,"props":550,"children":552},{"className":551},[],[553],{"type":161,"value":192},{"type":161,"value":555},": The computed image source URL.",{"type":151,"tag":177,"props":557,"children":558},{},[559,568],{"type":151,"tag":491,"props":560,"children":561},{},[562],{"type":151,"tag":156,"props":563,"children":565},{"className":564},[],[566],{"type":161,"value":567},"isLoaded",{"type":161,"value":569},": A boolean indicating whether the image has been loaded.",{"type":151,"tag":571,"props":572,"children":574},"h4",{"id":573},"example-usage",[575],{"type":161,"value":576},"Example Usage",{"type":151,"tag":270,"props":578,"children":580},{"className":272,"code":579,"language":274,"meta":139,"style":139},"\u003Cnuxt-img\n  src=\"/images/nuxt.png\"\n  alt=\"image\"\n  width=\"400\" \n  height=\"400\" \n  :custom=\"true\"\n  v-slot=\"{ src, isLoaded, imgAttrs }\"\n>\n  \u003C!-- Show the actual image when loaded -->\n  \u003Cimg \n    v-if=\"isLoaded\" \n    v-bind=\"imgAttrs\" \n    :src=\"src\" \n  />\n\n  \u003C!-- Show a placeholder while loading -->\n  \u003Cimg \n    v-else \n    src=\"https://placehold.co/400x400\" \n    alt=\"placeholder\" \n  />\n\u003C/nuxt-img>\n",[581],{"type":151,"tag":156,"props":582,"children":583},{"__ignoreMap":139},[584,596,623,649,680,709,734,760,769,779,796,825,854,883,892,902,911,927,940,970,1000,1008],{"type":151,"tag":280,"props":585,"children":586},{"class":282,"line":283},[587,591],{"type":151,"tag":280,"props":588,"children":589},{"style":287},[590],{"type":161,"value":290},{"type":151,"tag":280,"props":592,"children":593},{"style":293},[594],{"type":161,"value":595},"nuxt-img\n",{"type":151,"tag":280,"props":597,"children":599},{"class":282,"line":598},2,[600,605,609,613,618],{"type":151,"tag":280,"props":601,"children":602},{"style":299},[603],{"type":161,"value":604},"  src",{"type":151,"tag":280,"props":606,"children":607},{"style":287},[608],{"type":161,"value":307},{"type":151,"tag":280,"props":610,"children":611},{"style":287},[612],{"type":161,"value":312},{"type":151,"tag":280,"props":614,"children":615},{"style":315},[616],{"type":161,"value":617},"/images/nuxt.png",{"type":151,"tag":280,"props":619,"children":620},{"style":287},[621],{"type":161,"value":622},"\"\n",{"type":151,"tag":280,"props":624,"children":626},{"class":282,"line":625},3,[627,632,636,640,645],{"type":151,"tag":280,"props":628,"children":629},{"style":299},[630],{"type":161,"value":631},"  alt",{"type":151,"tag":280,"props":633,"children":634},{"style":287},[635],{"type":161,"value":307},{"type":151,"tag":280,"props":637,"children":638},{"style":287},[639],{"type":161,"value":312},{"type":151,"tag":280,"props":641,"children":642},{"style":315},[643],{"type":161,"value":644},"image",{"type":151,"tag":280,"props":646,"children":647},{"style":287},[648],{"type":161,"value":622},{"type":151,"tag":280,"props":650,"children":652},{"class":282,"line":651},4,[653,658,662,666,671,675],{"type":151,"tag":280,"props":654,"children":655},{"style":299},[656],{"type":161,"value":657},"  width",{"type":151,"tag":280,"props":659,"children":660},{"style":287},[661],{"type":161,"value":307},{"type":151,"tag":280,"props":663,"children":664},{"style":287},[665],{"type":161,"value":312},{"type":151,"tag":280,"props":667,"children":668},{"style":315},[669],{"type":161,"value":670},"400",{"type":151,"tag":280,"props":672,"children":673},{"style":287},[674],{"type":161,"value":312},{"type":151,"tag":280,"props":676,"children":677},{"style":287},[678],{"type":161,"value":679}," \n",{"type":151,"tag":280,"props":681,"children":683},{"class":282,"line":682},5,[684,689,693,697,701,705],{"type":151,"tag":280,"props":685,"children":686},{"style":299},[687],{"type":161,"value":688},"  height",{"type":151,"tag":280,"props":690,"children":691},{"style":287},[692],{"type":161,"value":307},{"type":151,"tag":280,"props":694,"children":695},{"style":287},[696],{"type":161,"value":312},{"type":151,"tag":280,"props":698,"children":699},{"style":315},[700],{"type":161,"value":670},{"type":151,"tag":280,"props":702,"children":703},{"style":287},[704],{"type":161,"value":312},{"type":151,"tag":280,"props":706,"children":707},{"style":287},[708],{"type":161,"value":679},{"type":151,"tag":280,"props":710,"children":712},{"class":282,"line":711},6,[713,718,722,726,730],{"type":151,"tag":280,"props":714,"children":715},{"style":299},[716],{"type":161,"value":717},"  :custom",{"type":151,"tag":280,"props":719,"children":720},{"style":287},[721],{"type":161,"value":307},{"type":151,"tag":280,"props":723,"children":724},{"style":287},[725],{"type":161,"value":312},{"type":151,"tag":280,"props":727,"children":728},{"style":315},[729],{"type":161,"value":454},{"type":151,"tag":280,"props":731,"children":732},{"style":287},[733],{"type":161,"value":622},{"type":151,"tag":280,"props":735,"children":737},{"class":282,"line":736},7,[738,743,747,751,756],{"type":151,"tag":280,"props":739,"children":740},{"style":299},[741],{"type":161,"value":742},"  v-slot",{"type":151,"tag":280,"props":744,"children":745},{"style":287},[746],{"type":161,"value":307},{"type":151,"tag":280,"props":748,"children":749},{"style":287},[750],{"type":161,"value":312},{"type":151,"tag":280,"props":752,"children":753},{"style":315},[754],{"type":161,"value":755},"{ src, isLoaded, imgAttrs }",{"type":151,"tag":280,"props":757,"children":758},{"style":287},[759],{"type":161,"value":622},{"type":151,"tag":280,"props":761,"children":763},{"class":282,"line":762},8,[764],{"type":151,"tag":280,"props":765,"children":766},{"style":287},[767],{"type":161,"value":768},">\n",{"type":151,"tag":280,"props":770,"children":772},{"class":282,"line":771},9,[773],{"type":151,"tag":280,"props":774,"children":776},{"style":775},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[777],{"type":161,"value":778},"  \u003C!-- Show the actual image when loaded -->\n",{"type":151,"tag":280,"props":780,"children":782},{"class":282,"line":781},10,[783,788,792],{"type":151,"tag":280,"props":784,"children":785},{"style":287},[786],{"type":161,"value":787},"  \u003C",{"type":151,"tag":280,"props":789,"children":790},{"style":293},[791],{"type":161,"value":259},{"type":151,"tag":280,"props":793,"children":794},{"style":287},[795],{"type":161,"value":679},{"type":151,"tag":280,"props":797,"children":799},{"class":282,"line":798},11,[800,805,809,813,817,821],{"type":151,"tag":280,"props":801,"children":802},{"style":299},[803],{"type":161,"value":804},"    v-if",{"type":151,"tag":280,"props":806,"children":807},{"style":287},[808],{"type":161,"value":307},{"type":151,"tag":280,"props":810,"children":811},{"style":287},[812],{"type":161,"value":312},{"type":151,"tag":280,"props":814,"children":815},{"style":315},[816],{"type":161,"value":567},{"type":151,"tag":280,"props":818,"children":819},{"style":287},[820],{"type":161,"value":312},{"type":151,"tag":280,"props":822,"children":823},{"style":287},[824],{"type":161,"value":679},{"type":151,"tag":280,"props":826,"children":828},{"class":282,"line":827},12,[829,834,838,842,846,850],{"type":151,"tag":280,"props":830,"children":831},{"style":299},[832],{"type":161,"value":833},"    v-bind",{"type":151,"tag":280,"props":835,"children":836},{"style":287},[837],{"type":161,"value":307},{"type":151,"tag":280,"props":839,"children":840},{"style":287},[841],{"type":161,"value":312},{"type":151,"tag":280,"props":843,"children":844},{"style":315},[845],{"type":161,"value":499},{"type":151,"tag":280,"props":847,"children":848},{"style":287},[849],{"type":161,"value":312},{"type":151,"tag":280,"props":851,"children":852},{"style":287},[853],{"type":161,"value":679},{"type":151,"tag":280,"props":855,"children":857},{"class":282,"line":856},13,[858,863,867,871,875,879],{"type":151,"tag":280,"props":859,"children":860},{"style":299},[861],{"type":161,"value":862},"    :src",{"type":151,"tag":280,"props":864,"children":865},{"style":287},[866],{"type":161,"value":307},{"type":151,"tag":280,"props":868,"children":869},{"style":287},[870],{"type":161,"value":312},{"type":151,"tag":280,"props":872,"children":873},{"style":315},[874],{"type":161,"value":192},{"type":151,"tag":280,"props":876,"children":877},{"style":287},[878],{"type":161,"value":312},{"type":151,"tag":280,"props":880,"children":881},{"style":287},[882],{"type":161,"value":679},{"type":151,"tag":280,"props":884,"children":886},{"class":282,"line":885},14,[887],{"type":151,"tag":280,"props":888,"children":889},{"style":287},[890],{"type":161,"value":891},"  />\n",{"type":151,"tag":280,"props":893,"children":895},{"class":282,"line":894},15,[896],{"type":151,"tag":280,"props":897,"children":899},{"emptyLinePlaceholder":898},true,[900],{"type":161,"value":901},"\n",{"type":151,"tag":280,"props":903,"children":905},{"class":282,"line":904},16,[906],{"type":151,"tag":280,"props":907,"children":908},{"style":775},[909],{"type":161,"value":910},"  \u003C!-- Show a placeholder while loading -->\n",{"type":151,"tag":280,"props":912,"children":914},{"class":282,"line":913},17,[915,919,923],{"type":151,"tag":280,"props":916,"children":917},{"style":287},[918],{"type":161,"value":787},{"type":151,"tag":280,"props":920,"children":921},{"style":293},[922],{"type":161,"value":259},{"type":151,"tag":280,"props":924,"children":925},{"style":287},[926],{"type":161,"value":679},{"type":151,"tag":280,"props":928,"children":930},{"class":282,"line":929},18,[931,936],{"type":151,"tag":280,"props":932,"children":933},{"style":299},[934],{"type":161,"value":935},"    v-else",{"type":151,"tag":280,"props":937,"children":938},{"style":287},[939],{"type":161,"value":679},{"type":151,"tag":280,"props":941,"children":943},{"class":282,"line":942},19,[944,949,953,957,962,966],{"type":151,"tag":280,"props":945,"children":946},{"style":299},[947],{"type":161,"value":948},"    src",{"type":151,"tag":280,"props":950,"children":951},{"style":287},[952],{"type":161,"value":307},{"type":151,"tag":280,"props":954,"children":955},{"style":287},[956],{"type":161,"value":312},{"type":151,"tag":280,"props":958,"children":959},{"style":315},[960],{"type":161,"value":961},"https://placehold.co/400x400",{"type":151,"tag":280,"props":963,"children":964},{"style":287},[965],{"type":161,"value":312},{"type":151,"tag":280,"props":967,"children":968},{"style":287},[969],{"type":161,"value":679},{"type":151,"tag":280,"props":971,"children":973},{"class":282,"line":972},20,[974,979,983,987,992,996],{"type":151,"tag":280,"props":975,"children":976},{"style":299},[977],{"type":161,"value":978},"    alt",{"type":151,"tag":280,"props":980,"children":981},{"style":287},[982],{"type":161,"value":307},{"type":151,"tag":280,"props":984,"children":985},{"style":287},[986],{"type":161,"value":312},{"type":151,"tag":280,"props":988,"children":989},{"style":315},[990],{"type":161,"value":991},"placeholder",{"type":151,"tag":280,"props":993,"children":994},{"style":287},[995],{"type":161,"value":312},{"type":151,"tag":280,"props":997,"children":998},{"style":287},[999],{"type":161,"value":679},{"type":151,"tag":280,"props":1001,"children":1003},{"class":282,"line":1002},21,[1004],{"type":151,"tag":280,"props":1005,"children":1006},{"style":287},[1007],{"type":161,"value":891},{"type":151,"tag":280,"props":1009,"children":1011},{"class":282,"line":1010},22,[1012,1017,1022],{"type":151,"tag":280,"props":1013,"children":1014},{"style":287},[1015],{"type":161,"value":1016},"\u003C/",{"type":151,"tag":280,"props":1018,"children":1019},{"style":293},[1020],{"type":161,"value":1021},"nuxt-img",{"type":151,"tag":280,"props":1023,"children":1024},{"style":287},[1025],{"type":161,"value":768},{"type":151,"tag":152,"props":1027,"children":1028},{},[1029,1031,1036],{"type":161,"value":1030},"This approach ensures flexibility for custom rendering scenarios, while ",{"type":151,"tag":156,"props":1032,"children":1034},{"className":1033},[],[1035],{"type":161,"value":25},{"type":161,"value":1037}," continues to handle image optimization and data provisioning behind the scenes.",{"type":151,"tag":414,"props":1039,"children":1040},{"id":192},[1041],{"type":151,"tag":156,"props":1042,"children":1044},{"className":1043},[],[1045],{"type":161,"value":192},{"type":151,"tag":152,"props":1047,"children":1048},{},[1049],{"type":161,"value":1050},"Path to image file",{"type":151,"tag":152,"props":1052,"children":1053},{},[1054,1059,1061,1066,1068,1074],{"type":151,"tag":156,"props":1055,"children":1057},{"className":1056},[],[1058],{"type":161,"value":192},{"type":161,"value":1060}," should be in the form of an absolute path for static images in ",{"type":151,"tag":156,"props":1062,"children":1064},{"className":1063},[],[1065],{"type":161,"value":404},{"type":161,"value":1067}," directory.\nOtherwise path that is expected by provider that starts with ",{"type":151,"tag":156,"props":1069,"children":1071},{"className":1070},[],[1072],{"type":161,"value":1073},"/",{"type":161,"value":1075}," or a URL.",{"type":151,"tag":270,"props":1077,"children":1079},{"className":272,"code":1078,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" />\n",[1080],{"type":151,"tag":156,"props":1081,"children":1082},{"__ignoreMap":139},[1083],{"type":151,"tag":280,"props":1084,"children":1085},{"class":282,"line":283},[1086,1090,1094,1098,1102,1106,1111,1115],{"type":151,"tag":280,"props":1087,"children":1088},{"style":287},[1089],{"type":161,"value":290},{"type":151,"tag":280,"props":1091,"children":1092},{"style":293},[1093],{"type":161,"value":296},{"type":151,"tag":280,"props":1095,"children":1096},{"style":299},[1097],{"type":161,"value":302},{"type":151,"tag":280,"props":1099,"children":1100},{"style":287},[1101],{"type":161,"value":307},{"type":151,"tag":280,"props":1103,"children":1104},{"style":287},[1105],{"type":161,"value":312},{"type":151,"tag":280,"props":1107,"children":1108},{"style":315},[1109],{"type":161,"value":1110},"/nuxt.png",{"type":151,"tag":280,"props":1112,"children":1113},{"style":287},[1114],{"type":161,"value":312},{"type":151,"tag":280,"props":1116,"children":1117},{"style":287},[1118],{"type":161,"value":327},{"type":151,"tag":152,"props":1120,"children":1121},{},[1122,1124,1129,1131,1141],{"type":161,"value":1123},"For image optimization when using external urls in ",{"type":151,"tag":156,"props":1125,"children":1127},{"className":1126},[],[1128],{"type":161,"value":192},{"type":161,"value":1130},", we need to whitelist them using ",{"type":151,"tag":385,"props":1132,"children":1134},{"href":1133},"/get-started/configuration#domains",[1135],{"type":151,"tag":156,"props":1136,"children":1138},{"className":1137},[],[1139],{"type":161,"value":1140},"domains",{"type":161,"value":1142}," option.",{"type":151,"tag":414,"props":1144,"children":1146},{"id":1145},"width-height",[1147,1152,1154],{"type":151,"tag":156,"props":1148,"children":1150},{"className":1149},[],[1151],{"type":161,"value":205},{"type":161,"value":1153}," / ",{"type":151,"tag":156,"props":1155,"children":1157},{"className":1156},[],[1158],{"type":161,"value":213},{"type":151,"tag":152,"props":1160,"children":1161},{},[1162],{"type":161,"value":1163},"Specify width/height of the image.",{"type":151,"tag":173,"props":1165,"children":1166},{},[1167,1172],{"type":151,"tag":177,"props":1168,"children":1169},{},[1170],{"type":161,"value":1171},"Use desired width/height for static sized images like icons or avatars",{"type":151,"tag":177,"props":1173,"children":1174},{},[1175,1177,1186],{"type":161,"value":1176},"Use original image width/height for responsive images (when using ",{"type":151,"tag":385,"props":1178,"children":1180},{"href":1179},"#sizes",[1181],{"type":151,"tag":156,"props":1182,"children":1184},{"className":1183},[],[1185],{"type":161,"value":224},{"type":161,"value":1187},")",{"type":151,"tag":414,"props":1189,"children":1190},{"id":514},[1191],{"type":151,"tag":156,"props":1192,"children":1194},{"className":1193},[],[1195],{"type":161,"value":514},{"type":151,"tag":152,"props":1197,"children":1198},{},[1199,1201,1206,1208,1216],{"type":161,"value":1200},"Although Nuxt Image does not apply any special handling, it's worth mentioning the ",{"type":151,"tag":156,"props":1202,"children":1204},{"className":1203},[],[1205],{"type":161,"value":514},{"type":161,"value":1207}," attribute. It is a ",{"type":151,"tag":385,"props":1209,"children":1213},{"href":1210,"rel":1211},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",[1212],"nofollow",[1214],{"type":161,"value":1215},"native",{"type":161,"value":1217}," global attribute that specifies an alternate text for an image, if the image cannot be displayed.",{"type":151,"tag":152,"props":1219,"children":1220},{},[1221,1223,1229],{"type":161,"value":1222},"It ",{"type":151,"tag":1224,"props":1225,"children":1226},"em",{},[1227],{"type":161,"value":1228},"should always",{"type":161,"value":1230}," be provided.",{"type":151,"tag":173,"props":1232,"children":1233},{},[1234,1239,1252],{"type":151,"tag":177,"props":1235,"children":1236},{},[1237],{"type":161,"value":1238},"The text should describe the image if the image contains information",{"type":151,"tag":177,"props":1240,"children":1241},{},[1242,1244,1250],{"type":161,"value":1243},"The text should explain where the link goes if the image is inside an ",{"type":151,"tag":156,"props":1245,"children":1247},{"className":1246},[],[1248],{"type":161,"value":1249},"\u003Ca>",{"type":161,"value":1251}," element",{"type":151,"tag":177,"props":1253,"children":1254},{},[1255,1257,1263],{"type":161,"value":1256},"Use ",{"type":151,"tag":156,"props":1258,"children":1260},{"className":1259},[],[1261],{"type":161,"value":1262},"alt=\"\"",{"type":161,"value":1264}," if the image is only for decoration",{"type":151,"tag":270,"props":1266,"children":1268},{"className":272,"code":1267,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" alt=\"My image file description\" />\n",[1269],{"type":151,"tag":156,"props":1270,"children":1271},{"__ignoreMap":139},[1272],{"type":151,"tag":280,"props":1273,"children":1274},{"class":282,"line":283},[1275,1279,1283,1287,1291,1295,1299,1303,1308,1312,1316,1321,1325],{"type":151,"tag":280,"props":1276,"children":1277},{"style":287},[1278],{"type":161,"value":290},{"type":151,"tag":280,"props":1280,"children":1281},{"style":293},[1282],{"type":161,"value":296},{"type":151,"tag":280,"props":1284,"children":1285},{"style":299},[1286],{"type":161,"value":302},{"type":151,"tag":280,"props":1288,"children":1289},{"style":287},[1290],{"type":161,"value":307},{"type":151,"tag":280,"props":1292,"children":1293},{"style":287},[1294],{"type":161,"value":312},{"type":151,"tag":280,"props":1296,"children":1297},{"style":315},[1298],{"type":161,"value":1110},{"type":151,"tag":280,"props":1300,"children":1301},{"style":287},[1302],{"type":161,"value":312},{"type":151,"tag":280,"props":1304,"children":1305},{"style":299},[1306],{"type":161,"value":1307}," alt",{"type":151,"tag":280,"props":1309,"children":1310},{"style":287},[1311],{"type":161,"value":307},{"type":151,"tag":280,"props":1313,"children":1314},{"style":287},[1315],{"type":161,"value":312},{"type":151,"tag":280,"props":1317,"children":1318},{"style":315},[1319],{"type":161,"value":1320},"My image file description",{"type":151,"tag":280,"props":1322,"children":1323},{"style":287},[1324],{"type":161,"value":312},{"type":151,"tag":280,"props":1326,"children":1327},{"style":287},[1328],{"type":161,"value":327},{"type":151,"tag":414,"props":1330,"children":1331},{"id":224},[1332],{"type":151,"tag":156,"props":1333,"children":1335},{"className":1334},[],[1336],{"type":161,"value":224},{"type":151,"tag":152,"props":1338,"children":1339},{},[1340],{"type":161,"value":1341},"Specify responsive sizes.",{"type":151,"tag":152,"props":1343,"children":1344},{},[1345,1347,1353],{"type":161,"value":1346},"This is a space-separated list of screen size/width pairs. You can ",{"type":151,"tag":385,"props":1348,"children":1350},{"href":1349},"/get-started/configuration#screens",[1351],{"type":161,"value":1352},"see a list of the defined screen sizes here",{"type":161,"value":542},{"type":151,"tag":152,"props":1355,"children":1356},{},[1357,1359,1364],{"type":161,"value":1358},"By default Nuxt generates ",{"type":151,"tag":1224,"props":1360,"children":1361},{},[1362],{"type":161,"value":1363},"responsive-first",{"type":161,"value":1365}," sizing.",{"type":151,"tag":173,"props":1367,"children":1368},{},[1369,1382],{"type":151,"tag":177,"props":1370,"children":1371},{},[1372,1374,1380],{"type":161,"value":1373},"If you omit a screen size prefix (like ",{"type":151,"tag":156,"props":1375,"children":1377},{"className":1376},[],[1378],{"type":161,"value":1379},"sm:",{"type":161,"value":1381},") then this size is the 'default' size of the image. Otherwise, Nuxt will pick the smallest size as the default size of the image.",{"type":151,"tag":177,"props":1383,"children":1384},{},[1385,1387,1392,1394,1400,1402,1408,1410,1416],{"type":161,"value":1386},"This default size is used up until the next specified screen width, and so on. Each specified size pair applies ",{"type":151,"tag":1224,"props":1388,"children":1389},{},[1390],{"type":161,"value":1391},"up",{"type":161,"value":1393}," - so ",{"type":151,"tag":156,"props":1395,"children":1397},{"className":1396},[],[1398],{"type":161,"value":1399},"md:400px",{"type":161,"value":1401}," means that the image will be sized ",{"type":151,"tag":156,"props":1403,"children":1405},{"className":1404},[],[1406],{"type":161,"value":1407},"400px",{"type":161,"value":1409}," on ",{"type":151,"tag":156,"props":1411,"children":1413},{"className":1412},[],[1414],{"type":161,"value":1415},"md",{"type":161,"value":1417}," screens and up.",{"type":151,"tag":152,"props":1419,"children":1420},{},[1421],{"type":151,"tag":491,"props":1422,"children":1423},{},[1424],{"type":161,"value":1425},"Example:",{"type":151,"tag":270,"props":1427,"children":1429},{"className":272,"code":1428,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/logos/nuxt.png\"\n  sizes=\"100vw sm:50vw md:400px\"\n/>\n",[1430],{"type":151,"tag":156,"props":1431,"children":1432},{"__ignoreMap":139},[1433,1445,1469,1494],{"type":151,"tag":280,"props":1434,"children":1435},{"class":282,"line":283},[1436,1440],{"type":151,"tag":280,"props":1437,"children":1438},{"style":287},[1439],{"type":161,"value":290},{"type":151,"tag":280,"props":1441,"children":1442},{"style":293},[1443],{"type":161,"value":1444},"NuxtImg\n",{"type":151,"tag":280,"props":1446,"children":1447},{"class":282,"line":598},[1448,1452,1456,1460,1465],{"type":151,"tag":280,"props":1449,"children":1450},{"style":299},[1451],{"type":161,"value":604},{"type":151,"tag":280,"props":1453,"children":1454},{"style":287},[1455],{"type":161,"value":307},{"type":151,"tag":280,"props":1457,"children":1458},{"style":287},[1459],{"type":161,"value":312},{"type":151,"tag":280,"props":1461,"children":1462},{"style":315},[1463],{"type":161,"value":1464},"/logos/nuxt.png",{"type":151,"tag":280,"props":1466,"children":1467},{"style":287},[1468],{"type":161,"value":622},{"type":151,"tag":280,"props":1470,"children":1471},{"class":282,"line":625},[1472,1477,1481,1485,1490],{"type":151,"tag":280,"props":1473,"children":1474},{"style":299},[1475],{"type":161,"value":1476},"  sizes",{"type":151,"tag":280,"props":1478,"children":1479},{"style":287},[1480],{"type":161,"value":307},{"type":151,"tag":280,"props":1482,"children":1483},{"style":287},[1484],{"type":161,"value":312},{"type":151,"tag":280,"props":1486,"children":1487},{"style":315},[1488],{"type":161,"value":1489},"100vw sm:50vw md:400px",{"type":151,"tag":280,"props":1491,"children":1492},{"style":287},[1493],{"type":161,"value":622},{"type":151,"tag":280,"props":1495,"children":1496},{"class":282,"line":651},[1497],{"type":151,"tag":280,"props":1498,"children":1499},{"style":287},[1500],{"type":161,"value":1501},"/>\n",{"type":151,"tag":414,"props":1503,"children":1505},{"id":1504},"densities",[1506],{"type":151,"tag":156,"props":1507,"children":1509},{"className":1508},[],[1510],{"type":161,"value":1504},{"type":151,"tag":152,"props":1512,"children":1513},{},[1514],{"type":161,"value":1515},"To generate special versions of images for screens with increased pixel density.",{"type":151,"tag":152,"props":1517,"children":1518},{},[1519],{"type":151,"tag":491,"props":1520,"children":1521},{},[1522],{"type":161,"value":1425},{"type":151,"tag":270,"props":1524,"children":1526},{"className":272,"code":1525,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/logos/nuxt.png\"\n  height=\"50\"\n  densities=\"x1 x2\"\n/>\n\u003C!--\n\u003Cimg\n  src=\"/_ipx/w_50/logos/nuxt.png\" \n  srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n/>\n-->\n",[1527],{"type":151,"tag":156,"props":1528,"children":1529},{"__ignoreMap":139},[1530,1541,1564,1588,1613,1620,1628,1636,1644,1652,1659],{"type":151,"tag":280,"props":1531,"children":1532},{"class":282,"line":283},[1533,1537],{"type":151,"tag":280,"props":1534,"children":1535},{"style":287},[1536],{"type":161,"value":290},{"type":151,"tag":280,"props":1538,"children":1539},{"style":293},[1540],{"type":161,"value":1444},{"type":151,"tag":280,"props":1542,"children":1543},{"class":282,"line":598},[1544,1548,1552,1556,1560],{"type":151,"tag":280,"props":1545,"children":1546},{"style":299},[1547],{"type":161,"value":604},{"type":151,"tag":280,"props":1549,"children":1550},{"style":287},[1551],{"type":161,"value":307},{"type":151,"tag":280,"props":1553,"children":1554},{"style":287},[1555],{"type":161,"value":312},{"type":151,"tag":280,"props":1557,"children":1558},{"style":315},[1559],{"type":161,"value":1464},{"type":151,"tag":280,"props":1561,"children":1562},{"style":287},[1563],{"type":161,"value":622},{"type":151,"tag":280,"props":1565,"children":1566},{"class":282,"line":625},[1567,1571,1575,1579,1584],{"type":151,"tag":280,"props":1568,"children":1569},{"style":299},[1570],{"type":161,"value":688},{"type":151,"tag":280,"props":1572,"children":1573},{"style":287},[1574],{"type":161,"value":307},{"type":151,"tag":280,"props":1576,"children":1577},{"style":287},[1578],{"type":161,"value":312},{"type":151,"tag":280,"props":1580,"children":1581},{"style":315},[1582],{"type":161,"value":1583},"50",{"type":151,"tag":280,"props":1585,"children":1586},{"style":287},[1587],{"type":161,"value":622},{"type":151,"tag":280,"props":1589,"children":1590},{"class":282,"line":651},[1591,1596,1600,1604,1609],{"type":151,"tag":280,"props":1592,"children":1593},{"style":299},[1594],{"type":161,"value":1595},"  densities",{"type":151,"tag":280,"props":1597,"children":1598},{"style":287},[1599],{"type":161,"value":307},{"type":151,"tag":280,"props":1601,"children":1602},{"style":287},[1603],{"type":161,"value":312},{"type":151,"tag":280,"props":1605,"children":1606},{"style":315},[1607],{"type":161,"value":1608},"x1 x2",{"type":151,"tag":280,"props":1610,"children":1611},{"style":287},[1612],{"type":161,"value":622},{"type":151,"tag":280,"props":1614,"children":1615},{"class":282,"line":682},[1616],{"type":151,"tag":280,"props":1617,"children":1618},{"style":287},[1619],{"type":161,"value":1501},{"type":151,"tag":280,"props":1621,"children":1622},{"class":282,"line":711},[1623],{"type":151,"tag":280,"props":1624,"children":1625},{"style":775},[1626],{"type":161,"value":1627},"\u003C!--\n",{"type":151,"tag":280,"props":1629,"children":1630},{"class":282,"line":736},[1631],{"type":151,"tag":280,"props":1632,"children":1633},{"style":775},[1634],{"type":161,"value":1635},"\u003Cimg\n",{"type":151,"tag":280,"props":1637,"children":1638},{"class":282,"line":762},[1639],{"type":151,"tag":280,"props":1640,"children":1641},{"style":775},[1642],{"type":161,"value":1643},"  src=\"/_ipx/w_50/logos/nuxt.png\" \n",{"type":151,"tag":280,"props":1645,"children":1646},{"class":282,"line":771},[1647],{"type":151,"tag":280,"props":1648,"children":1649},{"style":775},[1650],{"type":161,"value":1651},"  srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n",{"type":151,"tag":280,"props":1653,"children":1654},{"class":282,"line":781},[1655],{"type":151,"tag":280,"props":1656,"children":1657},{"style":775},[1658],{"type":161,"value":1501},{"type":151,"tag":280,"props":1660,"children":1661},{"class":282,"line":798},[1662],{"type":151,"tag":280,"props":1663,"children":1664},{"style":775},[1665],{"type":161,"value":1666},"-->\n",{"type":151,"tag":414,"props":1668,"children":1669},{"id":991},[1670],{"type":151,"tag":156,"props":1671,"children":1673},{"className":1672},[],[1674],{"type":161,"value":991},{"type":151,"tag":152,"props":1676,"children":1677},{},[1678],{"type":161,"value":1679},"Display a placeholder image before the actual image is fully loaded.",{"type":151,"tag":152,"props":1681,"children":1682},{},[1683,1685,1691],{"type":161,"value":1684},"You can also use the ",{"type":151,"tag":385,"props":1686,"children":1688},{"href":1687},"/usage/nuxt-img#custom",[1689],{"type":161,"value":1690},"custom prop",{"type":161,"value":1692}," to make any placeholder you want.",{"type":151,"tag":152,"props":1694,"children":1695},{},[1696],{"type":161,"value":1697},"The placeholder prop can be either a string, a boolean, a number, or an array. The usage is shown below for each case.",{"type":151,"tag":270,"props":1699,"children":1701},{"className":272,"code":1700,"language":274,"meta":139,"style":139},"\u003C!-- Automatically generate a placeholder based on the original image -->\n\u003CNuxtImg src=\"/nuxt.png\" placeholder />\n\n\u003C!-- Set a width, height for the automatically generated placeholder  -->\n\u003CNuxtImg src=\"/nuxt.png\" :placeholder=\"[50, 25]\" />\n\n\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder  -->\n\u003CNuxtImg src=\"/nuxt.png\" :placeholder=\"[50, 25, 75, 5]\" />\n\n\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n\u003CNuxtImg src=\"/nuxt.png\" :placeholder=\"15\" />\n\n\u003C!-- Provide your own image -->\n\u003CNuxtImg src=\"/nuxt.png\" placeholder=\"./placeholder.png\" />\n",[1702],{"type":151,"tag":156,"props":1703,"children":1704},{"__ignoreMap":139},[1705,1713,1753,1760,1768,1825,1832,1840,1896,1903,1911,1967,1974,1982],{"type":151,"tag":280,"props":1706,"children":1707},{"class":282,"line":283},[1708],{"type":151,"tag":280,"props":1709,"children":1710},{"style":775},[1711],{"type":161,"value":1712},"\u003C!-- Automatically generate a placeholder based on the original image -->\n",{"type":151,"tag":280,"props":1714,"children":1715},{"class":282,"line":598},[1716,1720,1724,1728,1732,1736,1740,1744,1749],{"type":151,"tag":280,"props":1717,"children":1718},{"style":287},[1719],{"type":161,"value":290},{"type":151,"tag":280,"props":1721,"children":1722},{"style":293},[1723],{"type":161,"value":296},{"type":151,"tag":280,"props":1725,"children":1726},{"style":299},[1727],{"type":161,"value":302},{"type":151,"tag":280,"props":1729,"children":1730},{"style":287},[1731],{"type":161,"value":307},{"type":151,"tag":280,"props":1733,"children":1734},{"style":287},[1735],{"type":161,"value":312},{"type":151,"tag":280,"props":1737,"children":1738},{"style":315},[1739],{"type":161,"value":1110},{"type":151,"tag":280,"props":1741,"children":1742},{"style":287},[1743],{"type":161,"value":312},{"type":151,"tag":280,"props":1745,"children":1746},{"style":299},[1747],{"type":161,"value":1748}," placeholder",{"type":151,"tag":280,"props":1750,"children":1751},{"style":287},[1752],{"type":161,"value":327},{"type":151,"tag":280,"props":1754,"children":1755},{"class":282,"line":625},[1756],{"type":151,"tag":280,"props":1757,"children":1758},{"emptyLinePlaceholder":898},[1759],{"type":161,"value":901},{"type":151,"tag":280,"props":1761,"children":1762},{"class":282,"line":651},[1763],{"type":151,"tag":280,"props":1764,"children":1765},{"style":775},[1766],{"type":161,"value":1767},"\u003C!-- Set a width, height for the automatically generated placeholder  -->\n",{"type":151,"tag":280,"props":1769,"children":1770},{"class":282,"line":682},[1771,1775,1779,1783,1787,1791,1795,1799,1804,1808,1812,1817,1821],{"type":151,"tag":280,"props":1772,"children":1773},{"style":287},[1774],{"type":161,"value":290},{"type":151,"tag":280,"props":1776,"children":1777},{"style":293},[1778],{"type":161,"value":296},{"type":151,"tag":280,"props":1780,"children":1781},{"style":299},[1782],{"type":161,"value":302},{"type":151,"tag":280,"props":1784,"children":1785},{"style":287},[1786],{"type":161,"value":307},{"type":151,"tag":280,"props":1788,"children":1789},{"style":287},[1790],{"type":161,"value":312},{"type":151,"tag":280,"props":1792,"children":1793},{"style":315},[1794],{"type":161,"value":1110},{"type":151,"tag":280,"props":1796,"children":1797},{"style":287},[1798],{"type":161,"value":312},{"type":151,"tag":280,"props":1800,"children":1801},{"style":299},[1802],{"type":161,"value":1803}," :placeholder",{"type":151,"tag":280,"props":1805,"children":1806},{"style":287},[1807],{"type":161,"value":307},{"type":151,"tag":280,"props":1809,"children":1810},{"style":287},[1811],{"type":161,"value":312},{"type":151,"tag":280,"props":1813,"children":1814},{"style":315},[1815],{"type":161,"value":1816},"[50, 25]",{"type":151,"tag":280,"props":1818,"children":1819},{"style":287},[1820],{"type":161,"value":312},{"type":151,"tag":280,"props":1822,"children":1823},{"style":287},[1824],{"type":161,"value":327},{"type":151,"tag":280,"props":1826,"children":1827},{"class":282,"line":711},[1828],{"type":151,"tag":280,"props":1829,"children":1830},{"emptyLinePlaceholder":898},[1831],{"type":161,"value":901},{"type":151,"tag":280,"props":1833,"children":1834},{"class":282,"line":736},[1835],{"type":151,"tag":280,"props":1836,"children":1837},{"style":775},[1838],{"type":161,"value":1839},"\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder  -->\n",{"type":151,"tag":280,"props":1841,"children":1842},{"class":282,"line":762},[1843,1847,1851,1855,1859,1863,1867,1871,1875,1879,1883,1888,1892],{"type":151,"tag":280,"props":1844,"children":1845},{"style":287},[1846],{"type":161,"value":290},{"type":151,"tag":280,"props":1848,"children":1849},{"style":293},[1850],{"type":161,"value":296},{"type":151,"tag":280,"props":1852,"children":1853},{"style":299},[1854],{"type":161,"value":302},{"type":151,"tag":280,"props":1856,"children":1857},{"style":287},[1858],{"type":161,"value":307},{"type":151,"tag":280,"props":1860,"children":1861},{"style":287},[1862],{"type":161,"value":312},{"type":151,"tag":280,"props":1864,"children":1865},{"style":315},[1866],{"type":161,"value":1110},{"type":151,"tag":280,"props":1868,"children":1869},{"style":287},[1870],{"type":161,"value":312},{"type":151,"tag":280,"props":1872,"children":1873},{"style":299},[1874],{"type":161,"value":1803},{"type":151,"tag":280,"props":1876,"children":1877},{"style":287},[1878],{"type":161,"value":307},{"type":151,"tag":280,"props":1880,"children":1881},{"style":287},[1882],{"type":161,"value":312},{"type":151,"tag":280,"props":1884,"children":1885},{"style":315},[1886],{"type":161,"value":1887},"[50, 25, 75, 5]",{"type":151,"tag":280,"props":1889,"children":1890},{"style":287},[1891],{"type":161,"value":312},{"type":151,"tag":280,"props":1893,"children":1894},{"style":287},[1895],{"type":161,"value":327},{"type":151,"tag":280,"props":1897,"children":1898},{"class":282,"line":771},[1899],{"type":151,"tag":280,"props":1900,"children":1901},{"emptyLinePlaceholder":898},[1902],{"type":161,"value":901},{"type":151,"tag":280,"props":1904,"children":1905},{"class":282,"line":781},[1906],{"type":151,"tag":280,"props":1907,"children":1908},{"style":775},[1909],{"type":161,"value":1910},"\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n",{"type":151,"tag":280,"props":1912,"children":1913},{"class":282,"line":798},[1914,1918,1922,1926,1930,1934,1938,1942,1946,1950,1954,1959,1963],{"type":151,"tag":280,"props":1915,"children":1916},{"style":287},[1917],{"type":161,"value":290},{"type":151,"tag":280,"props":1919,"children":1920},{"style":293},[1921],{"type":161,"value":296},{"type":151,"tag":280,"props":1923,"children":1924},{"style":299},[1925],{"type":161,"value":302},{"type":151,"tag":280,"props":1927,"children":1928},{"style":287},[1929],{"type":161,"value":307},{"type":151,"tag":280,"props":1931,"children":1932},{"style":287},[1933],{"type":161,"value":312},{"type":151,"tag":280,"props":1935,"children":1936},{"style":315},[1937],{"type":161,"value":1110},{"type":151,"tag":280,"props":1939,"children":1940},{"style":287},[1941],{"type":161,"value":312},{"type":151,"tag":280,"props":1943,"children":1944},{"style":299},[1945],{"type":161,"value":1803},{"type":151,"tag":280,"props":1947,"children":1948},{"style":287},[1949],{"type":161,"value":307},{"type":151,"tag":280,"props":1951,"children":1952},{"style":287},[1953],{"type":161,"value":312},{"type":151,"tag":280,"props":1955,"children":1956},{"style":315},[1957],{"type":161,"value":1958},"15",{"type":151,"tag":280,"props":1960,"children":1961},{"style":287},[1962],{"type":161,"value":312},{"type":151,"tag":280,"props":1964,"children":1965},{"style":287},[1966],{"type":161,"value":327},{"type":151,"tag":280,"props":1968,"children":1969},{"class":282,"line":827},[1970],{"type":151,"tag":280,"props":1971,"children":1972},{"emptyLinePlaceholder":898},[1973],{"type":161,"value":901},{"type":151,"tag":280,"props":1975,"children":1976},{"class":282,"line":856},[1977],{"type":151,"tag":280,"props":1978,"children":1979},{"style":775},[1980],{"type":161,"value":1981},"\u003C!-- Provide your own image -->\n",{"type":151,"tag":280,"props":1983,"children":1984},{"class":282,"line":885},[1985,1989,1993,1997,2001,2005,2009,2013,2017,2021,2025,2030,2034],{"type":151,"tag":280,"props":1986,"children":1987},{"style":287},[1988],{"type":161,"value":290},{"type":151,"tag":280,"props":1990,"children":1991},{"style":293},[1992],{"type":161,"value":296},{"type":151,"tag":280,"props":1994,"children":1995},{"style":299},[1996],{"type":161,"value":302},{"type":151,"tag":280,"props":1998,"children":1999},{"style":287},[2000],{"type":161,"value":307},{"type":151,"tag":280,"props":2002,"children":2003},{"style":287},[2004],{"type":161,"value":312},{"type":151,"tag":280,"props":2006,"children":2007},{"style":315},[2008],{"type":161,"value":1110},{"type":151,"tag":280,"props":2010,"children":2011},{"style":287},[2012],{"type":161,"value":312},{"type":151,"tag":280,"props":2014,"children":2015},{"style":299},[2016],{"type":161,"value":1748},{"type":151,"tag":280,"props":2018,"children":2019},{"style":287},[2020],{"type":161,"value":307},{"type":151,"tag":280,"props":2022,"children":2023},{"style":287},[2024],{"type":161,"value":312},{"type":151,"tag":280,"props":2026,"children":2027},{"style":315},[2028],{"type":161,"value":2029},"./placeholder.png",{"type":151,"tag":280,"props":2031,"children":2032},{"style":287},[2033],{"type":161,"value":312},{"type":151,"tag":280,"props":2035,"children":2036},{"style":287},[2037],{"type":161,"value":327},{"type":151,"tag":152,"props":2039,"children":2040},{},[2041,2043,2051],{"type":161,"value":2042},"You can also leverage ",{"type":151,"tag":385,"props":2044,"children":2045},{"href":32},[2046],{"type":151,"tag":156,"props":2047,"children":2049},{"className":2048},[],[2050],{"type":161,"value":31},{"type":161,"value":2052}," to generate a placeholder image based on the original image, can be useful if the source is an SVG or you want better control on the modifiers:",{"type":151,"tag":270,"props":2054,"children":2058},{"className":2055,"code":2056,"language":2057,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst img = useImage()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CNuxtImg :placeholder=\"img(`/nuxt.svg`, { h: 10, f: 'png', blur: 2, q: 50 })\" src=\"/nuxt.svg`\" />\n\u003C/template>\n","vue",[2059],{"type":151,"tag":156,"props":2060,"children":2061},{"__ignoreMap":139},[2062,2083,2112,2127,2134,2150,2318],{"type":151,"tag":280,"props":2063,"children":2064},{"class":282,"line":283},[2065,2069,2074,2079],{"type":151,"tag":280,"props":2066,"children":2067},{"style":287},[2068],{"type":161,"value":290},{"type":151,"tag":280,"props":2070,"children":2071},{"style":293},[2072],{"type":161,"value":2073},"script",{"type":151,"tag":280,"props":2075,"children":2076},{"style":299},[2077],{"type":161,"value":2078}," setup",{"type":151,"tag":280,"props":2080,"children":2081},{"style":287},[2082],{"type":161,"value":768},{"type":151,"tag":280,"props":2084,"children":2085},{"class":282,"line":598},[2086,2091,2097,2101,2107],{"type":151,"tag":280,"props":2087,"children":2088},{"style":299},[2089],{"type":161,"value":2090},"const",{"type":151,"tag":280,"props":2092,"children":2094},{"style":2093},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[2095],{"type":161,"value":2096}," img ",{"type":151,"tag":280,"props":2098,"children":2099},{"style":287},[2100],{"type":161,"value":307},{"type":151,"tag":280,"props":2102,"children":2104},{"style":2103},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[2105],{"type":161,"value":2106}," useImage",{"type":151,"tag":280,"props":2108,"children":2109},{"style":2093},[2110],{"type":161,"value":2111},"()\n",{"type":151,"tag":280,"props":2113,"children":2114},{"class":282,"line":625},[2115,2119,2123],{"type":151,"tag":280,"props":2116,"children":2117},{"style":287},[2118],{"type":161,"value":1016},{"type":151,"tag":280,"props":2120,"children":2121},{"style":293},[2122],{"type":161,"value":2073},{"type":151,"tag":280,"props":2124,"children":2125},{"style":287},[2126],{"type":161,"value":768},{"type":151,"tag":280,"props":2128,"children":2129},{"class":282,"line":651},[2130],{"type":151,"tag":280,"props":2131,"children":2132},{"emptyLinePlaceholder":898},[2133],{"type":161,"value":901},{"type":151,"tag":280,"props":2135,"children":2136},{"class":282,"line":682},[2137,2141,2146],{"type":151,"tag":280,"props":2138,"children":2139},{"style":287},[2140],{"type":161,"value":290},{"type":151,"tag":280,"props":2142,"children":2143},{"style":293},[2144],{"type":161,"value":2145},"template",{"type":151,"tag":280,"props":2147,"children":2148},{"style":287},[2149],{"type":161,"value":768},{"type":151,"tag":280,"props":2151,"children":2152},{"class":282,"line":711},[2153,2157,2161,2166,2170,2174,2178,2182,2187,2192,2197,2201,2206,2211,2216,2222,2226,2231,2235,2240,2245,2249,2253,2258,2262,2267,2271,2276,2280,2284,2289,2293,2297,2301,2305,2310,2314],{"type":151,"tag":280,"props":2154,"children":2155},{"style":287},[2156],{"type":161,"value":787},{"type":151,"tag":280,"props":2158,"children":2159},{"style":293},[2160],{"type":161,"value":296},{"type":151,"tag":280,"props":2162,"children":2163},{"style":287},[2164],{"type":161,"value":2165}," :",{"type":151,"tag":280,"props":2167,"children":2168},{"style":299},[2169],{"type":161,"value":991},{"type":151,"tag":280,"props":2171,"children":2172},{"style":287},[2173],{"type":161,"value":307},{"type":151,"tag":280,"props":2175,"children":2176},{"style":287},[2177],{"type":161,"value":312},{"type":151,"tag":280,"props":2179,"children":2180},{"style":2103},[2181],{"type":161,"value":259},{"type":151,"tag":280,"props":2183,"children":2184},{"style":287},[2185],{"type":161,"value":2186},"(",{"type":151,"tag":280,"props":2188,"children":2189},{"style":287},[2190],{"type":161,"value":2191},"`",{"type":151,"tag":280,"props":2193,"children":2194},{"style":315},[2195],{"type":161,"value":2196},"/nuxt.svg",{"type":151,"tag":280,"props":2198,"children":2199},{"style":287},[2200],{"type":161,"value":2191},{"type":151,"tag":280,"props":2202,"children":2203},{"style":287},[2204],{"type":161,"value":2205},", { ",{"type":151,"tag":280,"props":2207,"children":2208},{"style":293},[2209],{"type":161,"value":2210},"h",{"type":151,"tag":280,"props":2212,"children":2213},{"style":287},[2214],{"type":161,"value":2215},": ",{"type":151,"tag":280,"props":2217,"children":2219},{"style":2218},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2220],{"type":161,"value":2221},"10",{"type":151,"tag":280,"props":2223,"children":2224},{"style":287},[2225],{"type":161,"value":516},{"type":151,"tag":280,"props":2227,"children":2228},{"style":293},[2229],{"type":161,"value":2230},"f",{"type":151,"tag":280,"props":2232,"children":2233},{"style":287},[2234],{"type":161,"value":2215},{"type":151,"tag":280,"props":2236,"children":2237},{"style":287},[2238],{"type":161,"value":2239},"'",{"type":151,"tag":280,"props":2241,"children":2242},{"style":315},[2243],{"type":161,"value":2244},"png",{"type":151,"tag":280,"props":2246,"children":2247},{"style":287},[2248],{"type":161,"value":2239},{"type":151,"tag":280,"props":2250,"children":2251},{"style":287},[2252],{"type":161,"value":516},{"type":151,"tag":280,"props":2254,"children":2255},{"style":293},[2256],{"type":161,"value":2257},"blur",{"type":151,"tag":280,"props":2259,"children":2260},{"style":287},[2261],{"type":161,"value":2215},{"type":151,"tag":280,"props":2263,"children":2264},{"style":2218},[2265],{"type":161,"value":2266},"2",{"type":151,"tag":280,"props":2268,"children":2269},{"style":287},[2270],{"type":161,"value":516},{"type":151,"tag":280,"props":2272,"children":2273},{"style":293},[2274],{"type":161,"value":2275},"q",{"type":151,"tag":280,"props":2277,"children":2278},{"style":287},[2279],{"type":161,"value":2215},{"type":151,"tag":280,"props":2281,"children":2282},{"style":2218},[2283],{"type":161,"value":1583},{"type":151,"tag":280,"props":2285,"children":2286},{"style":287},[2287],{"type":161,"value":2288}," })",{"type":151,"tag":280,"props":2290,"children":2291},{"style":287},[2292],{"type":161,"value":312},{"type":151,"tag":280,"props":2294,"children":2295},{"style":299},[2296],{"type":161,"value":302},{"type":151,"tag":280,"props":2298,"children":2299},{"style":287},[2300],{"type":161,"value":307},{"type":151,"tag":280,"props":2302,"children":2303},{"style":287},[2304],{"type":161,"value":312},{"type":151,"tag":280,"props":2306,"children":2307},{"style":315},[2308],{"type":161,"value":2309},"/nuxt.svg`",{"type":151,"tag":280,"props":2311,"children":2312},{"style":287},[2313],{"type":161,"value":312},{"type":151,"tag":280,"props":2315,"children":2316},{"style":287},[2317],{"type":161,"value":327},{"type":151,"tag":280,"props":2319,"children":2320},{"class":282,"line":736},[2321,2325,2329],{"type":151,"tag":280,"props":2322,"children":2323},{"style":287},[2324],{"type":161,"value":1016},{"type":151,"tag":280,"props":2326,"children":2327},{"style":293},[2328],{"type":161,"value":2145},{"type":151,"tag":280,"props":2330,"children":2331},{"style":287},[2332],{"type":161,"value":768},{"type":151,"tag":414,"props":2334,"children":2336},{"id":2335},"placeholder-class",[2337],{"type":151,"tag":156,"props":2338,"children":2340},{"className":2339},[],[2341],{"type":161,"value":2335},{"type":151,"tag":152,"props":2343,"children":2344},{},[2345,2347,2352,2354,2359],{"type":161,"value":2346},"When using a placeholder, you can use ",{"type":151,"tag":156,"props":2348,"children":2350},{"className":2349},[],[2351],{"type":161,"value":2335},{"type":161,"value":2353}," to apply a class to the original underlying ",{"type":151,"tag":156,"props":2355,"children":2357},{"className":2356},[],[2358],{"type":161,"value":169},{"type":161,"value":2360}," element (while the placeholder is being rendered).",{"type":151,"tag":270,"props":2362,"children":2364},{"className":272,"code":2363,"language":274,"meta":139,"style":139},"\u003C!-- Apply a static class to the original image -->\n\u003CNuxtImg src=\"/nuxt.png\" placeholder placeholder-class=\"custom\" />\n\n\u003C!-- Apply a dynamic class to the original image -->\n\u003CNuxtImg src=\"/nuxt.png\" placeholder :placeholder-class=\"custom\" />\n",[2365],{"type":151,"tag":156,"props":2366,"children":2367},{"__ignoreMap":139},[2368,2376,2436,2443,2451],{"type":151,"tag":280,"props":2369,"children":2370},{"class":282,"line":283},[2371],{"type":151,"tag":280,"props":2372,"children":2373},{"style":775},[2374],{"type":161,"value":2375},"\u003C!-- Apply a static class to the original image -->\n",{"type":151,"tag":280,"props":2377,"children":2378},{"class":282,"line":598},[2379,2383,2387,2391,2395,2399,2403,2407,2411,2416,2420,2424,2428,2432],{"type":151,"tag":280,"props":2380,"children":2381},{"style":287},[2382],{"type":161,"value":290},{"type":151,"tag":280,"props":2384,"children":2385},{"style":293},[2386],{"type":161,"value":296},{"type":151,"tag":280,"props":2388,"children":2389},{"style":299},[2390],{"type":161,"value":302},{"type":151,"tag":280,"props":2392,"children":2393},{"style":287},[2394],{"type":161,"value":307},{"type":151,"tag":280,"props":2396,"children":2397},{"style":287},[2398],{"type":161,"value":312},{"type":151,"tag":280,"props":2400,"children":2401},{"style":315},[2402],{"type":161,"value":1110},{"type":151,"tag":280,"props":2404,"children":2405},{"style":287},[2406],{"type":161,"value":312},{"type":151,"tag":280,"props":2408,"children":2409},{"style":299},[2410],{"type":161,"value":1748},{"type":151,"tag":280,"props":2412,"children":2413},{"style":299},[2414],{"type":161,"value":2415}," placeholder-class",{"type":151,"tag":280,"props":2417,"children":2418},{"style":287},[2419],{"type":161,"value":307},{"type":151,"tag":280,"props":2421,"children":2422},{"style":287},[2423],{"type":161,"value":312},{"type":151,"tag":280,"props":2425,"children":2426},{"style":315},[2427],{"type":161,"value":416},{"type":151,"tag":280,"props":2429,"children":2430},{"style":287},[2431],{"type":161,"value":312},{"type":151,"tag":280,"props":2433,"children":2434},{"style":287},[2435],{"type":161,"value":327},{"type":151,"tag":280,"props":2437,"children":2438},{"class":282,"line":625},[2439],{"type":151,"tag":280,"props":2440,"children":2441},{"emptyLinePlaceholder":898},[2442],{"type":161,"value":901},{"type":151,"tag":280,"props":2444,"children":2445},{"class":282,"line":651},[2446],{"type":151,"tag":280,"props":2447,"children":2448},{"style":775},[2449],{"type":161,"value":2450},"\u003C!-- Apply a dynamic class to the original image -->\n",{"type":151,"tag":280,"props":2452,"children":2453},{"class":282,"line":682},[2454,2458,2462,2466,2470,2474,2478,2482,2486,2491,2495,2499,2503,2507],{"type":151,"tag":280,"props":2455,"children":2456},{"style":287},[2457],{"type":161,"value":290},{"type":151,"tag":280,"props":2459,"children":2460},{"style":293},[2461],{"type":161,"value":296},{"type":151,"tag":280,"props":2463,"children":2464},{"style":299},[2465],{"type":161,"value":302},{"type":151,"tag":280,"props":2467,"children":2468},{"style":287},[2469],{"type":161,"value":307},{"type":151,"tag":280,"props":2471,"children":2472},{"style":287},[2473],{"type":161,"value":312},{"type":151,"tag":280,"props":2475,"children":2476},{"style":315},[2477],{"type":161,"value":1110},{"type":151,"tag":280,"props":2479,"children":2480},{"style":287},[2481],{"type":161,"value":312},{"type":151,"tag":280,"props":2483,"children":2484},{"style":299},[2485],{"type":161,"value":1748},{"type":151,"tag":280,"props":2487,"children":2488},{"style":299},[2489],{"type":161,"value":2490}," :placeholder-class",{"type":151,"tag":280,"props":2492,"children":2493},{"style":287},[2494],{"type":161,"value":307},{"type":151,"tag":280,"props":2496,"children":2497},{"style":287},[2498],{"type":161,"value":312},{"type":151,"tag":280,"props":2500,"children":2501},{"style":315},[2502],{"type":161,"value":416},{"type":151,"tag":280,"props":2504,"children":2505},{"style":287},[2506],{"type":161,"value":312},{"type":151,"tag":280,"props":2508,"children":2509},{"style":287},[2510],{"type":161,"value":327},{"type":151,"tag":376,"props":2512,"children":2513},{},[2514,2526],{"type":151,"tag":152,"props":2515,"children":2516},{},[2517,2519,2524],{"type":161,"value":2518},"If you need to apply some CSS to only the ",{"type":151,"tag":1224,"props":2520,"children":2521},{},[2522],{"type":161,"value":2523},"loaded",{"type":161,"value":2525}," image you can do so with something like:",{"type":151,"tag":270,"props":2527,"children":2531},{"className":2528,"code":2529,"language":2530,"meta":139,"style":139},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","img:not(.my-placeholder-class) {\n  /* styles here */\n}\n","css",[2532],{"type":151,"tag":156,"props":2533,"children":2534},{"__ignoreMap":139},[2535,2572,2580],{"type":151,"tag":280,"props":2536,"children":2537},{"class":282,"line":283},[2538,2543,2548,2553,2558,2563,2567],{"type":151,"tag":280,"props":2539,"children":2541},{"style":2540},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2542],{"type":161,"value":259},{"type":151,"tag":280,"props":2544,"children":2545},{"style":287},[2546],{"type":161,"value":2547},":",{"type":151,"tag":280,"props":2549,"children":2550},{"style":299},[2551],{"type":161,"value":2552},"not",{"type":151,"tag":280,"props":2554,"children":2555},{"style":287},[2556],{"type":161,"value":2557},"(.",{"type":151,"tag":280,"props":2559,"children":2560},{"style":2540},[2561],{"type":161,"value":2562},"my-placeholder-class",{"type":151,"tag":280,"props":2564,"children":2565},{"style":287},[2566],{"type":161,"value":1187},{"type":151,"tag":280,"props":2568,"children":2569},{"style":287},[2570],{"type":161,"value":2571}," {\n",{"type":151,"tag":280,"props":2573,"children":2574},{"class":282,"line":598},[2575],{"type":151,"tag":280,"props":2576,"children":2577},{"style":775},[2578],{"type":161,"value":2579},"  /* styles here */\n",{"type":151,"tag":280,"props":2581,"children":2582},{"class":282,"line":625},[2583],{"type":151,"tag":280,"props":2584,"children":2585},{"style":287},[2586],{"type":161,"value":2587},"}\n",{"type":151,"tag":414,"props":2589,"children":2591},{"id":2590},"provider",[2592],{"type":151,"tag":156,"props":2593,"children":2595},{"className":2594},[],[2596],{"type":161,"value":2590},{"type":151,"tag":152,"props":2598,"children":2599},{},[2600,2602,2608,2610],{"type":161,"value":2601},"Use other provider instead of default ",{"type":151,"tag":385,"props":2603,"children":2605},{"href":2604},"/get-started/configuration#provider",[2606],{"type":161,"value":2607},"provider option",{"type":161,"value":2609}," specified in ",{"type":151,"tag":156,"props":2611,"children":2613},{"className":2612},[],[2614],{"type":161,"value":2615},"nuxt.config",{"type":151,"tag":152,"props":2617,"children":2618},{},[2619],{"type":151,"tag":491,"props":2620,"children":2621},{},[2622],{"type":161,"value":1425},{"type":151,"tag":2624,"props":2625,"children":2626},"code-group",{},[2627,2782],{"type":151,"tag":270,"props":2628,"children":2631},{"className":272,"code":2629,"filename":2630,"language":274,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg\n    provider=\"cloudinary\"\n    src=\"/remote/nuxt-org/blog/going-full-static/main.png\"\n    width=\"300\"\n    height=\"169\"\n  />\n\u003C/template>\n","index.vue",[2632],{"type":151,"tag":156,"props":2633,"children":2634},{"__ignoreMap":139},[2635,2650,2661,2686,2710,2735,2760,2767],{"type":151,"tag":280,"props":2636,"children":2637},{"class":282,"line":283},[2638,2642,2646],{"type":151,"tag":280,"props":2639,"children":2640},{"style":287},[2641],{"type":161,"value":290},{"type":151,"tag":280,"props":2643,"children":2644},{"style":293},[2645],{"type":161,"value":2145},{"type":151,"tag":280,"props":2647,"children":2648},{"style":287},[2649],{"type":161,"value":768},{"type":151,"tag":280,"props":2651,"children":2652},{"class":282,"line":598},[2653,2657],{"type":151,"tag":280,"props":2654,"children":2655},{"style":287},[2656],{"type":161,"value":787},{"type":151,"tag":280,"props":2658,"children":2659},{"style":293},[2660],{"type":161,"value":1444},{"type":151,"tag":280,"props":2662,"children":2663},{"class":282,"line":625},[2664,2669,2673,2677,2682],{"type":151,"tag":280,"props":2665,"children":2666},{"style":299},[2667],{"type":161,"value":2668},"    provider",{"type":151,"tag":280,"props":2670,"children":2671},{"style":287},[2672],{"type":161,"value":307},{"type":151,"tag":280,"props":2674,"children":2675},{"style":287},[2676],{"type":161,"value":312},{"type":151,"tag":280,"props":2678,"children":2679},{"style":315},[2680],{"type":161,"value":2681},"cloudinary",{"type":151,"tag":280,"props":2683,"children":2684},{"style":287},[2685],{"type":161,"value":622},{"type":151,"tag":280,"props":2687,"children":2688},{"class":282,"line":651},[2689,2693,2697,2701,2706],{"type":151,"tag":280,"props":2690,"children":2691},{"style":299},[2692],{"type":161,"value":948},{"type":151,"tag":280,"props":2694,"children":2695},{"style":287},[2696],{"type":161,"value":307},{"type":151,"tag":280,"props":2698,"children":2699},{"style":287},[2700],{"type":161,"value":312},{"type":151,"tag":280,"props":2702,"children":2703},{"style":315},[2704],{"type":161,"value":2705},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":151,"tag":280,"props":2707,"children":2708},{"style":287},[2709],{"type":161,"value":622},{"type":151,"tag":280,"props":2711,"children":2712},{"class":282,"line":682},[2713,2718,2722,2726,2731],{"type":151,"tag":280,"props":2714,"children":2715},{"style":299},[2716],{"type":161,"value":2717},"    width",{"type":151,"tag":280,"props":2719,"children":2720},{"style":287},[2721],{"type":161,"value":307},{"type":151,"tag":280,"props":2723,"children":2724},{"style":287},[2725],{"type":161,"value":312},{"type":151,"tag":280,"props":2727,"children":2728},{"style":315},[2729],{"type":161,"value":2730},"300",{"type":151,"tag":280,"props":2732,"children":2733},{"style":287},[2734],{"type":161,"value":622},{"type":151,"tag":280,"props":2736,"children":2737},{"class":282,"line":711},[2738,2743,2747,2751,2756],{"type":151,"tag":280,"props":2739,"children":2740},{"style":299},[2741],{"type":161,"value":2742},"    height",{"type":151,"tag":280,"props":2744,"children":2745},{"style":287},[2746],{"type":161,"value":307},{"type":151,"tag":280,"props":2748,"children":2749},{"style":287},[2750],{"type":161,"value":312},{"type":151,"tag":280,"props":2752,"children":2753},{"style":315},[2754],{"type":161,"value":2755},"169",{"type":151,"tag":280,"props":2757,"children":2758},{"style":287},[2759],{"type":161,"value":622},{"type":151,"tag":280,"props":2761,"children":2762},{"class":282,"line":736},[2763],{"type":151,"tag":280,"props":2764,"children":2765},{"style":287},[2766],{"type":161,"value":891},{"type":151,"tag":280,"props":2768,"children":2769},{"class":282,"line":762},[2770,2774,2778],{"type":151,"tag":280,"props":2771,"children":2772},{"style":287},[2773],{"type":161,"value":1016},{"type":151,"tag":280,"props":2775,"children":2776},{"style":293},[2777],{"type":161,"value":2145},{"type":151,"tag":280,"props":2779,"children":2780},{"style":287},[2781],{"type":161,"value":768},{"type":151,"tag":270,"props":2783,"children":2788},{"className":2784,"code":2785,"filename":2786,"language":2787,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    cloudinary: {\n      baseURL: 'https://res.cloudinary.com/nuxt/image/upload/',\n    },\n  },\n})\n","nuxt.config.ts","ts",[2789],{"type":151,"tag":156,"props":2790,"children":2791},{"__ignoreMap":139},[2792,2820,2836,2852,2883,2891,2899],{"type":151,"tag":280,"props":2793,"children":2794},{"class":282,"line":283},[2795,2801,2806,2811,2815],{"type":151,"tag":280,"props":2796,"children":2798},{"style":2797},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[2799],{"type":161,"value":2800},"export",{"type":151,"tag":280,"props":2802,"children":2803},{"style":2797},[2804],{"type":161,"value":2805}," default",{"type":151,"tag":280,"props":2807,"children":2808},{"style":2103},[2809],{"type":161,"value":2810}," defineNuxtConfig",{"type":151,"tag":280,"props":2812,"children":2813},{"style":2093},[2814],{"type":161,"value":2186},{"type":151,"tag":280,"props":2816,"children":2817},{"style":287},[2818],{"type":161,"value":2819},"{\n",{"type":151,"tag":280,"props":2821,"children":2822},{"class":282,"line":598},[2823,2828,2832],{"type":151,"tag":280,"props":2824,"children":2825},{"style":293},[2826],{"type":161,"value":2827},"  image",{"type":151,"tag":280,"props":2829,"children":2830},{"style":287},[2831],{"type":161,"value":2547},{"type":151,"tag":280,"props":2833,"children":2834},{"style":287},[2835],{"type":161,"value":2571},{"type":151,"tag":280,"props":2837,"children":2838},{"class":282,"line":625},[2839,2844,2848],{"type":151,"tag":280,"props":2840,"children":2841},{"style":293},[2842],{"type":161,"value":2843},"    cloudinary",{"type":151,"tag":280,"props":2845,"children":2846},{"style":287},[2847],{"type":161,"value":2547},{"type":151,"tag":280,"props":2849,"children":2850},{"style":287},[2851],{"type":161,"value":2571},{"type":151,"tag":280,"props":2853,"children":2854},{"class":282,"line":651},[2855,2860,2864,2869,2874,2878],{"type":151,"tag":280,"props":2856,"children":2857},{"style":293},[2858],{"type":161,"value":2859},"      baseURL",{"type":151,"tag":280,"props":2861,"children":2862},{"style":287},[2863],{"type":161,"value":2547},{"type":151,"tag":280,"props":2865,"children":2866},{"style":287},[2867],{"type":161,"value":2868}," '",{"type":151,"tag":280,"props":2870,"children":2871},{"style":315},[2872],{"type":161,"value":2873},"https://res.cloudinary.com/nuxt/image/upload/",{"type":151,"tag":280,"props":2875,"children":2876},{"style":287},[2877],{"type":161,"value":2239},{"type":151,"tag":280,"props":2879,"children":2880},{"style":287},[2881],{"type":161,"value":2882},",\n",{"type":151,"tag":280,"props":2884,"children":2885},{"class":282,"line":682},[2886],{"type":151,"tag":280,"props":2887,"children":2888},{"style":287},[2889],{"type":161,"value":2890},"    },\n",{"type":151,"tag":280,"props":2892,"children":2893},{"class":282,"line":711},[2894],{"type":151,"tag":280,"props":2895,"children":2896},{"style":287},[2897],{"type":161,"value":2898},"  },\n",{"type":151,"tag":280,"props":2900,"children":2901},{"class":282,"line":736},[2902,2907],{"type":151,"tag":280,"props":2903,"children":2904},{"style":287},[2905],{"type":161,"value":2906},"}",{"type":151,"tag":280,"props":2908,"children":2909},{"style":2093},[2910],{"type":161,"value":2911},")\n",{"type":151,"tag":414,"props":2913,"children":2915},{"id":2914},"preset",[2916],{"type":151,"tag":156,"props":2917,"children":2919},{"className":2918},[],[2920],{"type":161,"value":2914},{"type":151,"tag":152,"props":2922,"children":2923},{},[2924],{"type":161,"value":2925},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":151,"tag":376,"props":2927,"children":2928},{},[2929],{"type":151,"tag":152,"props":2930,"children":2931},{},[2932,2934,2940,2942],{"type":161,"value":2933},"We can define presets using ",{"type":151,"tag":385,"props":2935,"children":2937},{"href":2936},"/get-started/configuration#presets",[2938],{"type":161,"value":2939},"presets options",{"type":161,"value":2941}," in ",{"type":151,"tag":156,"props":2943,"children":2945},{"className":2944},[],[2946],{"type":161,"value":2615},{"type":151,"tag":2624,"props":2948,"children":2949},{},[2950,3044],{"type":151,"tag":270,"props":2951,"children":2953},{"className":272,"code":2952,"filename":2630,"language":274,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[2954],{"type":151,"tag":156,"props":2955,"children":2956},{"__ignoreMap":139},[2957,2972,3029],{"type":151,"tag":280,"props":2958,"children":2959},{"class":282,"line":283},[2960,2964,2968],{"type":151,"tag":280,"props":2961,"children":2962},{"style":287},[2963],{"type":161,"value":290},{"type":151,"tag":280,"props":2965,"children":2966},{"style":293},[2967],{"type":161,"value":2145},{"type":151,"tag":280,"props":2969,"children":2970},{"style":287},[2971],{"type":161,"value":768},{"type":151,"tag":280,"props":2973,"children":2974},{"class":282,"line":598},[2975,2979,2983,2988,2992,2996,3001,3005,3009,3013,3017,3021,3025],{"type":151,"tag":280,"props":2976,"children":2977},{"style":287},[2978],{"type":161,"value":787},{"type":151,"tag":280,"props":2980,"children":2981},{"style":293},[2982],{"type":161,"value":296},{"type":151,"tag":280,"props":2984,"children":2985},{"style":299},[2986],{"type":161,"value":2987}," preset",{"type":151,"tag":280,"props":2989,"children":2990},{"style":287},[2991],{"type":161,"value":307},{"type":151,"tag":280,"props":2993,"children":2994},{"style":287},[2995],{"type":161,"value":312},{"type":151,"tag":280,"props":2997,"children":2998},{"style":315},[2999],{"type":161,"value":3000},"cover",{"type":151,"tag":280,"props":3002,"children":3003},{"style":287},[3004],{"type":161,"value":312},{"type":151,"tag":280,"props":3006,"children":3007},{"style":299},[3008],{"type":161,"value":302},{"type":151,"tag":280,"props":3010,"children":3011},{"style":287},[3012],{"type":161,"value":307},{"type":151,"tag":280,"props":3014,"children":3015},{"style":287},[3016],{"type":161,"value":312},{"type":151,"tag":280,"props":3018,"children":3019},{"style":315},[3020],{"type":161,"value":318},{"type":151,"tag":280,"props":3022,"children":3023},{"style":287},[3024],{"type":161,"value":312},{"type":151,"tag":280,"props":3026,"children":3027},{"style":287},[3028],{"type":161,"value":327},{"type":151,"tag":280,"props":3030,"children":3031},{"class":282,"line":625},[3032,3036,3040],{"type":151,"tag":280,"props":3033,"children":3034},{"style":287},[3035],{"type":161,"value":1016},{"type":151,"tag":280,"props":3037,"children":3038},{"style":293},[3039],{"type":161,"value":2145},{"type":151,"tag":280,"props":3041,"children":3042},{"style":287},[3043],{"type":161,"value":768},{"type":151,"tag":270,"props":3045,"children":3047},{"className":2784,"code":3046,"filename":2786,"language":2787,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    presets: {\n      cover: {\n        modifiers: {\n          fit: 'cover',\n          format: 'jpg',\n          width: 300,\n          height: 300,\n        },\n      },\n    },\n  },\n})\n",[3048],{"type":151,"tag":156,"props":3049,"children":3050},{"__ignoreMap":139},[3051,3074,3089,3105,3121,3137,3165,3194,3215,3235,3243,3251,3258,3265],{"type":151,"tag":280,"props":3052,"children":3053},{"class":282,"line":283},[3054,3058,3062,3066,3070],{"type":151,"tag":280,"props":3055,"children":3056},{"style":2797},[3057],{"type":161,"value":2800},{"type":151,"tag":280,"props":3059,"children":3060},{"style":2797},[3061],{"type":161,"value":2805},{"type":151,"tag":280,"props":3063,"children":3064},{"style":2103},[3065],{"type":161,"value":2810},{"type":151,"tag":280,"props":3067,"children":3068},{"style":2093},[3069],{"type":161,"value":2186},{"type":151,"tag":280,"props":3071,"children":3072},{"style":287},[3073],{"type":161,"value":2819},{"type":151,"tag":280,"props":3075,"children":3076},{"class":282,"line":598},[3077,3081,3085],{"type":151,"tag":280,"props":3078,"children":3079},{"style":293},[3080],{"type":161,"value":2827},{"type":151,"tag":280,"props":3082,"children":3083},{"style":287},[3084],{"type":161,"value":2547},{"type":151,"tag":280,"props":3086,"children":3087},{"style":287},[3088],{"type":161,"value":2571},{"type":151,"tag":280,"props":3090,"children":3091},{"class":282,"line":625},[3092,3097,3101],{"type":151,"tag":280,"props":3093,"children":3094},{"style":293},[3095],{"type":161,"value":3096},"    presets",{"type":151,"tag":280,"props":3098,"children":3099},{"style":287},[3100],{"type":161,"value":2547},{"type":151,"tag":280,"props":3102,"children":3103},{"style":287},[3104],{"type":161,"value":2571},{"type":151,"tag":280,"props":3106,"children":3107},{"class":282,"line":651},[3108,3113,3117],{"type":151,"tag":280,"props":3109,"children":3110},{"style":293},[3111],{"type":161,"value":3112},"      cover",{"type":151,"tag":280,"props":3114,"children":3115},{"style":287},[3116],{"type":161,"value":2547},{"type":151,"tag":280,"props":3118,"children":3119},{"style":287},[3120],{"type":161,"value":2571},{"type":151,"tag":280,"props":3122,"children":3123},{"class":282,"line":682},[3124,3129,3133],{"type":151,"tag":280,"props":3125,"children":3126},{"style":293},[3127],{"type":161,"value":3128},"        modifiers",{"type":151,"tag":280,"props":3130,"children":3131},{"style":287},[3132],{"type":161,"value":2547},{"type":151,"tag":280,"props":3134,"children":3135},{"style":287},[3136],{"type":161,"value":2571},{"type":151,"tag":280,"props":3138,"children":3139},{"class":282,"line":711},[3140,3145,3149,3153,3157,3161],{"type":151,"tag":280,"props":3141,"children":3142},{"style":293},[3143],{"type":161,"value":3144},"          fit",{"type":151,"tag":280,"props":3146,"children":3147},{"style":287},[3148],{"type":161,"value":2547},{"type":151,"tag":280,"props":3150,"children":3151},{"style":287},[3152],{"type":161,"value":2868},{"type":151,"tag":280,"props":3154,"children":3155},{"style":315},[3156],{"type":161,"value":3000},{"type":151,"tag":280,"props":3158,"children":3159},{"style":287},[3160],{"type":161,"value":2239},{"type":151,"tag":280,"props":3162,"children":3163},{"style":287},[3164],{"type":161,"value":2882},{"type":151,"tag":280,"props":3166,"children":3167},{"class":282,"line":736},[3168,3173,3177,3181,3186,3190],{"type":151,"tag":280,"props":3169,"children":3170},{"style":293},[3171],{"type":161,"value":3172},"          format",{"type":151,"tag":280,"props":3174,"children":3175},{"style":287},[3176],{"type":161,"value":2547},{"type":151,"tag":280,"props":3178,"children":3179},{"style":287},[3180],{"type":161,"value":2868},{"type":151,"tag":280,"props":3182,"children":3183},{"style":315},[3184],{"type":161,"value":3185},"jpg",{"type":151,"tag":280,"props":3187,"children":3188},{"style":287},[3189],{"type":161,"value":2239},{"type":151,"tag":280,"props":3191,"children":3192},{"style":287},[3193],{"type":161,"value":2882},{"type":151,"tag":280,"props":3195,"children":3196},{"class":282,"line":762},[3197,3202,3206,3211],{"type":151,"tag":280,"props":3198,"children":3199},{"style":293},[3200],{"type":161,"value":3201},"          width",{"type":151,"tag":280,"props":3203,"children":3204},{"style":287},[3205],{"type":161,"value":2547},{"type":151,"tag":280,"props":3207,"children":3208},{"style":2218},[3209],{"type":161,"value":3210}," 300",{"type":151,"tag":280,"props":3212,"children":3213},{"style":287},[3214],{"type":161,"value":2882},{"type":151,"tag":280,"props":3216,"children":3217},{"class":282,"line":771},[3218,3223,3227,3231],{"type":151,"tag":280,"props":3219,"children":3220},{"style":293},[3221],{"type":161,"value":3222},"          height",{"type":151,"tag":280,"props":3224,"children":3225},{"style":287},[3226],{"type":161,"value":2547},{"type":151,"tag":280,"props":3228,"children":3229},{"style":2218},[3230],{"type":161,"value":3210},{"type":151,"tag":280,"props":3232,"children":3233},{"style":287},[3234],{"type":161,"value":2882},{"type":151,"tag":280,"props":3236,"children":3237},{"class":282,"line":781},[3238],{"type":151,"tag":280,"props":3239,"children":3240},{"style":287},[3241],{"type":161,"value":3242},"        },\n",{"type":151,"tag":280,"props":3244,"children":3245},{"class":282,"line":798},[3246],{"type":151,"tag":280,"props":3247,"children":3248},{"style":287},[3249],{"type":161,"value":3250},"      },\n",{"type":151,"tag":280,"props":3252,"children":3253},{"class":282,"line":827},[3254],{"type":151,"tag":280,"props":3255,"children":3256},{"style":287},[3257],{"type":161,"value":2890},{"type":151,"tag":280,"props":3259,"children":3260},{"class":282,"line":856},[3261],{"type":151,"tag":280,"props":3262,"children":3263},{"style":287},[3264],{"type":161,"value":2898},{"type":151,"tag":280,"props":3266,"children":3267},{"class":282,"line":885},[3268,3272],{"type":151,"tag":280,"props":3269,"children":3270},{"style":287},[3271],{"type":161,"value":2906},{"type":151,"tag":280,"props":3273,"children":3274},{"style":2093},[3275],{"type":161,"value":2911},{"type":151,"tag":414,"props":3277,"children":3279},{"id":3278},"format",[3280],{"type":151,"tag":156,"props":3281,"children":3283},{"className":3282},[],[3284],{"type":161,"value":3278},{"type":151,"tag":152,"props":3286,"children":3287},{},[3288],{"type":161,"value":3289},"In case you want to serve images in a specific format, use this prop.",{"type":151,"tag":270,"props":3291,"children":3293},{"className":272,"code":3292,"language":274,"meta":139,"style":139},"\u003CNuxtImg format=\"webp\" src=\"/nuxt-icon.png\" ... />\n",[3294],{"type":151,"tag":156,"props":3295,"children":3296},{"__ignoreMap":139},[3297],{"type":151,"tag":280,"props":3298,"children":3299},{"class":282,"line":283},[3300,3304,3308,3313,3317,3321,3326,3330,3334,3338,3342,3346,3350,3355],{"type":151,"tag":280,"props":3301,"children":3302},{"style":287},[3303],{"type":161,"value":290},{"type":151,"tag":280,"props":3305,"children":3306},{"style":293},[3307],{"type":161,"value":296},{"type":151,"tag":280,"props":3309,"children":3310},{"style":299},[3311],{"type":161,"value":3312}," format",{"type":151,"tag":280,"props":3314,"children":3315},{"style":287},[3316],{"type":161,"value":307},{"type":151,"tag":280,"props":3318,"children":3319},{"style":287},[3320],{"type":161,"value":312},{"type":151,"tag":280,"props":3322,"children":3323},{"style":315},[3324],{"type":161,"value":3325},"webp",{"type":151,"tag":280,"props":3327,"children":3328},{"style":287},[3329],{"type":161,"value":312},{"type":151,"tag":280,"props":3331,"children":3332},{"style":299},[3333],{"type":161,"value":302},{"type":151,"tag":280,"props":3335,"children":3336},{"style":287},[3337],{"type":161,"value":307},{"type":151,"tag":280,"props":3339,"children":3340},{"style":287},[3341],{"type":161,"value":312},{"type":151,"tag":280,"props":3343,"children":3344},{"style":315},[3345],{"type":161,"value":318},{"type":151,"tag":280,"props":3347,"children":3348},{"style":287},[3349],{"type":161,"value":312},{"type":151,"tag":280,"props":3351,"children":3352},{"style":299},[3353],{"type":161,"value":3354}," ...",{"type":151,"tag":280,"props":3356,"children":3357},{"style":287},[3358],{"type":161,"value":327},{"type":151,"tag":152,"props":3360,"children":3361},{},[3362,3364,3369,3370,3376,3377,3383,3384,3389,3390,3395,3396,3402,3403,3409],{"type":161,"value":3363},"Available formats are ",{"type":151,"tag":156,"props":3365,"children":3367},{"className":3366},[],[3368],{"type":161,"value":3325},{"type":161,"value":516},{"type":151,"tag":156,"props":3371,"children":3373},{"className":3372},[],[3374],{"type":161,"value":3375},"avif",{"type":161,"value":516},{"type":151,"tag":156,"props":3378,"children":3380},{"className":3379},[],[3381],{"type":161,"value":3382},"jpeg",{"type":161,"value":516},{"type":151,"tag":156,"props":3385,"children":3387},{"className":3386},[],[3388],{"type":161,"value":3185},{"type":161,"value":516},{"type":151,"tag":156,"props":3391,"children":3393},{"className":3392},[],[3394],{"type":161,"value":2244},{"type":161,"value":516},{"type":151,"tag":156,"props":3397,"children":3399},{"className":3398},[],[3400],{"type":161,"value":3401},"gif",{"type":161,"value":207},{"type":151,"tag":156,"props":3404,"children":3406},{"className":3405},[],[3407],{"type":161,"value":3408},"svg",{"type":161,"value":3410},". If the format is not specified, it will respect the default image format.",{"type":151,"tag":414,"props":3412,"children":3414},{"id":3413},"quality",[3415],{"type":151,"tag":156,"props":3416,"children":3418},{"className":3417},[],[3419],{"type":161,"value":3413},{"type":151,"tag":152,"props":3421,"children":3422},{},[3423],{"type":161,"value":3424},"The quality for the generated image(s).",{"type":151,"tag":270,"props":3426,"children":3428},{"className":272,"code":3427,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.jpg\" quality=\"80\" width=\"200\" height=\"100\" />\n",[3429],{"type":151,"tag":156,"props":3430,"children":3431},{"__ignoreMap":139},[3432],{"type":151,"tag":280,"props":3433,"children":3434},{"class":282,"line":283},[3435,3439,3443,3447,3451,3455,3460,3464,3469,3473,3477,3482,3486,3491,3495,3499,3504,3508,3513,3517,3521,3526,3530],{"type":151,"tag":280,"props":3436,"children":3437},{"style":287},[3438],{"type":161,"value":290},{"type":151,"tag":280,"props":3440,"children":3441},{"style":293},[3442],{"type":161,"value":296},{"type":151,"tag":280,"props":3444,"children":3445},{"style":299},[3446],{"type":161,"value":302},{"type":151,"tag":280,"props":3448,"children":3449},{"style":287},[3450],{"type":161,"value":307},{"type":151,"tag":280,"props":3452,"children":3453},{"style":287},[3454],{"type":161,"value":312},{"type":151,"tag":280,"props":3456,"children":3457},{"style":315},[3458],{"type":161,"value":3459},"/nuxt.jpg",{"type":151,"tag":280,"props":3461,"children":3462},{"style":287},[3463],{"type":161,"value":312},{"type":151,"tag":280,"props":3465,"children":3466},{"style":299},[3467],{"type":161,"value":3468}," quality",{"type":151,"tag":280,"props":3470,"children":3471},{"style":287},[3472],{"type":161,"value":307},{"type":151,"tag":280,"props":3474,"children":3475},{"style":287},[3476],{"type":161,"value":312},{"type":151,"tag":280,"props":3478,"children":3479},{"style":315},[3480],{"type":161,"value":3481},"80",{"type":151,"tag":280,"props":3483,"children":3484},{"style":287},[3485],{"type":161,"value":312},{"type":151,"tag":280,"props":3487,"children":3488},{"style":299},[3489],{"type":161,"value":3490}," width",{"type":151,"tag":280,"props":3492,"children":3493},{"style":287},[3494],{"type":161,"value":307},{"type":151,"tag":280,"props":3496,"children":3497},{"style":287},[3498],{"type":161,"value":312},{"type":151,"tag":280,"props":3500,"children":3501},{"style":315},[3502],{"type":161,"value":3503},"200",{"type":151,"tag":280,"props":3505,"children":3506},{"style":287},[3507],{"type":161,"value":312},{"type":151,"tag":280,"props":3509,"children":3510},{"style":299},[3511],{"type":161,"value":3512}," height",{"type":151,"tag":280,"props":3514,"children":3515},{"style":287},[3516],{"type":161,"value":307},{"type":151,"tag":280,"props":3518,"children":3519},{"style":287},[3520],{"type":161,"value":312},{"type":151,"tag":280,"props":3522,"children":3523},{"style":315},[3524],{"type":161,"value":3525},"100",{"type":151,"tag":280,"props":3527,"children":3528},{"style":287},[3529],{"type":161,"value":312},{"type":151,"tag":280,"props":3531,"children":3532},{"style":287},[3533],{"type":161,"value":327},{"type":151,"tag":414,"props":3535,"children":3537},{"id":3536},"fit",[3538],{"type":151,"tag":156,"props":3539,"children":3541},{"className":3540},[],[3542],{"type":161,"value":3536},{"type":151,"tag":152,"props":3544,"children":3545},{},[3546,3547,3552],{"type":161,"value":427},{"type":151,"tag":156,"props":3548,"children":3550},{"className":3549},[],[3551],{"type":161,"value":3536},{"type":161,"value":3553}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":151,"tag":173,"props":3555,"children":3556},{},[3557,3567,3578,3589,3600],{"type":151,"tag":177,"props":3558,"children":3559},{},[3560,3565],{"type":151,"tag":156,"props":3561,"children":3563},{"className":3562},[],[3564],{"type":161,"value":3000},{"type":161,"value":3566},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":151,"tag":177,"props":3568,"children":3569},{},[3570,3576],{"type":151,"tag":156,"props":3571,"children":3573},{"className":3572},[],[3574],{"type":161,"value":3575},"contain",{"type":161,"value":3577},": Preserving aspect ratio, contain within both provided dimensions using \"letterboxing\" where necessary.",{"type":151,"tag":177,"props":3579,"children":3580},{},[3581,3587],{"type":151,"tag":156,"props":3582,"children":3584},{"className":3583},[],[3585],{"type":161,"value":3586},"fill",{"type":161,"value":3588},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":151,"tag":177,"props":3590,"children":3591},{},[3592,3598],{"type":151,"tag":156,"props":3593,"children":3595},{"className":3594},[],[3596],{"type":161,"value":3597},"inside",{"type":161,"value":3599},": Preserving aspect ratio, resize the image to be as large as possible while ensuring its dimensions are less than or equal to both those specified.",{"type":151,"tag":177,"props":3601,"children":3602},{},[3603,3609],{"type":151,"tag":156,"props":3604,"children":3606},{"className":3605},[],[3607],{"type":161,"value":3608},"outside",{"type":161,"value":3610},": Preserving aspect ratio, resize the image to be as small as possible while ensuring its dimensions are greater than or equal to both those specified.",{"type":151,"tag":270,"props":3612,"children":3614},{"className":272,"code":3613,"language":274,"meta":139,"style":139},"\u003CNuxtImg fit=\"cover\" src=\"/nuxt-icon.png\" width=\"200\" height=\"100\" />\n",[3615],{"type":151,"tag":156,"props":3616,"children":3617},{"__ignoreMap":139},[3618],{"type":151,"tag":280,"props":3619,"children":3620},{"class":282,"line":283},[3621,3625,3629,3634,3638,3642,3646,3650,3654,3658,3662,3666,3670,3674,3678,3682,3686,3690,3694,3698,3702,3706,3710],{"type":151,"tag":280,"props":3622,"children":3623},{"style":287},[3624],{"type":161,"value":290},{"type":151,"tag":280,"props":3626,"children":3627},{"style":293},[3628],{"type":161,"value":296},{"type":151,"tag":280,"props":3630,"children":3631},{"style":299},[3632],{"type":161,"value":3633}," fit",{"type":151,"tag":280,"props":3635,"children":3636},{"style":287},[3637],{"type":161,"value":307},{"type":151,"tag":280,"props":3639,"children":3640},{"style":287},[3641],{"type":161,"value":312},{"type":151,"tag":280,"props":3643,"children":3644},{"style":315},[3645],{"type":161,"value":3000},{"type":151,"tag":280,"props":3647,"children":3648},{"style":287},[3649],{"type":161,"value":312},{"type":151,"tag":280,"props":3651,"children":3652},{"style":299},[3653],{"type":161,"value":302},{"type":151,"tag":280,"props":3655,"children":3656},{"style":287},[3657],{"type":161,"value":307},{"type":151,"tag":280,"props":3659,"children":3660},{"style":287},[3661],{"type":161,"value":312},{"type":151,"tag":280,"props":3663,"children":3664},{"style":315},[3665],{"type":161,"value":318},{"type":151,"tag":280,"props":3667,"children":3668},{"style":287},[3669],{"type":161,"value":312},{"type":151,"tag":280,"props":3671,"children":3672},{"style":299},[3673],{"type":161,"value":3490},{"type":151,"tag":280,"props":3675,"children":3676},{"style":287},[3677],{"type":161,"value":307},{"type":151,"tag":280,"props":3679,"children":3680},{"style":287},[3681],{"type":161,"value":312},{"type":151,"tag":280,"props":3683,"children":3684},{"style":315},[3685],{"type":161,"value":3503},{"type":151,"tag":280,"props":3687,"children":3688},{"style":287},[3689],{"type":161,"value":312},{"type":151,"tag":280,"props":3691,"children":3692},{"style":299},[3693],{"type":161,"value":3512},{"type":151,"tag":280,"props":3695,"children":3696},{"style":287},[3697],{"type":161,"value":307},{"type":151,"tag":280,"props":3699,"children":3700},{"style":287},[3701],{"type":161,"value":312},{"type":151,"tag":280,"props":3703,"children":3704},{"style":315},[3705],{"type":161,"value":3525},{"type":151,"tag":280,"props":3707,"children":3708},{"style":287},[3709],{"type":161,"value":312},{"type":151,"tag":280,"props":3711,"children":3712},{"style":287},[3713],{"type":161,"value":327},{"type":151,"tag":376,"props":3715,"children":3716},{},[3717],{"type":151,"tag":152,"props":3718,"children":3719},{},[3720],{"type":161,"value":3721},"Some providers support other values.",{"type":151,"tag":414,"props":3723,"children":3725},{"id":3724},"modifiers",[3726],{"type":151,"tag":156,"props":3727,"children":3729},{"className":3728},[],[3730],{"type":161,"value":3724},{"type":151,"tag":152,"props":3732,"children":3733},{},[3734],{"type":161,"value":3735},"In addition to the standard modifiers, each provider might have its own additional modifiers. Because these modifiers depend on the provider, refer to its documentation to know what can be used.",{"type":151,"tag":152,"props":3737,"children":3738},{},[3739,3741,3746],{"type":161,"value":3740},"Using the ",{"type":151,"tag":156,"props":3742,"children":3744},{"className":3743},[],[3745],{"type":161,"value":3724},{"type":161,"value":3747}," prop lets you use any of these transformations.",{"type":151,"tag":152,"props":3749,"children":3750},{},[3751],{"type":151,"tag":491,"props":3752,"children":3753},{},[3754],{"type":161,"value":1425},{"type":151,"tag":270,"props":3756,"children":3758},{"className":272,"code":3757,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"cloudinary\"\n  src=\"/remote/nuxt-org/blog/going-full-static/main.png\"\n  width=\"300\"\n  height=\"169\"\n  :modifiers=\"{ roundCorner: '0:100' }\"\n/>\n",[3759],{"type":151,"tag":156,"props":3760,"children":3761},{"__ignoreMap":139},[3762,3773,3797,3820,3843,3866,3891],{"type":151,"tag":280,"props":3763,"children":3764},{"class":282,"line":283},[3765,3769],{"type":151,"tag":280,"props":3766,"children":3767},{"style":287},[3768],{"type":161,"value":290},{"type":151,"tag":280,"props":3770,"children":3771},{"style":293},[3772],{"type":161,"value":1444},{"type":151,"tag":280,"props":3774,"children":3775},{"class":282,"line":598},[3776,3781,3785,3789,3793],{"type":151,"tag":280,"props":3777,"children":3778},{"style":299},[3779],{"type":161,"value":3780},"  provider",{"type":151,"tag":280,"props":3782,"children":3783},{"style":287},[3784],{"type":161,"value":307},{"type":151,"tag":280,"props":3786,"children":3787},{"style":287},[3788],{"type":161,"value":312},{"type":151,"tag":280,"props":3790,"children":3791},{"style":315},[3792],{"type":161,"value":2681},{"type":151,"tag":280,"props":3794,"children":3795},{"style":287},[3796],{"type":161,"value":622},{"type":151,"tag":280,"props":3798,"children":3799},{"class":282,"line":625},[3800,3804,3808,3812,3816],{"type":151,"tag":280,"props":3801,"children":3802},{"style":299},[3803],{"type":161,"value":604},{"type":151,"tag":280,"props":3805,"children":3806},{"style":287},[3807],{"type":161,"value":307},{"type":151,"tag":280,"props":3809,"children":3810},{"style":287},[3811],{"type":161,"value":312},{"type":151,"tag":280,"props":3813,"children":3814},{"style":315},[3815],{"type":161,"value":2705},{"type":151,"tag":280,"props":3817,"children":3818},{"style":287},[3819],{"type":161,"value":622},{"type":151,"tag":280,"props":3821,"children":3822},{"class":282,"line":651},[3823,3827,3831,3835,3839],{"type":151,"tag":280,"props":3824,"children":3825},{"style":299},[3826],{"type":161,"value":657},{"type":151,"tag":280,"props":3828,"children":3829},{"style":287},[3830],{"type":161,"value":307},{"type":151,"tag":280,"props":3832,"children":3833},{"style":287},[3834],{"type":161,"value":312},{"type":151,"tag":280,"props":3836,"children":3837},{"style":315},[3838],{"type":161,"value":2730},{"type":151,"tag":280,"props":3840,"children":3841},{"style":287},[3842],{"type":161,"value":622},{"type":151,"tag":280,"props":3844,"children":3845},{"class":282,"line":682},[3846,3850,3854,3858,3862],{"type":151,"tag":280,"props":3847,"children":3848},{"style":299},[3849],{"type":161,"value":688},{"type":151,"tag":280,"props":3851,"children":3852},{"style":287},[3853],{"type":161,"value":307},{"type":151,"tag":280,"props":3855,"children":3856},{"style":287},[3857],{"type":161,"value":312},{"type":151,"tag":280,"props":3859,"children":3860},{"style":315},[3861],{"type":161,"value":2755},{"type":151,"tag":280,"props":3863,"children":3864},{"style":287},[3865],{"type":161,"value":622},{"type":151,"tag":280,"props":3867,"children":3868},{"class":282,"line":711},[3869,3874,3878,3882,3887],{"type":151,"tag":280,"props":3870,"children":3871},{"style":299},[3872],{"type":161,"value":3873},"  :modifiers",{"type":151,"tag":280,"props":3875,"children":3876},{"style":287},[3877],{"type":161,"value":307},{"type":151,"tag":280,"props":3879,"children":3880},{"style":287},[3881],{"type":161,"value":312},{"type":151,"tag":280,"props":3883,"children":3884},{"style":315},[3885],{"type":161,"value":3886},"{ roundCorner: '0:100' }",{"type":151,"tag":280,"props":3888,"children":3889},{"style":287},[3890],{"type":161,"value":622},{"type":151,"tag":280,"props":3892,"children":3893},{"class":282,"line":736},[3894],{"type":151,"tag":280,"props":3895,"children":3896},{"style":287},[3897],{"type":161,"value":1501},{"type":151,"tag":414,"props":3899,"children":3901},{"id":3900},"preload",[3902],{"type":151,"tag":156,"props":3903,"children":3905},{"className":3904},[],[3906],{"type":161,"value":3900},{"type":151,"tag":152,"props":3908,"children":3909},{},[3910,3912,3918],{"type":161,"value":3911},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":151,"tag":156,"props":3913,"children":3915},{"className":3914},[],[3916],{"type":161,"value":3917},"link",{"type":161,"value":3919}," tag in the page's head.",{"type":151,"tag":270,"props":3921,"children":3923},{"className":272,"code":3922,"language":274,"meta":139,"style":139},"\u003CNuxtImg preload src=\"/nuxt-icon.png\" />\n",[3924],{"type":151,"tag":156,"props":3925,"children":3926},{"__ignoreMap":139},[3927],{"type":151,"tag":280,"props":3928,"children":3929},{"class":282,"line":283},[3930,3934,3938,3943,3947,3951,3955,3959,3963],{"type":151,"tag":280,"props":3931,"children":3932},{"style":287},[3933],{"type":161,"value":290},{"type":151,"tag":280,"props":3935,"children":3936},{"style":293},[3937],{"type":161,"value":296},{"type":151,"tag":280,"props":3939,"children":3940},{"style":299},[3941],{"type":161,"value":3942}," preload",{"type":151,"tag":280,"props":3944,"children":3945},{"style":299},[3946],{"type":161,"value":302},{"type":151,"tag":280,"props":3948,"children":3949},{"style":287},[3950],{"type":161,"value":307},{"type":151,"tag":280,"props":3952,"children":3953},{"style":287},[3954],{"type":161,"value":312},{"type":151,"tag":280,"props":3956,"children":3957},{"style":315},[3958],{"type":161,"value":318},{"type":151,"tag":280,"props":3960,"children":3961},{"style":287},[3962],{"type":161,"value":312},{"type":151,"tag":280,"props":3964,"children":3965},{"style":287},[3966],{"type":161,"value":327},{"type":151,"tag":414,"props":3968,"children":3970},{"id":3969},"loading",[3971],{"type":151,"tag":156,"props":3972,"children":3974},{"className":3973},[],[3975],{"type":161,"value":3969},{"type":151,"tag":152,"props":3977,"children":3978},{},[3979,3981,3987,3989,3996],{"type":161,"value":3980},"This is a ",{"type":151,"tag":385,"props":3982,"children":3985},{"href":3983,"rel":3984},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[1212],[3986],{"type":161,"value":1215},{"type":161,"value":3988}," attribute that provides a hint\nto the browser on how to handle the loading of an image which is outside the viewport.\nIt is ",{"type":151,"tag":385,"props":3990,"children":3993},{"href":3991,"rel":3992},"https://caniuse.com/loading-lazy-attr",[1212],[3994],{"type":161,"value":3995},"supported",{"type":161,"value":3997}," by the latest version of all major browsers since March 2022.",{"type":151,"tag":152,"props":3999,"children":4000},{},[4001,4003,4009],{"type":161,"value":4002},"Set ",{"type":151,"tag":156,"props":4004,"children":4006},{"className":4005},[],[4007],{"type":161,"value":4008},"loading=\"lazy\"",{"type":161,"value":4010}," to defer loading of an image until it appears in the viewport.",{"type":151,"tag":270,"props":4012,"children":4014},{"className":272,"code":4013,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[4015],{"type":151,"tag":156,"props":4016,"children":4017},{"__ignoreMap":139},[4018],{"type":151,"tag":280,"props":4019,"children":4020},{"class":282,"line":283},[4021,4025,4029,4033,4037,4041,4045,4049,4054,4058,4062,4067,4071],{"type":151,"tag":280,"props":4022,"children":4023},{"style":287},[4024],{"type":161,"value":290},{"type":151,"tag":280,"props":4026,"children":4027},{"style":293},[4028],{"type":161,"value":296},{"type":151,"tag":280,"props":4030,"children":4031},{"style":299},[4032],{"type":161,"value":302},{"type":151,"tag":280,"props":4034,"children":4035},{"style":287},[4036],{"type":161,"value":307},{"type":151,"tag":280,"props":4038,"children":4039},{"style":287},[4040],{"type":161,"value":312},{"type":151,"tag":280,"props":4042,"children":4043},{"style":315},[4044],{"type":161,"value":318},{"type":151,"tag":280,"props":4046,"children":4047},{"style":287},[4048],{"type":161,"value":312},{"type":151,"tag":280,"props":4050,"children":4051},{"style":299},[4052],{"type":161,"value":4053}," loading",{"type":151,"tag":280,"props":4055,"children":4056},{"style":287},[4057],{"type":161,"value":307},{"type":151,"tag":280,"props":4059,"children":4060},{"style":287},[4061],{"type":161,"value":312},{"type":151,"tag":280,"props":4063,"children":4064},{"style":315},[4065],{"type":161,"value":4066},"lazy",{"type":151,"tag":280,"props":4068,"children":4069},{"style":287},[4070],{"type":161,"value":312},{"type":151,"tag":280,"props":4072,"children":4073},{"style":287},[4074],{"type":161,"value":327},{"type":151,"tag":414,"props":4076,"children":4078},{"id":4077},"nonce",[4079],{"type":151,"tag":156,"props":4080,"children":4082},{"className":4081},[],[4083],{"type":161,"value":4077},{"type":151,"tag":152,"props":4085,"children":4086},{},[4087,4088,4094,4096,4102,4104,4109],{"type":161,"value":3980},{"type":151,"tag":385,"props":4089,"children":4092},{"href":4090,"rel":4091},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[1212],[4093],{"type":161,"value":1215},{"type":161,"value":4095}," global attribute that defines a cryptographic nonce (number used once) that can be used by Content Security Policy to determine whether or not a given fetch will be allowed to proceed for a given element.\nProviding a nonce allows you to avoid using the CSP ",{"type":151,"tag":156,"props":4097,"children":4099},{"className":4098},[],[4100],{"type":161,"value":4101},"unsafe-inline",{"type":161,"value":4103}," directive, which would allowlist ",{"type":151,"tag":1224,"props":4105,"children":4106},{},[4107],{"type":161,"value":4108},"all",{"type":161,"value":4110}," inline script or styles.",{"type":151,"tag":270,"props":4112,"children":4114},{"className":272,"code":4113,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" :nonce=\"nonce\" />\n\n\u003Cscript lang=\"ts\" setup>\n// useNonce is not provided by nuxt/image but might be\n// provided by another module, for example nuxt-security\nconst nonce = useNonce()\n\u003C/script>\n",[4115],{"type":151,"tag":156,"props":4116,"children":4117},{"__ignoreMap":139},[4118,4174,4181,4221,4229,4237,4262],{"type":151,"tag":280,"props":4119,"children":4120},{"class":282,"line":283},[4121,4125,4129,4133,4137,4141,4145,4149,4154,4158,4162,4166,4170],{"type":151,"tag":280,"props":4122,"children":4123},{"style":287},[4124],{"type":161,"value":290},{"type":151,"tag":280,"props":4126,"children":4127},{"style":293},[4128],{"type":161,"value":296},{"type":151,"tag":280,"props":4130,"children":4131},{"style":299},[4132],{"type":161,"value":302},{"type":151,"tag":280,"props":4134,"children":4135},{"style":287},[4136],{"type":161,"value":307},{"type":151,"tag":280,"props":4138,"children":4139},{"style":287},[4140],{"type":161,"value":312},{"type":151,"tag":280,"props":4142,"children":4143},{"style":315},[4144],{"type":161,"value":318},{"type":151,"tag":280,"props":4146,"children":4147},{"style":287},[4148],{"type":161,"value":312},{"type":151,"tag":280,"props":4150,"children":4151},{"style":299},[4152],{"type":161,"value":4153}," :nonce",{"type":151,"tag":280,"props":4155,"children":4156},{"style":287},[4157],{"type":161,"value":307},{"type":151,"tag":280,"props":4159,"children":4160},{"style":287},[4161],{"type":161,"value":312},{"type":151,"tag":280,"props":4163,"children":4164},{"style":315},[4165],{"type":161,"value":4077},{"type":151,"tag":280,"props":4167,"children":4168},{"style":287},[4169],{"type":161,"value":312},{"type":151,"tag":280,"props":4171,"children":4172},{"style":287},[4173],{"type":161,"value":327},{"type":151,"tag":280,"props":4175,"children":4176},{"class":282,"line":598},[4177],{"type":151,"tag":280,"props":4178,"children":4179},{"emptyLinePlaceholder":898},[4180],{"type":161,"value":901},{"type":151,"tag":280,"props":4182,"children":4183},{"class":282,"line":625},[4184,4188,4192,4197,4201,4205,4209,4213,4217],{"type":151,"tag":280,"props":4185,"children":4186},{"style":287},[4187],{"type":161,"value":290},{"type":151,"tag":280,"props":4189,"children":4190},{"style":293},[4191],{"type":161,"value":2073},{"type":151,"tag":280,"props":4193,"children":4194},{"style":299},[4195],{"type":161,"value":4196}," lang",{"type":151,"tag":280,"props":4198,"children":4199},{"style":287},[4200],{"type":161,"value":307},{"type":151,"tag":280,"props":4202,"children":4203},{"style":287},[4204],{"type":161,"value":312},{"type":151,"tag":280,"props":4206,"children":4207},{"style":315},[4208],{"type":161,"value":2787},{"type":151,"tag":280,"props":4210,"children":4211},{"style":287},[4212],{"type":161,"value":312},{"type":151,"tag":280,"props":4214,"children":4215},{"style":299},[4216],{"type":161,"value":2078},{"type":151,"tag":280,"props":4218,"children":4219},{"style":287},[4220],{"type":161,"value":768},{"type":151,"tag":280,"props":4222,"children":4223},{"class":282,"line":651},[4224],{"type":151,"tag":280,"props":4225,"children":4226},{"style":775},[4227],{"type":161,"value":4228},"// useNonce is not provided by nuxt/image but might be\n",{"type":151,"tag":280,"props":4230,"children":4231},{"class":282,"line":682},[4232],{"type":151,"tag":280,"props":4233,"children":4234},{"style":775},[4235],{"type":161,"value":4236},"// provided by another module, for example nuxt-security\n",{"type":151,"tag":280,"props":4238,"children":4239},{"class":282,"line":711},[4240,4244,4249,4253,4258],{"type":151,"tag":280,"props":4241,"children":4242},{"style":299},[4243],{"type":161,"value":2090},{"type":151,"tag":280,"props":4245,"children":4246},{"style":2093},[4247],{"type":161,"value":4248}," nonce ",{"type":151,"tag":280,"props":4250,"children":4251},{"style":287},[4252],{"type":161,"value":307},{"type":151,"tag":280,"props":4254,"children":4255},{"style":2103},[4256],{"type":161,"value":4257}," useNonce",{"type":151,"tag":280,"props":4259,"children":4260},{"style":2093},[4261],{"type":161,"value":2111},{"type":151,"tag":280,"props":4263,"children":4264},{"class":282,"line":736},[4265,4269,4273],{"type":151,"tag":280,"props":4266,"children":4267},{"style":287},[4268],{"type":161,"value":1016},{"type":151,"tag":280,"props":4270,"children":4271},{"style":293},[4272],{"type":161,"value":2073},{"type":151,"tag":280,"props":4274,"children":4275},{"style":287},[4276],{"type":161,"value":768},{"type":151,"tag":240,"props":4278,"children":4280},{"id":4279},"events",[4281],{"type":161,"value":4282},"Events",{"type":151,"tag":152,"props":4284,"children":4285},{},[4286,4288,4293,4295,4300,4301,4306],{"type":161,"value":4287},"Native events emitted by the ",{"type":151,"tag":156,"props":4289,"children":4291},{"className":4290},[],[4292],{"type":161,"value":169},{"type":161,"value":4294}," element contained by ",{"type":151,"tag":156,"props":4296,"children":4298},{"className":4297},[],[4299],{"type":161,"value":25},{"type":161,"value":207},{"type":151,"tag":156,"props":4302,"children":4304},{"className":4303},[],[4305],{"type":161,"value":28},{"type":161,"value":4307}," components are re-emitted and can be listened to.",{"type":151,"tag":152,"props":4309,"children":4310},{},[4311,4315,4317,4323,4325],{"type":151,"tag":491,"props":4312,"children":4313},{},[4314],{"type":161,"value":1425},{"type":161,"value":4316}," Listen to the native ",{"type":151,"tag":156,"props":4318,"children":4320},{"className":4319},[],[4321],{"type":161,"value":4322},"onLoad",{"type":161,"value":4324}," event from ",{"type":151,"tag":156,"props":4326,"children":4328},{"className":4327},[],[4329],{"type":161,"value":25},{"type":151,"tag":270,"props":4331,"children":4333},{"className":272,"code":4332,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/images/colors.jpg\"\n  width=\"500\"\n  height=\"500\"\n  @load=\"doSomethingOnLoad\"\n/>\n",[4334],{"type":151,"tag":156,"props":4335,"children":4336},{"__ignoreMap":139},[4337,4348,4372,4396,4419,4444],{"type":151,"tag":280,"props":4338,"children":4339},{"class":282,"line":283},[4340,4344],{"type":151,"tag":280,"props":4341,"children":4342},{"style":287},[4343],{"type":161,"value":290},{"type":151,"tag":280,"props":4345,"children":4346},{"style":293},[4347],{"type":161,"value":1444},{"type":151,"tag":280,"props":4349,"children":4350},{"class":282,"line":598},[4351,4355,4359,4363,4368],{"type":151,"tag":280,"props":4352,"children":4353},{"style":299},[4354],{"type":161,"value":604},{"type":151,"tag":280,"props":4356,"children":4357},{"style":287},[4358],{"type":161,"value":307},{"type":151,"tag":280,"props":4360,"children":4361},{"style":287},[4362],{"type":161,"value":312},{"type":151,"tag":280,"props":4364,"children":4365},{"style":315},[4366],{"type":161,"value":4367},"/images/colors.jpg",{"type":151,"tag":280,"props":4369,"children":4370},{"style":287},[4371],{"type":161,"value":622},{"type":151,"tag":280,"props":4373,"children":4374},{"class":282,"line":625},[4375,4379,4383,4387,4392],{"type":151,"tag":280,"props":4376,"children":4377},{"style":299},[4378],{"type":161,"value":657},{"type":151,"tag":280,"props":4380,"children":4381},{"style":287},[4382],{"type":161,"value":307},{"type":151,"tag":280,"props":4384,"children":4385},{"style":287},[4386],{"type":161,"value":312},{"type":151,"tag":280,"props":4388,"children":4389},{"style":315},[4390],{"type":161,"value":4391},"500",{"type":151,"tag":280,"props":4393,"children":4394},{"style":287},[4395],{"type":161,"value":622},{"type":151,"tag":280,"props":4397,"children":4398},{"class":282,"line":651},[4399,4403,4407,4411,4415],{"type":151,"tag":280,"props":4400,"children":4401},{"style":299},[4402],{"type":161,"value":688},{"type":151,"tag":280,"props":4404,"children":4405},{"style":287},[4406],{"type":161,"value":307},{"type":151,"tag":280,"props":4408,"children":4409},{"style":287},[4410],{"type":161,"value":312},{"type":151,"tag":280,"props":4412,"children":4413},{"style":315},[4414],{"type":161,"value":4391},{"type":151,"tag":280,"props":4416,"children":4417},{"style":287},[4418],{"type":161,"value":622},{"type":151,"tag":280,"props":4420,"children":4421},{"class":282,"line":682},[4422,4427,4431,4435,4440],{"type":151,"tag":280,"props":4423,"children":4424},{"style":299},[4425],{"type":161,"value":4426},"  @load",{"type":151,"tag":280,"props":4428,"children":4429},{"style":287},[4430],{"type":161,"value":307},{"type":151,"tag":280,"props":4432,"children":4433},{"style":287},[4434],{"type":161,"value":312},{"type":151,"tag":280,"props":4436,"children":4437},{"style":315},[4438],{"type":161,"value":4439},"doSomethingOnLoad",{"type":151,"tag":280,"props":4441,"children":4442},{"style":287},[4443],{"type":161,"value":622},{"type":151,"tag":280,"props":4445,"children":4446},{"class":282,"line":711},[4447],{"type":151,"tag":280,"props":4448,"children":4449},{"style":287},[4450],{"type":161,"value":1501},{"type":151,"tag":4452,"props":4453,"children":4454},"style",{},[4455],{"type":161,"value":4456},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":139,"searchDepth":598,"depth":598,"links":4458},[4459,4460,4480],{"id":137,"depth":598,"text":21},{"id":409,"depth":598,"text":412,"children":4461},[4462,4463,4464,4466,4467,4468,4469,4470,4471,4472,4473,4474,4475,4476,4477,4478,4479],{"id":416,"depth":625,"text":416},{"id":192,"depth":625,"text":192},{"id":1145,"depth":625,"text":4465},"width / height",{"id":514,"depth":625,"text":514},{"id":224,"depth":625,"text":224},{"id":1504,"depth":625,"text":1504},{"id":991,"depth":625,"text":991},{"id":2335,"depth":625,"text":2335},{"id":2590,"depth":625,"text":2590},{"id":2914,"depth":625,"text":2914},{"id":3278,"depth":625,"text":3278},{"id":3413,"depth":625,"text":3413},{"id":3536,"depth":625,"text":3536},{"id":3724,"depth":625,"text":3724},{"id":3900,"depth":625,"text":3900},{"id":3969,"depth":625,"text":3969},{"id":4077,"depth":625,"text":4077},{"id":4279,"depth":598,"text":4282},"markdown","content:2.usage:1.nuxt-img.md","content","2.usage/1.nuxt-img.md","2.usage/1.nuxt-img",[4487,4711],{"_path":19,"_dir":4488,"_draft":138,"_partial":138,"_locale":139,"title":18,"description":4489,"body":4490,"_type":4481,"_id":4708,"_source":4483,"_file":4709,"_stem":4710,"_extension":1415},"get-started","We can never thank you enough for your contributions.",{"type":148,"children":4491,"toc":4702},[4492,4509,4515,4567,4573,4648,4654],{"type":151,"tag":376,"props":4493,"children":4494},{},[4495],{"type":151,"tag":152,"props":4496,"children":4497},{},[4498,4500,4507],{"type":161,"value":4499},"It is highly recommended to read ",{"type":151,"tag":385,"props":4501,"children":4504},{"href":4502,"rel":4503},"https://nuxt.com/docs/community/contribution",[1212],[4505],{"type":161,"value":4506},"Nuxt contribution guide",{"type":161,"value":4508}," before making any contributions.",{"type":151,"tag":240,"props":4510,"children":4512},{"id":4511},"how-to-contribute",[4513],{"type":161,"value":4514},"How to contribute?",{"type":151,"tag":173,"props":4516,"children":4517},{},[4518,4532,4543,4554],{"type":151,"tag":177,"props":4519,"children":4520},{},[4521,4523,4530],{"type":161,"value":4522},"Clone ",{"type":151,"tag":385,"props":4524,"children":4527},{"href":4525,"rel":4526},"https://github.com/nuxt/image",[1212],[4528],{"type":161,"value":4529},"nuxt/image",{"type":161,"value":4531}," repository",{"type":151,"tag":177,"props":4533,"children":4534},{},[4535,4537],{"type":161,"value":4536},"Enable Corepack using ",{"type":151,"tag":156,"props":4538,"children":4540},{"className":4539},[],[4541],{"type":161,"value":4542},"corepack enable",{"type":151,"tag":177,"props":4544,"children":4545},{},[4546,4548],{"type":161,"value":4547},"Install dependencies using ",{"type":151,"tag":156,"props":4549,"children":4551},{"className":4550},[],[4552],{"type":161,"value":4553},"pnpm install",{"type":151,"tag":177,"props":4555,"children":4556},{},[4557,4559,4565],{"type":161,"value":4558},"Run ",{"type":151,"tag":156,"props":4560,"children":4562},{"className":4561},[],[4563],{"type":161,"value":4564},"pnpm dev:prepare",{"type":161,"value":4566}," to generate type stubs.",{"type":151,"tag":414,"props":4568,"children":4570},{"id":4569},"nuxt-image",[4571],{"type":161,"value":4572},"Nuxt Image",{"type":151,"tag":173,"props":4574,"children":4575},{},[4576,4597,4602,4624,4635],{"type":151,"tag":177,"props":4577,"children":4578},{},[4579,4580,4586,4588,4595],{"type":161,"value":1256},{"type":151,"tag":156,"props":4581,"children":4583},{"className":4582},[],[4584],{"type":161,"value":4585},"pnpm dev",{"type":161,"value":4587}," to start the ",{"type":151,"tag":385,"props":4589,"children":4592},{"href":4590,"rel":4591},"https://github.com/nuxt/image/tree/main/playground",[1212],[4593],{"type":161,"value":4594},"playground",{"type":161,"value":4596}," in development mode.",{"type":151,"tag":177,"props":4598,"children":4599},{},[4600],{"type":161,"value":4601},"Apply your changes",{"type":151,"tag":177,"props":4603,"children":4604},{},[4605,4607,4614,4616,4622],{"type":161,"value":4606},"Add tests into the ",{"type":151,"tag":385,"props":4608,"children":4611},{"href":4609,"rel":4610},"https://github.com/nuxt/image/tree/main/test",[1212],[4612],{"type":161,"value":4613},"test/",{"type":161,"value":4615}," directory and run ",{"type":151,"tag":156,"props":4617,"children":4619},{"className":4618},[],[4620],{"type":161,"value":4621},"pnpm test",{"type":161,"value":4623}," to make sure they pass.",{"type":151,"tag":177,"props":4625,"children":4626},{},[4627,4629],{"type":161,"value":4628},"Check the code style with ",{"type":151,"tag":156,"props":4630,"children":4632},{"className":4631},[],[4633],{"type":161,"value":4634},"pnpm lint",{"type":151,"tag":177,"props":4636,"children":4637},{},[4638,4640,4646],{"type":161,"value":4639},"Before creating a PR, make sure to run ",{"type":151,"tag":156,"props":4641,"children":4643},{"className":4642},[],[4644],{"type":161,"value":4645},"pnpm build",{"type":161,"value":4647}," and that no errors are reported.",{"type":151,"tag":414,"props":4649,"children":4651},{"id":4650},"documentation",[4652],{"type":161,"value":4653},"Documentation",{"type":151,"tag":173,"props":4655,"children":4656},{},[4657,4675,4688],{"type":151,"tag":177,"props":4658,"children":4659},{},[4660,4661,4667,4668,4674],{"type":161,"value":1256},{"type":151,"tag":156,"props":4662,"children":4664},{"className":4663},[],[4665],{"type":161,"value":4666},"pnpm docs:dev",{"type":161,"value":4587},{"type":151,"tag":385,"props":4669,"children":4672},{"href":4670,"rel":4671},"https://github.com/nuxt/image/tree/main/docs",[1212],[4673],{"type":161,"value":4650},{"type":161,"value":4596},{"type":151,"tag":177,"props":4676,"children":4677},{},[4678,4680,4686],{"type":161,"value":4679},"Open ",{"type":151,"tag":385,"props":4681,"children":4684},{"href":4682,"rel":4683},"http://localhost:3000",[1212],[4685],{"type":161,"value":4682},{"type":161,"value":4687}," to view it in the browser.",{"type":151,"tag":177,"props":4689,"children":4690},{},[4691,4693,4700],{"type":161,"value":4692},"Update the content of the documentation in the ",{"type":151,"tag":385,"props":4694,"children":4697},{"href":4695,"rel":4696},"https://github.com/nuxt/image/tree/main/docs/content",[1212],[4698],{"type":161,"value":4699},"docs/content/",{"type":161,"value":4701}," directory.",{"title":139,"searchDepth":598,"depth":598,"links":4703},[4704],{"id":4511,"depth":598,"text":4514,"children":4705},[4706,4707],{"id":4569,"depth":625,"text":4572},{"id":4650,"depth":625,"text":4653},"content:1.get-started:4.contributing.md","1.get-started/4.contributing.md","1.get-started/4.contributing",{"_path":29,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":28,"description":4712,"links":4713,"body":4716,"_type":4481,"_id":5134,"_source":4483,"_file":5135,"_stem":5136,"_extension":1415},"Discover how to use and configure the Nuxt Picture component.",[4714],{"label":143,"icon":144,"to":4715,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts",{"type":148,"children":4717,"toc":5127},[4718,4734,4763,4782,4819,4823,4840,4848,4853,4921,4961,4971,4976,5021,5030,5042,5049,5123],{"type":151,"tag":152,"props":4719,"children":4720},{},[4721,4726,4727,4733],{"type":151,"tag":156,"props":4722,"children":4724},{"className":4723},[],[4725],{"type":161,"value":28},{"type":161,"value":163},{"type":151,"tag":156,"props":4728,"children":4730},{"className":4729},[],[4731],{"type":161,"value":4732},"\u003Cpicture>",{"type":161,"value":171},{"type":151,"tag":152,"props":4735,"children":4736},{},[4737,4739,4744,4746,4754,4756,4761],{"type":161,"value":4738},"Usage of ",{"type":151,"tag":156,"props":4740,"children":4742},{"className":4741},[],[4743],{"type":161,"value":28},{"type":161,"value":4745}," is almost identical to ",{"type":151,"tag":385,"props":4747,"children":4748},{"href":1021},[4749],{"type":151,"tag":156,"props":4750,"children":4752},{"className":4751},[],[4753],{"type":161,"value":25},{"type":161,"value":4755}," but also allows serving modern formats like ",{"type":151,"tag":156,"props":4757,"children":4759},{"className":4758},[],[4760],{"type":161,"value":3325},{"type":161,"value":4762}," when possible.",{"type":151,"tag":152,"props":4764,"children":4765},{},[4766,4768,4780],{"type":161,"value":4767},"Learn more about the ",{"type":151,"tag":385,"props":4769,"children":4772},{"href":4770,"rel":4771},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[1212],[4773,4778],{"type":151,"tag":156,"props":4774,"children":4776},{"className":4775},[],[4777],{"type":161,"value":4732},{"type":161,"value":4779}," tag on MDN",{"type":161,"value":4781},".",{"type":151,"tag":376,"props":4783,"children":4786},{"color":4784,"icon":4785},"amber","i-heroicons-exclamation-triangle",[4787],{"type":151,"tag":152,"props":4788,"children":4789},{},[4790,4792,4802,4803,4808,4810,4817],{"type":161,"value":4791},"Unlike the native ",{"type":151,"tag":385,"props":4793,"children":4795},{"href":4770,"rel":4794},[1212],[4796,4801],{"type":151,"tag":156,"props":4797,"children":4799},{"className":4798},[],[4800],{"type":161,"value":4732},{"type":161,"value":1251},{"type":161,"value":516},{"type":151,"tag":156,"props":4804,"children":4806},{"className":4805},[],[4807],{"type":161,"value":28},{"type":161,"value":4809}," currently doesn't support using multiple image sources. See ",{"type":151,"tag":385,"props":4811,"children":4814},{"href":4812,"rel":4813},"https://github.com/nuxt/image/issues/309",[1212],[4815],{"type":161,"value":4816},"#309",{"type":161,"value":4818}," for more info.",{"type":151,"tag":240,"props":4820,"children":4821},{"id":409},[4822],{"type":161,"value":412},{"type":151,"tag":376,"props":4824,"children":4825},{},[4826],{"type":151,"tag":152,"props":4827,"children":4828},{},[4829,4831],{"type":161,"value":4830},"See props supported by",{"type":151,"tag":385,"props":4832,"children":4834},{"href":4833},"/usage/nuxt-img#props",[4835],{"type":151,"tag":156,"props":4836,"children":4838},{"className":4837},[],[4839],{"type":161,"value":25},{"type":151,"tag":414,"props":4841,"children":4842},{"id":3278},[4843],{"type":151,"tag":156,"props":4844,"children":4846},{"className":4845},[],[4847],{"type":161,"value":3278},{"type":151,"tag":152,"props":4849,"children":4850},{},[4851],{"type":161,"value":4852},"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":270,"props":4854,"children":4856},{"className":272,"code":4855,"language":274,"meta":139,"style":139},"\u003CNuxtPicture format=\"avif,webp\" src=\"/nuxt-icon.png\" ... />\n",[4857],{"type":151,"tag":156,"props":4858,"children":4859},{"__ignoreMap":139},[4860],{"type":151,"tag":280,"props":4861,"children":4862},{"class":282,"line":283},[4863,4867,4872,4876,4880,4884,4889,4893,4897,4901,4905,4909,4913,4917],{"type":151,"tag":280,"props":4864,"children":4865},{"style":287},[4866],{"type":161,"value":290},{"type":151,"tag":280,"props":4868,"children":4869},{"style":293},[4870],{"type":161,"value":4871},"NuxtPicture",{"type":151,"tag":280,"props":4873,"children":4874},{"style":299},[4875],{"type":161,"value":3312},{"type":151,"tag":280,"props":4877,"children":4878},{"style":287},[4879],{"type":161,"value":307},{"type":151,"tag":280,"props":4881,"children":4882},{"style":287},[4883],{"type":161,"value":312},{"type":151,"tag":280,"props":4885,"children":4886},{"style":315},[4887],{"type":161,"value":4888},"avif,webp",{"type":151,"tag":280,"props":4890,"children":4891},{"style":287},[4892],{"type":161,"value":312},{"type":151,"tag":280,"props":4894,"children":4895},{"style":299},[4896],{"type":161,"value":302},{"type":151,"tag":280,"props":4898,"children":4899},{"style":287},[4900],{"type":161,"value":307},{"type":151,"tag":280,"props":4902,"children":4903},{"style":287},[4904],{"type":161,"value":312},{"type":151,"tag":280,"props":4906,"children":4907},{"style":315},[4908],{"type":161,"value":318},{"type":151,"tag":280,"props":4910,"children":4911},{"style":287},[4912],{"type":161,"value":312},{"type":151,"tag":280,"props":4914,"children":4915},{"style":299},[4916],{"type":161,"value":3354},{"type":151,"tag":280,"props":4918,"children":4919},{"style":287},[4920],{"type":161,"value":327},{"type":151,"tag":152,"props":4922,"children":4923},{},[4924,4925,4930,4931,4936,4937,4942,4943,4948,4949,4954,4955,4960],{"type":161,"value":3363},{"type":151,"tag":156,"props":4926,"children":4928},{"className":4927},[],[4929],{"type":161,"value":3325},{"type":161,"value":516},{"type":151,"tag":156,"props":4932,"children":4934},{"className":4933},[],[4935],{"type":161,"value":3375},{"type":161,"value":516},{"type":151,"tag":156,"props":4938,"children":4940},{"className":4939},[],[4941],{"type":161,"value":3382},{"type":161,"value":516},{"type":151,"tag":156,"props":4944,"children":4946},{"className":4945},[],[4947],{"type":161,"value":3185},{"type":161,"value":516},{"type":151,"tag":156,"props":4950,"children":4952},{"className":4951},[],[4953],{"type":161,"value":2244},{"type":161,"value":207},{"type":151,"tag":156,"props":4956,"children":4958},{"className":4957},[],[4959],{"type":161,"value":3401},{"type":161,"value":3410},{"type":151,"tag":414,"props":4962,"children":4964},{"id":4963},"legacyformat",[4965],{"type":151,"tag":156,"props":4966,"children":4968},{"className":4967},[],[4969],{"type":161,"value":4970},"legacyFormat",{"type":151,"tag":152,"props":4972,"children":4973},{},[4974],{"type":161,"value":4975},"Format used for fallback. Default is conditional:",{"type":151,"tag":173,"props":4977,"children":4978},{},[4979,5010],{"type":151,"tag":177,"props":4980,"children":4981},{},[4982,4984,4989,4990,4995,4996,5001,5003,5008],{"type":161,"value":4983},"If original format supports transparency (",{"type":151,"tag":156,"props":4985,"children":4987},{"className":4986},[],[4988],{"type":161,"value":2244},{"type":161,"value":516},{"type":151,"tag":156,"props":4991,"children":4993},{"className":4992},[],[4994],{"type":161,"value":3325},{"type":161,"value":207},{"type":151,"tag":156,"props":4997,"children":4999},{"className":4998},[],[5000],{"type":161,"value":3401},{"type":161,"value":5002},"), ",{"type":151,"tag":156,"props":5004,"children":5006},{"className":5005},[],[5007],{"type":161,"value":2244},{"type":161,"value":5009}," is used for fallback",{"type":151,"tag":177,"props":5011,"children":5012},{},[5013,5015,5020],{"type":161,"value":5014},"Otherwise ",{"type":151,"tag":156,"props":5016,"children":5018},{"className":5017},[],[5019],{"type":161,"value":3382},{"type":161,"value":5009},{"type":151,"tag":414,"props":5022,"children":5024},{"id":5023},"imgattrs",[5025],{"type":151,"tag":156,"props":5026,"children":5028},{"className":5027},[],[5029],{"type":161,"value":499},{"type":151,"tag":152,"props":5031,"children":5032},{},[5033,5035,5040],{"type":161,"value":5034},"Allows you to set additional HTML-attributes on the ",{"type":151,"tag":156,"props":5036,"children":5038},{"className":5037},[],[5039],{"type":161,"value":259},{"type":161,"value":5041}," element.",{"type":151,"tag":152,"props":5043,"children":5044},{},[5045],{"type":151,"tag":491,"props":5046,"children":5047},{},[5048],{"type":161,"value":1425},{"type":151,"tag":270,"props":5050,"children":5052},{"className":272,"code":5051,"language":274,"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",[5053],{"type":151,"tag":156,"props":5054,"children":5055},{"__ignoreMap":139},[5056,5068,5091,5116],{"type":151,"tag":280,"props":5057,"children":5058},{"class":282,"line":283},[5059,5063],{"type":151,"tag":280,"props":5060,"children":5061},{"style":287},[5062],{"type":161,"value":290},{"type":151,"tag":280,"props":5064,"children":5065},{"style":293},[5066],{"type":161,"value":5067},"NuxtPicture\n",{"type":151,"tag":280,"props":5069,"children":5070},{"class":282,"line":598},[5071,5075,5079,5083,5087],{"type":151,"tag":280,"props":5072,"children":5073},{"style":299},[5074],{"type":161,"value":604},{"type":151,"tag":280,"props":5076,"children":5077},{"style":287},[5078],{"type":161,"value":307},{"type":151,"tag":280,"props":5080,"children":5081},{"style":287},[5082],{"type":161,"value":312},{"type":151,"tag":280,"props":5084,"children":5085},{"style":315},[5086],{"type":161,"value":318},{"type":151,"tag":280,"props":5088,"children":5089},{"style":287},[5090],{"type":161,"value":622},{"type":151,"tag":280,"props":5092,"children":5093},{"class":282,"line":625},[5094,5099,5103,5107,5112],{"type":151,"tag":280,"props":5095,"children":5096},{"style":299},[5097],{"type":161,"value":5098},"  :imgAttrs",{"type":151,"tag":280,"props":5100,"children":5101},{"style":287},[5102],{"type":161,"value":307},{"type":151,"tag":280,"props":5104,"children":5105},{"style":287},[5106],{"type":161,"value":312},{"type":151,"tag":280,"props":5108,"children":5109},{"style":315},[5110],{"type":161,"value":5111},"{id:'my-id', class:'my-class', style:'display:block', 'data-my-data': 'my-value'}",{"type":151,"tag":280,"props":5113,"children":5114},{"style":287},[5115],{"type":161,"value":622},{"type":151,"tag":280,"props":5117,"children":5118},{"class":282,"line":651},[5119],{"type":151,"tag":280,"props":5120,"children":5121},{"style":287},[5122],{"type":161,"value":1501},{"type":151,"tag":4452,"props":5124,"children":5125},{},[5126],{"type":161,"value":4456},{"title":139,"searchDepth":598,"depth":598,"links":5128},[5129],{"id":409,"depth":598,"text":412,"children":5130},[5131,5132,5133],{"id":3278,"depth":625,"text":3278},{"id":4963,"depth":625,"text":4970},{"id":5023,"depth":625,"text":499},"content:2.usage:2.nuxt-picture.md","2.usage/2.nuxt-picture.md","2.usage/2.nuxt-picture",1736769703439]