[{"data":1,"prerenderedAt":3948},["Reactive",2],{"navigation":3,"docs-/get-started/contributing":136,"docs-/get-started/contributing-surround":379},[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,"_extension":378},"get-started",false,"","We can never thank you enough for your contributions. ❤️",{"type":142,"children":143,"toc":366},"root",[144,167,174,229,236,312,318],{"type":145,"tag":146,"props":147,"children":148},"element","callout",{},[149],{"type":145,"tag":150,"props":151,"children":152},"p",{},[153,156,165],{"type":154,"value":155},"text","It is highly recommended to read ",{"type":145,"tag":157,"props":158,"children":162},"a",{"href":159,"rel":160},"https://nuxt.com/docs/community/contribution",[161],"nofollow",[163],{"type":154,"value":164},"Nuxt contribution guide",{"type":154,"value":166}," before making any contributions.",{"type":145,"tag":168,"props":169,"children":171},"h2",{"id":170},"how-to-contribute",[172],{"type":154,"value":173},"How to contribute?",{"type":145,"tag":175,"props":176,"children":177},"ul",{},[178,193,205,216],{"type":145,"tag":179,"props":180,"children":181},"li",{},[182,184,191],{"type":154,"value":183},"Clone ",{"type":145,"tag":157,"props":185,"children":188},{"href":186,"rel":187},"https://github.com/nuxt/image",[161],[189],{"type":154,"value":190},"nuxt/image",{"type":154,"value":192}," repository",{"type":145,"tag":179,"props":194,"children":195},{},[196,198],{"type":154,"value":197},"Enable Corepack using ",{"type":145,"tag":199,"props":200,"children":202},"code",{"className":201},[],[203],{"type":154,"value":204},"corepack enable",{"type":145,"tag":179,"props":206,"children":207},{},[208,210],{"type":154,"value":209},"Install dependencies using ",{"type":145,"tag":199,"props":211,"children":213},{"className":212},[],[214],{"type":154,"value":215},"pnpm install",{"type":145,"tag":179,"props":217,"children":218},{},[219,221,227],{"type":154,"value":220},"Run ",{"type":145,"tag":199,"props":222,"children":224},{"className":223},[],[225],{"type":154,"value":226},"pnpm dev:prepare",{"type":154,"value":228}," to generate type stubs.",{"type":145,"tag":230,"props":231,"children":233},"h3",{"id":232},"nuxt-image",[234],{"type":154,"value":235},"Nuxt Image",{"type":145,"tag":175,"props":237,"children":238},{},[239,261,266,288,299],{"type":145,"tag":179,"props":240,"children":241},{},[242,244,250,252,259],{"type":154,"value":243},"Use ",{"type":145,"tag":199,"props":245,"children":247},{"className":246},[],[248],{"type":154,"value":249},"pnpm dev",{"type":154,"value":251}," to start the ",{"type":145,"tag":157,"props":253,"children":256},{"href":254,"rel":255},"https://github.com/nuxt/image/tree/main/playground",[161],[257],{"type":154,"value":258},"playground",{"type":154,"value":260}," in development mode.",{"type":145,"tag":179,"props":262,"children":263},{},[264],{"type":154,"value":265},"Apply your changes",{"type":145,"tag":179,"props":267,"children":268},{},[269,271,278,280,286],{"type":154,"value":270},"Add tests into the ",{"type":145,"tag":157,"props":272,"children":275},{"href":273,"rel":274},"https://github.com/nuxt/image/tree/main/test",[161],[276],{"type":154,"value":277},"test/",{"type":154,"value":279}," directory and run ",{"type":145,"tag":199,"props":281,"children":283},{"className":282},[],[284],{"type":154,"value":285},"pnpm test",{"type":154,"value":287}," to make sure they pass.",{"type":145,"tag":179,"props":289,"children":290},{},[291,293],{"type":154,"value":292},"Check the code style with ",{"type":145,"tag":199,"props":294,"children":296},{"className":295},[],[297],{"type":154,"value":298},"pnpm lint",{"type":145,"tag":179,"props":300,"children":301},{},[302,304,310],{"type":154,"value":303},"Before creating a PR, make sure to run ",{"type":145,"tag":199,"props":305,"children":307},{"className":306},[],[308],{"type":154,"value":309},"pnpm build",{"type":154,"value":311}," and that no errors are reported.",{"type":145,"tag":230,"props":313,"children":315},{"id":314},"documentation",[316],{"type":154,"value":317},"Documentation",{"type":145,"tag":175,"props":319,"children":320},{},[321,339,352],{"type":145,"tag":179,"props":322,"children":323},{},[324,325,331,332,338],{"type":154,"value":243},{"type":145,"tag":199,"props":326,"children":328},{"className":327},[],[329],{"type":154,"value":330},"pnpm docs:dev",{"type":154,"value":251},{"type":145,"tag":157,"props":333,"children":336},{"href":334,"rel":335},"https://github.com/nuxt/image/tree/main/docs",[161],[337],{"type":154,"value":314},{"type":154,"value":260},{"type":145,"tag":179,"props":340,"children":341},{},[342,344,350],{"type":154,"value":343},"Open ",{"type":145,"tag":157,"props":345,"children":348},{"href":346,"rel":347},"http://localhost:3000",[161],[349],{"type":154,"value":346},{"type":154,"value":351}," to view it in the browser.",{"type":145,"tag":179,"props":353,"children":354},{},[355,357,364],{"type":154,"value":356},"Update the content of the documentation in the ",{"type":145,"tag":157,"props":358,"children":361},{"href":359,"rel":360},"https://github.com/nuxt/image/tree/main/docs/content",[161],[362],{"type":154,"value":363},"docs/content/",{"type":154,"value":365}," directory.",{"title":139,"searchDepth":367,"depth":367,"links":368},2,[369],{"id":170,"depth":367,"text":173,"children":370},[371,373],{"id":232,"depth":372,"text":235},3,{"id":314,"depth":372,"text":317},"markdown","content:1.get-started:4.contributing.md","content","1.get-started/4.contributing.md","md",[380,623],{"_path":16,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":15,"description":381,"body":382,"_type":374,"_id":621,"_source":376,"_file":622,"_extension":378},"Nuxt Image supports multiple providers for high performances.",{"type":142,"children":383,"toc":612},[384,390,395,400,412,438,444,456,462,475,502,515,539,545,562,568,581,586,596,601],{"type":145,"tag":168,"props":385,"children":387},{"id":386},"introduction-to-providers",[388],{"type":154,"value":389},"Introduction to providers",{"type":145,"tag":150,"props":391,"children":392},{},[393],{"type":154,"value":394},"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":396,"children":397},{},[398],{"type":154,"value":399},"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":401,"children":402},{},[403,405,410],{"type":154,"value":404},"If you are looking for a specific provider that is not already supported, you can ",{"type":145,"tag":157,"props":406,"children":407},{"href":132},[408],{"type":154,"value":409},"create your own provider",{"type":154,"value":411},".",{"type":145,"tag":150,"props":413,"children":414},{},[415,417,422,424,429,431,436],{"type":154,"value":416},"Nuxt Image will automatically optimize ",{"type":145,"tag":199,"props":418,"children":420},{"className":419},[],[421],{"type":154,"value":25},{"type":154,"value":423}," or ",{"type":145,"tag":199,"props":425,"children":427},{"className":426},[],[428],{"type":154,"value":28},{"type":154,"value":430}," sources and accepts all ",{"type":145,"tag":157,"props":432,"children":433},{"href":13},[434],{"type":154,"value":435},"options",{"type":154,"value":437}," for specified target, except for modifiers that are specific to other providers.",{"type":145,"tag":168,"props":439,"children":441},{"id":440},"default-provider",[442],{"type":154,"value":443},"Default Provider",{"type":145,"tag":150,"props":445,"children":446},{},[447,449,454],{"type":154,"value":448},"The default optimizer and provider for Nuxt Image is ",{"type":145,"tag":157,"props":450,"children":451},{"href":89},[452],{"type":154,"value":453},"ipx",{"type":154,"value":455},". Either option can be used without any configuration.",{"type":145,"tag":230,"props":457,"children":459},{"id":458},"local-images",[460],{"type":154,"value":461},"Local Images",{"type":145,"tag":150,"props":463,"children":464},{},[465,467,473],{"type":154,"value":466},"Images should be stored in the ",{"type":145,"tag":199,"props":468,"children":470},{"className":469},[],[471],{"type":154,"value":472},"public/",{"type":154,"value":474}," directory of your project.",{"type":145,"tag":150,"props":476,"children":477},{},[478,480,486,488,493,495,501],{"type":154,"value":479},"For example, when using ",{"type":145,"tag":199,"props":481,"children":483},{"className":482},[],[484],{"type":154,"value":485},"\u003CNuxtImg src=\"/nuxt-icon.png\" />",{"type":154,"value":487},", it should be placed in ",{"type":145,"tag":199,"props":489,"children":491},{"className":490},[],[492],{"type":154,"value":472},{"type":154,"value":494}," folder under the path ",{"type":145,"tag":199,"props":496,"children":498},{"className":497},[],[499],{"type":154,"value":500},"public/nuxt-icon.png",{"type":154,"value":411},{"type":145,"tag":150,"props":503,"children":504},{},[505,507,514],{"type":154,"value":506},"For more information, you can learn more about the ",{"type":145,"tag":157,"props":508,"children":511},{"href":509,"rel":510},"https://nuxt.com/docs/guide/directory-structure/public",[161],[512],{"type":154,"value":513},"public directory",{"type":154,"value":411},{"type":145,"tag":146,"props":516,"children":517},{},[518],{"type":145,"tag":150,"props":519,"children":520},{},[521,523,529,531,537],{"type":154,"value":522},"Image stored in the ",{"type":145,"tag":199,"props":524,"children":526},{"className":525},[],[527],{"type":154,"value":528},"assets/",{"type":154,"value":530}," directory are ",{"type":145,"tag":532,"props":533,"children":534},"strong",{},[535],{"type":154,"value":536},"not",{"type":154,"value":538}," proccessed with Nuxt Image because those images are managed by webpack.",{"type":145,"tag":230,"props":540,"children":542},{"id":541},"remote-images",[543],{"type":154,"value":544},"Remote Images",{"type":145,"tag":150,"props":546,"children":547},{},[548,550,560],{"type":154,"value":549},"Using default provider, you can also optimize external URLs. For this, you need to add them to ",{"type":145,"tag":157,"props":551,"children":553},{"href":552},"/get-started/configuration#domains",[554],{"type":145,"tag":199,"props":555,"children":557},{"className":556},[],[558],{"type":154,"value":559},"domains",{"type":154,"value":561}," option.",{"type":145,"tag":230,"props":563,"children":565},{"id":564},"environment-detection",[566],{"type":154,"value":567},"Environment Detection",{"type":145,"tag":150,"props":569,"children":570},{},[571,573,579],{"type":154,"value":572},"You can set default provider using ",{"type":145,"tag":199,"props":574,"children":576},{"className":575},[],[577],{"type":154,"value":578},"NUXT_IMAGE_PROVIDER",{"type":154,"value":580}," environment variable.",{"type":145,"tag":150,"props":582,"children":583},{},[584],{"type":154,"value":585},"Providers detected automatically:",{"type":145,"tag":175,"props":587,"children":588},{},[589],{"type":145,"tag":179,"props":590,"children":591},{},[592],{"type":145,"tag":157,"props":593,"children":594},{"href":122},[595],{"type":154,"value":121},{"type":145,"tag":230,"props":597,"children":599},{"id":598},"custom-provider",[600],{"type":154,"value":131},{"type":145,"tag":150,"props":602,"children":603},{},[604,606,611],{"type":154,"value":605},"It is possible to define your own provider, learn more ",{"type":145,"tag":157,"props":607,"children":608},{"href":132},[609],{"type":154,"value":610},"how to create a custom provider",{"type":154,"value":411},{"title":139,"searchDepth":367,"depth":367,"links":613},[614,615],{"id":386,"depth":367,"text":389},{"id":440,"depth":367,"text":443,"children":616},[617,618,619,620],{"id":458,"depth":372,"text":461},{"id":541,"depth":372,"text":544},{"id":564,"depth":372,"text":567},{"id":598,"depth":372,"text":131},"content:1.get-started:3.providers.md","1.get-started/3.providers.md",{"_path":26,"_dir":624,"_draft":138,"_partial":138,"_locale":139,"title":25,"description":625,"links":626,"body":632,"_type":374,"_id":3946,"_source":376,"_file":3947,"_extension":378},"usage","Discover how to use and configure the Nuxt Image component.",[627],{"label":628,"icon":629,"to":630,"size":631},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-img.ts","xs",{"type":142,"children":633,"toc":3925},[634,652,717,721,746,805,810,852,881,887,895,900,925,968,989,1005,1010,1034,1042,1047,1060,1073,1124,1132,1211,1220,1225,1232,1385,1394,1399,1404,1750,1765,2049,2058,2077,2084,2377,2386,2391,2412,2741,2750,2755,2824,2876,2885,2890,2999,3008,3020,3077,3180,3188,3197,3202,3214,3221,3365,3374,3387,3434,3443,3466,3479,3543,3552,3579,3745,3751,3776,3798,3919],{"type":145,"tag":150,"props":635,"children":636},{},[637,642,644,650],{"type":145,"tag":199,"props":638,"children":640},{"className":639},[],[641],{"type":154,"value":25},{"type":154,"value":643}," is a drop-in replacement for the native ",{"type":145,"tag":199,"props":645,"children":647},{"className":646},[],[648],{"type":154,"value":649},"\u003Cimg>",{"type":154,"value":651}," tag.",{"type":145,"tag":175,"props":653,"children":654},{},[655,660,673,692,705],{"type":145,"tag":179,"props":656,"children":657},{},[658],{"type":154,"value":659},"Uses built-in provider to optimize local and remote images",{"type":145,"tag":179,"props":661,"children":662},{},[663,665,671],{"type":154,"value":664},"Converts ",{"type":145,"tag":199,"props":666,"children":668},{"className":667},[],[669],{"type":154,"value":670},"src",{"type":154,"value":672}," to provider optimized URLs",{"type":145,"tag":179,"props":674,"children":675},{},[676,678,684,686],{"type":154,"value":677},"Automatically resizes images based on ",{"type":145,"tag":199,"props":679,"children":681},{"className":680},[],[682],{"type":154,"value":683},"width",{"type":154,"value":685}," and ",{"type":145,"tag":199,"props":687,"children":689},{"className":688},[],[690],{"type":154,"value":691},"height",{"type":145,"tag":179,"props":693,"children":694},{},[695,697,703],{"type":154,"value":696},"Generates responsive sizes when providing ",{"type":145,"tag":199,"props":698,"children":700},{"className":699},[],[701],{"type":154,"value":702},"sizes",{"type":154,"value":704}," option",{"type":145,"tag":179,"props":706,"children":707},{},[708,710,715],{"type":154,"value":709},"Supports native lazy loading as well as other ",{"type":145,"tag":199,"props":711,"children":713},{"className":712},[],[714],{"type":154,"value":649},{"type":154,"value":716}," attributes",{"type":145,"tag":168,"props":718,"children":719},{"id":624},[720],{"type":154,"value":21},{"type":145,"tag":150,"props":722,"children":723},{},[724,729,731,737,739,744],{"type":145,"tag":199,"props":725,"children":727},{"className":726},[],[728],{"type":154,"value":25},{"type":154,"value":730}," outputs a native ",{"type":145,"tag":199,"props":732,"children":734},{"className":733},[],[735],{"type":154,"value":736},"img",{"type":154,"value":738}," tag directly (without any wrapper around it). Use it like you would use the ",{"type":145,"tag":199,"props":740,"children":742},{"className":741},[],[743],{"type":154,"value":649},{"type":154,"value":745}," tag:",{"type":145,"tag":747,"props":748,"children":752},"pre",{"className":749,"code":750,"language":751,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg src=\"/nuxt-icon.png\" />\n","html",[753],{"type":145,"tag":199,"props":754,"children":755},{"__ignoreMap":139},[756],{"type":145,"tag":757,"props":758,"children":761},"span",{"class":759,"line":760},"line",1,[762,768,774,780,785,790,796,800],{"type":145,"tag":757,"props":763,"children":765},{"style":764},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[766],{"type":154,"value":767},"\u003C",{"type":145,"tag":757,"props":769,"children":771},{"style":770},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[772],{"type":154,"value":773},"NuxtImg",{"type":145,"tag":757,"props":775,"children":777},{"style":776},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[778],{"type":154,"value":779}," src",{"type":145,"tag":757,"props":781,"children":782},{"style":764},[783],{"type":154,"value":784},"=",{"type":145,"tag":757,"props":786,"children":787},{"style":764},[788],{"type":154,"value":789},"\"",{"type":145,"tag":757,"props":791,"children":793},{"style":792},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[794],{"type":154,"value":795},"/nuxt-icon.png",{"type":145,"tag":757,"props":797,"children":798},{"style":764},[799],{"type":154,"value":789},{"type":145,"tag":757,"props":801,"children":802},{"style":764},[803],{"type":154,"value":804}," />\n",{"type":145,"tag":150,"props":806,"children":807},{},[808],{"type":154,"value":809},"Will result in:",{"type":145,"tag":747,"props":811,"children":813},{"className":749,"code":812,"language":751,"meta":139,"style":139},"\u003Cimg src=\"/nuxt-icon.png\" />\n",[814],{"type":145,"tag":199,"props":815,"children":816},{"__ignoreMap":139},[817],{"type":145,"tag":757,"props":818,"children":819},{"class":759,"line":760},[820,824,828,832,836,840,844,848],{"type":145,"tag":757,"props":821,"children":822},{"style":764},[823],{"type":154,"value":767},{"type":145,"tag":757,"props":825,"children":826},{"style":770},[827],{"type":154,"value":736},{"type":145,"tag":757,"props":829,"children":830},{"style":776},[831],{"type":154,"value":779},{"type":145,"tag":757,"props":833,"children":834},{"style":764},[835],{"type":154,"value":784},{"type":145,"tag":757,"props":837,"children":838},{"style":764},[839],{"type":154,"value":789},{"type":145,"tag":757,"props":841,"children":842},{"style":792},[843],{"type":154,"value":795},{"type":145,"tag":757,"props":845,"children":846},{"style":764},[847],{"type":154,"value":789},{"type":145,"tag":757,"props":849,"children":850},{"style":764},[851],{"type":154,"value":804},{"type":145,"tag":146,"props":853,"children":854},{},[855],{"type":145,"tag":150,"props":856,"children":857},{},[858,860,865,867,872,874,879],{"type":154,"value":859},"With ",{"type":145,"tag":157,"props":861,"children":862},{"href":16},[863],{"type":154,"value":864},"default provider",{"type":154,"value":866},", you should put ",{"type":145,"tag":199,"props":868,"children":870},{"className":869},[],[871],{"type":154,"value":795},{"type":154,"value":873}," inside ",{"type":145,"tag":199,"props":875,"children":877},{"className":876},[],[878],{"type":154,"value":472},{"type":154,"value":880}," directory for Nuxt 3 make the above example work.",{"type":145,"tag":168,"props":882,"children":884},{"id":883},"props",[885],{"type":154,"value":886},"Props",{"type":145,"tag":230,"props":888,"children":889},{"id":670},[890],{"type":145,"tag":199,"props":891,"children":893},{"className":892},[],[894],{"type":154,"value":670},{"type":145,"tag":150,"props":896,"children":897},{},[898],{"type":154,"value":899},"Path to image file",{"type":145,"tag":150,"props":901,"children":902},{},[903,908,910,915,917,923],{"type":145,"tag":199,"props":904,"children":906},{"className":905},[],[907],{"type":154,"value":670},{"type":154,"value":909}," should be in the form of an absolute path for static images in ",{"type":145,"tag":199,"props":911,"children":913},{"className":912},[],[914],{"type":154,"value":472},{"type":154,"value":916}," directory.\nOtherwise path that is expected by provider that starts with ",{"type":145,"tag":199,"props":918,"children":920},{"className":919},[],[921],{"type":154,"value":922},"/",{"type":154,"value":924}," or a URL.",{"type":145,"tag":747,"props":926,"children":928},{"className":749,"code":927,"language":751,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.png\" />\n",[929],{"type":145,"tag":199,"props":930,"children":931},{"__ignoreMap":139},[932],{"type":145,"tag":757,"props":933,"children":934},{"class":759,"line":760},[935,939,943,947,951,955,960,964],{"type":145,"tag":757,"props":936,"children":937},{"style":764},[938],{"type":154,"value":767},{"type":145,"tag":757,"props":940,"children":941},{"style":770},[942],{"type":154,"value":773},{"type":145,"tag":757,"props":944,"children":945},{"style":776},[946],{"type":154,"value":779},{"type":145,"tag":757,"props":948,"children":949},{"style":764},[950],{"type":154,"value":784},{"type":145,"tag":757,"props":952,"children":953},{"style":764},[954],{"type":154,"value":789},{"type":145,"tag":757,"props":956,"children":957},{"style":792},[958],{"type":154,"value":959},"/nuxt.png",{"type":145,"tag":757,"props":961,"children":962},{"style":764},[963],{"type":154,"value":789},{"type":145,"tag":757,"props":965,"children":966},{"style":764},[967],{"type":154,"value":804},{"type":145,"tag":150,"props":969,"children":970},{},[971,973,978,980,988],{"type":154,"value":972},"For image optimization when using external urls in ",{"type":145,"tag":199,"props":974,"children":976},{"className":975},[],[977],{"type":154,"value":670},{"type":154,"value":979},", we need to whitelist them using ",{"type":145,"tag":157,"props":981,"children":982},{"href":552},[983],{"type":145,"tag":199,"props":984,"children":986},{"className":985},[],[987],{"type":154,"value":559},{"type":154,"value":561},{"type":145,"tag":230,"props":990,"children":992},{"id":991},"width-height",[993,998,1000],{"type":145,"tag":199,"props":994,"children":996},{"className":995},[],[997],{"type":154,"value":683},{"type":154,"value":999}," / ",{"type":145,"tag":199,"props":1001,"children":1003},{"className":1002},[],[1004],{"type":154,"value":691},{"type":145,"tag":150,"props":1006,"children":1007},{},[1008],{"type":154,"value":1009},"Specify width/height of the image.",{"type":145,"tag":175,"props":1011,"children":1012},{},[1013,1018],{"type":145,"tag":179,"props":1014,"children":1015},{},[1016],{"type":154,"value":1017},"Use desired width/height for static sized images like icons or avatars",{"type":145,"tag":179,"props":1019,"children":1020},{},[1021,1023,1032],{"type":154,"value":1022},"Use original image width/height for responsive images (when using ",{"type":145,"tag":157,"props":1024,"children":1026},{"href":1025},"#sizes",[1027],{"type":145,"tag":199,"props":1028,"children":1030},{"className":1029},[],[1031],{"type":154,"value":702},{"type":154,"value":1033},")",{"type":145,"tag":230,"props":1035,"children":1036},{"id":702},[1037],{"type":145,"tag":199,"props":1038,"children":1040},{"className":1039},[],[1041],{"type":154,"value":702},{"type":145,"tag":150,"props":1043,"children":1044},{},[1045],{"type":154,"value":1046},"Specify responsive sizes.",{"type":145,"tag":150,"props":1048,"children":1049},{},[1050,1052,1058],{"type":154,"value":1051},"This is a space-separated list of screen size/width pairs. You can ",{"type":145,"tag":157,"props":1053,"children":1055},{"href":1054},"/get-started/configuration#screens",[1056],{"type":154,"value":1057},"see a list of the defined screen sizes here",{"type":154,"value":1059},").",{"type":145,"tag":150,"props":1061,"children":1062},{},[1063,1065,1071],{"type":154,"value":1064},"By default Nuxt generates ",{"type":145,"tag":1066,"props":1067,"children":1068},"em",{},[1069],{"type":154,"value":1070},"responsive-first",{"type":154,"value":1072}," sizing.",{"type":145,"tag":175,"props":1074,"children":1075},{},[1076,1089],{"type":145,"tag":179,"props":1077,"children":1078},{},[1079,1081,1087],{"type":154,"value":1080},"If you omit a screen size prefix (like ",{"type":145,"tag":199,"props":1082,"children":1084},{"className":1083},[],[1085],{"type":154,"value":1086},"sm:",{"type":154,"value":1088},") 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":1090,"children":1091},{},[1092,1094,1099,1101,1107,1109,1115,1117,1122],{"type":154,"value":1093},"This default size is used up until the next specified screen width, and so on. Each specified size pair applies ",{"type":145,"tag":1066,"props":1095,"children":1096},{},[1097],{"type":154,"value":1098},"up",{"type":154,"value":1100}," - so ",{"type":145,"tag":199,"props":1102,"children":1104},{"className":1103},[],[1105],{"type":154,"value":1106},"md:400px",{"type":154,"value":1108}," means that the image will be sized ",{"type":145,"tag":199,"props":1110,"children":1112},{"className":1111},[],[1113],{"type":154,"value":1114},"400px",{"type":154,"value":1116}," on ",{"type":145,"tag":199,"props":1118,"children":1120},{"className":1119},[],[1121],{"type":154,"value":378},{"type":154,"value":1123}," screens and up.",{"type":145,"tag":150,"props":1125,"children":1126},{},[1127],{"type":145,"tag":532,"props":1128,"children":1129},{},[1130],{"type":154,"value":1131},"Example:",{"type":145,"tag":747,"props":1133,"children":1135},{"className":749,"code":1134,"language":751,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/logos/nuxt.png\"\n sizes=\"100vw sm:50vw md:400px\"\n/>\n",[1136],{"type":145,"tag":199,"props":1137,"children":1138},{"__ignoreMap":139},[1139,1151,1177,1202],{"type":145,"tag":757,"props":1140,"children":1141},{"class":759,"line":760},[1142,1146],{"type":145,"tag":757,"props":1143,"children":1144},{"style":764},[1145],{"type":154,"value":767},{"type":145,"tag":757,"props":1147,"children":1148},{"style":770},[1149],{"type":154,"value":1150},"NuxtImg\n",{"type":145,"tag":757,"props":1152,"children":1153},{"class":759,"line":367},[1154,1159,1163,1167,1172],{"type":145,"tag":757,"props":1155,"children":1156},{"style":776},[1157],{"type":154,"value":1158}," src",{"type":145,"tag":757,"props":1160,"children":1161},{"style":764},[1162],{"type":154,"value":784},{"type":145,"tag":757,"props":1164,"children":1165},{"style":764},[1166],{"type":154,"value":789},{"type":145,"tag":757,"props":1168,"children":1169},{"style":792},[1170],{"type":154,"value":1171},"/logos/nuxt.png",{"type":145,"tag":757,"props":1173,"children":1174},{"style":764},[1175],{"type":154,"value":1176},"\"\n",{"type":145,"tag":757,"props":1178,"children":1179},{"class":759,"line":372},[1180,1185,1189,1193,1198],{"type":145,"tag":757,"props":1181,"children":1182},{"style":776},[1183],{"type":154,"value":1184}," sizes",{"type":145,"tag":757,"props":1186,"children":1187},{"style":764},[1188],{"type":154,"value":784},{"type":145,"tag":757,"props":1190,"children":1191},{"style":764},[1192],{"type":154,"value":789},{"type":145,"tag":757,"props":1194,"children":1195},{"style":792},[1196],{"type":154,"value":1197},"100vw sm:50vw md:400px",{"type":145,"tag":757,"props":1199,"children":1200},{"style":764},[1201],{"type":154,"value":1176},{"type":145,"tag":757,"props":1203,"children":1205},{"class":759,"line":1204},4,[1206],{"type":145,"tag":757,"props":1207,"children":1208},{"style":764},[1209],{"type":154,"value":1210},"/>\n",{"type":145,"tag":230,"props":1212,"children":1214},{"id":1213},"densities",[1215],{"type":145,"tag":199,"props":1216,"children":1218},{"className":1217},[],[1219],{"type":154,"value":1213},{"type":145,"tag":150,"props":1221,"children":1222},{},[1223],{"type":154,"value":1224},"To generate special versions of images for screens with increased pixel density.",{"type":145,"tag":150,"props":1226,"children":1227},{},[1228],{"type":145,"tag":532,"props":1229,"children":1230},{},[1231],{"type":154,"value":1131},{"type":145,"tag":747,"props":1233,"children":1235},{"className":749,"code":1234,"language":751,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/logos/nuxt.png\"\n height=\"50\"\n densities=\"x1 x2\"\n/>\n\u003C!--\n\u003Cimg\n src=\"/_ipx/w_50/logos/nuxt.png\" \n srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n/>\n-->\n",[1236],{"type":145,"tag":199,"props":1237,"children":1238},{"__ignoreMap":139},[1239,1250,1273,1298,1323,1331,1341,1350,1359,1368,1376],{"type":145,"tag":757,"props":1240,"children":1241},{"class":759,"line":760},[1242,1246],{"type":145,"tag":757,"props":1243,"children":1244},{"style":764},[1245],{"type":154,"value":767},{"type":145,"tag":757,"props":1247,"children":1248},{"style":770},[1249],{"type":154,"value":1150},{"type":145,"tag":757,"props":1251,"children":1252},{"class":759,"line":367},[1253,1257,1261,1265,1269],{"type":145,"tag":757,"props":1254,"children":1255},{"style":776},[1256],{"type":154,"value":1158},{"type":145,"tag":757,"props":1258,"children":1259},{"style":764},[1260],{"type":154,"value":784},{"type":145,"tag":757,"props":1262,"children":1263},{"style":764},[1264],{"type":154,"value":789},{"type":145,"tag":757,"props":1266,"children":1267},{"style":792},[1268],{"type":154,"value":1171},{"type":145,"tag":757,"props":1270,"children":1271},{"style":764},[1272],{"type":154,"value":1176},{"type":145,"tag":757,"props":1274,"children":1275},{"class":759,"line":372},[1276,1281,1285,1289,1294],{"type":145,"tag":757,"props":1277,"children":1278},{"style":776},[1279],{"type":154,"value":1280}," height",{"type":145,"tag":757,"props":1282,"children":1283},{"style":764},[1284],{"type":154,"value":784},{"type":145,"tag":757,"props":1286,"children":1287},{"style":764},[1288],{"type":154,"value":789},{"type":145,"tag":757,"props":1290,"children":1291},{"style":792},[1292],{"type":154,"value":1293},"50",{"type":145,"tag":757,"props":1295,"children":1296},{"style":764},[1297],{"type":154,"value":1176},{"type":145,"tag":757,"props":1299,"children":1300},{"class":759,"line":1204},[1301,1306,1310,1314,1319],{"type":145,"tag":757,"props":1302,"children":1303},{"style":776},[1304],{"type":154,"value":1305}," densities",{"type":145,"tag":757,"props":1307,"children":1308},{"style":764},[1309],{"type":154,"value":784},{"type":145,"tag":757,"props":1311,"children":1312},{"style":764},[1313],{"type":154,"value":789},{"type":145,"tag":757,"props":1315,"children":1316},{"style":792},[1317],{"type":154,"value":1318},"x1 x2",{"type":145,"tag":757,"props":1320,"children":1321},{"style":764},[1322],{"type":154,"value":1176},{"type":145,"tag":757,"props":1324,"children":1326},{"class":759,"line":1325},5,[1327],{"type":145,"tag":757,"props":1328,"children":1329},{"style":764},[1330],{"type":154,"value":1210},{"type":145,"tag":757,"props":1332,"children":1334},{"class":759,"line":1333},6,[1335],{"type":145,"tag":757,"props":1336,"children":1338},{"style":1337},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[1339],{"type":154,"value":1340},"\u003C!--\n",{"type":145,"tag":757,"props":1342,"children":1344},{"class":759,"line":1343},7,[1345],{"type":145,"tag":757,"props":1346,"children":1347},{"style":1337},[1348],{"type":154,"value":1349},"\u003Cimg\n",{"type":145,"tag":757,"props":1351,"children":1353},{"class":759,"line":1352},8,[1354],{"type":145,"tag":757,"props":1355,"children":1356},{"style":1337},[1357],{"type":154,"value":1358}," src=\"/_ipx/w_50/logos/nuxt.png\" \n",{"type":145,"tag":757,"props":1360,"children":1362},{"class":759,"line":1361},9,[1363],{"type":145,"tag":757,"props":1364,"children":1365},{"style":1337},[1366],{"type":154,"value":1367}," srcset=\"/_ipx/w_100/logos/nuxt.png x2\"\n",{"type":145,"tag":757,"props":1369,"children":1371},{"class":759,"line":1370},10,[1372],{"type":145,"tag":757,"props":1373,"children":1374},{"style":1337},[1375],{"type":154,"value":1210},{"type":145,"tag":757,"props":1377,"children":1379},{"class":759,"line":1378},11,[1380],{"type":145,"tag":757,"props":1381,"children":1382},{"style":1337},[1383],{"type":154,"value":1384},"-->\n",{"type":145,"tag":230,"props":1386,"children":1388},{"id":1387},"placeholder",[1389],{"type":145,"tag":199,"props":1390,"children":1392},{"className":1391},[],[1393],{"type":154,"value":1387},{"type":145,"tag":150,"props":1395,"children":1396},{},[1397],{"type":154,"value":1398},"Display a placeholder image before the actual image is fully loaded.",{"type":145,"tag":150,"props":1400,"children":1401},{},[1402],{"type":154,"value":1403},"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":747,"props":1405,"children":1407},{"className":749,"code":1406,"language":751,"meta":139,"style":139},"\u003C!-- Automatically generate a placeholder based on the original image -->\n\u003Cnuxt-img src=\"/nuxt.png\" placeholder />\n\n\u003C!-- Set a width, height for the automatically generated placeholder -->\n\u003Cnuxt-img src=\"/nuxt.png\" :placeholder=\"[50, 25]\" />\n\n\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder -->\n\u003Cnuxt-img 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\u003Cnuxt-img src=\"/nuxt.png\" :placeholder=\"15\" />\n\n\u003C!-- Provide your own image -->\n\u003Cnuxt-img src=\"/nuxt.png\" placeholder=\"./placeholder.png\" />\n",[1408],{"type":145,"tag":199,"props":1409,"children":1410},{"__ignoreMap":139},[1411,1419,1460,1469,1477,1534,1541,1549,1605,1612,1620,1676,1684,1693],{"type":145,"tag":757,"props":1412,"children":1413},{"class":759,"line":760},[1414],{"type":145,"tag":757,"props":1415,"children":1416},{"style":1337},[1417],{"type":154,"value":1418},"\u003C!-- Automatically generate a placeholder based on the original image -->\n",{"type":145,"tag":757,"props":1420,"children":1421},{"class":759,"line":367},[1422,1426,1431,1435,1439,1443,1447,1451,1456],{"type":145,"tag":757,"props":1423,"children":1424},{"style":764},[1425],{"type":154,"value":767},{"type":145,"tag":757,"props":1427,"children":1428},{"style":770},[1429],{"type":154,"value":1430},"nuxt-img",{"type":145,"tag":757,"props":1432,"children":1433},{"style":776},[1434],{"type":154,"value":779},{"type":145,"tag":757,"props":1436,"children":1437},{"style":764},[1438],{"type":154,"value":784},{"type":145,"tag":757,"props":1440,"children":1441},{"style":764},[1442],{"type":154,"value":789},{"type":145,"tag":757,"props":1444,"children":1445},{"style":792},[1446],{"type":154,"value":959},{"type":145,"tag":757,"props":1448,"children":1449},{"style":764},[1450],{"type":154,"value":789},{"type":145,"tag":757,"props":1452,"children":1453},{"style":776},[1454],{"type":154,"value":1455}," placeholder",{"type":145,"tag":757,"props":1457,"children":1458},{"style":764},[1459],{"type":154,"value":804},{"type":145,"tag":757,"props":1461,"children":1462},{"class":759,"line":372},[1463],{"type":145,"tag":757,"props":1464,"children":1466},{"emptyLinePlaceholder":1465},true,[1467],{"type":154,"value":1468},"\n",{"type":145,"tag":757,"props":1470,"children":1471},{"class":759,"line":1204},[1472],{"type":145,"tag":757,"props":1473,"children":1474},{"style":1337},[1475],{"type":154,"value":1476},"\u003C!-- Set a width, height for the automatically generated placeholder -->\n",{"type":145,"tag":757,"props":1478,"children":1479},{"class":759,"line":1325},[1480,1484,1488,1492,1496,1500,1504,1508,1513,1517,1521,1526,1530],{"type":145,"tag":757,"props":1481,"children":1482},{"style":764},[1483],{"type":154,"value":767},{"type":145,"tag":757,"props":1485,"children":1486},{"style":770},[1487],{"type":154,"value":1430},{"type":145,"tag":757,"props":1489,"children":1490},{"style":776},[1491],{"type":154,"value":779},{"type":145,"tag":757,"props":1493,"children":1494},{"style":764},[1495],{"type":154,"value":784},{"type":145,"tag":757,"props":1497,"children":1498},{"style":764},[1499],{"type":154,"value":789},{"type":145,"tag":757,"props":1501,"children":1502},{"style":792},[1503],{"type":154,"value":959},{"type":145,"tag":757,"props":1505,"children":1506},{"style":764},[1507],{"type":154,"value":789},{"type":145,"tag":757,"props":1509,"children":1510},{"style":776},[1511],{"type":154,"value":1512}," :placeholder",{"type":145,"tag":757,"props":1514,"children":1515},{"style":764},[1516],{"type":154,"value":784},{"type":145,"tag":757,"props":1518,"children":1519},{"style":764},[1520],{"type":154,"value":789},{"type":145,"tag":757,"props":1522,"children":1523},{"style":792},[1524],{"type":154,"value":1525},"[50, 25]",{"type":145,"tag":757,"props":1527,"children":1528},{"style":764},[1529],{"type":154,"value":789},{"type":145,"tag":757,"props":1531,"children":1532},{"style":764},[1533],{"type":154,"value":804},{"type":145,"tag":757,"props":1535,"children":1536},{"class":759,"line":1333},[1537],{"type":145,"tag":757,"props":1538,"children":1539},{"emptyLinePlaceholder":1465},[1540],{"type":154,"value":1468},{"type":145,"tag":757,"props":1542,"children":1543},{"class":759,"line":1343},[1544],{"type":145,"tag":757,"props":1545,"children":1546},{"style":1337},[1547],{"type":154,"value":1548},"\u003C!-- Set a width, height, quality & blur for the automatically generated placeholder -->\n",{"type":145,"tag":757,"props":1550,"children":1551},{"class":759,"line":1352},[1552,1556,1560,1564,1568,1572,1576,1580,1584,1588,1592,1597,1601],{"type":145,"tag":757,"props":1553,"children":1554},{"style":764},[1555],{"type":154,"value":767},{"type":145,"tag":757,"props":1557,"children":1558},{"style":770},[1559],{"type":154,"value":1430},{"type":145,"tag":757,"props":1561,"children":1562},{"style":776},[1563],{"type":154,"value":779},{"type":145,"tag":757,"props":1565,"children":1566},{"style":764},[1567],{"type":154,"value":784},{"type":145,"tag":757,"props":1569,"children":1570},{"style":764},[1571],{"type":154,"value":789},{"type":145,"tag":757,"props":1573,"children":1574},{"style":792},[1575],{"type":154,"value":959},{"type":145,"tag":757,"props":1577,"children":1578},{"style":764},[1579],{"type":154,"value":789},{"type":145,"tag":757,"props":1581,"children":1582},{"style":776},[1583],{"type":154,"value":1512},{"type":145,"tag":757,"props":1585,"children":1586},{"style":764},[1587],{"type":154,"value":784},{"type":145,"tag":757,"props":1589,"children":1590},{"style":764},[1591],{"type":154,"value":789},{"type":145,"tag":757,"props":1593,"children":1594},{"style":792},[1595],{"type":154,"value":1596},"[50, 25, 75, 5]",{"type":145,"tag":757,"props":1598,"children":1599},{"style":764},[1600],{"type":154,"value":789},{"type":145,"tag":757,"props":1602,"children":1603},{"style":764},[1604],{"type":154,"value":804},{"type":145,"tag":757,"props":1606,"children":1607},{"class":759,"line":1361},[1608],{"type":145,"tag":757,"props":1609,"children":1610},{"emptyLinePlaceholder":1465},[1611],{"type":154,"value":1468},{"type":145,"tag":757,"props":1613,"children":1614},{"class":759,"line":1370},[1615],{"type":145,"tag":757,"props":1616,"children":1617},{"style":1337},[1618],{"type":154,"value":1619},"\u003C!-- Set the width & height of the automatically generated placeholder, image will be a square -->\n",{"type":145,"tag":757,"props":1621,"children":1622},{"class":759,"line":1378},[1623,1627,1631,1635,1639,1643,1647,1651,1655,1659,1663,1668,1672],{"type":145,"tag":757,"props":1624,"children":1625},{"style":764},[1626],{"type":154,"value":767},{"type":145,"tag":757,"props":1628,"children":1629},{"style":770},[1630],{"type":154,"value":1430},{"type":145,"tag":757,"props":1632,"children":1633},{"style":776},[1634],{"type":154,"value":779},{"type":145,"tag":757,"props":1636,"children":1637},{"style":764},[1638],{"type":154,"value":784},{"type":145,"tag":757,"props":1640,"children":1641},{"style":764},[1642],{"type":154,"value":789},{"type":145,"tag":757,"props":1644,"children":1645},{"style":792},[1646],{"type":154,"value":959},{"type":145,"tag":757,"props":1648,"children":1649},{"style":764},[1650],{"type":154,"value":789},{"type":145,"tag":757,"props":1652,"children":1653},{"style":776},[1654],{"type":154,"value":1512},{"type":145,"tag":757,"props":1656,"children":1657},{"style":764},[1658],{"type":154,"value":784},{"type":145,"tag":757,"props":1660,"children":1661},{"style":764},[1662],{"type":154,"value":789},{"type":145,"tag":757,"props":1664,"children":1665},{"style":792},[1666],{"type":154,"value":1667},"15",{"type":145,"tag":757,"props":1669,"children":1670},{"style":764},[1671],{"type":154,"value":789},{"type":145,"tag":757,"props":1673,"children":1674},{"style":764},[1675],{"type":154,"value":804},{"type":145,"tag":757,"props":1677,"children":1679},{"class":759,"line":1678},12,[1680],{"type":145,"tag":757,"props":1681,"children":1682},{"emptyLinePlaceholder":1465},[1683],{"type":154,"value":1468},{"type":145,"tag":757,"props":1685,"children":1687},{"class":759,"line":1686},13,[1688],{"type":145,"tag":757,"props":1689,"children":1690},{"style":1337},[1691],{"type":154,"value":1692},"\u003C!-- Provide your own image -->\n",{"type":145,"tag":757,"props":1694,"children":1696},{"class":759,"line":1695},14,[1697,1701,1705,1709,1713,1717,1721,1725,1729,1733,1737,1742,1746],{"type":145,"tag":757,"props":1698,"children":1699},{"style":764},[1700],{"type":154,"value":767},{"type":145,"tag":757,"props":1702,"children":1703},{"style":770},[1704],{"type":154,"value":1430},{"type":145,"tag":757,"props":1706,"children":1707},{"style":776},[1708],{"type":154,"value":779},{"type":145,"tag":757,"props":1710,"children":1711},{"style":764},[1712],{"type":154,"value":784},{"type":145,"tag":757,"props":1714,"children":1715},{"style":764},[1716],{"type":154,"value":789},{"type":145,"tag":757,"props":1718,"children":1719},{"style":792},[1720],{"type":154,"value":959},{"type":145,"tag":757,"props":1722,"children":1723},{"style":764},[1724],{"type":154,"value":789},{"type":145,"tag":757,"props":1726,"children":1727},{"style":776},[1728],{"type":154,"value":1455},{"type":145,"tag":757,"props":1730,"children":1731},{"style":764},[1732],{"type":154,"value":784},{"type":145,"tag":757,"props":1734,"children":1735},{"style":764},[1736],{"type":154,"value":789},{"type":145,"tag":757,"props":1738,"children":1739},{"style":792},[1740],{"type":154,"value":1741},"./placeholder.png",{"type":145,"tag":757,"props":1743,"children":1744},{"style":764},[1745],{"type":154,"value":789},{"type":145,"tag":757,"props":1747,"children":1748},{"style":764},[1749],{"type":154,"value":804},{"type":145,"tag":150,"props":1751,"children":1752},{},[1753,1755,1763],{"type":154,"value":1754},"You can also leverage ",{"type":145,"tag":157,"props":1756,"children":1757},{"href":32},[1758],{"type":145,"tag":199,"props":1759,"children":1761},{"className":1760},[],[1762],{"type":154,"value":31},{"type":154,"value":1764}," 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":747,"props":1766,"children":1770},{"className":1767,"code":1768,"language":1769,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst img = useImage()\n\u003C/script>\n\n\u003Ctemplate>\n \u003CNuxtImg :placeholder=\"img(`/nuxt.svg`, { h: 10, f: 'png', blur: 2, q: 50 })\" src=\"/nuxt.svg`\" />\n\u003C/template>\n","vue",[1771],{"type":145,"tag":199,"props":1772,"children":1773},{"__ignoreMap":139},[1774,1796,1825,1841,1848,1864,2034],{"type":145,"tag":757,"props":1775,"children":1776},{"class":759,"line":760},[1777,1781,1786,1791],{"type":145,"tag":757,"props":1778,"children":1779},{"style":764},[1780],{"type":154,"value":767},{"type":145,"tag":757,"props":1782,"children":1783},{"style":770},[1784],{"type":154,"value":1785},"script",{"type":145,"tag":757,"props":1787,"children":1788},{"style":776},[1789],{"type":154,"value":1790}," setup",{"type":145,"tag":757,"props":1792,"children":1793},{"style":764},[1794],{"type":154,"value":1795},">\n",{"type":145,"tag":757,"props":1797,"children":1798},{"class":759,"line":367},[1799,1804,1810,1814,1820],{"type":145,"tag":757,"props":1800,"children":1801},{"style":776},[1802],{"type":154,"value":1803},"const",{"type":145,"tag":757,"props":1805,"children":1807},{"style":1806},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1808],{"type":154,"value":1809}," img ",{"type":145,"tag":757,"props":1811,"children":1812},{"style":764},[1813],{"type":154,"value":784},{"type":145,"tag":757,"props":1815,"children":1817},{"style":1816},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1818],{"type":154,"value":1819}," useImage",{"type":145,"tag":757,"props":1821,"children":1822},{"style":1806},[1823],{"type":154,"value":1824},"()\n",{"type":145,"tag":757,"props":1826,"children":1827},{"class":759,"line":372},[1828,1833,1837],{"type":145,"tag":757,"props":1829,"children":1830},{"style":764},[1831],{"type":154,"value":1832},"\u003C/",{"type":145,"tag":757,"props":1834,"children":1835},{"style":770},[1836],{"type":154,"value":1785},{"type":145,"tag":757,"props":1838,"children":1839},{"style":764},[1840],{"type":154,"value":1795},{"type":145,"tag":757,"props":1842,"children":1843},{"class":759,"line":1204},[1844],{"type":145,"tag":757,"props":1845,"children":1846},{"emptyLinePlaceholder":1465},[1847],{"type":154,"value":1468},{"type":145,"tag":757,"props":1849,"children":1850},{"class":759,"line":1325},[1851,1855,1860],{"type":145,"tag":757,"props":1852,"children":1853},{"style":764},[1854],{"type":154,"value":767},{"type":145,"tag":757,"props":1856,"children":1857},{"style":770},[1858],{"type":154,"value":1859},"template",{"type":145,"tag":757,"props":1861,"children":1862},{"style":764},[1863],{"type":154,"value":1795},{"type":145,"tag":757,"props":1865,"children":1866},{"class":759,"line":1333},[1867,1872,1876,1881,1885,1889,1893,1897,1902,1907,1912,1916,1921,1926,1931,1937,1942,1947,1951,1956,1961,1965,1969,1974,1978,1983,1987,1992,1996,2000,2005,2009,2013,2017,2021,2026,2030],{"type":145,"tag":757,"props":1868,"children":1869},{"style":764},[1870],{"type":154,"value":1871}," \u003C",{"type":145,"tag":757,"props":1873,"children":1874},{"style":770},[1875],{"type":154,"value":773},{"type":145,"tag":757,"props":1877,"children":1878},{"style":764},[1879],{"type":154,"value":1880}," :",{"type":145,"tag":757,"props":1882,"children":1883},{"style":776},[1884],{"type":154,"value":1387},{"type":145,"tag":757,"props":1886,"children":1887},{"style":764},[1888],{"type":154,"value":784},{"type":145,"tag":757,"props":1890,"children":1891},{"style":764},[1892],{"type":154,"value":789},{"type":145,"tag":757,"props":1894,"children":1895},{"style":1816},[1896],{"type":154,"value":736},{"type":145,"tag":757,"props":1898,"children":1899},{"style":764},[1900],{"type":154,"value":1901},"(",{"type":145,"tag":757,"props":1903,"children":1904},{"style":764},[1905],{"type":154,"value":1906},"`",{"type":145,"tag":757,"props":1908,"children":1909},{"style":792},[1910],{"type":154,"value":1911},"/nuxt.svg",{"type":145,"tag":757,"props":1913,"children":1914},{"style":764},[1915],{"type":154,"value":1906},{"type":145,"tag":757,"props":1917,"children":1918},{"style":764},[1919],{"type":154,"value":1920},", { ",{"type":145,"tag":757,"props":1922,"children":1923},{"style":770},[1924],{"type":154,"value":1925},"h",{"type":145,"tag":757,"props":1927,"children":1928},{"style":764},[1929],{"type":154,"value":1930},": ",{"type":145,"tag":757,"props":1932,"children":1934},{"style":1933},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1935],{"type":154,"value":1936},"10",{"type":145,"tag":757,"props":1938,"children":1939},{"style":764},[1940],{"type":154,"value":1941},", ",{"type":145,"tag":757,"props":1943,"children":1944},{"style":770},[1945],{"type":154,"value":1946},"f",{"type":145,"tag":757,"props":1948,"children":1949},{"style":764},[1950],{"type":154,"value":1930},{"type":145,"tag":757,"props":1952,"children":1953},{"style":764},[1954],{"type":154,"value":1955},"'",{"type":145,"tag":757,"props":1957,"children":1958},{"style":792},[1959],{"type":154,"value":1960},"png",{"type":145,"tag":757,"props":1962,"children":1963},{"style":764},[1964],{"type":154,"value":1955},{"type":145,"tag":757,"props":1966,"children":1967},{"style":764},[1968],{"type":154,"value":1941},{"type":145,"tag":757,"props":1970,"children":1971},{"style":770},[1972],{"type":154,"value":1973},"blur",{"type":145,"tag":757,"props":1975,"children":1976},{"style":764},[1977],{"type":154,"value":1930},{"type":145,"tag":757,"props":1979,"children":1980},{"style":1933},[1981],{"type":154,"value":1982},"2",{"type":145,"tag":757,"props":1984,"children":1985},{"style":764},[1986],{"type":154,"value":1941},{"type":145,"tag":757,"props":1988,"children":1989},{"style":770},[1990],{"type":154,"value":1991},"q",{"type":145,"tag":757,"props":1993,"children":1994},{"style":764},[1995],{"type":154,"value":1930},{"type":145,"tag":757,"props":1997,"children":1998},{"style":1933},[1999],{"type":154,"value":1293},{"type":145,"tag":757,"props":2001,"children":2002},{"style":764},[2003],{"type":154,"value":2004}," })",{"type":145,"tag":757,"props":2006,"children":2007},{"style":764},[2008],{"type":154,"value":789},{"type":145,"tag":757,"props":2010,"children":2011},{"style":776},[2012],{"type":154,"value":779},{"type":145,"tag":757,"props":2014,"children":2015},{"style":764},[2016],{"type":154,"value":784},{"type":145,"tag":757,"props":2018,"children":2019},{"style":764},[2020],{"type":154,"value":789},{"type":145,"tag":757,"props":2022,"children":2023},{"style":792},[2024],{"type":154,"value":2025},"/nuxt.svg`",{"type":145,"tag":757,"props":2027,"children":2028},{"style":764},[2029],{"type":154,"value":789},{"type":145,"tag":757,"props":2031,"children":2032},{"style":764},[2033],{"type":154,"value":804},{"type":145,"tag":757,"props":2035,"children":2036},{"class":759,"line":1343},[2037,2041,2045],{"type":145,"tag":757,"props":2038,"children":2039},{"style":764},[2040],{"type":154,"value":1832},{"type":145,"tag":757,"props":2042,"children":2043},{"style":770},[2044],{"type":154,"value":1859},{"type":145,"tag":757,"props":2046,"children":2047},{"style":764},[2048],{"type":154,"value":1795},{"type":145,"tag":230,"props":2050,"children":2052},{"id":2051},"provider",[2053],{"type":145,"tag":199,"props":2054,"children":2056},{"className":2055},[],[2057],{"type":154,"value":2051},{"type":145,"tag":150,"props":2059,"children":2060},{},[2061,2063,2069,2071],{"type":154,"value":2062},"Use other provider instead of default ",{"type":145,"tag":157,"props":2064,"children":2066},{"href":2065},"/get-started/configuration#provider",[2067],{"type":154,"value":2068},"provider option",{"type":154,"value":2070}," specified in ",{"type":145,"tag":199,"props":2072,"children":2074},{"className":2073},[],[2075],{"type":154,"value":2076},"nuxt.config",{"type":145,"tag":150,"props":2078,"children":2079},{},[2080],{"type":145,"tag":532,"props":2081,"children":2082},{},[2083],{"type":154,"value":1131},{"type":145,"tag":2085,"props":2086,"children":2087},"code-group",{},[2088,2245],{"type":145,"tag":747,"props":2089,"children":2092},{"className":749,"code":2090,"filename":2091,"language":751,"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",[2093],{"type":145,"tag":199,"props":2094,"children":2095},{"__ignoreMap":139},[2096,2111,2122,2147,2172,2197,2222,2230],{"type":145,"tag":757,"props":2097,"children":2098},{"class":759,"line":760},[2099,2103,2107],{"type":145,"tag":757,"props":2100,"children":2101},{"style":764},[2102],{"type":154,"value":767},{"type":145,"tag":757,"props":2104,"children":2105},{"style":770},[2106],{"type":154,"value":1859},{"type":145,"tag":757,"props":2108,"children":2109},{"style":764},[2110],{"type":154,"value":1795},{"type":145,"tag":757,"props":2112,"children":2113},{"class":759,"line":367},[2114,2118],{"type":145,"tag":757,"props":2115,"children":2116},{"style":764},[2117],{"type":154,"value":1871},{"type":145,"tag":757,"props":2119,"children":2120},{"style":770},[2121],{"type":154,"value":1150},{"type":145,"tag":757,"props":2123,"children":2124},{"class":759,"line":372},[2125,2130,2134,2138,2143],{"type":145,"tag":757,"props":2126,"children":2127},{"style":776},[2128],{"type":154,"value":2129}," provider",{"type":145,"tag":757,"props":2131,"children":2132},{"style":764},[2133],{"type":154,"value":784},{"type":145,"tag":757,"props":2135,"children":2136},{"style":764},[2137],{"type":154,"value":789},{"type":145,"tag":757,"props":2139,"children":2140},{"style":792},[2141],{"type":154,"value":2142},"cloudinary",{"type":145,"tag":757,"props":2144,"children":2145},{"style":764},[2146],{"type":154,"value":1176},{"type":145,"tag":757,"props":2148,"children":2149},{"class":759,"line":1204},[2150,2155,2159,2163,2168],{"type":145,"tag":757,"props":2151,"children":2152},{"style":776},[2153],{"type":154,"value":2154}," src",{"type":145,"tag":757,"props":2156,"children":2157},{"style":764},[2158],{"type":154,"value":784},{"type":145,"tag":757,"props":2160,"children":2161},{"style":764},[2162],{"type":154,"value":789},{"type":145,"tag":757,"props":2164,"children":2165},{"style":792},[2166],{"type":154,"value":2167},"/remote/nuxt-org/blog/going-full-static/main.png",{"type":145,"tag":757,"props":2169,"children":2170},{"style":764},[2171],{"type":154,"value":1176},{"type":145,"tag":757,"props":2173,"children":2174},{"class":759,"line":1325},[2175,2180,2184,2188,2193],{"type":145,"tag":757,"props":2176,"children":2177},{"style":776},[2178],{"type":154,"value":2179}," width",{"type":145,"tag":757,"props":2181,"children":2182},{"style":764},[2183],{"type":154,"value":784},{"type":145,"tag":757,"props":2185,"children":2186},{"style":764},[2187],{"type":154,"value":789},{"type":145,"tag":757,"props":2189,"children":2190},{"style":792},[2191],{"type":154,"value":2192},"300",{"type":145,"tag":757,"props":2194,"children":2195},{"style":764},[2196],{"type":154,"value":1176},{"type":145,"tag":757,"props":2198,"children":2199},{"class":759,"line":1333},[2200,2205,2209,2213,2218],{"type":145,"tag":757,"props":2201,"children":2202},{"style":776},[2203],{"type":154,"value":2204}," height",{"type":145,"tag":757,"props":2206,"children":2207},{"style":764},[2208],{"type":154,"value":784},{"type":145,"tag":757,"props":2210,"children":2211},{"style":764},[2212],{"type":154,"value":789},{"type":145,"tag":757,"props":2214,"children":2215},{"style":792},[2216],{"type":154,"value":2217},"169",{"type":145,"tag":757,"props":2219,"children":2220},{"style":764},[2221],{"type":154,"value":1176},{"type":145,"tag":757,"props":2223,"children":2224},{"class":759,"line":1343},[2225],{"type":145,"tag":757,"props":2226,"children":2227},{"style":764},[2228],{"type":154,"value":2229}," />\n",{"type":145,"tag":757,"props":2231,"children":2232},{"class":759,"line":1352},[2233,2237,2241],{"type":145,"tag":757,"props":2234,"children":2235},{"style":764},[2236],{"type":154,"value":1832},{"type":145,"tag":757,"props":2238,"children":2239},{"style":770},[2240],{"type":154,"value":1859},{"type":145,"tag":757,"props":2242,"children":2243},{"style":764},[2244],{"type":154,"value":1795},{"type":145,"tag":747,"props":2246,"children":2251},{"className":2247,"code":2248,"filename":2249,"language":2250,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n image: {\n cloudinary: {\n baseURL: 'https://res.cloudinary.com/nuxt/image/upload/',\n },\n },\n})\n","nuxt.config.ts","ts",[2252],{"type":145,"tag":199,"props":2253,"children":2254},{"__ignoreMap":139},[2255,2283,2301,2317,2348,2356,2364],{"type":145,"tag":757,"props":2256,"children":2257},{"class":759,"line":760},[2258,2264,2269,2274,2278],{"type":145,"tag":757,"props":2259,"children":2261},{"style":2260},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[2262],{"type":154,"value":2263},"export",{"type":145,"tag":757,"props":2265,"children":2266},{"style":2260},[2267],{"type":154,"value":2268}," default",{"type":145,"tag":757,"props":2270,"children":2271},{"style":1816},[2272],{"type":154,"value":2273}," defineNuxtConfig",{"type":145,"tag":757,"props":2275,"children":2276},{"style":1806},[2277],{"type":154,"value":1901},{"type":145,"tag":757,"props":2279,"children":2280},{"style":764},[2281],{"type":154,"value":2282},"{\n",{"type":145,"tag":757,"props":2284,"children":2285},{"class":759,"line":367},[2286,2291,2296],{"type":145,"tag":757,"props":2287,"children":2288},{"style":770},[2289],{"type":154,"value":2290}," image",{"type":145,"tag":757,"props":2292,"children":2293},{"style":764},[2294],{"type":154,"value":2295},":",{"type":145,"tag":757,"props":2297,"children":2298},{"style":764},[2299],{"type":154,"value":2300}," {\n",{"type":145,"tag":757,"props":2302,"children":2303},{"class":759,"line":372},[2304,2309,2313],{"type":145,"tag":757,"props":2305,"children":2306},{"style":770},[2307],{"type":154,"value":2308}," cloudinary",{"type":145,"tag":757,"props":2310,"children":2311},{"style":764},[2312],{"type":154,"value":2295},{"type":145,"tag":757,"props":2314,"children":2315},{"style":764},[2316],{"type":154,"value":2300},{"type":145,"tag":757,"props":2318,"children":2319},{"class":759,"line":1204},[2320,2325,2329,2334,2339,2343],{"type":145,"tag":757,"props":2321,"children":2322},{"style":770},[2323],{"type":154,"value":2324}," baseURL",{"type":145,"tag":757,"props":2326,"children":2327},{"style":764},[2328],{"type":154,"value":2295},{"type":145,"tag":757,"props":2330,"children":2331},{"style":764},[2332],{"type":154,"value":2333}," '",{"type":145,"tag":757,"props":2335,"children":2336},{"style":792},[2337],{"type":154,"value":2338},"https://res.cloudinary.com/nuxt/image/upload/",{"type":145,"tag":757,"props":2340,"children":2341},{"style":764},[2342],{"type":154,"value":1955},{"type":145,"tag":757,"props":2344,"children":2345},{"style":764},[2346],{"type":154,"value":2347},",\n",{"type":145,"tag":757,"props":2349,"children":2350},{"class":759,"line":1325},[2351],{"type":145,"tag":757,"props":2352,"children":2353},{"style":764},[2354],{"type":154,"value":2355}," },\n",{"type":145,"tag":757,"props":2357,"children":2358},{"class":759,"line":1333},[2359],{"type":145,"tag":757,"props":2360,"children":2361},{"style":764},[2362],{"type":154,"value":2363}," },\n",{"type":145,"tag":757,"props":2365,"children":2366},{"class":759,"line":1343},[2367,2372],{"type":145,"tag":757,"props":2368,"children":2369},{"style":764},[2370],{"type":154,"value":2371},"}",{"type":145,"tag":757,"props":2373,"children":2374},{"style":1806},[2375],{"type":154,"value":2376},")\n",{"type":145,"tag":230,"props":2378,"children":2380},{"id":2379},"preset",[2381],{"type":145,"tag":199,"props":2382,"children":2384},{"className":2383},[],[2385],{"type":154,"value":2379},{"type":145,"tag":150,"props":2387,"children":2388},{},[2389],{"type":154,"value":2390},"Presets are predefined sets of image modifiers that can be used create unified form of images in your projects.",{"type":145,"tag":146,"props":2392,"children":2393},{},[2394],{"type":145,"tag":150,"props":2395,"children":2396},{},[2397,2399,2405,2407],{"type":154,"value":2398},"We can define presets using ",{"type":145,"tag":157,"props":2400,"children":2402},{"href":2401},"/get-started/configuration#presets",[2403],{"type":154,"value":2404},"presets options",{"type":154,"value":2406}," in ",{"type":145,"tag":199,"props":2408,"children":2410},{"className":2409},[],[2411],{"type":154,"value":2076},{"type":145,"tag":2085,"props":2413,"children":2414},{},[2415,2509],{"type":145,"tag":747,"props":2416,"children":2418},{"className":749,"code":2417,"filename":2091,"language":751,"meta":139,"style":139},"\u003Ctemplate>\n \u003CNuxtImg preset=\"cover\" src=\"/nuxt-icon.png\" />\n\u003C/template>\n",[2419],{"type":145,"tag":199,"props":2420,"children":2421},{"__ignoreMap":139},[2422,2437,2494],{"type":145,"tag":757,"props":2423,"children":2424},{"class":759,"line":760},[2425,2429,2433],{"type":145,"tag":757,"props":2426,"children":2427},{"style":764},[2428],{"type":154,"value":767},{"type":145,"tag":757,"props":2430,"children":2431},{"style":770},[2432],{"type":154,"value":1859},{"type":145,"tag":757,"props":2434,"children":2435},{"style":764},[2436],{"type":154,"value":1795},{"type":145,"tag":757,"props":2438,"children":2439},{"class":759,"line":367},[2440,2444,2448,2453,2457,2461,2466,2470,2474,2478,2482,2486,2490],{"type":145,"tag":757,"props":2441,"children":2442},{"style":764},[2443],{"type":154,"value":1871},{"type":145,"tag":757,"props":2445,"children":2446},{"style":770},[2447],{"type":154,"value":773},{"type":145,"tag":757,"props":2449,"children":2450},{"style":776},[2451],{"type":154,"value":2452}," preset",{"type":145,"tag":757,"props":2454,"children":2455},{"style":764},[2456],{"type":154,"value":784},{"type":145,"tag":757,"props":2458,"children":2459},{"style":764},[2460],{"type":154,"value":789},{"type":145,"tag":757,"props":2462,"children":2463},{"style":792},[2464],{"type":154,"value":2465},"cover",{"type":145,"tag":757,"props":2467,"children":2468},{"style":764},[2469],{"type":154,"value":789},{"type":145,"tag":757,"props":2471,"children":2472},{"style":776},[2473],{"type":154,"value":779},{"type":145,"tag":757,"props":2475,"children":2476},{"style":764},[2477],{"type":154,"value":784},{"type":145,"tag":757,"props":2479,"children":2480},{"style":764},[2481],{"type":154,"value":789},{"type":145,"tag":757,"props":2483,"children":2484},{"style":792},[2485],{"type":154,"value":795},{"type":145,"tag":757,"props":2487,"children":2488},{"style":764},[2489],{"type":154,"value":789},{"type":145,"tag":757,"props":2491,"children":2492},{"style":764},[2493],{"type":154,"value":804},{"type":145,"tag":757,"props":2495,"children":2496},{"class":759,"line":372},[2497,2501,2505],{"type":145,"tag":757,"props":2498,"children":2499},{"style":764},[2500],{"type":154,"value":1832},{"type":145,"tag":757,"props":2502,"children":2503},{"style":770},[2504],{"type":154,"value":1859},{"type":145,"tag":757,"props":2506,"children":2507},{"style":764},[2508],{"type":154,"value":1795},{"type":145,"tag":747,"props":2510,"children":2512},{"className":2247,"code":2511,"filename":2249,"language":2250,"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",[2513],{"type":145,"tag":199,"props":2514,"children":2515},{"__ignoreMap":139},[2516,2539,2554,2570,2586,2602,2630,2659,2680,2700,2708,2716,2723,2730],{"type":145,"tag":757,"props":2517,"children":2518},{"class":759,"line":760},[2519,2523,2527,2531,2535],{"type":145,"tag":757,"props":2520,"children":2521},{"style":2260},[2522],{"type":154,"value":2263},{"type":145,"tag":757,"props":2524,"children":2525},{"style":2260},[2526],{"type":154,"value":2268},{"type":145,"tag":757,"props":2528,"children":2529},{"style":1816},[2530],{"type":154,"value":2273},{"type":145,"tag":757,"props":2532,"children":2533},{"style":1806},[2534],{"type":154,"value":1901},{"type":145,"tag":757,"props":2536,"children":2537},{"style":764},[2538],{"type":154,"value":2282},{"type":145,"tag":757,"props":2540,"children":2541},{"class":759,"line":367},[2542,2546,2550],{"type":145,"tag":757,"props":2543,"children":2544},{"style":770},[2545],{"type":154,"value":2290},{"type":145,"tag":757,"props":2547,"children":2548},{"style":764},[2549],{"type":154,"value":2295},{"type":145,"tag":757,"props":2551,"children":2552},{"style":764},[2553],{"type":154,"value":2300},{"type":145,"tag":757,"props":2555,"children":2556},{"class":759,"line":372},[2557,2562,2566],{"type":145,"tag":757,"props":2558,"children":2559},{"style":770},[2560],{"type":154,"value":2561}," presets",{"type":145,"tag":757,"props":2563,"children":2564},{"style":764},[2565],{"type":154,"value":2295},{"type":145,"tag":757,"props":2567,"children":2568},{"style":764},[2569],{"type":154,"value":2300},{"type":145,"tag":757,"props":2571,"children":2572},{"class":759,"line":1204},[2573,2578,2582],{"type":145,"tag":757,"props":2574,"children":2575},{"style":770},[2576],{"type":154,"value":2577}," cover",{"type":145,"tag":757,"props":2579,"children":2580},{"style":764},[2581],{"type":154,"value":2295},{"type":145,"tag":757,"props":2583,"children":2584},{"style":764},[2585],{"type":154,"value":2300},{"type":145,"tag":757,"props":2587,"children":2588},{"class":759,"line":1325},[2589,2594,2598],{"type":145,"tag":757,"props":2590,"children":2591},{"style":770},[2592],{"type":154,"value":2593}," modifiers",{"type":145,"tag":757,"props":2595,"children":2596},{"style":764},[2597],{"type":154,"value":2295},{"type":145,"tag":757,"props":2599,"children":2600},{"style":764},[2601],{"type":154,"value":2300},{"type":145,"tag":757,"props":2603,"children":2604},{"class":759,"line":1333},[2605,2610,2614,2618,2622,2626],{"type":145,"tag":757,"props":2606,"children":2607},{"style":770},[2608],{"type":154,"value":2609}," fit",{"type":145,"tag":757,"props":2611,"children":2612},{"style":764},[2613],{"type":154,"value":2295},{"type":145,"tag":757,"props":2615,"children":2616},{"style":764},[2617],{"type":154,"value":2333},{"type":145,"tag":757,"props":2619,"children":2620},{"style":792},[2621],{"type":154,"value":2465},{"type":145,"tag":757,"props":2623,"children":2624},{"style":764},[2625],{"type":154,"value":1955},{"type":145,"tag":757,"props":2627,"children":2628},{"style":764},[2629],{"type":154,"value":2347},{"type":145,"tag":757,"props":2631,"children":2632},{"class":759,"line":1343},[2633,2638,2642,2646,2651,2655],{"type":145,"tag":757,"props":2634,"children":2635},{"style":770},[2636],{"type":154,"value":2637}," format",{"type":145,"tag":757,"props":2639,"children":2640},{"style":764},[2641],{"type":154,"value":2295},{"type":145,"tag":757,"props":2643,"children":2644},{"style":764},[2645],{"type":154,"value":2333},{"type":145,"tag":757,"props":2647,"children":2648},{"style":792},[2649],{"type":154,"value":2650},"jpg",{"type":145,"tag":757,"props":2652,"children":2653},{"style":764},[2654],{"type":154,"value":1955},{"type":145,"tag":757,"props":2656,"children":2657},{"style":764},[2658],{"type":154,"value":2347},{"type":145,"tag":757,"props":2660,"children":2661},{"class":759,"line":1352},[2662,2667,2671,2676],{"type":145,"tag":757,"props":2663,"children":2664},{"style":770},[2665],{"type":154,"value":2666}," width",{"type":145,"tag":757,"props":2668,"children":2669},{"style":764},[2670],{"type":154,"value":2295},{"type":145,"tag":757,"props":2672,"children":2673},{"style":1933},[2674],{"type":154,"value":2675}," 300",{"type":145,"tag":757,"props":2677,"children":2678},{"style":764},[2679],{"type":154,"value":2347},{"type":145,"tag":757,"props":2681,"children":2682},{"class":759,"line":1361},[2683,2688,2692,2696],{"type":145,"tag":757,"props":2684,"children":2685},{"style":770},[2686],{"type":154,"value":2687}," height",{"type":145,"tag":757,"props":2689,"children":2690},{"style":764},[2691],{"type":154,"value":2295},{"type":145,"tag":757,"props":2693,"children":2694},{"style":1933},[2695],{"type":154,"value":2675},{"type":145,"tag":757,"props":2697,"children":2698},{"style":764},[2699],{"type":154,"value":2347},{"type":145,"tag":757,"props":2701,"children":2702},{"class":759,"line":1370},[2703],{"type":145,"tag":757,"props":2704,"children":2705},{"style":764},[2706],{"type":154,"value":2707}," },\n",{"type":145,"tag":757,"props":2709,"children":2710},{"class":759,"line":1378},[2711],{"type":145,"tag":757,"props":2712,"children":2713},{"style":764},[2714],{"type":154,"value":2715}," },\n",{"type":145,"tag":757,"props":2717,"children":2718},{"class":759,"line":1678},[2719],{"type":145,"tag":757,"props":2720,"children":2721},{"style":764},[2722],{"type":154,"value":2355},{"type":145,"tag":757,"props":2724,"children":2725},{"class":759,"line":1686},[2726],{"type":145,"tag":757,"props":2727,"children":2728},{"style":764},[2729],{"type":154,"value":2363},{"type":145,"tag":757,"props":2731,"children":2732},{"class":759,"line":1695},[2733,2737],{"type":145,"tag":757,"props":2734,"children":2735},{"style":764},[2736],{"type":154,"value":2371},{"type":145,"tag":757,"props":2738,"children":2739},{"style":1806},[2740],{"type":154,"value":2376},{"type":145,"tag":230,"props":2742,"children":2744},{"id":2743},"format",[2745],{"type":145,"tag":199,"props":2746,"children":2748},{"className":2747},[],[2749],{"type":154,"value":2743},{"type":145,"tag":150,"props":2751,"children":2752},{},[2753],{"type":154,"value":2754},"In case you want to serve images in a specific format, use this prop.",{"type":145,"tag":747,"props":2756,"children":2758},{"className":749,"code":2757,"language":751,"meta":139,"style":139},"\u003CNuxtImg format=\"webp\" src=\"/nuxt-icon.png\" ... />\n",[2759],{"type":145,"tag":199,"props":2760,"children":2761},{"__ignoreMap":139},[2762],{"type":145,"tag":757,"props":2763,"children":2764},{"class":759,"line":760},[2765,2769,2773,2778,2782,2786,2791,2795,2799,2803,2807,2811,2815,2820],{"type":145,"tag":757,"props":2766,"children":2767},{"style":764},[2768],{"type":154,"value":767},{"type":145,"tag":757,"props":2770,"children":2771},{"style":770},[2772],{"type":154,"value":773},{"type":145,"tag":757,"props":2774,"children":2775},{"style":776},[2776],{"type":154,"value":2777}," format",{"type":145,"tag":757,"props":2779,"children":2780},{"style":764},[2781],{"type":154,"value":784},{"type":145,"tag":757,"props":2783,"children":2784},{"style":764},[2785],{"type":154,"value":789},{"type":145,"tag":757,"props":2787,"children":2788},{"style":792},[2789],{"type":154,"value":2790},"webp",{"type":145,"tag":757,"props":2792,"children":2793},{"style":764},[2794],{"type":154,"value":789},{"type":145,"tag":757,"props":2796,"children":2797},{"style":776},[2798],{"type":154,"value":779},{"type":145,"tag":757,"props":2800,"children":2801},{"style":764},[2802],{"type":154,"value":784},{"type":145,"tag":757,"props":2804,"children":2805},{"style":764},[2806],{"type":154,"value":789},{"type":145,"tag":757,"props":2808,"children":2809},{"style":792},[2810],{"type":154,"value":795},{"type":145,"tag":757,"props":2812,"children":2813},{"style":764},[2814],{"type":154,"value":789},{"type":145,"tag":757,"props":2816,"children":2817},{"style":776},[2818],{"type":154,"value":2819}," ...",{"type":145,"tag":757,"props":2821,"children":2822},{"style":764},[2823],{"type":154,"value":804},{"type":145,"tag":150,"props":2825,"children":2826},{},[2827,2829,2834,2835,2841,2842,2848,2849,2854,2855,2860,2861,2867,2868,2874],{"type":154,"value":2828},"Available formats are ",{"type":145,"tag":199,"props":2830,"children":2832},{"className":2831},[],[2833],{"type":154,"value":2790},{"type":154,"value":1941},{"type":145,"tag":199,"props":2836,"children":2838},{"className":2837},[],[2839],{"type":154,"value":2840},"avif",{"type":154,"value":1941},{"type":145,"tag":199,"props":2843,"children":2845},{"className":2844},[],[2846],{"type":154,"value":2847},"jpeg",{"type":154,"value":1941},{"type":145,"tag":199,"props":2850,"children":2852},{"className":2851},[],[2853],{"type":154,"value":2650},{"type":154,"value":1941},{"type":145,"tag":199,"props":2856,"children":2858},{"className":2857},[],[2859],{"type":154,"value":1960},{"type":154,"value":1941},{"type":145,"tag":199,"props":2862,"children":2864},{"className":2863},[],[2865],{"type":154,"value":2866},"gif",{"type":154,"value":685},{"type":145,"tag":199,"props":2869,"children":2871},{"className":2870},[],[2872],{"type":154,"value":2873},"svg",{"type":154,"value":2875},". If the format is not specified, it will respect the default image format.",{"type":145,"tag":230,"props":2877,"children":2879},{"id":2878},"quality",[2880],{"type":145,"tag":199,"props":2881,"children":2883},{"className":2882},[],[2884],{"type":154,"value":2878},{"type":145,"tag":150,"props":2886,"children":2887},{},[2888],{"type":154,"value":2889},"The quality for the generated image(s).",{"type":145,"tag":747,"props":2891,"children":2893},{"className":749,"code":2892,"language":751,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt.jpg\" quality=\"80\" width=\"200\" height=\"100\" />\n",[2894],{"type":145,"tag":199,"props":2895,"children":2896},{"__ignoreMap":139},[2897],{"type":145,"tag":757,"props":2898,"children":2899},{"class":759,"line":760},[2900,2904,2908,2912,2916,2920,2925,2929,2934,2938,2942,2947,2951,2956,2960,2964,2969,2973,2978,2982,2986,2991,2995],{"type":145,"tag":757,"props":2901,"children":2902},{"style":764},[2903],{"type":154,"value":767},{"type":145,"tag":757,"props":2905,"children":2906},{"style":770},[2907],{"type":154,"value":773},{"type":145,"tag":757,"props":2909,"children":2910},{"style":776},[2911],{"type":154,"value":779},{"type":145,"tag":757,"props":2913,"children":2914},{"style":764},[2915],{"type":154,"value":784},{"type":145,"tag":757,"props":2917,"children":2918},{"style":764},[2919],{"type":154,"value":789},{"type":145,"tag":757,"props":2921,"children":2922},{"style":792},[2923],{"type":154,"value":2924},"/nuxt.jpg",{"type":145,"tag":757,"props":2926,"children":2927},{"style":764},[2928],{"type":154,"value":789},{"type":145,"tag":757,"props":2930,"children":2931},{"style":776},[2932],{"type":154,"value":2933}," quality",{"type":145,"tag":757,"props":2935,"children":2936},{"style":764},[2937],{"type":154,"value":784},{"type":145,"tag":757,"props":2939,"children":2940},{"style":764},[2941],{"type":154,"value":789},{"type":145,"tag":757,"props":2943,"children":2944},{"style":792},[2945],{"type":154,"value":2946},"80",{"type":145,"tag":757,"props":2948,"children":2949},{"style":764},[2950],{"type":154,"value":789},{"type":145,"tag":757,"props":2952,"children":2953},{"style":776},[2954],{"type":154,"value":2955}," width",{"type":145,"tag":757,"props":2957,"children":2958},{"style":764},[2959],{"type":154,"value":784},{"type":145,"tag":757,"props":2961,"children":2962},{"style":764},[2963],{"type":154,"value":789},{"type":145,"tag":757,"props":2965,"children":2966},{"style":792},[2967],{"type":154,"value":2968},"200",{"type":145,"tag":757,"props":2970,"children":2971},{"style":764},[2972],{"type":154,"value":789},{"type":145,"tag":757,"props":2974,"children":2975},{"style":776},[2976],{"type":154,"value":2977}," height",{"type":145,"tag":757,"props":2979,"children":2980},{"style":764},[2981],{"type":154,"value":784},{"type":145,"tag":757,"props":2983,"children":2984},{"style":764},[2985],{"type":154,"value":789},{"type":145,"tag":757,"props":2987,"children":2988},{"style":792},[2989],{"type":154,"value":2990},"100",{"type":145,"tag":757,"props":2992,"children":2993},{"style":764},[2994],{"type":154,"value":789},{"type":145,"tag":757,"props":2996,"children":2997},{"style":764},[2998],{"type":154,"value":804},{"type":145,"tag":230,"props":3000,"children":3002},{"id":3001},"fit",[3003],{"type":145,"tag":199,"props":3004,"children":3006},{"className":3005},[],[3007],{"type":154,"value":3001},{"type":145,"tag":150,"props":3009,"children":3010},{},[3011,3013,3018],{"type":154,"value":3012},"The ",{"type":145,"tag":199,"props":3014,"children":3016},{"className":3015},[],[3017],{"type":154,"value":3001},{"type":154,"value":3019}," property specifies the size of the images.\nThere are five standard values you can use with this property.",{"type":145,"tag":175,"props":3021,"children":3022},{},[3023,3033,3044,3055,3066],{"type":145,"tag":179,"props":3024,"children":3025},{},[3026,3031],{"type":145,"tag":199,"props":3027,"children":3029},{"className":3028},[],[3030],{"type":154,"value":2465},{"type":154,"value":3032},": (default) Preserving aspect ratio, ensure the image covers both provided dimensions by cropping/clipping to fit",{"type":145,"tag":179,"props":3034,"children":3035},{},[3036,3042],{"type":145,"tag":199,"props":3037,"children":3039},{"className":3038},[],[3040],{"type":154,"value":3041},"contain",{"type":154,"value":3043},": Preserving aspect ratio, contain within both provided dimensions using \"letterboxing\" where necessary.",{"type":145,"tag":179,"props":3045,"children":3046},{},[3047,3053],{"type":145,"tag":199,"props":3048,"children":3050},{"className":3049},[],[3051],{"type":154,"value":3052},"fill",{"type":154,"value":3054},": Ignore the aspect ratio of the input and stretch to both provided dimensions.",{"type":145,"tag":179,"props":3056,"children":3057},{},[3058,3064],{"type":145,"tag":199,"props":3059,"children":3061},{"className":3060},[],[3062],{"type":154,"value":3063},"inside",{"type":154,"value":3065},": 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":3067,"children":3068},{},[3069,3075],{"type":145,"tag":199,"props":3070,"children":3072},{"className":3071},[],[3073],{"type":154,"value":3074},"outside",{"type":154,"value":3076},": 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":747,"props":3078,"children":3080},{"className":749,"code":3079,"language":751,"meta":139,"style":139},"\u003CNuxtImg fit=\"cover\" src=\"/nuxt-icon.png\" width=\"200\" height=\"100\" />\n",[3081],{"type":145,"tag":199,"props":3082,"children":3083},{"__ignoreMap":139},[3084],{"type":145,"tag":757,"props":3085,"children":3086},{"class":759,"line":760},[3087,3091,3095,3100,3104,3108,3112,3116,3120,3124,3128,3132,3136,3140,3144,3148,3152,3156,3160,3164,3168,3172,3176],{"type":145,"tag":757,"props":3088,"children":3089},{"style":764},[3090],{"type":154,"value":767},{"type":145,"tag":757,"props":3092,"children":3093},{"style":770},[3094],{"type":154,"value":773},{"type":145,"tag":757,"props":3096,"children":3097},{"style":776},[3098],{"type":154,"value":3099}," fit",{"type":145,"tag":757,"props":3101,"children":3102},{"style":764},[3103],{"type":154,"value":784},{"type":145,"tag":757,"props":3105,"children":3106},{"style":764},[3107],{"type":154,"value":789},{"type":145,"tag":757,"props":3109,"children":3110},{"style":792},[3111],{"type":154,"value":2465},{"type":145,"tag":757,"props":3113,"children":3114},{"style":764},[3115],{"type":154,"value":789},{"type":145,"tag":757,"props":3117,"children":3118},{"style":776},[3119],{"type":154,"value":779},{"type":145,"tag":757,"props":3121,"children":3122},{"style":764},[3123],{"type":154,"value":784},{"type":145,"tag":757,"props":3125,"children":3126},{"style":764},[3127],{"type":154,"value":789},{"type":145,"tag":757,"props":3129,"children":3130},{"style":792},[3131],{"type":154,"value":795},{"type":145,"tag":757,"props":3133,"children":3134},{"style":764},[3135],{"type":154,"value":789},{"type":145,"tag":757,"props":3137,"children":3138},{"style":776},[3139],{"type":154,"value":2955},{"type":145,"tag":757,"props":3141,"children":3142},{"style":764},[3143],{"type":154,"value":784},{"type":145,"tag":757,"props":3145,"children":3146},{"style":764},[3147],{"type":154,"value":789},{"type":145,"tag":757,"props":3149,"children":3150},{"style":792},[3151],{"type":154,"value":2968},{"type":145,"tag":757,"props":3153,"children":3154},{"style":764},[3155],{"type":154,"value":789},{"type":145,"tag":757,"props":3157,"children":3158},{"style":776},[3159],{"type":154,"value":2977},{"type":145,"tag":757,"props":3161,"children":3162},{"style":764},[3163],{"type":154,"value":784},{"type":145,"tag":757,"props":3165,"children":3166},{"style":764},[3167],{"type":154,"value":789},{"type":145,"tag":757,"props":3169,"children":3170},{"style":792},[3171],{"type":154,"value":2990},{"type":145,"tag":757,"props":3173,"children":3174},{"style":764},[3175],{"type":154,"value":789},{"type":145,"tag":757,"props":3177,"children":3178},{"style":764},[3179],{"type":154,"value":804},{"type":145,"tag":146,"props":3181,"children":3182},{},[3183],{"type":145,"tag":150,"props":3184,"children":3185},{},[3186],{"type":154,"value":3187},"Some providers support other values.",{"type":145,"tag":230,"props":3189,"children":3191},{"id":3190},"modifiers",[3192],{"type":145,"tag":199,"props":3193,"children":3195},{"className":3194},[],[3196],{"type":154,"value":3190},{"type":145,"tag":150,"props":3198,"children":3199},{},[3200],{"type":154,"value":3201},"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":3203,"children":3204},{},[3205,3207,3212],{"type":154,"value":3206},"Using the ",{"type":145,"tag":199,"props":3208,"children":3210},{"className":3209},[],[3211],{"type":154,"value":3190},{"type":154,"value":3213}," prop lets you use any of these transformations.",{"type":145,"tag":150,"props":3215,"children":3216},{},[3217],{"type":145,"tag":532,"props":3218,"children":3219},{},[3220],{"type":154,"value":1131},{"type":145,"tag":747,"props":3222,"children":3224},{"className":749,"code":3223,"language":751,"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",[3225],{"type":145,"tag":199,"props":3226,"children":3227},{"__ignoreMap":139},[3228,3239,3263,3286,3310,3333,3358],{"type":145,"tag":757,"props":3229,"children":3230},{"class":759,"line":760},[3231,3235],{"type":145,"tag":757,"props":3232,"children":3233},{"style":764},[3234],{"type":154,"value":767},{"type":145,"tag":757,"props":3236,"children":3237},{"style":770},[3238],{"type":154,"value":1150},{"type":145,"tag":757,"props":3240,"children":3241},{"class":759,"line":367},[3242,3247,3251,3255,3259],{"type":145,"tag":757,"props":3243,"children":3244},{"style":776},[3245],{"type":154,"value":3246}," provider",{"type":145,"tag":757,"props":3248,"children":3249},{"style":764},[3250],{"type":154,"value":784},{"type":145,"tag":757,"props":3252,"children":3253},{"style":764},[3254],{"type":154,"value":789},{"type":145,"tag":757,"props":3256,"children":3257},{"style":792},[3258],{"type":154,"value":2142},{"type":145,"tag":757,"props":3260,"children":3261},{"style":764},[3262],{"type":154,"value":1176},{"type":145,"tag":757,"props":3264,"children":3265},{"class":759,"line":372},[3266,3270,3274,3278,3282],{"type":145,"tag":757,"props":3267,"children":3268},{"style":776},[3269],{"type":154,"value":1158},{"type":145,"tag":757,"props":3271,"children":3272},{"style":764},[3273],{"type":154,"value":784},{"type":145,"tag":757,"props":3275,"children":3276},{"style":764},[3277],{"type":154,"value":789},{"type":145,"tag":757,"props":3279,"children":3280},{"style":792},[3281],{"type":154,"value":2167},{"type":145,"tag":757,"props":3283,"children":3284},{"style":764},[3285],{"type":154,"value":1176},{"type":145,"tag":757,"props":3287,"children":3288},{"class":759,"line":1204},[3289,3294,3298,3302,3306],{"type":145,"tag":757,"props":3290,"children":3291},{"style":776},[3292],{"type":154,"value":3293}," width",{"type":145,"tag":757,"props":3295,"children":3296},{"style":764},[3297],{"type":154,"value":784},{"type":145,"tag":757,"props":3299,"children":3300},{"style":764},[3301],{"type":154,"value":789},{"type":145,"tag":757,"props":3303,"children":3304},{"style":792},[3305],{"type":154,"value":2192},{"type":145,"tag":757,"props":3307,"children":3308},{"style":764},[3309],{"type":154,"value":1176},{"type":145,"tag":757,"props":3311,"children":3312},{"class":759,"line":1325},[3313,3317,3321,3325,3329],{"type":145,"tag":757,"props":3314,"children":3315},{"style":776},[3316],{"type":154,"value":1280},{"type":145,"tag":757,"props":3318,"children":3319},{"style":764},[3320],{"type":154,"value":784},{"type":145,"tag":757,"props":3322,"children":3323},{"style":764},[3324],{"type":154,"value":789},{"type":145,"tag":757,"props":3326,"children":3327},{"style":792},[3328],{"type":154,"value":2217},{"type":145,"tag":757,"props":3330,"children":3331},{"style":764},[3332],{"type":154,"value":1176},{"type":145,"tag":757,"props":3334,"children":3335},{"class":759,"line":1333},[3336,3341,3345,3349,3354],{"type":145,"tag":757,"props":3337,"children":3338},{"style":776},[3339],{"type":154,"value":3340}," :modifiers",{"type":145,"tag":757,"props":3342,"children":3343},{"style":764},[3344],{"type":154,"value":784},{"type":145,"tag":757,"props":3346,"children":3347},{"style":764},[3348],{"type":154,"value":789},{"type":145,"tag":757,"props":3350,"children":3351},{"style":792},[3352],{"type":154,"value":3353},"{ roundCorner: '0:100' }",{"type":145,"tag":757,"props":3355,"children":3356},{"style":764},[3357],{"type":154,"value":1176},{"type":145,"tag":757,"props":3359,"children":3360},{"class":759,"line":1343},[3361],{"type":145,"tag":757,"props":3362,"children":3363},{"style":764},[3364],{"type":154,"value":1210},{"type":145,"tag":230,"props":3366,"children":3368},{"id":3367},"preload",[3369],{"type":145,"tag":199,"props":3370,"children":3372},{"className":3371},[],[3373],{"type":154,"value":3367},{"type":145,"tag":150,"props":3375,"children":3376},{},[3377,3379,3385],{"type":154,"value":3378},"In case you want to preload the image, use this prop. This will place a corresponding ",{"type":145,"tag":199,"props":3380,"children":3382},{"className":3381},[],[3383],{"type":154,"value":3384},"link",{"type":154,"value":3386}," tag in the page's head.",{"type":145,"tag":747,"props":3388,"children":3390},{"className":749,"code":3389,"language":751,"meta":139,"style":139},"\u003CNuxtImg preload src=\"/nuxt-icon.png\" />\n",[3391],{"type":145,"tag":199,"props":3392,"children":3393},{"__ignoreMap":139},[3394],{"type":145,"tag":757,"props":3395,"children":3396},{"class":759,"line":760},[3397,3401,3405,3410,3414,3418,3422,3426,3430],{"type":145,"tag":757,"props":3398,"children":3399},{"style":764},[3400],{"type":154,"value":767},{"type":145,"tag":757,"props":3402,"children":3403},{"style":770},[3404],{"type":154,"value":773},{"type":145,"tag":757,"props":3406,"children":3407},{"style":776},[3408],{"type":154,"value":3409}," preload",{"type":145,"tag":757,"props":3411,"children":3412},{"style":776},[3413],{"type":154,"value":779},{"type":145,"tag":757,"props":3415,"children":3416},{"style":764},[3417],{"type":154,"value":784},{"type":145,"tag":757,"props":3419,"children":3420},{"style":764},[3421],{"type":154,"value":789},{"type":145,"tag":757,"props":3423,"children":3424},{"style":792},[3425],{"type":154,"value":795},{"type":145,"tag":757,"props":3427,"children":3428},{"style":764},[3429],{"type":154,"value":789},{"type":145,"tag":757,"props":3431,"children":3432},{"style":764},[3433],{"type":154,"value":804},{"type":145,"tag":230,"props":3435,"children":3437},{"id":3436},"loading",[3438],{"type":145,"tag":199,"props":3439,"children":3441},{"className":3440},[],[3442],{"type":154,"value":3436},{"type":145,"tag":150,"props":3444,"children":3445},{},[3446,3448,3455,3457,3464],{"type":154,"value":3447},"This is a ",{"type":145,"tag":157,"props":3449,"children":3452},{"href":3450,"rel":3451},"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/loading",[161],[3453],{"type":154,"value":3454},"native",{"type":154,"value":3456}," 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":3458,"children":3461},{"href":3459,"rel":3460},"https://caniuse.com/loading-lazy-attr",[161],[3462],{"type":154,"value":3463},"supported",{"type":154,"value":3465}," by the latest version of all major browsers since March 2022.",{"type":145,"tag":150,"props":3467,"children":3468},{},[3469,3471,3477],{"type":154,"value":3470},"Set ",{"type":145,"tag":199,"props":3472,"children":3474},{"className":3473},[],[3475],{"type":154,"value":3476},"loading=\"lazy\"",{"type":154,"value":3478}," to defer loading of an image until it appears in the viewport.",{"type":145,"tag":747,"props":3480,"children":3482},{"className":749,"code":3481,"language":751,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" loading=\"lazy\" />\n",[3483],{"type":145,"tag":199,"props":3484,"children":3485},{"__ignoreMap":139},[3486],{"type":145,"tag":757,"props":3487,"children":3488},{"class":759,"line":760},[3489,3493,3497,3501,3505,3509,3513,3517,3522,3526,3530,3535,3539],{"type":145,"tag":757,"props":3490,"children":3491},{"style":764},[3492],{"type":154,"value":767},{"type":145,"tag":757,"props":3494,"children":3495},{"style":770},[3496],{"type":154,"value":773},{"type":145,"tag":757,"props":3498,"children":3499},{"style":776},[3500],{"type":154,"value":779},{"type":145,"tag":757,"props":3502,"children":3503},{"style":764},[3504],{"type":154,"value":784},{"type":145,"tag":757,"props":3506,"children":3507},{"style":764},[3508],{"type":154,"value":789},{"type":145,"tag":757,"props":3510,"children":3511},{"style":792},[3512],{"type":154,"value":795},{"type":145,"tag":757,"props":3514,"children":3515},{"style":764},[3516],{"type":154,"value":789},{"type":145,"tag":757,"props":3518,"children":3519},{"style":776},[3520],{"type":154,"value":3521}," loading",{"type":145,"tag":757,"props":3523,"children":3524},{"style":764},[3525],{"type":154,"value":784},{"type":145,"tag":757,"props":3527,"children":3528},{"style":764},[3529],{"type":154,"value":789},{"type":145,"tag":757,"props":3531,"children":3532},{"style":792},[3533],{"type":154,"value":3534},"lazy",{"type":145,"tag":757,"props":3536,"children":3537},{"style":764},[3538],{"type":154,"value":789},{"type":145,"tag":757,"props":3540,"children":3541},{"style":764},[3542],{"type":154,"value":804},{"type":145,"tag":230,"props":3544,"children":3546},{"id":3545},"nonce",[3547],{"type":145,"tag":199,"props":3548,"children":3550},{"className":3549},[],[3551],{"type":154,"value":3545},{"type":145,"tag":150,"props":3553,"children":3554},{},[3555,3556,3562,3564,3570,3572,3577],{"type":154,"value":3447},{"type":145,"tag":157,"props":3557,"children":3560},{"href":3558,"rel":3559},"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce",[161],[3561],{"type":154,"value":3454},{"type":154,"value":3563}," 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":3565,"children":3567},{"className":3566},[],[3568],{"type":154,"value":3569},"unsafe-inline",{"type":154,"value":3571}," directive, which would allowlist ",{"type":145,"tag":1066,"props":3573,"children":3574},{},[3575],{"type":154,"value":3576},"all",{"type":154,"value":3578}," inline script or styles.",{"type":145,"tag":747,"props":3580,"children":3582},{"className":749,"code":3581,"language":751,"meta":139,"style":139},"\u003CNuxtImg src=\"/nuxt-icon.png\" :nonce=\"nonce\" />\n\n\u003Cscript lang=\"ts\" setup>\n// useNonce is not provided by nuxt/image but might be\n// provided by another module, for example nuxt-security\nconst nonce = useNonce()\n\u003C/script>\n",[3583],{"type":145,"tag":199,"props":3584,"children":3585},{"__ignoreMap":139},[3586,3642,3649,3689,3697,3705,3730],{"type":145,"tag":757,"props":3587,"children":3588},{"class":759,"line":760},[3589,3593,3597,3601,3605,3609,3613,3617,3622,3626,3630,3634,3638],{"type":145,"tag":757,"props":3590,"children":3591},{"style":764},[3592],{"type":154,"value":767},{"type":145,"tag":757,"props":3594,"children":3595},{"style":770},[3596],{"type":154,"value":773},{"type":145,"tag":757,"props":3598,"children":3599},{"style":776},[3600],{"type":154,"value":779},{"type":145,"tag":757,"props":3602,"children":3603},{"style":764},[3604],{"type":154,"value":784},{"type":145,"tag":757,"props":3606,"children":3607},{"style":764},[3608],{"type":154,"value":789},{"type":145,"tag":757,"props":3610,"children":3611},{"style":792},[3612],{"type":154,"value":795},{"type":145,"tag":757,"props":3614,"children":3615},{"style":764},[3616],{"type":154,"value":789},{"type":145,"tag":757,"props":3618,"children":3619},{"style":776},[3620],{"type":154,"value":3621}," :nonce",{"type":145,"tag":757,"props":3623,"children":3624},{"style":764},[3625],{"type":154,"value":784},{"type":145,"tag":757,"props":3627,"children":3628},{"style":764},[3629],{"type":154,"value":789},{"type":145,"tag":757,"props":3631,"children":3632},{"style":792},[3633],{"type":154,"value":3545},{"type":145,"tag":757,"props":3635,"children":3636},{"style":764},[3637],{"type":154,"value":789},{"type":145,"tag":757,"props":3639,"children":3640},{"style":764},[3641],{"type":154,"value":804},{"type":145,"tag":757,"props":3643,"children":3644},{"class":759,"line":367},[3645],{"type":145,"tag":757,"props":3646,"children":3647},{"emptyLinePlaceholder":1465},[3648],{"type":154,"value":1468},{"type":145,"tag":757,"props":3650,"children":3651},{"class":759,"line":372},[3652,3656,3660,3665,3669,3673,3677,3681,3685],{"type":145,"tag":757,"props":3653,"children":3654},{"style":764},[3655],{"type":154,"value":767},{"type":145,"tag":757,"props":3657,"children":3658},{"style":770},[3659],{"type":154,"value":1785},{"type":145,"tag":757,"props":3661,"children":3662},{"style":776},[3663],{"type":154,"value":3664}," lang",{"type":145,"tag":757,"props":3666,"children":3667},{"style":764},[3668],{"type":154,"value":784},{"type":145,"tag":757,"props":3670,"children":3671},{"style":764},[3672],{"type":154,"value":789},{"type":145,"tag":757,"props":3674,"children":3675},{"style":792},[3676],{"type":154,"value":2250},{"type":145,"tag":757,"props":3678,"children":3679},{"style":764},[3680],{"type":154,"value":789},{"type":145,"tag":757,"props":3682,"children":3683},{"style":776},[3684],{"type":154,"value":1790},{"type":145,"tag":757,"props":3686,"children":3687},{"style":764},[3688],{"type":154,"value":1795},{"type":145,"tag":757,"props":3690,"children":3691},{"class":759,"line":1204},[3692],{"type":145,"tag":757,"props":3693,"children":3694},{"style":1337},[3695],{"type":154,"value":3696},"// useNonce is not provided by nuxt/image but might be\n",{"type":145,"tag":757,"props":3698,"children":3699},{"class":759,"line":1325},[3700],{"type":145,"tag":757,"props":3701,"children":3702},{"style":1337},[3703],{"type":154,"value":3704},"// provided by another module, for example nuxt-security\n",{"type":145,"tag":757,"props":3706,"children":3707},{"class":759,"line":1333},[3708,3712,3717,3721,3726],{"type":145,"tag":757,"props":3709,"children":3710},{"style":776},[3711],{"type":154,"value":1803},{"type":145,"tag":757,"props":3713,"children":3714},{"style":1806},[3715],{"type":154,"value":3716}," nonce ",{"type":145,"tag":757,"props":3718,"children":3719},{"style":764},[3720],{"type":154,"value":784},{"type":145,"tag":757,"props":3722,"children":3723},{"style":1816},[3724],{"type":154,"value":3725}," useNonce",{"type":145,"tag":757,"props":3727,"children":3728},{"style":1806},[3729],{"type":154,"value":1824},{"type":145,"tag":757,"props":3731,"children":3732},{"class":759,"line":1343},[3733,3737,3741],{"type":145,"tag":757,"props":3734,"children":3735},{"style":764},[3736],{"type":154,"value":1832},{"type":145,"tag":757,"props":3738,"children":3739},{"style":770},[3740],{"type":154,"value":1785},{"type":145,"tag":757,"props":3742,"children":3743},{"style":764},[3744],{"type":154,"value":1795},{"type":145,"tag":168,"props":3746,"children":3748},{"id":3747},"events",[3749],{"type":154,"value":3750},"Events",{"type":145,"tag":150,"props":3752,"children":3753},{},[3754,3756,3761,3763,3768,3769,3774],{"type":154,"value":3755},"Native events emitted by the ",{"type":145,"tag":199,"props":3757,"children":3759},{"className":3758},[],[3760],{"type":154,"value":649},{"type":154,"value":3762}," element contained by ",{"type":145,"tag":199,"props":3764,"children":3766},{"className":3765},[],[3767],{"type":154,"value":25},{"type":154,"value":685},{"type":145,"tag":199,"props":3770,"children":3772},{"className":3771},[],[3773],{"type":154,"value":28},{"type":154,"value":3775}," components are re-emitted and can be listened to.",{"type":145,"tag":150,"props":3777,"children":3778},{},[3779,3783,3785,3791,3793],{"type":145,"tag":532,"props":3780,"children":3781},{},[3782],{"type":154,"value":1131},{"type":154,"value":3784}," Listen to the native ",{"type":145,"tag":199,"props":3786,"children":3788},{"className":3787},[],[3789],{"type":154,"value":3790},"onLoad",{"type":154,"value":3792}," event from ",{"type":145,"tag":199,"props":3794,"children":3796},{"className":3795},[],[3797],{"type":154,"value":25},{"type":145,"tag":747,"props":3799,"children":3801},{"className":749,"code":3800,"language":751,"meta":139,"style":139},"\u003CNuxtImg\n src=\"/images/colors.jpg\"\n width=\"500\"\n height=\"500\"\n @load=\"doSomethingOnLoad\"\n/>\n",[3802],{"type":145,"tag":199,"props":3803,"children":3804},{"__ignoreMap":139},[3805,3816,3840,3864,3887,3912],{"type":145,"tag":757,"props":3806,"children":3807},{"class":759,"line":760},[3808,3812],{"type":145,"tag":757,"props":3809,"children":3810},{"style":764},[3811],{"type":154,"value":767},{"type":145,"tag":757,"props":3813,"children":3814},{"style":770},[3815],{"type":154,"value":1150},{"type":145,"tag":757,"props":3817,"children":3818},{"class":759,"line":367},[3819,3823,3827,3831,3836],{"type":145,"tag":757,"props":3820,"children":3821},{"style":776},[3822],{"type":154,"value":1158},{"type":145,"tag":757,"props":3824,"children":3825},{"style":764},[3826],{"type":154,"value":784},{"type":145,"tag":757,"props":3828,"children":3829},{"style":764},[3830],{"type":154,"value":789},{"type":145,"tag":757,"props":3832,"children":3833},{"style":792},[3834],{"type":154,"value":3835},"/images/colors.jpg",{"type":145,"tag":757,"props":3837,"children":3838},{"style":764},[3839],{"type":154,"value":1176},{"type":145,"tag":757,"props":3841,"children":3842},{"class":759,"line":372},[3843,3847,3851,3855,3860],{"type":145,"tag":757,"props":3844,"children":3845},{"style":776},[3846],{"type":154,"value":3293},{"type":145,"tag":757,"props":3848,"children":3849},{"style":764},[3850],{"type":154,"value":784},{"type":145,"tag":757,"props":3852,"children":3853},{"style":764},[3854],{"type":154,"value":789},{"type":145,"tag":757,"props":3856,"children":3857},{"style":792},[3858],{"type":154,"value":3859},"500",{"type":145,"tag":757,"props":3861,"children":3862},{"style":764},[3863],{"type":154,"value":1176},{"type":145,"tag":757,"props":3865,"children":3866},{"class":759,"line":1204},[3867,3871,3875,3879,3883],{"type":145,"tag":757,"props":3868,"children":3869},{"style":776},[3870],{"type":154,"value":1280},{"type":145,"tag":757,"props":3872,"children":3873},{"style":764},[3874],{"type":154,"value":784},{"type":145,"tag":757,"props":3876,"children":3877},{"style":764},[3878],{"type":154,"value":789},{"type":145,"tag":757,"props":3880,"children":3881},{"style":792},[3882],{"type":154,"value":3859},{"type":145,"tag":757,"props":3884,"children":3885},{"style":764},[3886],{"type":154,"value":1176},{"type":145,"tag":757,"props":3888,"children":3889},{"class":759,"line":1325},[3890,3895,3899,3903,3908],{"type":145,"tag":757,"props":3891,"children":3892},{"style":776},[3893],{"type":154,"value":3894}," @load",{"type":145,"tag":757,"props":3896,"children":3897},{"style":764},[3898],{"type":154,"value":784},{"type":145,"tag":757,"props":3900,"children":3901},{"style":764},[3902],{"type":154,"value":789},{"type":145,"tag":757,"props":3904,"children":3905},{"style":792},[3906],{"type":154,"value":3907},"doSomethingOnLoad",{"type":145,"tag":757,"props":3909,"children":3910},{"style":764},[3911],{"type":154,"value":1176},{"type":145,"tag":757,"props":3913,"children":3914},{"class":759,"line":1333},[3915],{"type":145,"tag":757,"props":3916,"children":3917},{"style":764},[3918],{"type":154,"value":1210},{"type":145,"tag":3920,"props":3921,"children":3922},"style",{},[3923],{"type":154,"value":3924},"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":3926},[3927,3928,3945],{"id":624,"depth":367,"text":21},{"id":883,"depth":367,"text":886,"children":3929},[3930,3931,3933,3934,3935,3936,3937,3938,3939,3940,3941,3942,3943,3944],{"id":670,"depth":372,"text":670},{"id":991,"depth":372,"text":3932},"width / height",{"id":702,"depth":372,"text":702},{"id":1213,"depth":372,"text":1213},{"id":1387,"depth":372,"text":1387},{"id":2051,"depth":372,"text":2051},{"id":2379,"depth":372,"text":2379},{"id":2743,"depth":372,"text":2743},{"id":2878,"depth":372,"text":2878},{"id":3001,"depth":372,"text":3001},{"id":3190,"depth":372,"text":3190},{"id":3367,"depth":372,"text":3367},{"id":3436,"depth":372,"text":3436},{"id":3545,"depth":372,"text":3545},{"id":3747,"depth":367,"text":3750},"content:2.usage:1.nuxt-img.md","2.usage/1.nuxt-img.md",1711560171154]