[{"data":1,"prerenderedAt":5376},["ShallowReactive",2],{"navigation":3,"docs-/usage/nuxt-img":136,"docs-/usage/nuxt-img-surround":4589},[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},"Fastly","/providers/fastly",{"title":67,"_path":68},"Filerobot","/providers/filerobot",{"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":4584,"_id":4585,"_source":4586,"_file":4587,"_stem":4588,"_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":4560},"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,2346,2355,2374,2515,2592,2601,2620,2627,2910,2919,2924,2945,3272,3281,3286,3359,3411,3420,3425,3547,3556,3567,3624,3742,3750,3759,3764,3776,3783,3955,3964,3977,4024,4033,4055,4068,4132,4141,4168,4375,4381,4406,4428,4554],{"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,2231,2239,2254,2261,2304,2331],{"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,2136,2140,2145,2150,2155,2160,2164,2169,2173,2178,2183,2187,2191,2196,2200,2205,2209,2214,2218,2222,2227],{"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":2092},{"type":151,"tag":280,"props":2137,"children":2138},{"style":287},[2139],{"type":161,"value":2131},{"type":151,"tag":280,"props":2141,"children":2142},{"style":287},[2143],{"type":161,"value":2144},", { ",{"type":151,"tag":280,"props":2146,"children":2147},{"style":293},[2148],{"type":161,"value":2149},"h",{"type":151,"tag":280,"props":2151,"children":2152},{"style":287},[2153],{"type":161,"value":2154},": ",{"type":151,"tag":280,"props":2156,"children":2157},{"style":1743},[2158],{"type":161,"value":2159},"10",{"type":151,"tag":280,"props":2161,"children":2162},{"style":287},[2163],{"type":161,"value":519},{"type":151,"tag":280,"props":2165,"children":2166},{"style":293},[2167],{"type":161,"value":2168},"f",{"type":151,"tag":280,"props":2170,"children":2171},{"style":287},[2172],{"type":161,"value":2154},{"type":151,"tag":280,"props":2174,"children":2175},{"style":287},[2176],{"type":161,"value":2177},"'",{"type":151,"tag":280,"props":2179,"children":2180},{"style":315},[2181],{"type":161,"value":2182},"png",{"type":151,"tag":280,"props":2184,"children":2185},{"style":287},[2186],{"type":161,"value":2177},{"type":151,"tag":280,"props":2188,"children":2189},{"style":287},[2190],{"type":161,"value":519},{"type":151,"tag":280,"props":2192,"children":2193},{"style":293},[2194],{"type":161,"value":2195},"blur",{"type":151,"tag":280,"props":2197,"children":2198},{"style":287},[2199],{"type":161,"value":2154},{"type":151,"tag":280,"props":2201,"children":2202},{"style":1743},[2203],{"type":161,"value":2204},"2",{"type":151,"tag":280,"props":2206,"children":2207},{"style":287},[2208],{"type":161,"value":519},{"type":151,"tag":280,"props":2210,"children":2211},{"style":293},[2212],{"type":161,"value":2213},"q",{"type":151,"tag":280,"props":2215,"children":2216},{"style":287},[2217],{"type":161,"value":2154},{"type":151,"tag":280,"props":2219,"children":2220},{"style":1743},[2221],{"type":161,"value":1494},{"type":151,"tag":280,"props":2223,"children":2224},{"style":287},[2225],{"type":161,"value":2226}," })",{"type":151,"tag":280,"props":2228,"children":2229},{"style":287},[2230],{"type":161,"value":625},{"type":151,"tag":280,"props":2232,"children":2233},{"class":282,"line":680},[2234],{"type":151,"tag":280,"props":2235,"children":2236},{"style":287},[2237],{"type":161,"value":2238},"  />\n",{"type":151,"tag":280,"props":2240,"children":2241},{"class":282,"line":705},[2242,2246,2250],{"type":151,"tag":280,"props":2243,"children":2244},{"style":287},[2245],{"type":161,"value":920},{"type":151,"tag":280,"props":2247,"children":2248},{"style":293},[2249],{"type":161,"value":2055},{"type":151,"tag":280,"props":2251,"children":2252},{"style":287},[2253],{"type":161,"value":377},{"type":151,"tag":280,"props":2255,"children":2256},{"class":282,"line":735},[2257],{"type":151,"tag":280,"props":2258,"children":2259},{"emptyLinePlaceholder":856},[2260],{"type":161,"value":859},{"type":151,"tag":280,"props":2262,"children":2263},{"class":282,"line":790},[2264,2268,2273,2278,2283,2287,2291,2296,2300],{"type":151,"tag":280,"props":2265,"children":2266},{"style":287},[2267],{"type":161,"value":290},{"type":151,"tag":280,"props":2269,"children":2270},{"style":293},[2271],{"type":161,"value":2272},"script",{"type":151,"tag":280,"props":2274,"children":2275},{"style":299},[2276],{"type":161,"value":2277}," setup",{"type":151,"tag":280,"props":2279,"children":2280},{"style":299},[2281],{"type":161,"value":2282}," lang",{"type":151,"tag":280,"props":2284,"children":2285},{"style":287},[2286],{"type":161,"value":307},{"type":151,"tag":280,"props":2288,"children":2289},{"style":287},[2290],{"type":161,"value":312},{"type":151,"tag":280,"props":2292,"children":2293},{"style":315},[2294],{"type":161,"value":2295},"ts",{"type":151,"tag":280,"props":2297,"children":2298},{"style":287},[2299],{"type":161,"value":312},{"type":151,"tag":280,"props":2301,"children":2302},{"style":287},[2303],{"type":161,"value":377},{"type":151,"tag":280,"props":2305,"children":2306},{"class":282,"line":798},[2307,2312,2317,2321,2326],{"type":151,"tag":280,"props":2308,"children":2309},{"style":299},[2310],{"type":161,"value":2311},"const",{"type":151,"tag":280,"props":2313,"children":2314},{"style":757},[2315],{"type":161,"value":2316}," img ",{"type":151,"tag":280,"props":2318,"children":2319},{"style":287},[2320],{"type":161,"value":307},{"type":151,"tag":280,"props":2322,"children":2323},{"style":2119},[2324],{"type":161,"value":2325}," useImage",{"type":151,"tag":280,"props":2327,"children":2328},{"style":757},[2329],{"type":161,"value":2330},"()\n",{"type":151,"tag":280,"props":2332,"children":2333},{"class":282,"line":807},[2334,2338,2342],{"type":151,"tag":280,"props":2335,"children":2336},{"style":287},[2337],{"type":161,"value":920},{"type":151,"tag":280,"props":2339,"children":2340},{"style":293},[2341],{"type":161,"value":2272},{"type":151,"tag":280,"props":2343,"children":2344},{"style":287},[2345],{"type":161,"value":377},{"type":151,"tag":417,"props":2347,"children":2349},{"id":2348},"placeholder-class",[2350],{"type":151,"tag":156,"props":2351,"children":2353},{"className":2352},[],[2354],{"type":161,"value":2348},{"type":151,"tag":152,"props":2356,"children":2357},{},[2358,2360,2365,2367,2372],{"type":161,"value":2359},"When using a placeholder, you can use ",{"type":151,"tag":156,"props":2361,"children":2363},{"className":2362},[],[2364],{"type":161,"value":2348},{"type":161,"value":2366}," to apply a class to the original underlying ",{"type":151,"tag":156,"props":2368,"children":2370},{"className":2369},[],[2371],{"type":161,"value":169},{"type":161,"value":2373}," element (while the placeholder is being rendered).",{"type":151,"tag":270,"props":2375,"children":2377},{"className":272,"code":2376,"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",[2378],{"type":151,"tag":156,"props":2379,"children":2380},{"__ignoreMap":139},[2381,2389,2400,2423,2431,2455,2462,2469,2477,2485,2493,2500,2508],{"type":151,"tag":280,"props":2382,"children":2383},{"class":282,"line":283},[2384],{"type":151,"tag":280,"props":2385,"children":2386},{"style":1629},[2387],{"type":161,"value":2388},"\u003C!-- Apply a static class to the original image -->\n",{"type":151,"tag":280,"props":2390,"children":2391},{"class":282,"line":601},[2392,2396],{"type":151,"tag":280,"props":2393,"children":2394},{"style":287},[2395],{"type":161,"value":290},{"type":151,"tag":280,"props":2397,"children":2398},{"style":293},[2399],{"type":161,"value":598},{"type":151,"tag":280,"props":2401,"children":2402},{"class":282,"line":628},[2403,2407,2411,2415,2419],{"type":151,"tag":280,"props":2404,"children":2405},{"style":299},[2406],{"type":161,"value":607},{"type":151,"tag":280,"props":2408,"children":2409},{"style":287},[2410],{"type":161,"value":307},{"type":151,"tag":280,"props":2412,"children":2413},{"style":287},[2414],{"type":161,"value":312},{"type":151,"tag":280,"props":2416,"children":2417},{"style":315},[2418],{"type":161,"value":1013},{"type":151,"tag":280,"props":2420,"children":2421},{"style":287},[2422],{"type":161,"value":625},{"type":151,"tag":280,"props":2424,"children":2425},{"class":282,"line":654},[2426],{"type":151,"tag":280,"props":2427,"children":2428},{"style":299},[2429],{"type":161,"value":2430},"  placeholder\n",{"type":151,"tag":280,"props":2432,"children":2433},{"class":282,"line":680},[2434,2439,2443,2447,2451],{"type":151,"tag":280,"props":2435,"children":2436},{"style":299},[2437],{"type":161,"value":2438},"  placeholder-class",{"type":151,"tag":280,"props":2440,"children":2441},{"style":287},[2442],{"type":161,"value":307},{"type":151,"tag":280,"props":2444,"children":2445},{"style":287},[2446],{"type":161,"value":312},{"type":151,"tag":280,"props":2448,"children":2449},{"style":315},[2450],{"type":161,"value":419},{"type":151,"tag":280,"props":2452,"children":2453},{"style":287},[2454],{"type":161,"value":625},{"type":151,"tag":280,"props":2456,"children":2457},{"class":282,"line":705},[2458],{"type":151,"tag":280,"props":2459,"children":2460},{"style":757},[2461],{"type":161,"value":1240},{"type":151,"tag":280,"props":2463,"children":2464},{"class":282,"line":735},[2465],{"type":151,"tag":280,"props":2466,"children":2467},{"emptyLinePlaceholder":856},[2468],{"type":161,"value":859},{"type":151,"tag":280,"props":2470,"children":2471},{"class":282,"line":790},[2472],{"type":151,"tag":280,"props":2473,"children":2474},{"style":757},[2475],{"type":161,"value":2476},"\u003C!-- Apply a dynamic class to the original image -->\n",{"type":151,"tag":280,"props":2478,"children":2479},{"class":282,"line":798},[2480],{"type":151,"tag":280,"props":2481,"children":2482},{"style":757},[2483],{"type":161,"value":2484},"\u003CNuxtImg\n",{"type":151,"tag":280,"props":2486,"children":2487},{"class":282,"line":807},[2488],{"type":151,"tag":280,"props":2489,"children":2490},{"style":757},[2491],{"type":161,"value":2492},"  src=\"/nuxt.png\"\n",{"type":151,"tag":280,"props":2494,"children":2495},{"class":282,"line":816},[2496],{"type":151,"tag":280,"props":2497,"children":2498},{"style":757},[2499],{"type":161,"value":2430},{"type":151,"tag":280,"props":2501,"children":2502},{"class":282,"line":825},[2503],{"type":151,"tag":280,"props":2504,"children":2505},{"style":757},[2506],{"type":161,"value":2507},"  :placeholder-class=\"custom\"\n",{"type":151,"tag":280,"props":2509,"children":2510},{"class":282,"line":834},[2511],{"type":151,"tag":280,"props":2512,"children":2513},{"style":757},[2514],{"type":161,"value":1240},{"type":151,"tag":379,"props":2516,"children":2517},{},[2518,2530],{"type":151,"tag":152,"props":2519,"children":2520},{},[2521,2523,2528],{"type":161,"value":2522},"If you need to apply some CSS to only the ",{"type":151,"tag":1127,"props":2524,"children":2525},{},[2526],{"type":161,"value":2527},"loaded",{"type":161,"value":2529}," image you can do so with something like:",{"type":151,"tag":270,"props":2531,"children":2535},{"className":2532,"code":2533,"language":2534,"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",[2536],{"type":151,"tag":156,"props":2537,"children":2538},{"__ignoreMap":139},[2539,2576,2584],{"type":151,"tag":280,"props":2540,"children":2541},{"class":282,"line":283},[2542,2547,2552,2557,2562,2567,2571],{"type":151,"tag":280,"props":2543,"children":2545},{"style":2544},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2546],{"type":161,"value":259},{"type":151,"tag":280,"props":2548,"children":2549},{"style":287},[2550],{"type":161,"value":2551},":",{"type":151,"tag":280,"props":2553,"children":2554},{"style":299},[2555],{"type":161,"value":2556},"not",{"type":151,"tag":280,"props":2558,"children":2559},{"style":287},[2560],{"type":161,"value":2561},"(.",{"type":151,"tag":280,"props":2563,"children":2564},{"style":2544},[2565],{"type":161,"value":2566},"my-placeholder-class",{"type":151,"tag":280,"props":2568,"children":2569},{"style":287},[2570],{"type":161,"value":1090},{"type":151,"tag":280,"props":2572,"children":2573},{"style":287},[2574],{"type":161,"value":2575}," {\n",{"type":151,"tag":280,"props":2577,"children":2578},{"class":282,"line":601},[2579],{"type":151,"tag":280,"props":2580,"children":2581},{"style":1629},[2582],{"type":161,"value":2583},"  /* styles here */\n",{"type":151,"tag":280,"props":2585,"children":2586},{"class":282,"line":628},[2587],{"type":151,"tag":280,"props":2588,"children":2589},{"style":287},[2590],{"type":161,"value":2591},"}\n",{"type":151,"tag":417,"props":2593,"children":2595},{"id":2594},"provider",[2596],{"type":151,"tag":156,"props":2597,"children":2599},{"className":2598},[],[2600],{"type":161,"value":2594},{"type":151,"tag":152,"props":2602,"children":2603},{},[2604,2606,2612,2614],{"type":161,"value":2605},"Use other provider instead of default ",{"type":151,"tag":388,"props":2607,"children":2609},{"href":2608},"/get-started/configuration#provider",[2610],{"type":161,"value":2611},"provider option",{"type":161,"value":2613}," specified in ",{"type":151,"tag":156,"props":2615,"children":2617},{"className":2616},[],[2618],{"type":161,"value":2619},"nuxt.config",{"type":151,"tag":152,"props":2621,"children":2622},{},[2623],{"type":151,"tag":494,"props":2624,"children":2625},{},[2626],{"type":161,"value":1338},{"type":151,"tag":2628,"props":2629,"children":2630},"code-group",{},[2631,2786],{"type":151,"tag":270,"props":2632,"children":2635},{"className":272,"code":2633,"filename":2634,"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",[2636],{"type":151,"tag":156,"props":2637,"children":2638},{"__ignoreMap":139},[2639,2654,2665,2690,2714,2739,2764,2771],{"type":151,"tag":280,"props":2640,"children":2641},{"class":282,"line":283},[2642,2646,2650],{"type":151,"tag":280,"props":2643,"children":2644},{"style":287},[2645],{"type":161,"value":290},{"type":151,"tag":280,"props":2647,"children":2648},{"style":293},[2649],{"type":161,"value":2055},{"type":151,"tag":280,"props":2651,"children":2652},{"style":287},[2653],{"type":161,"value":377},{"type":151,"tag":280,"props":2655,"children":2656},{"class":282,"line":601},[2657,2661],{"type":151,"tag":280,"props":2658,"children":2659},{"style":287},[2660],{"type":161,"value":2067},{"type":151,"tag":280,"props":2662,"children":2663},{"style":293},[2664],{"type":161,"value":598},{"type":151,"tag":280,"props":2666,"children":2667},{"class":282,"line":628},[2668,2673,2677,2681,2686],{"type":151,"tag":280,"props":2669,"children":2670},{"style":299},[2671],{"type":161,"value":2672},"    provider",{"type":151,"tag":280,"props":2674,"children":2675},{"style":287},[2676],{"type":161,"value":307},{"type":151,"tag":280,"props":2678,"children":2679},{"style":287},[2680],{"type":161,"value":312},{"type":151,"tag":280,"props":2682,"children":2683},{"style":315},[2684],{"type":161,"value":2685},"cloudinary",{"type":151,"tag":280,"props":2687,"children":2688},{"style":287},[2689],{"type":161,"value":625},{"type":151,"tag":280,"props":2691,"children":2692},{"class":282,"line":654},[2693,2697,2701,2705,2710],{"type":151,"tag":280,"props":2694,"children":2695},{"style":299},[2696],{"type":161,"value":2079},{"type":151,"tag":280,"props":2698,"children":2699},{"style":287},[2700],{"type":161,"value":307},{"type":151,"tag":280,"props":2702,"children":2703},{"style":287},[2704],{"type":161,"value":312},{"type":151,"tag":280,"props":2706,"children":2707},{"style":315},[2708],{"type":161,"value":2709},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":151,"tag":280,"props":2711,"children":2712},{"style":287},[2713],{"type":161,"value":625},{"type":151,"tag":280,"props":2715,"children":2716},{"class":282,"line":680},[2717,2722,2726,2730,2735],{"type":151,"tag":280,"props":2718,"children":2719},{"style":299},[2720],{"type":161,"value":2721},"    width",{"type":151,"tag":280,"props":2723,"children":2724},{"style":287},[2725],{"type":161,"value":307},{"type":151,"tag":280,"props":2727,"children":2728},{"style":287},[2729],{"type":161,"value":312},{"type":151,"tag":280,"props":2731,"children":2732},{"style":315},[2733],{"type":161,"value":2734},"300",{"type":151,"tag":280,"props":2736,"children":2737},{"style":287},[2738],{"type":161,"value":625},{"type":151,"tag":280,"props":2740,"children":2741},{"class":282,"line":705},[2742,2747,2751,2755,2760],{"type":151,"tag":280,"props":2743,"children":2744},{"style":299},[2745],{"type":161,"value":2746},"    height",{"type":151,"tag":280,"props":2748,"children":2749},{"style":287},[2750],{"type":161,"value":307},{"type":151,"tag":280,"props":2752,"children":2753},{"style":287},[2754],{"type":161,"value":312},{"type":151,"tag":280,"props":2756,"children":2757},{"style":315},[2758],{"type":161,"value":2759},"169",{"type":151,"tag":280,"props":2761,"children":2762},{"style":287},[2763],{"type":161,"value":625},{"type":151,"tag":280,"props":2765,"children":2766},{"class":282,"line":735},[2767],{"type":151,"tag":280,"props":2768,"children":2769},{"style":287},[2770],{"type":161,"value":2238},{"type":151,"tag":280,"props":2772,"children":2773},{"class":282,"line":790},[2774,2778,2782],{"type":151,"tag":280,"props":2775,"children":2776},{"style":287},[2777],{"type":161,"value":920},{"type":151,"tag":280,"props":2779,"children":2780},{"style":293},[2781],{"type":161,"value":2055},{"type":151,"tag":280,"props":2783,"children":2784},{"style":287},[2785],{"type":161,"value":377},{"type":151,"tag":270,"props":2787,"children":2791},{"className":2788,"code":2789,"filename":2790,"language":2295,"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",[2792],{"type":151,"tag":156,"props":2793,"children":2794},{"__ignoreMap":139},[2795,2823,2839,2855,2882,2890,2898],{"type":151,"tag":280,"props":2796,"children":2797},{"class":282,"line":283},[2798,2804,2809,2814,2818],{"type":151,"tag":280,"props":2799,"children":2801},{"style":2800},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[2802],{"type":161,"value":2803},"export",{"type":151,"tag":280,"props":2805,"children":2806},{"style":2800},[2807],{"type":161,"value":2808}," default",{"type":151,"tag":280,"props":2810,"children":2811},{"style":2119},[2812],{"type":161,"value":2813}," defineNuxtConfig",{"type":151,"tag":280,"props":2815,"children":2816},{"style":757},[2817],{"type":161,"value":2126},{"type":151,"tag":280,"props":2819,"children":2820},{"style":287},[2821],{"type":161,"value":2822},"{\n",{"type":151,"tag":280,"props":2824,"children":2825},{"class":282,"line":601},[2826,2831,2835],{"type":151,"tag":280,"props":2827,"children":2828},{"style":293},[2829],{"type":161,"value":2830},"  image",{"type":151,"tag":280,"props":2832,"children":2833},{"style":287},[2834],{"type":161,"value":2551},{"type":151,"tag":280,"props":2836,"children":2837},{"style":287},[2838],{"type":161,"value":2575},{"type":151,"tag":280,"props":2840,"children":2841},{"class":282,"line":628},[2842,2847,2851],{"type":151,"tag":280,"props":2843,"children":2844},{"style":293},[2845],{"type":161,"value":2846},"    cloudinary",{"type":151,"tag":280,"props":2848,"children":2849},{"style":287},[2850],{"type":161,"value":2551},{"type":151,"tag":280,"props":2852,"children":2853},{"style":287},[2854],{"type":161,"value":2575},{"type":151,"tag":280,"props":2856,"children":2857},{"class":282,"line":654},[2858,2863,2867,2872,2877],{"type":151,"tag":280,"props":2859,"children":2860},{"style":293},[2861],{"type":161,"value":2862},"      baseURL",{"type":151,"tag":280,"props":2864,"children":2865},{"style":287},[2866],{"type":161,"value":2551},{"type":151,"tag":280,"props":2868,"children":2869},{"style":287},[2870],{"type":161,"value":2871}," '",{"type":151,"tag":280,"props":2873,"children":2874},{"style":315},[2875],{"type":161,"value":2876},"https://res.cloudinary.com/nuxt/image/upload",{"type":151,"tag":280,"props":2878,"children":2879},{"style":287},[2880],{"type":161,"value":2881},"'\n",{"type":151,"tag":280,"props":2883,"children":2884},{"class":282,"line":680},[2885],{"type":151,"tag":280,"props":2886,"children":2887},{"style":287},[2888],{"type":161,"value":2889},"    }\n",{"type":151,"tag":280,"props":2891,"children":2892},{"class":282,"line":705},[2893],{"type":151,"tag":280,"props":2894,"children":2895},{"style":287},[2896],{"type":161,"value":2897},"  }\n",{"type":151,"tag":280,"props":2899,"children":2900},{"class":282,"line":735},[2901,2905],{"type":151,"tag":280,"props":2902,"children":2903},{"style":287},[2904],{"type":161,"value":783},{"type":151,"tag":280,"props":2906,"children":2907},{"style":757},[2908],{"type":161,"value":2909},")\n",{"type":151,"tag":417,"props":2911,"children":2913},{"id":2912},"preset",[2914],{"type":151,"tag":156,"props":2915,"children":2917},{"className":2916},[],[2918],{"type":161,"value":2912},{"type":151,"tag":152,"props":2920,"children":2921},{},[2922],{"type":161,"value":2923},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":151,"tag":379,"props":2925,"children":2926},{},[2927],{"type":151,"tag":152,"props":2928,"children":2929},{},[2930,2932,2938,2940],{"type":161,"value":2931},"We can define presets using ",{"type":151,"tag":388,"props":2933,"children":2935},{"href":2934},"/get-started/configuration#presets",[2936],{"type":161,"value":2937},"presets options",{"type":161,"value":2939}," in ",{"type":151,"tag":156,"props":2941,"children":2943},{"className":2942},[],[2944],{"type":161,"value":2619},{"type":151,"tag":2628,"props":2946,"children":2947},{},[2948,3042],{"type":151,"tag":270,"props":2949,"children":2951},{"className":272,"code":2950,"filename":2634,"language":274,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[2952],{"type":151,"tag":156,"props":2953,"children":2954},{"__ignoreMap":139},[2955,2970,3027],{"type":151,"tag":280,"props":2956,"children":2957},{"class":282,"line":283},[2958,2962,2966],{"type":151,"tag":280,"props":2959,"children":2960},{"style":287},[2961],{"type":161,"value":290},{"type":151,"tag":280,"props":2963,"children":2964},{"style":293},[2965],{"type":161,"value":2055},{"type":151,"tag":280,"props":2967,"children":2968},{"style":287},[2969],{"type":161,"value":377},{"type":151,"tag":280,"props":2971,"children":2972},{"class":282,"line":601},[2973,2977,2981,2986,2990,2994,2999,3003,3007,3011,3015,3019,3023],{"type":151,"tag":280,"props":2974,"children":2975},{"style":287},[2976],{"type":161,"value":2067},{"type":151,"tag":280,"props":2978,"children":2979},{"style":293},[2980],{"type":161,"value":296},{"type":151,"tag":280,"props":2982,"children":2983},{"style":299},[2984],{"type":161,"value":2985}," preset",{"type":151,"tag":280,"props":2987,"children":2988},{"style":287},[2989],{"type":161,"value":307},{"type":151,"tag":280,"props":2991,"children":2992},{"style":287},[2993],{"type":161,"value":312},{"type":151,"tag":280,"props":2995,"children":2996},{"style":315},[2997],{"type":161,"value":2998},"cover",{"type":151,"tag":280,"props":3000,"children":3001},{"style":287},[3002],{"type":161,"value":312},{"type":151,"tag":280,"props":3004,"children":3005},{"style":299},[3006],{"type":161,"value":302},{"type":151,"tag":280,"props":3008,"children":3009},{"style":287},[3010],{"type":161,"value":307},{"type":151,"tag":280,"props":3012,"children":3013},{"style":287},[3014],{"type":161,"value":312},{"type":151,"tag":280,"props":3016,"children":3017},{"style":315},[3018],{"type":161,"value":318},{"type":151,"tag":280,"props":3020,"children":3021},{"style":287},[3022],{"type":161,"value":312},{"type":151,"tag":280,"props":3024,"children":3025},{"style":287},[3026],{"type":161,"value":327},{"type":151,"tag":280,"props":3028,"children":3029},{"class":282,"line":628},[3030,3034,3038],{"type":151,"tag":280,"props":3031,"children":3032},{"style":287},[3033],{"type":161,"value":920},{"type":151,"tag":280,"props":3035,"children":3036},{"style":293},[3037],{"type":161,"value":2055},{"type":151,"tag":280,"props":3039,"children":3040},{"style":287},[3041],{"type":161,"value":377},{"type":151,"tag":270,"props":3043,"children":3045},{"className":2788,"code":3044,"filename":2790,"language":2295,"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",[3046],{"type":151,"tag":156,"props":3047,"children":3048},{"__ignoreMap":139},[3049,3072,3087,3103,3119,3135,3164,3193,3214,3231,3239,3247,3254,3261],{"type":151,"tag":280,"props":3050,"children":3051},{"class":282,"line":283},[3052,3056,3060,3064,3068],{"type":151,"tag":280,"props":3053,"children":3054},{"style":2800},[3055],{"type":161,"value":2803},{"type":151,"tag":280,"props":3057,"children":3058},{"style":2800},[3059],{"type":161,"value":2808},{"type":151,"tag":280,"props":3061,"children":3062},{"style":2119},[3063],{"type":161,"value":2813},{"type":151,"tag":280,"props":3065,"children":3066},{"style":757},[3067],{"type":161,"value":2126},{"type":151,"tag":280,"props":3069,"children":3070},{"style":287},[3071],{"type":161,"value":2822},{"type":151,"tag":280,"props":3073,"children":3074},{"class":282,"line":601},[3075,3079,3083],{"type":151,"tag":280,"props":3076,"children":3077},{"style":293},[3078],{"type":161,"value":2830},{"type":151,"tag":280,"props":3080,"children":3081},{"style":287},[3082],{"type":161,"value":2551},{"type":151,"tag":280,"props":3084,"children":3085},{"style":287},[3086],{"type":161,"value":2575},{"type":151,"tag":280,"props":3088,"children":3089},{"class":282,"line":628},[3090,3095,3099],{"type":151,"tag":280,"props":3091,"children":3092},{"style":293},[3093],{"type":161,"value":3094},"    presets",{"type":151,"tag":280,"props":3096,"children":3097},{"style":287},[3098],{"type":161,"value":2551},{"type":151,"tag":280,"props":3100,"children":3101},{"style":287},[3102],{"type":161,"value":2575},{"type":151,"tag":280,"props":3104,"children":3105},{"class":282,"line":654},[3106,3111,3115],{"type":151,"tag":280,"props":3107,"children":3108},{"style":293},[3109],{"type":161,"value":3110},"      cover",{"type":151,"tag":280,"props":3112,"children":3113},{"style":287},[3114],{"type":161,"value":2551},{"type":151,"tag":280,"props":3116,"children":3117},{"style":287},[3118],{"type":161,"value":2575},{"type":151,"tag":280,"props":3120,"children":3121},{"class":282,"line":680},[3122,3127,3131],{"type":151,"tag":280,"props":3123,"children":3124},{"style":293},[3125],{"type":161,"value":3126},"        modifiers",{"type":151,"tag":280,"props":3128,"children":3129},{"style":287},[3130],{"type":161,"value":2551},{"type":151,"tag":280,"props":3132,"children":3133},{"style":287},[3134],{"type":161,"value":2575},{"type":151,"tag":280,"props":3136,"children":3137},{"class":282,"line":705},[3138,3143,3147,3151,3155,3159],{"type":151,"tag":280,"props":3139,"children":3140},{"style":293},[3141],{"type":161,"value":3142},"          fit",{"type":151,"tag":280,"props":3144,"children":3145},{"style":287},[3146],{"type":161,"value":2551},{"type":151,"tag":280,"props":3148,"children":3149},{"style":287},[3150],{"type":161,"value":2871},{"type":151,"tag":280,"props":3152,"children":3153},{"style":315},[3154],{"type":161,"value":2998},{"type":151,"tag":280,"props":3156,"children":3157},{"style":287},[3158],{"type":161,"value":2177},{"type":151,"tag":280,"props":3160,"children":3161},{"style":287},[3162],{"type":161,"value":3163},",\n",{"type":151,"tag":280,"props":3165,"children":3166},{"class":282,"line":735},[3167,3172,3176,3180,3185,3189],{"type":151,"tag":280,"props":3168,"children":3169},{"style":293},[3170],{"type":161,"value":3171},"          format",{"type":151,"tag":280,"props":3173,"children":3174},{"style":287},[3175],{"type":161,"value":2551},{"type":151,"tag":280,"props":3177,"children":3178},{"style":287},[3179],{"type":161,"value":2871},{"type":151,"tag":280,"props":3181,"children":3182},{"style":315},[3183],{"type":161,"value":3184},"jpg",{"type":151,"tag":280,"props":3186,"children":3187},{"style":287},[3188],{"type":161,"value":2177},{"type":151,"tag":280,"props":3190,"children":3191},{"style":287},[3192],{"type":161,"value":3163},{"type":151,"tag":280,"props":3194,"children":3195},{"class":282,"line":790},[3196,3201,3205,3210],{"type":151,"tag":280,"props":3197,"children":3198},{"style":293},[3199],{"type":161,"value":3200},"          width",{"type":151,"tag":280,"props":3202,"children":3203},{"style":287},[3204],{"type":161,"value":2551},{"type":151,"tag":280,"props":3206,"children":3207},{"style":1743},[3208],{"type":161,"value":3209}," 300",{"type":151,"tag":280,"props":3211,"children":3212},{"style":287},[3213],{"type":161,"value":3163},{"type":151,"tag":280,"props":3215,"children":3216},{"class":282,"line":798},[3217,3222,3226],{"type":151,"tag":280,"props":3218,"children":3219},{"style":293},[3220],{"type":161,"value":3221},"          height",{"type":151,"tag":280,"props":3223,"children":3224},{"style":287},[3225],{"type":161,"value":2551},{"type":151,"tag":280,"props":3227,"children":3228},{"style":1743},[3229],{"type":161,"value":3230}," 300\n",{"type":151,"tag":280,"props":3232,"children":3233},{"class":282,"line":807},[3234],{"type":151,"tag":280,"props":3235,"children":3236},{"style":287},[3237],{"type":161,"value":3238},"        }\n",{"type":151,"tag":280,"props":3240,"children":3241},{"class":282,"line":816},[3242],{"type":151,"tag":280,"props":3243,"children":3244},{"style":287},[3245],{"type":161,"value":3246},"      }\n",{"type":151,"tag":280,"props":3248,"children":3249},{"class":282,"line":825},[3250],{"type":151,"tag":280,"props":3251,"children":3252},{"style":287},[3253],{"type":161,"value":2889},{"type":151,"tag":280,"props":3255,"children":3256},{"class":282,"line":834},[3257],{"type":151,"tag":280,"props":3258,"children":3259},{"style":287},[3260],{"type":161,"value":2897},{"type":151,"tag":280,"props":3262,"children":3263},{"class":282,"line":843},[3264,3268],{"type":151,"tag":280,"props":3265,"children":3266},{"style":287},[3267],{"type":161,"value":783},{"type":151,"tag":280,"props":3269,"children":3270},{"style":757},[3271],{"type":161,"value":2909},{"type":151,"tag":417,"props":3273,"children":3275},{"id":3274},"format",[3276],{"type":151,"tag":156,"props":3277,"children":3279},{"className":3278},[],[3280],{"type":161,"value":3274},{"type":151,"tag":152,"props":3282,"children":3283},{},[3284],{"type":161,"value":3285},"In case you want to serve images in a specific format, use this prop.",{"type":151,"tag":270,"props":3287,"children":3289},{"className":272,"code":3288,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  format=\"webp\"\n  src=\"/nuxt-icon.png\"\n/>\n",[3290],{"type":151,"tag":156,"props":3291,"children":3292},{"__ignoreMap":139},[3293,3304,3329,3352],{"type":151,"tag":280,"props":3294,"children":3295},{"class":282,"line":283},[3296,3300],{"type":151,"tag":280,"props":3297,"children":3298},{"style":287},[3299],{"type":161,"value":290},{"type":151,"tag":280,"props":3301,"children":3302},{"style":293},[3303],{"type":161,"value":598},{"type":151,"tag":280,"props":3305,"children":3306},{"class":282,"line":601},[3307,3312,3316,3320,3325],{"type":151,"tag":280,"props":3308,"children":3309},{"style":299},[3310],{"type":161,"value":3311},"  format",{"type":151,"tag":280,"props":3313,"children":3314},{"style":287},[3315],{"type":161,"value":307},{"type":151,"tag":280,"props":3317,"children":3318},{"style":287},[3319],{"type":161,"value":312},{"type":151,"tag":280,"props":3321,"children":3322},{"style":315},[3323],{"type":161,"value":3324},"webp",{"type":151,"tag":280,"props":3326,"children":3327},{"style":287},[3328],{"type":161,"value":625},{"type":151,"tag":280,"props":3330,"children":3331},{"class":282,"line":628},[3332,3336,3340,3344,3348],{"type":151,"tag":280,"props":3333,"children":3334},{"style":299},[3335],{"type":161,"value":607},{"type":151,"tag":280,"props":3337,"children":3338},{"style":287},[3339],{"type":161,"value":307},{"type":151,"tag":280,"props":3341,"children":3342},{"style":287},[3343],{"type":161,"value":312},{"type":151,"tag":280,"props":3345,"children":3346},{"style":315},[3347],{"type":161,"value":318},{"type":151,"tag":280,"props":3349,"children":3350},{"style":287},[3351],{"type":161,"value":625},{"type":151,"tag":280,"props":3353,"children":3354},{"class":282,"line":654},[3355],{"type":151,"tag":280,"props":3356,"children":3357},{"style":757},[3358],{"type":161,"value":1240},{"type":151,"tag":152,"props":3360,"children":3361},{},[3362,3364,3369,3370,3376,3377,3383,3384,3389,3390,3395,3396,3402,3403,3409],{"type":161,"value":3363},"Available formats are ",{"type":151,"tag":156,"props":3365,"children":3367},{"className":3366},[],[3368],{"type":161,"value":3324},{"type":161,"value":519},{"type":151,"tag":156,"props":3371,"children":3373},{"className":3372},[],[3374],{"type":161,"value":3375},"avif",{"type":161,"value":519},{"type":151,"tag":156,"props":3378,"children":3380},{"className":3379},[],[3381],{"type":161,"value":3382},"jpeg",{"type":161,"value":519},{"type":151,"tag":156,"props":3385,"children":3387},{"className":3386},[],[3388],{"type":161,"value":3184},{"type":161,"value":519},{"type":151,"tag":156,"props":3391,"children":3393},{"className":3392},[],[3394],{"type":161,"value":2182},{"type":161,"value":519},{"type":151,"tag":156,"props":3397,"children":3399},{"className":3398},[],[3400],{"type":161,"value":3401},"gif",{"type":161,"value":207},{"type":151,"tag":156,"props":3404,"children":3406},{"className":3405},[],[3407],{"type":161,"value":3408},"svg",{"type":161,"value":3410},". If the format is not specified, it will respect the default image format.",{"type":151,"tag":417,"props":3412,"children":3414},{"id":3413},"quality",[3415],{"type":151,"tag":156,"props":3416,"children":3418},{"className":3417},[],[3419],{"type":161,"value":3413},{"type":151,"tag":152,"props":3421,"children":3422},{},[3423],{"type":161,"value":3424},"The quality for the generated image(s).",{"type":151,"tag":270,"props":3426,"children":3428},{"className":272,"code":3427,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/nuxt.jpg\"\n  quality=\"80\"\n  width=\"200\"\n  height=\"100\"\n/>\n",[3429],{"type":151,"tag":156,"props":3430,"children":3431},{"__ignoreMap":139},[3432,3443,3467,3492,3516,3540],{"type":151,"tag":280,"props":3433,"children":3434},{"class":282,"line":283},[3435,3439],{"type":151,"tag":280,"props":3436,"children":3437},{"style":287},[3438],{"type":161,"value":290},{"type":151,"tag":280,"props":3440,"children":3441},{"style":293},[3442],{"type":161,"value":598},{"type":151,"tag":280,"props":3444,"children":3445},{"class":282,"line":601},[3446,3450,3454,3458,3463],{"type":151,"tag":280,"props":3447,"children":3448},{"style":299},[3449],{"type":161,"value":607},{"type":151,"tag":280,"props":3451,"children":3452},{"style":287},[3453],{"type":161,"value":307},{"type":151,"tag":280,"props":3455,"children":3456},{"style":287},[3457],{"type":161,"value":312},{"type":151,"tag":280,"props":3459,"children":3460},{"style":315},[3461],{"type":161,"value":3462},"/nuxt.jpg",{"type":151,"tag":280,"props":3464,"children":3465},{"style":287},[3466],{"type":161,"value":625},{"type":151,"tag":280,"props":3468,"children":3469},{"class":282,"line":628},[3470,3475,3479,3483,3488],{"type":151,"tag":280,"props":3471,"children":3472},{"style":299},[3473],{"type":161,"value":3474},"  quality",{"type":151,"tag":280,"props":3476,"children":3477},{"style":287},[3478],{"type":161,"value":307},{"type":151,"tag":280,"props":3480,"children":3481},{"style":287},[3482],{"type":161,"value":312},{"type":151,"tag":280,"props":3484,"children":3485},{"style":315},[3486],{"type":161,"value":3487},"80",{"type":151,"tag":280,"props":3489,"children":3490},{"style":287},[3491],{"type":161,"value":625},{"type":151,"tag":280,"props":3493,"children":3494},{"class":282,"line":654},[3495,3499,3503,3507,3512],{"type":151,"tag":280,"props":3496,"children":3497},{"style":299},[3498],{"type":161,"value":660},{"type":151,"tag":280,"props":3500,"children":3501},{"style":287},[3502],{"type":161,"value":307},{"type":151,"tag":280,"props":3504,"children":3505},{"style":287},[3506],{"type":161,"value":312},{"type":151,"tag":280,"props":3508,"children":3509},{"style":315},[3510],{"type":161,"value":3511},"200",{"type":151,"tag":280,"props":3513,"children":3514},{"style":287},[3515],{"type":161,"value":625},{"type":151,"tag":280,"props":3517,"children":3518},{"class":282,"line":680},[3519,3523,3527,3531,3536],{"type":151,"tag":280,"props":3520,"children":3521},{"style":299},[3522],{"type":161,"value":686},{"type":151,"tag":280,"props":3524,"children":3525},{"style":287},[3526],{"type":161,"value":307},{"type":151,"tag":280,"props":3528,"children":3529},{"style":287},[3530],{"type":161,"value":312},{"type":151,"tag":280,"props":3532,"children":3533},{"style":315},[3534],{"type":161,"value":3535},"100",{"type":151,"tag":280,"props":3537,"children":3538},{"style":287},[3539],{"type":161,"value":625},{"type":151,"tag":280,"props":3541,"children":3542},{"class":282,"line":705},[3543],{"type":151,"tag":280,"props":3544,"children":3545},{"style":757},[3546],{"type":161,"value":1240},{"type":151,"tag":417,"props":3548,"children":3550},{"id":3549},"fit",[3551],{"type":151,"tag":156,"props":3552,"children":3554},{"className":3553},[],[3555],{"type":161,"value":3549},{"type":151,"tag":152,"props":3557,"children":3558},{},[3559,3560,3565],{"type":161,"value":430},{"type":151,"tag":156,"props":3561,"children":3563},{"className":3562},[],[3564],{"type":161,"value":3549},{"type":161,"value":3566}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":151,"tag":173,"props":3568,"children":3569},{},[3570,3580,3591,3602,3613],{"type":151,"tag":177,"props":3571,"children":3572},{},[3573,3578],{"type":151,"tag":156,"props":3574,"children":3576},{"className":3575},[],[3577],{"type":161,"value":2998},{"type":161,"value":3579},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":151,"tag":177,"props":3581,"children":3582},{},[3583,3589],{"type":151,"tag":156,"props":3584,"children":3586},{"className":3585},[],[3587],{"type":161,"value":3588},"contain",{"type":161,"value":3590},": Preserving aspect ratio, contain within both provided dimensions using 'letterboxing' where necessary.",{"type":151,"tag":177,"props":3592,"children":3593},{},[3594,3600],{"type":151,"tag":156,"props":3595,"children":3597},{"className":3596},[],[3598],{"type":161,"value":3599},"fill",{"type":161,"value":3601},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":151,"tag":177,"props":3603,"children":3604},{},[3605,3611],{"type":151,"tag":156,"props":3606,"children":3608},{"className":3607},[],[3609],{"type":161,"value":3610},"inside",{"type":161,"value":3612},": 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":3614,"children":3615},{},[3616,3622],{"type":151,"tag":156,"props":3617,"children":3619},{"className":3618},[],[3620],{"type":161,"value":3621},"outside",{"type":161,"value":3623},": 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":3625,"children":3627},{"className":272,"code":3626,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  fit=\"cover\"\n  src=\"/nuxt-icon.png\"\n  width=\"200\"\n  height=\"100\"\n/>\n",[3628],{"type":151,"tag":156,"props":3629,"children":3630},{"__ignoreMap":139},[3631,3642,3666,3689,3712,3735],{"type":151,"tag":280,"props":3632,"children":3633},{"class":282,"line":283},[3634,3638],{"type":151,"tag":280,"props":3635,"children":3636},{"style":287},[3637],{"type":161,"value":290},{"type":151,"tag":280,"props":3639,"children":3640},{"style":293},[3641],{"type":161,"value":598},{"type":151,"tag":280,"props":3643,"children":3644},{"class":282,"line":601},[3645,3650,3654,3658,3662],{"type":151,"tag":280,"props":3646,"children":3647},{"style":299},[3648],{"type":161,"value":3649},"  fit",{"type":151,"tag":280,"props":3651,"children":3652},{"style":287},[3653],{"type":161,"value":307},{"type":151,"tag":280,"props":3655,"children":3656},{"style":287},[3657],{"type":161,"value":312},{"type":151,"tag":280,"props":3659,"children":3660},{"style":315},[3661],{"type":161,"value":2998},{"type":151,"tag":280,"props":3663,"children":3664},{"style":287},[3665],{"type":161,"value":625},{"type":151,"tag":280,"props":3667,"children":3668},{"class":282,"line":628},[3669,3673,3677,3681,3685],{"type":151,"tag":280,"props":3670,"children":3671},{"style":299},[3672],{"type":161,"value":607},{"type":151,"tag":280,"props":3674,"children":3675},{"style":287},[3676],{"type":161,"value":307},{"type":151,"tag":280,"props":3678,"children":3679},{"style":287},[3680],{"type":161,"value":312},{"type":151,"tag":280,"props":3682,"children":3683},{"style":315},[3684],{"type":161,"value":318},{"type":151,"tag":280,"props":3686,"children":3687},{"style":287},[3688],{"type":161,"value":625},{"type":151,"tag":280,"props":3690,"children":3691},{"class":282,"line":654},[3692,3696,3700,3704,3708],{"type":151,"tag":280,"props":3693,"children":3694},{"style":299},[3695],{"type":161,"value":660},{"type":151,"tag":280,"props":3697,"children":3698},{"style":287},[3699],{"type":161,"value":307},{"type":151,"tag":280,"props":3701,"children":3702},{"style":287},[3703],{"type":161,"value":312},{"type":151,"tag":280,"props":3705,"children":3706},{"style":315},[3707],{"type":161,"value":3511},{"type":151,"tag":280,"props":3709,"children":3710},{"style":287},[3711],{"type":161,"value":625},{"type":151,"tag":280,"props":3713,"children":3714},{"class":282,"line":680},[3715,3719,3723,3727,3731],{"type":151,"tag":280,"props":3716,"children":3717},{"style":299},[3718],{"type":161,"value":686},{"type":151,"tag":280,"props":3720,"children":3721},{"style":287},[3722],{"type":161,"value":307},{"type":151,"tag":280,"props":3724,"children":3725},{"style":287},[3726],{"type":161,"value":312},{"type":151,"tag":280,"props":3728,"children":3729},{"style":315},[3730],{"type":161,"value":3535},{"type":151,"tag":280,"props":3732,"children":3733},{"style":287},[3734],{"type":161,"value":625},{"type":151,"tag":280,"props":3736,"children":3737},{"class":282,"line":705},[3738],{"type":151,"tag":280,"props":3739,"children":3740},{"style":757},[3741],{"type":161,"value":1240},{"type":151,"tag":379,"props":3743,"children":3744},{},[3745],{"type":151,"tag":152,"props":3746,"children":3747},{},[3748],{"type":161,"value":3749},"Some providers support other values.",{"type":151,"tag":417,"props":3751,"children":3753},{"id":3752},"modifiers",[3754],{"type":151,"tag":156,"props":3755,"children":3757},{"className":3756},[],[3758],{"type":161,"value":3752},{"type":151,"tag":152,"props":3760,"children":3761},{},[3762],{"type":161,"value":3763},"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":3765,"children":3766},{},[3767,3769,3774],{"type":161,"value":3768},"Using the ",{"type":151,"tag":156,"props":3770,"children":3772},{"className":3771},[],[3773],{"type":161,"value":3752},{"type":161,"value":3775}," prop lets you use any of these transformations.",{"type":151,"tag":152,"props":3777,"children":3778},{},[3779],{"type":151,"tag":494,"props":3780,"children":3781},{},[3782],{"type":161,"value":1338},{"type":151,"tag":270,"props":3784,"children":3786},{"className":272,"code":3785,"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",[3787],{"type":151,"tag":156,"props":3788,"children":3789},{"__ignoreMap":139},[3790,3801,3825,3848,3871,3894,3948],{"type":151,"tag":280,"props":3791,"children":3792},{"class":282,"line":283},[3793,3797],{"type":151,"tag":280,"props":3794,"children":3795},{"style":287},[3796],{"type":161,"value":290},{"type":151,"tag":280,"props":3798,"children":3799},{"style":293},[3800],{"type":161,"value":598},{"type":151,"tag":280,"props":3802,"children":3803},{"class":282,"line":601},[3804,3809,3813,3817,3821],{"type":151,"tag":280,"props":3805,"children":3806},{"style":299},[3807],{"type":161,"value":3808},"  provider",{"type":151,"tag":280,"props":3810,"children":3811},{"style":287},[3812],{"type":161,"value":307},{"type":151,"tag":280,"props":3814,"children":3815},{"style":287},[3816],{"type":161,"value":312},{"type":151,"tag":280,"props":3818,"children":3819},{"style":315},[3820],{"type":161,"value":2685},{"type":151,"tag":280,"props":3822,"children":3823},{"style":287},[3824],{"type":161,"value":625},{"type":151,"tag":280,"props":3826,"children":3827},{"class":282,"line":628},[3828,3832,3836,3840,3844],{"type":151,"tag":280,"props":3829,"children":3830},{"style":299},[3831],{"type":161,"value":607},{"type":151,"tag":280,"props":3833,"children":3834},{"style":287},[3835],{"type":161,"value":307},{"type":151,"tag":280,"props":3837,"children":3838},{"style":287},[3839],{"type":161,"value":312},{"type":151,"tag":280,"props":3841,"children":3842},{"style":315},[3843],{"type":161,"value":2709},{"type":151,"tag":280,"props":3845,"children":3846},{"style":287},[3847],{"type":161,"value":625},{"type":151,"tag":280,"props":3849,"children":3850},{"class":282,"line":654},[3851,3855,3859,3863,3867],{"type":151,"tag":280,"props":3852,"children":3853},{"style":299},[3854],{"type":161,"value":660},{"type":151,"tag":280,"props":3856,"children":3857},{"style":287},[3858],{"type":161,"value":307},{"type":151,"tag":280,"props":3860,"children":3861},{"style":287},[3862],{"type":161,"value":312},{"type":151,"tag":280,"props":3864,"children":3865},{"style":315},[3866],{"type":161,"value":2734},{"type":151,"tag":280,"props":3868,"children":3869},{"style":287},[3870],{"type":161,"value":625},{"type":151,"tag":280,"props":3872,"children":3873},{"class":282,"line":680},[3874,3878,3882,3886,3890],{"type":151,"tag":280,"props":3875,"children":3876},{"style":299},[3877],{"type":161,"value":686},{"type":151,"tag":280,"props":3879,"children":3880},{"style":287},[3881],{"type":161,"value":307},{"type":151,"tag":280,"props":3883,"children":3884},{"style":287},[3885],{"type":161,"value":312},{"type":151,"tag":280,"props":3887,"children":3888},{"style":315},[3889],{"type":161,"value":2759},{"type":151,"tag":280,"props":3891,"children":3892},{"style":287},[3893],{"type":161,"value":625},{"type":151,"tag":280,"props":3895,"children":3896},{"class":282,"line":705},[3897,3901,3905,3909,3913,3917,3922,3926,3930,3935,3939,3944],{"type":151,"tag":280,"props":3898,"children":3899},{"style":287},[3900],{"type":161,"value":711},{"type":151,"tag":280,"props":3902,"children":3903},{"style":299},[3904],{"type":161,"value":3752},{"type":151,"tag":280,"props":3906,"children":3907},{"style":287},[3908],{"type":161,"value":307},{"type":151,"tag":280,"props":3910,"children":3911},{"style":287},[3912],{"type":161,"value":312},{"type":151,"tag":280,"props":3914,"children":3915},{"style":287},[3916],{"type":161,"value":754},{"type":151,"tag":280,"props":3918,"children":3919},{"style":293},[3920],{"type":161,"value":3921}," roundCorner",{"type":151,"tag":280,"props":3923,"children":3924},{"style":287},[3925],{"type":161,"value":2551},{"type":151,"tag":280,"props":3927,"children":3928},{"style":287},[3929],{"type":161,"value":2871},{"type":151,"tag":280,"props":3931,"children":3932},{"style":315},[3933],{"type":161,"value":3934},"0:100",{"type":151,"tag":280,"props":3936,"children":3937},{"style":287},[3938],{"type":161,"value":2177},{"type":151,"tag":280,"props":3940,"children":3941},{"style":287},[3942],{"type":161,"value":3943}," }",{"type":151,"tag":280,"props":3945,"children":3946},{"style":287},[3947],{"type":161,"value":625},{"type":151,"tag":280,"props":3949,"children":3950},{"class":282,"line":735},[3951],{"type":151,"tag":280,"props":3952,"children":3953},{"style":757},[3954],{"type":161,"value":1240},{"type":151,"tag":417,"props":3956,"children":3958},{"id":3957},"preload",[3959],{"type":151,"tag":156,"props":3960,"children":3962},{"className":3961},[],[3963],{"type":161,"value":3957},{"type":151,"tag":152,"props":3965,"children":3966},{},[3967,3969,3975],{"type":161,"value":3968},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":151,"tag":156,"props":3970,"children":3972},{"className":3971},[],[3973],{"type":161,"value":3974},"link",{"type":161,"value":3976}," tag in the page's head.",{"type":151,"tag":270,"props":3978,"children":3980},{"className":272,"code":3979,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" preload />\n",[3981],{"type":151,"tag":156,"props":3982,"children":3983},{"__ignoreMap":139},[3984],{"type":151,"tag":280,"props":3985,"children":3986},{"class":282,"line":283},[3987,3991,3995,3999,4003,4007,4011,4015,4020],{"type":151,"tag":280,"props":3988,"children":3989},{"style":287},[3990],{"type":161,"value":290},{"type":151,"tag":280,"props":3992,"children":3993},{"style":293},[3994],{"type":161,"value":296},{"type":151,"tag":280,"props":3996,"children":3997},{"style":299},[3998],{"type":161,"value":302},{"type":151,"tag":280,"props":4000,"children":4001},{"style":287},[4002],{"type":161,"value":307},{"type":151,"tag":280,"props":4004,"children":4005},{"style":287},[4006],{"type":161,"value":312},{"type":151,"tag":280,"props":4008,"children":4009},{"style":315},[4010],{"type":161,"value":318},{"type":151,"tag":280,"props":4012,"children":4013},{"style":287},[4014],{"type":161,"value":312},{"type":151,"tag":280,"props":4016,"children":4017},{"style":299},[4018],{"type":161,"value":4019}," preload",{"type":151,"tag":280,"props":4021,"children":4022},{"style":287},[4023],{"type":161,"value":327},{"type":151,"tag":417,"props":4025,"children":4027},{"id":4026},"loading",[4028],{"type":151,"tag":156,"props":4029,"children":4031},{"className":4030},[],[4032],{"type":161,"value":4026},{"type":151,"tag":152,"props":4034,"children":4035},{},[4036,4038,4044,4046,4053],{"type":161,"value":4037},"This is a ",{"type":151,"tag":388,"props":4039,"children":4042},{"href":4040,"rel":4041},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[1115],[4043],{"type":161,"value":1118},{"type":161,"value":4045}," 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":4047,"children":4050},{"href":4048,"rel":4049},"https://caniuse.com/loading-lazy-attr",[1115],[4051],{"type":161,"value":4052},"supported",{"type":161,"value":4054}," by the latest version of all major browsers since March 2022.",{"type":151,"tag":152,"props":4056,"children":4057},{},[4058,4060,4066],{"type":161,"value":4059},"Set ",{"type":151,"tag":156,"props":4061,"children":4063},{"className":4062},[],[4064],{"type":161,"value":4065},"loading=\"lazy\"",{"type":161,"value":4067}," to defer loading of an image until it appears in the viewport.",{"type":151,"tag":270,"props":4069,"children":4071},{"className":272,"code":4070,"language":274,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[4072],{"type":151,"tag":156,"props":4073,"children":4074},{"__ignoreMap":139},[4075],{"type":151,"tag":280,"props":4076,"children":4077},{"class":282,"line":283},[4078,4082,4086,4090,4094,4098,4102,4106,4111,4115,4119,4124,4128],{"type":151,"tag":280,"props":4079,"children":4080},{"style":287},[4081],{"type":161,"value":290},{"type":151,"tag":280,"props":4083,"children":4084},{"style":293},[4085],{"type":161,"value":296},{"type":151,"tag":280,"props":4087,"children":4088},{"style":299},[4089],{"type":161,"value":302},{"type":151,"tag":280,"props":4091,"children":4092},{"style":287},[4093],{"type":161,"value":307},{"type":151,"tag":280,"props":4095,"children":4096},{"style":287},[4097],{"type":161,"value":312},{"type":151,"tag":280,"props":4099,"children":4100},{"style":315},[4101],{"type":161,"value":318},{"type":151,"tag":280,"props":4103,"children":4104},{"style":287},[4105],{"type":161,"value":312},{"type":151,"tag":280,"props":4107,"children":4108},{"style":299},[4109],{"type":161,"value":4110}," loading",{"type":151,"tag":280,"props":4112,"children":4113},{"style":287},[4114],{"type":161,"value":307},{"type":151,"tag":280,"props":4116,"children":4117},{"style":287},[4118],{"type":161,"value":312},{"type":151,"tag":280,"props":4120,"children":4121},{"style":315},[4122],{"type":161,"value":4123},"lazy",{"type":151,"tag":280,"props":4125,"children":4126},{"style":287},[4127],{"type":161,"value":312},{"type":151,"tag":280,"props":4129,"children":4130},{"style":287},[4131],{"type":161,"value":327},{"type":151,"tag":417,"props":4133,"children":4135},{"id":4134},"nonce",[4136],{"type":151,"tag":156,"props":4137,"children":4139},{"className":4138},[],[4140],{"type":161,"value":4134},{"type":151,"tag":152,"props":4142,"children":4143},{},[4144,4145,4151,4153,4159,4161,4166],{"type":161,"value":4037},{"type":151,"tag":388,"props":4146,"children":4149},{"href":4147,"rel":4148},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[1115],[4150],{"type":161,"value":1118},{"type":161,"value":4152}," 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":4154,"children":4156},{"className":4155},[],[4157],{"type":161,"value":4158},"unsafe-inline",{"type":161,"value":4160}," directive, which would allowlist ",{"type":151,"tag":1127,"props":4162,"children":4163},{},[4164],{"type":161,"value":4165},"all",{"type":161,"value":4167}," inline script or styles.",{"type":151,"tag":270,"props":4169,"children":4171},{"className":272,"code":4170,"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",[4172],{"type":151,"tag":156,"props":4173,"children":4174},{"__ignoreMap":139},[4175,4190,4201,4224,4251,4258,4273,4280,4319,4327,4335,4360],{"type":151,"tag":280,"props":4176,"children":4177},{"class":282,"line":283},[4178,4182,4186],{"type":151,"tag":280,"props":4179,"children":4180},{"style":287},[4181],{"type":161,"value":290},{"type":151,"tag":280,"props":4183,"children":4184},{"style":293},[4185],{"type":161,"value":2055},{"type":151,"tag":280,"props":4187,"children":4188},{"style":287},[4189],{"type":161,"value":377},{"type":151,"tag":280,"props":4191,"children":4192},{"class":282,"line":601},[4193,4197],{"type":151,"tag":280,"props":4194,"children":4195},{"style":287},[4196],{"type":161,"value":2067},{"type":151,"tag":280,"props":4198,"children":4199},{"style":293},[4200],{"type":161,"value":598},{"type":151,"tag":280,"props":4202,"children":4203},{"class":282,"line":628},[4204,4208,4212,4216,4220],{"type":151,"tag":280,"props":4205,"children":4206},{"style":299},[4207],{"type":161,"value":2079},{"type":151,"tag":280,"props":4209,"children":4210},{"style":287},[4211],{"type":161,"value":307},{"type":151,"tag":280,"props":4213,"children":4214},{"style":287},[4215],{"type":161,"value":312},{"type":151,"tag":280,"props":4217,"children":4218},{"style":315},[4219],{"type":161,"value":318},{"type":151,"tag":280,"props":4221,"children":4222},{"style":287},[4223],{"type":161,"value":625},{"type":151,"tag":280,"props":4225,"children":4226},{"class":282,"line":654},[4227,4231,4235,4239,4243,4247],{"type":151,"tag":280,"props":4228,"children":4229},{"style":287},[4230],{"type":161,"value":2104},{"type":151,"tag":280,"props":4232,"children":4233},{"style":299},[4234],{"type":161,"value":4134},{"type":151,"tag":280,"props":4236,"children":4237},{"style":287},[4238],{"type":161,"value":307},{"type":151,"tag":280,"props":4240,"children":4241},{"style":287},[4242],{"type":161,"value":312},{"type":151,"tag":280,"props":4244,"children":4245},{"style":757},[4246],{"type":161,"value":4134},{"type":151,"tag":280,"props":4248,"children":4249},{"style":287},[4250],{"type":161,"value":625},{"type":151,"tag":280,"props":4252,"children":4253},{"class":282,"line":680},[4254],{"type":151,"tag":280,"props":4255,"children":4256},{"style":287},[4257],{"type":161,"value":2238},{"type":151,"tag":280,"props":4259,"children":4260},{"class":282,"line":705},[4261,4265,4269],{"type":151,"tag":280,"props":4262,"children":4263},{"style":287},[4264],{"type":161,"value":920},{"type":151,"tag":280,"props":4266,"children":4267},{"style":293},[4268],{"type":161,"value":2055},{"type":151,"tag":280,"props":4270,"children":4271},{"style":287},[4272],{"type":161,"value":377},{"type":151,"tag":280,"props":4274,"children":4275},{"class":282,"line":735},[4276],{"type":151,"tag":280,"props":4277,"children":4278},{"emptyLinePlaceholder":856},[4279],{"type":161,"value":859},{"type":151,"tag":280,"props":4281,"children":4282},{"class":282,"line":790},[4283,4287,4291,4295,4299,4303,4307,4311,4315],{"type":151,"tag":280,"props":4284,"children":4285},{"style":287},[4286],{"type":161,"value":290},{"type":151,"tag":280,"props":4288,"children":4289},{"style":293},[4290],{"type":161,"value":2272},{"type":151,"tag":280,"props":4292,"children":4293},{"style":299},[4294],{"type":161,"value":2277},{"type":151,"tag":280,"props":4296,"children":4297},{"style":299},[4298],{"type":161,"value":2282},{"type":151,"tag":280,"props":4300,"children":4301},{"style":287},[4302],{"type":161,"value":307},{"type":151,"tag":280,"props":4304,"children":4305},{"style":287},[4306],{"type":161,"value":312},{"type":151,"tag":280,"props":4308,"children":4309},{"style":315},[4310],{"type":161,"value":2295},{"type":151,"tag":280,"props":4312,"children":4313},{"style":287},[4314],{"type":161,"value":312},{"type":151,"tag":280,"props":4316,"children":4317},{"style":287},[4318],{"type":161,"value":377},{"type":151,"tag":280,"props":4320,"children":4321},{"class":282,"line":798},[4322],{"type":151,"tag":280,"props":4323,"children":4324},{"style":1629},[4325],{"type":161,"value":4326},"// useNonce is not provided by @nuxt/image but might be\n",{"type":151,"tag":280,"props":4328,"children":4329},{"class":282,"line":807},[4330],{"type":151,"tag":280,"props":4331,"children":4332},{"style":1629},[4333],{"type":161,"value":4334},"// provided by another module, for example nuxt-security\n",{"type":151,"tag":280,"props":4336,"children":4337},{"class":282,"line":816},[4338,4342,4347,4351,4356],{"type":151,"tag":280,"props":4339,"children":4340},{"style":299},[4341],{"type":161,"value":2311},{"type":151,"tag":280,"props":4343,"children":4344},{"style":757},[4345],{"type":161,"value":4346}," nonce ",{"type":151,"tag":280,"props":4348,"children":4349},{"style":287},[4350],{"type":161,"value":307},{"type":151,"tag":280,"props":4352,"children":4353},{"style":2119},[4354],{"type":161,"value":4355}," useNonce",{"type":151,"tag":280,"props":4357,"children":4358},{"style":757},[4359],{"type":161,"value":2330},{"type":151,"tag":280,"props":4361,"children":4362},{"class":282,"line":825},[4363,4367,4371],{"type":151,"tag":280,"props":4364,"children":4365},{"style":287},[4366],{"type":161,"value":920},{"type":151,"tag":280,"props":4368,"children":4369},{"style":293},[4370],{"type":161,"value":2272},{"type":151,"tag":280,"props":4372,"children":4373},{"style":287},[4374],{"type":161,"value":377},{"type":151,"tag":240,"props":4376,"children":4378},{"id":4377},"events",[4379],{"type":161,"value":4380},"Events",{"type":151,"tag":152,"props":4382,"children":4383},{},[4384,4386,4391,4393,4398,4399,4404],{"type":161,"value":4385},"Native events emitted by the ",{"type":151,"tag":156,"props":4387,"children":4389},{"className":4388},[],[4390],{"type":161,"value":169},{"type":161,"value":4392}," element contained by ",{"type":151,"tag":156,"props":4394,"children":4396},{"className":4395},[],[4397],{"type":161,"value":25},{"type":161,"value":207},{"type":151,"tag":156,"props":4400,"children":4402},{"className":4401},[],[4403],{"type":161,"value":28},{"type":161,"value":4405}," components are re-emitted and can be listened to.",{"type":151,"tag":152,"props":4407,"children":4408},{},[4409,4413,4415,4421,4423],{"type":151,"tag":494,"props":4410,"children":4411},{},[4412],{"type":161,"value":1338},{"type":161,"value":4414}," Listen to the native ",{"type":151,"tag":156,"props":4416,"children":4418},{"className":4417},[],[4419],{"type":161,"value":4420},"onLoad",{"type":161,"value":4422}," event from ",{"type":151,"tag":156,"props":4424,"children":4426},{"className":4425},[],[4427],{"type":161,"value":25},{"type":151,"tag":270,"props":4429,"children":4431},{"className":272,"code":4430,"language":274,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/images/colors.jpg\"\n  width=\"500\"\n  height=\"500\"\n  @load=\"doSomethingOnLoad\"\n/>\n",[4432],{"type":151,"tag":156,"props":4433,"children":4434},{"__ignoreMap":139},[4435,4446,4470,4494,4517,4547],{"type":151,"tag":280,"props":4436,"children":4437},{"class":282,"line":283},[4438,4442],{"type":151,"tag":280,"props":4439,"children":4440},{"style":287},[4441],{"type":161,"value":290},{"type":151,"tag":280,"props":4443,"children":4444},{"style":293},[4445],{"type":161,"value":598},{"type":151,"tag":280,"props":4447,"children":4448},{"class":282,"line":601},[4449,4453,4457,4461,4466],{"type":151,"tag":280,"props":4450,"children":4451},{"style":299},[4452],{"type":161,"value":607},{"type":151,"tag":280,"props":4454,"children":4455},{"style":287},[4456],{"type":161,"value":307},{"type":151,"tag":280,"props":4458,"children":4459},{"style":287},[4460],{"type":161,"value":312},{"type":151,"tag":280,"props":4462,"children":4463},{"style":315},[4464],{"type":161,"value":4465},"/images/colors.jpg",{"type":151,"tag":280,"props":4467,"children":4468},{"style":287},[4469],{"type":161,"value":625},{"type":151,"tag":280,"props":4471,"children":4472},{"class":282,"line":628},[4473,4477,4481,4485,4490],{"type":151,"tag":280,"props":4474,"children":4475},{"style":299},[4476],{"type":161,"value":660},{"type":151,"tag":280,"props":4478,"children":4479},{"style":287},[4480],{"type":161,"value":307},{"type":151,"tag":280,"props":4482,"children":4483},{"style":287},[4484],{"type":161,"value":312},{"type":151,"tag":280,"props":4486,"children":4487},{"style":315},[4488],{"type":161,"value":4489},"500",{"type":151,"tag":280,"props":4491,"children":4492},{"style":287},[4493],{"type":161,"value":625},{"type":151,"tag":280,"props":4495,"children":4496},{"class":282,"line":654},[4497,4501,4505,4509,4513],{"type":151,"tag":280,"props":4498,"children":4499},{"style":299},[4500],{"type":161,"value":686},{"type":151,"tag":280,"props":4502,"children":4503},{"style":287},[4504],{"type":161,"value":307},{"type":151,"tag":280,"props":4506,"children":4507},{"style":287},[4508],{"type":161,"value":312},{"type":151,"tag":280,"props":4510,"children":4511},{"style":315},[4512],{"type":161,"value":4489},{"type":151,"tag":280,"props":4514,"children":4515},{"style":287},[4516],{"type":161,"value":625},{"type":151,"tag":280,"props":4518,"children":4519},{"class":282,"line":680},[4520,4525,4530,4534,4538,4543],{"type":151,"tag":280,"props":4521,"children":4522},{"style":287},[4523],{"type":161,"value":4524},"  @",{"type":151,"tag":280,"props":4526,"children":4527},{"style":299},[4528],{"type":161,"value":4529},"load",{"type":151,"tag":280,"props":4531,"children":4532},{"style":287},[4533],{"type":161,"value":307},{"type":151,"tag":280,"props":4535,"children":4536},{"style":287},[4537],{"type":161,"value":312},{"type":151,"tag":280,"props":4539,"children":4540},{"style":757},[4541],{"type":161,"value":4542},"doSomethingOnLoad",{"type":151,"tag":280,"props":4544,"children":4545},{"style":287},[4546],{"type":161,"value":625},{"type":151,"tag":280,"props":4548,"children":4549},{"class":282,"line":705},[4550],{"type":151,"tag":280,"props":4551,"children":4552},{"style":757},[4553],{"type":161,"value":1240},{"type":151,"tag":4555,"props":4556,"children":4557},"style",{},[4558],{"type":161,"value":4559},"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":4561},[4562,4563,4583],{"id":137,"depth":601,"text":21},{"id":412,"depth":601,"text":415,"children":4564},[4565,4566,4567,4569,4570,4571,4572,4573,4574,4575,4576,4577,4578,4579,4580,4581,4582],{"id":419,"depth":628,"text":419},{"id":192,"depth":628,"text":192},{"id":1048,"depth":628,"text":4568},"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":2348,"depth":628,"text":2348},{"id":2594,"depth":628,"text":2594},{"id":2912,"depth":628,"text":2912},{"id":3274,"depth":628,"text":3274},{"id":3413,"depth":628,"text":3413},{"id":3549,"depth":628,"text":3549},{"id":3752,"depth":628,"text":3752},{"id":3957,"depth":628,"text":3957},{"id":4026,"depth":628,"text":4026},{"id":4134,"depth":628,"text":4134},{"id":4377,"depth":601,"text":4380},"markdown","content:2.usage:1.nuxt-img.md","content","2.usage/1.nuxt-img.md","2.usage/1.nuxt-img",[4590,4814],{"_path":19,"_dir":4591,"_draft":138,"_partial":138,"_locale":139,"title":18,"description":4592,"body":4593,"_type":4584,"_id":4811,"_source":4586,"_file":4812,"_stem":4813,"_extension":1328},"get-started","We can never thank you enough for your contributions.",{"type":148,"children":4594,"toc":4805},[4595,4612,4618,4670,4676,4751,4757],{"type":151,"tag":379,"props":4596,"children":4597},{},[4598],{"type":151,"tag":152,"props":4599,"children":4600},{},[4601,4603,4610],{"type":161,"value":4602},"It is highly recommended to read the ",{"type":151,"tag":388,"props":4604,"children":4607},{"href":4605,"rel":4606},"https://nuxt.com/docs/community/contribution",[1115],[4608],{"type":161,"value":4609},"Nuxt contribution guide",{"type":161,"value":4611}," before making any contributions.",{"type":151,"tag":240,"props":4613,"children":4615},{"id":4614},"how-to-contribute",[4616],{"type":161,"value":4617},"How to contribute?",{"type":151,"tag":173,"props":4619,"children":4620},{},[4621,4635,4646,4657],{"type":151,"tag":177,"props":4622,"children":4623},{},[4624,4626,4633],{"type":161,"value":4625},"Clone ",{"type":151,"tag":388,"props":4627,"children":4630},{"href":4628,"rel":4629},"https://github.com/nuxt/image",[1115],[4631],{"type":161,"value":4632},"nuxt/image",{"type":161,"value":4634}," repository",{"type":151,"tag":177,"props":4636,"children":4637},{},[4638,4640],{"type":161,"value":4639},"Enable Corepack using ",{"type":151,"tag":156,"props":4641,"children":4643},{"className":4642},[],[4644],{"type":161,"value":4645},"corepack enable",{"type":151,"tag":177,"props":4647,"children":4648},{},[4649,4651],{"type":161,"value":4650},"Install dependencies using ",{"type":151,"tag":156,"props":4652,"children":4654},{"className":4653},[],[4655],{"type":161,"value":4656},"pnpm install",{"type":151,"tag":177,"props":4658,"children":4659},{},[4660,4662,4668],{"type":161,"value":4661},"Run ",{"type":151,"tag":156,"props":4663,"children":4665},{"className":4664},[],[4666],{"type":161,"value":4667},"pnpm dev:prepare",{"type":161,"value":4669}," to generate type stubs.",{"type":151,"tag":417,"props":4671,"children":4673},{"id":4672},"nuxt-image",[4674],{"type":161,"value":4675},"Nuxt Image",{"type":151,"tag":173,"props":4677,"children":4678},{},[4679,4700,4705,4727,4738],{"type":151,"tag":177,"props":4680,"children":4681},{},[4682,4683,4689,4691,4698],{"type":161,"value":1159},{"type":151,"tag":156,"props":4684,"children":4686},{"className":4685},[],[4687],{"type":161,"value":4688},"pnpm dev",{"type":161,"value":4690}," to start the ",{"type":151,"tag":388,"props":4692,"children":4695},{"href":4693,"rel":4694},"https://github.com/nuxt/image/tree/main/playground",[1115],[4696],{"type":161,"value":4697},"playground",{"type":161,"value":4699}," in development mode.",{"type":151,"tag":177,"props":4701,"children":4702},{},[4703],{"type":161,"value":4704},"Apply your changes",{"type":151,"tag":177,"props":4706,"children":4707},{},[4708,4710,4717,4719,4725],{"type":161,"value":4709},"Add tests into the ",{"type":151,"tag":388,"props":4711,"children":4714},{"href":4712,"rel":4713},"https://github.com/nuxt/image/tree/main/test",[1115],[4715],{"type":161,"value":4716},"test/",{"type":161,"value":4718}," directory and run ",{"type":151,"tag":156,"props":4720,"children":4722},{"className":4721},[],[4723],{"type":161,"value":4724},"pnpm test",{"type":161,"value":4726}," to make sure they pass.",{"type":151,"tag":177,"props":4728,"children":4729},{},[4730,4732],{"type":161,"value":4731},"Check the code style with ",{"type":151,"tag":156,"props":4733,"children":4735},{"className":4734},[],[4736],{"type":161,"value":4737},"pnpm lint",{"type":151,"tag":177,"props":4739,"children":4740},{},[4741,4743,4749],{"type":161,"value":4742},"Before creating a PR, make sure to run ",{"type":151,"tag":156,"props":4744,"children":4746},{"className":4745},[],[4747],{"type":161,"value":4748},"pnpm build",{"type":161,"value":4750}," and that no errors are reported.",{"type":151,"tag":417,"props":4752,"children":4754},{"id":4753},"documentation",[4755],{"type":161,"value":4756},"Documentation",{"type":151,"tag":173,"props":4758,"children":4759},{},[4760,4778,4791],{"type":151,"tag":177,"props":4761,"children":4762},{},[4763,4764,4770,4771,4777],{"type":161,"value":1159},{"type":151,"tag":156,"props":4765,"children":4767},{"className":4766},[],[4768],{"type":161,"value":4769},"pnpm docs:dev",{"type":161,"value":4690},{"type":151,"tag":388,"props":4772,"children":4775},{"href":4773,"rel":4774},"https://github.com/nuxt/image/tree/main/docs",[1115],[4776],{"type":161,"value":4753},{"type":161,"value":4699},{"type":151,"tag":177,"props":4779,"children":4780},{},[4781,4783,4789],{"type":161,"value":4782},"Open ",{"type":151,"tag":388,"props":4784,"children":4787},{"href":4785,"rel":4786},"http://localhost:3000",[1115],[4788],{"type":161,"value":4785},{"type":161,"value":4790}," to view it in the browser.",{"type":151,"tag":177,"props":4792,"children":4793},{},[4794,4796,4803],{"type":161,"value":4795},"Update the content of the documentation in the ",{"type":151,"tag":388,"props":4797,"children":4800},{"href":4798,"rel":4799},"https://github.com/nuxt/image/tree/main/docs/content",[1115],[4801],{"type":161,"value":4802},"docs/content/",{"type":161,"value":4804}," directory.",{"title":139,"searchDepth":601,"depth":601,"links":4806},[4807],{"id":4614,"depth":601,"text":4617,"children":4808},[4809,4810],{"id":4672,"depth":628,"text":4675},{"id":4753,"depth":628,"text":4756},"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":4815,"links":4816,"body":4819,"_type":4584,"_id":5373,"_source":4586,"_file":5374,"_stem":5375,"_extension":1328},"Discover how to use and configure the Nuxt Picture component.",[4817],{"label":143,"icon":144,"to":4818,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts",{"type":148,"children":4820,"toc":5366},[4821,4837,4867,4885,4922,4926,4943,4951,4956,5029,5070,5080,5085,5130,5139,5151,5158,5362],{"type":151,"tag":152,"props":4822,"children":4823},{},[4824,4829,4830,4836],{"type":151,"tag":156,"props":4825,"children":4827},{"className":4826},[],[4828],{"type":161,"value":28},{"type":161,"value":163},{"type":151,"tag":156,"props":4831,"children":4833},{"className":4832},[],[4834],{"type":161,"value":4835},"\u003Cpicture>",{"type":161,"value":171},{"type":151,"tag":152,"props":4838,"children":4839},{},[4840,4842,4847,4849,4858,4860,4865],{"type":161,"value":4841},"Usage of ",{"type":151,"tag":156,"props":4843,"children":4845},{"className":4844},[],[4846],{"type":161,"value":28},{"type":161,"value":4848}," is almost identical to ",{"type":151,"tag":388,"props":4850,"children":4852},{"href":4851},"nuxt-img",[4853],{"type":151,"tag":156,"props":4854,"children":4856},{"className":4855},[],[4857],{"type":161,"value":25},{"type":161,"value":4859}," but also allows serving modern formats like ",{"type":151,"tag":156,"props":4861,"children":4863},{"className":4862},[],[4864],{"type":161,"value":3324},{"type":161,"value":4866}," when possible.",{"type":151,"tag":152,"props":4868,"children":4869},{},[4870,4872,4884],{"type":161,"value":4871},"Learn more about the ",{"type":151,"tag":388,"props":4873,"children":4876},{"href":4874,"rel":4875},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[1115],[4877,4882],{"type":151,"tag":156,"props":4878,"children":4880},{"className":4879},[],[4881],{"type":161,"value":4835},{"type":161,"value":4883}," tag on MDN",{"type":161,"value":1266},{"type":151,"tag":379,"props":4886,"children":4889},{"color":4887,"icon":4888},"amber","i-heroicons-exclamation-triangle",[4890],{"type":151,"tag":152,"props":4891,"children":4892},{},[4893,4895,4905,4906,4911,4913,4920],{"type":161,"value":4894},"Unlike the native ",{"type":151,"tag":388,"props":4896,"children":4898},{"href":4874,"rel":4897},[1115],[4899,4904],{"type":151,"tag":156,"props":4900,"children":4902},{"className":4901},[],[4903],{"type":161,"value":4835},{"type":161,"value":1154},{"type":161,"value":519},{"type":151,"tag":156,"props":4907,"children":4909},{"className":4908},[],[4910],{"type":161,"value":28},{"type":161,"value":4912}," currently doesn't support using multiple image sources. See ",{"type":151,"tag":388,"props":4914,"children":4917},{"href":4915,"rel":4916},"https://github.com/nuxt/image/issues/309",[1115],[4918],{"type":161,"value":4919},"#309",{"type":161,"value":4921}," for more info.",{"type":151,"tag":240,"props":4923,"children":4924},{"id":412},[4925],{"type":161,"value":415},{"type":151,"tag":379,"props":4927,"children":4928},{},[4929],{"type":151,"tag":152,"props":4930,"children":4931},{},[4932,4934],{"type":161,"value":4933},"See props supported by",{"type":151,"tag":388,"props":4935,"children":4937},{"href":4936},"/usage/nuxt-img#props",[4938],{"type":151,"tag":156,"props":4939,"children":4941},{"className":4940},[],[4942],{"type":161,"value":25},{"type":151,"tag":417,"props":4944,"children":4945},{"id":3274},[4946],{"type":151,"tag":156,"props":4947,"children":4949},{"className":4948},[],[4950],{"type":161,"value":3274},{"type":151,"tag":152,"props":4952,"children":4953},{},[4954],{"type":161,"value":4955},"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":4957,"children":4959},{"className":272,"code":4958,"language":274,"meta":139,"style":139},"\u003CNuxtPicture\n  format=\"avif,webp\"\n  src=\"/nuxt-icon.png\"\n/>\n",[4960],{"type":151,"tag":156,"props":4961,"children":4962},{"__ignoreMap":139},[4963,4975,4999,5022],{"type":151,"tag":280,"props":4964,"children":4965},{"class":282,"line":283},[4966,4970],{"type":151,"tag":280,"props":4967,"children":4968},{"style":287},[4969],{"type":161,"value":290},{"type":151,"tag":280,"props":4971,"children":4972},{"style":293},[4973],{"type":161,"value":4974},"NuxtPicture\n",{"type":151,"tag":280,"props":4976,"children":4977},{"class":282,"line":601},[4978,4982,4986,4990,4995],{"type":151,"tag":280,"props":4979,"children":4980},{"style":299},[4981],{"type":161,"value":3311},{"type":151,"tag":280,"props":4983,"children":4984},{"style":287},[4985],{"type":161,"value":307},{"type":151,"tag":280,"props":4987,"children":4988},{"style":287},[4989],{"type":161,"value":312},{"type":151,"tag":280,"props":4991,"children":4992},{"style":315},[4993],{"type":161,"value":4994},"avif,webp",{"type":151,"tag":280,"props":4996,"children":4997},{"style":287},[4998],{"type":161,"value":625},{"type":151,"tag":280,"props":5000,"children":5001},{"class":282,"line":628},[5002,5006,5010,5014,5018],{"type":151,"tag":280,"props":5003,"children":5004},{"style":299},[5005],{"type":161,"value":607},{"type":151,"tag":280,"props":5007,"children":5008},{"style":287},[5009],{"type":161,"value":307},{"type":151,"tag":280,"props":5011,"children":5012},{"style":287},[5013],{"type":161,"value":312},{"type":151,"tag":280,"props":5015,"children":5016},{"style":315},[5017],{"type":161,"value":318},{"type":151,"tag":280,"props":5019,"children":5020},{"style":287},[5021],{"type":161,"value":625},{"type":151,"tag":280,"props":5023,"children":5024},{"class":282,"line":654},[5025],{"type":151,"tag":280,"props":5026,"children":5027},{"style":757},[5028],{"type":161,"value":1240},{"type":151,"tag":152,"props":5030,"children":5031},{},[5032,5033,5038,5039,5044,5045,5050,5051,5056,5057,5062,5064,5069],{"type":161,"value":3363},{"type":151,"tag":156,"props":5034,"children":5036},{"className":5035},[],[5037],{"type":161,"value":3324},{"type":161,"value":519},{"type":151,"tag":156,"props":5040,"children":5042},{"className":5041},[],[5043],{"type":161,"value":3375},{"type":161,"value":519},{"type":151,"tag":156,"props":5046,"children":5048},{"className":5047},[],[5049],{"type":161,"value":3382},{"type":161,"value":519},{"type":151,"tag":156,"props":5052,"children":5054},{"className":5053},[],[5055],{"type":161,"value":3184},{"type":161,"value":519},{"type":151,"tag":156,"props":5058,"children":5060},{"className":5059},[],[5061],{"type":161,"value":2182},{"type":161,"value":5063},", and ",{"type":151,"tag":156,"props":5065,"children":5067},{"className":5066},[],[5068],{"type":161,"value":3401},{"type":161,"value":3410},{"type":151,"tag":417,"props":5071,"children":5073},{"id":5072},"legacyformat",[5074],{"type":151,"tag":156,"props":5075,"children":5077},{"className":5076},[],[5078],{"type":161,"value":5079},"legacyFormat",{"type":151,"tag":152,"props":5081,"children":5082},{},[5083],{"type":161,"value":5084},"Format used for fallback. Default is conditional:",{"type":151,"tag":173,"props":5086,"children":5087},{},[5088,5119],{"type":151,"tag":177,"props":5089,"children":5090},{},[5091,5093,5098,5099,5104,5105,5110,5112,5117],{"type":161,"value":5092},"If original format supports transparency (",{"type":151,"tag":156,"props":5094,"children":5096},{"className":5095},[],[5097],{"type":161,"value":2182},{"type":161,"value":519},{"type":151,"tag":156,"props":5100,"children":5102},{"className":5101},[],[5103],{"type":161,"value":3324},{"type":161,"value":5063},{"type":151,"tag":156,"props":5106,"children":5108},{"className":5107},[],[5109],{"type":161,"value":3401},{"type":161,"value":5111},"), ",{"type":151,"tag":156,"props":5113,"children":5115},{"className":5114},[],[5116],{"type":161,"value":2182},{"type":161,"value":5118}," is used for fallback",{"type":151,"tag":177,"props":5120,"children":5121},{},[5122,5124,5129],{"type":161,"value":5123},"Otherwise ",{"type":151,"tag":156,"props":5125,"children":5127},{"className":5126},[],[5128],{"type":161,"value":3382},{"type":161,"value":5118},{"type":151,"tag":417,"props":5131,"children":5133},{"id":5132},"imgattrs",[5134],{"type":151,"tag":156,"props":5135,"children":5137},{"className":5136},[],[5138],{"type":161,"value":502},{"type":151,"tag":152,"props":5140,"children":5141},{},[5142,5144,5149],{"type":161,"value":5143},"Allows you to set additional HTML-attributes on the ",{"type":151,"tag":156,"props":5145,"children":5147},{"className":5146},[],[5148],{"type":161,"value":259},{"type":161,"value":5150}," element.",{"type":151,"tag":152,"props":5152,"children":5153},{},[5154],{"type":151,"tag":494,"props":5155,"children":5156},{},[5157],{"type":161,"value":1338},{"type":151,"tag":270,"props":5159,"children":5161},{"className":272,"code":5160,"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",[5162],{"type":151,"tag":156,"props":5163,"children":5164},{"__ignoreMap":139},[5165,5176,5199,5222,5251,5280,5309,5343,5355],{"type":151,"tag":280,"props":5166,"children":5167},{"class":282,"line":283},[5168,5172],{"type":151,"tag":280,"props":5169,"children":5170},{"style":287},[5171],{"type":161,"value":290},{"type":151,"tag":280,"props":5173,"children":5174},{"style":293},[5175],{"type":161,"value":4974},{"type":151,"tag":280,"props":5177,"children":5178},{"class":282,"line":601},[5179,5183,5187,5191,5195],{"type":151,"tag":280,"props":5180,"children":5181},{"style":299},[5182],{"type":161,"value":607},{"type":151,"tag":280,"props":5184,"children":5185},{"style":287},[5186],{"type":161,"value":307},{"type":151,"tag":280,"props":5188,"children":5189},{"style":287},[5190],{"type":161,"value":312},{"type":151,"tag":280,"props":5192,"children":5193},{"style":315},[5194],{"type":161,"value":318},{"type":151,"tag":280,"props":5196,"children":5197},{"style":287},[5198],{"type":161,"value":625},{"type":151,"tag":280,"props":5200,"children":5201},{"class":282,"line":628},[5202,5206,5210,5214,5218],{"type":151,"tag":280,"props":5203,"children":5204},{"style":287},[5205],{"type":161,"value":711},{"type":151,"tag":280,"props":5207,"children":5208},{"style":299},[5209],{"type":161,"value":502},{"type":151,"tag":280,"props":5211,"children":5212},{"style":287},[5213],{"type":161,"value":307},{"type":151,"tag":280,"props":5215,"children":5216},{"style":287},[5217],{"type":161,"value":312},{"type":151,"tag":280,"props":5219,"children":5220},{"style":287},[5221],{"type":161,"value":2822},{"type":151,"tag":280,"props":5223,"children":5224},{"class":282,"line":654},[5225,5230,5234,5238,5243,5247],{"type":151,"tag":280,"props":5226,"children":5227},{"style":293},[5228],{"type":161,"value":5229},"    id",{"type":151,"tag":280,"props":5231,"children":5232},{"style":287},[5233],{"type":161,"value":2551},{"type":151,"tag":280,"props":5235,"children":5236},{"style":287},[5237],{"type":161,"value":2871},{"type":151,"tag":280,"props":5239,"children":5240},{"style":315},[5241],{"type":161,"value":5242},"my-id",{"type":151,"tag":280,"props":5244,"children":5245},{"style":287},[5246],{"type":161,"value":2177},{"type":151,"tag":280,"props":5248,"children":5249},{"style":287},[5250],{"type":161,"value":3163},{"type":151,"tag":280,"props":5252,"children":5253},{"class":282,"line":680},[5254,5259,5263,5267,5272,5276],{"type":151,"tag":280,"props":5255,"children":5256},{"style":293},[5257],{"type":161,"value":5258},"    class",{"type":151,"tag":280,"props":5260,"children":5261},{"style":287},[5262],{"type":161,"value":2551},{"type":151,"tag":280,"props":5264,"children":5265},{"style":287},[5266],{"type":161,"value":2871},{"type":151,"tag":280,"props":5268,"children":5269},{"style":315},[5270],{"type":161,"value":5271},"my-class",{"type":151,"tag":280,"props":5273,"children":5274},{"style":287},[5275],{"type":161,"value":2177},{"type":151,"tag":280,"props":5277,"children":5278},{"style":287},[5279],{"type":161,"value":3163},{"type":151,"tag":280,"props":5281,"children":5282},{"class":282,"line":705},[5283,5288,5292,5296,5301,5305],{"type":151,"tag":280,"props":5284,"children":5285},{"style":293},[5286],{"type":161,"value":5287},"    style",{"type":151,"tag":280,"props":5289,"children":5290},{"style":287},[5291],{"type":161,"value":2551},{"type":151,"tag":280,"props":5293,"children":5294},{"style":287},[5295],{"type":161,"value":2871},{"type":151,"tag":280,"props":5297,"children":5298},{"style":315},[5299],{"type":161,"value":5300},"display: block",{"type":151,"tag":280,"props":5302,"children":5303},{"style":287},[5304],{"type":161,"value":2177},{"type":151,"tag":280,"props":5306,"children":5307},{"style":287},[5308],{"type":161,"value":3163},{"type":151,"tag":280,"props":5310,"children":5311},{"class":282,"line":735},[5312,5317,5322,5326,5330,5334,5339],{"type":151,"tag":280,"props":5313,"children":5314},{"style":287},[5315],{"type":161,"value":5316},"    '",{"type":151,"tag":280,"props":5318,"children":5319},{"style":293},[5320],{"type":161,"value":5321},"data-my-data",{"type":151,"tag":280,"props":5323,"children":5324},{"style":287},[5325],{"type":161,"value":2177},{"type":151,"tag":280,"props":5327,"children":5328},{"style":287},[5329],{"type":161,"value":2551},{"type":151,"tag":280,"props":5331,"children":5332},{"style":287},[5333],{"type":161,"value":2871},{"type":151,"tag":280,"props":5335,"children":5336},{"style":315},[5337],{"type":161,"value":5338},"my-value",{"type":151,"tag":280,"props":5340,"children":5341},{"style":287},[5342],{"type":161,"value":2881},{"type":151,"tag":280,"props":5344,"children":5345},{"class":282,"line":790},[5346,5351],{"type":151,"tag":280,"props":5347,"children":5348},{"style":287},[5349],{"type":161,"value":5350},"  }",{"type":151,"tag":280,"props":5352,"children":5353},{"style":287},[5354],{"type":161,"value":625},{"type":151,"tag":280,"props":5356,"children":5357},{"class":282,"line":798},[5358],{"type":151,"tag":280,"props":5359,"children":5360},{"style":757},[5361],{"type":161,"value":1240},{"type":151,"tag":4555,"props":5363,"children":5364},{},[5365],{"type":161,"value":4559},{"title":139,"searchDepth":601,"depth":601,"links":5367},[5368],{"id":412,"depth":601,"text":415,"children":5369},[5370,5371,5372],{"id":3274,"depth":628,"text":3274},{"id":5072,"depth":628,"text":5079},{"id":5132,"depth":628,"text":502},"content:2.usage:2.nuxt-picture.md","2.usage/2.nuxt-picture.md","2.usage/2.nuxt-picture",1743508156673]