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