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