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