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