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