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