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