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