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