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