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