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