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