[{"data":1,"prerenderedAt":4254},["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":4251,"_source":376,"_file":4252,"_stem":4253,"_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":4229},[698,716,781,785,810,861,866,908,937,943,951,956,981,1024,1045,1061,1066,1090,1098,1103,1116,1129,1180,1188,1266,1275,1280,1287,1440,1449,1454,1459,1804,1819,2102,2111,2130,2281,2357,2366,2385,2392,2683,2692,2697,2718,3047,3056,3061,3130,3182,3191,3196,3305,3314,3326,3383,3486,3494,3503,3508,3520,3527,3671,3680,3693,3740,3749,3772,3785,3849,3858,3885,4051,4057,4082,4104,4225],{"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":945},{"id":734},[946],{"type":145,"tag":199,"props":947,"children":949},{"className":948},[],[950],{"type":154,"value":734},{"type":145,"tag":150,"props":952,"children":953},{},[954],{"type":154,"value":955},"Path to image file",{"type":145,"tag":150,"props":957,"children":958},{},[959,964,966,971,973,979],{"type":145,"tag":199,"props":960,"children":962},{"className":961},[],[963],{"type":154,"value":734},{"type":154,"value":965}," should be in the form of an absolute path for static images in ",{"type":145,"tag":199,"props":967,"children":969},{"className":968},[],[970],{"type":154,"value":473},{"type":154,"value":972}," directory.\nOtherwise path that is expected by provider that starts with ",{"type":145,"tag":199,"props":974,"children":976},{"className":975},[],[977],{"type":154,"value":978},"/",{"type":154,"value":980}," or a URL.",{"type":145,"tag":577,"props":982,"children":984},{"className":812,"code":983,"language":814,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" />\n",[985],{"type":145,"tag":199,"props":986,"children":987},{"__ignoreMap":139},[988],{"type":145,"tag":587,"props":989,"children":990},{"class":589,"line":590},[991,995,999,1003,1007,1011,1016,1020],{"type":145,"tag":587,"props":992,"children":993},{"style":599},[994],{"type":154,"value":826},{"type":145,"tag":587,"props":996,"children":997},{"style":829},[998],{"type":154,"value":832},{"type":145,"tag":587,"props":1000,"children":1001},{"style":835},[1002],{"type":154,"value":838},{"type":145,"tag":587,"props":1004,"children":1005},{"style":599},[1006],{"type":154,"value":602},{"type":145,"tag":587,"props":1008,"children":1009},{"style":599},[1010],{"type":154,"value":607},{"type":145,"tag":587,"props":1012,"children":1013},{"style":610},[1014],{"type":154,"value":1015},"/nuxt.png",{"type":145,"tag":587,"props":1017,"children":1018},{"style":599},[1019],{"type":154,"value":607},{"type":145,"tag":587,"props":1021,"children":1022},{"style":599},[1023],{"type":154,"value":860},{"type":145,"tag":150,"props":1025,"children":1026},{},[1027,1029,1034,1036,1044],{"type":154,"value":1028},"For image optimization when using external urls in ",{"type":145,"tag":199,"props":1030,"children":1032},{"className":1031},[],[1033],{"type":154,"value":734},{"type":154,"value":1035},", we need to whitelist them using ",{"type":145,"tag":157,"props":1037,"children":1038},{"href":553},[1039],{"type":145,"tag":199,"props":1040,"children":1042},{"className":1041},[],[1043],{"type":154,"value":560},{"type":154,"value":562},{"type":145,"tag":230,"props":1046,"children":1048},{"id":1047},"width-height",[1049,1054,1056],{"type":145,"tag":199,"props":1050,"children":1052},{"className":1051},[],[1053],{"type":154,"value":747},{"type":154,"value":1055}," / ",{"type":145,"tag":199,"props":1057,"children":1059},{"className":1058},[],[1060],{"type":154,"value":755},{"type":145,"tag":150,"props":1062,"children":1063},{},[1064],{"type":154,"value":1065},"Specify width/height of the image.",{"type":145,"tag":175,"props":1067,"children":1068},{},[1069,1074],{"type":145,"tag":179,"props":1070,"children":1071},{},[1072],{"type":154,"value":1073},"Use desired width/height for static sized images like icons or avatars",{"type":145,"tag":179,"props":1075,"children":1076},{},[1077,1079,1088],{"type":154,"value":1078},"Use original image width/height for responsive images (when using ",{"type":145,"tag":157,"props":1080,"children":1082},{"href":1081},"#sizes",[1083],{"type":145,"tag":199,"props":1084,"children":1086},{"className":1085},[],[1087],{"type":154,"value":766},{"type":154,"value":1089},")",{"type":145,"tag":230,"props":1091,"children":1092},{"id":766},[1093],{"type":145,"tag":199,"props":1094,"children":1096},{"className":1095},[],[1097],{"type":154,"value":766},{"type":145,"tag":150,"props":1099,"children":1100},{},[1101],{"type":154,"value":1102},"Specify responsive sizes.",{"type":145,"tag":150,"props":1104,"children":1105},{},[1106,1108,1114],{"type":154,"value":1107},"This is a space-separated list of screen size/width pairs. You can ",{"type":145,"tag":157,"props":1109,"children":1111},{"href":1110},"/get-started/configuration#screens",[1112],{"type":154,"value":1113},"see a list of the defined screen sizes here",{"type":154,"value":1115},").",{"type":145,"tag":150,"props":1117,"children":1118},{},[1119,1121,1127],{"type":154,"value":1120},"By default Nuxt generates ",{"type":145,"tag":1122,"props":1123,"children":1124},"em",{},[1125],{"type":154,"value":1126},"responsive-first",{"type":154,"value":1128}," sizing.",{"type":145,"tag":175,"props":1130,"children":1131},{},[1132,1145],{"type":145,"tag":179,"props":1133,"children":1134},{},[1135,1137,1143],{"type":154,"value":1136},"If you omit a screen size prefix (like ",{"type":145,"tag":199,"props":1138,"children":1140},{"className":1139},[],[1141],{"type":154,"value":1142},"sm:",{"type":154,"value":1144},") 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":1146,"children":1147},{},[1148,1150,1155,1157,1163,1165,1171,1173,1178],{"type":154,"value":1149},"This default size is used up until the next specified screen width, and so on. Each specified size pair applies ",{"type":145,"tag":1122,"props":1151,"children":1152},{},[1153],{"type":154,"value":1154},"up",{"type":154,"value":1156}," - so ",{"type":145,"tag":199,"props":1158,"children":1160},{"className":1159},[],[1161],{"type":154,"value":1162},"md:400px",{"type":154,"value":1164}," means that the image will be sized ",{"type":145,"tag":199,"props":1166,"children":1168},{"className":1167},[],[1169],{"type":154,"value":1170},"400px",{"type":154,"value":1172}," on ",{"type":145,"tag":199,"props":1174,"children":1176},{"className":1175},[],[1177],{"type":154,"value":379},{"type":154,"value":1179}," screens and up.",{"type":145,"tag":150,"props":1181,"children":1182},{},[1183],{"type":145,"tag":533,"props":1184,"children":1185},{},[1186],{"type":154,"value":1187},"Example:",{"type":145,"tag":577,"props":1189,"children":1191},{"className":812,"code":1190,"language":814,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/logos/nuxt.png\"\n sizes=\"100vw sm:50vw md:400px\"\n/>\n",[1192],{"type":145,"tag":199,"props":1193,"children":1194},{"__ignoreMap":139},[1195,1207,1232,1257],{"type":145,"tag":587,"props":1196,"children":1197},{"class":589,"line":590},[1198,1202],{"type":145,"tag":587,"props":1199,"children":1200},{"style":599},[1201],{"type":154,"value":826},{"type":145,"tag":587,"props":1203,"children":1204},{"style":829},[1205],{"type":154,"value":1206},"NuxtImg\n",{"type":145,"tag":587,"props":1208,"children":1209},{"class":589,"line":367},[1210,1215,1219,1223,1228],{"type":145,"tag":587,"props":1211,"children":1212},{"style":835},[1213],{"type":154,"value":1214}," src",{"type":145,"tag":587,"props":1216,"children":1217},{"style":599},[1218],{"type":154,"value":602},{"type":145,"tag":587,"props":1220,"children":1221},{"style":599},[1222],{"type":154,"value":607},{"type":145,"tag":587,"props":1224,"children":1225},{"style":610},[1226],{"type":154,"value":1227},"/logos/nuxt.png",{"type":145,"tag":587,"props":1229,"children":1230},{"style":599},[1231],{"type":154,"value":618},{"type":145,"tag":587,"props":1233,"children":1234},{"class":589,"line":372},[1235,1240,1244,1248,1253],{"type":145,"tag":587,"props":1236,"children":1237},{"style":835},[1238],{"type":154,"value":1239}," sizes",{"type":145,"tag":587,"props":1241,"children":1242},{"style":599},[1243],{"type":154,"value":602},{"type":145,"tag":587,"props":1245,"children":1246},{"style":599},[1247],{"type":154,"value":607},{"type":145,"tag":587,"props":1249,"children":1250},{"style":610},[1251],{"type":154,"value":1252},"100vw sm:50vw md:400px",{"type":145,"tag":587,"props":1254,"children":1255},{"style":599},[1256],{"type":154,"value":618},{"type":145,"tag":587,"props":1258,"children":1260},{"class":589,"line":1259},4,[1261],{"type":145,"tag":587,"props":1262,"children":1263},{"style":599},[1264],{"type":154,"value":1265},"/>\n",{"type":145,"tag":230,"props":1267,"children":1269},{"id":1268},"densities",[1270],{"type":145,"tag":199,"props":1271,"children":1273},{"className":1272},[],[1274],{"type":154,"value":1268},{"type":145,"tag":150,"props":1276,"children":1277},{},[1278],{"type":154,"value":1279},"To generate special versions of images for screens with increased pixel density.",{"type":145,"tag":150,"props":1281,"children":1282},{},[1283],{"type":145,"tag":533,"props":1284,"children":1285},{},[1286],{"type":154,"value":1187},{"type":145,"tag":577,"props":1288,"children":1290},{"className":812,"code":1289,"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",[1291],{"type":145,"tag":199,"props":1292,"children":1293},{"__ignoreMap":139},[1294,1305,1328,1353,1378,1386,1396,1405,1414,1423,1431],{"type":145,"tag":587,"props":1295,"children":1296},{"class":589,"line":590},[1297,1301],{"type":145,"tag":587,"props":1298,"children":1299},{"style":599},[1300],{"type":154,"value":826},{"type":145,"tag":587,"props":1302,"children":1303},{"style":829},[1304],{"type":154,"value":1206},{"type":145,"tag":587,"props":1306,"children":1307},{"class":589,"line":367},[1308,1312,1316,1320,1324],{"type":145,"tag":587,"props":1309,"children":1310},{"style":835},[1311],{"type":154,"value":1214},{"type":145,"tag":587,"props":1313,"children":1314},{"style":599},[1315],{"type":154,"value":602},{"type":145,"tag":587,"props":1317,"children":1318},{"style":599},[1319],{"type":154,"value":607},{"type":145,"tag":587,"props":1321,"children":1322},{"style":610},[1323],{"type":154,"value":1227},{"type":145,"tag":587,"props":1325,"children":1326},{"style":599},[1327],{"type":154,"value":618},{"type":145,"tag":587,"props":1329,"children":1330},{"class":589,"line":372},[1331,1336,1340,1344,1349],{"type":145,"tag":587,"props":1332,"children":1333},{"style":835},[1334],{"type":154,"value":1335}," height",{"type":145,"tag":587,"props":1337,"children":1338},{"style":599},[1339],{"type":154,"value":602},{"type":145,"tag":587,"props":1341,"children":1342},{"style":599},[1343],{"type":154,"value":607},{"type":145,"tag":587,"props":1345,"children":1346},{"style":610},[1347],{"type":154,"value":1348},"50",{"type":145,"tag":587,"props":1350,"children":1351},{"style":599},[1352],{"type":154,"value":618},{"type":145,"tag":587,"props":1354,"children":1355},{"class":589,"line":1259},[1356,1361,1365,1369,1374],{"type":145,"tag":587,"props":1357,"children":1358},{"style":835},[1359],{"type":154,"value":1360}," densities",{"type":145,"tag":587,"props":1362,"children":1363},{"style":599},[1364],{"type":154,"value":602},{"type":145,"tag":587,"props":1366,"children":1367},{"style":599},[1368],{"type":154,"value":607},{"type":145,"tag":587,"props":1370,"children":1371},{"style":610},[1372],{"type":154,"value":1373},"x1 x2",{"type":145,"tag":587,"props":1375,"children":1376},{"style":599},[1377],{"type":154,"value":618},{"type":145,"tag":587,"props":1379,"children":1381},{"class":589,"line":1380},5,[1382],{"type":145,"tag":587,"props":1383,"children":1384},{"style":599},[1385],{"type":154,"value":1265},{"type":145,"tag":587,"props":1387,"children":1389},{"class":589,"line":1388},6,[1390],{"type":145,"tag":587,"props":1391,"children":1393},{"style":1392},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[1394],{"type":154,"value":1395},"\u003C!--\n",{"type":145,"tag":587,"props":1397,"children":1399},{"class":589,"line":1398},7,[1400],{"type":145,"tag":587,"props":1401,"children":1402},{"style":1392},[1403],{"type":154,"value":1404},"\u003Cimg\n",{"type":145,"tag":587,"props":1406,"children":1408},{"class":589,"line":1407},8,[1409],{"type":145,"tag":587,"props":1410,"children":1411},{"style":1392},[1412],{"type":154,"value":1413}," src=\"/_ipx/w_50/logos/nuxt.png\" \n",{"type":145,"tag":587,"props":1415,"children":1417},{"class":589,"line":1416},9,[1418],{"type":145,"tag":587,"props":1419,"children":1420},{"style":1392},[1421],{"type":154,"value":1422}," srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n",{"type":145,"tag":587,"props":1424,"children":1426},{"class":589,"line":1425},10,[1427],{"type":145,"tag":587,"props":1428,"children":1429},{"style":1392},[1430],{"type":154,"value":1265},{"type":145,"tag":587,"props":1432,"children":1434},{"class":589,"line":1433},11,[1435],{"type":145,"tag":587,"props":1436,"children":1437},{"style":1392},[1438],{"type":154,"value":1439},"-->\n",{"type":145,"tag":230,"props":1441,"children":1443},{"id":1442},"placeholder",[1444],{"type":145,"tag":199,"props":1445,"children":1447},{"className":1446},[],[1448],{"type":154,"value":1442},{"type":145,"tag":150,"props":1450,"children":1451},{},[1452],{"type":154,"value":1453},"Display a placeholder image before the actual image is fully loaded.",{"type":145,"tag":150,"props":1455,"children":1456},{},[1457],{"type":154,"value":1458},"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":1460,"children":1462},{"className":812,"code":1461,"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",[1463],{"type":145,"tag":199,"props":1464,"children":1465},{"__ignoreMap":139},[1466,1474,1514,1523,1531,1588,1595,1603,1659,1666,1674,1730,1738,1747],{"type":145,"tag":587,"props":1467,"children":1468},{"class":589,"line":590},[1469],{"type":145,"tag":587,"props":1470,"children":1471},{"style":1392},[1472],{"type":154,"value":1473},"\u003C!-- Automatically generate a placeholder based on the original image -->\n",{"type":145,"tag":587,"props":1475,"children":1476},{"class":589,"line":367},[1477,1481,1485,1489,1493,1497,1501,1505,1510],{"type":145,"tag":587,"props":1478,"children":1479},{"style":599},[1480],{"type":154,"value":826},{"type":145,"tag":587,"props":1482,"children":1483},{"style":829},[1484],{"type":154,"value":832},{"type":145,"tag":587,"props":1486,"children":1487},{"style":835},[1488],{"type":154,"value":838},{"type":145,"tag":587,"props":1490,"children":1491},{"style":599},[1492],{"type":154,"value":602},{"type":145,"tag":587,"props":1494,"children":1495},{"style":599},[1496],{"type":154,"value":607},{"type":145,"tag":587,"props":1498,"children":1499},{"style":610},[1500],{"type":154,"value":1015},{"type":145,"tag":587,"props":1502,"children":1503},{"style":599},[1504],{"type":154,"value":607},{"type":145,"tag":587,"props":1506,"children":1507},{"style":835},[1508],{"type":154,"value":1509}," placeholder",{"type":145,"tag":587,"props":1511,"children":1512},{"style":599},[1513],{"type":154,"value":860},{"type":145,"tag":587,"props":1515,"children":1516},{"class":589,"line":372},[1517],{"type":145,"tag":587,"props":1518,"children":1520},{"emptyLinePlaceholder":1519},true,[1521],{"type":154,"value":1522},"\n",{"type":145,"tag":587,"props":1524,"children":1525},{"class":589,"line":1259},[1526],{"type":145,"tag":587,"props":1527,"children":1528},{"style":1392},[1529],{"type":154,"value":1530},"\u003C!-- Set a width, height for the automatically generated placeholder -->\n",{"type":145,"tag":587,"props":1532,"children":1533},{"class":589,"line":1380},[1534,1538,1542,1546,1550,1554,1558,1562,1567,1571,1575,1580,1584],{"type":145,"tag":587,"props":1535,"children":1536},{"style":599},[1537],{"type":154,"value":826},{"type":145,"tag":587,"props":1539,"children":1540},{"style":829},[1541],{"type":154,"value":832},{"type":145,"tag":587,"props":1543,"children":1544},{"style":835},[1545],{"type":154,"value":838},{"type":145,"tag":587,"props":1547,"children":1548},{"style":599},[1549],{"type":154,"value":602},{"type":145,"tag":587,"props":1551,"children":1552},{"style":599},[1553],{"type":154,"value":607},{"type":145,"tag":587,"props":1555,"children":1556},{"style":610},[1557],{"type":154,"value":1015},{"type":145,"tag":587,"props":1559,"children":1560},{"style":599},[1561],{"type":154,"value":607},{"type":145,"tag":587,"props":1563,"children":1564},{"style":835},[1565],{"type":154,"value":1566}," :placeholder",{"type":145,"tag":587,"props":1568,"children":1569},{"style":599},[1570],{"type":154,"value":602},{"type":145,"tag":587,"props":1572,"children":1573},{"style":599},[1574],{"type":154,"value":607},{"type":145,"tag":587,"props":1576,"children":1577},{"style":610},[1578],{"type":154,"value":1579},"[50, 25]",{"type":145,"tag":587,"props":1581,"children":1582},{"style":599},[1583],{"type":154,"value":607},{"type":145,"tag":587,"props":1585,"children":1586},{"style":599},[1587],{"type":154,"value":860},{"type":145,"tag":587,"props":1589,"children":1590},{"class":589,"line":1388},[1591],{"type":145,"tag":587,"props":1592,"children":1593},{"emptyLinePlaceholder":1519},[1594],{"type":154,"value":1522},{"type":145,"tag":587,"props":1596,"children":1597},{"class":589,"line":1398},[1598],{"type":145,"tag":587,"props":1599,"children":1600},{"style":1392},[1601],{"type":154,"value":1602},"\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder -->\n",{"type":145,"tag":587,"props":1604,"children":1605},{"class":589,"line":1407},[1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1651,1655],{"type":145,"tag":587,"props":1607,"children":1608},{"style":599},[1609],{"type":154,"value":826},{"type":145,"tag":587,"props":1611,"children":1612},{"style":829},[1613],{"type":154,"value":832},{"type":145,"tag":587,"props":1615,"children":1616},{"style":835},[1617],{"type":154,"value":838},{"type":145,"tag":587,"props":1619,"children":1620},{"style":599},[1621],{"type":154,"value":602},{"type":145,"tag":587,"props":1623,"children":1624},{"style":599},[1625],{"type":154,"value":607},{"type":145,"tag":587,"props":1627,"children":1628},{"style":610},[1629],{"type":154,"value":1015},{"type":145,"tag":587,"props":1631,"children":1632},{"style":599},[1633],{"type":154,"value":607},{"type":145,"tag":587,"props":1635,"children":1636},{"style":835},[1637],{"type":154,"value":1566},{"type":145,"tag":587,"props":1639,"children":1640},{"style":599},[1641],{"type":154,"value":602},{"type":145,"tag":587,"props":1643,"children":1644},{"style":599},[1645],{"type":154,"value":607},{"type":145,"tag":587,"props":1647,"children":1648},{"style":610},[1649],{"type":154,"value":1650},"[50, 25, 75, 5]",{"type":145,"tag":587,"props":1652,"children":1653},{"style":599},[1654],{"type":154,"value":607},{"type":145,"tag":587,"props":1656,"children":1657},{"style":599},[1658],{"type":154,"value":860},{"type":145,"tag":587,"props":1660,"children":1661},{"class":589,"line":1416},[1662],{"type":145,"tag":587,"props":1663,"children":1664},{"emptyLinePlaceholder":1519},[1665],{"type":154,"value":1522},{"type":145,"tag":587,"props":1667,"children":1668},{"class":589,"line":1425},[1669],{"type":145,"tag":587,"props":1670,"children":1671},{"style":1392},[1672],{"type":154,"value":1673},"\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n",{"type":145,"tag":587,"props":1675,"children":1676},{"class":589,"line":1433},[1677,1681,1685,1689,1693,1697,1701,1705,1709,1713,1717,1722,1726],{"type":145,"tag":587,"props":1678,"children":1679},{"style":599},[1680],{"type":154,"value":826},{"type":145,"tag":587,"props":1682,"children":1683},{"style":829},[1684],{"type":154,"value":832},{"type":145,"tag":587,"props":1686,"children":1687},{"style":835},[1688],{"type":154,"value":838},{"type":145,"tag":587,"props":1690,"children":1691},{"style":599},[1692],{"type":154,"value":602},{"type":145,"tag":587,"props":1694,"children":1695},{"style":599},[1696],{"type":154,"value":607},{"type":145,"tag":587,"props":1698,"children":1699},{"style":610},[1700],{"type":154,"value":1015},{"type":145,"tag":587,"props":1702,"children":1703},{"style":599},[1704],{"type":154,"value":607},{"type":145,"tag":587,"props":1706,"children":1707},{"style":835},[1708],{"type":154,"value":1566},{"type":145,"tag":587,"props":1710,"children":1711},{"style":599},[1712],{"type":154,"value":602},{"type":145,"tag":587,"props":1714,"children":1715},{"style":599},[1716],{"type":154,"value":607},{"type":145,"tag":587,"props":1718,"children":1719},{"style":610},[1720],{"type":154,"value":1721},"15",{"type":145,"tag":587,"props":1723,"children":1724},{"style":599},[1725],{"type":154,"value":607},{"type":145,"tag":587,"props":1727,"children":1728},{"style":599},[1729],{"type":154,"value":860},{"type":145,"tag":587,"props":1731,"children":1733},{"class":589,"line":1732},12,[1734],{"type":145,"tag":587,"props":1735,"children":1736},{"emptyLinePlaceholder":1519},[1737],{"type":154,"value":1522},{"type":145,"tag":587,"props":1739,"children":1741},{"class":589,"line":1740},13,[1742],{"type":145,"tag":587,"props":1743,"children":1744},{"style":1392},[1745],{"type":154,"value":1746},"\u003C!-- Provide your own image -->\n",{"type":145,"tag":587,"props":1748,"children":1750},{"class":589,"line":1749},14,[1751,1755,1759,1763,1767,1771,1775,1779,1783,1787,1791,1796,1800],{"type":145,"tag":587,"props":1752,"children":1753},{"style":599},[1754],{"type":154,"value":826},{"type":145,"tag":587,"props":1756,"children":1757},{"style":829},[1758],{"type":154,"value":832},{"type":145,"tag":587,"props":1760,"children":1761},{"style":835},[1762],{"type":154,"value":838},{"type":145,"tag":587,"props":1764,"children":1765},{"style":599},[1766],{"type":154,"value":602},{"type":145,"tag":587,"props":1768,"children":1769},{"style":599},[1770],{"type":154,"value":607},{"type":145,"tag":587,"props":1772,"children":1773},{"style":610},[1774],{"type":154,"value":1015},{"type":145,"tag":587,"props":1776,"children":1777},{"style":599},[1778],{"type":154,"value":607},{"type":145,"tag":587,"props":1780,"children":1781},{"style":835},[1782],{"type":154,"value":1509},{"type":145,"tag":587,"props":1784,"children":1785},{"style":599},[1786],{"type":154,"value":602},{"type":145,"tag":587,"props":1788,"children":1789},{"style":599},[1790],{"type":154,"value":607},{"type":145,"tag":587,"props":1792,"children":1793},{"style":610},[1794],{"type":154,"value":1795},"./placeholder.png",{"type":145,"tag":587,"props":1797,"children":1798},{"style":599},[1799],{"type":154,"value":607},{"type":145,"tag":587,"props":1801,"children":1802},{"style":599},[1803],{"type":154,"value":860},{"type":145,"tag":150,"props":1805,"children":1806},{},[1807,1809,1817],{"type":154,"value":1808},"You can also leverage ",{"type":145,"tag":157,"props":1810,"children":1811},{"href":32},[1812],{"type":145,"tag":199,"props":1813,"children":1815},{"className":1814},[],[1816],{"type":154,"value":31},{"type":154,"value":1818}," 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":1820,"children":1824},{"className":1821,"code":1822,"language":1823,"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",[1825],{"type":145,"tag":199,"props":1826,"children":1827},{"__ignoreMap":139},[1828,1850,1878,1894,1901,1917,2087],{"type":145,"tag":587,"props":1829,"children":1830},{"class":589,"line":590},[1831,1835,1840,1845],{"type":145,"tag":587,"props":1832,"children":1833},{"style":599},[1834],{"type":154,"value":826},{"type":145,"tag":587,"props":1836,"children":1837},{"style":829},[1838],{"type":154,"value":1839},"script",{"type":145,"tag":587,"props":1841,"children":1842},{"style":835},[1843],{"type":154,"value":1844}," setup",{"type":145,"tag":587,"props":1846,"children":1847},{"style":599},[1848],{"type":154,"value":1849},">\n",{"type":145,"tag":587,"props":1851,"children":1852},{"class":589,"line":367},[1853,1858,1863,1867,1873],{"type":145,"tag":587,"props":1854,"children":1855},{"style":835},[1856],{"type":154,"value":1857},"const",{"type":145,"tag":587,"props":1859,"children":1860},{"style":594},[1861],{"type":154,"value":1862}," img ",{"type":145,"tag":587,"props":1864,"children":1865},{"style":599},[1866],{"type":154,"value":602},{"type":145,"tag":587,"props":1868,"children":1870},{"style":1869},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1871],{"type":154,"value":1872}," useImage",{"type":145,"tag":587,"props":1874,"children":1875},{"style":594},[1876],{"type":154,"value":1877},"()\n",{"type":145,"tag":587,"props":1879,"children":1880},{"class":589,"line":372},[1881,1886,1890],{"type":145,"tag":587,"props":1882,"children":1883},{"style":599},[1884],{"type":154,"value":1885},"\u003C/",{"type":145,"tag":587,"props":1887,"children":1888},{"style":829},[1889],{"type":154,"value":1839},{"type":145,"tag":587,"props":1891,"children":1892},{"style":599},[1893],{"type":154,"value":1849},{"type":145,"tag":587,"props":1895,"children":1896},{"class":589,"line":1259},[1897],{"type":145,"tag":587,"props":1898,"children":1899},{"emptyLinePlaceholder":1519},[1900],{"type":154,"value":1522},{"type":145,"tag":587,"props":1902,"children":1903},{"class":589,"line":1380},[1904,1908,1913],{"type":145,"tag":587,"props":1905,"children":1906},{"style":599},[1907],{"type":154,"value":826},{"type":145,"tag":587,"props":1909,"children":1910},{"style":829},[1911],{"type":154,"value":1912},"template",{"type":145,"tag":587,"props":1914,"children":1915},{"style":599},[1916],{"type":154,"value":1849},{"type":145,"tag":587,"props":1918,"children":1919},{"class":589,"line":1388},[1920,1925,1929,1934,1938,1942,1946,1950,1955,1960,1965,1969,1974,1979,1984,1990,1995,2000,2004,2009,2014,2018,2022,2027,2031,2036,2040,2045,2049,2053,2058,2062,2066,2070,2074,2079,2083],{"type":145,"tag":587,"props":1921,"children":1922},{"style":599},[1923],{"type":154,"value":1924}," \u003C",{"type":145,"tag":587,"props":1926,"children":1927},{"style":829},[1928],{"type":154,"value":832},{"type":145,"tag":587,"props":1930,"children":1931},{"style":599},[1932],{"type":154,"value":1933}," :",{"type":145,"tag":587,"props":1935,"children":1936},{"style":835},[1937],{"type":154,"value":1442},{"type":145,"tag":587,"props":1939,"children":1940},{"style":599},[1941],{"type":154,"value":602},{"type":145,"tag":587,"props":1943,"children":1944},{"style":599},[1945],{"type":154,"value":607},{"type":145,"tag":587,"props":1947,"children":1948},{"style":1869},[1949],{"type":154,"value":800},{"type":145,"tag":587,"props":1951,"children":1952},{"style":599},[1953],{"type":154,"value":1954},"(",{"type":145,"tag":587,"props":1956,"children":1957},{"style":599},[1958],{"type":154,"value":1959},"`",{"type":145,"tag":587,"props":1961,"children":1962},{"style":610},[1963],{"type":154,"value":1964},"/nuxt.svg",{"type":145,"tag":587,"props":1966,"children":1967},{"style":599},[1968],{"type":154,"value":1959},{"type":145,"tag":587,"props":1970,"children":1971},{"style":599},[1972],{"type":154,"value":1973},", { ",{"type":145,"tag":587,"props":1975,"children":1976},{"style":829},[1977],{"type":154,"value":1978},"h",{"type":145,"tag":587,"props":1980,"children":1981},{"style":599},[1982],{"type":154,"value":1983},": ",{"type":145,"tag":587,"props":1985,"children":1987},{"style":1986},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1988],{"type":154,"value":1989},"10",{"type":145,"tag":587,"props":1991,"children":1992},{"style":599},[1993],{"type":154,"value":1994},", ",{"type":145,"tag":587,"props":1996,"children":1997},{"style":829},[1998],{"type":154,"value":1999},"f",{"type":145,"tag":587,"props":2001,"children":2002},{"style":599},[2003],{"type":154,"value":1983},{"type":145,"tag":587,"props":2005,"children":2006},{"style":599},[2007],{"type":154,"value":2008},"'",{"type":145,"tag":587,"props":2010,"children":2011},{"style":610},[2012],{"type":154,"value":2013},"png",{"type":145,"tag":587,"props":2015,"children":2016},{"style":599},[2017],{"type":154,"value":2008},{"type":145,"tag":587,"props":2019,"children":2020},{"style":599},[2021],{"type":154,"value":1994},{"type":145,"tag":587,"props":2023,"children":2024},{"style":829},[2025],{"type":154,"value":2026},"blur",{"type":145,"tag":587,"props":2028,"children":2029},{"style":599},[2030],{"type":154,"value":1983},{"type":145,"tag":587,"props":2032,"children":2033},{"style":1986},[2034],{"type":154,"value":2035},"2",{"type":145,"tag":587,"props":2037,"children":2038},{"style":599},[2039],{"type":154,"value":1994},{"type":145,"tag":587,"props":2041,"children":2042},{"style":829},[2043],{"type":154,"value":2044},"q",{"type":145,"tag":587,"props":2046,"children":2047},{"style":599},[2048],{"type":154,"value":1983},{"type":145,"tag":587,"props":2050,"children":2051},{"style":1986},[2052],{"type":154,"value":1348},{"type":145,"tag":587,"props":2054,"children":2055},{"style":599},[2056],{"type":154,"value":2057}," })",{"type":145,"tag":587,"props":2059,"children":2060},{"style":599},[2061],{"type":154,"value":607},{"type":145,"tag":587,"props":2063,"children":2064},{"style":835},[2065],{"type":154,"value":838},{"type":145,"tag":587,"props":2067,"children":2068},{"style":599},[2069],{"type":154,"value":602},{"type":145,"tag":587,"props":2071,"children":2072},{"style":599},[2073],{"type":154,"value":607},{"type":145,"tag":587,"props":2075,"children":2076},{"style":610},[2077],{"type":154,"value":2078},"/nuxt.svg`",{"type":145,"tag":587,"props":2080,"children":2081},{"style":599},[2082],{"type":154,"value":607},{"type":145,"tag":587,"props":2084,"children":2085},{"style":599},[2086],{"type":154,"value":860},{"type":145,"tag":587,"props":2088,"children":2089},{"class":589,"line":1398},[2090,2094,2098],{"type":145,"tag":587,"props":2091,"children":2092},{"style":599},[2093],{"type":154,"value":1885},{"type":145,"tag":587,"props":2095,"children":2096},{"style":829},[2097],{"type":154,"value":1912},{"type":145,"tag":587,"props":2099,"children":2100},{"style":599},[2101],{"type":154,"value":1849},{"type":145,"tag":230,"props":2103,"children":2105},{"id":2104},"placeholder-class",[2106],{"type":145,"tag":199,"props":2107,"children":2109},{"className":2108},[],[2110],{"type":154,"value":2104},{"type":145,"tag":150,"props":2112,"children":2113},{},[2114,2116,2121,2123,2128],{"type":154,"value":2115},"When using a placeholder, you can use ",{"type":145,"tag":199,"props":2117,"children":2119},{"className":2118},[],[2120],{"type":154,"value":2104},{"type":154,"value":2122}," to apply a class to the original underlying ",{"type":145,"tag":199,"props":2124,"children":2126},{"className":2125},[],[2127],{"type":154,"value":713},{"type":154,"value":2129}," element (while the placeholder is being rendered).",{"type":145,"tag":577,"props":2131,"children":2133},{"className":812,"code":2132,"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",[2134],{"type":145,"tag":199,"props":2135,"children":2136},{"__ignoreMap":139},[2137,2145,2206,2213,2221],{"type":145,"tag":587,"props":2138,"children":2139},{"class":589,"line":590},[2140],{"type":145,"tag":587,"props":2141,"children":2142},{"style":1392},[2143],{"type":154,"value":2144},"\u003C!-- Apply a static class to the original image -->\n",{"type":145,"tag":587,"props":2146,"children":2147},{"class":589,"line":367},[2148,2152,2156,2160,2164,2168,2172,2176,2180,2185,2189,2193,2198,2202],{"type":145,"tag":587,"props":2149,"children":2150},{"style":599},[2151],{"type":154,"value":826},{"type":145,"tag":587,"props":2153,"children":2154},{"style":829},[2155],{"type":154,"value":832},{"type":145,"tag":587,"props":2157,"children":2158},{"style":835},[2159],{"type":154,"value":838},{"type":145,"tag":587,"props":2161,"children":2162},{"style":599},[2163],{"type":154,"value":602},{"type":145,"tag":587,"props":2165,"children":2166},{"style":599},[2167],{"type":154,"value":607},{"type":145,"tag":587,"props":2169,"children":2170},{"style":610},[2171],{"type":154,"value":1015},{"type":145,"tag":587,"props":2173,"children":2174},{"style":599},[2175],{"type":154,"value":607},{"type":145,"tag":587,"props":2177,"children":2178},{"style":835},[2179],{"type":154,"value":1509},{"type":145,"tag":587,"props":2181,"children":2182},{"style":835},[2183],{"type":154,"value":2184}," placeholder-class",{"type":145,"tag":587,"props":2186,"children":2187},{"style":599},[2188],{"type":154,"value":602},{"type":145,"tag":587,"props":2190,"children":2191},{"style":599},[2192],{"type":154,"value":607},{"type":145,"tag":587,"props":2194,"children":2195},{"style":610},[2196],{"type":154,"value":2197},"custom",{"type":145,"tag":587,"props":2199,"children":2200},{"style":599},[2201],{"type":154,"value":607},{"type":145,"tag":587,"props":2203,"children":2204},{"style":599},[2205],{"type":154,"value":860},{"type":145,"tag":587,"props":2207,"children":2208},{"class":589,"line":372},[2209],{"type":145,"tag":587,"props":2210,"children":2211},{"emptyLinePlaceholder":1519},[2212],{"type":154,"value":1522},{"type":145,"tag":587,"props":2214,"children":2215},{"class":589,"line":1259},[2216],{"type":145,"tag":587,"props":2217,"children":2218},{"style":1392},[2219],{"type":154,"value":2220},"\u003C!-- Apply a dynamic class to the original image -->\n",{"type":145,"tag":587,"props":2222,"children":2223},{"class":589,"line":1380},[2224,2228,2232,2236,2240,2244,2248,2252,2256,2261,2265,2269,2273,2277],{"type":145,"tag":587,"props":2225,"children":2226},{"style":599},[2227],{"type":154,"value":826},{"type":145,"tag":587,"props":2229,"children":2230},{"style":829},[2231],{"type":154,"value":832},{"type":145,"tag":587,"props":2233,"children":2234},{"style":835},[2235],{"type":154,"value":838},{"type":145,"tag":587,"props":2237,"children":2238},{"style":599},[2239],{"type":154,"value":602},{"type":145,"tag":587,"props":2241,"children":2242},{"style":599},[2243],{"type":154,"value":607},{"type":145,"tag":587,"props":2245,"children":2246},{"style":610},[2247],{"type":154,"value":1015},{"type":145,"tag":587,"props":2249,"children":2250},{"style":599},[2251],{"type":154,"value":607},{"type":145,"tag":587,"props":2253,"children":2254},{"style":835},[2255],{"type":154,"value":1509},{"type":145,"tag":587,"props":2257,"children":2258},{"style":835},[2259],{"type":154,"value":2260}," :placeholder-class",{"type":145,"tag":587,"props":2262,"children":2263},{"style":599},[2264],{"type":154,"value":602},{"type":145,"tag":587,"props":2266,"children":2267},{"style":599},[2268],{"type":154,"value":607},{"type":145,"tag":587,"props":2270,"children":2271},{"style":610},[2272],{"type":154,"value":2197},{"type":145,"tag":587,"props":2274,"children":2275},{"style":599},[2276],{"type":154,"value":607},{"type":145,"tag":587,"props":2278,"children":2279},{"style":599},[2280],{"type":154,"value":860},{"type":145,"tag":146,"props":2282,"children":2283},{},[2284,2296],{"type":145,"tag":150,"props":2285,"children":2286},{},[2287,2289,2294],{"type":154,"value":2288},"If you need to apply some CSS to only the ",{"type":145,"tag":1122,"props":2290,"children":2291},{},[2292],{"type":154,"value":2293},"loaded",{"type":154,"value":2295}," image you can do so with something like:",{"type":145,"tag":577,"props":2297,"children":2301},{"className":2298,"code":2299,"language":2300,"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",[2302],{"type":145,"tag":199,"props":2303,"children":2304},{"__ignoreMap":139},[2305,2341,2349],{"type":145,"tag":587,"props":2306,"children":2307},{"class":589,"line":590},[2308,2313,2318,2322,2327,2332,2336],{"type":145,"tag":587,"props":2309,"children":2311},{"style":2310},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2312],{"type":154,"value":800},{"type":145,"tag":587,"props":2314,"children":2315},{"style":599},[2316],{"type":154,"value":2317},":",{"type":145,"tag":587,"props":2319,"children":2320},{"style":835},[2321],{"type":154,"value":537},{"type":145,"tag":587,"props":2323,"children":2324},{"style":599},[2325],{"type":154,"value":2326},"(.",{"type":145,"tag":587,"props":2328,"children":2329},{"style":2310},[2330],{"type":154,"value":2331},"my-placeholder-class",{"type":145,"tag":587,"props":2333,"children":2334},{"style":599},[2335],{"type":154,"value":1089},{"type":145,"tag":587,"props":2337,"children":2338},{"style":599},[2339],{"type":154,"value":2340}," {\n",{"type":145,"tag":587,"props":2342,"children":2343},{"class":589,"line":367},[2344],{"type":145,"tag":587,"props":2345,"children":2346},{"style":1392},[2347],{"type":154,"value":2348}," /* styles here */\n",{"type":145,"tag":587,"props":2350,"children":2351},{"class":589,"line":372},[2352],{"type":145,"tag":587,"props":2353,"children":2354},{"style":599},[2355],{"type":154,"value":2356},"}\n",{"type":145,"tag":230,"props":2358,"children":2360},{"id":2359},"provider",[2361],{"type":145,"tag":199,"props":2362,"children":2364},{"className":2363},[],[2365],{"type":154,"value":2359},{"type":145,"tag":150,"props":2367,"children":2368},{},[2369,2371,2377,2379],{"type":154,"value":2370},"Use other provider instead of default ",{"type":145,"tag":157,"props":2372,"children":2374},{"href":2373},"/get-started/configuration#provider",[2375],{"type":154,"value":2376},"provider option",{"type":154,"value":2378}," specified in ",{"type":145,"tag":199,"props":2380,"children":2382},{"className":2381},[],[2383],{"type":154,"value":2384},"nuxt.config",{"type":145,"tag":150,"props":2386,"children":2387},{},[2388],{"type":145,"tag":533,"props":2389,"children":2390},{},[2391],{"type":154,"value":1187},{"type":145,"tag":2393,"props":2394,"children":2395},"code-group",{},[2396,2553],{"type":145,"tag":577,"props":2397,"children":2400},{"className":812,"code":2398,"filename":2399,"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",[2401],{"type":145,"tag":199,"props":2402,"children":2403},{"__ignoreMap":139},[2404,2419,2430,2455,2480,2505,2530,2538],{"type":145,"tag":587,"props":2405,"children":2406},{"class":589,"line":590},[2407,2411,2415],{"type":145,"tag":587,"props":2408,"children":2409},{"style":599},[2410],{"type":154,"value":826},{"type":145,"tag":587,"props":2412,"children":2413},{"style":829},[2414],{"type":154,"value":1912},{"type":145,"tag":587,"props":2416,"children":2417},{"style":599},[2418],{"type":154,"value":1849},{"type":145,"tag":587,"props":2420,"children":2421},{"class":589,"line":367},[2422,2426],{"type":145,"tag":587,"props":2423,"children":2424},{"style":599},[2425],{"type":154,"value":1924},{"type":145,"tag":587,"props":2427,"children":2428},{"style":829},[2429],{"type":154,"value":1206},{"type":145,"tag":587,"props":2431,"children":2432},{"class":589,"line":372},[2433,2438,2442,2446,2451],{"type":145,"tag":587,"props":2434,"children":2435},{"style":835},[2436],{"type":154,"value":2437}," provider",{"type":145,"tag":587,"props":2439,"children":2440},{"style":599},[2441],{"type":154,"value":602},{"type":145,"tag":587,"props":2443,"children":2444},{"style":599},[2445],{"type":154,"value":607},{"type":145,"tag":587,"props":2447,"children":2448},{"style":610},[2449],{"type":154,"value":2450},"cloudinary",{"type":145,"tag":587,"props":2452,"children":2453},{"style":599},[2454],{"type":154,"value":618},{"type":145,"tag":587,"props":2456,"children":2457},{"class":589,"line":1259},[2458,2463,2467,2471,2476],{"type":145,"tag":587,"props":2459,"children":2460},{"style":835},[2461],{"type":154,"value":2462}," src",{"type":145,"tag":587,"props":2464,"children":2465},{"style":599},[2466],{"type":154,"value":602},{"type":145,"tag":587,"props":2468,"children":2469},{"style":599},[2470],{"type":154,"value":607},{"type":145,"tag":587,"props":2472,"children":2473},{"style":610},[2474],{"type":154,"value":2475},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":145,"tag":587,"props":2477,"children":2478},{"style":599},[2479],{"type":154,"value":618},{"type":145,"tag":587,"props":2481,"children":2482},{"class":589,"line":1380},[2483,2488,2492,2496,2501],{"type":145,"tag":587,"props":2484,"children":2485},{"style":835},[2486],{"type":154,"value":2487}," width",{"type":145,"tag":587,"props":2489,"children":2490},{"style":599},[2491],{"type":154,"value":602},{"type":145,"tag":587,"props":2493,"children":2494},{"style":599},[2495],{"type":154,"value":607},{"type":145,"tag":587,"props":2497,"children":2498},{"style":610},[2499],{"type":154,"value":2500},"300",{"type":145,"tag":587,"props":2502,"children":2503},{"style":599},[2504],{"type":154,"value":618},{"type":145,"tag":587,"props":2506,"children":2507},{"class":589,"line":1388},[2508,2513,2517,2521,2526],{"type":145,"tag":587,"props":2509,"children":2510},{"style":835},[2511],{"type":154,"value":2512}," height",{"type":145,"tag":587,"props":2514,"children":2515},{"style":599},[2516],{"type":154,"value":602},{"type":145,"tag":587,"props":2518,"children":2519},{"style":599},[2520],{"type":154,"value":607},{"type":145,"tag":587,"props":2522,"children":2523},{"style":610},[2524],{"type":154,"value":2525},"169",{"type":145,"tag":587,"props":2527,"children":2528},{"style":599},[2529],{"type":154,"value":618},{"type":145,"tag":587,"props":2531,"children":2532},{"class":589,"line":1398},[2533],{"type":145,"tag":587,"props":2534,"children":2535},{"style":599},[2536],{"type":154,"value":2537}," />\n",{"type":145,"tag":587,"props":2539,"children":2540},{"class":589,"line":1407},[2541,2545,2549],{"type":145,"tag":587,"props":2542,"children":2543},{"style":599},[2544],{"type":154,"value":1885},{"type":145,"tag":587,"props":2546,"children":2547},{"style":829},[2548],{"type":154,"value":1912},{"type":145,"tag":587,"props":2550,"children":2551},{"style":599},[2552],{"type":154,"value":1849},{"type":145,"tag":577,"props":2554,"children":2559},{"className":2555,"code":2556,"filename":2557,"language":2558,"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",[2560],{"type":145,"tag":199,"props":2561,"children":2562},{"__ignoreMap":139},[2563,2591,2607,2623,2654,2662,2670],{"type":145,"tag":587,"props":2564,"children":2565},{"class":589,"line":590},[2566,2572,2577,2582,2586],{"type":145,"tag":587,"props":2567,"children":2569},{"style":2568},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[2570],{"type":154,"value":2571},"export",{"type":145,"tag":587,"props":2573,"children":2574},{"style":2568},[2575],{"type":154,"value":2576}," default",{"type":145,"tag":587,"props":2578,"children":2579},{"style":1869},[2580],{"type":154,"value":2581}," defineNuxtConfig",{"type":145,"tag":587,"props":2583,"children":2584},{"style":594},[2585],{"type":154,"value":1954},{"type":145,"tag":587,"props":2587,"children":2588},{"style":599},[2589],{"type":154,"value":2590},"{\n",{"type":145,"tag":587,"props":2592,"children":2593},{"class":589,"line":367},[2594,2599,2603],{"type":145,"tag":587,"props":2595,"children":2596},{"style":829},[2597],{"type":154,"value":2598}," image",{"type":145,"tag":587,"props":2600,"children":2601},{"style":599},[2602],{"type":154,"value":2317},{"type":145,"tag":587,"props":2604,"children":2605},{"style":599},[2606],{"type":154,"value":2340},{"type":145,"tag":587,"props":2608,"children":2609},{"class":589,"line":372},[2610,2615,2619],{"type":145,"tag":587,"props":2611,"children":2612},{"style":829},[2613],{"type":154,"value":2614}," cloudinary",{"type":145,"tag":587,"props":2616,"children":2617},{"style":599},[2618],{"type":154,"value":2317},{"type":145,"tag":587,"props":2620,"children":2621},{"style":599},[2622],{"type":154,"value":2340},{"type":145,"tag":587,"props":2624,"children":2625},{"class":589,"line":1259},[2626,2631,2635,2640,2645,2649],{"type":145,"tag":587,"props":2627,"children":2628},{"style":829},[2629],{"type":154,"value":2630}," baseURL",{"type":145,"tag":587,"props":2632,"children":2633},{"style":599},[2634],{"type":154,"value":2317},{"type":145,"tag":587,"props":2636,"children":2637},{"style":599},[2638],{"type":154,"value":2639}," '",{"type":145,"tag":587,"props":2641,"children":2642},{"style":610},[2643],{"type":154,"value":2644},"https://res.cloudinary.com/nuxt/image/upload/",{"type":145,"tag":587,"props":2646,"children":2647},{"style":599},[2648],{"type":154,"value":2008},{"type":145,"tag":587,"props":2650,"children":2651},{"style":599},[2652],{"type":154,"value":2653},",\n",{"type":145,"tag":587,"props":2655,"children":2656},{"class":589,"line":1380},[2657],{"type":145,"tag":587,"props":2658,"children":2659},{"style":599},[2660],{"type":154,"value":2661}," },\n",{"type":145,"tag":587,"props":2663,"children":2664},{"class":589,"line":1388},[2665],{"type":145,"tag":587,"props":2666,"children":2667},{"style":599},[2668],{"type":154,"value":2669}," },\n",{"type":145,"tag":587,"props":2671,"children":2672},{"class":589,"line":1398},[2673,2678],{"type":145,"tag":587,"props":2674,"children":2675},{"style":599},[2676],{"type":154,"value":2677},"}",{"type":145,"tag":587,"props":2679,"children":2680},{"style":594},[2681],{"type":154,"value":2682},")\n",{"type":145,"tag":230,"props":2684,"children":2686},{"id":2685},"preset",[2687],{"type":145,"tag":199,"props":2688,"children":2690},{"className":2689},[],[2691],{"type":154,"value":2685},{"type":145,"tag":150,"props":2693,"children":2694},{},[2695],{"type":154,"value":2696},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":145,"tag":146,"props":2698,"children":2699},{},[2700],{"type":145,"tag":150,"props":2701,"children":2702},{},[2703,2705,2711,2713],{"type":154,"value":2704},"We can define presets using ",{"type":145,"tag":157,"props":2706,"children":2708},{"href":2707},"/get-started/configuration#presets",[2709],{"type":154,"value":2710},"presets options",{"type":154,"value":2712}," in ",{"type":145,"tag":199,"props":2714,"children":2716},{"className":2715},[],[2717],{"type":154,"value":2384},{"type":145,"tag":2393,"props":2719,"children":2720},{},[2721,2815],{"type":145,"tag":577,"props":2722,"children":2724},{"className":812,"code":2723,"filename":2399,"language":814,"meta":139,"style":139},"\u003Ctemplate>\n \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[2725],{"type":145,"tag":199,"props":2726,"children":2727},{"__ignoreMap":139},[2728,2743,2800],{"type":145,"tag":587,"props":2729,"children":2730},{"class":589,"line":590},[2731,2735,2739],{"type":145,"tag":587,"props":2732,"children":2733},{"style":599},[2734],{"type":154,"value":826},{"type":145,"tag":587,"props":2736,"children":2737},{"style":829},[2738],{"type":154,"value":1912},{"type":145,"tag":587,"props":2740,"children":2741},{"style":599},[2742],{"type":154,"value":1849},{"type":145,"tag":587,"props":2744,"children":2745},{"class":589,"line":367},[2746,2750,2754,2759,2763,2767,2772,2776,2780,2784,2788,2792,2796],{"type":145,"tag":587,"props":2747,"children":2748},{"style":599},[2749],{"type":154,"value":1924},{"type":145,"tag":587,"props":2751,"children":2752},{"style":829},[2753],{"type":154,"value":832},{"type":145,"tag":587,"props":2755,"children":2756},{"style":835},[2757],{"type":154,"value":2758}," preset",{"type":145,"tag":587,"props":2760,"children":2761},{"style":599},[2762],{"type":154,"value":602},{"type":145,"tag":587,"props":2764,"children":2765},{"style":599},[2766],{"type":154,"value":607},{"type":145,"tag":587,"props":2768,"children":2769},{"style":610},[2770],{"type":154,"value":2771},"cover",{"type":145,"tag":587,"props":2773,"children":2774},{"style":599},[2775],{"type":154,"value":607},{"type":145,"tag":587,"props":2777,"children":2778},{"style":835},[2779],{"type":154,"value":838},{"type":145,"tag":587,"props":2781,"children":2782},{"style":599},[2783],{"type":154,"value":602},{"type":145,"tag":587,"props":2785,"children":2786},{"style":599},[2787],{"type":154,"value":607},{"type":145,"tag":587,"props":2789,"children":2790},{"style":610},[2791],{"type":154,"value":851},{"type":145,"tag":587,"props":2793,"children":2794},{"style":599},[2795],{"type":154,"value":607},{"type":145,"tag":587,"props":2797,"children":2798},{"style":599},[2799],{"type":154,"value":860},{"type":145,"tag":587,"props":2801,"children":2802},{"class":589,"line":372},[2803,2807,2811],{"type":145,"tag":587,"props":2804,"children":2805},{"style":599},[2806],{"type":154,"value":1885},{"type":145,"tag":587,"props":2808,"children":2809},{"style":829},[2810],{"type":154,"value":1912},{"type":145,"tag":587,"props":2812,"children":2813},{"style":599},[2814],{"type":154,"value":1849},{"type":145,"tag":577,"props":2816,"children":2818},{"className":2555,"code":2817,"filename":2557,"language":2558,"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",[2819],{"type":145,"tag":199,"props":2820,"children":2821},{"__ignoreMap":139},[2822,2845,2860,2876,2892,2908,2936,2965,2986,3006,3014,3022,3029,3036],{"type":145,"tag":587,"props":2823,"children":2824},{"class":589,"line":590},[2825,2829,2833,2837,2841],{"type":145,"tag":587,"props":2826,"children":2827},{"style":2568},[2828],{"type":154,"value":2571},{"type":145,"tag":587,"props":2830,"children":2831},{"style":2568},[2832],{"type":154,"value":2576},{"type":145,"tag":587,"props":2834,"children":2835},{"style":1869},[2836],{"type":154,"value":2581},{"type":145,"tag":587,"props":2838,"children":2839},{"style":594},[2840],{"type":154,"value":1954},{"type":145,"tag":587,"props":2842,"children":2843},{"style":599},[2844],{"type":154,"value":2590},{"type":145,"tag":587,"props":2846,"children":2847},{"class":589,"line":367},[2848,2852,2856],{"type":145,"tag":587,"props":2849,"children":2850},{"style":829},[2851],{"type":154,"value":2598},{"type":145,"tag":587,"props":2853,"children":2854},{"style":599},[2855],{"type":154,"value":2317},{"type":145,"tag":587,"props":2857,"children":2858},{"style":599},[2859],{"type":154,"value":2340},{"type":145,"tag":587,"props":2861,"children":2862},{"class":589,"line":372},[2863,2868,2872],{"type":145,"tag":587,"props":2864,"children":2865},{"style":829},[2866],{"type":154,"value":2867}," presets",{"type":145,"tag":587,"props":2869,"children":2870},{"style":599},[2871],{"type":154,"value":2317},{"type":145,"tag":587,"props":2873,"children":2874},{"style":599},[2875],{"type":154,"value":2340},{"type":145,"tag":587,"props":2877,"children":2878},{"class":589,"line":1259},[2879,2884,2888],{"type":145,"tag":587,"props":2880,"children":2881},{"style":829},[2882],{"type":154,"value":2883}," cover",{"type":145,"tag":587,"props":2885,"children":2886},{"style":599},[2887],{"type":154,"value":2317},{"type":145,"tag":587,"props":2889,"children":2890},{"style":599},[2891],{"type":154,"value":2340},{"type":145,"tag":587,"props":2893,"children":2894},{"class":589,"line":1380},[2895,2900,2904],{"type":145,"tag":587,"props":2896,"children":2897},{"style":829},[2898],{"type":154,"value":2899}," modifiers",{"type":145,"tag":587,"props":2901,"children":2902},{"style":599},[2903],{"type":154,"value":2317},{"type":145,"tag":587,"props":2905,"children":2906},{"style":599},[2907],{"type":154,"value":2340},{"type":145,"tag":587,"props":2909,"children":2910},{"class":589,"line":1388},[2911,2916,2920,2924,2928,2932],{"type":145,"tag":587,"props":2912,"children":2913},{"style":829},[2914],{"type":154,"value":2915}," fit",{"type":145,"tag":587,"props":2917,"children":2918},{"style":599},[2919],{"type":154,"value":2317},{"type":145,"tag":587,"props":2921,"children":2922},{"style":599},[2923],{"type":154,"value":2639},{"type":145,"tag":587,"props":2925,"children":2926},{"style":610},[2927],{"type":154,"value":2771},{"type":145,"tag":587,"props":2929,"children":2930},{"style":599},[2931],{"type":154,"value":2008},{"type":145,"tag":587,"props":2933,"children":2934},{"style":599},[2935],{"type":154,"value":2653},{"type":145,"tag":587,"props":2937,"children":2938},{"class":589,"line":1398},[2939,2944,2948,2952,2957,2961],{"type":145,"tag":587,"props":2940,"children":2941},{"style":829},[2942],{"type":154,"value":2943}," format",{"type":145,"tag":587,"props":2945,"children":2946},{"style":599},[2947],{"type":154,"value":2317},{"type":145,"tag":587,"props":2949,"children":2950},{"style":599},[2951],{"type":154,"value":2639},{"type":145,"tag":587,"props":2953,"children":2954},{"style":610},[2955],{"type":154,"value":2956},"jpg",{"type":145,"tag":587,"props":2958,"children":2959},{"style":599},[2960],{"type":154,"value":2008},{"type":145,"tag":587,"props":2962,"children":2963},{"style":599},[2964],{"type":154,"value":2653},{"type":145,"tag":587,"props":2966,"children":2967},{"class":589,"line":1407},[2968,2973,2977,2982],{"type":145,"tag":587,"props":2969,"children":2970},{"style":829},[2971],{"type":154,"value":2972}," width",{"type":145,"tag":587,"props":2974,"children":2975},{"style":599},[2976],{"type":154,"value":2317},{"type":145,"tag":587,"props":2978,"children":2979},{"style":1986},[2980],{"type":154,"value":2981}," 300",{"type":145,"tag":587,"props":2983,"children":2984},{"style":599},[2985],{"type":154,"value":2653},{"type":145,"tag":587,"props":2987,"children":2988},{"class":589,"line":1416},[2989,2994,2998,3002],{"type":145,"tag":587,"props":2990,"children":2991},{"style":829},[2992],{"type":154,"value":2993}," height",{"type":145,"tag":587,"props":2995,"children":2996},{"style":599},[2997],{"type":154,"value":2317},{"type":145,"tag":587,"props":2999,"children":3000},{"style":1986},[3001],{"type":154,"value":2981},{"type":145,"tag":587,"props":3003,"children":3004},{"style":599},[3005],{"type":154,"value":2653},{"type":145,"tag":587,"props":3007,"children":3008},{"class":589,"line":1425},[3009],{"type":145,"tag":587,"props":3010,"children":3011},{"style":599},[3012],{"type":154,"value":3013}," },\n",{"type":145,"tag":587,"props":3015,"children":3016},{"class":589,"line":1433},[3017],{"type":145,"tag":587,"props":3018,"children":3019},{"style":599},[3020],{"type":154,"value":3021}," },\n",{"type":145,"tag":587,"props":3023,"children":3024},{"class":589,"line":1732},[3025],{"type":145,"tag":587,"props":3026,"children":3027},{"style":599},[3028],{"type":154,"value":2661},{"type":145,"tag":587,"props":3030,"children":3031},{"class":589,"line":1740},[3032],{"type":145,"tag":587,"props":3033,"children":3034},{"style":599},[3035],{"type":154,"value":2669},{"type":145,"tag":587,"props":3037,"children":3038},{"class":589,"line":1749},[3039,3043],{"type":145,"tag":587,"props":3040,"children":3041},{"style":599},[3042],{"type":154,"value":2677},{"type":145,"tag":587,"props":3044,"children":3045},{"style":594},[3046],{"type":154,"value":2682},{"type":145,"tag":230,"props":3048,"children":3050},{"id":3049},"format",[3051],{"type":145,"tag":199,"props":3052,"children":3054},{"className":3053},[],[3055],{"type":154,"value":3049},{"type":145,"tag":150,"props":3057,"children":3058},{},[3059],{"type":154,"value":3060},"In case you want to serve images in a specific format, use this prop.",{"type":145,"tag":577,"props":3062,"children":3064},{"className":812,"code":3063,"language":814,"meta":139,"style":139},"\u003CNuxtImg format=\"webp\" src=\"/nuxt-icon.png\" ... />\n",[3065],{"type":145,"tag":199,"props":3066,"children":3067},{"__ignoreMap":139},[3068],{"type":145,"tag":587,"props":3069,"children":3070},{"class":589,"line":590},[3071,3075,3079,3084,3088,3092,3097,3101,3105,3109,3113,3117,3121,3126],{"type":145,"tag":587,"props":3072,"children":3073},{"style":599},[3074],{"type":154,"value":826},{"type":145,"tag":587,"props":3076,"children":3077},{"style":829},[3078],{"type":154,"value":832},{"type":145,"tag":587,"props":3080,"children":3081},{"style":835},[3082],{"type":154,"value":3083}," format",{"type":145,"tag":587,"props":3085,"children":3086},{"style":599},[3087],{"type":154,"value":602},{"type":145,"tag":587,"props":3089,"children":3090},{"style":599},[3091],{"type":154,"value":607},{"type":145,"tag":587,"props":3093,"children":3094},{"style":610},[3095],{"type":154,"value":3096},"webp",{"type":145,"tag":587,"props":3098,"children":3099},{"style":599},[3100],{"type":154,"value":607},{"type":145,"tag":587,"props":3102,"children":3103},{"style":835},[3104],{"type":154,"value":838},{"type":145,"tag":587,"props":3106,"children":3107},{"style":599},[3108],{"type":154,"value":602},{"type":145,"tag":587,"props":3110,"children":3111},{"style":599},[3112],{"type":154,"value":607},{"type":145,"tag":587,"props":3114,"children":3115},{"style":610},[3116],{"type":154,"value":851},{"type":145,"tag":587,"props":3118,"children":3119},{"style":599},[3120],{"type":154,"value":607},{"type":145,"tag":587,"props":3122,"children":3123},{"style":835},[3124],{"type":154,"value":3125}," ...",{"type":145,"tag":587,"props":3127,"children":3128},{"style":599},[3129],{"type":154,"value":860},{"type":145,"tag":150,"props":3131,"children":3132},{},[3133,3135,3140,3141,3147,3148,3154,3155,3160,3161,3166,3167,3173,3174,3180],{"type":154,"value":3134},"Available formats are ",{"type":145,"tag":199,"props":3136,"children":3138},{"className":3137},[],[3139],{"type":154,"value":3096},{"type":154,"value":1994},{"type":145,"tag":199,"props":3142,"children":3144},{"className":3143},[],[3145],{"type":154,"value":3146},"avif",{"type":154,"value":1994},{"type":145,"tag":199,"props":3149,"children":3151},{"className":3150},[],[3152],{"type":154,"value":3153},"jpeg",{"type":154,"value":1994},{"type":145,"tag":199,"props":3156,"children":3158},{"className":3157},[],[3159],{"type":154,"value":2956},{"type":154,"value":1994},{"type":145,"tag":199,"props":3162,"children":3164},{"className":3163},[],[3165],{"type":154,"value":2013},{"type":154,"value":1994},{"type":145,"tag":199,"props":3168,"children":3170},{"className":3169},[],[3171],{"type":154,"value":3172},"gif",{"type":154,"value":749},{"type":145,"tag":199,"props":3175,"children":3177},{"className":3176},[],[3178],{"type":154,"value":3179},"svg",{"type":154,"value":3181},". If the format is not specified, it will respect the default image format.",{"type":145,"tag":230,"props":3183,"children":3185},{"id":3184},"quality",[3186],{"type":145,"tag":199,"props":3187,"children":3189},{"className":3188},[],[3190],{"type":154,"value":3184},{"type":145,"tag":150,"props":3192,"children":3193},{},[3194],{"type":154,"value":3195},"The quality for the generated image(s).",{"type":145,"tag":577,"props":3197,"children":3199},{"className":812,"code":3198,"language":814,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.jpg\" quality=\"80\" width=\"200\" height=\"100\" />\n",[3200],{"type":145,"tag":199,"props":3201,"children":3202},{"__ignoreMap":139},[3203],{"type":145,"tag":587,"props":3204,"children":3205},{"class":589,"line":590},[3206,3210,3214,3218,3222,3226,3231,3235,3240,3244,3248,3253,3257,3262,3266,3270,3275,3279,3284,3288,3292,3297,3301],{"type":145,"tag":587,"props":3207,"children":3208},{"style":599},[3209],{"type":154,"value":826},{"type":145,"tag":587,"props":3211,"children":3212},{"style":829},[3213],{"type":154,"value":832},{"type":145,"tag":587,"props":3215,"children":3216},{"style":835},[3217],{"type":154,"value":838},{"type":145,"tag":587,"props":3219,"children":3220},{"style":599},[3221],{"type":154,"value":602},{"type":145,"tag":587,"props":3223,"children":3224},{"style":599},[3225],{"type":154,"value":607},{"type":145,"tag":587,"props":3227,"children":3228},{"style":610},[3229],{"type":154,"value":3230},"/nuxt.jpg",{"type":145,"tag":587,"props":3232,"children":3233},{"style":599},[3234],{"type":154,"value":607},{"type":145,"tag":587,"props":3236,"children":3237},{"style":835},[3238],{"type":154,"value":3239}," quality",{"type":145,"tag":587,"props":3241,"children":3242},{"style":599},[3243],{"type":154,"value":602},{"type":145,"tag":587,"props":3245,"children":3246},{"style":599},[3247],{"type":154,"value":607},{"type":145,"tag":587,"props":3249,"children":3250},{"style":610},[3251],{"type":154,"value":3252},"80",{"type":145,"tag":587,"props":3254,"children":3255},{"style":599},[3256],{"type":154,"value":607},{"type":145,"tag":587,"props":3258,"children":3259},{"style":835},[3260],{"type":154,"value":3261}," width",{"type":145,"tag":587,"props":3263,"children":3264},{"style":599},[3265],{"type":154,"value":602},{"type":145,"tag":587,"props":3267,"children":3268},{"style":599},[3269],{"type":154,"value":607},{"type":145,"tag":587,"props":3271,"children":3272},{"style":610},[3273],{"type":154,"value":3274},"200",{"type":145,"tag":587,"props":3276,"children":3277},{"style":599},[3278],{"type":154,"value":607},{"type":145,"tag":587,"props":3280,"children":3281},{"style":835},[3282],{"type":154,"value":3283}," height",{"type":145,"tag":587,"props":3285,"children":3286},{"style":599},[3287],{"type":154,"value":602},{"type":145,"tag":587,"props":3289,"children":3290},{"style":599},[3291],{"type":154,"value":607},{"type":145,"tag":587,"props":3293,"children":3294},{"style":610},[3295],{"type":154,"value":3296},"100",{"type":145,"tag":587,"props":3298,"children":3299},{"style":599},[3300],{"type":154,"value":607},{"type":145,"tag":587,"props":3302,"children":3303},{"style":599},[3304],{"type":154,"value":860},{"type":145,"tag":230,"props":3306,"children":3308},{"id":3307},"fit",[3309],{"type":145,"tag":199,"props":3310,"children":3312},{"className":3311},[],[3313],{"type":154,"value":3307},{"type":145,"tag":150,"props":3315,"children":3316},{},[3317,3319,3324],{"type":154,"value":3318},"The ",{"type":145,"tag":199,"props":3320,"children":3322},{"className":3321},[],[3323],{"type":154,"value":3307},{"type":154,"value":3325}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":145,"tag":175,"props":3327,"children":3328},{},[3329,3339,3350,3361,3372],{"type":145,"tag":179,"props":3330,"children":3331},{},[3332,3337],{"type":145,"tag":199,"props":3333,"children":3335},{"className":3334},[],[3336],{"type":154,"value":2771},{"type":154,"value":3338},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":145,"tag":179,"props":3340,"children":3341},{},[3342,3348],{"type":145,"tag":199,"props":3343,"children":3345},{"className":3344},[],[3346],{"type":154,"value":3347},"contain",{"type":154,"value":3349},": Preserving aspect ratio, contain within both provided dimensions using \"letterboxing\" where necessary.",{"type":145,"tag":179,"props":3351,"children":3352},{},[3353,3359],{"type":145,"tag":199,"props":3354,"children":3356},{"className":3355},[],[3357],{"type":154,"value":3358},"fill",{"type":154,"value":3360},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":145,"tag":179,"props":3362,"children":3363},{},[3364,3370],{"type":145,"tag":199,"props":3365,"children":3367},{"className":3366},[],[3368],{"type":154,"value":3369},"inside",{"type":154,"value":3371},": 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":3373,"children":3374},{},[3375,3381],{"type":145,"tag":199,"props":3376,"children":3378},{"className":3377},[],[3379],{"type":154,"value":3380},"outside",{"type":154,"value":3382},": 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":3384,"children":3386},{"className":812,"code":3385,"language":814,"meta":139,"style":139},"\u003CNuxtImg fit=\"cover\" src=\"/nuxt-icon.png\" width=\"200\" height=\"100\" />\n",[3387],{"type":145,"tag":199,"props":3388,"children":3389},{"__ignoreMap":139},[3390],{"type":145,"tag":587,"props":3391,"children":3392},{"class":589,"line":590},[3393,3397,3401,3406,3410,3414,3418,3422,3426,3430,3434,3438,3442,3446,3450,3454,3458,3462,3466,3470,3474,3478,3482],{"type":145,"tag":587,"props":3394,"children":3395},{"style":599},[3396],{"type":154,"value":826},{"type":145,"tag":587,"props":3398,"children":3399},{"style":829},[3400],{"type":154,"value":832},{"type":145,"tag":587,"props":3402,"children":3403},{"style":835},[3404],{"type":154,"value":3405}," fit",{"type":145,"tag":587,"props":3407,"children":3408},{"style":599},[3409],{"type":154,"value":602},{"type":145,"tag":587,"props":3411,"children":3412},{"style":599},[3413],{"type":154,"value":607},{"type":145,"tag":587,"props":3415,"children":3416},{"style":610},[3417],{"type":154,"value":2771},{"type":145,"tag":587,"props":3419,"children":3420},{"style":599},[3421],{"type":154,"value":607},{"type":145,"tag":587,"props":3423,"children":3424},{"style":835},[3425],{"type":154,"value":838},{"type":145,"tag":587,"props":3427,"children":3428},{"style":599},[3429],{"type":154,"value":602},{"type":145,"tag":587,"props":3431,"children":3432},{"style":599},[3433],{"type":154,"value":607},{"type":145,"tag":587,"props":3435,"children":3436},{"style":610},[3437],{"type":154,"value":851},{"type":145,"tag":587,"props":3439,"children":3440},{"style":599},[3441],{"type":154,"value":607},{"type":145,"tag":587,"props":3443,"children":3444},{"style":835},[3445],{"type":154,"value":3261},{"type":145,"tag":587,"props":3447,"children":3448},{"style":599},[3449],{"type":154,"value":602},{"type":145,"tag":587,"props":3451,"children":3452},{"style":599},[3453],{"type":154,"value":607},{"type":145,"tag":587,"props":3455,"children":3456},{"style":610},[3457],{"type":154,"value":3274},{"type":145,"tag":587,"props":3459,"children":3460},{"style":599},[3461],{"type":154,"value":607},{"type":145,"tag":587,"props":3463,"children":3464},{"style":835},[3465],{"type":154,"value":3283},{"type":145,"tag":587,"props":3467,"children":3468},{"style":599},[3469],{"type":154,"value":602},{"type":145,"tag":587,"props":3471,"children":3472},{"style":599},[3473],{"type":154,"value":607},{"type":145,"tag":587,"props":3475,"children":3476},{"style":610},[3477],{"type":154,"value":3296},{"type":145,"tag":587,"props":3479,"children":3480},{"style":599},[3481],{"type":154,"value":607},{"type":145,"tag":587,"props":3483,"children":3484},{"style":599},[3485],{"type":154,"value":860},{"type":145,"tag":146,"props":3487,"children":3488},{},[3489],{"type":145,"tag":150,"props":3490,"children":3491},{},[3492],{"type":154,"value":3493},"Some providers support other values.",{"type":145,"tag":230,"props":3495,"children":3497},{"id":3496},"modifiers",[3498],{"type":145,"tag":199,"props":3499,"children":3501},{"className":3500},[],[3502],{"type":154,"value":3496},{"type":145,"tag":150,"props":3504,"children":3505},{},[3506],{"type":154,"value":3507},"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":3509,"children":3510},{},[3511,3513,3518],{"type":154,"value":3512},"Using the ",{"type":145,"tag":199,"props":3514,"children":3516},{"className":3515},[],[3517],{"type":154,"value":3496},{"type":154,"value":3519}," prop lets you use any of these transformations.",{"type":145,"tag":150,"props":3521,"children":3522},{},[3523],{"type":145,"tag":533,"props":3524,"children":3525},{},[3526],{"type":154,"value":1187},{"type":145,"tag":577,"props":3528,"children":3530},{"className":812,"code":3529,"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",[3531],{"type":145,"tag":199,"props":3532,"children":3533},{"__ignoreMap":139},[3534,3545,3569,3592,3616,3639,3664],{"type":145,"tag":587,"props":3535,"children":3536},{"class":589,"line":590},[3537,3541],{"type":145,"tag":587,"props":3538,"children":3539},{"style":599},[3540],{"type":154,"value":826},{"type":145,"tag":587,"props":3542,"children":3543},{"style":829},[3544],{"type":154,"value":1206},{"type":145,"tag":587,"props":3546,"children":3547},{"class":589,"line":367},[3548,3553,3557,3561,3565],{"type":145,"tag":587,"props":3549,"children":3550},{"style":835},[3551],{"type":154,"value":3552}," provider",{"type":145,"tag":587,"props":3554,"children":3555},{"style":599},[3556],{"type":154,"value":602},{"type":145,"tag":587,"props":3558,"children":3559},{"style":599},[3560],{"type":154,"value":607},{"type":145,"tag":587,"props":3562,"children":3563},{"style":610},[3564],{"type":154,"value":2450},{"type":145,"tag":587,"props":3566,"children":3567},{"style":599},[3568],{"type":154,"value":618},{"type":145,"tag":587,"props":3570,"children":3571},{"class":589,"line":372},[3572,3576,3580,3584,3588],{"type":145,"tag":587,"props":3573,"children":3574},{"style":835},[3575],{"type":154,"value":1214},{"type":145,"tag":587,"props":3577,"children":3578},{"style":599},[3579],{"type":154,"value":602},{"type":145,"tag":587,"props":3581,"children":3582},{"style":599},[3583],{"type":154,"value":607},{"type":145,"tag":587,"props":3585,"children":3586},{"style":610},[3587],{"type":154,"value":2475},{"type":145,"tag":587,"props":3589,"children":3590},{"style":599},[3591],{"type":154,"value":618},{"type":145,"tag":587,"props":3593,"children":3594},{"class":589,"line":1259},[3595,3600,3604,3608,3612],{"type":145,"tag":587,"props":3596,"children":3597},{"style":835},[3598],{"type":154,"value":3599}," width",{"type":145,"tag":587,"props":3601,"children":3602},{"style":599},[3603],{"type":154,"value":602},{"type":145,"tag":587,"props":3605,"children":3606},{"style":599},[3607],{"type":154,"value":607},{"type":145,"tag":587,"props":3609,"children":3610},{"style":610},[3611],{"type":154,"value":2500},{"type":145,"tag":587,"props":3613,"children":3614},{"style":599},[3615],{"type":154,"value":618},{"type":145,"tag":587,"props":3617,"children":3618},{"class":589,"line":1380},[3619,3623,3627,3631,3635],{"type":145,"tag":587,"props":3620,"children":3621},{"style":835},[3622],{"type":154,"value":1335},{"type":145,"tag":587,"props":3624,"children":3625},{"style":599},[3626],{"type":154,"value":602},{"type":145,"tag":587,"props":3628,"children":3629},{"style":599},[3630],{"type":154,"value":607},{"type":145,"tag":587,"props":3632,"children":3633},{"style":610},[3634],{"type":154,"value":2525},{"type":145,"tag":587,"props":3636,"children":3637},{"style":599},[3638],{"type":154,"value":618},{"type":145,"tag":587,"props":3640,"children":3641},{"class":589,"line":1388},[3642,3647,3651,3655,3660],{"type":145,"tag":587,"props":3643,"children":3644},{"style":835},[3645],{"type":154,"value":3646}," :modifiers",{"type":145,"tag":587,"props":3648,"children":3649},{"style":599},[3650],{"type":154,"value":602},{"type":145,"tag":587,"props":3652,"children":3653},{"style":599},[3654],{"type":154,"value":607},{"type":145,"tag":587,"props":3656,"children":3657},{"style":610},[3658],{"type":154,"value":3659},"{ roundCorner: '0:100' }",{"type":145,"tag":587,"props":3661,"children":3662},{"style":599},[3663],{"type":154,"value":618},{"type":145,"tag":587,"props":3665,"children":3666},{"class":589,"line":1398},[3667],{"type":145,"tag":587,"props":3668,"children":3669},{"style":599},[3670],{"type":154,"value":1265},{"type":145,"tag":230,"props":3672,"children":3674},{"id":3673},"preload",[3675],{"type":145,"tag":199,"props":3676,"children":3678},{"className":3677},[],[3679],{"type":154,"value":3673},{"type":145,"tag":150,"props":3681,"children":3682},{},[3683,3685,3691],{"type":154,"value":3684},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":145,"tag":199,"props":3686,"children":3688},{"className":3687},[],[3689],{"type":154,"value":3690},"link",{"type":154,"value":3692}," tag in the page's head.",{"type":145,"tag":577,"props":3694,"children":3696},{"className":812,"code":3695,"language":814,"meta":139,"style":139},"\u003CNuxtImg preload src=\"/nuxt-icon.png\" />\n",[3697],{"type":145,"tag":199,"props":3698,"children":3699},{"__ignoreMap":139},[3700],{"type":145,"tag":587,"props":3701,"children":3702},{"class":589,"line":590},[3703,3707,3711,3716,3720,3724,3728,3732,3736],{"type":145,"tag":587,"props":3704,"children":3705},{"style":599},[3706],{"type":154,"value":826},{"type":145,"tag":587,"props":3708,"children":3709},{"style":829},[3710],{"type":154,"value":832},{"type":145,"tag":587,"props":3712,"children":3713},{"style":835},[3714],{"type":154,"value":3715}," preload",{"type":145,"tag":587,"props":3717,"children":3718},{"style":835},[3719],{"type":154,"value":838},{"type":145,"tag":587,"props":3721,"children":3722},{"style":599},[3723],{"type":154,"value":602},{"type":145,"tag":587,"props":3725,"children":3726},{"style":599},[3727],{"type":154,"value":607},{"type":145,"tag":587,"props":3729,"children":3730},{"style":610},[3731],{"type":154,"value":851},{"type":145,"tag":587,"props":3733,"children":3734},{"style":599},[3735],{"type":154,"value":607},{"type":145,"tag":587,"props":3737,"children":3738},{"style":599},[3739],{"type":154,"value":860},{"type":145,"tag":230,"props":3741,"children":3743},{"id":3742},"loading",[3744],{"type":145,"tag":199,"props":3745,"children":3747},{"className":3746},[],[3748],{"type":154,"value":3742},{"type":145,"tag":150,"props":3750,"children":3751},{},[3752,3754,3761,3763,3770],{"type":154,"value":3753},"This is a ",{"type":145,"tag":157,"props":3755,"children":3758},{"href":3756,"rel":3757},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[161],[3759],{"type":154,"value":3760},"native",{"type":154,"value":3762}," 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":3764,"children":3767},{"href":3765,"rel":3766},"https://caniuse.com/loading-lazy-attr",[161],[3768],{"type":154,"value":3769},"supported",{"type":154,"value":3771}," by the latest version of all major browsers since March 2022.",{"type":145,"tag":150,"props":3773,"children":3774},{},[3775,3777,3783],{"type":154,"value":3776},"Set ",{"type":145,"tag":199,"props":3778,"children":3780},{"className":3779},[],[3781],{"type":154,"value":3782},"loading=\"lazy\"",{"type":154,"value":3784}," to defer loading of an image until it appears in the viewport.",{"type":145,"tag":577,"props":3786,"children":3788},{"className":812,"code":3787,"language":814,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[3789],{"type":145,"tag":199,"props":3790,"children":3791},{"__ignoreMap":139},[3792],{"type":145,"tag":587,"props":3793,"children":3794},{"class":589,"line":590},[3795,3799,3803,3807,3811,3815,3819,3823,3828,3832,3836,3841,3845],{"type":145,"tag":587,"props":3796,"children":3797},{"style":599},[3798],{"type":154,"value":826},{"type":145,"tag":587,"props":3800,"children":3801},{"style":829},[3802],{"type":154,"value":832},{"type":145,"tag":587,"props":3804,"children":3805},{"style":835},[3806],{"type":154,"value":838},{"type":145,"tag":587,"props":3808,"children":3809},{"style":599},[3810],{"type":154,"value":602},{"type":145,"tag":587,"props":3812,"children":3813},{"style":599},[3814],{"type":154,"value":607},{"type":145,"tag":587,"props":3816,"children":3817},{"style":610},[3818],{"type":154,"value":851},{"type":145,"tag":587,"props":3820,"children":3821},{"style":599},[3822],{"type":154,"value":607},{"type":145,"tag":587,"props":3824,"children":3825},{"style":835},[3826],{"type":154,"value":3827}," loading",{"type":145,"tag":587,"props":3829,"children":3830},{"style":599},[3831],{"type":154,"value":602},{"type":145,"tag":587,"props":3833,"children":3834},{"style":599},[3835],{"type":154,"value":607},{"type":145,"tag":587,"props":3837,"children":3838},{"style":610},[3839],{"type":154,"value":3840},"lazy",{"type":145,"tag":587,"props":3842,"children":3843},{"style":599},[3844],{"type":154,"value":607},{"type":145,"tag":587,"props":3846,"children":3847},{"style":599},[3848],{"type":154,"value":860},{"type":145,"tag":230,"props":3850,"children":3852},{"id":3851},"nonce",[3853],{"type":145,"tag":199,"props":3854,"children":3856},{"className":3855},[],[3857],{"type":154,"value":3851},{"type":145,"tag":150,"props":3859,"children":3860},{},[3861,3862,3868,3870,3876,3878,3883],{"type":154,"value":3753},{"type":145,"tag":157,"props":3863,"children":3866},{"href":3864,"rel":3865},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[161],[3867],{"type":154,"value":3760},{"type":154,"value":3869}," 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":3871,"children":3873},{"className":3872},[],[3874],{"type":154,"value":3875},"unsafe-inline",{"type":154,"value":3877}," directive, which would allowlist ",{"type":145,"tag":1122,"props":3879,"children":3880},{},[3881],{"type":154,"value":3882},"all",{"type":154,"value":3884}," inline script or styles.",{"type":145,"tag":577,"props":3886,"children":3888},{"className":812,"code":3887,"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",[3889],{"type":145,"tag":199,"props":3890,"children":3891},{"__ignoreMap":139},[3892,3948,3955,3995,4003,4011,4036],{"type":145,"tag":587,"props":3893,"children":3894},{"class":589,"line":590},[3895,3899,3903,3907,3911,3915,3919,3923,3928,3932,3936,3940,3944],{"type":145,"tag":587,"props":3896,"children":3897},{"style":599},[3898],{"type":154,"value":826},{"type":145,"tag":587,"props":3900,"children":3901},{"style":829},[3902],{"type":154,"value":832},{"type":145,"tag":587,"props":3904,"children":3905},{"style":835},[3906],{"type":154,"value":838},{"type":145,"tag":587,"props":3908,"children":3909},{"style":599},[3910],{"type":154,"value":602},{"type":145,"tag":587,"props":3912,"children":3913},{"style":599},[3914],{"type":154,"value":607},{"type":145,"tag":587,"props":3916,"children":3917},{"style":610},[3918],{"type":154,"value":851},{"type":145,"tag":587,"props":3920,"children":3921},{"style":599},[3922],{"type":154,"value":607},{"type":145,"tag":587,"props":3924,"children":3925},{"style":835},[3926],{"type":154,"value":3927}," :nonce",{"type":145,"tag":587,"props":3929,"children":3930},{"style":599},[3931],{"type":154,"value":602},{"type":145,"tag":587,"props":3933,"children":3934},{"style":599},[3935],{"type":154,"value":607},{"type":145,"tag":587,"props":3937,"children":3938},{"style":610},[3939],{"type":154,"value":3851},{"type":145,"tag":587,"props":3941,"children":3942},{"style":599},[3943],{"type":154,"value":607},{"type":145,"tag":587,"props":3945,"children":3946},{"style":599},[3947],{"type":154,"value":860},{"type":145,"tag":587,"props":3949,"children":3950},{"class":589,"line":367},[3951],{"type":145,"tag":587,"props":3952,"children":3953},{"emptyLinePlaceholder":1519},[3954],{"type":154,"value":1522},{"type":145,"tag":587,"props":3956,"children":3957},{"class":589,"line":372},[3958,3962,3966,3971,3975,3979,3983,3987,3991],{"type":145,"tag":587,"props":3959,"children":3960},{"style":599},[3961],{"type":154,"value":826},{"type":145,"tag":587,"props":3963,"children":3964},{"style":829},[3965],{"type":154,"value":1839},{"type":145,"tag":587,"props":3967,"children":3968},{"style":835},[3969],{"type":154,"value":3970}," lang",{"type":145,"tag":587,"props":3972,"children":3973},{"style":599},[3974],{"type":154,"value":602},{"type":145,"tag":587,"props":3976,"children":3977},{"style":599},[3978],{"type":154,"value":607},{"type":145,"tag":587,"props":3980,"children":3981},{"style":610},[3982],{"type":154,"value":2558},{"type":145,"tag":587,"props":3984,"children":3985},{"style":599},[3986],{"type":154,"value":607},{"type":145,"tag":587,"props":3988,"children":3989},{"style":835},[3990],{"type":154,"value":1844},{"type":145,"tag":587,"props":3992,"children":3993},{"style":599},[3994],{"type":154,"value":1849},{"type":145,"tag":587,"props":3996,"children":3997},{"class":589,"line":1259},[3998],{"type":145,"tag":587,"props":3999,"children":4000},{"style":1392},[4001],{"type":154,"value":4002},"// useNonce is not provided by nuxt/image but might be\n",{"type":145,"tag":587,"props":4004,"children":4005},{"class":589,"line":1380},[4006],{"type":145,"tag":587,"props":4007,"children":4008},{"style":1392},[4009],{"type":154,"value":4010},"// provided by another module, for example nuxt-security\n",{"type":145,"tag":587,"props":4012,"children":4013},{"class":589,"line":1388},[4014,4018,4023,4027,4032],{"type":145,"tag":587,"props":4015,"children":4016},{"style":835},[4017],{"type":154,"value":1857},{"type":145,"tag":587,"props":4019,"children":4020},{"style":594},[4021],{"type":154,"value":4022}," nonce ",{"type":145,"tag":587,"props":4024,"children":4025},{"style":599},[4026],{"type":154,"value":602},{"type":145,"tag":587,"props":4028,"children":4029},{"style":1869},[4030],{"type":154,"value":4031}," useNonce",{"type":145,"tag":587,"props":4033,"children":4034},{"style":594},[4035],{"type":154,"value":1877},{"type":145,"tag":587,"props":4037,"children":4038},{"class":589,"line":1398},[4039,4043,4047],{"type":145,"tag":587,"props":4040,"children":4041},{"style":599},[4042],{"type":154,"value":1885},{"type":145,"tag":587,"props":4044,"children":4045},{"style":829},[4046],{"type":154,"value":1839},{"type":145,"tag":587,"props":4048,"children":4049},{"style":599},[4050],{"type":154,"value":1849},{"type":145,"tag":168,"props":4052,"children":4054},{"id":4053},"events",[4055],{"type":154,"value":4056},"Events",{"type":145,"tag":150,"props":4058,"children":4059},{},[4060,4062,4067,4069,4074,4075,4080],{"type":154,"value":4061},"Native events emitted by the ",{"type":145,"tag":199,"props":4063,"children":4065},{"className":4064},[],[4066],{"type":154,"value":713},{"type":154,"value":4068}," element contained by ",{"type":145,"tag":199,"props":4070,"children":4072},{"className":4071},[],[4073],{"type":154,"value":25},{"type":154,"value":749},{"type":145,"tag":199,"props":4076,"children":4078},{"className":4077},[],[4079],{"type":154,"value":28},{"type":154,"value":4081}," components are re-emitted and can be listened to.",{"type":145,"tag":150,"props":4083,"children":4084},{},[4085,4089,4091,4097,4099],{"type":145,"tag":533,"props":4086,"children":4087},{},[4088],{"type":154,"value":1187},{"type":154,"value":4090}," Listen to the native ",{"type":145,"tag":199,"props":4092,"children":4094},{"className":4093},[],[4095],{"type":154,"value":4096},"onLoad",{"type":154,"value":4098}," event from ",{"type":145,"tag":199,"props":4100,"children":4102},{"className":4101},[],[4103],{"type":154,"value":25},{"type":145,"tag":577,"props":4105,"children":4107},{"className":812,"code":4106,"language":814,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/images/colors.jpg\"\n width=\"500\"\n height=\"500\"\n @load=\"doSomethingOnLoad\"\n/>\n",[4108],{"type":145,"tag":199,"props":4109,"children":4110},{"__ignoreMap":139},[4111,4122,4146,4170,4193,4218],{"type":145,"tag":587,"props":4112,"children":4113},{"class":589,"line":590},[4114,4118],{"type":145,"tag":587,"props":4115,"children":4116},{"style":599},[4117],{"type":154,"value":826},{"type":145,"tag":587,"props":4119,"children":4120},{"style":829},[4121],{"type":154,"value":1206},{"type":145,"tag":587,"props":4123,"children":4124},{"class":589,"line":367},[4125,4129,4133,4137,4142],{"type":145,"tag":587,"props":4126,"children":4127},{"style":835},[4128],{"type":154,"value":1214},{"type":145,"tag":587,"props":4130,"children":4131},{"style":599},[4132],{"type":154,"value":602},{"type":145,"tag":587,"props":4134,"children":4135},{"style":599},[4136],{"type":154,"value":607},{"type":145,"tag":587,"props":4138,"children":4139},{"style":610},[4140],{"type":154,"value":4141},"/images/colors.jpg",{"type":145,"tag":587,"props":4143,"children":4144},{"style":599},[4145],{"type":154,"value":618},{"type":145,"tag":587,"props":4147,"children":4148},{"class":589,"line":372},[4149,4153,4157,4161,4166],{"type":145,"tag":587,"props":4150,"children":4151},{"style":835},[4152],{"type":154,"value":3599},{"type":145,"tag":587,"props":4154,"children":4155},{"style":599},[4156],{"type":154,"value":602},{"type":145,"tag":587,"props":4158,"children":4159},{"style":599},[4160],{"type":154,"value":607},{"type":145,"tag":587,"props":4162,"children":4163},{"style":610},[4164],{"type":154,"value":4165},"500",{"type":145,"tag":587,"props":4167,"children":4168},{"style":599},[4169],{"type":154,"value":618},{"type":145,"tag":587,"props":4171,"children":4172},{"class":589,"line":1259},[4173,4177,4181,4185,4189],{"type":145,"tag":587,"props":4174,"children":4175},{"style":835},[4176],{"type":154,"value":1335},{"type":145,"tag":587,"props":4178,"children":4179},{"style":599},[4180],{"type":154,"value":602},{"type":145,"tag":587,"props":4182,"children":4183},{"style":599},[4184],{"type":154,"value":607},{"type":145,"tag":587,"props":4186,"children":4187},{"style":610},[4188],{"type":154,"value":4165},{"type":145,"tag":587,"props":4190,"children":4191},{"style":599},[4192],{"type":154,"value":618},{"type":145,"tag":587,"props":4194,"children":4195},{"class":589,"line":1380},[4196,4201,4205,4209,4214],{"type":145,"tag":587,"props":4197,"children":4198},{"style":835},[4199],{"type":154,"value":4200}," @load",{"type":145,"tag":587,"props":4202,"children":4203},{"style":599},[4204],{"type":154,"value":602},{"type":145,"tag":587,"props":4206,"children":4207},{"style":599},[4208],{"type":154,"value":607},{"type":145,"tag":587,"props":4210,"children":4211},{"style":610},[4212],{"type":154,"value":4213},"doSomethingOnLoad",{"type":145,"tag":587,"props":4215,"children":4216},{"style":599},[4217],{"type":154,"value":618},{"type":145,"tag":587,"props":4219,"children":4220},{"class":589,"line":1388},[4221],{"type":145,"tag":587,"props":4222,"children":4223},{"style":599},[4224],{"type":154,"value":1265},{"type":145,"tag":670,"props":4226,"children":4227},{},[4228],{"type":154,"value":674},{"title":139,"searchDepth":367,"depth":367,"links":4230},[4231,4232,4250],{"id":688,"depth":367,"text":21},{"id":939,"depth":367,"text":942,"children":4233},[4234,4235,4237,4238,4239,4240,4241,4242,4243,4244,4245,4246,4247,4248,4249],{"id":734,"depth":372,"text":734},{"id":1047,"depth":372,"text":4236},"width / height",{"id":766,"depth":372,"text":766},{"id":1268,"depth":372,"text":1268},{"id":1442,"depth":372,"text":1442},{"id":2104,"depth":372,"text":2104},{"id":2359,"depth":372,"text":2359},{"id":2685,"depth":372,"text":2685},{"id":3049,"depth":372,"text":3049},{"id":3184,"depth":372,"text":3184},{"id":3307,"depth":372,"text":3307},{"id":3496,"depth":372,"text":3496},{"id":3673,"depth":372,"text":3673},{"id":3742,"depth":372,"text":3742},{"id":3851,"depth":372,"text":3851},{"id":4053,"depth":367,"text":4056},"content:2.usage:1.nuxt-img.md","2.usage/1.nuxt-img.md","2.usage/1.nuxt-img",1724922834985]