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