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