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