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