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