[{"data":1,"prerenderedAt":6480},["ShallowReactive",2],{"navigation":3,"docs-/usage/nuxt-picture":136,"docs-/usage/nuxt-picture-surround":775},[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},"Fastly","/providers/fastly",{"title":67,"_path":68},"Filerobot","/providers/filerobot",{"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":769,"_id":770,"_source":771,"_file":772,"_stem":773,"_extension":774},"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":762},"root",[150,172,204,224,264,271,288,298,303,398,446,456,461,508,518,531,540,756],{"type":151,"tag":152,"props":153,"children":154},"element","p",{},[155,162,164,170],{"type":151,"tag":156,"props":157,"children":159},"code",{"className":158},[],[160],{"type":161,"value":28},"text",{"type":161,"value":163}," is a drop-in replacement for the native ",{"type":151,"tag":156,"props":165,"children":167},{"className":166},[],[168],{"type":161,"value":169},"\u003Cpicture>",{"type":161,"value":171}," tag.",{"type":151,"tag":152,"props":173,"children":174},{},[175,177,182,184,194,196,202],{"type":161,"value":176},"Usage of ",{"type":151,"tag":156,"props":178,"children":180},{"className":179},[],[181],{"type":161,"value":28},{"type":161,"value":183}," is almost identical to ",{"type":151,"tag":185,"props":186,"children":188},"a",{"href":187},"nuxt-img",[189],{"type":151,"tag":156,"props":190,"children":192},{"className":191},[],[193],{"type":161,"value":25},{"type":161,"value":195}," but also allows serving modern formats like ",{"type":151,"tag":156,"props":197,"children":199},{"className":198},[],[200],{"type":161,"value":201},"webp",{"type":161,"value":203}," when possible.",{"type":151,"tag":152,"props":205,"children":206},{},[207,209,222],{"type":161,"value":208},"Learn more about the ",{"type":151,"tag":185,"props":210,"children":214},{"href":211,"rel":212},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[213],"nofollow",[215,220],{"type":151,"tag":156,"props":216,"children":218},{"className":217},[],[219],{"type":161,"value":169},{"type":161,"value":221}," tag on MDN",{"type":161,"value":223},".",{"type":151,"tag":225,"props":226,"children":229},"callout",{"color":227,"icon":228},"amber","i-heroicons-exclamation-triangle",[230],{"type":151,"tag":152,"props":231,"children":232},{},[233,235,246,248,253,255,262],{"type":161,"value":234},"Unlike the native ",{"type":151,"tag":185,"props":236,"children":238},{"href":211,"rel":237},[213],[239,244],{"type":151,"tag":156,"props":240,"children":242},{"className":241},[],[243],{"type":161,"value":169},{"type":161,"value":245}," element",{"type":161,"value":247},", ",{"type":151,"tag":156,"props":249,"children":251},{"className":250},[],[252],{"type":161,"value":28},{"type":161,"value":254}," currently doesn't support using multiple image sources. See ",{"type":151,"tag":185,"props":256,"children":259},{"href":257,"rel":258},"https://github.com/nuxt/image/issues/309",[213],[260],{"type":161,"value":261},"#309",{"type":161,"value":263}," for more info.",{"type":151,"tag":265,"props":266,"children":268},"h2",{"id":267},"props",[269],{"type":161,"value":270},"Props",{"type":151,"tag":225,"props":272,"children":273},{},[274],{"type":151,"tag":152,"props":275,"children":276},{},[277,279],{"type":161,"value":278},"See props supported by",{"type":151,"tag":185,"props":280,"children":282},{"href":281},"/usage/nuxt-img#props",[283],{"type":151,"tag":156,"props":284,"children":286},{"className":285},[],[287],{"type":161,"value":25},{"type":151,"tag":289,"props":290,"children":292},"h3",{"id":291},"format",[293],{"type":151,"tag":156,"props":294,"children":296},{"className":295},[],[297],{"type":161,"value":291},{"type":151,"tag":152,"props":299,"children":300},{},[301],{"type":161,"value":302},"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":304,"props":305,"children":309},"pre",{"className":306,"code":307,"language":308,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtPicture\n  format=\"avif,webp\"\n  src=\"/nuxt-icon.png\"\n/>\n","vue",[310],{"type":151,"tag":156,"props":311,"children":312},{"__ignoreMap":139},[313,331,362,388],{"type":151,"tag":314,"props":315,"children":318},"span",{"class":316,"line":317},"line",1,[319,325],{"type":151,"tag":314,"props":320,"children":322},{"style":321},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[323],{"type":161,"value":324},"\u003C",{"type":151,"tag":314,"props":326,"children":328},{"style":327},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[329],{"type":161,"value":330},"NuxtPicture\n",{"type":151,"tag":314,"props":332,"children":334},{"class":316,"line":333},2,[335,341,346,351,357],{"type":151,"tag":314,"props":336,"children":338},{"style":337},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[339],{"type":161,"value":340},"  format",{"type":151,"tag":314,"props":342,"children":343},{"style":321},[344],{"type":161,"value":345},"=",{"type":151,"tag":314,"props":347,"children":348},{"style":321},[349],{"type":161,"value":350},"\"",{"type":151,"tag":314,"props":352,"children":354},{"style":353},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[355],{"type":161,"value":356},"avif,webp",{"type":151,"tag":314,"props":358,"children":359},{"style":321},[360],{"type":161,"value":361},"\"\n",{"type":151,"tag":314,"props":363,"children":365},{"class":316,"line":364},3,[366,371,375,379,384],{"type":151,"tag":314,"props":367,"children":368},{"style":337},[369],{"type":161,"value":370},"  src",{"type":151,"tag":314,"props":372,"children":373},{"style":321},[374],{"type":161,"value":345},{"type":151,"tag":314,"props":376,"children":377},{"style":321},[378],{"type":161,"value":350},{"type":151,"tag":314,"props":380,"children":381},{"style":353},[382],{"type":161,"value":383},"/nuxt-icon.png",{"type":151,"tag":314,"props":385,"children":386},{"style":321},[387],{"type":161,"value":361},{"type":151,"tag":314,"props":389,"children":391},{"class":316,"line":390},4,[392],{"type":151,"tag":314,"props":393,"children":395},{"style":394},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[396],{"type":161,"value":397},"/>\n",{"type":151,"tag":152,"props":399,"children":400},{},[401,403,408,409,415,416,422,423,429,430,436,438,444],{"type":161,"value":402},"Available formats are ",{"type":151,"tag":156,"props":404,"children":406},{"className":405},[],[407],{"type":161,"value":201},{"type":161,"value":247},{"type":151,"tag":156,"props":410,"children":412},{"className":411},[],[413],{"type":161,"value":414},"avif",{"type":161,"value":247},{"type":151,"tag":156,"props":417,"children":419},{"className":418},[],[420],{"type":161,"value":421},"jpeg",{"type":161,"value":247},{"type":151,"tag":156,"props":424,"children":426},{"className":425},[],[427],{"type":161,"value":428},"jpg",{"type":161,"value":247},{"type":151,"tag":156,"props":431,"children":433},{"className":432},[],[434],{"type":161,"value":435},"png",{"type":161,"value":437},", and ",{"type":151,"tag":156,"props":439,"children":441},{"className":440},[],[442],{"type":161,"value":443},"gif",{"type":161,"value":445},". If the format is not specified, it will respect the default image format.",{"type":151,"tag":289,"props":447,"children":449},{"id":448},"legacyformat",[450],{"type":151,"tag":156,"props":451,"children":453},{"className":452},[],[454],{"type":161,"value":455},"legacyFormat",{"type":151,"tag":152,"props":457,"children":458},{},[459],{"type":161,"value":460},"Format used for fallback. Default is conditional:",{"type":151,"tag":462,"props":463,"children":464},"ul",{},[465,497],{"type":151,"tag":466,"props":467,"children":468},"li",{},[469,471,476,477,482,483,488,490,495],{"type":161,"value":470},"If original format supports transparency (",{"type":151,"tag":156,"props":472,"children":474},{"className":473},[],[475],{"type":161,"value":435},{"type":161,"value":247},{"type":151,"tag":156,"props":478,"children":480},{"className":479},[],[481],{"type":161,"value":201},{"type":161,"value":437},{"type":151,"tag":156,"props":484,"children":486},{"className":485},[],[487],{"type":161,"value":443},{"type":161,"value":489},"), ",{"type":151,"tag":156,"props":491,"children":493},{"className":492},[],[494],{"type":161,"value":435},{"type":161,"value":496}," is used for fallback",{"type":151,"tag":466,"props":498,"children":499},{},[500,502,507],{"type":161,"value":501},"Otherwise ",{"type":151,"tag":156,"props":503,"children":505},{"className":504},[],[506],{"type":161,"value":421},{"type":161,"value":496},{"type":151,"tag":289,"props":509,"children":511},{"id":510},"imgattrs",[512],{"type":151,"tag":156,"props":513,"children":515},{"className":514},[],[516],{"type":161,"value":517},"imgAttrs",{"type":151,"tag":152,"props":519,"children":520},{},[521,523,529],{"type":161,"value":522},"Allows you to set additional HTML-attributes on the ",{"type":151,"tag":156,"props":524,"children":526},{"className":525},[],[527],{"type":161,"value":528},"img",{"type":161,"value":530}," element.",{"type":151,"tag":152,"props":532,"children":533},{},[534],{"type":151,"tag":535,"props":536,"children":537},"strong",{},[538],{"type":161,"value":539},"Example:",{"type":151,"tag":304,"props":541,"children":543},{"className":306,"code":542,"language":308,"meta":139,"style":139},"\u003CNuxtPicture\n  src=\"/nuxt-icon.png\"\n  :imgAttrs=\"{\n    id: 'my-id',\n    class: 'my-class',\n    style: 'display: block',\n    'data-my-data': 'my-value'\n  }\"\n/>\n",[544],{"type":151,"tag":156,"props":545,"children":546},{"__ignoreMap":139},[547,558,581,606,639,669,699,735,748],{"type":151,"tag":314,"props":548,"children":549},{"class":316,"line":317},[550,554],{"type":151,"tag":314,"props":551,"children":552},{"style":321},[553],{"type":161,"value":324},{"type":151,"tag":314,"props":555,"children":556},{"style":327},[557],{"type":161,"value":330},{"type":151,"tag":314,"props":559,"children":560},{"class":316,"line":333},[561,565,569,573,577],{"type":151,"tag":314,"props":562,"children":563},{"style":337},[564],{"type":161,"value":370},{"type":151,"tag":314,"props":566,"children":567},{"style":321},[568],{"type":161,"value":345},{"type":151,"tag":314,"props":570,"children":571},{"style":321},[572],{"type":161,"value":350},{"type":151,"tag":314,"props":574,"children":575},{"style":353},[576],{"type":161,"value":383},{"type":151,"tag":314,"props":578,"children":579},{"style":321},[580],{"type":161,"value":361},{"type":151,"tag":314,"props":582,"children":583},{"class":316,"line":364},[584,589,593,597,601],{"type":151,"tag":314,"props":585,"children":586},{"style":321},[587],{"type":161,"value":588},"  :",{"type":151,"tag":314,"props":590,"children":591},{"style":337},[592],{"type":161,"value":517},{"type":151,"tag":314,"props":594,"children":595},{"style":321},[596],{"type":161,"value":345},{"type":151,"tag":314,"props":598,"children":599},{"style":321},[600],{"type":161,"value":350},{"type":151,"tag":314,"props":602,"children":603},{"style":321},[604],{"type":161,"value":605},"{\n",{"type":151,"tag":314,"props":607,"children":608},{"class":316,"line":390},[609,614,619,624,629,634],{"type":151,"tag":314,"props":610,"children":611},{"style":327},[612],{"type":161,"value":613},"    id",{"type":151,"tag":314,"props":615,"children":616},{"style":321},[617],{"type":161,"value":618},":",{"type":151,"tag":314,"props":620,"children":621},{"style":321},[622],{"type":161,"value":623}," '",{"type":151,"tag":314,"props":625,"children":626},{"style":353},[627],{"type":161,"value":628},"my-id",{"type":151,"tag":314,"props":630,"children":631},{"style":321},[632],{"type":161,"value":633},"'",{"type":151,"tag":314,"props":635,"children":636},{"style":321},[637],{"type":161,"value":638},",\n",{"type":151,"tag":314,"props":640,"children":642},{"class":316,"line":641},5,[643,648,652,656,661,665],{"type":151,"tag":314,"props":644,"children":645},{"style":327},[646],{"type":161,"value":647},"    class",{"type":151,"tag":314,"props":649,"children":650},{"style":321},[651],{"type":161,"value":618},{"type":151,"tag":314,"props":653,"children":654},{"style":321},[655],{"type":161,"value":623},{"type":151,"tag":314,"props":657,"children":658},{"style":353},[659],{"type":161,"value":660},"my-class",{"type":151,"tag":314,"props":662,"children":663},{"style":321},[664],{"type":161,"value":633},{"type":151,"tag":314,"props":666,"children":667},{"style":321},[668],{"type":161,"value":638},{"type":151,"tag":314,"props":670,"children":672},{"class":316,"line":671},6,[673,678,682,686,691,695],{"type":151,"tag":314,"props":674,"children":675},{"style":327},[676],{"type":161,"value":677},"    style",{"type":151,"tag":314,"props":679,"children":680},{"style":321},[681],{"type":161,"value":618},{"type":151,"tag":314,"props":683,"children":684},{"style":321},[685],{"type":161,"value":623},{"type":151,"tag":314,"props":687,"children":688},{"style":353},[689],{"type":161,"value":690},"display: block",{"type":151,"tag":314,"props":692,"children":693},{"style":321},[694],{"type":161,"value":633},{"type":151,"tag":314,"props":696,"children":697},{"style":321},[698],{"type":161,"value":638},{"type":151,"tag":314,"props":700,"children":702},{"class":316,"line":701},7,[703,708,713,717,721,725,730],{"type":151,"tag":314,"props":704,"children":705},{"style":321},[706],{"type":161,"value":707},"    '",{"type":151,"tag":314,"props":709,"children":710},{"style":327},[711],{"type":161,"value":712},"data-my-data",{"type":151,"tag":314,"props":714,"children":715},{"style":321},[716],{"type":161,"value":633},{"type":151,"tag":314,"props":718,"children":719},{"style":321},[720],{"type":161,"value":618},{"type":151,"tag":314,"props":722,"children":723},{"style":321},[724],{"type":161,"value":623},{"type":151,"tag":314,"props":726,"children":727},{"style":353},[728],{"type":161,"value":729},"my-value",{"type":151,"tag":314,"props":731,"children":732},{"style":321},[733],{"type":161,"value":734},"'\n",{"type":151,"tag":314,"props":736,"children":738},{"class":316,"line":737},8,[739,744],{"type":151,"tag":314,"props":740,"children":741},{"style":321},[742],{"type":161,"value":743},"  }",{"type":151,"tag":314,"props":745,"children":746},{"style":321},[747],{"type":161,"value":361},{"type":151,"tag":314,"props":749,"children":751},{"class":316,"line":750},9,[752],{"type":151,"tag":314,"props":753,"children":754},{"style":394},[755],{"type":161,"value":397},{"type":151,"tag":757,"props":758,"children":759},"style",{},[760],{"type":161,"value":761},"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 .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);}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":333,"depth":333,"links":763},[764],{"id":267,"depth":333,"text":270,"children":765},[766,767,768],{"id":291,"depth":364,"text":291},{"id":448,"depth":364,"text":455},{"id":510,"depth":364,"text":517},"markdown","content:2.usage:2.nuxt-picture.md","content","2.usage/2.nuxt-picture.md","2.usage/2.nuxt-picture","md",[776,5152],{"_path":26,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":25,"description":777,"links":778,"body":781,"_type":769,"_id":5149,"_source":771,"_file":5150,"_stem":5151,"_extension":774},"Discover how to use and configure the Nuxt Image component.",[779],{"label":143,"icon":144,"to":780,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-img.ts",{"type":148,"children":782,"toc":5125},[783,799,864,868,892,937,942,987,1017,1021,1030,1064,1091,1174,1181,1518,1530,1538,1543,1568,1611,1635,1651,1656,1680,1688,1709,1722,1755,1827,1835,1840,1852,1864,1915,1922,1996,2005,2010,2017,2168,2177,2182,2195,2200,2605,2620,2927,2936,2955,3096,3172,3181,3200,3207,3487,3496,3501,3522,3847,3855,3860,3931,3978,3987,3992,4114,4123,4134,4191,4309,4317,4326,4331,4343,4350,4522,4531,4544,4591,4600,4622,4635,4699,4708,4735,4942,4948,4973,4995,5121],{"type":151,"tag":152,"props":784,"children":785},{},[786,791,792,798],{"type":151,"tag":156,"props":787,"children":789},{"className":788},[],[790],{"type":161,"value":25},{"type":161,"value":163},{"type":151,"tag":156,"props":793,"children":795},{"className":794},[],[796],{"type":161,"value":797},"\u003Cimg>",{"type":161,"value":171},{"type":151,"tag":462,"props":800,"children":801},{},[802,807,820,839,852],{"type":151,"tag":466,"props":803,"children":804},{},[805],{"type":161,"value":806},"Uses built-in provider to optimize local and remote images",{"type":151,"tag":466,"props":808,"children":809},{},[810,812,818],{"type":161,"value":811},"Converts ",{"type":151,"tag":156,"props":813,"children":815},{"className":814},[],[816],{"type":161,"value":817},"src",{"type":161,"value":819}," to provider optimized URLs",{"type":151,"tag":466,"props":821,"children":822},{},[823,825,831,833],{"type":161,"value":824},"Automatically resizes images based on ",{"type":151,"tag":156,"props":826,"children":828},{"className":827},[],[829],{"type":161,"value":830},"width",{"type":161,"value":832}," and ",{"type":151,"tag":156,"props":834,"children":836},{"className":835},[],[837],{"type":161,"value":838},"height",{"type":151,"tag":466,"props":840,"children":841},{},[842,844,850],{"type":161,"value":843},"Generates responsive sizes when providing ",{"type":151,"tag":156,"props":845,"children":847},{"className":846},[],[848],{"type":161,"value":849},"sizes",{"type":161,"value":851}," option",{"type":151,"tag":466,"props":853,"children":854},{},[855,857,862],{"type":161,"value":856},"Supports native lazy loading as well as other ",{"type":151,"tag":156,"props":858,"children":860},{"className":859},[],[861],{"type":161,"value":797},{"type":161,"value":863}," attributes",{"type":151,"tag":265,"props":865,"children":866},{"id":137},[867],{"type":161,"value":21},{"type":151,"tag":152,"props":869,"children":870},{},[871,876,878,883,885,890],{"type":151,"tag":156,"props":872,"children":874},{"className":873},[],[875],{"type":161,"value":25},{"type":161,"value":877}," outputs a native ",{"type":151,"tag":156,"props":879,"children":881},{"className":880},[],[882],{"type":161,"value":528},{"type":161,"value":884}," tag directly (without any wrapper around it). Use it like you would use the ",{"type":151,"tag":156,"props":886,"children":888},{"className":887},[],[889],{"type":161,"value":797},{"type":161,"value":891}," tag:",{"type":151,"tag":304,"props":893,"children":895},{"className":306,"code":894,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" />\n",[896],{"type":151,"tag":156,"props":897,"children":898},{"__ignoreMap":139},[899],{"type":151,"tag":314,"props":900,"children":901},{"class":316,"line":317},[902,906,911,916,920,924,928,932],{"type":151,"tag":314,"props":903,"children":904},{"style":321},[905],{"type":161,"value":324},{"type":151,"tag":314,"props":907,"children":908},{"style":327},[909],{"type":161,"value":910},"NuxtImg",{"type":151,"tag":314,"props":912,"children":913},{"style":337},[914],{"type":161,"value":915}," src",{"type":151,"tag":314,"props":917,"children":918},{"style":321},[919],{"type":161,"value":345},{"type":151,"tag":314,"props":921,"children":922},{"style":321},[923],{"type":161,"value":350},{"type":151,"tag":314,"props":925,"children":926},{"style":353},[927],{"type":161,"value":383},{"type":151,"tag":314,"props":929,"children":930},{"style":321},[931],{"type":161,"value":350},{"type":151,"tag":314,"props":933,"children":934},{"style":321},[935],{"type":161,"value":936}," />\n",{"type":151,"tag":152,"props":938,"children":939},{},[940],{"type":161,"value":941},"Will result in:",{"type":151,"tag":304,"props":943,"children":947},{"className":944,"code":945,"language":946,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cimg src=\"/nuxt-icon.png\">\n","html",[948],{"type":151,"tag":156,"props":949,"children":950},{"__ignoreMap":139},[951],{"type":151,"tag":314,"props":952,"children":953},{"class":316,"line":317},[954,958,962,966,970,974,978,982],{"type":151,"tag":314,"props":955,"children":956},{"style":321},[957],{"type":161,"value":324},{"type":151,"tag":314,"props":959,"children":960},{"style":327},[961],{"type":161,"value":528},{"type":151,"tag":314,"props":963,"children":964},{"style":337},[965],{"type":161,"value":915},{"type":151,"tag":314,"props":967,"children":968},{"style":321},[969],{"type":161,"value":345},{"type":151,"tag":314,"props":971,"children":972},{"style":321},[973],{"type":161,"value":350},{"type":151,"tag":314,"props":975,"children":976},{"style":353},[977],{"type":161,"value":383},{"type":151,"tag":314,"props":979,"children":980},{"style":321},[981],{"type":161,"value":350},{"type":151,"tag":314,"props":983,"children":984},{"style":321},[985],{"type":161,"value":986},">\n",{"type":151,"tag":225,"props":988,"children":989},{},[990],{"type":151,"tag":152,"props":991,"children":992},{},[993,995,1000,1002,1007,1009,1015],{"type":161,"value":994},"With ",{"type":151,"tag":185,"props":996,"children":997},{"href":16},[998],{"type":161,"value":999},"default provider",{"type":161,"value":1001},", you should put ",{"type":151,"tag":156,"props":1003,"children":1005},{"className":1004},[],[1006],{"type":161,"value":383},{"type":161,"value":1008}," inside ",{"type":151,"tag":156,"props":1010,"children":1012},{"className":1011},[],[1013],{"type":161,"value":1014},"public/",{"type":161,"value":1016}," directory for Nuxt 3 make the above example work.",{"type":151,"tag":265,"props":1018,"children":1019},{"id":267},[1020],{"type":161,"value":270},{"type":151,"tag":289,"props":1022,"children":1024},{"id":1023},"custom",[1025],{"type":151,"tag":156,"props":1026,"children":1028},{"className":1027},[],[1029],{"type":161,"value":1023},{"type":151,"tag":152,"props":1031,"children":1032},{},[1033,1035,1040,1042,1047,1049,1054,1056,1062],{"type":161,"value":1034},"The ",{"type":151,"tag":156,"props":1036,"children":1038},{"className":1037},[],[1039],{"type":161,"value":1023},{"type":161,"value":1041}," prop determines whether ",{"type":151,"tag":156,"props":1043,"children":1045},{"className":1044},[],[1046],{"type":161,"value":25},{"type":161,"value":1048}," should render as a simple ",{"type":151,"tag":156,"props":1050,"children":1052},{"className":1051},[],[1053],{"type":161,"value":797},{"type":161,"value":1055}," element or only serve as a provider for custom rendering. When set to ",{"type":151,"tag":156,"props":1057,"children":1059},{"className":1058},[],[1060],{"type":161,"value":1061},"true",{"type":161,"value":1063},", it disables the default rendering behavior, allowing full control over how the image is displayed. This is useful for implementing custom functionalities, such as placeholders.",{"type":151,"tag":152,"props":1065,"children":1066},{},[1067,1069,1074,1076,1081,1083,1089],{"type":161,"value":1068},"When using the ",{"type":151,"tag":156,"props":1070,"children":1072},{"className":1071},[],[1073],{"type":161,"value":1023},{"type":161,"value":1075}," prop, ",{"type":151,"tag":156,"props":1077,"children":1079},{"className":1078},[],[1080],{"type":161,"value":25},{"type":161,"value":1082}," passes necessary data and attributes to its default slot. You can access the following values via the ",{"type":151,"tag":156,"props":1084,"children":1086},{"className":1085},[],[1087],{"type":161,"value":1088},"v-slot",{"type":161,"value":1090}," directive:",{"type":151,"tag":462,"props":1092,"children":1093},{},[1094,1147,1160],{"type":151,"tag":466,"props":1095,"children":1096},{},[1097,1105,1107,1112,1114,1120,1121,1126,1127,1132,1133,1139,1140,1145],{"type":151,"tag":535,"props":1098,"children":1099},{},[1100],{"type":151,"tag":156,"props":1101,"children":1103},{"className":1102},[],[1104],{"type":161,"value":517},{"type":161,"value":1106},": Attributes for the ",{"type":151,"tag":156,"props":1108,"children":1110},{"className":1109},[],[1111],{"type":161,"value":797},{"type":161,"value":1113}," element (e.g., ",{"type":151,"tag":156,"props":1115,"children":1117},{"className":1116},[],[1118],{"type":161,"value":1119},"alt",{"type":161,"value":247},{"type":151,"tag":156,"props":1122,"children":1124},{"className":1123},[],[1125],{"type":161,"value":830},{"type":161,"value":247},{"type":151,"tag":156,"props":1128,"children":1130},{"className":1129},[],[1131],{"type":161,"value":838},{"type":161,"value":247},{"type":151,"tag":156,"props":1134,"children":1136},{"className":1135},[],[1137],{"type":161,"value":1138},"srcset",{"type":161,"value":247},{"type":151,"tag":156,"props":1141,"children":1143},{"className":1142},[],[1144],{"type":161,"value":849},{"type":161,"value":1146},").",{"type":151,"tag":466,"props":1148,"children":1149},{},[1150,1158],{"type":151,"tag":535,"props":1151,"children":1152},{},[1153],{"type":151,"tag":156,"props":1154,"children":1156},{"className":1155},[],[1157],{"type":161,"value":817},{"type":161,"value":1159},": The computed image source URL.",{"type":151,"tag":466,"props":1161,"children":1162},{},[1163,1172],{"type":151,"tag":535,"props":1164,"children":1165},{},[1166],{"type":151,"tag":156,"props":1167,"children":1169},{"className":1168},[],[1170],{"type":161,"value":1171},"isLoaded",{"type":161,"value":1173},": A boolean indicating whether the image has been loaded.",{"type":151,"tag":1175,"props":1176,"children":1178},"h4",{"id":1177},"example-usage",[1179],{"type":161,"value":1180},"Example Usage",{"type":151,"tag":304,"props":1182,"children":1184},{"className":306,"code":1183,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/images/nuxt.png\"\n  alt=\"image\"\n  width=\"400\"\n  height=\"400\"\n  :custom=\"true\"\n  v-slot=\"{ src, isLoaded, imgAttrs }\"\n>\n  \u003C!-- Show the actual image when loaded -->\n  \u003Cimg\n    v-if=\"isLoaded\"\n    v-bind=\"imgAttrs\"\n    :src=\"src\"\n  >\n\n  \u003C!-- Show a placeholder while loading -->\n  \u003Cimg\n    v-else\n    src=\"https://placehold.co/400x400\"\n    alt=\"placeholder\"\n  >\n\u003C/NuxtImg>\n",[1185],{"type":151,"tag":156,"props":1186,"children":1187},{"__ignoreMap":139},[1188,1200,1224,1249,1274,1298,1326,1379,1386,1394,1403,1412,1421,1430,1439,1449,1458,1466,1475,1484,1493,1501],{"type":151,"tag":314,"props":1189,"children":1190},{"class":316,"line":317},[1191,1195],{"type":151,"tag":314,"props":1192,"children":1193},{"style":321},[1194],{"type":161,"value":324},{"type":151,"tag":314,"props":1196,"children":1197},{"style":327},[1198],{"type":161,"value":1199},"NuxtImg\n",{"type":151,"tag":314,"props":1201,"children":1202},{"class":316,"line":333},[1203,1207,1211,1215,1220],{"type":151,"tag":314,"props":1204,"children":1205},{"style":337},[1206],{"type":161,"value":370},{"type":151,"tag":314,"props":1208,"children":1209},{"style":321},[1210],{"type":161,"value":345},{"type":151,"tag":314,"props":1212,"children":1213},{"style":321},[1214],{"type":161,"value":350},{"type":151,"tag":314,"props":1216,"children":1217},{"style":353},[1218],{"type":161,"value":1219},"/images/nuxt.png",{"type":151,"tag":314,"props":1221,"children":1222},{"style":321},[1223],{"type":161,"value":361},{"type":151,"tag":314,"props":1225,"children":1226},{"class":316,"line":364},[1227,1232,1236,1240,1245],{"type":151,"tag":314,"props":1228,"children":1229},{"style":337},[1230],{"type":161,"value":1231},"  alt",{"type":151,"tag":314,"props":1233,"children":1234},{"style":321},[1235],{"type":161,"value":345},{"type":151,"tag":314,"props":1237,"children":1238},{"style":321},[1239],{"type":161,"value":350},{"type":151,"tag":314,"props":1241,"children":1242},{"style":353},[1243],{"type":161,"value":1244},"image",{"type":151,"tag":314,"props":1246,"children":1247},{"style":321},[1248],{"type":161,"value":361},{"type":151,"tag":314,"props":1250,"children":1251},{"class":316,"line":390},[1252,1257,1261,1265,1270],{"type":151,"tag":314,"props":1253,"children":1254},{"style":337},[1255],{"type":161,"value":1256},"  width",{"type":151,"tag":314,"props":1258,"children":1259},{"style":321},[1260],{"type":161,"value":345},{"type":151,"tag":314,"props":1262,"children":1263},{"style":321},[1264],{"type":161,"value":350},{"type":151,"tag":314,"props":1266,"children":1267},{"style":353},[1268],{"type":161,"value":1269},"400",{"type":151,"tag":314,"props":1271,"children":1272},{"style":321},[1273],{"type":161,"value":361},{"type":151,"tag":314,"props":1275,"children":1276},{"class":316,"line":641},[1277,1282,1286,1290,1294],{"type":151,"tag":314,"props":1278,"children":1279},{"style":337},[1280],{"type":161,"value":1281},"  height",{"type":151,"tag":314,"props":1283,"children":1284},{"style":321},[1285],{"type":161,"value":345},{"type":151,"tag":314,"props":1287,"children":1288},{"style":321},[1289],{"type":161,"value":350},{"type":151,"tag":314,"props":1291,"children":1292},{"style":353},[1293],{"type":161,"value":1269},{"type":151,"tag":314,"props":1295,"children":1296},{"style":321},[1297],{"type":161,"value":361},{"type":151,"tag":314,"props":1299,"children":1300},{"class":316,"line":671},[1301,1305,1309,1313,1317,1322],{"type":151,"tag":314,"props":1302,"children":1303},{"style":321},[1304],{"type":161,"value":588},{"type":151,"tag":314,"props":1306,"children":1307},{"style":337},[1308],{"type":161,"value":1023},{"type":151,"tag":314,"props":1310,"children":1311},{"style":321},[1312],{"type":161,"value":345},{"type":151,"tag":314,"props":1314,"children":1315},{"style":321},[1316],{"type":161,"value":350},{"type":151,"tag":314,"props":1318,"children":1320},{"style":1319},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1321],{"type":161,"value":1061},{"type":151,"tag":314,"props":1323,"children":1324},{"style":321},[1325],{"type":161,"value":361},{"type":151,"tag":314,"props":1327,"children":1328},{"class":316,"line":701},[1329,1334,1338,1342,1347,1351,1356,1361,1365,1370,1375],{"type":151,"tag":314,"props":1330,"children":1331},{"style":337},[1332],{"type":161,"value":1333},"  v-slot",{"type":151,"tag":314,"props":1335,"children":1336},{"style":321},[1337],{"type":161,"value":345},{"type":151,"tag":314,"props":1339,"children":1340},{"style":321},[1341],{"type":161,"value":350},{"type":151,"tag":314,"props":1343,"children":1344},{"style":321},[1345],{"type":161,"value":1346},"{",{"type":151,"tag":314,"props":1348,"children":1349},{"style":394},[1350],{"type":161,"value":915},{"type":151,"tag":314,"props":1352,"children":1353},{"style":321},[1354],{"type":161,"value":1355},",",{"type":151,"tag":314,"props":1357,"children":1358},{"style":394},[1359],{"type":161,"value":1360}," isLoaded",{"type":151,"tag":314,"props":1362,"children":1363},{"style":321},[1364],{"type":161,"value":1355},{"type":151,"tag":314,"props":1366,"children":1367},{"style":394},[1368],{"type":161,"value":1369}," imgAttrs ",{"type":151,"tag":314,"props":1371,"children":1372},{"style":321},[1373],{"type":161,"value":1374},"}",{"type":151,"tag":314,"props":1376,"children":1377},{"style":321},[1378],{"type":161,"value":361},{"type":151,"tag":314,"props":1380,"children":1381},{"class":316,"line":737},[1382],{"type":151,"tag":314,"props":1383,"children":1384},{"style":321},[1385],{"type":161,"value":986},{"type":151,"tag":314,"props":1387,"children":1388},{"class":316,"line":750},[1389],{"type":151,"tag":314,"props":1390,"children":1391},{"style":394},[1392],{"type":161,"value":1393},"  \u003C!-- Show the actual image when loaded -->\n",{"type":151,"tag":314,"props":1395,"children":1397},{"class":316,"line":1396},10,[1398],{"type":151,"tag":314,"props":1399,"children":1400},{"style":394},[1401],{"type":161,"value":1402},"  \u003Cimg\n",{"type":151,"tag":314,"props":1404,"children":1406},{"class":316,"line":1405},11,[1407],{"type":151,"tag":314,"props":1408,"children":1409},{"style":394},[1410],{"type":161,"value":1411},"    v-if=\"isLoaded\"\n",{"type":151,"tag":314,"props":1413,"children":1415},{"class":316,"line":1414},12,[1416],{"type":151,"tag":314,"props":1417,"children":1418},{"style":394},[1419],{"type":161,"value":1420},"    v-bind=\"imgAttrs\"\n",{"type":151,"tag":314,"props":1422,"children":1424},{"class":316,"line":1423},13,[1425],{"type":151,"tag":314,"props":1426,"children":1427},{"style":394},[1428],{"type":161,"value":1429},"    :src=\"src\"\n",{"type":151,"tag":314,"props":1431,"children":1433},{"class":316,"line":1432},14,[1434],{"type":151,"tag":314,"props":1435,"children":1436},{"style":394},[1437],{"type":161,"value":1438},"  >\n",{"type":151,"tag":314,"props":1440,"children":1442},{"class":316,"line":1441},15,[1443],{"type":151,"tag":314,"props":1444,"children":1446},{"emptyLinePlaceholder":1445},true,[1447],{"type":161,"value":1448},"\n",{"type":151,"tag":314,"props":1450,"children":1452},{"class":316,"line":1451},16,[1453],{"type":151,"tag":314,"props":1454,"children":1455},{"style":394},[1456],{"type":161,"value":1457},"  \u003C!-- Show a placeholder while loading -->\n",{"type":151,"tag":314,"props":1459,"children":1461},{"class":316,"line":1460},17,[1462],{"type":151,"tag":314,"props":1463,"children":1464},{"style":394},[1465],{"type":161,"value":1402},{"type":151,"tag":314,"props":1467,"children":1469},{"class":316,"line":1468},18,[1470],{"type":151,"tag":314,"props":1471,"children":1472},{"style":394},[1473],{"type":161,"value":1474},"    v-else\n",{"type":151,"tag":314,"props":1476,"children":1478},{"class":316,"line":1477},19,[1479],{"type":151,"tag":314,"props":1480,"children":1481},{"style":394},[1482],{"type":161,"value":1483},"    src=\"https://placehold.co/400x400\"\n",{"type":151,"tag":314,"props":1485,"children":1487},{"class":316,"line":1486},20,[1488],{"type":151,"tag":314,"props":1489,"children":1490},{"style":394},[1491],{"type":161,"value":1492},"    alt=\"placeholder\"\n",{"type":151,"tag":314,"props":1494,"children":1496},{"class":316,"line":1495},21,[1497],{"type":151,"tag":314,"props":1498,"children":1499},{"style":394},[1500],{"type":161,"value":1438},{"type":151,"tag":314,"props":1502,"children":1504},{"class":316,"line":1503},22,[1505,1510,1514],{"type":151,"tag":314,"props":1506,"children":1507},{"style":321},[1508],{"type":161,"value":1509},"\u003C/",{"type":151,"tag":314,"props":1511,"children":1512},{"style":327},[1513],{"type":161,"value":910},{"type":151,"tag":314,"props":1515,"children":1516},{"style":321},[1517],{"type":161,"value":986},{"type":151,"tag":152,"props":1519,"children":1520},{},[1521,1523,1528],{"type":161,"value":1522},"This approach ensures flexibility for custom rendering scenarios, while ",{"type":151,"tag":156,"props":1524,"children":1526},{"className":1525},[],[1527],{"type":161,"value":25},{"type":161,"value":1529}," continues to handle image optimization and data provisioning behind the scenes.",{"type":151,"tag":289,"props":1531,"children":1532},{"id":817},[1533],{"type":151,"tag":156,"props":1534,"children":1536},{"className":1535},[],[1537],{"type":161,"value":817},{"type":151,"tag":152,"props":1539,"children":1540},{},[1541],{"type":161,"value":1542},"Path to image file",{"type":151,"tag":152,"props":1544,"children":1545},{},[1546,1551,1553,1558,1560,1566],{"type":151,"tag":156,"props":1547,"children":1549},{"className":1548},[],[1550],{"type":161,"value":817},{"type":161,"value":1552}," should be in the form of an absolute path for static images in ",{"type":151,"tag":156,"props":1554,"children":1556},{"className":1555},[],[1557],{"type":161,"value":1014},{"type":161,"value":1559}," directory.\nOtherwise path that is expected by provider that starts with ",{"type":151,"tag":156,"props":1561,"children":1563},{"className":1562},[],[1564],{"type":161,"value":1565},"/",{"type":161,"value":1567}," or a URL.",{"type":151,"tag":304,"props":1569,"children":1571},{"className":306,"code":1570,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" />\n",[1572],{"type":151,"tag":156,"props":1573,"children":1574},{"__ignoreMap":139},[1575],{"type":151,"tag":314,"props":1576,"children":1577},{"class":316,"line":317},[1578,1582,1586,1590,1594,1598,1603,1607],{"type":151,"tag":314,"props":1579,"children":1580},{"style":321},[1581],{"type":161,"value":324},{"type":151,"tag":314,"props":1583,"children":1584},{"style":327},[1585],{"type":161,"value":910},{"type":151,"tag":314,"props":1587,"children":1588},{"style":337},[1589],{"type":161,"value":915},{"type":151,"tag":314,"props":1591,"children":1592},{"style":321},[1593],{"type":161,"value":345},{"type":151,"tag":314,"props":1595,"children":1596},{"style":321},[1597],{"type":161,"value":350},{"type":151,"tag":314,"props":1599,"children":1600},{"style":353},[1601],{"type":161,"value":1602},"/nuxt.png",{"type":151,"tag":314,"props":1604,"children":1605},{"style":321},[1606],{"type":161,"value":350},{"type":151,"tag":314,"props":1608,"children":1609},{"style":321},[1610],{"type":161,"value":936},{"type":151,"tag":152,"props":1612,"children":1613},{},[1614,1616,1621,1623,1633],{"type":161,"value":1615},"For image optimization when using external URLs in ",{"type":151,"tag":156,"props":1617,"children":1619},{"className":1618},[],[1620],{"type":161,"value":817},{"type":161,"value":1622},", we need to whitelist them using ",{"type":151,"tag":185,"props":1624,"children":1626},{"href":1625},"/get-started/configuration#domains",[1627],{"type":151,"tag":156,"props":1628,"children":1630},{"className":1629},[],[1631],{"type":161,"value":1632},"domains",{"type":161,"value":1634}," option.",{"type":151,"tag":289,"props":1636,"children":1638},{"id":1637},"width-height",[1639,1644,1646],{"type":151,"tag":156,"props":1640,"children":1642},{"className":1641},[],[1643],{"type":161,"value":830},{"type":161,"value":1645}," / ",{"type":151,"tag":156,"props":1647,"children":1649},{"className":1648},[],[1650],{"type":161,"value":838},{"type":151,"tag":152,"props":1652,"children":1653},{},[1654],{"type":161,"value":1655},"Specify width/height of the image.",{"type":151,"tag":462,"props":1657,"children":1658},{},[1659,1664],{"type":151,"tag":466,"props":1660,"children":1661},{},[1662],{"type":161,"value":1663},"Use desired width/height for static sized images like icons or avatars",{"type":151,"tag":466,"props":1665,"children":1666},{},[1667,1669,1678],{"type":161,"value":1668},"Use original image width/height for responsive images (when using ",{"type":151,"tag":185,"props":1670,"children":1672},{"href":1671},"#sizes",[1673],{"type":151,"tag":156,"props":1674,"children":1676},{"className":1675},[],[1677],{"type":161,"value":849},{"type":161,"value":1679},")",{"type":151,"tag":289,"props":1681,"children":1682},{"id":1119},[1683],{"type":151,"tag":156,"props":1684,"children":1686},{"className":1685},[],[1687],{"type":161,"value":1119},{"type":151,"tag":152,"props":1689,"children":1690},{},[1691,1693,1698,1700,1707],{"type":161,"value":1692},"Although Nuxt Image does not apply any special handling, it's worth mentioning the ",{"type":151,"tag":156,"props":1694,"children":1696},{"className":1695},[],[1697],{"type":161,"value":1119},{"type":161,"value":1699}," attribute. It is a ",{"type":151,"tag":185,"props":1701,"children":1704},{"href":1702,"rel":1703},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",[213],[1705],{"type":161,"value":1706},"native",{"type":161,"value":1708}," global attribute that specifies an alternate text for an image, if the image cannot be displayed.",{"type":151,"tag":152,"props":1710,"children":1711},{},[1712,1714,1720],{"type":161,"value":1713},"It ",{"type":151,"tag":1715,"props":1716,"children":1717},"em",{},[1718],{"type":161,"value":1719},"should always",{"type":161,"value":1721}," be provided.",{"type":151,"tag":462,"props":1723,"children":1724},{},[1725,1730,1742],{"type":151,"tag":466,"props":1726,"children":1727},{},[1728],{"type":161,"value":1729},"The text should describe the image if the image contains information",{"type":151,"tag":466,"props":1731,"children":1732},{},[1733,1735,1741],{"type":161,"value":1734},"The text should explain where the link goes if the image is inside an ",{"type":151,"tag":156,"props":1736,"children":1738},{"className":1737},[],[1739],{"type":161,"value":1740},"\u003Ca>",{"type":161,"value":245},{"type":151,"tag":466,"props":1743,"children":1744},{},[1745,1747,1753],{"type":161,"value":1746},"Use ",{"type":151,"tag":156,"props":1748,"children":1750},{"className":1749},[],[1751],{"type":161,"value":1752},"alt=\"\"",{"type":161,"value":1754}," if the image is only for decoration",{"type":151,"tag":304,"props":1756,"children":1758},{"className":306,"code":1757,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/nuxt.png\"\n  alt=\"My image file description\"\n/>\n",[1759],{"type":151,"tag":156,"props":1760,"children":1761},{"__ignoreMap":139},[1762,1773,1796,1820],{"type":151,"tag":314,"props":1763,"children":1764},{"class":316,"line":317},[1765,1769],{"type":151,"tag":314,"props":1766,"children":1767},{"style":321},[1768],{"type":161,"value":324},{"type":151,"tag":314,"props":1770,"children":1771},{"style":327},[1772],{"type":161,"value":1199},{"type":151,"tag":314,"props":1774,"children":1775},{"class":316,"line":333},[1776,1780,1784,1788,1792],{"type":151,"tag":314,"props":1777,"children":1778},{"style":337},[1779],{"type":161,"value":370},{"type":151,"tag":314,"props":1781,"children":1782},{"style":321},[1783],{"type":161,"value":345},{"type":151,"tag":314,"props":1785,"children":1786},{"style":321},[1787],{"type":161,"value":350},{"type":151,"tag":314,"props":1789,"children":1790},{"style":353},[1791],{"type":161,"value":1602},{"type":151,"tag":314,"props":1793,"children":1794},{"style":321},[1795],{"type":161,"value":361},{"type":151,"tag":314,"props":1797,"children":1798},{"class":316,"line":364},[1799,1803,1807,1811,1816],{"type":151,"tag":314,"props":1800,"children":1801},{"style":337},[1802],{"type":161,"value":1231},{"type":151,"tag":314,"props":1804,"children":1805},{"style":321},[1806],{"type":161,"value":345},{"type":151,"tag":314,"props":1808,"children":1809},{"style":321},[1810],{"type":161,"value":350},{"type":151,"tag":314,"props":1812,"children":1813},{"style":353},[1814],{"type":161,"value":1815},"My image file description",{"type":151,"tag":314,"props":1817,"children":1818},{"style":321},[1819],{"type":161,"value":361},{"type":151,"tag":314,"props":1821,"children":1822},{"class":316,"line":390},[1823],{"type":151,"tag":314,"props":1824,"children":1825},{"style":394},[1826],{"type":161,"value":397},{"type":151,"tag":289,"props":1828,"children":1829},{"id":849},[1830],{"type":151,"tag":156,"props":1831,"children":1833},{"className":1832},[],[1834],{"type":161,"value":849},{"type":151,"tag":152,"props":1836,"children":1837},{},[1838],{"type":161,"value":1839},"Specify responsive sizes.",{"type":151,"tag":152,"props":1841,"children":1842},{},[1843,1845,1851],{"type":161,"value":1844},"This is a space-separated list of screen size/width pairs. You can ",{"type":151,"tag":185,"props":1846,"children":1848},{"href":1847},"/get-started/configuration#screens",[1849],{"type":161,"value":1850},"see a list of the defined screen sizes here",{"type":161,"value":223},{"type":151,"tag":152,"props":1853,"children":1854},{},[1855,1857,1862],{"type":161,"value":1856},"By default Nuxt generates ",{"type":151,"tag":1715,"props":1858,"children":1859},{},[1860],{"type":161,"value":1861},"responsive-first",{"type":161,"value":1863}," sizing.",{"type":151,"tag":462,"props":1865,"children":1866},{},[1867,1880],{"type":151,"tag":466,"props":1868,"children":1869},{},[1870,1872,1878],{"type":161,"value":1871},"If you omit a screen size prefix (like ",{"type":151,"tag":156,"props":1873,"children":1875},{"className":1874},[],[1876],{"type":161,"value":1877},"sm:",{"type":161,"value":1879},") 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":466,"props":1881,"children":1882},{},[1883,1885,1890,1892,1898,1900,1906,1908,1913],{"type":161,"value":1884},"This default size is used up until the next specified screen width, and so on. Each specified size pair applies ",{"type":151,"tag":1715,"props":1886,"children":1887},{},[1888],{"type":161,"value":1889},"up",{"type":161,"value":1891}," - so ",{"type":151,"tag":156,"props":1893,"children":1895},{"className":1894},[],[1896],{"type":161,"value":1897},"md:400px",{"type":161,"value":1899}," means that the image will be sized ",{"type":151,"tag":156,"props":1901,"children":1903},{"className":1902},[],[1904],{"type":161,"value":1905},"400px",{"type":161,"value":1907}," on ",{"type":151,"tag":156,"props":1909,"children":1911},{"className":1910},[],[1912],{"type":161,"value":774},{"type":161,"value":1914}," screens and up.",{"type":151,"tag":152,"props":1916,"children":1917},{},[1918],{"type":151,"tag":535,"props":1919,"children":1920},{},[1921],{"type":161,"value":539},{"type":151,"tag":304,"props":1923,"children":1925},{"className":306,"code":1924,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/logos/nuxt.png\"\n  sizes=\"100vw sm:50vw md:400px\"\n/>\n",[1926],{"type":151,"tag":156,"props":1927,"children":1928},{"__ignoreMap":139},[1929,1940,1964,1989],{"type":151,"tag":314,"props":1930,"children":1931},{"class":316,"line":317},[1932,1936],{"type":151,"tag":314,"props":1933,"children":1934},{"style":321},[1935],{"type":161,"value":324},{"type":151,"tag":314,"props":1937,"children":1938},{"style":327},[1939],{"type":161,"value":1199},{"type":151,"tag":314,"props":1941,"children":1942},{"class":316,"line":333},[1943,1947,1951,1955,1960],{"type":151,"tag":314,"props":1944,"children":1945},{"style":337},[1946],{"type":161,"value":370},{"type":151,"tag":314,"props":1948,"children":1949},{"style":321},[1950],{"type":161,"value":345},{"type":151,"tag":314,"props":1952,"children":1953},{"style":321},[1954],{"type":161,"value":350},{"type":151,"tag":314,"props":1956,"children":1957},{"style":353},[1958],{"type":161,"value":1959},"/logos/nuxt.png",{"type":151,"tag":314,"props":1961,"children":1962},{"style":321},[1963],{"type":161,"value":361},{"type":151,"tag":314,"props":1965,"children":1966},{"class":316,"line":364},[1967,1972,1976,1980,1985],{"type":151,"tag":314,"props":1968,"children":1969},{"style":337},[1970],{"type":161,"value":1971},"  sizes",{"type":151,"tag":314,"props":1973,"children":1974},{"style":321},[1975],{"type":161,"value":345},{"type":151,"tag":314,"props":1977,"children":1978},{"style":321},[1979],{"type":161,"value":350},{"type":151,"tag":314,"props":1981,"children":1982},{"style":353},[1983],{"type":161,"value":1984},"100vw sm:50vw md:400px",{"type":151,"tag":314,"props":1986,"children":1987},{"style":321},[1988],{"type":161,"value":361},{"type":151,"tag":314,"props":1990,"children":1991},{"class":316,"line":390},[1992],{"type":151,"tag":314,"props":1993,"children":1994},{"style":394},[1995],{"type":161,"value":397},{"type":151,"tag":289,"props":1997,"children":1999},{"id":1998},"densities",[2000],{"type":151,"tag":156,"props":2001,"children":2003},{"className":2002},[],[2004],{"type":161,"value":1998},{"type":151,"tag":152,"props":2006,"children":2007},{},[2008],{"type":161,"value":2009},"To generate special versions of images for screens with increased pixel density.",{"type":151,"tag":152,"props":2011,"children":2012},{},[2013],{"type":151,"tag":535,"props":2014,"children":2015},{},[2016],{"type":161,"value":539},{"type":151,"tag":304,"props":2018,"children":2020},{"className":306,"code":2019,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/logos/nuxt.png\"\n  height=\"50\"\n  densities=\"x1 x2\"\n/>\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",[2021],{"type":151,"tag":156,"props":2022,"children":2023},{"__ignoreMap":139},[2024,2035,2058,2082,2107,2114,2121,2129,2137,2145,2153,2160],{"type":151,"tag":314,"props":2025,"children":2026},{"class":316,"line":317},[2027,2031],{"type":151,"tag":314,"props":2028,"children":2029},{"style":321},[2030],{"type":161,"value":324},{"type":151,"tag":314,"props":2032,"children":2033},{"style":327},[2034],{"type":161,"value":1199},{"type":151,"tag":314,"props":2036,"children":2037},{"class":316,"line":333},[2038,2042,2046,2050,2054],{"type":151,"tag":314,"props":2039,"children":2040},{"style":337},[2041],{"type":161,"value":370},{"type":151,"tag":314,"props":2043,"children":2044},{"style":321},[2045],{"type":161,"value":345},{"type":151,"tag":314,"props":2047,"children":2048},{"style":321},[2049],{"type":161,"value":350},{"type":151,"tag":314,"props":2051,"children":2052},{"style":353},[2053],{"type":161,"value":1959},{"type":151,"tag":314,"props":2055,"children":2056},{"style":321},[2057],{"type":161,"value":361},{"type":151,"tag":314,"props":2059,"children":2060},{"class":316,"line":364},[2061,2065,2069,2073,2078],{"type":151,"tag":314,"props":2062,"children":2063},{"style":337},[2064],{"type":161,"value":1281},{"type":151,"tag":314,"props":2066,"children":2067},{"style":321},[2068],{"type":161,"value":345},{"type":151,"tag":314,"props":2070,"children":2071},{"style":321},[2072],{"type":161,"value":350},{"type":151,"tag":314,"props":2074,"children":2075},{"style":353},[2076],{"type":161,"value":2077},"50",{"type":151,"tag":314,"props":2079,"children":2080},{"style":321},[2081],{"type":161,"value":361},{"type":151,"tag":314,"props":2083,"children":2084},{"class":316,"line":390},[2085,2090,2094,2098,2103],{"type":151,"tag":314,"props":2086,"children":2087},{"style":337},[2088],{"type":161,"value":2089},"  densities",{"type":151,"tag":314,"props":2091,"children":2092},{"style":321},[2093],{"type":161,"value":345},{"type":151,"tag":314,"props":2095,"children":2096},{"style":321},[2097],{"type":161,"value":350},{"type":151,"tag":314,"props":2099,"children":2100},{"style":353},[2101],{"type":161,"value":2102},"x1 x2",{"type":151,"tag":314,"props":2104,"children":2105},{"style":321},[2106],{"type":161,"value":361},{"type":151,"tag":314,"props":2108,"children":2109},{"class":316,"line":641},[2110],{"type":151,"tag":314,"props":2111,"children":2112},{"style":394},[2113],{"type":161,"value":397},{"type":151,"tag":314,"props":2115,"children":2116},{"class":316,"line":671},[2117],{"type":151,"tag":314,"props":2118,"children":2119},{"emptyLinePlaceholder":1445},[2120],{"type":161,"value":1448},{"type":151,"tag":314,"props":2122,"children":2123},{"class":316,"line":701},[2124],{"type":151,"tag":314,"props":2125,"children":2126},{"style":394},[2127],{"type":161,"value":2128},"\u003C!--\n",{"type":151,"tag":314,"props":2130,"children":2131},{"class":316,"line":737},[2132],{"type":151,"tag":314,"props":2133,"children":2134},{"style":394},[2135],{"type":161,"value":2136},"\u003Cimg\n",{"type":151,"tag":314,"props":2138,"children":2139},{"class":316,"line":750},[2140],{"type":151,"tag":314,"props":2141,"children":2142},{"style":394},[2143],{"type":161,"value":2144},"  src=\"/_ipx/w_50/logos/nuxt.png\" \n",{"type":151,"tag":314,"props":2146,"children":2147},{"class":316,"line":1396},[2148],{"type":151,"tag":314,"props":2149,"children":2150},{"style":394},[2151],{"type":161,"value":2152},"  srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n",{"type":151,"tag":314,"props":2154,"children":2155},{"class":316,"line":1405},[2156],{"type":151,"tag":314,"props":2157,"children":2158},{"style":394},[2159],{"type":161,"value":397},{"type":151,"tag":314,"props":2161,"children":2162},{"class":316,"line":1414},[2163],{"type":151,"tag":314,"props":2164,"children":2165},{"style":394},[2166],{"type":161,"value":2167},"-->\n",{"type":151,"tag":289,"props":2169,"children":2171},{"id":2170},"placeholder",[2172],{"type":151,"tag":156,"props":2173,"children":2175},{"className":2174},[],[2176],{"type":161,"value":2170},{"type":151,"tag":152,"props":2178,"children":2179},{},[2180],{"type":161,"value":2181},"Display a placeholder image before the actual image is fully loaded.",{"type":151,"tag":152,"props":2183,"children":2184},{},[2185,2187,2193],{"type":161,"value":2186},"You can also use the ",{"type":151,"tag":185,"props":2188,"children":2190},{"href":2189},"/usage/nuxt-img#custom",[2191],{"type":161,"value":2192},"custom prop",{"type":161,"value":2194}," to make any placeholder you want.",{"type":151,"tag":152,"props":2196,"children":2197},{},[2198],{"type":161,"value":2199},"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":304,"props":2201,"children":2203},{"className":306,"code":2202,"language":308,"meta":139,"style":139},"\u003C!-- Automatically generate a placeholder based on the original image -->\n\u003CNuxtImg src=\"/nuxt.png\" placeholder />\n\n\u003C!-- Set a width, height for the automatically generated placeholder  -->\n\u003CNuxtImg src=\"/nuxt.png\" :placeholder=\"[50, 25]\" />\n\n\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder  -->\n\u003CNuxtImg 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\u003CNuxtImg src=\"/nuxt.png\" :placeholder=\"15\" />\n\n\u003C!-- Provide your own image -->\n\u003CNuxtImg src=\"/nuxt.png\" placeholder=\"./placeholder.png\" />\n",[2204],{"type":151,"tag":156,"props":2205,"children":2206},{"__ignoreMap":139},[2207,2216,2256,2263,2271,2351,2358,2366,2459,2466,2474,2534,2541,2549],{"type":151,"tag":314,"props":2208,"children":2209},{"class":316,"line":317},[2210],{"type":151,"tag":314,"props":2211,"children":2213},{"style":2212},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[2214],{"type":161,"value":2215},"\u003C!-- Automatically generate a placeholder based on the original image -->\n",{"type":151,"tag":314,"props":2217,"children":2218},{"class":316,"line":333},[2219,2223,2227,2231,2235,2239,2243,2247,2252],{"type":151,"tag":314,"props":2220,"children":2221},{"style":321},[2222],{"type":161,"value":324},{"type":151,"tag":314,"props":2224,"children":2225},{"style":327},[2226],{"type":161,"value":910},{"type":151,"tag":314,"props":2228,"children":2229},{"style":337},[2230],{"type":161,"value":915},{"type":151,"tag":314,"props":2232,"children":2233},{"style":321},[2234],{"type":161,"value":345},{"type":151,"tag":314,"props":2236,"children":2237},{"style":321},[2238],{"type":161,"value":350},{"type":151,"tag":314,"props":2240,"children":2241},{"style":353},[2242],{"type":161,"value":1602},{"type":151,"tag":314,"props":2244,"children":2245},{"style":321},[2246],{"type":161,"value":350},{"type":151,"tag":314,"props":2248,"children":2249},{"style":337},[2250],{"type":161,"value":2251}," placeholder",{"type":151,"tag":314,"props":2253,"children":2254},{"style":321},[2255],{"type":161,"value":936},{"type":151,"tag":314,"props":2257,"children":2258},{"class":316,"line":364},[2259],{"type":151,"tag":314,"props":2260,"children":2261},{"emptyLinePlaceholder":1445},[2262],{"type":161,"value":1448},{"type":151,"tag":314,"props":2264,"children":2265},{"class":316,"line":390},[2266],{"type":151,"tag":314,"props":2267,"children":2268},{"style":2212},[2269],{"type":161,"value":2270},"\u003C!-- Set a width, height for the automatically generated placeholder  -->\n",{"type":151,"tag":314,"props":2272,"children":2273},{"class":316,"line":641},[2274,2278,2282,2286,2290,2294,2298,2302,2307,2311,2315,2319,2324,2329,2333,2338,2343,2347],{"type":151,"tag":314,"props":2275,"children":2276},{"style":321},[2277],{"type":161,"value":324},{"type":151,"tag":314,"props":2279,"children":2280},{"style":327},[2281],{"type":161,"value":910},{"type":151,"tag":314,"props":2283,"children":2284},{"style":337},[2285],{"type":161,"value":915},{"type":151,"tag":314,"props":2287,"children":2288},{"style":321},[2289],{"type":161,"value":345},{"type":151,"tag":314,"props":2291,"children":2292},{"style":321},[2293],{"type":161,"value":350},{"type":151,"tag":314,"props":2295,"children":2296},{"style":353},[2297],{"type":161,"value":1602},{"type":151,"tag":314,"props":2299,"children":2300},{"style":321},[2301],{"type":161,"value":350},{"type":151,"tag":314,"props":2303,"children":2304},{"style":321},[2305],{"type":161,"value":2306}," :",{"type":151,"tag":314,"props":2308,"children":2309},{"style":337},[2310],{"type":161,"value":2170},{"type":151,"tag":314,"props":2312,"children":2313},{"style":321},[2314],{"type":161,"value":345},{"type":151,"tag":314,"props":2316,"children":2317},{"style":321},[2318],{"type":161,"value":350},{"type":151,"tag":314,"props":2320,"children":2321},{"style":394},[2322],{"type":161,"value":2323},"[",{"type":151,"tag":314,"props":2325,"children":2327},{"style":2326},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[2328],{"type":161,"value":2077},{"type":151,"tag":314,"props":2330,"children":2331},{"style":321},[2332],{"type":161,"value":1355},{"type":151,"tag":314,"props":2334,"children":2335},{"style":2326},[2336],{"type":161,"value":2337}," 25",{"type":151,"tag":314,"props":2339,"children":2340},{"style":394},[2341],{"type":161,"value":2342},"]",{"type":151,"tag":314,"props":2344,"children":2345},{"style":321},[2346],{"type":161,"value":350},{"type":151,"tag":314,"props":2348,"children":2349},{"style":321},[2350],{"type":161,"value":936},{"type":151,"tag":314,"props":2352,"children":2353},{"class":316,"line":671},[2354],{"type":151,"tag":314,"props":2355,"children":2356},{"emptyLinePlaceholder":1445},[2357],{"type":161,"value":1448},{"type":151,"tag":314,"props":2359,"children":2360},{"class":316,"line":701},[2361],{"type":151,"tag":314,"props":2362,"children":2363},{"style":2212},[2364],{"type":161,"value":2365},"\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder  -->\n",{"type":151,"tag":314,"props":2367,"children":2368},{"class":316,"line":737},[2369,2373,2377,2381,2385,2389,2393,2397,2401,2405,2409,2413,2417,2421,2425,2429,2433,2438,2442,2447,2451,2455],{"type":151,"tag":314,"props":2370,"children":2371},{"style":321},[2372],{"type":161,"value":324},{"type":151,"tag":314,"props":2374,"children":2375},{"style":327},[2376],{"type":161,"value":910},{"type":151,"tag":314,"props":2378,"children":2379},{"style":337},[2380],{"type":161,"value":915},{"type":151,"tag":314,"props":2382,"children":2383},{"style":321},[2384],{"type":161,"value":345},{"type":151,"tag":314,"props":2386,"children":2387},{"style":321},[2388],{"type":161,"value":350},{"type":151,"tag":314,"props":2390,"children":2391},{"style":353},[2392],{"type":161,"value":1602},{"type":151,"tag":314,"props":2394,"children":2395},{"style":321},[2396],{"type":161,"value":350},{"type":151,"tag":314,"props":2398,"children":2399},{"style":321},[2400],{"type":161,"value":2306},{"type":151,"tag":314,"props":2402,"children":2403},{"style":337},[2404],{"type":161,"value":2170},{"type":151,"tag":314,"props":2406,"children":2407},{"style":321},[2408],{"type":161,"value":345},{"type":151,"tag":314,"props":2410,"children":2411},{"style":321},[2412],{"type":161,"value":350},{"type":151,"tag":314,"props":2414,"children":2415},{"style":394},[2416],{"type":161,"value":2323},{"type":151,"tag":314,"props":2418,"children":2419},{"style":2326},[2420],{"type":161,"value":2077},{"type":151,"tag":314,"props":2422,"children":2423},{"style":321},[2424],{"type":161,"value":1355},{"type":151,"tag":314,"props":2426,"children":2427},{"style":2326},[2428],{"type":161,"value":2337},{"type":151,"tag":314,"props":2430,"children":2431},{"style":321},[2432],{"type":161,"value":1355},{"type":151,"tag":314,"props":2434,"children":2435},{"style":2326},[2436],{"type":161,"value":2437}," 75",{"type":151,"tag":314,"props":2439,"children":2440},{"style":321},[2441],{"type":161,"value":1355},{"type":151,"tag":314,"props":2443,"children":2444},{"style":2326},[2445],{"type":161,"value":2446}," 5",{"type":151,"tag":314,"props":2448,"children":2449},{"style":394},[2450],{"type":161,"value":2342},{"type":151,"tag":314,"props":2452,"children":2453},{"style":321},[2454],{"type":161,"value":350},{"type":151,"tag":314,"props":2456,"children":2457},{"style":321},[2458],{"type":161,"value":936},{"type":151,"tag":314,"props":2460,"children":2461},{"class":316,"line":750},[2462],{"type":151,"tag":314,"props":2463,"children":2464},{"emptyLinePlaceholder":1445},[2465],{"type":161,"value":1448},{"type":151,"tag":314,"props":2467,"children":2468},{"class":316,"line":1396},[2469],{"type":151,"tag":314,"props":2470,"children":2471},{"style":2212},[2472],{"type":161,"value":2473},"\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n",{"type":151,"tag":314,"props":2475,"children":2476},{"class":316,"line":1405},[2477,2481,2485,2489,2493,2497,2501,2505,2509,2513,2517,2521,2526,2530],{"type":151,"tag":314,"props":2478,"children":2479},{"style":321},[2480],{"type":161,"value":324},{"type":151,"tag":314,"props":2482,"children":2483},{"style":327},[2484],{"type":161,"value":910},{"type":151,"tag":314,"props":2486,"children":2487},{"style":337},[2488],{"type":161,"value":915},{"type":151,"tag":314,"props":2490,"children":2491},{"style":321},[2492],{"type":161,"value":345},{"type":151,"tag":314,"props":2494,"children":2495},{"style":321},[2496],{"type":161,"value":350},{"type":151,"tag":314,"props":2498,"children":2499},{"style":353},[2500],{"type":161,"value":1602},{"type":151,"tag":314,"props":2502,"children":2503},{"style":321},[2504],{"type":161,"value":350},{"type":151,"tag":314,"props":2506,"children":2507},{"style":321},[2508],{"type":161,"value":2306},{"type":151,"tag":314,"props":2510,"children":2511},{"style":337},[2512],{"type":161,"value":2170},{"type":151,"tag":314,"props":2514,"children":2515},{"style":321},[2516],{"type":161,"value":345},{"type":151,"tag":314,"props":2518,"children":2519},{"style":321},[2520],{"type":161,"value":350},{"type":151,"tag":314,"props":2522,"children":2523},{"style":2326},[2524],{"type":161,"value":2525},"15",{"type":151,"tag":314,"props":2527,"children":2528},{"style":321},[2529],{"type":161,"value":350},{"type":151,"tag":314,"props":2531,"children":2532},{"style":321},[2533],{"type":161,"value":936},{"type":151,"tag":314,"props":2535,"children":2536},{"class":316,"line":1414},[2537],{"type":151,"tag":314,"props":2538,"children":2539},{"emptyLinePlaceholder":1445},[2540],{"type":161,"value":1448},{"type":151,"tag":314,"props":2542,"children":2543},{"class":316,"line":1423},[2544],{"type":151,"tag":314,"props":2545,"children":2546},{"style":2212},[2547],{"type":161,"value":2548},"\u003C!-- Provide your own image -->\n",{"type":151,"tag":314,"props":2550,"children":2551},{"class":316,"line":1432},[2552,2556,2560,2564,2568,2572,2576,2580,2584,2588,2592,2597,2601],{"type":151,"tag":314,"props":2553,"children":2554},{"style":321},[2555],{"type":161,"value":324},{"type":151,"tag":314,"props":2557,"children":2558},{"style":327},[2559],{"type":161,"value":910},{"type":151,"tag":314,"props":2561,"children":2562},{"style":337},[2563],{"type":161,"value":915},{"type":151,"tag":314,"props":2565,"children":2566},{"style":321},[2567],{"type":161,"value":345},{"type":151,"tag":314,"props":2569,"children":2570},{"style":321},[2571],{"type":161,"value":350},{"type":151,"tag":314,"props":2573,"children":2574},{"style":353},[2575],{"type":161,"value":1602},{"type":151,"tag":314,"props":2577,"children":2578},{"style":321},[2579],{"type":161,"value":350},{"type":151,"tag":314,"props":2581,"children":2582},{"style":337},[2583],{"type":161,"value":2251},{"type":151,"tag":314,"props":2585,"children":2586},{"style":321},[2587],{"type":161,"value":345},{"type":151,"tag":314,"props":2589,"children":2590},{"style":321},[2591],{"type":161,"value":350},{"type":151,"tag":314,"props":2593,"children":2594},{"style":353},[2595],{"type":161,"value":2596},"./placeholder.png",{"type":151,"tag":314,"props":2598,"children":2599},{"style":321},[2600],{"type":161,"value":350},{"type":151,"tag":314,"props":2602,"children":2603},{"style":321},[2604],{"type":161,"value":936},{"type":151,"tag":152,"props":2606,"children":2607},{},[2608,2610,2618],{"type":161,"value":2609},"You can also leverage ",{"type":151,"tag":185,"props":2611,"children":2612},{"href":32},[2613],{"type":151,"tag":156,"props":2614,"children":2616},{"className":2615},[],[2617],{"type":161,"value":31},{"type":161,"value":2619}," 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":304,"props":2621,"children":2623},{"className":306,"code":2622,"language":308,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg\n    src=\"/nuxt.svg\"\n    :placeholder=\"img(`/nuxt.svg`, { h: 10, f: 'png', blur: 2, q: 50 })\"\n  />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst img = useImage()\n\u003C/script>\n",[2624],{"type":151,"tag":156,"props":2625,"children":2626},{"__ignoreMap":139},[2627,2643,2655,2680,2812,2820,2835,2842,2885,2912],{"type":151,"tag":314,"props":2628,"children":2629},{"class":316,"line":317},[2630,2634,2639],{"type":151,"tag":314,"props":2631,"children":2632},{"style":321},[2633],{"type":161,"value":324},{"type":151,"tag":314,"props":2635,"children":2636},{"style":327},[2637],{"type":161,"value":2638},"template",{"type":151,"tag":314,"props":2640,"children":2641},{"style":321},[2642],{"type":161,"value":986},{"type":151,"tag":314,"props":2644,"children":2645},{"class":316,"line":333},[2646,2651],{"type":151,"tag":314,"props":2647,"children":2648},{"style":321},[2649],{"type":161,"value":2650},"  \u003C",{"type":151,"tag":314,"props":2652,"children":2653},{"style":327},[2654],{"type":161,"value":1199},{"type":151,"tag":314,"props":2656,"children":2657},{"class":316,"line":364},[2658,2663,2667,2671,2676],{"type":151,"tag":314,"props":2659,"children":2660},{"style":337},[2661],{"type":161,"value":2662},"    src",{"type":151,"tag":314,"props":2664,"children":2665},{"style":321},[2666],{"type":161,"value":345},{"type":151,"tag":314,"props":2668,"children":2669},{"style":321},[2670],{"type":161,"value":350},{"type":151,"tag":314,"props":2672,"children":2673},{"style":353},[2674],{"type":161,"value":2675},"/nuxt.svg",{"type":151,"tag":314,"props":2677,"children":2678},{"style":321},[2679],{"type":161,"value":361},{"type":151,"tag":314,"props":2681,"children":2682},{"class":316,"line":390},[2683,2688,2692,2696,2700,2705,2710,2715,2719,2723,2728,2733,2738,2743,2747,2752,2756,2760,2764,2768,2772,2777,2781,2786,2790,2795,2799,2803,2808],{"type":151,"tag":314,"props":2684,"children":2685},{"style":321},[2686],{"type":161,"value":2687},"    :",{"type":151,"tag":314,"props":2689,"children":2690},{"style":337},[2691],{"type":161,"value":2170},{"type":151,"tag":314,"props":2693,"children":2694},{"style":321},[2695],{"type":161,"value":345},{"type":151,"tag":314,"props":2697,"children":2698},{"style":321},[2699],{"type":161,"value":350},{"type":151,"tag":314,"props":2701,"children":2703},{"style":2702},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[2704],{"type":161,"value":528},{"type":151,"tag":314,"props":2706,"children":2707},{"style":321},[2708],{"type":161,"value":2709},"(",{"type":151,"tag":314,"props":2711,"children":2712},{"style":321},[2713],{"type":161,"value":2714},"`",{"type":151,"tag":314,"props":2716,"children":2717},{"style":353},[2718],{"type":161,"value":2675},{"type":151,"tag":314,"props":2720,"children":2721},{"style":321},[2722],{"type":161,"value":2714},{"type":151,"tag":314,"props":2724,"children":2725},{"style":321},[2726],{"type":161,"value":2727},", { ",{"type":151,"tag":314,"props":2729,"children":2730},{"style":327},[2731],{"type":161,"value":2732},"h",{"type":151,"tag":314,"props":2734,"children":2735},{"style":321},[2736],{"type":161,"value":2737},": ",{"type":151,"tag":314,"props":2739,"children":2740},{"style":2326},[2741],{"type":161,"value":2742},"10",{"type":151,"tag":314,"props":2744,"children":2745},{"style":321},[2746],{"type":161,"value":247},{"type":151,"tag":314,"props":2748,"children":2749},{"style":327},[2750],{"type":161,"value":2751},"f",{"type":151,"tag":314,"props":2753,"children":2754},{"style":321},[2755],{"type":161,"value":2737},{"type":151,"tag":314,"props":2757,"children":2758},{"style":321},[2759],{"type":161,"value":633},{"type":151,"tag":314,"props":2761,"children":2762},{"style":353},[2763],{"type":161,"value":435},{"type":151,"tag":314,"props":2765,"children":2766},{"style":321},[2767],{"type":161,"value":633},{"type":151,"tag":314,"props":2769,"children":2770},{"style":321},[2771],{"type":161,"value":247},{"type":151,"tag":314,"props":2773,"children":2774},{"style":327},[2775],{"type":161,"value":2776},"blur",{"type":151,"tag":314,"props":2778,"children":2779},{"style":321},[2780],{"type":161,"value":2737},{"type":151,"tag":314,"props":2782,"children":2783},{"style":2326},[2784],{"type":161,"value":2785},"2",{"type":151,"tag":314,"props":2787,"children":2788},{"style":321},[2789],{"type":161,"value":247},{"type":151,"tag":314,"props":2791,"children":2792},{"style":327},[2793],{"type":161,"value":2794},"q",{"type":151,"tag":314,"props":2796,"children":2797},{"style":321},[2798],{"type":161,"value":2737},{"type":151,"tag":314,"props":2800,"children":2801},{"style":2326},[2802],{"type":161,"value":2077},{"type":151,"tag":314,"props":2804,"children":2805},{"style":321},[2806],{"type":161,"value":2807}," })",{"type":151,"tag":314,"props":2809,"children":2810},{"style":321},[2811],{"type":161,"value":361},{"type":151,"tag":314,"props":2813,"children":2814},{"class":316,"line":641},[2815],{"type":151,"tag":314,"props":2816,"children":2817},{"style":321},[2818],{"type":161,"value":2819},"  />\n",{"type":151,"tag":314,"props":2821,"children":2822},{"class":316,"line":671},[2823,2827,2831],{"type":151,"tag":314,"props":2824,"children":2825},{"style":321},[2826],{"type":161,"value":1509},{"type":151,"tag":314,"props":2828,"children":2829},{"style":327},[2830],{"type":161,"value":2638},{"type":151,"tag":314,"props":2832,"children":2833},{"style":321},[2834],{"type":161,"value":986},{"type":151,"tag":314,"props":2836,"children":2837},{"class":316,"line":701},[2838],{"type":151,"tag":314,"props":2839,"children":2840},{"emptyLinePlaceholder":1445},[2841],{"type":161,"value":1448},{"type":151,"tag":314,"props":2843,"children":2844},{"class":316,"line":737},[2845,2849,2854,2859,2864,2868,2872,2877,2881],{"type":151,"tag":314,"props":2846,"children":2847},{"style":321},[2848],{"type":161,"value":324},{"type":151,"tag":314,"props":2850,"children":2851},{"style":327},[2852],{"type":161,"value":2853},"script",{"type":151,"tag":314,"props":2855,"children":2856},{"style":337},[2857],{"type":161,"value":2858}," setup",{"type":151,"tag":314,"props":2860,"children":2861},{"style":337},[2862],{"type":161,"value":2863}," lang",{"type":151,"tag":314,"props":2865,"children":2866},{"style":321},[2867],{"type":161,"value":345},{"type":151,"tag":314,"props":2869,"children":2870},{"style":321},[2871],{"type":161,"value":350},{"type":151,"tag":314,"props":2873,"children":2874},{"style":353},[2875],{"type":161,"value":2876},"ts",{"type":151,"tag":314,"props":2878,"children":2879},{"style":321},[2880],{"type":161,"value":350},{"type":151,"tag":314,"props":2882,"children":2883},{"style":321},[2884],{"type":161,"value":986},{"type":151,"tag":314,"props":2886,"children":2887},{"class":316,"line":750},[2888,2893,2898,2902,2907],{"type":151,"tag":314,"props":2889,"children":2890},{"style":337},[2891],{"type":161,"value":2892},"const",{"type":151,"tag":314,"props":2894,"children":2895},{"style":394},[2896],{"type":161,"value":2897}," img ",{"type":151,"tag":314,"props":2899,"children":2900},{"style":321},[2901],{"type":161,"value":345},{"type":151,"tag":314,"props":2903,"children":2904},{"style":2702},[2905],{"type":161,"value":2906}," useImage",{"type":151,"tag":314,"props":2908,"children":2909},{"style":394},[2910],{"type":161,"value":2911},"()\n",{"type":151,"tag":314,"props":2913,"children":2914},{"class":316,"line":1396},[2915,2919,2923],{"type":151,"tag":314,"props":2916,"children":2917},{"style":321},[2918],{"type":161,"value":1509},{"type":151,"tag":314,"props":2920,"children":2921},{"style":327},[2922],{"type":161,"value":2853},{"type":151,"tag":314,"props":2924,"children":2925},{"style":321},[2926],{"type":161,"value":986},{"type":151,"tag":289,"props":2928,"children":2930},{"id":2929},"placeholder-class",[2931],{"type":151,"tag":156,"props":2932,"children":2934},{"className":2933},[],[2935],{"type":161,"value":2929},{"type":151,"tag":152,"props":2937,"children":2938},{},[2939,2941,2946,2948,2953],{"type":161,"value":2940},"When using a placeholder, you can use ",{"type":151,"tag":156,"props":2942,"children":2944},{"className":2943},[],[2945],{"type":161,"value":2929},{"type":161,"value":2947}," to apply a class to the original underlying ",{"type":151,"tag":156,"props":2949,"children":2951},{"className":2950},[],[2952],{"type":161,"value":797},{"type":161,"value":2954}," element (while the placeholder is being rendered).",{"type":151,"tag":304,"props":2956,"children":2958},{"className":306,"code":2957,"language":308,"meta":139,"style":139},"\u003C!-- Apply a static class to the original image -->\n\u003CNuxtImg\n  src=\"/nuxt.png\"\n  placeholder\n  placeholder-class=\"custom\"\n/>\n\n\u003C!-- Apply a dynamic class to the original image -->\n\u003CNuxtImg\n  src=\"/nuxt.png\"\n  placeholder\n  :placeholder-class=\"custom\"\n/>\n",[2959],{"type":151,"tag":156,"props":2960,"children":2961},{"__ignoreMap":139},[2962,2970,2981,3004,3012,3036,3043,3050,3058,3066,3074,3081,3089],{"type":151,"tag":314,"props":2963,"children":2964},{"class":316,"line":317},[2965],{"type":151,"tag":314,"props":2966,"children":2967},{"style":2212},[2968],{"type":161,"value":2969},"\u003C!-- Apply a static class to the original image -->\n",{"type":151,"tag":314,"props":2971,"children":2972},{"class":316,"line":333},[2973,2977],{"type":151,"tag":314,"props":2974,"children":2975},{"style":321},[2976],{"type":161,"value":324},{"type":151,"tag":314,"props":2978,"children":2979},{"style":327},[2980],{"type":161,"value":1199},{"type":151,"tag":314,"props":2982,"children":2983},{"class":316,"line":364},[2984,2988,2992,2996,3000],{"type":151,"tag":314,"props":2985,"children":2986},{"style":337},[2987],{"type":161,"value":370},{"type":151,"tag":314,"props":2989,"children":2990},{"style":321},[2991],{"type":161,"value":345},{"type":151,"tag":314,"props":2993,"children":2994},{"style":321},[2995],{"type":161,"value":350},{"type":151,"tag":314,"props":2997,"children":2998},{"style":353},[2999],{"type":161,"value":1602},{"type":151,"tag":314,"props":3001,"children":3002},{"style":321},[3003],{"type":161,"value":361},{"type":151,"tag":314,"props":3005,"children":3006},{"class":316,"line":390},[3007],{"type":151,"tag":314,"props":3008,"children":3009},{"style":337},[3010],{"type":161,"value":3011},"  placeholder\n",{"type":151,"tag":314,"props":3013,"children":3014},{"class":316,"line":641},[3015,3020,3024,3028,3032],{"type":151,"tag":314,"props":3016,"children":3017},{"style":337},[3018],{"type":161,"value":3019},"  placeholder-class",{"type":151,"tag":314,"props":3021,"children":3022},{"style":321},[3023],{"type":161,"value":345},{"type":151,"tag":314,"props":3025,"children":3026},{"style":321},[3027],{"type":161,"value":350},{"type":151,"tag":314,"props":3029,"children":3030},{"style":353},[3031],{"type":161,"value":1023},{"type":151,"tag":314,"props":3033,"children":3034},{"style":321},[3035],{"type":161,"value":361},{"type":151,"tag":314,"props":3037,"children":3038},{"class":316,"line":671},[3039],{"type":151,"tag":314,"props":3040,"children":3041},{"style":394},[3042],{"type":161,"value":397},{"type":151,"tag":314,"props":3044,"children":3045},{"class":316,"line":701},[3046],{"type":151,"tag":314,"props":3047,"children":3048},{"emptyLinePlaceholder":1445},[3049],{"type":161,"value":1448},{"type":151,"tag":314,"props":3051,"children":3052},{"class":316,"line":737},[3053],{"type":151,"tag":314,"props":3054,"children":3055},{"style":394},[3056],{"type":161,"value":3057},"\u003C!-- Apply a dynamic class to the original image -->\n",{"type":151,"tag":314,"props":3059,"children":3060},{"class":316,"line":750},[3061],{"type":151,"tag":314,"props":3062,"children":3063},{"style":394},[3064],{"type":161,"value":3065},"\u003CNuxtImg\n",{"type":151,"tag":314,"props":3067,"children":3068},{"class":316,"line":1396},[3069],{"type":151,"tag":314,"props":3070,"children":3071},{"style":394},[3072],{"type":161,"value":3073},"  src=\"/nuxt.png\"\n",{"type":151,"tag":314,"props":3075,"children":3076},{"class":316,"line":1405},[3077],{"type":151,"tag":314,"props":3078,"children":3079},{"style":394},[3080],{"type":161,"value":3011},{"type":151,"tag":314,"props":3082,"children":3083},{"class":316,"line":1414},[3084],{"type":151,"tag":314,"props":3085,"children":3086},{"style":394},[3087],{"type":161,"value":3088},"  :placeholder-class=\"custom\"\n",{"type":151,"tag":314,"props":3090,"children":3091},{"class":316,"line":1423},[3092],{"type":151,"tag":314,"props":3093,"children":3094},{"style":394},[3095],{"type":161,"value":397},{"type":151,"tag":225,"props":3097,"children":3098},{},[3099,3111],{"type":151,"tag":152,"props":3100,"children":3101},{},[3102,3104,3109],{"type":161,"value":3103},"If you need to apply some CSS to only the ",{"type":151,"tag":1715,"props":3105,"children":3106},{},[3107],{"type":161,"value":3108},"loaded",{"type":161,"value":3110}," image you can do so with something like:",{"type":151,"tag":304,"props":3112,"children":3116},{"className":3113,"code":3114,"language":3115,"meta":139,"style":139},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","img:not(.my-placeholder-class) {\n  /* styles here */\n}\n","css",[3117],{"type":151,"tag":156,"props":3118,"children":3119},{"__ignoreMap":139},[3120,3156,3164],{"type":151,"tag":314,"props":3121,"children":3122},{"class":316,"line":317},[3123,3128,3132,3137,3142,3147,3151],{"type":151,"tag":314,"props":3124,"children":3126},{"style":3125},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[3127],{"type":161,"value":528},{"type":151,"tag":314,"props":3129,"children":3130},{"style":321},[3131],{"type":161,"value":618},{"type":151,"tag":314,"props":3133,"children":3134},{"style":337},[3135],{"type":161,"value":3136},"not",{"type":151,"tag":314,"props":3138,"children":3139},{"style":321},[3140],{"type":161,"value":3141},"(.",{"type":151,"tag":314,"props":3143,"children":3144},{"style":3125},[3145],{"type":161,"value":3146},"my-placeholder-class",{"type":151,"tag":314,"props":3148,"children":3149},{"style":321},[3150],{"type":161,"value":1679},{"type":151,"tag":314,"props":3152,"children":3153},{"style":321},[3154],{"type":161,"value":3155}," {\n",{"type":151,"tag":314,"props":3157,"children":3158},{"class":316,"line":333},[3159],{"type":151,"tag":314,"props":3160,"children":3161},{"style":2212},[3162],{"type":161,"value":3163},"  /* styles here */\n",{"type":151,"tag":314,"props":3165,"children":3166},{"class":316,"line":364},[3167],{"type":151,"tag":314,"props":3168,"children":3169},{"style":321},[3170],{"type":161,"value":3171},"}\n",{"type":151,"tag":289,"props":3173,"children":3175},{"id":3174},"provider",[3176],{"type":151,"tag":156,"props":3177,"children":3179},{"className":3178},[],[3180],{"type":161,"value":3174},{"type":151,"tag":152,"props":3182,"children":3183},{},[3184,3186,3192,3194],{"type":161,"value":3185},"Use other provider instead of default ",{"type":151,"tag":185,"props":3187,"children":3189},{"href":3188},"/get-started/configuration#provider",[3190],{"type":161,"value":3191},"provider option",{"type":161,"value":3193}," specified in ",{"type":151,"tag":156,"props":3195,"children":3197},{"className":3196},[],[3198],{"type":161,"value":3199},"nuxt.config",{"type":151,"tag":152,"props":3201,"children":3202},{},[3203],{"type":151,"tag":535,"props":3204,"children":3205},{},[3206],{"type":161,"value":539},{"type":151,"tag":3208,"props":3209,"children":3210},"code-group",{},[3211,3366],{"type":151,"tag":304,"props":3212,"children":3215},{"className":306,"code":3213,"filename":3214,"language":308,"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",[3216],{"type":151,"tag":156,"props":3217,"children":3218},{"__ignoreMap":139},[3219,3234,3245,3270,3294,3319,3344,3351],{"type":151,"tag":314,"props":3220,"children":3221},{"class":316,"line":317},[3222,3226,3230],{"type":151,"tag":314,"props":3223,"children":3224},{"style":321},[3225],{"type":161,"value":324},{"type":151,"tag":314,"props":3227,"children":3228},{"style":327},[3229],{"type":161,"value":2638},{"type":151,"tag":314,"props":3231,"children":3232},{"style":321},[3233],{"type":161,"value":986},{"type":151,"tag":314,"props":3235,"children":3236},{"class":316,"line":333},[3237,3241],{"type":151,"tag":314,"props":3238,"children":3239},{"style":321},[3240],{"type":161,"value":2650},{"type":151,"tag":314,"props":3242,"children":3243},{"style":327},[3244],{"type":161,"value":1199},{"type":151,"tag":314,"props":3246,"children":3247},{"class":316,"line":364},[3248,3253,3257,3261,3266],{"type":151,"tag":314,"props":3249,"children":3250},{"style":337},[3251],{"type":161,"value":3252},"    provider",{"type":151,"tag":314,"props":3254,"children":3255},{"style":321},[3256],{"type":161,"value":345},{"type":151,"tag":314,"props":3258,"children":3259},{"style":321},[3260],{"type":161,"value":350},{"type":151,"tag":314,"props":3262,"children":3263},{"style":353},[3264],{"type":161,"value":3265},"cloudinary",{"type":151,"tag":314,"props":3267,"children":3268},{"style":321},[3269],{"type":161,"value":361},{"type":151,"tag":314,"props":3271,"children":3272},{"class":316,"line":390},[3273,3277,3281,3285,3290],{"type":151,"tag":314,"props":3274,"children":3275},{"style":337},[3276],{"type":161,"value":2662},{"type":151,"tag":314,"props":3278,"children":3279},{"style":321},[3280],{"type":161,"value":345},{"type":151,"tag":314,"props":3282,"children":3283},{"style":321},[3284],{"type":161,"value":350},{"type":151,"tag":314,"props":3286,"children":3287},{"style":353},[3288],{"type":161,"value":3289},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":151,"tag":314,"props":3291,"children":3292},{"style":321},[3293],{"type":161,"value":361},{"type":151,"tag":314,"props":3295,"children":3296},{"class":316,"line":641},[3297,3302,3306,3310,3315],{"type":151,"tag":314,"props":3298,"children":3299},{"style":337},[3300],{"type":161,"value":3301},"    width",{"type":151,"tag":314,"props":3303,"children":3304},{"style":321},[3305],{"type":161,"value":345},{"type":151,"tag":314,"props":3307,"children":3308},{"style":321},[3309],{"type":161,"value":350},{"type":151,"tag":314,"props":3311,"children":3312},{"style":353},[3313],{"type":161,"value":3314},"300",{"type":151,"tag":314,"props":3316,"children":3317},{"style":321},[3318],{"type":161,"value":361},{"type":151,"tag":314,"props":3320,"children":3321},{"class":316,"line":671},[3322,3327,3331,3335,3340],{"type":151,"tag":314,"props":3323,"children":3324},{"style":337},[3325],{"type":161,"value":3326},"    height",{"type":151,"tag":314,"props":3328,"children":3329},{"style":321},[3330],{"type":161,"value":345},{"type":151,"tag":314,"props":3332,"children":3333},{"style":321},[3334],{"type":161,"value":350},{"type":151,"tag":314,"props":3336,"children":3337},{"style":353},[3338],{"type":161,"value":3339},"169",{"type":151,"tag":314,"props":3341,"children":3342},{"style":321},[3343],{"type":161,"value":361},{"type":151,"tag":314,"props":3345,"children":3346},{"class":316,"line":701},[3347],{"type":151,"tag":314,"props":3348,"children":3349},{"style":321},[3350],{"type":161,"value":2819},{"type":151,"tag":314,"props":3352,"children":3353},{"class":316,"line":737},[3354,3358,3362],{"type":151,"tag":314,"props":3355,"children":3356},{"style":321},[3357],{"type":161,"value":1509},{"type":151,"tag":314,"props":3359,"children":3360},{"style":327},[3361],{"type":161,"value":2638},{"type":151,"tag":314,"props":3363,"children":3364},{"style":321},[3365],{"type":161,"value":986},{"type":151,"tag":304,"props":3367,"children":3371},{"className":3368,"code":3369,"filename":3370,"language":2876,"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",[3372],{"type":151,"tag":156,"props":3373,"children":3374},{"__ignoreMap":139},[3375,3402,3418,3434,3459,3467,3475],{"type":151,"tag":314,"props":3376,"children":3377},{"class":316,"line":317},[3378,3384,3389,3394,3398],{"type":151,"tag":314,"props":3379,"children":3381},{"style":3380},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[3382],{"type":161,"value":3383},"export",{"type":151,"tag":314,"props":3385,"children":3386},{"style":3380},[3387],{"type":161,"value":3388}," default",{"type":151,"tag":314,"props":3390,"children":3391},{"style":2702},[3392],{"type":161,"value":3393}," defineNuxtConfig",{"type":151,"tag":314,"props":3395,"children":3396},{"style":394},[3397],{"type":161,"value":2709},{"type":151,"tag":314,"props":3399,"children":3400},{"style":321},[3401],{"type":161,"value":605},{"type":151,"tag":314,"props":3403,"children":3404},{"class":316,"line":333},[3405,3410,3414],{"type":151,"tag":314,"props":3406,"children":3407},{"style":327},[3408],{"type":161,"value":3409},"  image",{"type":151,"tag":314,"props":3411,"children":3412},{"style":321},[3413],{"type":161,"value":618},{"type":151,"tag":314,"props":3415,"children":3416},{"style":321},[3417],{"type":161,"value":3155},{"type":151,"tag":314,"props":3419,"children":3420},{"class":316,"line":364},[3421,3426,3430],{"type":151,"tag":314,"props":3422,"children":3423},{"style":327},[3424],{"type":161,"value":3425},"    cloudinary",{"type":151,"tag":314,"props":3427,"children":3428},{"style":321},[3429],{"type":161,"value":618},{"type":151,"tag":314,"props":3431,"children":3432},{"style":321},[3433],{"type":161,"value":3155},{"type":151,"tag":314,"props":3435,"children":3436},{"class":316,"line":390},[3437,3442,3446,3450,3455],{"type":151,"tag":314,"props":3438,"children":3439},{"style":327},[3440],{"type":161,"value":3441},"      baseURL",{"type":151,"tag":314,"props":3443,"children":3444},{"style":321},[3445],{"type":161,"value":618},{"type":151,"tag":314,"props":3447,"children":3448},{"style":321},[3449],{"type":161,"value":623},{"type":151,"tag":314,"props":3451,"children":3452},{"style":353},[3453],{"type":161,"value":3454},"https://res.cloudinary.com/nuxt/image/upload",{"type":151,"tag":314,"props":3456,"children":3457},{"style":321},[3458],{"type":161,"value":734},{"type":151,"tag":314,"props":3460,"children":3461},{"class":316,"line":641},[3462],{"type":151,"tag":314,"props":3463,"children":3464},{"style":321},[3465],{"type":161,"value":3466},"    }\n",{"type":151,"tag":314,"props":3468,"children":3469},{"class":316,"line":671},[3470],{"type":151,"tag":314,"props":3471,"children":3472},{"style":321},[3473],{"type":161,"value":3474},"  }\n",{"type":151,"tag":314,"props":3476,"children":3477},{"class":316,"line":701},[3478,3482],{"type":151,"tag":314,"props":3479,"children":3480},{"style":321},[3481],{"type":161,"value":1374},{"type":151,"tag":314,"props":3483,"children":3484},{"style":394},[3485],{"type":161,"value":3486},")\n",{"type":151,"tag":289,"props":3488,"children":3490},{"id":3489},"preset",[3491],{"type":151,"tag":156,"props":3492,"children":3494},{"className":3493},[],[3495],{"type":161,"value":3489},{"type":151,"tag":152,"props":3497,"children":3498},{},[3499],{"type":161,"value":3500},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":151,"tag":225,"props":3502,"children":3503},{},[3504],{"type":151,"tag":152,"props":3505,"children":3506},{},[3507,3509,3515,3517],{"type":161,"value":3508},"We can define presets using ",{"type":151,"tag":185,"props":3510,"children":3512},{"href":3511},"/get-started/configuration#presets",[3513],{"type":161,"value":3514},"presets options",{"type":161,"value":3516}," in ",{"type":151,"tag":156,"props":3518,"children":3520},{"className":3519},[],[3521],{"type":161,"value":3199},{"type":151,"tag":3208,"props":3523,"children":3524},{},[3525,3619],{"type":151,"tag":304,"props":3526,"children":3528},{"className":306,"code":3527,"filename":3214,"language":308,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[3529],{"type":151,"tag":156,"props":3530,"children":3531},{"__ignoreMap":139},[3532,3547,3604],{"type":151,"tag":314,"props":3533,"children":3534},{"class":316,"line":317},[3535,3539,3543],{"type":151,"tag":314,"props":3536,"children":3537},{"style":321},[3538],{"type":161,"value":324},{"type":151,"tag":314,"props":3540,"children":3541},{"style":327},[3542],{"type":161,"value":2638},{"type":151,"tag":314,"props":3544,"children":3545},{"style":321},[3546],{"type":161,"value":986},{"type":151,"tag":314,"props":3548,"children":3549},{"class":316,"line":333},[3550,3554,3558,3563,3567,3571,3576,3580,3584,3588,3592,3596,3600],{"type":151,"tag":314,"props":3551,"children":3552},{"style":321},[3553],{"type":161,"value":2650},{"type":151,"tag":314,"props":3555,"children":3556},{"style":327},[3557],{"type":161,"value":910},{"type":151,"tag":314,"props":3559,"children":3560},{"style":337},[3561],{"type":161,"value":3562}," preset",{"type":151,"tag":314,"props":3564,"children":3565},{"style":321},[3566],{"type":161,"value":345},{"type":151,"tag":314,"props":3568,"children":3569},{"style":321},[3570],{"type":161,"value":350},{"type":151,"tag":314,"props":3572,"children":3573},{"style":353},[3574],{"type":161,"value":3575},"cover",{"type":151,"tag":314,"props":3577,"children":3578},{"style":321},[3579],{"type":161,"value":350},{"type":151,"tag":314,"props":3581,"children":3582},{"style":337},[3583],{"type":161,"value":915},{"type":151,"tag":314,"props":3585,"children":3586},{"style":321},[3587],{"type":161,"value":345},{"type":151,"tag":314,"props":3589,"children":3590},{"style":321},[3591],{"type":161,"value":350},{"type":151,"tag":314,"props":3593,"children":3594},{"style":353},[3595],{"type":161,"value":383},{"type":151,"tag":314,"props":3597,"children":3598},{"style":321},[3599],{"type":161,"value":350},{"type":151,"tag":314,"props":3601,"children":3602},{"style":321},[3603],{"type":161,"value":936},{"type":151,"tag":314,"props":3605,"children":3606},{"class":316,"line":364},[3607,3611,3615],{"type":151,"tag":314,"props":3608,"children":3609},{"style":321},[3610],{"type":161,"value":1509},{"type":151,"tag":314,"props":3612,"children":3613},{"style":327},[3614],{"type":161,"value":2638},{"type":151,"tag":314,"props":3616,"children":3617},{"style":321},[3618],{"type":161,"value":986},{"type":151,"tag":304,"props":3620,"children":3622},{"className":3368,"code":3621,"filename":3370,"language":2876,"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",[3623],{"type":151,"tag":156,"props":3624,"children":3625},{"__ignoreMap":139},[3626,3649,3664,3680,3696,3712,3740,3768,3789,3806,3814,3822,3829,3836],{"type":151,"tag":314,"props":3627,"children":3628},{"class":316,"line":317},[3629,3633,3637,3641,3645],{"type":151,"tag":314,"props":3630,"children":3631},{"style":3380},[3632],{"type":161,"value":3383},{"type":151,"tag":314,"props":3634,"children":3635},{"style":3380},[3636],{"type":161,"value":3388},{"type":151,"tag":314,"props":3638,"children":3639},{"style":2702},[3640],{"type":161,"value":3393},{"type":151,"tag":314,"props":3642,"children":3643},{"style":394},[3644],{"type":161,"value":2709},{"type":151,"tag":314,"props":3646,"children":3647},{"style":321},[3648],{"type":161,"value":605},{"type":151,"tag":314,"props":3650,"children":3651},{"class":316,"line":333},[3652,3656,3660],{"type":151,"tag":314,"props":3653,"children":3654},{"style":327},[3655],{"type":161,"value":3409},{"type":151,"tag":314,"props":3657,"children":3658},{"style":321},[3659],{"type":161,"value":618},{"type":151,"tag":314,"props":3661,"children":3662},{"style":321},[3663],{"type":161,"value":3155},{"type":151,"tag":314,"props":3665,"children":3666},{"class":316,"line":364},[3667,3672,3676],{"type":151,"tag":314,"props":3668,"children":3669},{"style":327},[3670],{"type":161,"value":3671},"    presets",{"type":151,"tag":314,"props":3673,"children":3674},{"style":321},[3675],{"type":161,"value":618},{"type":151,"tag":314,"props":3677,"children":3678},{"style":321},[3679],{"type":161,"value":3155},{"type":151,"tag":314,"props":3681,"children":3682},{"class":316,"line":390},[3683,3688,3692],{"type":151,"tag":314,"props":3684,"children":3685},{"style":327},[3686],{"type":161,"value":3687},"      cover",{"type":151,"tag":314,"props":3689,"children":3690},{"style":321},[3691],{"type":161,"value":618},{"type":151,"tag":314,"props":3693,"children":3694},{"style":321},[3695],{"type":161,"value":3155},{"type":151,"tag":314,"props":3697,"children":3698},{"class":316,"line":641},[3699,3704,3708],{"type":151,"tag":314,"props":3700,"children":3701},{"style":327},[3702],{"type":161,"value":3703},"        modifiers",{"type":151,"tag":314,"props":3705,"children":3706},{"style":321},[3707],{"type":161,"value":618},{"type":151,"tag":314,"props":3709,"children":3710},{"style":321},[3711],{"type":161,"value":3155},{"type":151,"tag":314,"props":3713,"children":3714},{"class":316,"line":671},[3715,3720,3724,3728,3732,3736],{"type":151,"tag":314,"props":3716,"children":3717},{"style":327},[3718],{"type":161,"value":3719},"          fit",{"type":151,"tag":314,"props":3721,"children":3722},{"style":321},[3723],{"type":161,"value":618},{"type":151,"tag":314,"props":3725,"children":3726},{"style":321},[3727],{"type":161,"value":623},{"type":151,"tag":314,"props":3729,"children":3730},{"style":353},[3731],{"type":161,"value":3575},{"type":151,"tag":314,"props":3733,"children":3734},{"style":321},[3735],{"type":161,"value":633},{"type":151,"tag":314,"props":3737,"children":3738},{"style":321},[3739],{"type":161,"value":638},{"type":151,"tag":314,"props":3741,"children":3742},{"class":316,"line":701},[3743,3748,3752,3756,3760,3764],{"type":151,"tag":314,"props":3744,"children":3745},{"style":327},[3746],{"type":161,"value":3747},"          format",{"type":151,"tag":314,"props":3749,"children":3750},{"style":321},[3751],{"type":161,"value":618},{"type":151,"tag":314,"props":3753,"children":3754},{"style":321},[3755],{"type":161,"value":623},{"type":151,"tag":314,"props":3757,"children":3758},{"style":353},[3759],{"type":161,"value":428},{"type":151,"tag":314,"props":3761,"children":3762},{"style":321},[3763],{"type":161,"value":633},{"type":151,"tag":314,"props":3765,"children":3766},{"style":321},[3767],{"type":161,"value":638},{"type":151,"tag":314,"props":3769,"children":3770},{"class":316,"line":737},[3771,3776,3780,3785],{"type":151,"tag":314,"props":3772,"children":3773},{"style":327},[3774],{"type":161,"value":3775},"          width",{"type":151,"tag":314,"props":3777,"children":3778},{"style":321},[3779],{"type":161,"value":618},{"type":151,"tag":314,"props":3781,"children":3782},{"style":2326},[3783],{"type":161,"value":3784}," 300",{"type":151,"tag":314,"props":3786,"children":3787},{"style":321},[3788],{"type":161,"value":638},{"type":151,"tag":314,"props":3790,"children":3791},{"class":316,"line":750},[3792,3797,3801],{"type":151,"tag":314,"props":3793,"children":3794},{"style":327},[3795],{"type":161,"value":3796},"          height",{"type":151,"tag":314,"props":3798,"children":3799},{"style":321},[3800],{"type":161,"value":618},{"type":151,"tag":314,"props":3802,"children":3803},{"style":2326},[3804],{"type":161,"value":3805}," 300\n",{"type":151,"tag":314,"props":3807,"children":3808},{"class":316,"line":1396},[3809],{"type":151,"tag":314,"props":3810,"children":3811},{"style":321},[3812],{"type":161,"value":3813},"        }\n",{"type":151,"tag":314,"props":3815,"children":3816},{"class":316,"line":1405},[3817],{"type":151,"tag":314,"props":3818,"children":3819},{"style":321},[3820],{"type":161,"value":3821},"      }\n",{"type":151,"tag":314,"props":3823,"children":3824},{"class":316,"line":1414},[3825],{"type":151,"tag":314,"props":3826,"children":3827},{"style":321},[3828],{"type":161,"value":3466},{"type":151,"tag":314,"props":3830,"children":3831},{"class":316,"line":1423},[3832],{"type":151,"tag":314,"props":3833,"children":3834},{"style":321},[3835],{"type":161,"value":3474},{"type":151,"tag":314,"props":3837,"children":3838},{"class":316,"line":1432},[3839,3843],{"type":151,"tag":314,"props":3840,"children":3841},{"style":321},[3842],{"type":161,"value":1374},{"type":151,"tag":314,"props":3844,"children":3845},{"style":394},[3846],{"type":161,"value":3486},{"type":151,"tag":289,"props":3848,"children":3849},{"id":291},[3850],{"type":151,"tag":156,"props":3851,"children":3853},{"className":3852},[],[3854],{"type":161,"value":291},{"type":151,"tag":152,"props":3856,"children":3857},{},[3858],{"type":161,"value":3859},"In case you want to serve images in a specific format, use this prop.",{"type":151,"tag":304,"props":3861,"children":3863},{"className":306,"code":3862,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  format=\"webp\"\n  src=\"/nuxt-icon.png\"\n/>\n",[3864],{"type":151,"tag":156,"props":3865,"children":3866},{"__ignoreMap":139},[3867,3878,3901,3924],{"type":151,"tag":314,"props":3868,"children":3869},{"class":316,"line":317},[3870,3874],{"type":151,"tag":314,"props":3871,"children":3872},{"style":321},[3873],{"type":161,"value":324},{"type":151,"tag":314,"props":3875,"children":3876},{"style":327},[3877],{"type":161,"value":1199},{"type":151,"tag":314,"props":3879,"children":3880},{"class":316,"line":333},[3881,3885,3889,3893,3897],{"type":151,"tag":314,"props":3882,"children":3883},{"style":337},[3884],{"type":161,"value":340},{"type":151,"tag":314,"props":3886,"children":3887},{"style":321},[3888],{"type":161,"value":345},{"type":151,"tag":314,"props":3890,"children":3891},{"style":321},[3892],{"type":161,"value":350},{"type":151,"tag":314,"props":3894,"children":3895},{"style":353},[3896],{"type":161,"value":201},{"type":151,"tag":314,"props":3898,"children":3899},{"style":321},[3900],{"type":161,"value":361},{"type":151,"tag":314,"props":3902,"children":3903},{"class":316,"line":364},[3904,3908,3912,3916,3920],{"type":151,"tag":314,"props":3905,"children":3906},{"style":337},[3907],{"type":161,"value":370},{"type":151,"tag":314,"props":3909,"children":3910},{"style":321},[3911],{"type":161,"value":345},{"type":151,"tag":314,"props":3913,"children":3914},{"style":321},[3915],{"type":161,"value":350},{"type":151,"tag":314,"props":3917,"children":3918},{"style":353},[3919],{"type":161,"value":383},{"type":151,"tag":314,"props":3921,"children":3922},{"style":321},[3923],{"type":161,"value":361},{"type":151,"tag":314,"props":3925,"children":3926},{"class":316,"line":390},[3927],{"type":151,"tag":314,"props":3928,"children":3929},{"style":394},[3930],{"type":161,"value":397},{"type":151,"tag":152,"props":3932,"children":3933},{},[3934,3935,3940,3941,3946,3947,3952,3953,3958,3959,3964,3965,3970,3971,3977],{"type":161,"value":402},{"type":151,"tag":156,"props":3936,"children":3938},{"className":3937},[],[3939],{"type":161,"value":201},{"type":161,"value":247},{"type":151,"tag":156,"props":3942,"children":3944},{"className":3943},[],[3945],{"type":161,"value":414},{"type":161,"value":247},{"type":151,"tag":156,"props":3948,"children":3950},{"className":3949},[],[3951],{"type":161,"value":421},{"type":161,"value":247},{"type":151,"tag":156,"props":3954,"children":3956},{"className":3955},[],[3957],{"type":161,"value":428},{"type":161,"value":247},{"type":151,"tag":156,"props":3960,"children":3962},{"className":3961},[],[3963],{"type":161,"value":435},{"type":161,"value":247},{"type":151,"tag":156,"props":3966,"children":3968},{"className":3967},[],[3969],{"type":161,"value":443},{"type":161,"value":832},{"type":151,"tag":156,"props":3972,"children":3974},{"className":3973},[],[3975],{"type":161,"value":3976},"svg",{"type":161,"value":445},{"type":151,"tag":289,"props":3979,"children":3981},{"id":3980},"quality",[3982],{"type":151,"tag":156,"props":3983,"children":3985},{"className":3984},[],[3986],{"type":161,"value":3980},{"type":151,"tag":152,"props":3988,"children":3989},{},[3990],{"type":161,"value":3991},"The quality for the generated image(s).",{"type":151,"tag":304,"props":3993,"children":3995},{"className":306,"code":3994,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/nuxt.jpg\"\n  quality=\"80\"\n  width=\"200\"\n  height=\"100\"\n/>\n",[3996],{"type":151,"tag":156,"props":3997,"children":3998},{"__ignoreMap":139},[3999,4010,4034,4059,4083,4107],{"type":151,"tag":314,"props":4000,"children":4001},{"class":316,"line":317},[4002,4006],{"type":151,"tag":314,"props":4003,"children":4004},{"style":321},[4005],{"type":161,"value":324},{"type":151,"tag":314,"props":4007,"children":4008},{"style":327},[4009],{"type":161,"value":1199},{"type":151,"tag":314,"props":4011,"children":4012},{"class":316,"line":333},[4013,4017,4021,4025,4030],{"type":151,"tag":314,"props":4014,"children":4015},{"style":337},[4016],{"type":161,"value":370},{"type":151,"tag":314,"props":4018,"children":4019},{"style":321},[4020],{"type":161,"value":345},{"type":151,"tag":314,"props":4022,"children":4023},{"style":321},[4024],{"type":161,"value":350},{"type":151,"tag":314,"props":4026,"children":4027},{"style":353},[4028],{"type":161,"value":4029},"/nuxt.jpg",{"type":151,"tag":314,"props":4031,"children":4032},{"style":321},[4033],{"type":161,"value":361},{"type":151,"tag":314,"props":4035,"children":4036},{"class":316,"line":364},[4037,4042,4046,4050,4055],{"type":151,"tag":314,"props":4038,"children":4039},{"style":337},[4040],{"type":161,"value":4041},"  quality",{"type":151,"tag":314,"props":4043,"children":4044},{"style":321},[4045],{"type":161,"value":345},{"type":151,"tag":314,"props":4047,"children":4048},{"style":321},[4049],{"type":161,"value":350},{"type":151,"tag":314,"props":4051,"children":4052},{"style":353},[4053],{"type":161,"value":4054},"80",{"type":151,"tag":314,"props":4056,"children":4057},{"style":321},[4058],{"type":161,"value":361},{"type":151,"tag":314,"props":4060,"children":4061},{"class":316,"line":390},[4062,4066,4070,4074,4079],{"type":151,"tag":314,"props":4063,"children":4064},{"style":337},[4065],{"type":161,"value":1256},{"type":151,"tag":314,"props":4067,"children":4068},{"style":321},[4069],{"type":161,"value":345},{"type":151,"tag":314,"props":4071,"children":4072},{"style":321},[4073],{"type":161,"value":350},{"type":151,"tag":314,"props":4075,"children":4076},{"style":353},[4077],{"type":161,"value":4078},"200",{"type":151,"tag":314,"props":4080,"children":4081},{"style":321},[4082],{"type":161,"value":361},{"type":151,"tag":314,"props":4084,"children":4085},{"class":316,"line":641},[4086,4090,4094,4098,4103],{"type":151,"tag":314,"props":4087,"children":4088},{"style":337},[4089],{"type":161,"value":1281},{"type":151,"tag":314,"props":4091,"children":4092},{"style":321},[4093],{"type":161,"value":345},{"type":151,"tag":314,"props":4095,"children":4096},{"style":321},[4097],{"type":161,"value":350},{"type":151,"tag":314,"props":4099,"children":4100},{"style":353},[4101],{"type":161,"value":4102},"100",{"type":151,"tag":314,"props":4104,"children":4105},{"style":321},[4106],{"type":161,"value":361},{"type":151,"tag":314,"props":4108,"children":4109},{"class":316,"line":671},[4110],{"type":151,"tag":314,"props":4111,"children":4112},{"style":394},[4113],{"type":161,"value":397},{"type":151,"tag":289,"props":4115,"children":4117},{"id":4116},"fit",[4118],{"type":151,"tag":156,"props":4119,"children":4121},{"className":4120},[],[4122],{"type":161,"value":4116},{"type":151,"tag":152,"props":4124,"children":4125},{},[4126,4127,4132],{"type":161,"value":1034},{"type":151,"tag":156,"props":4128,"children":4130},{"className":4129},[],[4131],{"type":161,"value":4116},{"type":161,"value":4133}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":151,"tag":462,"props":4135,"children":4136},{},[4137,4147,4158,4169,4180],{"type":151,"tag":466,"props":4138,"children":4139},{},[4140,4145],{"type":151,"tag":156,"props":4141,"children":4143},{"className":4142},[],[4144],{"type":161,"value":3575},{"type":161,"value":4146},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":151,"tag":466,"props":4148,"children":4149},{},[4150,4156],{"type":151,"tag":156,"props":4151,"children":4153},{"className":4152},[],[4154],{"type":161,"value":4155},"contain",{"type":161,"value":4157},": Preserving aspect ratio, contain within both provided dimensions using 'letterboxing' where necessary.",{"type":151,"tag":466,"props":4159,"children":4160},{},[4161,4167],{"type":151,"tag":156,"props":4162,"children":4164},{"className":4163},[],[4165],{"type":161,"value":4166},"fill",{"type":161,"value":4168},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":151,"tag":466,"props":4170,"children":4171},{},[4172,4178],{"type":151,"tag":156,"props":4173,"children":4175},{"className":4174},[],[4176],{"type":161,"value":4177},"inside",{"type":161,"value":4179},": 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":466,"props":4181,"children":4182},{},[4183,4189],{"type":151,"tag":156,"props":4184,"children":4186},{"className":4185},[],[4187],{"type":161,"value":4188},"outside",{"type":161,"value":4190},": 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":304,"props":4192,"children":4194},{"className":306,"code":4193,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  fit=\"cover\"\n  src=\"/nuxt-icon.png\"\n  width=\"200\"\n  height=\"100\"\n/>\n",[4195],{"type":151,"tag":156,"props":4196,"children":4197},{"__ignoreMap":139},[4198,4209,4233,4256,4279,4302],{"type":151,"tag":314,"props":4199,"children":4200},{"class":316,"line":317},[4201,4205],{"type":151,"tag":314,"props":4202,"children":4203},{"style":321},[4204],{"type":161,"value":324},{"type":151,"tag":314,"props":4206,"children":4207},{"style":327},[4208],{"type":161,"value":1199},{"type":151,"tag":314,"props":4210,"children":4211},{"class":316,"line":333},[4212,4217,4221,4225,4229],{"type":151,"tag":314,"props":4213,"children":4214},{"style":337},[4215],{"type":161,"value":4216},"  fit",{"type":151,"tag":314,"props":4218,"children":4219},{"style":321},[4220],{"type":161,"value":345},{"type":151,"tag":314,"props":4222,"children":4223},{"style":321},[4224],{"type":161,"value":350},{"type":151,"tag":314,"props":4226,"children":4227},{"style":353},[4228],{"type":161,"value":3575},{"type":151,"tag":314,"props":4230,"children":4231},{"style":321},[4232],{"type":161,"value":361},{"type":151,"tag":314,"props":4234,"children":4235},{"class":316,"line":364},[4236,4240,4244,4248,4252],{"type":151,"tag":314,"props":4237,"children":4238},{"style":337},[4239],{"type":161,"value":370},{"type":151,"tag":314,"props":4241,"children":4242},{"style":321},[4243],{"type":161,"value":345},{"type":151,"tag":314,"props":4245,"children":4246},{"style":321},[4247],{"type":161,"value":350},{"type":151,"tag":314,"props":4249,"children":4250},{"style":353},[4251],{"type":161,"value":383},{"type":151,"tag":314,"props":4253,"children":4254},{"style":321},[4255],{"type":161,"value":361},{"type":151,"tag":314,"props":4257,"children":4258},{"class":316,"line":390},[4259,4263,4267,4271,4275],{"type":151,"tag":314,"props":4260,"children":4261},{"style":337},[4262],{"type":161,"value":1256},{"type":151,"tag":314,"props":4264,"children":4265},{"style":321},[4266],{"type":161,"value":345},{"type":151,"tag":314,"props":4268,"children":4269},{"style":321},[4270],{"type":161,"value":350},{"type":151,"tag":314,"props":4272,"children":4273},{"style":353},[4274],{"type":161,"value":4078},{"type":151,"tag":314,"props":4276,"children":4277},{"style":321},[4278],{"type":161,"value":361},{"type":151,"tag":314,"props":4280,"children":4281},{"class":316,"line":641},[4282,4286,4290,4294,4298],{"type":151,"tag":314,"props":4283,"children":4284},{"style":337},[4285],{"type":161,"value":1281},{"type":151,"tag":314,"props":4287,"children":4288},{"style":321},[4289],{"type":161,"value":345},{"type":151,"tag":314,"props":4291,"children":4292},{"style":321},[4293],{"type":161,"value":350},{"type":151,"tag":314,"props":4295,"children":4296},{"style":353},[4297],{"type":161,"value":4102},{"type":151,"tag":314,"props":4299,"children":4300},{"style":321},[4301],{"type":161,"value":361},{"type":151,"tag":314,"props":4303,"children":4304},{"class":316,"line":671},[4305],{"type":151,"tag":314,"props":4306,"children":4307},{"style":394},[4308],{"type":161,"value":397},{"type":151,"tag":225,"props":4310,"children":4311},{},[4312],{"type":151,"tag":152,"props":4313,"children":4314},{},[4315],{"type":161,"value":4316},"Some providers support other values.",{"type":151,"tag":289,"props":4318,"children":4320},{"id":4319},"modifiers",[4321],{"type":151,"tag":156,"props":4322,"children":4324},{"className":4323},[],[4325],{"type":161,"value":4319},{"type":151,"tag":152,"props":4327,"children":4328},{},[4329],{"type":161,"value":4330},"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":4332,"children":4333},{},[4334,4336,4341],{"type":161,"value":4335},"Using the ",{"type":151,"tag":156,"props":4337,"children":4339},{"className":4338},[],[4340],{"type":161,"value":4319},{"type":161,"value":4342}," prop lets you use any of these transformations.",{"type":151,"tag":152,"props":4344,"children":4345},{},[4346],{"type":151,"tag":535,"props":4347,"children":4348},{},[4349],{"type":161,"value":539},{"type":151,"tag":304,"props":4351,"children":4353},{"className":306,"code":4352,"language":308,"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",[4354],{"type":151,"tag":156,"props":4355,"children":4356},{"__ignoreMap":139},[4357,4368,4392,4415,4438,4461,4515],{"type":151,"tag":314,"props":4358,"children":4359},{"class":316,"line":317},[4360,4364],{"type":151,"tag":314,"props":4361,"children":4362},{"style":321},[4363],{"type":161,"value":324},{"type":151,"tag":314,"props":4365,"children":4366},{"style":327},[4367],{"type":161,"value":1199},{"type":151,"tag":314,"props":4369,"children":4370},{"class":316,"line":333},[4371,4376,4380,4384,4388],{"type":151,"tag":314,"props":4372,"children":4373},{"style":337},[4374],{"type":161,"value":4375},"  provider",{"type":151,"tag":314,"props":4377,"children":4378},{"style":321},[4379],{"type":161,"value":345},{"type":151,"tag":314,"props":4381,"children":4382},{"style":321},[4383],{"type":161,"value":350},{"type":151,"tag":314,"props":4385,"children":4386},{"style":353},[4387],{"type":161,"value":3265},{"type":151,"tag":314,"props":4389,"children":4390},{"style":321},[4391],{"type":161,"value":361},{"type":151,"tag":314,"props":4393,"children":4394},{"class":316,"line":364},[4395,4399,4403,4407,4411],{"type":151,"tag":314,"props":4396,"children":4397},{"style":337},[4398],{"type":161,"value":370},{"type":151,"tag":314,"props":4400,"children":4401},{"style":321},[4402],{"type":161,"value":345},{"type":151,"tag":314,"props":4404,"children":4405},{"style":321},[4406],{"type":161,"value":350},{"type":151,"tag":314,"props":4408,"children":4409},{"style":353},[4410],{"type":161,"value":3289},{"type":151,"tag":314,"props":4412,"children":4413},{"style":321},[4414],{"type":161,"value":361},{"type":151,"tag":314,"props":4416,"children":4417},{"class":316,"line":390},[4418,4422,4426,4430,4434],{"type":151,"tag":314,"props":4419,"children":4420},{"style":337},[4421],{"type":161,"value":1256},{"type":151,"tag":314,"props":4423,"children":4424},{"style":321},[4425],{"type":161,"value":345},{"type":151,"tag":314,"props":4427,"children":4428},{"style":321},[4429],{"type":161,"value":350},{"type":151,"tag":314,"props":4431,"children":4432},{"style":353},[4433],{"type":161,"value":3314},{"type":151,"tag":314,"props":4435,"children":4436},{"style":321},[4437],{"type":161,"value":361},{"type":151,"tag":314,"props":4439,"children":4440},{"class":316,"line":641},[4441,4445,4449,4453,4457],{"type":151,"tag":314,"props":4442,"children":4443},{"style":337},[4444],{"type":161,"value":1281},{"type":151,"tag":314,"props":4446,"children":4447},{"style":321},[4448],{"type":161,"value":345},{"type":151,"tag":314,"props":4450,"children":4451},{"style":321},[4452],{"type":161,"value":350},{"type":151,"tag":314,"props":4454,"children":4455},{"style":353},[4456],{"type":161,"value":3339},{"type":151,"tag":314,"props":4458,"children":4459},{"style":321},[4460],{"type":161,"value":361},{"type":151,"tag":314,"props":4462,"children":4463},{"class":316,"line":671},[4464,4468,4472,4476,4480,4484,4489,4493,4497,4502,4506,4511],{"type":151,"tag":314,"props":4465,"children":4466},{"style":321},[4467],{"type":161,"value":588},{"type":151,"tag":314,"props":4469,"children":4470},{"style":337},[4471],{"type":161,"value":4319},{"type":151,"tag":314,"props":4473,"children":4474},{"style":321},[4475],{"type":161,"value":345},{"type":151,"tag":314,"props":4477,"children":4478},{"style":321},[4479],{"type":161,"value":350},{"type":151,"tag":314,"props":4481,"children":4482},{"style":321},[4483],{"type":161,"value":1346},{"type":151,"tag":314,"props":4485,"children":4486},{"style":327},[4487],{"type":161,"value":4488}," roundCorner",{"type":151,"tag":314,"props":4490,"children":4491},{"style":321},[4492],{"type":161,"value":618},{"type":151,"tag":314,"props":4494,"children":4495},{"style":321},[4496],{"type":161,"value":623},{"type":151,"tag":314,"props":4498,"children":4499},{"style":353},[4500],{"type":161,"value":4501},"0:100",{"type":151,"tag":314,"props":4503,"children":4504},{"style":321},[4505],{"type":161,"value":633},{"type":151,"tag":314,"props":4507,"children":4508},{"style":321},[4509],{"type":161,"value":4510}," }",{"type":151,"tag":314,"props":4512,"children":4513},{"style":321},[4514],{"type":161,"value":361},{"type":151,"tag":314,"props":4516,"children":4517},{"class":316,"line":701},[4518],{"type":151,"tag":314,"props":4519,"children":4520},{"style":394},[4521],{"type":161,"value":397},{"type":151,"tag":289,"props":4523,"children":4525},{"id":4524},"preload",[4526],{"type":151,"tag":156,"props":4527,"children":4529},{"className":4528},[],[4530],{"type":161,"value":4524},{"type":151,"tag":152,"props":4532,"children":4533},{},[4534,4536,4542],{"type":161,"value":4535},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":151,"tag":156,"props":4537,"children":4539},{"className":4538},[],[4540],{"type":161,"value":4541},"link",{"type":161,"value":4543}," tag in the page's head.",{"type":151,"tag":304,"props":4545,"children":4547},{"className":306,"code":4546,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" preload />\n",[4548],{"type":151,"tag":156,"props":4549,"children":4550},{"__ignoreMap":139},[4551],{"type":151,"tag":314,"props":4552,"children":4553},{"class":316,"line":317},[4554,4558,4562,4566,4570,4574,4578,4582,4587],{"type":151,"tag":314,"props":4555,"children":4556},{"style":321},[4557],{"type":161,"value":324},{"type":151,"tag":314,"props":4559,"children":4560},{"style":327},[4561],{"type":161,"value":910},{"type":151,"tag":314,"props":4563,"children":4564},{"style":337},[4565],{"type":161,"value":915},{"type":151,"tag":314,"props":4567,"children":4568},{"style":321},[4569],{"type":161,"value":345},{"type":151,"tag":314,"props":4571,"children":4572},{"style":321},[4573],{"type":161,"value":350},{"type":151,"tag":314,"props":4575,"children":4576},{"style":353},[4577],{"type":161,"value":383},{"type":151,"tag":314,"props":4579,"children":4580},{"style":321},[4581],{"type":161,"value":350},{"type":151,"tag":314,"props":4583,"children":4584},{"style":337},[4585],{"type":161,"value":4586}," preload",{"type":151,"tag":314,"props":4588,"children":4589},{"style":321},[4590],{"type":161,"value":936},{"type":151,"tag":289,"props":4592,"children":4594},{"id":4593},"loading",[4595],{"type":151,"tag":156,"props":4596,"children":4598},{"className":4597},[],[4599],{"type":161,"value":4593},{"type":151,"tag":152,"props":4601,"children":4602},{},[4603,4605,4611,4613,4620],{"type":161,"value":4604},"This is a ",{"type":151,"tag":185,"props":4606,"children":4609},{"href":4607,"rel":4608},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[213],[4610],{"type":161,"value":1706},{"type":161,"value":4612}," 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":185,"props":4614,"children":4617},{"href":4615,"rel":4616},"https://caniuse.com/loading-lazy-attr",[213],[4618],{"type":161,"value":4619},"supported",{"type":161,"value":4621}," by the latest version of all major browsers since March 2022.",{"type":151,"tag":152,"props":4623,"children":4624},{},[4625,4627,4633],{"type":161,"value":4626},"Set ",{"type":151,"tag":156,"props":4628,"children":4630},{"className":4629},[],[4631],{"type":161,"value":4632},"loading=\"lazy\"",{"type":161,"value":4634}," to defer loading of an image until it appears in the viewport.",{"type":151,"tag":304,"props":4636,"children":4638},{"className":306,"code":4637,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[4639],{"type":151,"tag":156,"props":4640,"children":4641},{"__ignoreMap":139},[4642],{"type":151,"tag":314,"props":4643,"children":4644},{"class":316,"line":317},[4645,4649,4653,4657,4661,4665,4669,4673,4678,4682,4686,4691,4695],{"type":151,"tag":314,"props":4646,"children":4647},{"style":321},[4648],{"type":161,"value":324},{"type":151,"tag":314,"props":4650,"children":4651},{"style":327},[4652],{"type":161,"value":910},{"type":151,"tag":314,"props":4654,"children":4655},{"style":337},[4656],{"type":161,"value":915},{"type":151,"tag":314,"props":4658,"children":4659},{"style":321},[4660],{"type":161,"value":345},{"type":151,"tag":314,"props":4662,"children":4663},{"style":321},[4664],{"type":161,"value":350},{"type":151,"tag":314,"props":4666,"children":4667},{"style":353},[4668],{"type":161,"value":383},{"type":151,"tag":314,"props":4670,"children":4671},{"style":321},[4672],{"type":161,"value":350},{"type":151,"tag":314,"props":4674,"children":4675},{"style":337},[4676],{"type":161,"value":4677}," loading",{"type":151,"tag":314,"props":4679,"children":4680},{"style":321},[4681],{"type":161,"value":345},{"type":151,"tag":314,"props":4683,"children":4684},{"style":321},[4685],{"type":161,"value":350},{"type":151,"tag":314,"props":4687,"children":4688},{"style":353},[4689],{"type":161,"value":4690},"lazy",{"type":151,"tag":314,"props":4692,"children":4693},{"style":321},[4694],{"type":161,"value":350},{"type":151,"tag":314,"props":4696,"children":4697},{"style":321},[4698],{"type":161,"value":936},{"type":151,"tag":289,"props":4700,"children":4702},{"id":4701},"nonce",[4703],{"type":151,"tag":156,"props":4704,"children":4706},{"className":4705},[],[4707],{"type":161,"value":4701},{"type":151,"tag":152,"props":4709,"children":4710},{},[4711,4712,4718,4720,4726,4728,4733],{"type":161,"value":4604},{"type":151,"tag":185,"props":4713,"children":4716},{"href":4714,"rel":4715},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[213],[4717],{"type":161,"value":1706},{"type":161,"value":4719}," 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":4721,"children":4723},{"className":4722},[],[4724],{"type":161,"value":4725},"unsafe-inline",{"type":161,"value":4727}," directive, which would allowlist ",{"type":151,"tag":1715,"props":4729,"children":4730},{},[4731],{"type":161,"value":4732},"all",{"type":161,"value":4734}," inline script or styles.",{"type":151,"tag":304,"props":4736,"children":4738},{"className":306,"code":4737,"language":308,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg\n    src=\"/nuxt-icon.png\"\n    :nonce=\"nonce\"\n  />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\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",[4739],{"type":151,"tag":156,"props":4740,"children":4741},{"__ignoreMap":139},[4742,4757,4768,4791,4818,4825,4840,4847,4886,4894,4902,4927],{"type":151,"tag":314,"props":4743,"children":4744},{"class":316,"line":317},[4745,4749,4753],{"type":151,"tag":314,"props":4746,"children":4747},{"style":321},[4748],{"type":161,"value":324},{"type":151,"tag":314,"props":4750,"children":4751},{"style":327},[4752],{"type":161,"value":2638},{"type":151,"tag":314,"props":4754,"children":4755},{"style":321},[4756],{"type":161,"value":986},{"type":151,"tag":314,"props":4758,"children":4759},{"class":316,"line":333},[4760,4764],{"type":151,"tag":314,"props":4761,"children":4762},{"style":321},[4763],{"type":161,"value":2650},{"type":151,"tag":314,"props":4765,"children":4766},{"style":327},[4767],{"type":161,"value":1199},{"type":151,"tag":314,"props":4769,"children":4770},{"class":316,"line":364},[4771,4775,4779,4783,4787],{"type":151,"tag":314,"props":4772,"children":4773},{"style":337},[4774],{"type":161,"value":2662},{"type":151,"tag":314,"props":4776,"children":4777},{"style":321},[4778],{"type":161,"value":345},{"type":151,"tag":314,"props":4780,"children":4781},{"style":321},[4782],{"type":161,"value":350},{"type":151,"tag":314,"props":4784,"children":4785},{"style":353},[4786],{"type":161,"value":383},{"type":151,"tag":314,"props":4788,"children":4789},{"style":321},[4790],{"type":161,"value":361},{"type":151,"tag":314,"props":4792,"children":4793},{"class":316,"line":390},[4794,4798,4802,4806,4810,4814],{"type":151,"tag":314,"props":4795,"children":4796},{"style":321},[4797],{"type":161,"value":2687},{"type":151,"tag":314,"props":4799,"children":4800},{"style":337},[4801],{"type":161,"value":4701},{"type":151,"tag":314,"props":4803,"children":4804},{"style":321},[4805],{"type":161,"value":345},{"type":151,"tag":314,"props":4807,"children":4808},{"style":321},[4809],{"type":161,"value":350},{"type":151,"tag":314,"props":4811,"children":4812},{"style":394},[4813],{"type":161,"value":4701},{"type":151,"tag":314,"props":4815,"children":4816},{"style":321},[4817],{"type":161,"value":361},{"type":151,"tag":314,"props":4819,"children":4820},{"class":316,"line":641},[4821],{"type":151,"tag":314,"props":4822,"children":4823},{"style":321},[4824],{"type":161,"value":2819},{"type":151,"tag":314,"props":4826,"children":4827},{"class":316,"line":671},[4828,4832,4836],{"type":151,"tag":314,"props":4829,"children":4830},{"style":321},[4831],{"type":161,"value":1509},{"type":151,"tag":314,"props":4833,"children":4834},{"style":327},[4835],{"type":161,"value":2638},{"type":151,"tag":314,"props":4837,"children":4838},{"style":321},[4839],{"type":161,"value":986},{"type":151,"tag":314,"props":4841,"children":4842},{"class":316,"line":701},[4843],{"type":151,"tag":314,"props":4844,"children":4845},{"emptyLinePlaceholder":1445},[4846],{"type":161,"value":1448},{"type":151,"tag":314,"props":4848,"children":4849},{"class":316,"line":737},[4850,4854,4858,4862,4866,4870,4874,4878,4882],{"type":151,"tag":314,"props":4851,"children":4852},{"style":321},[4853],{"type":161,"value":324},{"type":151,"tag":314,"props":4855,"children":4856},{"style":327},[4857],{"type":161,"value":2853},{"type":151,"tag":314,"props":4859,"children":4860},{"style":337},[4861],{"type":161,"value":2858},{"type":151,"tag":314,"props":4863,"children":4864},{"style":337},[4865],{"type":161,"value":2863},{"type":151,"tag":314,"props":4867,"children":4868},{"style":321},[4869],{"type":161,"value":345},{"type":151,"tag":314,"props":4871,"children":4872},{"style":321},[4873],{"type":161,"value":350},{"type":151,"tag":314,"props":4875,"children":4876},{"style":353},[4877],{"type":161,"value":2876},{"type":151,"tag":314,"props":4879,"children":4880},{"style":321},[4881],{"type":161,"value":350},{"type":151,"tag":314,"props":4883,"children":4884},{"style":321},[4885],{"type":161,"value":986},{"type":151,"tag":314,"props":4887,"children":4888},{"class":316,"line":750},[4889],{"type":151,"tag":314,"props":4890,"children":4891},{"style":2212},[4892],{"type":161,"value":4893},"// useNonce is not provided by @nuxt/image but might be\n",{"type":151,"tag":314,"props":4895,"children":4896},{"class":316,"line":1396},[4897],{"type":151,"tag":314,"props":4898,"children":4899},{"style":2212},[4900],{"type":161,"value":4901},"// provided by another module, for example nuxt-security\n",{"type":151,"tag":314,"props":4903,"children":4904},{"class":316,"line":1405},[4905,4909,4914,4918,4923],{"type":151,"tag":314,"props":4906,"children":4907},{"style":337},[4908],{"type":161,"value":2892},{"type":151,"tag":314,"props":4910,"children":4911},{"style":394},[4912],{"type":161,"value":4913}," nonce ",{"type":151,"tag":314,"props":4915,"children":4916},{"style":321},[4917],{"type":161,"value":345},{"type":151,"tag":314,"props":4919,"children":4920},{"style":2702},[4921],{"type":161,"value":4922}," useNonce",{"type":151,"tag":314,"props":4924,"children":4925},{"style":394},[4926],{"type":161,"value":2911},{"type":151,"tag":314,"props":4928,"children":4929},{"class":316,"line":1414},[4930,4934,4938],{"type":151,"tag":314,"props":4931,"children":4932},{"style":321},[4933],{"type":161,"value":1509},{"type":151,"tag":314,"props":4935,"children":4936},{"style":327},[4937],{"type":161,"value":2853},{"type":151,"tag":314,"props":4939,"children":4940},{"style":321},[4941],{"type":161,"value":986},{"type":151,"tag":265,"props":4943,"children":4945},{"id":4944},"events",[4946],{"type":161,"value":4947},"Events",{"type":151,"tag":152,"props":4949,"children":4950},{},[4951,4953,4958,4960,4965,4966,4971],{"type":161,"value":4952},"Native events emitted by the ",{"type":151,"tag":156,"props":4954,"children":4956},{"className":4955},[],[4957],{"type":161,"value":797},{"type":161,"value":4959}," element contained by ",{"type":151,"tag":156,"props":4961,"children":4963},{"className":4962},[],[4964],{"type":161,"value":25},{"type":161,"value":832},{"type":151,"tag":156,"props":4967,"children":4969},{"className":4968},[],[4970],{"type":161,"value":28},{"type":161,"value":4972}," components are re-emitted and can be listened to.",{"type":151,"tag":152,"props":4974,"children":4975},{},[4976,4980,4982,4988,4990],{"type":151,"tag":535,"props":4977,"children":4978},{},[4979],{"type":161,"value":539},{"type":161,"value":4981}," Listen to the native ",{"type":151,"tag":156,"props":4983,"children":4985},{"className":4984},[],[4986],{"type":161,"value":4987},"onLoad",{"type":161,"value":4989}," event from ",{"type":151,"tag":156,"props":4991,"children":4993},{"className":4992},[],[4994],{"type":161,"value":25},{"type":151,"tag":304,"props":4996,"children":4998},{"className":306,"code":4997,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/images/colors.jpg\"\n  width=\"500\"\n  height=\"500\"\n  @load=\"doSomethingOnLoad\"\n/>\n",[4999],{"type":151,"tag":156,"props":5000,"children":5001},{"__ignoreMap":139},[5002,5013,5037,5061,5084,5114],{"type":151,"tag":314,"props":5003,"children":5004},{"class":316,"line":317},[5005,5009],{"type":151,"tag":314,"props":5006,"children":5007},{"style":321},[5008],{"type":161,"value":324},{"type":151,"tag":314,"props":5010,"children":5011},{"style":327},[5012],{"type":161,"value":1199},{"type":151,"tag":314,"props":5014,"children":5015},{"class":316,"line":333},[5016,5020,5024,5028,5033],{"type":151,"tag":314,"props":5017,"children":5018},{"style":337},[5019],{"type":161,"value":370},{"type":151,"tag":314,"props":5021,"children":5022},{"style":321},[5023],{"type":161,"value":345},{"type":151,"tag":314,"props":5025,"children":5026},{"style":321},[5027],{"type":161,"value":350},{"type":151,"tag":314,"props":5029,"children":5030},{"style":353},[5031],{"type":161,"value":5032},"/images/colors.jpg",{"type":151,"tag":314,"props":5034,"children":5035},{"style":321},[5036],{"type":161,"value":361},{"type":151,"tag":314,"props":5038,"children":5039},{"class":316,"line":364},[5040,5044,5048,5052,5057],{"type":151,"tag":314,"props":5041,"children":5042},{"style":337},[5043],{"type":161,"value":1256},{"type":151,"tag":314,"props":5045,"children":5046},{"style":321},[5047],{"type":161,"value":345},{"type":151,"tag":314,"props":5049,"children":5050},{"style":321},[5051],{"type":161,"value":350},{"type":151,"tag":314,"props":5053,"children":5054},{"style":353},[5055],{"type":161,"value":5056},"500",{"type":151,"tag":314,"props":5058,"children":5059},{"style":321},[5060],{"type":161,"value":361},{"type":151,"tag":314,"props":5062,"children":5063},{"class":316,"line":390},[5064,5068,5072,5076,5080],{"type":151,"tag":314,"props":5065,"children":5066},{"style":337},[5067],{"type":161,"value":1281},{"type":151,"tag":314,"props":5069,"children":5070},{"style":321},[5071],{"type":161,"value":345},{"type":151,"tag":314,"props":5073,"children":5074},{"style":321},[5075],{"type":161,"value":350},{"type":151,"tag":314,"props":5077,"children":5078},{"style":353},[5079],{"type":161,"value":5056},{"type":151,"tag":314,"props":5081,"children":5082},{"style":321},[5083],{"type":161,"value":361},{"type":151,"tag":314,"props":5085,"children":5086},{"class":316,"line":641},[5087,5092,5097,5101,5105,5110],{"type":151,"tag":314,"props":5088,"children":5089},{"style":321},[5090],{"type":161,"value":5091},"  @",{"type":151,"tag":314,"props":5093,"children":5094},{"style":337},[5095],{"type":161,"value":5096},"load",{"type":151,"tag":314,"props":5098,"children":5099},{"style":321},[5100],{"type":161,"value":345},{"type":151,"tag":314,"props":5102,"children":5103},{"style":321},[5104],{"type":161,"value":350},{"type":151,"tag":314,"props":5106,"children":5107},{"style":394},[5108],{"type":161,"value":5109},"doSomethingOnLoad",{"type":151,"tag":314,"props":5111,"children":5112},{"style":321},[5113],{"type":161,"value":361},{"type":151,"tag":314,"props":5115,"children":5116},{"class":316,"line":671},[5117],{"type":151,"tag":314,"props":5118,"children":5119},{"style":394},[5120],{"type":161,"value":397},{"type":151,"tag":757,"props":5122,"children":5123},{},[5124],{"type":161,"value":761},{"title":139,"searchDepth":333,"depth":333,"links":5126},[5127,5128,5148],{"id":137,"depth":333,"text":21},{"id":267,"depth":333,"text":270,"children":5129},[5130,5131,5132,5134,5135,5136,5137,5138,5139,5140,5141,5142,5143,5144,5145,5146,5147],{"id":1023,"depth":364,"text":1023},{"id":817,"depth":364,"text":817},{"id":1637,"depth":364,"text":5133},"width / height",{"id":1119,"depth":364,"text":1119},{"id":849,"depth":364,"text":849},{"id":1998,"depth":364,"text":1998},{"id":2170,"depth":364,"text":2170},{"id":2929,"depth":364,"text":2929},{"id":3174,"depth":364,"text":3174},{"id":3489,"depth":364,"text":3489},{"id":291,"depth":364,"text":291},{"id":3980,"depth":364,"text":3980},{"id":4116,"depth":364,"text":4116},{"id":4319,"depth":364,"text":4319},{"id":4524,"depth":364,"text":4524},{"id":4593,"depth":364,"text":4593},{"id":4701,"depth":364,"text":4701},{"id":4944,"depth":333,"text":4947},"content:2.usage:1.nuxt-img.md","2.usage/1.nuxt-img.md","2.usage/1.nuxt-img",{"_path":32,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":31,"description":5153,"links":5154,"body":5157,"_type":769,"_id":6477,"_source":771,"_file":6478,"_stem":6479,"_extension":774},"A Vue composable that returns a helper function to generate optimized image URLs.",[5155],{"label":143,"icon":144,"to":5156,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/composables.ts",{"type":148,"children":5158,"toc":6472},[5159,5198,5202,5271,5288,5512,5522,5609,5624,5632,5758,5773,6468],{"type":151,"tag":152,"props":5160,"children":5161},{},[5162,5164,5169,5170,5175,5177,5182,5184,5190,5192,5197],{"type":161,"value":5163},"Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":151,"tag":156,"props":5165,"children":5167},{"className":5166},[],[5168],{"type":161,"value":25},{"type":161,"value":832},{"type":151,"tag":156,"props":5171,"children":5173},{"className":5172},[],[5174],{"type":161,"value":28},{"type":161,"value":5176}," components. This is where ",{"type":151,"tag":156,"props":5178,"children":5180},{"className":5179},[],[5181],{"type":161,"value":31},{"type":161,"value":5183}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":151,"tag":156,"props":5185,"children":5187},{"className":5186},[],[5188],{"type":161,"value":5189},"$img",{"type":161,"value":5191}," or ",{"type":151,"tag":156,"props":5193,"children":5195},{"className":5194},[],[5196],{"type":161,"value":528},{"type":161,"value":1146},{"type":151,"tag":265,"props":5199,"children":5200},{"id":137},[5201],{"type":161,"value":21},{"type":151,"tag":304,"props":5203,"children":5207},{"className":5204,"code":5205,"language":5206,"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",[5208],{"type":151,"tag":156,"props":5209,"children":5210},{"__ignoreMap":139},[5211,5234,5241],{"type":151,"tag":314,"props":5212,"children":5213},{"class":316,"line":317},[5214,5218,5222,5226,5230],{"type":151,"tag":314,"props":5215,"children":5216},{"style":337},[5217],{"type":161,"value":2892},{"type":151,"tag":314,"props":5219,"children":5220},{"style":394},[5221],{"type":161,"value":2897},{"type":151,"tag":314,"props":5223,"children":5224},{"style":321},[5225],{"type":161,"value":345},{"type":151,"tag":314,"props":5227,"children":5228},{"style":2702},[5229],{"type":161,"value":2906},{"type":151,"tag":314,"props":5231,"children":5232},{"style":394},[5233],{"type":161,"value":2911},{"type":151,"tag":314,"props":5235,"children":5236},{"class":316,"line":333},[5237],{"type":151,"tag":314,"props":5238,"children":5239},{"emptyLinePlaceholder":1445},[5240],{"type":161,"value":1448},{"type":151,"tag":314,"props":5242,"children":5243},{"class":316,"line":364},[5244,5248,5253,5257,5262,5266],{"type":151,"tag":314,"props":5245,"children":5246},{"style":2702},[5247],{"type":161,"value":528},{"type":151,"tag":314,"props":5249,"children":5250},{"style":394},[5251],{"type":161,"value":5252},"(src",{"type":151,"tag":314,"props":5254,"children":5255},{"style":321},[5256],{"type":161,"value":1355},{"type":151,"tag":314,"props":5258,"children":5259},{"style":394},[5260],{"type":161,"value":5261}," modifiers",{"type":151,"tag":314,"props":5263,"children":5264},{"style":321},[5265],{"type":161,"value":1355},{"type":151,"tag":314,"props":5267,"children":5268},{"style":394},[5269],{"type":161,"value":5270}," options)\n",{"type":151,"tag":152,"props":5272,"children":5273},{},[5274,5278,5280,5286],{"type":151,"tag":535,"props":5275,"children":5276},{},[5277],{"type":161,"value":539},{"type":161,"value":5279}," Generate image URL for ",{"type":151,"tag":156,"props":5281,"children":5283},{"className":5282},[],[5284],{"type":161,"value":5285},"backgroundImage",{"type":161,"value":5287}," style.",{"type":151,"tag":304,"props":5289,"children":5291},{"className":5204,"code":5290,"language":5206,"meta":139,"style":139},"const img = useImage()\n\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https://github.com/nuxt.png', { width: 100 })\n\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[5292],{"type":151,"tag":156,"props":5293,"children":5294},{"__ignoreMap":139},[5295,5318,5325,5364,5435,5442,5501],{"type":151,"tag":314,"props":5296,"children":5297},{"class":316,"line":317},[5298,5302,5306,5310,5314],{"type":151,"tag":314,"props":5299,"children":5300},{"style":337},[5301],{"type":161,"value":2892},{"type":151,"tag":314,"props":5303,"children":5304},{"style":394},[5305],{"type":161,"value":2897},{"type":151,"tag":314,"props":5307,"children":5308},{"style":321},[5309],{"type":161,"value":345},{"type":151,"tag":314,"props":5311,"children":5312},{"style":2702},[5313],{"type":161,"value":2906},{"type":151,"tag":314,"props":5315,"children":5316},{"style":394},[5317],{"type":161,"value":2911},{"type":151,"tag":314,"props":5319,"children":5320},{"class":316,"line":333},[5321],{"type":151,"tag":314,"props":5322,"children":5323},{"emptyLinePlaceholder":1445},[5324],{"type":161,"value":1448},{"type":151,"tag":314,"props":5326,"children":5327},{"class":316,"line":364},[5328,5332,5337,5341,5346,5350,5355,5360],{"type":151,"tag":314,"props":5329,"children":5330},{"style":337},[5331],{"type":161,"value":2892},{"type":151,"tag":314,"props":5333,"children":5334},{"style":394},[5335],{"type":161,"value":5336}," backgroundStyles ",{"type":151,"tag":314,"props":5338,"children":5339},{"style":321},[5340],{"type":161,"value":345},{"type":151,"tag":314,"props":5342,"children":5343},{"style":2702},[5344],{"type":161,"value":5345}," computed",{"type":151,"tag":314,"props":5347,"children":5348},{"style":394},[5349],{"type":161,"value":2709},{"type":151,"tag":314,"props":5351,"children":5352},{"style":321},[5353],{"type":161,"value":5354},"()",{"type":151,"tag":314,"props":5356,"children":5357},{"style":337},[5358],{"type":161,"value":5359}," =>",{"type":151,"tag":314,"props":5361,"children":5362},{"style":321},[5363],{"type":161,"value":3155},{"type":151,"tag":314,"props":5365,"children":5366},{"class":316,"line":390},[5367,5372,5377,5382,5387,5391,5395,5400,5404,5408,5413,5418,5422,5427,5431],{"type":151,"tag":314,"props":5368,"children":5369},{"style":337},[5370],{"type":161,"value":5371},"  const",{"type":151,"tag":314,"props":5373,"children":5374},{"style":394},[5375],{"type":161,"value":5376}," imgUrl",{"type":151,"tag":314,"props":5378,"children":5379},{"style":321},[5380],{"type":161,"value":5381}," =",{"type":151,"tag":314,"props":5383,"children":5384},{"style":2702},[5385],{"type":161,"value":5386}," img",{"type":151,"tag":314,"props":5388,"children":5389},{"style":327},[5390],{"type":161,"value":2709},{"type":151,"tag":314,"props":5392,"children":5393},{"style":321},[5394],{"type":161,"value":633},{"type":151,"tag":314,"props":5396,"children":5397},{"style":353},[5398],{"type":161,"value":5399},"https://github.com/nuxt.png",{"type":151,"tag":314,"props":5401,"children":5402},{"style":321},[5403],{"type":161,"value":633},{"type":151,"tag":314,"props":5405,"children":5406},{"style":321},[5407],{"type":161,"value":1355},{"type":151,"tag":314,"props":5409,"children":5410},{"style":321},[5411],{"type":161,"value":5412}," {",{"type":151,"tag":314,"props":5414,"children":5415},{"style":327},[5416],{"type":161,"value":5417}," width",{"type":151,"tag":314,"props":5419,"children":5420},{"style":321},[5421],{"type":161,"value":618},{"type":151,"tag":314,"props":5423,"children":5424},{"style":2326},[5425],{"type":161,"value":5426}," 100",{"type":151,"tag":314,"props":5428,"children":5429},{"style":321},[5430],{"type":161,"value":4510},{"type":151,"tag":314,"props":5432,"children":5433},{"style":327},[5434],{"type":161,"value":3486},{"type":151,"tag":314,"props":5436,"children":5437},{"class":316,"line":641},[5438],{"type":151,"tag":314,"props":5439,"children":5440},{"emptyLinePlaceholder":1445},[5441],{"type":161,"value":1448},{"type":151,"tag":314,"props":5443,"children":5444},{"class":316,"line":671},[5445,5450,5454,5459,5463,5468,5473,5478,5483,5487,5492,5496],{"type":151,"tag":314,"props":5446,"children":5447},{"style":3380},[5448],{"type":161,"value":5449},"  return",{"type":151,"tag":314,"props":5451,"children":5452},{"style":321},[5453],{"type":161,"value":5412},{"type":151,"tag":314,"props":5455,"children":5456},{"style":327},[5457],{"type":161,"value":5458}," backgroundImage",{"type":151,"tag":314,"props":5460,"children":5461},{"style":321},[5462],{"type":161,"value":618},{"type":151,"tag":314,"props":5464,"children":5465},{"style":321},[5466],{"type":161,"value":5467}," `",{"type":151,"tag":314,"props":5469,"children":5470},{"style":353},[5471],{"type":161,"value":5472},"url('",{"type":151,"tag":314,"props":5474,"children":5475},{"style":321},[5476],{"type":161,"value":5477},"${",{"type":151,"tag":314,"props":5479,"children":5480},{"style":394},[5481],{"type":161,"value":5482},"imgUrl",{"type":151,"tag":314,"props":5484,"children":5485},{"style":321},[5486],{"type":161,"value":1374},{"type":151,"tag":314,"props":5488,"children":5489},{"style":353},[5490],{"type":161,"value":5491},"')",{"type":151,"tag":314,"props":5493,"children":5494},{"style":321},[5495],{"type":161,"value":2714},{"type":151,"tag":314,"props":5497,"children":5498},{"style":321},[5499],{"type":161,"value":5500}," }\n",{"type":151,"tag":314,"props":5502,"children":5503},{"class":316,"line":701},[5504,5508],{"type":151,"tag":314,"props":5505,"children":5506},{"style":321},[5507],{"type":161,"value":1374},{"type":151,"tag":314,"props":5509,"children":5510},{"style":394},[5511],{"type":161,"value":3486},{"type":151,"tag":289,"props":5513,"children":5515},{"id":5514},"imggetsizes",[5516],{"type":151,"tag":156,"props":5517,"children":5519},{"className":5518},[],[5520],{"type":161,"value":5521},"img.getSizes",{"type":151,"tag":304,"props":5523,"children":5525},{"className":5204,"code":5524,"language":5206,"meta":139,"style":139},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[5526],{"type":151,"tag":156,"props":5527,"children":5528},{"__ignoreMap":139},[5529,5552,5559],{"type":151,"tag":314,"props":5530,"children":5531},{"class":316,"line":317},[5532,5536,5540,5544,5548],{"type":151,"tag":314,"props":5533,"children":5534},{"style":337},[5535],{"type":161,"value":2892},{"type":151,"tag":314,"props":5537,"children":5538},{"style":394},[5539],{"type":161,"value":2897},{"type":151,"tag":314,"props":5541,"children":5542},{"style":321},[5543],{"type":161,"value":345},{"type":151,"tag":314,"props":5545,"children":5546},{"style":2702},[5547],{"type":161,"value":2906},{"type":151,"tag":314,"props":5549,"children":5550},{"style":394},[5551],{"type":161,"value":2911},{"type":151,"tag":314,"props":5553,"children":5554},{"class":316,"line":333},[5555],{"type":151,"tag":314,"props":5556,"children":5557},{"emptyLinePlaceholder":1445},[5558],{"type":161,"value":1448},{"type":151,"tag":314,"props":5560,"children":5561},{"class":316,"line":364},[5562,5566,5570,5575,5579,5583,5587,5592,5596,5601,5605],{"type":151,"tag":314,"props":5563,"children":5564},{"style":394},[5565],{"type":161,"value":528},{"type":151,"tag":314,"props":5567,"children":5568},{"style":321},[5569],{"type":161,"value":223},{"type":151,"tag":314,"props":5571,"children":5572},{"style":2702},[5573],{"type":161,"value":5574},"getSizes",{"type":151,"tag":314,"props":5576,"children":5577},{"style":394},[5578],{"type":161,"value":5252},{"type":151,"tag":314,"props":5580,"children":5581},{"style":321},[5582],{"type":161,"value":1355},{"type":151,"tag":314,"props":5584,"children":5585},{"style":321},[5586],{"type":161,"value":5412},{"type":151,"tag":314,"props":5588,"children":5589},{"style":394},[5590],{"type":161,"value":5591}," sizes",{"type":151,"tag":314,"props":5593,"children":5594},{"style":321},[5595],{"type":161,"value":1355},{"type":151,"tag":314,"props":5597,"children":5598},{"style":394},[5599],{"type":161,"value":5600}," modifiers ",{"type":151,"tag":314,"props":5602,"children":5603},{"style":321},[5604],{"type":161,"value":1374},{"type":151,"tag":314,"props":5606,"children":5607},{"style":394},[5608],{"type":161,"value":3486},{"type":151,"tag":225,"props":5610,"children":5611},{},[5612],{"type":151,"tag":152,"props":5613,"children":5614},{},[5615,5617,5622],{"type":161,"value":5616},"Unstable: ",{"type":151,"tag":156,"props":5618,"children":5620},{"className":5619},[],[5621],{"type":161,"value":5574},{"type":161,"value":5623}," API might change or be removed.",{"type":151,"tag":152,"props":5625,"children":5626},{},[5627],{"type":151,"tag":535,"props":5628,"children":5629},{},[5630],{"type":161,"value":5631},"Parameters:",{"type":151,"tag":462,"props":5633,"children":5634},{},[5635,5645,5655,5713],{"type":151,"tag":466,"props":5636,"children":5637},{},[5638,5643],{"type":151,"tag":156,"props":5639,"children":5641},{"className":5640},[],[5642],{"type":161,"value":817},{"type":161,"value":5644},": (string) Source to original image id",{"type":151,"tag":466,"props":5646,"children":5647},{},[5648,5653],{"type":151,"tag":156,"props":5649,"children":5651},{"className":5650},[],[5652],{"type":161,"value":849},{"type":161,"value":5654},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":151,"tag":466,"props":5656,"children":5657},{},[5658,5663,5665],{"type":151,"tag":156,"props":5659,"children":5661},{"className":5660},[],[5662],{"type":161,"value":4319},{"type":161,"value":5664},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":151,"tag":462,"props":5666,"children":5667},{},[5668,5678,5688,5698,5708],{"type":151,"tag":466,"props":5669,"children":5670},{},[5671,5676],{"type":151,"tag":156,"props":5672,"children":5674},{"className":5673},[],[5675],{"type":161,"value":830},{"type":161,"value":5677},": resize to the specified width (in pixels)",{"type":151,"tag":466,"props":5679,"children":5680},{},[5681,5686],{"type":151,"tag":156,"props":5682,"children":5684},{"className":5683},[],[5685],{"type":161,"value":838},{"type":161,"value":5687},": resize to specified height (in pixels)",{"type":151,"tag":466,"props":5689,"children":5690},{},[5691,5696],{"type":151,"tag":156,"props":5692,"children":5694},{"className":5693},[],[5695],{"type":161,"value":3980},{"type":161,"value":5697},": Change image quality (0 to 100)",{"type":151,"tag":466,"props":5699,"children":5700},{},[5701,5706],{"type":151,"tag":156,"props":5702,"children":5704},{"className":5703},[],[5705],{"type":161,"value":291},{"type":161,"value":5707},": Change the image format",{"type":151,"tag":466,"props":5709,"children":5710},{},[5711],{"type":161,"value":5712},"(any other custom provider modifier)",{"type":151,"tag":466,"props":5714,"children":5715},{},[5716,5722,5724],{"type":151,"tag":156,"props":5717,"children":5719},{"className":5718},[],[5720],{"type":161,"value":5721},"options",{"type":161,"value":5723},": (object)\n",{"type":151,"tag":462,"props":5725,"children":5726},{},[5727,5744],{"type":151,"tag":466,"props":5728,"children":5729},{},[5730,5735,5737,5743],{"type":151,"tag":156,"props":5731,"children":5733},{"className":5732},[],[5734],{"type":161,"value":3174},{"type":161,"value":5736},": (string) Provider name other than default (see ",{"type":151,"tag":185,"props":5738,"children":5740},{"href":5739},"/get-started/configuration#providers",[5741],{"type":161,"value":5742},"providers",{"type":161,"value":1679},{"type":151,"tag":466,"props":5745,"children":5746},{},[5747,5752,5754],{"type":151,"tag":156,"props":5748,"children":5750},{"className":5749},[],[5751],{"type":161,"value":3489},{"type":161,"value":5753},": Use a ",{"type":151,"tag":185,"props":5755,"children":5756},{"href":3511},[5757],{"type":161,"value":3489},{"type":151,"tag":152,"props":5759,"children":5760},{},[5761,5765,5767],{"type":151,"tag":535,"props":5762,"children":5763},{},[5764],{"type":161,"value":539},{"type":161,"value":5766}," Responsive srcset with Vuetify ",{"type":151,"tag":156,"props":5768,"children":5770},{"className":5769},[],[5771],{"type":161,"value":5772},"v-img",{"type":151,"tag":304,"props":5774,"children":5776},{"className":944,"code":5775,"language":946,"meta":139,"style":139},"\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  />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps({\n  height: {\n    type: [Number, String],\n    default: 500\n  },\n  src: {\n    type: String,\n    default: '/img/header-bg.jpg'\n  }\n})\n\nconst img = useImage()\n\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",[5777],{"type":151,"tag":156,"props":5778,"children":5779},{"__ignoreMap":139},[5780,5795,5807,5832,5857,5882,5906,5931,5938,5953,5960,5999,6028,6043,6073,6090,6098,6113,6133,6157,6164,6175,6182,6206,6214,6251,6295,6325,6342,6371,6393,6420,6428,6440,6452],{"type":151,"tag":314,"props":5781,"children":5782},{"class":316,"line":317},[5783,5787,5791],{"type":151,"tag":314,"props":5784,"children":5785},{"style":321},[5786],{"type":161,"value":324},{"type":151,"tag":314,"props":5788,"children":5789},{"style":327},[5790],{"type":161,"value":2638},{"type":151,"tag":314,"props":5792,"children":5793},{"style":321},[5794],{"type":161,"value":986},{"type":151,"tag":314,"props":5796,"children":5797},{"class":316,"line":333},[5798,5802],{"type":151,"tag":314,"props":5799,"children":5800},{"style":321},[5801],{"type":161,"value":2650},{"type":151,"tag":314,"props":5803,"children":5804},{"style":327},[5805],{"type":161,"value":5806},"v-img\n",{"type":151,"tag":314,"props":5808,"children":5809},{"class":316,"line":364},[5810,5815,5819,5823,5828],{"type":151,"tag":314,"props":5811,"children":5812},{"style":337},[5813],{"type":161,"value":5814},"    :lazy-src",{"type":151,"tag":314,"props":5816,"children":5817},{"style":321},[5818],{"type":161,"value":345},{"type":151,"tag":314,"props":5820,"children":5821},{"style":321},[5822],{"type":161,"value":350},{"type":151,"tag":314,"props":5824,"children":5825},{"style":353},[5826],{"type":161,"value":5827},"img(src, { width: 10, quality: 70 })",{"type":151,"tag":314,"props":5829,"children":5830},{"style":321},[5831],{"type":161,"value":361},{"type":151,"tag":314,"props":5833,"children":5834},{"class":316,"line":390},[5835,5840,5844,5848,5853],{"type":151,"tag":314,"props":5836,"children":5837},{"style":337},[5838],{"type":161,"value":5839},"    :src",{"type":151,"tag":314,"props":5841,"children":5842},{"style":321},[5843],{"type":161,"value":345},{"type":151,"tag":314,"props":5845,"children":5846},{"style":321},[5847],{"type":161,"value":350},{"type":151,"tag":314,"props":5849,"children":5850},{"style":353},[5851],{"type":161,"value":5852},"img(src, { height, quality: 70 })",{"type":151,"tag":314,"props":5854,"children":5855},{"style":321},[5856],{"type":161,"value":361},{"type":151,"tag":314,"props":5858,"children":5859},{"class":316,"line":641},[5860,5865,5869,5873,5878],{"type":151,"tag":314,"props":5861,"children":5862},{"style":337},[5863],{"type":161,"value":5864},"    :srcset",{"type":151,"tag":314,"props":5866,"children":5867},{"style":321},[5868],{"type":161,"value":345},{"type":151,"tag":314,"props":5870,"children":5871},{"style":321},[5872],{"type":161,"value":350},{"type":151,"tag":314,"props":5874,"children":5875},{"style":353},[5876],{"type":161,"value":5877},"_srcset.srcset",{"type":151,"tag":314,"props":5879,"children":5880},{"style":321},[5881],{"type":161,"value":361},{"type":151,"tag":314,"props":5883,"children":5884},{"class":316,"line":671},[5885,5890,5894,5898,5902],{"type":151,"tag":314,"props":5886,"children":5887},{"style":337},[5888],{"type":161,"value":5889},"    :height",{"type":151,"tag":314,"props":5891,"children":5892},{"style":321},[5893],{"type":161,"value":345},{"type":151,"tag":314,"props":5895,"children":5896},{"style":321},[5897],{"type":161,"value":350},{"type":151,"tag":314,"props":5899,"children":5900},{"style":353},[5901],{"type":161,"value":838},{"type":151,"tag":314,"props":5903,"children":5904},{"style":321},[5905],{"type":161,"value":361},{"type":151,"tag":314,"props":5907,"children":5908},{"class":316,"line":701},[5909,5914,5918,5922,5927],{"type":151,"tag":314,"props":5910,"children":5911},{"style":337},[5912],{"type":161,"value":5913},"    :sizes",{"type":151,"tag":314,"props":5915,"children":5916},{"style":321},[5917],{"type":161,"value":345},{"type":151,"tag":314,"props":5919,"children":5920},{"style":321},[5921],{"type":161,"value":350},{"type":151,"tag":314,"props":5923,"children":5924},{"style":353},[5925],{"type":161,"value":5926},"_srcset.sizes",{"type":151,"tag":314,"props":5928,"children":5929},{"style":321},[5930],{"type":161,"value":361},{"type":151,"tag":314,"props":5932,"children":5933},{"class":316,"line":737},[5934],{"type":151,"tag":314,"props":5935,"children":5936},{"style":321},[5937],{"type":161,"value":2819},{"type":151,"tag":314,"props":5939,"children":5940},{"class":316,"line":750},[5941,5945,5949],{"type":151,"tag":314,"props":5942,"children":5943},{"style":321},[5944],{"type":161,"value":1509},{"type":151,"tag":314,"props":5946,"children":5947},{"style":327},[5948],{"type":161,"value":2638},{"type":151,"tag":314,"props":5950,"children":5951},{"style":321},[5952],{"type":161,"value":986},{"type":151,"tag":314,"props":5954,"children":5955},{"class":316,"line":1396},[5956],{"type":151,"tag":314,"props":5957,"children":5958},{"emptyLinePlaceholder":1445},[5959],{"type":161,"value":1448},{"type":151,"tag":314,"props":5961,"children":5962},{"class":316,"line":1405},[5963,5967,5971,5975,5979,5983,5987,5991,5995],{"type":151,"tag":314,"props":5964,"children":5965},{"style":321},[5966],{"type":161,"value":324},{"type":151,"tag":314,"props":5968,"children":5969},{"style":327},[5970],{"type":161,"value":2853},{"type":151,"tag":314,"props":5972,"children":5973},{"style":337},[5974],{"type":161,"value":2858},{"type":151,"tag":314,"props":5976,"children":5977},{"style":337},[5978],{"type":161,"value":2863},{"type":151,"tag":314,"props":5980,"children":5981},{"style":321},[5982],{"type":161,"value":345},{"type":151,"tag":314,"props":5984,"children":5985},{"style":321},[5986],{"type":161,"value":350},{"type":151,"tag":314,"props":5988,"children":5989},{"style":353},[5990],{"type":161,"value":2876},{"type":151,"tag":314,"props":5992,"children":5993},{"style":321},[5994],{"type":161,"value":350},{"type":151,"tag":314,"props":5996,"children":5997},{"style":321},[5998],{"type":161,"value":986},{"type":151,"tag":314,"props":6000,"children":6001},{"class":316,"line":1414},[6002,6006,6011,6015,6020,6024],{"type":151,"tag":314,"props":6003,"children":6004},{"style":337},[6005],{"type":161,"value":2892},{"type":151,"tag":314,"props":6007,"children":6008},{"style":394},[6009],{"type":161,"value":6010}," props ",{"type":151,"tag":314,"props":6012,"children":6013},{"style":321},[6014],{"type":161,"value":345},{"type":151,"tag":314,"props":6016,"children":6017},{"style":2702},[6018],{"type":161,"value":6019}," defineProps",{"type":151,"tag":314,"props":6021,"children":6022},{"style":394},[6023],{"type":161,"value":2709},{"type":151,"tag":314,"props":6025,"children":6026},{"style":321},[6027],{"type":161,"value":605},{"type":151,"tag":314,"props":6029,"children":6030},{"class":316,"line":1423},[6031,6035,6039],{"type":151,"tag":314,"props":6032,"children":6033},{"style":327},[6034],{"type":161,"value":1281},{"type":151,"tag":314,"props":6036,"children":6037},{"style":321},[6038],{"type":161,"value":618},{"type":151,"tag":314,"props":6040,"children":6041},{"style":321},[6042],{"type":161,"value":3155},{"type":151,"tag":314,"props":6044,"children":6045},{"class":316,"line":1432},[6046,6051,6055,6060,6064,6069],{"type":151,"tag":314,"props":6047,"children":6048},{"style":327},[6049],{"type":161,"value":6050},"    type",{"type":151,"tag":314,"props":6052,"children":6053},{"style":321},[6054],{"type":161,"value":618},{"type":151,"tag":314,"props":6056,"children":6057},{"style":394},[6058],{"type":161,"value":6059}," [Number",{"type":151,"tag":314,"props":6061,"children":6062},{"style":321},[6063],{"type":161,"value":1355},{"type":151,"tag":314,"props":6065,"children":6066},{"style":394},[6067],{"type":161,"value":6068}," String]",{"type":151,"tag":314,"props":6070,"children":6071},{"style":321},[6072],{"type":161,"value":638},{"type":151,"tag":314,"props":6074,"children":6075},{"class":316,"line":1441},[6076,6081,6085],{"type":151,"tag":314,"props":6077,"children":6078},{"style":327},[6079],{"type":161,"value":6080},"    default",{"type":151,"tag":314,"props":6082,"children":6083},{"style":321},[6084],{"type":161,"value":618},{"type":151,"tag":314,"props":6086,"children":6087},{"style":2326},[6088],{"type":161,"value":6089}," 500\n",{"type":151,"tag":314,"props":6091,"children":6092},{"class":316,"line":1451},[6093],{"type":151,"tag":314,"props":6094,"children":6095},{"style":321},[6096],{"type":161,"value":6097},"  },\n",{"type":151,"tag":314,"props":6099,"children":6100},{"class":316,"line":1460},[6101,6105,6109],{"type":151,"tag":314,"props":6102,"children":6103},{"style":327},[6104],{"type":161,"value":370},{"type":151,"tag":314,"props":6106,"children":6107},{"style":321},[6108],{"type":161,"value":618},{"type":151,"tag":314,"props":6110,"children":6111},{"style":321},[6112],{"type":161,"value":3155},{"type":151,"tag":314,"props":6114,"children":6115},{"class":316,"line":1468},[6116,6120,6124,6129],{"type":151,"tag":314,"props":6117,"children":6118},{"style":327},[6119],{"type":161,"value":6050},{"type":151,"tag":314,"props":6121,"children":6122},{"style":321},[6123],{"type":161,"value":618},{"type":151,"tag":314,"props":6125,"children":6126},{"style":394},[6127],{"type":161,"value":6128}," String",{"type":151,"tag":314,"props":6130,"children":6131},{"style":321},[6132],{"type":161,"value":638},{"type":151,"tag":314,"props":6134,"children":6135},{"class":316,"line":1477},[6136,6140,6144,6148,6153],{"type":151,"tag":314,"props":6137,"children":6138},{"style":327},[6139],{"type":161,"value":6080},{"type":151,"tag":314,"props":6141,"children":6142},{"style":321},[6143],{"type":161,"value":618},{"type":151,"tag":314,"props":6145,"children":6146},{"style":321},[6147],{"type":161,"value":623},{"type":151,"tag":314,"props":6149,"children":6150},{"style":353},[6151],{"type":161,"value":6152},"/img/header-bg.jpg",{"type":151,"tag":314,"props":6154,"children":6155},{"style":321},[6156],{"type":161,"value":734},{"type":151,"tag":314,"props":6158,"children":6159},{"class":316,"line":1486},[6160],{"type":151,"tag":314,"props":6161,"children":6162},{"style":321},[6163],{"type":161,"value":3474},{"type":151,"tag":314,"props":6165,"children":6166},{"class":316,"line":1495},[6167,6171],{"type":151,"tag":314,"props":6168,"children":6169},{"style":321},[6170],{"type":161,"value":1374},{"type":151,"tag":314,"props":6172,"children":6173},{"style":394},[6174],{"type":161,"value":3486},{"type":151,"tag":314,"props":6176,"children":6177},{"class":316,"line":1503},[6178],{"type":151,"tag":314,"props":6179,"children":6180},{"emptyLinePlaceholder":1445},[6181],{"type":161,"value":1448},{"type":151,"tag":314,"props":6183,"children":6185},{"class":316,"line":6184},23,[6186,6190,6194,6198,6202],{"type":151,"tag":314,"props":6187,"children":6188},{"style":337},[6189],{"type":161,"value":2892},{"type":151,"tag":314,"props":6191,"children":6192},{"style":394},[6193],{"type":161,"value":2897},{"type":151,"tag":314,"props":6195,"children":6196},{"style":321},[6197],{"type":161,"value":345},{"type":151,"tag":314,"props":6199,"children":6200},{"style":2702},[6201],{"type":161,"value":2906},{"type":151,"tag":314,"props":6203,"children":6204},{"style":394},[6205],{"type":161,"value":2911},{"type":151,"tag":314,"props":6207,"children":6209},{"class":316,"line":6208},24,[6210],{"type":151,"tag":314,"props":6211,"children":6212},{"emptyLinePlaceholder":1445},[6213],{"type":161,"value":1448},{"type":151,"tag":314,"props":6215,"children":6217},{"class":316,"line":6216},25,[6218,6222,6227,6231,6235,6239,6243,6247],{"type":151,"tag":314,"props":6219,"children":6220},{"style":337},[6221],{"type":161,"value":2892},{"type":151,"tag":314,"props":6223,"children":6224},{"style":394},[6225],{"type":161,"value":6226}," _srcset ",{"type":151,"tag":314,"props":6228,"children":6229},{"style":321},[6230],{"type":161,"value":345},{"type":151,"tag":314,"props":6232,"children":6233},{"style":2702},[6234],{"type":161,"value":5345},{"type":151,"tag":314,"props":6236,"children":6237},{"style":394},[6238],{"type":161,"value":2709},{"type":151,"tag":314,"props":6240,"children":6241},{"style":321},[6242],{"type":161,"value":5354},{"type":151,"tag":314,"props":6244,"children":6245},{"style":337},[6246],{"type":161,"value":5359},{"type":151,"tag":314,"props":6248,"children":6249},{"style":321},[6250],{"type":161,"value":3155},{"type":151,"tag":314,"props":6252,"children":6254},{"class":316,"line":6253},26,[6255,6259,6263,6267,6271,6275,6279,6283,6287,6291],{"type":151,"tag":314,"props":6256,"children":6257},{"style":3380},[6258],{"type":161,"value":5449},{"type":151,"tag":314,"props":6260,"children":6261},{"style":394},[6262],{"type":161,"value":5386},{"type":151,"tag":314,"props":6264,"children":6265},{"style":321},[6266],{"type":161,"value":223},{"type":151,"tag":314,"props":6268,"children":6269},{"style":2702},[6270],{"type":161,"value":5574},{"type":151,"tag":314,"props":6272,"children":6273},{"style":327},[6274],{"type":161,"value":2709},{"type":151,"tag":314,"props":6276,"children":6277},{"style":394},[6278],{"type":161,"value":267},{"type":151,"tag":314,"props":6280,"children":6281},{"style":321},[6282],{"type":161,"value":223},{"type":151,"tag":314,"props":6284,"children":6285},{"style":394},[6286],{"type":161,"value":817},{"type":151,"tag":314,"props":6288,"children":6289},{"style":321},[6290],{"type":161,"value":1355},{"type":151,"tag":314,"props":6292,"children":6293},{"style":321},[6294],{"type":161,"value":3155},{"type":151,"tag":314,"props":6296,"children":6298},{"class":316,"line":6297},27,[6299,6304,6308,6312,6317,6321],{"type":151,"tag":314,"props":6300,"children":6301},{"style":327},[6302],{"type":161,"value":6303},"    sizes",{"type":151,"tag":314,"props":6305,"children":6306},{"style":321},[6307],{"type":161,"value":618},{"type":151,"tag":314,"props":6309,"children":6310},{"style":321},[6311],{"type":161,"value":623},{"type":151,"tag":314,"props":6313,"children":6314},{"style":353},[6315],{"type":161,"value":6316},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":151,"tag":314,"props":6318,"children":6319},{"style":321},[6320],{"type":161,"value":633},{"type":151,"tag":314,"props":6322,"children":6323},{"style":321},[6324],{"type":161,"value":638},{"type":151,"tag":314,"props":6326,"children":6328},{"class":316,"line":6327},28,[6329,6334,6338],{"type":151,"tag":314,"props":6330,"children":6331},{"style":327},[6332],{"type":161,"value":6333},"    modifiers",{"type":151,"tag":314,"props":6335,"children":6336},{"style":321},[6337],{"type":161,"value":618},{"type":151,"tag":314,"props":6339,"children":6340},{"style":321},[6341],{"type":161,"value":3155},{"type":151,"tag":314,"props":6343,"children":6345},{"class":316,"line":6344},29,[6346,6351,6355,6359,6363,6367],{"type":151,"tag":314,"props":6347,"children":6348},{"style":327},[6349],{"type":161,"value":6350},"      format",{"type":151,"tag":314,"props":6352,"children":6353},{"style":321},[6354],{"type":161,"value":618},{"type":151,"tag":314,"props":6356,"children":6357},{"style":321},[6358],{"type":161,"value":623},{"type":151,"tag":314,"props":6360,"children":6361},{"style":353},[6362],{"type":161,"value":201},{"type":151,"tag":314,"props":6364,"children":6365},{"style":321},[6366],{"type":161,"value":633},{"type":151,"tag":314,"props":6368,"children":6369},{"style":321},[6370],{"type":161,"value":638},{"type":151,"tag":314,"props":6372,"children":6374},{"class":316,"line":6373},30,[6375,6380,6384,6389],{"type":151,"tag":314,"props":6376,"children":6377},{"style":327},[6378],{"type":161,"value":6379},"      quality",{"type":151,"tag":314,"props":6381,"children":6382},{"style":321},[6383],{"type":161,"value":618},{"type":151,"tag":314,"props":6385,"children":6386},{"style":2326},[6387],{"type":161,"value":6388}," 70",{"type":151,"tag":314,"props":6390,"children":6391},{"style":321},[6392],{"type":161,"value":638},{"type":151,"tag":314,"props":6394,"children":6396},{"class":316,"line":6395},31,[6397,6402,6406,6411,6415],{"type":151,"tag":314,"props":6398,"children":6399},{"style":327},[6400],{"type":161,"value":6401},"      height",{"type":151,"tag":314,"props":6403,"children":6404},{"style":321},[6405],{"type":161,"value":618},{"type":151,"tag":314,"props":6407,"children":6408},{"style":394},[6409],{"type":161,"value":6410}," props",{"type":151,"tag":314,"props":6412,"children":6413},{"style":321},[6414],{"type":161,"value":223},{"type":151,"tag":314,"props":6416,"children":6417},{"style":394},[6418],{"type":161,"value":6419},"height\n",{"type":151,"tag":314,"props":6421,"children":6423},{"class":316,"line":6422},32,[6424],{"type":151,"tag":314,"props":6425,"children":6426},{"style":321},[6427],{"type":161,"value":3466},{"type":151,"tag":314,"props":6429,"children":6431},{"class":316,"line":6430},33,[6432,6436],{"type":151,"tag":314,"props":6433,"children":6434},{"style":321},[6435],{"type":161,"value":743},{"type":151,"tag":314,"props":6437,"children":6438},{"style":327},[6439],{"type":161,"value":3486},{"type":151,"tag":314,"props":6441,"children":6443},{"class":316,"line":6442},34,[6444,6448],{"type":151,"tag":314,"props":6445,"children":6446},{"style":321},[6447],{"type":161,"value":1374},{"type":151,"tag":314,"props":6449,"children":6450},{"style":394},[6451],{"type":161,"value":3486},{"type":151,"tag":314,"props":6453,"children":6455},{"class":316,"line":6454},35,[6456,6460,6464],{"type":151,"tag":314,"props":6457,"children":6458},{"style":321},[6459],{"type":161,"value":1509},{"type":151,"tag":314,"props":6461,"children":6462},{"style":327},[6463],{"type":161,"value":2853},{"type":151,"tag":314,"props":6465,"children":6466},{"style":321},[6467],{"type":161,"value":986},{"type":151,"tag":757,"props":6469,"children":6470},{},[6471],{"type":161,"value":761},{"title":139,"searchDepth":333,"depth":333,"links":6473},[6474],{"id":137,"depth":333,"text":21,"children":6475},[6476],{"id":5514,"depth":364,"text":5521},"content:2.usage:3.use-image.md","2.usage/3.use-image.md","2.usage/3.use-image",1743508159484]