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