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