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