[{"data":1,"prerenderedAt":6481},["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},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Glide","/providers/glide",{"title":73,"_path":74},"Gumlet","/providers/gumlet",{"title":76,"_path":77},"Hygraph","/providers/hygraph",{"title":79,"_path":80},"ImageEngine","/providers/imageengine",{"title":82,"_path":83},"ImageKit","/providers/imagekit",{"title":85,"_path":86},"Imgix","/providers/imgix",{"title":88,"_path":89},"IPX","/providers/ipx",{"title":91,"_path":92},"Netlify","/providers/netlify",{"title":94,"_path":95},"Prepr","/providers/prepr",{"title":97,"_path":98},"Prismic","/providers/prismic",{"title":100,"_path":101},"Sanity","/providers/sanity",{"title":103,"_path":104},"Sirv","/providers/sirv",{"title":106,"_path":107},"Storyblok","/providers/storyblok",{"title":109,"_path":110},"Strapi","/providers/strapi",{"title":112,"_path":113},"Twicpics","/providers/twicpics",{"title":115,"_path":116},"Unsplash","/providers/unsplash",{"title":118,"_path":119},"Uploadcare","/providers/uploadcare",{"title":121,"_path":122},"Vercel","/providers/vercel",{"title":124,"_path":125},"Weserv","/providers/weserv",{"title":127,"_path":128,"children":129},"Advanced","/advanced",[130,133],{"title":131,"_path":132},"Custom Provider","/advanced/custom-provider",{"title":134,"_path":135},"Static Images","/advanced/static-images",{"_path":29,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":28,"description":140,"links":141,"body":147,"_type":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,5153],{"_path":26,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":25,"description":777,"links":778,"body":781,"_type":769,"_id":5150,"_source":771,"_file":5151,"_stem":5152,"_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":5126},[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,2928,2937,2956,3097,3173,3182,3201,3208,3488,3497,3502,3523,3848,3856,3861,3932,3979,3988,3993,4115,4124,4135,4192,4310,4318,4327,4332,4344,4351,4523,4532,4545,4592,4601,4623,4636,4700,4709,4736,4943,4949,4974,4996,5122],{"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,2813,2821,2836,2843,2886,2913],{"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,2720,2724,2729,2734,2739,2744,2748,2753,2757,2761,2765,2769,2773,2778,2782,2787,2791,2796,2800,2804,2809],{"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":2719},"/nuxt.svg",{"type":151,"tag":314,"props":2721,"children":2722},{"style":321},[2723],{"type":161,"value":2714},{"type":151,"tag":314,"props":2725,"children":2726},{"style":321},[2727],{"type":161,"value":2728},", { ",{"type":151,"tag":314,"props":2730,"children":2731},{"style":327},[2732],{"type":161,"value":2733},"h",{"type":151,"tag":314,"props":2735,"children":2736},{"style":321},[2737],{"type":161,"value":2738},": ",{"type":151,"tag":314,"props":2740,"children":2741},{"style":2326},[2742],{"type":161,"value":2743},"10",{"type":151,"tag":314,"props":2745,"children":2746},{"style":321},[2747],{"type":161,"value":247},{"type":151,"tag":314,"props":2749,"children":2750},{"style":327},[2751],{"type":161,"value":2752},"f",{"type":151,"tag":314,"props":2754,"children":2755},{"style":321},[2756],{"type":161,"value":2738},{"type":151,"tag":314,"props":2758,"children":2759},{"style":321},[2760],{"type":161,"value":633},{"type":151,"tag":314,"props":2762,"children":2763},{"style":353},[2764],{"type":161,"value":435},{"type":151,"tag":314,"props":2766,"children":2767},{"style":321},[2768],{"type":161,"value":633},{"type":151,"tag":314,"props":2770,"children":2771},{"style":321},[2772],{"type":161,"value":247},{"type":151,"tag":314,"props":2774,"children":2775},{"style":327},[2776],{"type":161,"value":2777},"blur",{"type":151,"tag":314,"props":2779,"children":2780},{"style":321},[2781],{"type":161,"value":2738},{"type":151,"tag":314,"props":2783,"children":2784},{"style":2326},[2785],{"type":161,"value":2786},"2",{"type":151,"tag":314,"props":2788,"children":2789},{"style":321},[2790],{"type":161,"value":247},{"type":151,"tag":314,"props":2792,"children":2793},{"style":327},[2794],{"type":161,"value":2795},"q",{"type":151,"tag":314,"props":2797,"children":2798},{"style":321},[2799],{"type":161,"value":2738},{"type":151,"tag":314,"props":2801,"children":2802},{"style":2326},[2803],{"type":161,"value":2077},{"type":151,"tag":314,"props":2805,"children":2806},{"style":321},[2807],{"type":161,"value":2808}," })",{"type":151,"tag":314,"props":2810,"children":2811},{"style":321},[2812],{"type":161,"value":361},{"type":151,"tag":314,"props":2814,"children":2815},{"class":316,"line":641},[2816],{"type":151,"tag":314,"props":2817,"children":2818},{"style":321},[2819],{"type":161,"value":2820},"  />\n",{"type":151,"tag":314,"props":2822,"children":2823},{"class":316,"line":671},[2824,2828,2832],{"type":151,"tag":314,"props":2825,"children":2826},{"style":321},[2827],{"type":161,"value":1509},{"type":151,"tag":314,"props":2829,"children":2830},{"style":327},[2831],{"type":161,"value":2638},{"type":151,"tag":314,"props":2833,"children":2834},{"style":321},[2835],{"type":161,"value":986},{"type":151,"tag":314,"props":2837,"children":2838},{"class":316,"line":701},[2839],{"type":151,"tag":314,"props":2840,"children":2841},{"emptyLinePlaceholder":1445},[2842],{"type":161,"value":1448},{"type":151,"tag":314,"props":2844,"children":2845},{"class":316,"line":737},[2846,2850,2855,2860,2865,2869,2873,2878,2882],{"type":151,"tag":314,"props":2847,"children":2848},{"style":321},[2849],{"type":161,"value":324},{"type":151,"tag":314,"props":2851,"children":2852},{"style":327},[2853],{"type":161,"value":2854},"script",{"type":151,"tag":314,"props":2856,"children":2857},{"style":337},[2858],{"type":161,"value":2859}," setup",{"type":151,"tag":314,"props":2861,"children":2862},{"style":337},[2863],{"type":161,"value":2864}," lang",{"type":151,"tag":314,"props":2866,"children":2867},{"style":321},[2868],{"type":161,"value":345},{"type":151,"tag":314,"props":2870,"children":2871},{"style":321},[2872],{"type":161,"value":350},{"type":151,"tag":314,"props":2874,"children":2875},{"style":353},[2876],{"type":161,"value":2877},"ts",{"type":151,"tag":314,"props":2879,"children":2880},{"style":321},[2881],{"type":161,"value":350},{"type":151,"tag":314,"props":2883,"children":2884},{"style":321},[2885],{"type":161,"value":986},{"type":151,"tag":314,"props":2887,"children":2888},{"class":316,"line":750},[2889,2894,2899,2903,2908],{"type":151,"tag":314,"props":2890,"children":2891},{"style":337},[2892],{"type":161,"value":2893},"const",{"type":151,"tag":314,"props":2895,"children":2896},{"style":394},[2897],{"type":161,"value":2898}," img ",{"type":151,"tag":314,"props":2900,"children":2901},{"style":321},[2902],{"type":161,"value":345},{"type":151,"tag":314,"props":2904,"children":2905},{"style":2702},[2906],{"type":161,"value":2907}," useImage",{"type":151,"tag":314,"props":2909,"children":2910},{"style":394},[2911],{"type":161,"value":2912},"()\n",{"type":151,"tag":314,"props":2914,"children":2915},{"class":316,"line":1396},[2916,2920,2924],{"type":151,"tag":314,"props":2917,"children":2918},{"style":321},[2919],{"type":161,"value":1509},{"type":151,"tag":314,"props":2921,"children":2922},{"style":327},[2923],{"type":161,"value":2854},{"type":151,"tag":314,"props":2925,"children":2926},{"style":321},[2927],{"type":161,"value":986},{"type":151,"tag":289,"props":2929,"children":2931},{"id":2930},"placeholder-class",[2932],{"type":151,"tag":156,"props":2933,"children":2935},{"className":2934},[],[2936],{"type":161,"value":2930},{"type":151,"tag":152,"props":2938,"children":2939},{},[2940,2942,2947,2949,2954],{"type":161,"value":2941},"When using a placeholder, you can use ",{"type":151,"tag":156,"props":2943,"children":2945},{"className":2944},[],[2946],{"type":161,"value":2930},{"type":161,"value":2948}," to apply a class to the original underlying ",{"type":151,"tag":156,"props":2950,"children":2952},{"className":2951},[],[2953],{"type":161,"value":797},{"type":161,"value":2955}," element (while the placeholder is being rendered).",{"type":151,"tag":304,"props":2957,"children":2959},{"className":306,"code":2958,"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",[2960],{"type":151,"tag":156,"props":2961,"children":2962},{"__ignoreMap":139},[2963,2971,2982,3005,3013,3037,3044,3051,3059,3067,3075,3082,3090],{"type":151,"tag":314,"props":2964,"children":2965},{"class":316,"line":317},[2966],{"type":151,"tag":314,"props":2967,"children":2968},{"style":2212},[2969],{"type":161,"value":2970},"\u003C!-- Apply a static class to the original image -->\n",{"type":151,"tag":314,"props":2972,"children":2973},{"class":316,"line":333},[2974,2978],{"type":151,"tag":314,"props":2975,"children":2976},{"style":321},[2977],{"type":161,"value":324},{"type":151,"tag":314,"props":2979,"children":2980},{"style":327},[2981],{"type":161,"value":1199},{"type":151,"tag":314,"props":2983,"children":2984},{"class":316,"line":364},[2985,2989,2993,2997,3001],{"type":151,"tag":314,"props":2986,"children":2987},{"style":337},[2988],{"type":161,"value":370},{"type":151,"tag":314,"props":2990,"children":2991},{"style":321},[2992],{"type":161,"value":345},{"type":151,"tag":314,"props":2994,"children":2995},{"style":321},[2996],{"type":161,"value":350},{"type":151,"tag":314,"props":2998,"children":2999},{"style":353},[3000],{"type":161,"value":1602},{"type":151,"tag":314,"props":3002,"children":3003},{"style":321},[3004],{"type":161,"value":361},{"type":151,"tag":314,"props":3006,"children":3007},{"class":316,"line":390},[3008],{"type":151,"tag":314,"props":3009,"children":3010},{"style":337},[3011],{"type":161,"value":3012},"  placeholder\n",{"type":151,"tag":314,"props":3014,"children":3015},{"class":316,"line":641},[3016,3021,3025,3029,3033],{"type":151,"tag":314,"props":3017,"children":3018},{"style":337},[3019],{"type":161,"value":3020},"  placeholder-class",{"type":151,"tag":314,"props":3022,"children":3023},{"style":321},[3024],{"type":161,"value":345},{"type":151,"tag":314,"props":3026,"children":3027},{"style":321},[3028],{"type":161,"value":350},{"type":151,"tag":314,"props":3030,"children":3031},{"style":353},[3032],{"type":161,"value":1023},{"type":151,"tag":314,"props":3034,"children":3035},{"style":321},[3036],{"type":161,"value":361},{"type":151,"tag":314,"props":3038,"children":3039},{"class":316,"line":671},[3040],{"type":151,"tag":314,"props":3041,"children":3042},{"style":394},[3043],{"type":161,"value":397},{"type":151,"tag":314,"props":3045,"children":3046},{"class":316,"line":701},[3047],{"type":151,"tag":314,"props":3048,"children":3049},{"emptyLinePlaceholder":1445},[3050],{"type":161,"value":1448},{"type":151,"tag":314,"props":3052,"children":3053},{"class":316,"line":737},[3054],{"type":151,"tag":314,"props":3055,"children":3056},{"style":394},[3057],{"type":161,"value":3058},"\u003C!-- Apply a dynamic class to the original image -->\n",{"type":151,"tag":314,"props":3060,"children":3061},{"class":316,"line":750},[3062],{"type":151,"tag":314,"props":3063,"children":3064},{"style":394},[3065],{"type":161,"value":3066},"\u003CNuxtImg\n",{"type":151,"tag":314,"props":3068,"children":3069},{"class":316,"line":1396},[3070],{"type":151,"tag":314,"props":3071,"children":3072},{"style":394},[3073],{"type":161,"value":3074},"  src=\"/nuxt.png\"\n",{"type":151,"tag":314,"props":3076,"children":3077},{"class":316,"line":1405},[3078],{"type":151,"tag":314,"props":3079,"children":3080},{"style":394},[3081],{"type":161,"value":3012},{"type":151,"tag":314,"props":3083,"children":3084},{"class":316,"line":1414},[3085],{"type":151,"tag":314,"props":3086,"children":3087},{"style":394},[3088],{"type":161,"value":3089},"  :placeholder-class=\"custom\"\n",{"type":151,"tag":314,"props":3091,"children":3092},{"class":316,"line":1423},[3093],{"type":151,"tag":314,"props":3094,"children":3095},{"style":394},[3096],{"type":161,"value":397},{"type":151,"tag":225,"props":3098,"children":3099},{},[3100,3112],{"type":151,"tag":152,"props":3101,"children":3102},{},[3103,3105,3110],{"type":161,"value":3104},"If you need to apply some CSS to only the ",{"type":151,"tag":1715,"props":3106,"children":3107},{},[3108],{"type":161,"value":3109},"loaded",{"type":161,"value":3111}," image you can do so with something like:",{"type":151,"tag":304,"props":3113,"children":3117},{"className":3114,"code":3115,"language":3116,"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",[3118],{"type":151,"tag":156,"props":3119,"children":3120},{"__ignoreMap":139},[3121,3157,3165],{"type":151,"tag":314,"props":3122,"children":3123},{"class":316,"line":317},[3124,3129,3133,3138,3143,3148,3152],{"type":151,"tag":314,"props":3125,"children":3127},{"style":3126},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[3128],{"type":161,"value":528},{"type":151,"tag":314,"props":3130,"children":3131},{"style":321},[3132],{"type":161,"value":618},{"type":151,"tag":314,"props":3134,"children":3135},{"style":337},[3136],{"type":161,"value":3137},"not",{"type":151,"tag":314,"props":3139,"children":3140},{"style":321},[3141],{"type":161,"value":3142},"(.",{"type":151,"tag":314,"props":3144,"children":3145},{"style":3126},[3146],{"type":161,"value":3147},"my-placeholder-class",{"type":151,"tag":314,"props":3149,"children":3150},{"style":321},[3151],{"type":161,"value":1679},{"type":151,"tag":314,"props":3153,"children":3154},{"style":321},[3155],{"type":161,"value":3156}," {\n",{"type":151,"tag":314,"props":3158,"children":3159},{"class":316,"line":333},[3160],{"type":151,"tag":314,"props":3161,"children":3162},{"style":2212},[3163],{"type":161,"value":3164},"  /* styles here */\n",{"type":151,"tag":314,"props":3166,"children":3167},{"class":316,"line":364},[3168],{"type":151,"tag":314,"props":3169,"children":3170},{"style":321},[3171],{"type":161,"value":3172},"}\n",{"type":151,"tag":289,"props":3174,"children":3176},{"id":3175},"provider",[3177],{"type":151,"tag":156,"props":3178,"children":3180},{"className":3179},[],[3181],{"type":161,"value":3175},{"type":151,"tag":152,"props":3183,"children":3184},{},[3185,3187,3193,3195],{"type":161,"value":3186},"Use other provider instead of default ",{"type":151,"tag":185,"props":3188,"children":3190},{"href":3189},"/get-started/configuration#provider",[3191],{"type":161,"value":3192},"provider option",{"type":161,"value":3194}," specified in ",{"type":151,"tag":156,"props":3196,"children":3198},{"className":3197},[],[3199],{"type":161,"value":3200},"nuxt.config",{"type":151,"tag":152,"props":3202,"children":3203},{},[3204],{"type":151,"tag":535,"props":3205,"children":3206},{},[3207],{"type":161,"value":539},{"type":151,"tag":3209,"props":3210,"children":3211},"code-group",{},[3212,3367],{"type":151,"tag":304,"props":3213,"children":3216},{"className":306,"code":3214,"filename":3215,"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",[3217],{"type":151,"tag":156,"props":3218,"children":3219},{"__ignoreMap":139},[3220,3235,3246,3271,3295,3320,3345,3352],{"type":151,"tag":314,"props":3221,"children":3222},{"class":316,"line":317},[3223,3227,3231],{"type":151,"tag":314,"props":3224,"children":3225},{"style":321},[3226],{"type":161,"value":324},{"type":151,"tag":314,"props":3228,"children":3229},{"style":327},[3230],{"type":161,"value":2638},{"type":151,"tag":314,"props":3232,"children":3233},{"style":321},[3234],{"type":161,"value":986},{"type":151,"tag":314,"props":3236,"children":3237},{"class":316,"line":333},[3238,3242],{"type":151,"tag":314,"props":3239,"children":3240},{"style":321},[3241],{"type":161,"value":2650},{"type":151,"tag":314,"props":3243,"children":3244},{"style":327},[3245],{"type":161,"value":1199},{"type":151,"tag":314,"props":3247,"children":3248},{"class":316,"line":364},[3249,3254,3258,3262,3267],{"type":151,"tag":314,"props":3250,"children":3251},{"style":337},[3252],{"type":161,"value":3253},"    provider",{"type":151,"tag":314,"props":3255,"children":3256},{"style":321},[3257],{"type":161,"value":345},{"type":151,"tag":314,"props":3259,"children":3260},{"style":321},[3261],{"type":161,"value":350},{"type":151,"tag":314,"props":3263,"children":3264},{"style":353},[3265],{"type":161,"value":3266},"cloudinary",{"type":151,"tag":314,"props":3268,"children":3269},{"style":321},[3270],{"type":161,"value":361},{"type":151,"tag":314,"props":3272,"children":3273},{"class":316,"line":390},[3274,3278,3282,3286,3291],{"type":151,"tag":314,"props":3275,"children":3276},{"style":337},[3277],{"type":161,"value":2662},{"type":151,"tag":314,"props":3279,"children":3280},{"style":321},[3281],{"type":161,"value":345},{"type":151,"tag":314,"props":3283,"children":3284},{"style":321},[3285],{"type":161,"value":350},{"type":151,"tag":314,"props":3287,"children":3288},{"style":353},[3289],{"type":161,"value":3290},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":151,"tag":314,"props":3292,"children":3293},{"style":321},[3294],{"type":161,"value":361},{"type":151,"tag":314,"props":3296,"children":3297},{"class":316,"line":641},[3298,3303,3307,3311,3316],{"type":151,"tag":314,"props":3299,"children":3300},{"style":337},[3301],{"type":161,"value":3302},"    width",{"type":151,"tag":314,"props":3304,"children":3305},{"style":321},[3306],{"type":161,"value":345},{"type":151,"tag":314,"props":3308,"children":3309},{"style":321},[3310],{"type":161,"value":350},{"type":151,"tag":314,"props":3312,"children":3313},{"style":353},[3314],{"type":161,"value":3315},"300",{"type":151,"tag":314,"props":3317,"children":3318},{"style":321},[3319],{"type":161,"value":361},{"type":151,"tag":314,"props":3321,"children":3322},{"class":316,"line":671},[3323,3328,3332,3336,3341],{"type":151,"tag":314,"props":3324,"children":3325},{"style":337},[3326],{"type":161,"value":3327},"    height",{"type":151,"tag":314,"props":3329,"children":3330},{"style":321},[3331],{"type":161,"value":345},{"type":151,"tag":314,"props":3333,"children":3334},{"style":321},[3335],{"type":161,"value":350},{"type":151,"tag":314,"props":3337,"children":3338},{"style":353},[3339],{"type":161,"value":3340},"169",{"type":151,"tag":314,"props":3342,"children":3343},{"style":321},[3344],{"type":161,"value":361},{"type":151,"tag":314,"props":3346,"children":3347},{"class":316,"line":701},[3348],{"type":151,"tag":314,"props":3349,"children":3350},{"style":321},[3351],{"type":161,"value":2820},{"type":151,"tag":314,"props":3353,"children":3354},{"class":316,"line":737},[3355,3359,3363],{"type":151,"tag":314,"props":3356,"children":3357},{"style":321},[3358],{"type":161,"value":1509},{"type":151,"tag":314,"props":3360,"children":3361},{"style":327},[3362],{"type":161,"value":2638},{"type":151,"tag":314,"props":3364,"children":3365},{"style":321},[3366],{"type":161,"value":986},{"type":151,"tag":304,"props":3368,"children":3372},{"className":3369,"code":3370,"filename":3371,"language":2877,"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",[3373],{"type":151,"tag":156,"props":3374,"children":3375},{"__ignoreMap":139},[3376,3403,3419,3435,3460,3468,3476],{"type":151,"tag":314,"props":3377,"children":3378},{"class":316,"line":317},[3379,3385,3390,3395,3399],{"type":151,"tag":314,"props":3380,"children":3382},{"style":3381},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[3383],{"type":161,"value":3384},"export",{"type":151,"tag":314,"props":3386,"children":3387},{"style":3381},[3388],{"type":161,"value":3389}," default",{"type":151,"tag":314,"props":3391,"children":3392},{"style":2702},[3393],{"type":161,"value":3394}," defineNuxtConfig",{"type":151,"tag":314,"props":3396,"children":3397},{"style":394},[3398],{"type":161,"value":2709},{"type":151,"tag":314,"props":3400,"children":3401},{"style":321},[3402],{"type":161,"value":605},{"type":151,"tag":314,"props":3404,"children":3405},{"class":316,"line":333},[3406,3411,3415],{"type":151,"tag":314,"props":3407,"children":3408},{"style":327},[3409],{"type":161,"value":3410},"  image",{"type":151,"tag":314,"props":3412,"children":3413},{"style":321},[3414],{"type":161,"value":618},{"type":151,"tag":314,"props":3416,"children":3417},{"style":321},[3418],{"type":161,"value":3156},{"type":151,"tag":314,"props":3420,"children":3421},{"class":316,"line":364},[3422,3427,3431],{"type":151,"tag":314,"props":3423,"children":3424},{"style":327},[3425],{"type":161,"value":3426},"    cloudinary",{"type":151,"tag":314,"props":3428,"children":3429},{"style":321},[3430],{"type":161,"value":618},{"type":151,"tag":314,"props":3432,"children":3433},{"style":321},[3434],{"type":161,"value":3156},{"type":151,"tag":314,"props":3436,"children":3437},{"class":316,"line":390},[3438,3443,3447,3451,3456],{"type":151,"tag":314,"props":3439,"children":3440},{"style":327},[3441],{"type":161,"value":3442},"      baseURL",{"type":151,"tag":314,"props":3444,"children":3445},{"style":321},[3446],{"type":161,"value":618},{"type":151,"tag":314,"props":3448,"children":3449},{"style":321},[3450],{"type":161,"value":623},{"type":151,"tag":314,"props":3452,"children":3453},{"style":353},[3454],{"type":161,"value":3455},"https://res.cloudinary.com/nuxt/image/upload",{"type":151,"tag":314,"props":3457,"children":3458},{"style":321},[3459],{"type":161,"value":734},{"type":151,"tag":314,"props":3461,"children":3462},{"class":316,"line":641},[3463],{"type":151,"tag":314,"props":3464,"children":3465},{"style":321},[3466],{"type":161,"value":3467},"    }\n",{"type":151,"tag":314,"props":3469,"children":3470},{"class":316,"line":671},[3471],{"type":151,"tag":314,"props":3472,"children":3473},{"style":321},[3474],{"type":161,"value":3475},"  }\n",{"type":151,"tag":314,"props":3477,"children":3478},{"class":316,"line":701},[3479,3483],{"type":151,"tag":314,"props":3480,"children":3481},{"style":321},[3482],{"type":161,"value":1374},{"type":151,"tag":314,"props":3484,"children":3485},{"style":394},[3486],{"type":161,"value":3487},")\n",{"type":151,"tag":289,"props":3489,"children":3491},{"id":3490},"preset",[3492],{"type":151,"tag":156,"props":3493,"children":3495},{"className":3494},[],[3496],{"type":161,"value":3490},{"type":151,"tag":152,"props":3498,"children":3499},{},[3500],{"type":161,"value":3501},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":151,"tag":225,"props":3503,"children":3504},{},[3505],{"type":151,"tag":152,"props":3506,"children":3507},{},[3508,3510,3516,3518],{"type":161,"value":3509},"We can define presets using ",{"type":151,"tag":185,"props":3511,"children":3513},{"href":3512},"/get-started/configuration#presets",[3514],{"type":161,"value":3515},"presets options",{"type":161,"value":3517}," in ",{"type":151,"tag":156,"props":3519,"children":3521},{"className":3520},[],[3522],{"type":161,"value":3200},{"type":151,"tag":3209,"props":3524,"children":3525},{},[3526,3620],{"type":151,"tag":304,"props":3527,"children":3529},{"className":306,"code":3528,"filename":3215,"language":308,"meta":139,"style":139},"\u003Ctemplate>\n  \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[3530],{"type":151,"tag":156,"props":3531,"children":3532},{"__ignoreMap":139},[3533,3548,3605],{"type":151,"tag":314,"props":3534,"children":3535},{"class":316,"line":317},[3536,3540,3544],{"type":151,"tag":314,"props":3537,"children":3538},{"style":321},[3539],{"type":161,"value":324},{"type":151,"tag":314,"props":3541,"children":3542},{"style":327},[3543],{"type":161,"value":2638},{"type":151,"tag":314,"props":3545,"children":3546},{"style":321},[3547],{"type":161,"value":986},{"type":151,"tag":314,"props":3549,"children":3550},{"class":316,"line":333},[3551,3555,3559,3564,3568,3572,3577,3581,3585,3589,3593,3597,3601],{"type":151,"tag":314,"props":3552,"children":3553},{"style":321},[3554],{"type":161,"value":2650},{"type":151,"tag":314,"props":3556,"children":3557},{"style":327},[3558],{"type":161,"value":910},{"type":151,"tag":314,"props":3560,"children":3561},{"style":337},[3562],{"type":161,"value":3563}," preset",{"type":151,"tag":314,"props":3565,"children":3566},{"style":321},[3567],{"type":161,"value":345},{"type":151,"tag":314,"props":3569,"children":3570},{"style":321},[3571],{"type":161,"value":350},{"type":151,"tag":314,"props":3573,"children":3574},{"style":353},[3575],{"type":161,"value":3576},"cover",{"type":151,"tag":314,"props":3578,"children":3579},{"style":321},[3580],{"type":161,"value":350},{"type":151,"tag":314,"props":3582,"children":3583},{"style":337},[3584],{"type":161,"value":915},{"type":151,"tag":314,"props":3586,"children":3587},{"style":321},[3588],{"type":161,"value":345},{"type":151,"tag":314,"props":3590,"children":3591},{"style":321},[3592],{"type":161,"value":350},{"type":151,"tag":314,"props":3594,"children":3595},{"style":353},[3596],{"type":161,"value":383},{"type":151,"tag":314,"props":3598,"children":3599},{"style":321},[3600],{"type":161,"value":350},{"type":151,"tag":314,"props":3602,"children":3603},{"style":321},[3604],{"type":161,"value":936},{"type":151,"tag":314,"props":3606,"children":3607},{"class":316,"line":364},[3608,3612,3616],{"type":151,"tag":314,"props":3609,"children":3610},{"style":321},[3611],{"type":161,"value":1509},{"type":151,"tag":314,"props":3613,"children":3614},{"style":327},[3615],{"type":161,"value":2638},{"type":151,"tag":314,"props":3617,"children":3618},{"style":321},[3619],{"type":161,"value":986},{"type":151,"tag":304,"props":3621,"children":3623},{"className":3369,"code":3622,"filename":3371,"language":2877,"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",[3624],{"type":151,"tag":156,"props":3625,"children":3626},{"__ignoreMap":139},[3627,3650,3665,3681,3697,3713,3741,3769,3790,3807,3815,3823,3830,3837],{"type":151,"tag":314,"props":3628,"children":3629},{"class":316,"line":317},[3630,3634,3638,3642,3646],{"type":151,"tag":314,"props":3631,"children":3632},{"style":3381},[3633],{"type":161,"value":3384},{"type":151,"tag":314,"props":3635,"children":3636},{"style":3381},[3637],{"type":161,"value":3389},{"type":151,"tag":314,"props":3639,"children":3640},{"style":2702},[3641],{"type":161,"value":3394},{"type":151,"tag":314,"props":3643,"children":3644},{"style":394},[3645],{"type":161,"value":2709},{"type":151,"tag":314,"props":3647,"children":3648},{"style":321},[3649],{"type":161,"value":605},{"type":151,"tag":314,"props":3651,"children":3652},{"class":316,"line":333},[3653,3657,3661],{"type":151,"tag":314,"props":3654,"children":3655},{"style":327},[3656],{"type":161,"value":3410},{"type":151,"tag":314,"props":3658,"children":3659},{"style":321},[3660],{"type":161,"value":618},{"type":151,"tag":314,"props":3662,"children":3663},{"style":321},[3664],{"type":161,"value":3156},{"type":151,"tag":314,"props":3666,"children":3667},{"class":316,"line":364},[3668,3673,3677],{"type":151,"tag":314,"props":3669,"children":3670},{"style":327},[3671],{"type":161,"value":3672},"    presets",{"type":151,"tag":314,"props":3674,"children":3675},{"style":321},[3676],{"type":161,"value":618},{"type":151,"tag":314,"props":3678,"children":3679},{"style":321},[3680],{"type":161,"value":3156},{"type":151,"tag":314,"props":3682,"children":3683},{"class":316,"line":390},[3684,3689,3693],{"type":151,"tag":314,"props":3685,"children":3686},{"style":327},[3687],{"type":161,"value":3688},"      cover",{"type":151,"tag":314,"props":3690,"children":3691},{"style":321},[3692],{"type":161,"value":618},{"type":151,"tag":314,"props":3694,"children":3695},{"style":321},[3696],{"type":161,"value":3156},{"type":151,"tag":314,"props":3698,"children":3699},{"class":316,"line":641},[3700,3705,3709],{"type":151,"tag":314,"props":3701,"children":3702},{"style":327},[3703],{"type":161,"value":3704},"        modifiers",{"type":151,"tag":314,"props":3706,"children":3707},{"style":321},[3708],{"type":161,"value":618},{"type":151,"tag":314,"props":3710,"children":3711},{"style":321},[3712],{"type":161,"value":3156},{"type":151,"tag":314,"props":3714,"children":3715},{"class":316,"line":671},[3716,3721,3725,3729,3733,3737],{"type":151,"tag":314,"props":3717,"children":3718},{"style":327},[3719],{"type":161,"value":3720},"          fit",{"type":151,"tag":314,"props":3722,"children":3723},{"style":321},[3724],{"type":161,"value":618},{"type":151,"tag":314,"props":3726,"children":3727},{"style":321},[3728],{"type":161,"value":623},{"type":151,"tag":314,"props":3730,"children":3731},{"style":353},[3732],{"type":161,"value":3576},{"type":151,"tag":314,"props":3734,"children":3735},{"style":321},[3736],{"type":161,"value":633},{"type":151,"tag":314,"props":3738,"children":3739},{"style":321},[3740],{"type":161,"value":638},{"type":151,"tag":314,"props":3742,"children":3743},{"class":316,"line":701},[3744,3749,3753,3757,3761,3765],{"type":151,"tag":314,"props":3745,"children":3746},{"style":327},[3747],{"type":161,"value":3748},"          format",{"type":151,"tag":314,"props":3750,"children":3751},{"style":321},[3752],{"type":161,"value":618},{"type":151,"tag":314,"props":3754,"children":3755},{"style":321},[3756],{"type":161,"value":623},{"type":151,"tag":314,"props":3758,"children":3759},{"style":353},[3760],{"type":161,"value":428},{"type":151,"tag":314,"props":3762,"children":3763},{"style":321},[3764],{"type":161,"value":633},{"type":151,"tag":314,"props":3766,"children":3767},{"style":321},[3768],{"type":161,"value":638},{"type":151,"tag":314,"props":3770,"children":3771},{"class":316,"line":737},[3772,3777,3781,3786],{"type":151,"tag":314,"props":3773,"children":3774},{"style":327},[3775],{"type":161,"value":3776},"          width",{"type":151,"tag":314,"props":3778,"children":3779},{"style":321},[3780],{"type":161,"value":618},{"type":151,"tag":314,"props":3782,"children":3783},{"style":2326},[3784],{"type":161,"value":3785}," 300",{"type":151,"tag":314,"props":3787,"children":3788},{"style":321},[3789],{"type":161,"value":638},{"type":151,"tag":314,"props":3791,"children":3792},{"class":316,"line":750},[3793,3798,3802],{"type":151,"tag":314,"props":3794,"children":3795},{"style":327},[3796],{"type":161,"value":3797},"          height",{"type":151,"tag":314,"props":3799,"children":3800},{"style":321},[3801],{"type":161,"value":618},{"type":151,"tag":314,"props":3803,"children":3804},{"style":2326},[3805],{"type":161,"value":3806}," 300\n",{"type":151,"tag":314,"props":3808,"children":3809},{"class":316,"line":1396},[3810],{"type":151,"tag":314,"props":3811,"children":3812},{"style":321},[3813],{"type":161,"value":3814},"        }\n",{"type":151,"tag":314,"props":3816,"children":3817},{"class":316,"line":1405},[3818],{"type":151,"tag":314,"props":3819,"children":3820},{"style":321},[3821],{"type":161,"value":3822},"      }\n",{"type":151,"tag":314,"props":3824,"children":3825},{"class":316,"line":1414},[3826],{"type":151,"tag":314,"props":3827,"children":3828},{"style":321},[3829],{"type":161,"value":3467},{"type":151,"tag":314,"props":3831,"children":3832},{"class":316,"line":1423},[3833],{"type":151,"tag":314,"props":3834,"children":3835},{"style":321},[3836],{"type":161,"value":3475},{"type":151,"tag":314,"props":3838,"children":3839},{"class":316,"line":1432},[3840,3844],{"type":151,"tag":314,"props":3841,"children":3842},{"style":321},[3843],{"type":161,"value":1374},{"type":151,"tag":314,"props":3845,"children":3846},{"style":394},[3847],{"type":161,"value":3487},{"type":151,"tag":289,"props":3849,"children":3850},{"id":291},[3851],{"type":151,"tag":156,"props":3852,"children":3854},{"className":3853},[],[3855],{"type":161,"value":291},{"type":151,"tag":152,"props":3857,"children":3858},{},[3859],{"type":161,"value":3860},"In case you want to serve images in a specific format, use this prop.",{"type":151,"tag":304,"props":3862,"children":3864},{"className":306,"code":3863,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  format=\"webp\"\n  src=\"/nuxt-icon.png\"\n/>\n",[3865],{"type":151,"tag":156,"props":3866,"children":3867},{"__ignoreMap":139},[3868,3879,3902,3925],{"type":151,"tag":314,"props":3869,"children":3870},{"class":316,"line":317},[3871,3875],{"type":151,"tag":314,"props":3872,"children":3873},{"style":321},[3874],{"type":161,"value":324},{"type":151,"tag":314,"props":3876,"children":3877},{"style":327},[3878],{"type":161,"value":1199},{"type":151,"tag":314,"props":3880,"children":3881},{"class":316,"line":333},[3882,3886,3890,3894,3898],{"type":151,"tag":314,"props":3883,"children":3884},{"style":337},[3885],{"type":161,"value":340},{"type":151,"tag":314,"props":3887,"children":3888},{"style":321},[3889],{"type":161,"value":345},{"type":151,"tag":314,"props":3891,"children":3892},{"style":321},[3893],{"type":161,"value":350},{"type":151,"tag":314,"props":3895,"children":3896},{"style":353},[3897],{"type":161,"value":201},{"type":151,"tag":314,"props":3899,"children":3900},{"style":321},[3901],{"type":161,"value":361},{"type":151,"tag":314,"props":3903,"children":3904},{"class":316,"line":364},[3905,3909,3913,3917,3921],{"type":151,"tag":314,"props":3906,"children":3907},{"style":337},[3908],{"type":161,"value":370},{"type":151,"tag":314,"props":3910,"children":3911},{"style":321},[3912],{"type":161,"value":345},{"type":151,"tag":314,"props":3914,"children":3915},{"style":321},[3916],{"type":161,"value":350},{"type":151,"tag":314,"props":3918,"children":3919},{"style":353},[3920],{"type":161,"value":383},{"type":151,"tag":314,"props":3922,"children":3923},{"style":321},[3924],{"type":161,"value":361},{"type":151,"tag":314,"props":3926,"children":3927},{"class":316,"line":390},[3928],{"type":151,"tag":314,"props":3929,"children":3930},{"style":394},[3931],{"type":161,"value":397},{"type":151,"tag":152,"props":3933,"children":3934},{},[3935,3936,3941,3942,3947,3948,3953,3954,3959,3960,3965,3966,3971,3972,3978],{"type":161,"value":402},{"type":151,"tag":156,"props":3937,"children":3939},{"className":3938},[],[3940],{"type":161,"value":201},{"type":161,"value":247},{"type":151,"tag":156,"props":3943,"children":3945},{"className":3944},[],[3946],{"type":161,"value":414},{"type":161,"value":247},{"type":151,"tag":156,"props":3949,"children":3951},{"className":3950},[],[3952],{"type":161,"value":421},{"type":161,"value":247},{"type":151,"tag":156,"props":3955,"children":3957},{"className":3956},[],[3958],{"type":161,"value":428},{"type":161,"value":247},{"type":151,"tag":156,"props":3961,"children":3963},{"className":3962},[],[3964],{"type":161,"value":435},{"type":161,"value":247},{"type":151,"tag":156,"props":3967,"children":3969},{"className":3968},[],[3970],{"type":161,"value":443},{"type":161,"value":832},{"type":151,"tag":156,"props":3973,"children":3975},{"className":3974},[],[3976],{"type":161,"value":3977},"svg",{"type":161,"value":445},{"type":151,"tag":289,"props":3980,"children":3982},{"id":3981},"quality",[3983],{"type":151,"tag":156,"props":3984,"children":3986},{"className":3985},[],[3987],{"type":161,"value":3981},{"type":151,"tag":152,"props":3989,"children":3990},{},[3991],{"type":161,"value":3992},"The quality for the generated image(s).",{"type":151,"tag":304,"props":3994,"children":3996},{"className":306,"code":3995,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/nuxt.jpg\"\n  quality=\"80\"\n  width=\"200\"\n  height=\"100\"\n/>\n",[3997],{"type":151,"tag":156,"props":3998,"children":3999},{"__ignoreMap":139},[4000,4011,4035,4060,4084,4108],{"type":151,"tag":314,"props":4001,"children":4002},{"class":316,"line":317},[4003,4007],{"type":151,"tag":314,"props":4004,"children":4005},{"style":321},[4006],{"type":161,"value":324},{"type":151,"tag":314,"props":4008,"children":4009},{"style":327},[4010],{"type":161,"value":1199},{"type":151,"tag":314,"props":4012,"children":4013},{"class":316,"line":333},[4014,4018,4022,4026,4031],{"type":151,"tag":314,"props":4015,"children":4016},{"style":337},[4017],{"type":161,"value":370},{"type":151,"tag":314,"props":4019,"children":4020},{"style":321},[4021],{"type":161,"value":345},{"type":151,"tag":314,"props":4023,"children":4024},{"style":321},[4025],{"type":161,"value":350},{"type":151,"tag":314,"props":4027,"children":4028},{"style":353},[4029],{"type":161,"value":4030},"/nuxt.jpg",{"type":151,"tag":314,"props":4032,"children":4033},{"style":321},[4034],{"type":161,"value":361},{"type":151,"tag":314,"props":4036,"children":4037},{"class":316,"line":364},[4038,4043,4047,4051,4056],{"type":151,"tag":314,"props":4039,"children":4040},{"style":337},[4041],{"type":161,"value":4042},"  quality",{"type":151,"tag":314,"props":4044,"children":4045},{"style":321},[4046],{"type":161,"value":345},{"type":151,"tag":314,"props":4048,"children":4049},{"style":321},[4050],{"type":161,"value":350},{"type":151,"tag":314,"props":4052,"children":4053},{"style":353},[4054],{"type":161,"value":4055},"80",{"type":151,"tag":314,"props":4057,"children":4058},{"style":321},[4059],{"type":161,"value":361},{"type":151,"tag":314,"props":4061,"children":4062},{"class":316,"line":390},[4063,4067,4071,4075,4080],{"type":151,"tag":314,"props":4064,"children":4065},{"style":337},[4066],{"type":161,"value":1256},{"type":151,"tag":314,"props":4068,"children":4069},{"style":321},[4070],{"type":161,"value":345},{"type":151,"tag":314,"props":4072,"children":4073},{"style":321},[4074],{"type":161,"value":350},{"type":151,"tag":314,"props":4076,"children":4077},{"style":353},[4078],{"type":161,"value":4079},"200",{"type":151,"tag":314,"props":4081,"children":4082},{"style":321},[4083],{"type":161,"value":361},{"type":151,"tag":314,"props":4085,"children":4086},{"class":316,"line":641},[4087,4091,4095,4099,4104],{"type":151,"tag":314,"props":4088,"children":4089},{"style":337},[4090],{"type":161,"value":1281},{"type":151,"tag":314,"props":4092,"children":4093},{"style":321},[4094],{"type":161,"value":345},{"type":151,"tag":314,"props":4096,"children":4097},{"style":321},[4098],{"type":161,"value":350},{"type":151,"tag":314,"props":4100,"children":4101},{"style":353},[4102],{"type":161,"value":4103},"100",{"type":151,"tag":314,"props":4105,"children":4106},{"style":321},[4107],{"type":161,"value":361},{"type":151,"tag":314,"props":4109,"children":4110},{"class":316,"line":671},[4111],{"type":151,"tag":314,"props":4112,"children":4113},{"style":394},[4114],{"type":161,"value":397},{"type":151,"tag":289,"props":4116,"children":4118},{"id":4117},"fit",[4119],{"type":151,"tag":156,"props":4120,"children":4122},{"className":4121},[],[4123],{"type":161,"value":4117},{"type":151,"tag":152,"props":4125,"children":4126},{},[4127,4128,4133],{"type":161,"value":1034},{"type":151,"tag":156,"props":4129,"children":4131},{"className":4130},[],[4132],{"type":161,"value":4117},{"type":161,"value":4134}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":151,"tag":462,"props":4136,"children":4137},{},[4138,4148,4159,4170,4181],{"type":151,"tag":466,"props":4139,"children":4140},{},[4141,4146],{"type":151,"tag":156,"props":4142,"children":4144},{"className":4143},[],[4145],{"type":161,"value":3576},{"type":161,"value":4147},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":151,"tag":466,"props":4149,"children":4150},{},[4151,4157],{"type":151,"tag":156,"props":4152,"children":4154},{"className":4153},[],[4155],{"type":161,"value":4156},"contain",{"type":161,"value":4158},": Preserving aspect ratio, contain within both provided dimensions using 'letterboxing' where necessary.",{"type":151,"tag":466,"props":4160,"children":4161},{},[4162,4168],{"type":151,"tag":156,"props":4163,"children":4165},{"className":4164},[],[4166],{"type":161,"value":4167},"fill",{"type":161,"value":4169},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":151,"tag":466,"props":4171,"children":4172},{},[4173,4179],{"type":151,"tag":156,"props":4174,"children":4176},{"className":4175},[],[4177],{"type":161,"value":4178},"inside",{"type":161,"value":4180},": 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":4182,"children":4183},{},[4184,4190],{"type":151,"tag":156,"props":4185,"children":4187},{"className":4186},[],[4188],{"type":161,"value":4189},"outside",{"type":161,"value":4191},": 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":4193,"children":4195},{"className":306,"code":4194,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  fit=\"cover\"\n  src=\"/nuxt-icon.png\"\n  width=\"200\"\n  height=\"100\"\n/>\n",[4196],{"type":151,"tag":156,"props":4197,"children":4198},{"__ignoreMap":139},[4199,4210,4234,4257,4280,4303],{"type":151,"tag":314,"props":4200,"children":4201},{"class":316,"line":317},[4202,4206],{"type":151,"tag":314,"props":4203,"children":4204},{"style":321},[4205],{"type":161,"value":324},{"type":151,"tag":314,"props":4207,"children":4208},{"style":327},[4209],{"type":161,"value":1199},{"type":151,"tag":314,"props":4211,"children":4212},{"class":316,"line":333},[4213,4218,4222,4226,4230],{"type":151,"tag":314,"props":4214,"children":4215},{"style":337},[4216],{"type":161,"value":4217},"  fit",{"type":151,"tag":314,"props":4219,"children":4220},{"style":321},[4221],{"type":161,"value":345},{"type":151,"tag":314,"props":4223,"children":4224},{"style":321},[4225],{"type":161,"value":350},{"type":151,"tag":314,"props":4227,"children":4228},{"style":353},[4229],{"type":161,"value":3576},{"type":151,"tag":314,"props":4231,"children":4232},{"style":321},[4233],{"type":161,"value":361},{"type":151,"tag":314,"props":4235,"children":4236},{"class":316,"line":364},[4237,4241,4245,4249,4253],{"type":151,"tag":314,"props":4238,"children":4239},{"style":337},[4240],{"type":161,"value":370},{"type":151,"tag":314,"props":4242,"children":4243},{"style":321},[4244],{"type":161,"value":345},{"type":151,"tag":314,"props":4246,"children":4247},{"style":321},[4248],{"type":161,"value":350},{"type":151,"tag":314,"props":4250,"children":4251},{"style":353},[4252],{"type":161,"value":383},{"type":151,"tag":314,"props":4254,"children":4255},{"style":321},[4256],{"type":161,"value":361},{"type":151,"tag":314,"props":4258,"children":4259},{"class":316,"line":390},[4260,4264,4268,4272,4276],{"type":151,"tag":314,"props":4261,"children":4262},{"style":337},[4263],{"type":161,"value":1256},{"type":151,"tag":314,"props":4265,"children":4266},{"style":321},[4267],{"type":161,"value":345},{"type":151,"tag":314,"props":4269,"children":4270},{"style":321},[4271],{"type":161,"value":350},{"type":151,"tag":314,"props":4273,"children":4274},{"style":353},[4275],{"type":161,"value":4079},{"type":151,"tag":314,"props":4277,"children":4278},{"style":321},[4279],{"type":161,"value":361},{"type":151,"tag":314,"props":4281,"children":4282},{"class":316,"line":641},[4283,4287,4291,4295,4299],{"type":151,"tag":314,"props":4284,"children":4285},{"style":337},[4286],{"type":161,"value":1281},{"type":151,"tag":314,"props":4288,"children":4289},{"style":321},[4290],{"type":161,"value":345},{"type":151,"tag":314,"props":4292,"children":4293},{"style":321},[4294],{"type":161,"value":350},{"type":151,"tag":314,"props":4296,"children":4297},{"style":353},[4298],{"type":161,"value":4103},{"type":151,"tag":314,"props":4300,"children":4301},{"style":321},[4302],{"type":161,"value":361},{"type":151,"tag":314,"props":4304,"children":4305},{"class":316,"line":671},[4306],{"type":151,"tag":314,"props":4307,"children":4308},{"style":394},[4309],{"type":161,"value":397},{"type":151,"tag":225,"props":4311,"children":4312},{},[4313],{"type":151,"tag":152,"props":4314,"children":4315},{},[4316],{"type":161,"value":4317},"Some providers support other values.",{"type":151,"tag":289,"props":4319,"children":4321},{"id":4320},"modifiers",[4322],{"type":151,"tag":156,"props":4323,"children":4325},{"className":4324},[],[4326],{"type":161,"value":4320},{"type":151,"tag":152,"props":4328,"children":4329},{},[4330],{"type":161,"value":4331},"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":4333,"children":4334},{},[4335,4337,4342],{"type":161,"value":4336},"Using the ",{"type":151,"tag":156,"props":4338,"children":4340},{"className":4339},[],[4341],{"type":161,"value":4320},{"type":161,"value":4343}," prop lets you use any of these transformations.",{"type":151,"tag":152,"props":4345,"children":4346},{},[4347],{"type":151,"tag":535,"props":4348,"children":4349},{},[4350],{"type":161,"value":539},{"type":151,"tag":304,"props":4352,"children":4354},{"className":306,"code":4353,"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",[4355],{"type":151,"tag":156,"props":4356,"children":4357},{"__ignoreMap":139},[4358,4369,4393,4416,4439,4462,4516],{"type":151,"tag":314,"props":4359,"children":4360},{"class":316,"line":317},[4361,4365],{"type":151,"tag":314,"props":4362,"children":4363},{"style":321},[4364],{"type":161,"value":324},{"type":151,"tag":314,"props":4366,"children":4367},{"style":327},[4368],{"type":161,"value":1199},{"type":151,"tag":314,"props":4370,"children":4371},{"class":316,"line":333},[4372,4377,4381,4385,4389],{"type":151,"tag":314,"props":4373,"children":4374},{"style":337},[4375],{"type":161,"value":4376},"  provider",{"type":151,"tag":314,"props":4378,"children":4379},{"style":321},[4380],{"type":161,"value":345},{"type":151,"tag":314,"props":4382,"children":4383},{"style":321},[4384],{"type":161,"value":350},{"type":151,"tag":314,"props":4386,"children":4387},{"style":353},[4388],{"type":161,"value":3266},{"type":151,"tag":314,"props":4390,"children":4391},{"style":321},[4392],{"type":161,"value":361},{"type":151,"tag":314,"props":4394,"children":4395},{"class":316,"line":364},[4396,4400,4404,4408,4412],{"type":151,"tag":314,"props":4397,"children":4398},{"style":337},[4399],{"type":161,"value":370},{"type":151,"tag":314,"props":4401,"children":4402},{"style":321},[4403],{"type":161,"value":345},{"type":151,"tag":314,"props":4405,"children":4406},{"style":321},[4407],{"type":161,"value":350},{"type":151,"tag":314,"props":4409,"children":4410},{"style":353},[4411],{"type":161,"value":3290},{"type":151,"tag":314,"props":4413,"children":4414},{"style":321},[4415],{"type":161,"value":361},{"type":151,"tag":314,"props":4417,"children":4418},{"class":316,"line":390},[4419,4423,4427,4431,4435],{"type":151,"tag":314,"props":4420,"children":4421},{"style":337},[4422],{"type":161,"value":1256},{"type":151,"tag":314,"props":4424,"children":4425},{"style":321},[4426],{"type":161,"value":345},{"type":151,"tag":314,"props":4428,"children":4429},{"style":321},[4430],{"type":161,"value":350},{"type":151,"tag":314,"props":4432,"children":4433},{"style":353},[4434],{"type":161,"value":3315},{"type":151,"tag":314,"props":4436,"children":4437},{"style":321},[4438],{"type":161,"value":361},{"type":151,"tag":314,"props":4440,"children":4441},{"class":316,"line":641},[4442,4446,4450,4454,4458],{"type":151,"tag":314,"props":4443,"children":4444},{"style":337},[4445],{"type":161,"value":1281},{"type":151,"tag":314,"props":4447,"children":4448},{"style":321},[4449],{"type":161,"value":345},{"type":151,"tag":314,"props":4451,"children":4452},{"style":321},[4453],{"type":161,"value":350},{"type":151,"tag":314,"props":4455,"children":4456},{"style":353},[4457],{"type":161,"value":3340},{"type":151,"tag":314,"props":4459,"children":4460},{"style":321},[4461],{"type":161,"value":361},{"type":151,"tag":314,"props":4463,"children":4464},{"class":316,"line":671},[4465,4469,4473,4477,4481,4485,4490,4494,4498,4503,4507,4512],{"type":151,"tag":314,"props":4466,"children":4467},{"style":321},[4468],{"type":161,"value":588},{"type":151,"tag":314,"props":4470,"children":4471},{"style":337},[4472],{"type":161,"value":4320},{"type":151,"tag":314,"props":4474,"children":4475},{"style":321},[4476],{"type":161,"value":345},{"type":151,"tag":314,"props":4478,"children":4479},{"style":321},[4480],{"type":161,"value":350},{"type":151,"tag":314,"props":4482,"children":4483},{"style":321},[4484],{"type":161,"value":1346},{"type":151,"tag":314,"props":4486,"children":4487},{"style":327},[4488],{"type":161,"value":4489}," roundCorner",{"type":151,"tag":314,"props":4491,"children":4492},{"style":321},[4493],{"type":161,"value":618},{"type":151,"tag":314,"props":4495,"children":4496},{"style":321},[4497],{"type":161,"value":623},{"type":151,"tag":314,"props":4499,"children":4500},{"style":353},[4501],{"type":161,"value":4502},"0:100",{"type":151,"tag":314,"props":4504,"children":4505},{"style":321},[4506],{"type":161,"value":633},{"type":151,"tag":314,"props":4508,"children":4509},{"style":321},[4510],{"type":161,"value":4511}," }",{"type":151,"tag":314,"props":4513,"children":4514},{"style":321},[4515],{"type":161,"value":361},{"type":151,"tag":314,"props":4517,"children":4518},{"class":316,"line":701},[4519],{"type":151,"tag":314,"props":4520,"children":4521},{"style":394},[4522],{"type":161,"value":397},{"type":151,"tag":289,"props":4524,"children":4526},{"id":4525},"preload",[4527],{"type":151,"tag":156,"props":4528,"children":4530},{"className":4529},[],[4531],{"type":161,"value":4525},{"type":151,"tag":152,"props":4533,"children":4534},{},[4535,4537,4543],{"type":161,"value":4536},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":151,"tag":156,"props":4538,"children":4540},{"className":4539},[],[4541],{"type":161,"value":4542},"link",{"type":161,"value":4544}," tag in the page's head.",{"type":151,"tag":304,"props":4546,"children":4548},{"className":306,"code":4547,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" preload />\n",[4549],{"type":151,"tag":156,"props":4550,"children":4551},{"__ignoreMap":139},[4552],{"type":151,"tag":314,"props":4553,"children":4554},{"class":316,"line":317},[4555,4559,4563,4567,4571,4575,4579,4583,4588],{"type":151,"tag":314,"props":4556,"children":4557},{"style":321},[4558],{"type":161,"value":324},{"type":151,"tag":314,"props":4560,"children":4561},{"style":327},[4562],{"type":161,"value":910},{"type":151,"tag":314,"props":4564,"children":4565},{"style":337},[4566],{"type":161,"value":915},{"type":151,"tag":314,"props":4568,"children":4569},{"style":321},[4570],{"type":161,"value":345},{"type":151,"tag":314,"props":4572,"children":4573},{"style":321},[4574],{"type":161,"value":350},{"type":151,"tag":314,"props":4576,"children":4577},{"style":353},[4578],{"type":161,"value":383},{"type":151,"tag":314,"props":4580,"children":4581},{"style":321},[4582],{"type":161,"value":350},{"type":151,"tag":314,"props":4584,"children":4585},{"style":337},[4586],{"type":161,"value":4587}," preload",{"type":151,"tag":314,"props":4589,"children":4590},{"style":321},[4591],{"type":161,"value":936},{"type":151,"tag":289,"props":4593,"children":4595},{"id":4594},"loading",[4596],{"type":151,"tag":156,"props":4597,"children":4599},{"className":4598},[],[4600],{"type":161,"value":4594},{"type":151,"tag":152,"props":4602,"children":4603},{},[4604,4606,4612,4614,4621],{"type":161,"value":4605},"This is a ",{"type":151,"tag":185,"props":4607,"children":4610},{"href":4608,"rel":4609},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[213],[4611],{"type":161,"value":1706},{"type":161,"value":4613}," 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":4615,"children":4618},{"href":4616,"rel":4617},"https://caniuse.com/loading-lazy-attr",[213],[4619],{"type":161,"value":4620},"supported",{"type":161,"value":4622}," by the latest version of all major browsers since March 2022.",{"type":151,"tag":152,"props":4624,"children":4625},{},[4626,4628,4634],{"type":161,"value":4627},"Set ",{"type":151,"tag":156,"props":4629,"children":4631},{"className":4630},[],[4632],{"type":161,"value":4633},"loading=\"lazy\"",{"type":161,"value":4635}," to defer loading of an image until it appears in the viewport.",{"type":151,"tag":304,"props":4637,"children":4639},{"className":306,"code":4638,"language":308,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[4640],{"type":151,"tag":156,"props":4641,"children":4642},{"__ignoreMap":139},[4643],{"type":151,"tag":314,"props":4644,"children":4645},{"class":316,"line":317},[4646,4650,4654,4658,4662,4666,4670,4674,4679,4683,4687,4692,4696],{"type":151,"tag":314,"props":4647,"children":4648},{"style":321},[4649],{"type":161,"value":324},{"type":151,"tag":314,"props":4651,"children":4652},{"style":327},[4653],{"type":161,"value":910},{"type":151,"tag":314,"props":4655,"children":4656},{"style":337},[4657],{"type":161,"value":915},{"type":151,"tag":314,"props":4659,"children":4660},{"style":321},[4661],{"type":161,"value":345},{"type":151,"tag":314,"props":4663,"children":4664},{"style":321},[4665],{"type":161,"value":350},{"type":151,"tag":314,"props":4667,"children":4668},{"style":353},[4669],{"type":161,"value":383},{"type":151,"tag":314,"props":4671,"children":4672},{"style":321},[4673],{"type":161,"value":350},{"type":151,"tag":314,"props":4675,"children":4676},{"style":337},[4677],{"type":161,"value":4678}," loading",{"type":151,"tag":314,"props":4680,"children":4681},{"style":321},[4682],{"type":161,"value":345},{"type":151,"tag":314,"props":4684,"children":4685},{"style":321},[4686],{"type":161,"value":350},{"type":151,"tag":314,"props":4688,"children":4689},{"style":353},[4690],{"type":161,"value":4691},"lazy",{"type":151,"tag":314,"props":4693,"children":4694},{"style":321},[4695],{"type":161,"value":350},{"type":151,"tag":314,"props":4697,"children":4698},{"style":321},[4699],{"type":161,"value":936},{"type":151,"tag":289,"props":4701,"children":4703},{"id":4702},"nonce",[4704],{"type":151,"tag":156,"props":4705,"children":4707},{"className":4706},[],[4708],{"type":161,"value":4702},{"type":151,"tag":152,"props":4710,"children":4711},{},[4712,4713,4719,4721,4727,4729,4734],{"type":161,"value":4605},{"type":151,"tag":185,"props":4714,"children":4717},{"href":4715,"rel":4716},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[213],[4718],{"type":161,"value":1706},{"type":161,"value":4720}," 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":4722,"children":4724},{"className":4723},[],[4725],{"type":161,"value":4726},"unsafe-inline",{"type":161,"value":4728}," directive, which would allowlist ",{"type":151,"tag":1715,"props":4730,"children":4731},{},[4732],{"type":161,"value":4733},"all",{"type":161,"value":4735}," inline script or styles.",{"type":151,"tag":304,"props":4737,"children":4739},{"className":306,"code":4738,"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",[4740],{"type":151,"tag":156,"props":4741,"children":4742},{"__ignoreMap":139},[4743,4758,4769,4792,4819,4826,4841,4848,4887,4895,4903,4928],{"type":151,"tag":314,"props":4744,"children":4745},{"class":316,"line":317},[4746,4750,4754],{"type":151,"tag":314,"props":4747,"children":4748},{"style":321},[4749],{"type":161,"value":324},{"type":151,"tag":314,"props":4751,"children":4752},{"style":327},[4753],{"type":161,"value":2638},{"type":151,"tag":314,"props":4755,"children":4756},{"style":321},[4757],{"type":161,"value":986},{"type":151,"tag":314,"props":4759,"children":4760},{"class":316,"line":333},[4761,4765],{"type":151,"tag":314,"props":4762,"children":4763},{"style":321},[4764],{"type":161,"value":2650},{"type":151,"tag":314,"props":4766,"children":4767},{"style":327},[4768],{"type":161,"value":1199},{"type":151,"tag":314,"props":4770,"children":4771},{"class":316,"line":364},[4772,4776,4780,4784,4788],{"type":151,"tag":314,"props":4773,"children":4774},{"style":337},[4775],{"type":161,"value":2662},{"type":151,"tag":314,"props":4777,"children":4778},{"style":321},[4779],{"type":161,"value":345},{"type":151,"tag":314,"props":4781,"children":4782},{"style":321},[4783],{"type":161,"value":350},{"type":151,"tag":314,"props":4785,"children":4786},{"style":353},[4787],{"type":161,"value":383},{"type":151,"tag":314,"props":4789,"children":4790},{"style":321},[4791],{"type":161,"value":361},{"type":151,"tag":314,"props":4793,"children":4794},{"class":316,"line":390},[4795,4799,4803,4807,4811,4815],{"type":151,"tag":314,"props":4796,"children":4797},{"style":321},[4798],{"type":161,"value":2687},{"type":151,"tag":314,"props":4800,"children":4801},{"style":337},[4802],{"type":161,"value":4702},{"type":151,"tag":314,"props":4804,"children":4805},{"style":321},[4806],{"type":161,"value":345},{"type":151,"tag":314,"props":4808,"children":4809},{"style":321},[4810],{"type":161,"value":350},{"type":151,"tag":314,"props":4812,"children":4813},{"style":394},[4814],{"type":161,"value":4702},{"type":151,"tag":314,"props":4816,"children":4817},{"style":321},[4818],{"type":161,"value":361},{"type":151,"tag":314,"props":4820,"children":4821},{"class":316,"line":641},[4822],{"type":151,"tag":314,"props":4823,"children":4824},{"style":321},[4825],{"type":161,"value":2820},{"type":151,"tag":314,"props":4827,"children":4828},{"class":316,"line":671},[4829,4833,4837],{"type":151,"tag":314,"props":4830,"children":4831},{"style":321},[4832],{"type":161,"value":1509},{"type":151,"tag":314,"props":4834,"children":4835},{"style":327},[4836],{"type":161,"value":2638},{"type":151,"tag":314,"props":4838,"children":4839},{"style":321},[4840],{"type":161,"value":986},{"type":151,"tag":314,"props":4842,"children":4843},{"class":316,"line":701},[4844],{"type":151,"tag":314,"props":4845,"children":4846},{"emptyLinePlaceholder":1445},[4847],{"type":161,"value":1448},{"type":151,"tag":314,"props":4849,"children":4850},{"class":316,"line":737},[4851,4855,4859,4863,4867,4871,4875,4879,4883],{"type":151,"tag":314,"props":4852,"children":4853},{"style":321},[4854],{"type":161,"value":324},{"type":151,"tag":314,"props":4856,"children":4857},{"style":327},[4858],{"type":161,"value":2854},{"type":151,"tag":314,"props":4860,"children":4861},{"style":337},[4862],{"type":161,"value":2859},{"type":151,"tag":314,"props":4864,"children":4865},{"style":337},[4866],{"type":161,"value":2864},{"type":151,"tag":314,"props":4868,"children":4869},{"style":321},[4870],{"type":161,"value":345},{"type":151,"tag":314,"props":4872,"children":4873},{"style":321},[4874],{"type":161,"value":350},{"type":151,"tag":314,"props":4876,"children":4877},{"style":353},[4878],{"type":161,"value":2877},{"type":151,"tag":314,"props":4880,"children":4881},{"style":321},[4882],{"type":161,"value":350},{"type":151,"tag":314,"props":4884,"children":4885},{"style":321},[4886],{"type":161,"value":986},{"type":151,"tag":314,"props":4888,"children":4889},{"class":316,"line":750},[4890],{"type":151,"tag":314,"props":4891,"children":4892},{"style":2212},[4893],{"type":161,"value":4894},"// useNonce is not provided by @nuxt/image but might be\n",{"type":151,"tag":314,"props":4896,"children":4897},{"class":316,"line":1396},[4898],{"type":151,"tag":314,"props":4899,"children":4900},{"style":2212},[4901],{"type":161,"value":4902},"// provided by another module, for example nuxt-security\n",{"type":151,"tag":314,"props":4904,"children":4905},{"class":316,"line":1405},[4906,4910,4915,4919,4924],{"type":151,"tag":314,"props":4907,"children":4908},{"style":337},[4909],{"type":161,"value":2893},{"type":151,"tag":314,"props":4911,"children":4912},{"style":394},[4913],{"type":161,"value":4914}," nonce ",{"type":151,"tag":314,"props":4916,"children":4917},{"style":321},[4918],{"type":161,"value":345},{"type":151,"tag":314,"props":4920,"children":4921},{"style":2702},[4922],{"type":161,"value":4923}," useNonce",{"type":151,"tag":314,"props":4925,"children":4926},{"style":394},[4927],{"type":161,"value":2912},{"type":151,"tag":314,"props":4929,"children":4930},{"class":316,"line":1414},[4931,4935,4939],{"type":151,"tag":314,"props":4932,"children":4933},{"style":321},[4934],{"type":161,"value":1509},{"type":151,"tag":314,"props":4936,"children":4937},{"style":327},[4938],{"type":161,"value":2854},{"type":151,"tag":314,"props":4940,"children":4941},{"style":321},[4942],{"type":161,"value":986},{"type":151,"tag":265,"props":4944,"children":4946},{"id":4945},"events",[4947],{"type":161,"value":4948},"Events",{"type":151,"tag":152,"props":4950,"children":4951},{},[4952,4954,4959,4961,4966,4967,4972],{"type":161,"value":4953},"Native events emitted by the ",{"type":151,"tag":156,"props":4955,"children":4957},{"className":4956},[],[4958],{"type":161,"value":797},{"type":161,"value":4960}," element contained by ",{"type":151,"tag":156,"props":4962,"children":4964},{"className":4963},[],[4965],{"type":161,"value":25},{"type":161,"value":832},{"type":151,"tag":156,"props":4968,"children":4970},{"className":4969},[],[4971],{"type":161,"value":28},{"type":161,"value":4973}," components are re-emitted and can be listened to.",{"type":151,"tag":152,"props":4975,"children":4976},{},[4977,4981,4983,4989,4991],{"type":151,"tag":535,"props":4978,"children":4979},{},[4980],{"type":161,"value":539},{"type":161,"value":4982}," Listen to the native ",{"type":151,"tag":156,"props":4984,"children":4986},{"className":4985},[],[4987],{"type":161,"value":4988},"onLoad",{"type":161,"value":4990}," event from ",{"type":151,"tag":156,"props":4992,"children":4994},{"className":4993},[],[4995],{"type":161,"value":25},{"type":151,"tag":304,"props":4997,"children":4999},{"className":306,"code":4998,"language":308,"meta":139,"style":139},"\u003CNuxtImg\n  src=\"/images/colors.jpg\"\n  width=\"500\"\n  height=\"500\"\n  @load=\"doSomethingOnLoad\"\n/>\n",[5000],{"type":151,"tag":156,"props":5001,"children":5002},{"__ignoreMap":139},[5003,5014,5038,5062,5085,5115],{"type":151,"tag":314,"props":5004,"children":5005},{"class":316,"line":317},[5006,5010],{"type":151,"tag":314,"props":5007,"children":5008},{"style":321},[5009],{"type":161,"value":324},{"type":151,"tag":314,"props":5011,"children":5012},{"style":327},[5013],{"type":161,"value":1199},{"type":151,"tag":314,"props":5015,"children":5016},{"class":316,"line":333},[5017,5021,5025,5029,5034],{"type":151,"tag":314,"props":5018,"children":5019},{"style":337},[5020],{"type":161,"value":370},{"type":151,"tag":314,"props":5022,"children":5023},{"style":321},[5024],{"type":161,"value":345},{"type":151,"tag":314,"props":5026,"children":5027},{"style":321},[5028],{"type":161,"value":350},{"type":151,"tag":314,"props":5030,"children":5031},{"style":353},[5032],{"type":161,"value":5033},"/images/colors.jpg",{"type":151,"tag":314,"props":5035,"children":5036},{"style":321},[5037],{"type":161,"value":361},{"type":151,"tag":314,"props":5039,"children":5040},{"class":316,"line":364},[5041,5045,5049,5053,5058],{"type":151,"tag":314,"props":5042,"children":5043},{"style":337},[5044],{"type":161,"value":1256},{"type":151,"tag":314,"props":5046,"children":5047},{"style":321},[5048],{"type":161,"value":345},{"type":151,"tag":314,"props":5050,"children":5051},{"style":321},[5052],{"type":161,"value":350},{"type":151,"tag":314,"props":5054,"children":5055},{"style":353},[5056],{"type":161,"value":5057},"500",{"type":151,"tag":314,"props":5059,"children":5060},{"style":321},[5061],{"type":161,"value":361},{"type":151,"tag":314,"props":5063,"children":5064},{"class":316,"line":390},[5065,5069,5073,5077,5081],{"type":151,"tag":314,"props":5066,"children":5067},{"style":337},[5068],{"type":161,"value":1281},{"type":151,"tag":314,"props":5070,"children":5071},{"style":321},[5072],{"type":161,"value":345},{"type":151,"tag":314,"props":5074,"children":5075},{"style":321},[5076],{"type":161,"value":350},{"type":151,"tag":314,"props":5078,"children":5079},{"style":353},[5080],{"type":161,"value":5057},{"type":151,"tag":314,"props":5082,"children":5083},{"style":321},[5084],{"type":161,"value":361},{"type":151,"tag":314,"props":5086,"children":5087},{"class":316,"line":641},[5088,5093,5098,5102,5106,5111],{"type":151,"tag":314,"props":5089,"children":5090},{"style":321},[5091],{"type":161,"value":5092},"  @",{"type":151,"tag":314,"props":5094,"children":5095},{"style":337},[5096],{"type":161,"value":5097},"load",{"type":151,"tag":314,"props":5099,"children":5100},{"style":321},[5101],{"type":161,"value":345},{"type":151,"tag":314,"props":5103,"children":5104},{"style":321},[5105],{"type":161,"value":350},{"type":151,"tag":314,"props":5107,"children":5108},{"style":394},[5109],{"type":161,"value":5110},"doSomethingOnLoad",{"type":151,"tag":314,"props":5112,"children":5113},{"style":321},[5114],{"type":161,"value":361},{"type":151,"tag":314,"props":5116,"children":5117},{"class":316,"line":671},[5118],{"type":151,"tag":314,"props":5119,"children":5120},{"style":394},[5121],{"type":161,"value":397},{"type":151,"tag":757,"props":5123,"children":5124},{},[5125],{"type":161,"value":761},{"title":139,"searchDepth":333,"depth":333,"links":5127},[5128,5129,5149],{"id":137,"depth":333,"text":21},{"id":267,"depth":333,"text":270,"children":5130},[5131,5132,5133,5135,5136,5137,5138,5139,5140,5141,5142,5143,5144,5145,5146,5147,5148],{"id":1023,"depth":364,"text":1023},{"id":817,"depth":364,"text":817},{"id":1637,"depth":364,"text":5134},"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":2930,"depth":364,"text":2930},{"id":3175,"depth":364,"text":3175},{"id":3490,"depth":364,"text":3490},{"id":291,"depth":364,"text":291},{"id":3981,"depth":364,"text":3981},{"id":4117,"depth":364,"text":4117},{"id":4320,"depth":364,"text":4320},{"id":4525,"depth":364,"text":4525},{"id":4594,"depth":364,"text":4594},{"id":4702,"depth":364,"text":4702},{"id":4945,"depth":333,"text":4948},"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":5154,"links":5155,"body":5158,"_type":769,"_id":6478,"_source":771,"_file":6479,"_stem":6480,"_extension":774},"A Vue composable that returns a helper function to generate optimized image URLs.",[5156],{"label":143,"icon":144,"to":5157,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/composables.ts",{"type":148,"children":5159,"toc":6473},[5160,5199,5203,5272,5289,5513,5523,5610,5625,5633,5759,5774,6469],{"type":151,"tag":152,"props":5161,"children":5162},{},[5163,5165,5170,5171,5176,5178,5183,5185,5191,5193,5198],{"type":161,"value":5164},"Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":151,"tag":156,"props":5166,"children":5168},{"className":5167},[],[5169],{"type":161,"value":25},{"type":161,"value":832},{"type":151,"tag":156,"props":5172,"children":5174},{"className":5173},[],[5175],{"type":161,"value":28},{"type":161,"value":5177}," components. This is where ",{"type":151,"tag":156,"props":5179,"children":5181},{"className":5180},[],[5182],{"type":161,"value":31},{"type":161,"value":5184}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":151,"tag":156,"props":5186,"children":5188},{"className":5187},[],[5189],{"type":161,"value":5190},"$img",{"type":161,"value":5192}," or ",{"type":151,"tag":156,"props":5194,"children":5196},{"className":5195},[],[5197],{"type":161,"value":528},{"type":161,"value":1146},{"type":151,"tag":265,"props":5200,"children":5201},{"id":137},[5202],{"type":161,"value":21},{"type":151,"tag":304,"props":5204,"children":5208},{"className":5205,"code":5206,"language":5207,"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",[5209],{"type":151,"tag":156,"props":5210,"children":5211},{"__ignoreMap":139},[5212,5235,5242],{"type":151,"tag":314,"props":5213,"children":5214},{"class":316,"line":317},[5215,5219,5223,5227,5231],{"type":151,"tag":314,"props":5216,"children":5217},{"style":337},[5218],{"type":161,"value":2893},{"type":151,"tag":314,"props":5220,"children":5221},{"style":394},[5222],{"type":161,"value":2898},{"type":151,"tag":314,"props":5224,"children":5225},{"style":321},[5226],{"type":161,"value":345},{"type":151,"tag":314,"props":5228,"children":5229},{"style":2702},[5230],{"type":161,"value":2907},{"type":151,"tag":314,"props":5232,"children":5233},{"style":394},[5234],{"type":161,"value":2912},{"type":151,"tag":314,"props":5236,"children":5237},{"class":316,"line":333},[5238],{"type":151,"tag":314,"props":5239,"children":5240},{"emptyLinePlaceholder":1445},[5241],{"type":161,"value":1448},{"type":151,"tag":314,"props":5243,"children":5244},{"class":316,"line":364},[5245,5249,5254,5258,5263,5267],{"type":151,"tag":314,"props":5246,"children":5247},{"style":2702},[5248],{"type":161,"value":528},{"type":151,"tag":314,"props":5250,"children":5251},{"style":394},[5252],{"type":161,"value":5253},"(src",{"type":151,"tag":314,"props":5255,"children":5256},{"style":321},[5257],{"type":161,"value":1355},{"type":151,"tag":314,"props":5259,"children":5260},{"style":394},[5261],{"type":161,"value":5262}," modifiers",{"type":151,"tag":314,"props":5264,"children":5265},{"style":321},[5266],{"type":161,"value":1355},{"type":151,"tag":314,"props":5268,"children":5269},{"style":394},[5270],{"type":161,"value":5271}," options)\n",{"type":151,"tag":152,"props":5273,"children":5274},{},[5275,5279,5281,5287],{"type":151,"tag":535,"props":5276,"children":5277},{},[5278],{"type":161,"value":539},{"type":161,"value":5280}," Generate image URL for ",{"type":151,"tag":156,"props":5282,"children":5284},{"className":5283},[],[5285],{"type":161,"value":5286},"backgroundImage",{"type":161,"value":5288}," style.",{"type":151,"tag":304,"props":5290,"children":5292},{"className":5205,"code":5291,"language":5207,"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",[5293],{"type":151,"tag":156,"props":5294,"children":5295},{"__ignoreMap":139},[5296,5319,5326,5365,5436,5443,5502],{"type":151,"tag":314,"props":5297,"children":5298},{"class":316,"line":317},[5299,5303,5307,5311,5315],{"type":151,"tag":314,"props":5300,"children":5301},{"style":337},[5302],{"type":161,"value":2893},{"type":151,"tag":314,"props":5304,"children":5305},{"style":394},[5306],{"type":161,"value":2898},{"type":151,"tag":314,"props":5308,"children":5309},{"style":321},[5310],{"type":161,"value":345},{"type":151,"tag":314,"props":5312,"children":5313},{"style":2702},[5314],{"type":161,"value":2907},{"type":151,"tag":314,"props":5316,"children":5317},{"style":394},[5318],{"type":161,"value":2912},{"type":151,"tag":314,"props":5320,"children":5321},{"class":316,"line":333},[5322],{"type":151,"tag":314,"props":5323,"children":5324},{"emptyLinePlaceholder":1445},[5325],{"type":161,"value":1448},{"type":151,"tag":314,"props":5327,"children":5328},{"class":316,"line":364},[5329,5333,5338,5342,5347,5351,5356,5361],{"type":151,"tag":314,"props":5330,"children":5331},{"style":337},[5332],{"type":161,"value":2893},{"type":151,"tag":314,"props":5334,"children":5335},{"style":394},[5336],{"type":161,"value":5337}," backgroundStyles ",{"type":151,"tag":314,"props":5339,"children":5340},{"style":321},[5341],{"type":161,"value":345},{"type":151,"tag":314,"props":5343,"children":5344},{"style":2702},[5345],{"type":161,"value":5346}," computed",{"type":151,"tag":314,"props":5348,"children":5349},{"style":394},[5350],{"type":161,"value":2709},{"type":151,"tag":314,"props":5352,"children":5353},{"style":321},[5354],{"type":161,"value":5355},"()",{"type":151,"tag":314,"props":5357,"children":5358},{"style":337},[5359],{"type":161,"value":5360}," =>",{"type":151,"tag":314,"props":5362,"children":5363},{"style":321},[5364],{"type":161,"value":3156},{"type":151,"tag":314,"props":5366,"children":5367},{"class":316,"line":390},[5368,5373,5378,5383,5388,5392,5396,5401,5405,5409,5414,5419,5423,5428,5432],{"type":151,"tag":314,"props":5369,"children":5370},{"style":337},[5371],{"type":161,"value":5372},"  const",{"type":151,"tag":314,"props":5374,"children":5375},{"style":394},[5376],{"type":161,"value":5377}," imgUrl",{"type":151,"tag":314,"props":5379,"children":5380},{"style":321},[5381],{"type":161,"value":5382}," =",{"type":151,"tag":314,"props":5384,"children":5385},{"style":2702},[5386],{"type":161,"value":5387}," img",{"type":151,"tag":314,"props":5389,"children":5390},{"style":327},[5391],{"type":161,"value":2709},{"type":151,"tag":314,"props":5393,"children":5394},{"style":321},[5395],{"type":161,"value":633},{"type":151,"tag":314,"props":5397,"children":5398},{"style":353},[5399],{"type":161,"value":5400},"https://github.com/nuxt.png",{"type":151,"tag":314,"props":5402,"children":5403},{"style":321},[5404],{"type":161,"value":633},{"type":151,"tag":314,"props":5406,"children":5407},{"style":321},[5408],{"type":161,"value":1355},{"type":151,"tag":314,"props":5410,"children":5411},{"style":321},[5412],{"type":161,"value":5413}," {",{"type":151,"tag":314,"props":5415,"children":5416},{"style":327},[5417],{"type":161,"value":5418}," width",{"type":151,"tag":314,"props":5420,"children":5421},{"style":321},[5422],{"type":161,"value":618},{"type":151,"tag":314,"props":5424,"children":5425},{"style":2326},[5426],{"type":161,"value":5427}," 100",{"type":151,"tag":314,"props":5429,"children":5430},{"style":321},[5431],{"type":161,"value":4511},{"type":151,"tag":314,"props":5433,"children":5434},{"style":327},[5435],{"type":161,"value":3487},{"type":151,"tag":314,"props":5437,"children":5438},{"class":316,"line":641},[5439],{"type":151,"tag":314,"props":5440,"children":5441},{"emptyLinePlaceholder":1445},[5442],{"type":161,"value":1448},{"type":151,"tag":314,"props":5444,"children":5445},{"class":316,"line":671},[5446,5451,5455,5460,5464,5469,5474,5479,5484,5488,5493,5497],{"type":151,"tag":314,"props":5447,"children":5448},{"style":3381},[5449],{"type":161,"value":5450},"  return",{"type":151,"tag":314,"props":5452,"children":5453},{"style":321},[5454],{"type":161,"value":5413},{"type":151,"tag":314,"props":5456,"children":5457},{"style":327},[5458],{"type":161,"value":5459}," backgroundImage",{"type":151,"tag":314,"props":5461,"children":5462},{"style":321},[5463],{"type":161,"value":618},{"type":151,"tag":314,"props":5465,"children":5466},{"style":321},[5467],{"type":161,"value":5468}," `",{"type":151,"tag":314,"props":5470,"children":5471},{"style":353},[5472],{"type":161,"value":5473},"url('",{"type":151,"tag":314,"props":5475,"children":5476},{"style":321},[5477],{"type":161,"value":5478},"${",{"type":151,"tag":314,"props":5480,"children":5481},{"style":394},[5482],{"type":161,"value":5483},"imgUrl",{"type":151,"tag":314,"props":5485,"children":5486},{"style":321},[5487],{"type":161,"value":1374},{"type":151,"tag":314,"props":5489,"children":5490},{"style":353},[5491],{"type":161,"value":5492},"')",{"type":151,"tag":314,"props":5494,"children":5495},{"style":321},[5496],{"type":161,"value":2714},{"type":151,"tag":314,"props":5498,"children":5499},{"style":321},[5500],{"type":161,"value":5501}," }\n",{"type":151,"tag":314,"props":5503,"children":5504},{"class":316,"line":701},[5505,5509],{"type":151,"tag":314,"props":5506,"children":5507},{"style":321},[5508],{"type":161,"value":1374},{"type":151,"tag":314,"props":5510,"children":5511},{"style":394},[5512],{"type":161,"value":3487},{"type":151,"tag":289,"props":5514,"children":5516},{"id":5515},"imggetsizes",[5517],{"type":151,"tag":156,"props":5518,"children":5520},{"className":5519},[],[5521],{"type":161,"value":5522},"img.getSizes",{"type":151,"tag":304,"props":5524,"children":5526},{"className":5205,"code":5525,"language":5207,"meta":139,"style":139},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[5527],{"type":151,"tag":156,"props":5528,"children":5529},{"__ignoreMap":139},[5530,5553,5560],{"type":151,"tag":314,"props":5531,"children":5532},{"class":316,"line":317},[5533,5537,5541,5545,5549],{"type":151,"tag":314,"props":5534,"children":5535},{"style":337},[5536],{"type":161,"value":2893},{"type":151,"tag":314,"props":5538,"children":5539},{"style":394},[5540],{"type":161,"value":2898},{"type":151,"tag":314,"props":5542,"children":5543},{"style":321},[5544],{"type":161,"value":345},{"type":151,"tag":314,"props":5546,"children":5547},{"style":2702},[5548],{"type":161,"value":2907},{"type":151,"tag":314,"props":5550,"children":5551},{"style":394},[5552],{"type":161,"value":2912},{"type":151,"tag":314,"props":5554,"children":5555},{"class":316,"line":333},[5556],{"type":151,"tag":314,"props":5557,"children":5558},{"emptyLinePlaceholder":1445},[5559],{"type":161,"value":1448},{"type":151,"tag":314,"props":5561,"children":5562},{"class":316,"line":364},[5563,5567,5571,5576,5580,5584,5588,5593,5597,5602,5606],{"type":151,"tag":314,"props":5564,"children":5565},{"style":394},[5566],{"type":161,"value":528},{"type":151,"tag":314,"props":5568,"children":5569},{"style":321},[5570],{"type":161,"value":223},{"type":151,"tag":314,"props":5572,"children":5573},{"style":2702},[5574],{"type":161,"value":5575},"getSizes",{"type":151,"tag":314,"props":5577,"children":5578},{"style":394},[5579],{"type":161,"value":5253},{"type":151,"tag":314,"props":5581,"children":5582},{"style":321},[5583],{"type":161,"value":1355},{"type":151,"tag":314,"props":5585,"children":5586},{"style":321},[5587],{"type":161,"value":5413},{"type":151,"tag":314,"props":5589,"children":5590},{"style":394},[5591],{"type":161,"value":5592}," sizes",{"type":151,"tag":314,"props":5594,"children":5595},{"style":321},[5596],{"type":161,"value":1355},{"type":151,"tag":314,"props":5598,"children":5599},{"style":394},[5600],{"type":161,"value":5601}," modifiers ",{"type":151,"tag":314,"props":5603,"children":5604},{"style":321},[5605],{"type":161,"value":1374},{"type":151,"tag":314,"props":5607,"children":5608},{"style":394},[5609],{"type":161,"value":3487},{"type":151,"tag":225,"props":5611,"children":5612},{},[5613],{"type":151,"tag":152,"props":5614,"children":5615},{},[5616,5618,5623],{"type":161,"value":5617},"Unstable: ",{"type":151,"tag":156,"props":5619,"children":5621},{"className":5620},[],[5622],{"type":161,"value":5575},{"type":161,"value":5624}," API might change or be removed.",{"type":151,"tag":152,"props":5626,"children":5627},{},[5628],{"type":151,"tag":535,"props":5629,"children":5630},{},[5631],{"type":161,"value":5632},"Parameters:",{"type":151,"tag":462,"props":5634,"children":5635},{},[5636,5646,5656,5714],{"type":151,"tag":466,"props":5637,"children":5638},{},[5639,5644],{"type":151,"tag":156,"props":5640,"children":5642},{"className":5641},[],[5643],{"type":161,"value":817},{"type":161,"value":5645},": (string) Source to original image id",{"type":151,"tag":466,"props":5647,"children":5648},{},[5649,5654],{"type":151,"tag":156,"props":5650,"children":5652},{"className":5651},[],[5653],{"type":161,"value":849},{"type":161,"value":5655},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":151,"tag":466,"props":5657,"children":5658},{},[5659,5664,5666],{"type":151,"tag":156,"props":5660,"children":5662},{"className":5661},[],[5663],{"type":161,"value":4320},{"type":161,"value":5665},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":151,"tag":462,"props":5667,"children":5668},{},[5669,5679,5689,5699,5709],{"type":151,"tag":466,"props":5670,"children":5671},{},[5672,5677],{"type":151,"tag":156,"props":5673,"children":5675},{"className":5674},[],[5676],{"type":161,"value":830},{"type":161,"value":5678},": resize to the specified width (in pixels)",{"type":151,"tag":466,"props":5680,"children":5681},{},[5682,5687],{"type":151,"tag":156,"props":5683,"children":5685},{"className":5684},[],[5686],{"type":161,"value":838},{"type":161,"value":5688},": resize to specified height (in pixels)",{"type":151,"tag":466,"props":5690,"children":5691},{},[5692,5697],{"type":151,"tag":156,"props":5693,"children":5695},{"className":5694},[],[5696],{"type":161,"value":3981},{"type":161,"value":5698},": Change image quality (0 to 100)",{"type":151,"tag":466,"props":5700,"children":5701},{},[5702,5707],{"type":151,"tag":156,"props":5703,"children":5705},{"className":5704},[],[5706],{"type":161,"value":291},{"type":161,"value":5708},": Change the image format",{"type":151,"tag":466,"props":5710,"children":5711},{},[5712],{"type":161,"value":5713},"(any other custom provider modifier)",{"type":151,"tag":466,"props":5715,"children":5716},{},[5717,5723,5725],{"type":151,"tag":156,"props":5718,"children":5720},{"className":5719},[],[5721],{"type":161,"value":5722},"options",{"type":161,"value":5724},": (object)\n",{"type":151,"tag":462,"props":5726,"children":5727},{},[5728,5745],{"type":151,"tag":466,"props":5729,"children":5730},{},[5731,5736,5738,5744],{"type":151,"tag":156,"props":5732,"children":5734},{"className":5733},[],[5735],{"type":161,"value":3175},{"type":161,"value":5737},": (string) Provider name other than default (see ",{"type":151,"tag":185,"props":5739,"children":5741},{"href":5740},"/get-started/configuration#providers",[5742],{"type":161,"value":5743},"providers",{"type":161,"value":1679},{"type":151,"tag":466,"props":5746,"children":5747},{},[5748,5753,5755],{"type":151,"tag":156,"props":5749,"children":5751},{"className":5750},[],[5752],{"type":161,"value":3490},{"type":161,"value":5754},": Use a ",{"type":151,"tag":185,"props":5756,"children":5757},{"href":3512},[5758],{"type":161,"value":3490},{"type":151,"tag":152,"props":5760,"children":5761},{},[5762,5766,5768],{"type":151,"tag":535,"props":5763,"children":5764},{},[5765],{"type":161,"value":539},{"type":161,"value":5767}," Responsive srcset with Vuetify ",{"type":151,"tag":156,"props":5769,"children":5771},{"className":5770},[],[5772],{"type":161,"value":5773},"v-img",{"type":151,"tag":304,"props":5775,"children":5777},{"className":944,"code":5776,"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",[5778],{"type":151,"tag":156,"props":5779,"children":5780},{"__ignoreMap":139},[5781,5796,5808,5833,5858,5883,5907,5932,5939,5954,5961,6000,6029,6044,6074,6091,6099,6114,6134,6158,6165,6176,6183,6207,6215,6252,6296,6326,6343,6372,6394,6421,6429,6441,6453],{"type":151,"tag":314,"props":5782,"children":5783},{"class":316,"line":317},[5784,5788,5792],{"type":151,"tag":314,"props":5785,"children":5786},{"style":321},[5787],{"type":161,"value":324},{"type":151,"tag":314,"props":5789,"children":5790},{"style":327},[5791],{"type":161,"value":2638},{"type":151,"tag":314,"props":5793,"children":5794},{"style":321},[5795],{"type":161,"value":986},{"type":151,"tag":314,"props":5797,"children":5798},{"class":316,"line":333},[5799,5803],{"type":151,"tag":314,"props":5800,"children":5801},{"style":321},[5802],{"type":161,"value":2650},{"type":151,"tag":314,"props":5804,"children":5805},{"style":327},[5806],{"type":161,"value":5807},"v-img\n",{"type":151,"tag":314,"props":5809,"children":5810},{"class":316,"line":364},[5811,5816,5820,5824,5829],{"type":151,"tag":314,"props":5812,"children":5813},{"style":337},[5814],{"type":161,"value":5815},"    :lazy-src",{"type":151,"tag":314,"props":5817,"children":5818},{"style":321},[5819],{"type":161,"value":345},{"type":151,"tag":314,"props":5821,"children":5822},{"style":321},[5823],{"type":161,"value":350},{"type":151,"tag":314,"props":5825,"children":5826},{"style":353},[5827],{"type":161,"value":5828},"img(src, { width: 10, quality: 70 })",{"type":151,"tag":314,"props":5830,"children":5831},{"style":321},[5832],{"type":161,"value":361},{"type":151,"tag":314,"props":5834,"children":5835},{"class":316,"line":390},[5836,5841,5845,5849,5854],{"type":151,"tag":314,"props":5837,"children":5838},{"style":337},[5839],{"type":161,"value":5840},"    :src",{"type":151,"tag":314,"props":5842,"children":5843},{"style":321},[5844],{"type":161,"value":345},{"type":151,"tag":314,"props":5846,"children":5847},{"style":321},[5848],{"type":161,"value":350},{"type":151,"tag":314,"props":5850,"children":5851},{"style":353},[5852],{"type":161,"value":5853},"img(src, { height, quality: 70 })",{"type":151,"tag":314,"props":5855,"children":5856},{"style":321},[5857],{"type":161,"value":361},{"type":151,"tag":314,"props":5859,"children":5860},{"class":316,"line":641},[5861,5866,5870,5874,5879],{"type":151,"tag":314,"props":5862,"children":5863},{"style":337},[5864],{"type":161,"value":5865},"    :srcset",{"type":151,"tag":314,"props":5867,"children":5868},{"style":321},[5869],{"type":161,"value":345},{"type":151,"tag":314,"props":5871,"children":5872},{"style":321},[5873],{"type":161,"value":350},{"type":151,"tag":314,"props":5875,"children":5876},{"style":353},[5877],{"type":161,"value":5878},"_srcset.srcset",{"type":151,"tag":314,"props":5880,"children":5881},{"style":321},[5882],{"type":161,"value":361},{"type":151,"tag":314,"props":5884,"children":5885},{"class":316,"line":671},[5886,5891,5895,5899,5903],{"type":151,"tag":314,"props":5887,"children":5888},{"style":337},[5889],{"type":161,"value":5890},"    :height",{"type":151,"tag":314,"props":5892,"children":5893},{"style":321},[5894],{"type":161,"value":345},{"type":151,"tag":314,"props":5896,"children":5897},{"style":321},[5898],{"type":161,"value":350},{"type":151,"tag":314,"props":5900,"children":5901},{"style":353},[5902],{"type":161,"value":838},{"type":151,"tag":314,"props":5904,"children":5905},{"style":321},[5906],{"type":161,"value":361},{"type":151,"tag":314,"props":5908,"children":5909},{"class":316,"line":701},[5910,5915,5919,5923,5928],{"type":151,"tag":314,"props":5911,"children":5912},{"style":337},[5913],{"type":161,"value":5914},"    :sizes",{"type":151,"tag":314,"props":5916,"children":5917},{"style":321},[5918],{"type":161,"value":345},{"type":151,"tag":314,"props":5920,"children":5921},{"style":321},[5922],{"type":161,"value":350},{"type":151,"tag":314,"props":5924,"children":5925},{"style":353},[5926],{"type":161,"value":5927},"_srcset.sizes",{"type":151,"tag":314,"props":5929,"children":5930},{"style":321},[5931],{"type":161,"value":361},{"type":151,"tag":314,"props":5933,"children":5934},{"class":316,"line":737},[5935],{"type":151,"tag":314,"props":5936,"children":5937},{"style":321},[5938],{"type":161,"value":2820},{"type":151,"tag":314,"props":5940,"children":5941},{"class":316,"line":750},[5942,5946,5950],{"type":151,"tag":314,"props":5943,"children":5944},{"style":321},[5945],{"type":161,"value":1509},{"type":151,"tag":314,"props":5947,"children":5948},{"style":327},[5949],{"type":161,"value":2638},{"type":151,"tag":314,"props":5951,"children":5952},{"style":321},[5953],{"type":161,"value":986},{"type":151,"tag":314,"props":5955,"children":5956},{"class":316,"line":1396},[5957],{"type":151,"tag":314,"props":5958,"children":5959},{"emptyLinePlaceholder":1445},[5960],{"type":161,"value":1448},{"type":151,"tag":314,"props":5962,"children":5963},{"class":316,"line":1405},[5964,5968,5972,5976,5980,5984,5988,5992,5996],{"type":151,"tag":314,"props":5965,"children":5966},{"style":321},[5967],{"type":161,"value":324},{"type":151,"tag":314,"props":5969,"children":5970},{"style":327},[5971],{"type":161,"value":2854},{"type":151,"tag":314,"props":5973,"children":5974},{"style":337},[5975],{"type":161,"value":2859},{"type":151,"tag":314,"props":5977,"children":5978},{"style":337},[5979],{"type":161,"value":2864},{"type":151,"tag":314,"props":5981,"children":5982},{"style":321},[5983],{"type":161,"value":345},{"type":151,"tag":314,"props":5985,"children":5986},{"style":321},[5987],{"type":161,"value":350},{"type":151,"tag":314,"props":5989,"children":5990},{"style":353},[5991],{"type":161,"value":2877},{"type":151,"tag":314,"props":5993,"children":5994},{"style":321},[5995],{"type":161,"value":350},{"type":151,"tag":314,"props":5997,"children":5998},{"style":321},[5999],{"type":161,"value":986},{"type":151,"tag":314,"props":6001,"children":6002},{"class":316,"line":1414},[6003,6007,6012,6016,6021,6025],{"type":151,"tag":314,"props":6004,"children":6005},{"style":337},[6006],{"type":161,"value":2893},{"type":151,"tag":314,"props":6008,"children":6009},{"style":394},[6010],{"type":161,"value":6011}," props ",{"type":151,"tag":314,"props":6013,"children":6014},{"style":321},[6015],{"type":161,"value":345},{"type":151,"tag":314,"props":6017,"children":6018},{"style":2702},[6019],{"type":161,"value":6020}," defineProps",{"type":151,"tag":314,"props":6022,"children":6023},{"style":394},[6024],{"type":161,"value":2709},{"type":151,"tag":314,"props":6026,"children":6027},{"style":321},[6028],{"type":161,"value":605},{"type":151,"tag":314,"props":6030,"children":6031},{"class":316,"line":1423},[6032,6036,6040],{"type":151,"tag":314,"props":6033,"children":6034},{"style":327},[6035],{"type":161,"value":1281},{"type":151,"tag":314,"props":6037,"children":6038},{"style":321},[6039],{"type":161,"value":618},{"type":151,"tag":314,"props":6041,"children":6042},{"style":321},[6043],{"type":161,"value":3156},{"type":151,"tag":314,"props":6045,"children":6046},{"class":316,"line":1432},[6047,6052,6056,6061,6065,6070],{"type":151,"tag":314,"props":6048,"children":6049},{"style":327},[6050],{"type":161,"value":6051},"    type",{"type":151,"tag":314,"props":6053,"children":6054},{"style":321},[6055],{"type":161,"value":618},{"type":151,"tag":314,"props":6057,"children":6058},{"style":394},[6059],{"type":161,"value":6060}," [Number",{"type":151,"tag":314,"props":6062,"children":6063},{"style":321},[6064],{"type":161,"value":1355},{"type":151,"tag":314,"props":6066,"children":6067},{"style":394},[6068],{"type":161,"value":6069}," String]",{"type":151,"tag":314,"props":6071,"children":6072},{"style":321},[6073],{"type":161,"value":638},{"type":151,"tag":314,"props":6075,"children":6076},{"class":316,"line":1441},[6077,6082,6086],{"type":151,"tag":314,"props":6078,"children":6079},{"style":327},[6080],{"type":161,"value":6081},"    default",{"type":151,"tag":314,"props":6083,"children":6084},{"style":321},[6085],{"type":161,"value":618},{"type":151,"tag":314,"props":6087,"children":6088},{"style":2326},[6089],{"type":161,"value":6090}," 500\n",{"type":151,"tag":314,"props":6092,"children":6093},{"class":316,"line":1451},[6094],{"type":151,"tag":314,"props":6095,"children":6096},{"style":321},[6097],{"type":161,"value":6098},"  },\n",{"type":151,"tag":314,"props":6100,"children":6101},{"class":316,"line":1460},[6102,6106,6110],{"type":151,"tag":314,"props":6103,"children":6104},{"style":327},[6105],{"type":161,"value":370},{"type":151,"tag":314,"props":6107,"children":6108},{"style":321},[6109],{"type":161,"value":618},{"type":151,"tag":314,"props":6111,"children":6112},{"style":321},[6113],{"type":161,"value":3156},{"type":151,"tag":314,"props":6115,"children":6116},{"class":316,"line":1468},[6117,6121,6125,6130],{"type":151,"tag":314,"props":6118,"children":6119},{"style":327},[6120],{"type":161,"value":6051},{"type":151,"tag":314,"props":6122,"children":6123},{"style":321},[6124],{"type":161,"value":618},{"type":151,"tag":314,"props":6126,"children":6127},{"style":394},[6128],{"type":161,"value":6129}," String",{"type":151,"tag":314,"props":6131,"children":6132},{"style":321},[6133],{"type":161,"value":638},{"type":151,"tag":314,"props":6135,"children":6136},{"class":316,"line":1477},[6137,6141,6145,6149,6154],{"type":151,"tag":314,"props":6138,"children":6139},{"style":327},[6140],{"type":161,"value":6081},{"type":151,"tag":314,"props":6142,"children":6143},{"style":321},[6144],{"type":161,"value":618},{"type":151,"tag":314,"props":6146,"children":6147},{"style":321},[6148],{"type":161,"value":623},{"type":151,"tag":314,"props":6150,"children":6151},{"style":353},[6152],{"type":161,"value":6153},"/img/header-bg.jpg",{"type":151,"tag":314,"props":6155,"children":6156},{"style":321},[6157],{"type":161,"value":734},{"type":151,"tag":314,"props":6159,"children":6160},{"class":316,"line":1486},[6161],{"type":151,"tag":314,"props":6162,"children":6163},{"style":321},[6164],{"type":161,"value":3475},{"type":151,"tag":314,"props":6166,"children":6167},{"class":316,"line":1495},[6168,6172],{"type":151,"tag":314,"props":6169,"children":6170},{"style":321},[6171],{"type":161,"value":1374},{"type":151,"tag":314,"props":6173,"children":6174},{"style":394},[6175],{"type":161,"value":3487},{"type":151,"tag":314,"props":6177,"children":6178},{"class":316,"line":1503},[6179],{"type":151,"tag":314,"props":6180,"children":6181},{"emptyLinePlaceholder":1445},[6182],{"type":161,"value":1448},{"type":151,"tag":314,"props":6184,"children":6186},{"class":316,"line":6185},23,[6187,6191,6195,6199,6203],{"type":151,"tag":314,"props":6188,"children":6189},{"style":337},[6190],{"type":161,"value":2893},{"type":151,"tag":314,"props":6192,"children":6193},{"style":394},[6194],{"type":161,"value":2898},{"type":151,"tag":314,"props":6196,"children":6197},{"style":321},[6198],{"type":161,"value":345},{"type":151,"tag":314,"props":6200,"children":6201},{"style":2702},[6202],{"type":161,"value":2907},{"type":151,"tag":314,"props":6204,"children":6205},{"style":394},[6206],{"type":161,"value":2912},{"type":151,"tag":314,"props":6208,"children":6210},{"class":316,"line":6209},24,[6211],{"type":151,"tag":314,"props":6212,"children":6213},{"emptyLinePlaceholder":1445},[6214],{"type":161,"value":1448},{"type":151,"tag":314,"props":6216,"children":6218},{"class":316,"line":6217},25,[6219,6223,6228,6232,6236,6240,6244,6248],{"type":151,"tag":314,"props":6220,"children":6221},{"style":337},[6222],{"type":161,"value":2893},{"type":151,"tag":314,"props":6224,"children":6225},{"style":394},[6226],{"type":161,"value":6227}," _srcset ",{"type":151,"tag":314,"props":6229,"children":6230},{"style":321},[6231],{"type":161,"value":345},{"type":151,"tag":314,"props":6233,"children":6234},{"style":2702},[6235],{"type":161,"value":5346},{"type":151,"tag":314,"props":6237,"children":6238},{"style":394},[6239],{"type":161,"value":2709},{"type":151,"tag":314,"props":6241,"children":6242},{"style":321},[6243],{"type":161,"value":5355},{"type":151,"tag":314,"props":6245,"children":6246},{"style":337},[6247],{"type":161,"value":5360},{"type":151,"tag":314,"props":6249,"children":6250},{"style":321},[6251],{"type":161,"value":3156},{"type":151,"tag":314,"props":6253,"children":6255},{"class":316,"line":6254},26,[6256,6260,6264,6268,6272,6276,6280,6284,6288,6292],{"type":151,"tag":314,"props":6257,"children":6258},{"style":3381},[6259],{"type":161,"value":5450},{"type":151,"tag":314,"props":6261,"children":6262},{"style":394},[6263],{"type":161,"value":5387},{"type":151,"tag":314,"props":6265,"children":6266},{"style":321},[6267],{"type":161,"value":223},{"type":151,"tag":314,"props":6269,"children":6270},{"style":2702},[6271],{"type":161,"value":5575},{"type":151,"tag":314,"props":6273,"children":6274},{"style":327},[6275],{"type":161,"value":2709},{"type":151,"tag":314,"props":6277,"children":6278},{"style":394},[6279],{"type":161,"value":267},{"type":151,"tag":314,"props":6281,"children":6282},{"style":321},[6283],{"type":161,"value":223},{"type":151,"tag":314,"props":6285,"children":6286},{"style":394},[6287],{"type":161,"value":817},{"type":151,"tag":314,"props":6289,"children":6290},{"style":321},[6291],{"type":161,"value":1355},{"type":151,"tag":314,"props":6293,"children":6294},{"style":321},[6295],{"type":161,"value":3156},{"type":151,"tag":314,"props":6297,"children":6299},{"class":316,"line":6298},27,[6300,6305,6309,6313,6318,6322],{"type":151,"tag":314,"props":6301,"children":6302},{"style":327},[6303],{"type":161,"value":6304},"    sizes",{"type":151,"tag":314,"props":6306,"children":6307},{"style":321},[6308],{"type":161,"value":618},{"type":151,"tag":314,"props":6310,"children":6311},{"style":321},[6312],{"type":161,"value":623},{"type":151,"tag":314,"props":6314,"children":6315},{"style":353},[6316],{"type":161,"value":6317},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":151,"tag":314,"props":6319,"children":6320},{"style":321},[6321],{"type":161,"value":633},{"type":151,"tag":314,"props":6323,"children":6324},{"style":321},[6325],{"type":161,"value":638},{"type":151,"tag":314,"props":6327,"children":6329},{"class":316,"line":6328},28,[6330,6335,6339],{"type":151,"tag":314,"props":6331,"children":6332},{"style":327},[6333],{"type":161,"value":6334},"    modifiers",{"type":151,"tag":314,"props":6336,"children":6337},{"style":321},[6338],{"type":161,"value":618},{"type":151,"tag":314,"props":6340,"children":6341},{"style":321},[6342],{"type":161,"value":3156},{"type":151,"tag":314,"props":6344,"children":6346},{"class":316,"line":6345},29,[6347,6352,6356,6360,6364,6368],{"type":151,"tag":314,"props":6348,"children":6349},{"style":327},[6350],{"type":161,"value":6351},"      format",{"type":151,"tag":314,"props":6353,"children":6354},{"style":321},[6355],{"type":161,"value":618},{"type":151,"tag":314,"props":6357,"children":6358},{"style":321},[6359],{"type":161,"value":623},{"type":151,"tag":314,"props":6361,"children":6362},{"style":353},[6363],{"type":161,"value":201},{"type":151,"tag":314,"props":6365,"children":6366},{"style":321},[6367],{"type":161,"value":633},{"type":151,"tag":314,"props":6369,"children":6370},{"style":321},[6371],{"type":161,"value":638},{"type":151,"tag":314,"props":6373,"children":6375},{"class":316,"line":6374},30,[6376,6381,6385,6390],{"type":151,"tag":314,"props":6377,"children":6378},{"style":327},[6379],{"type":161,"value":6380},"      quality",{"type":151,"tag":314,"props":6382,"children":6383},{"style":321},[6384],{"type":161,"value":618},{"type":151,"tag":314,"props":6386,"children":6387},{"style":2326},[6388],{"type":161,"value":6389}," 70",{"type":151,"tag":314,"props":6391,"children":6392},{"style":321},[6393],{"type":161,"value":638},{"type":151,"tag":314,"props":6395,"children":6397},{"class":316,"line":6396},31,[6398,6403,6407,6412,6416],{"type":151,"tag":314,"props":6399,"children":6400},{"style":327},[6401],{"type":161,"value":6402},"      height",{"type":151,"tag":314,"props":6404,"children":6405},{"style":321},[6406],{"type":161,"value":618},{"type":151,"tag":314,"props":6408,"children":6409},{"style":394},[6410],{"type":161,"value":6411}," props",{"type":151,"tag":314,"props":6413,"children":6414},{"style":321},[6415],{"type":161,"value":223},{"type":151,"tag":314,"props":6417,"children":6418},{"style":394},[6419],{"type":161,"value":6420},"height\n",{"type":151,"tag":314,"props":6422,"children":6424},{"class":316,"line":6423},32,[6425],{"type":151,"tag":314,"props":6426,"children":6427},{"style":321},[6428],{"type":161,"value":3467},{"type":151,"tag":314,"props":6430,"children":6432},{"class":316,"line":6431},33,[6433,6437],{"type":151,"tag":314,"props":6434,"children":6435},{"style":321},[6436],{"type":161,"value":743},{"type":151,"tag":314,"props":6438,"children":6439},{"style":327},[6440],{"type":161,"value":3487},{"type":151,"tag":314,"props":6442,"children":6444},{"class":316,"line":6443},34,[6445,6449],{"type":151,"tag":314,"props":6446,"children":6447},{"style":321},[6448],{"type":161,"value":1374},{"type":151,"tag":314,"props":6450,"children":6451},{"style":394},[6452],{"type":161,"value":3487},{"type":151,"tag":314,"props":6454,"children":6456},{"class":316,"line":6455},35,[6457,6461,6465],{"type":151,"tag":314,"props":6458,"children":6459},{"style":321},[6460],{"type":161,"value":1509},{"type":151,"tag":314,"props":6462,"children":6463},{"style":327},[6464],{"type":161,"value":2854},{"type":151,"tag":314,"props":6466,"children":6467},{"style":321},[6468],{"type":161,"value":986},{"type":151,"tag":757,"props":6470,"children":6471},{},[6472],{"type":161,"value":761},{"title":139,"searchDepth":333,"depth":333,"links":6474},[6475],{"id":137,"depth":333,"text":21,"children":6476},[6477],{"id":5515,"depth":364,"text":5522},"content:2.usage:3.use-image.md","2.usage/3.use-image.md","2.usage/3.use-image",1741385738469]