[{"data":1,"prerenderedAt":4155},["ShallowReactive",2],{"navigation":3,"docs-/get-started/configuration":136,"docs-/get-started/configuration-surround":3075},[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":3070,"_id":3071,"_source":3072,"_file":3073,"_stem":3074,"_extension":858},"get-started",false,"","Nuxt Image is configured with sensible defaults.",{"type":142,"children":143,"toc":3055},"root",[144,169,267,277,290,371,380,385,402,488,497,508,573,587,686,695,700,717,1021,1054,1063,1068,1164,1173,1178,1493,1502,1521,1820,1829,1857,1868,2009,2019,2024,2247,2256,2266,2286,2306,2418,2427,2437,2456,2484,2571,2580,2649,2658,2670,2675,2680,2688,2843,2853,2896,2901,2945,2954,2997,3001,3044,3049],{"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-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--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-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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,1047,1052],{"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},", with the addition of ",{"type":145,"tag":153,"props":1041,"children":1043},{"className":1042},[],[1044],{"type":150,"value":798},{"type":150,"value":1046}," and ",{"type":145,"tag":153,"props":1048,"children":1050},{"className":1049},[],[1051],{"type":150,"value":948},{"type":150,"value":1053}," (for backwards compatibility).",{"type":145,"tag":268,"props":1055,"children":1057},{"id":1056},"domains",[1058],{"type":145,"tag":153,"props":1059,"children":1061},{"className":1060},[],[1062],{"type":150,"value":1056},{"type":145,"tag":146,"props":1064,"children":1065},{},[1066],{"type":150,"value":1067},"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":1069,"children":1071},{"className":172,"code":1070,"filename":174,"language":175,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n domains: ['nuxtjs.org']\n }\n})\n",[1072],{"type":145,"tag":153,"props":1073,"children":1074},{"__ignoreMap":139},[1075,1098,1113,1146,1153],{"type":145,"tag":181,"props":1076,"children":1077},{"class":183,"line":184},[1078,1082,1086,1090,1094],{"type":145,"tag":181,"props":1079,"children":1080},{"style":188},[1081],{"type":150,"value":191},{"type":145,"tag":181,"props":1083,"children":1084},{"style":188},[1085],{"type":150,"value":196},{"type":145,"tag":181,"props":1087,"children":1088},{"style":199},[1089],{"type":150,"value":202},{"type":145,"tag":181,"props":1091,"children":1092},{"style":205},[1093],{"type":150,"value":208},{"type":145,"tag":181,"props":1095,"children":1096},{"style":211},[1097],{"type":150,"value":214},{"type":145,"tag":181,"props":1099,"children":1100},{"class":183,"line":217},[1101,1105,1109],{"type":145,"tag":181,"props":1102,"children":1103},{"style":221},[1104],{"type":150,"value":224},{"type":145,"tag":181,"props":1106,"children":1107},{"style":211},[1108],{"type":150,"value":168},{"type":145,"tag":181,"props":1110,"children":1111},{"style":211},[1112],{"type":150,"value":233},{"type":145,"tag":181,"props":1114,"children":1115},{"class":183,"line":236},[1116,1121,1125,1129,1133,1138,1142],{"type":145,"tag":181,"props":1117,"children":1118},{"style":221},[1119],{"type":150,"value":1120}," domains",{"type":145,"tag":181,"props":1122,"children":1123},{"style":211},[1124],{"type":150,"value":168},{"type":145,"tag":181,"props":1126,"children":1127},{"style":205},[1128],{"type":150,"value":648},{"type":145,"tag":181,"props":1130,"children":1131},{"style":211},[1132],{"type":150,"value":653},{"type":145,"tag":181,"props":1134,"children":1135},{"style":656},[1136],{"type":150,"value":1137},"nuxtjs.org",{"type":145,"tag":181,"props":1139,"children":1140},{"style":211},[1141],{"type":150,"value":653},{"type":145,"tag":181,"props":1143,"children":1144},{"style":205},[1145],{"type":150,"value":667},{"type":145,"tag":181,"props":1147,"children":1148},{"class":183,"line":246},[1149],{"type":145,"tag":181,"props":1150,"children":1151},{"style":211},[1152],{"type":150,"value":252},{"type":145,"tag":181,"props":1154,"children":1155},{"class":183,"line":255},[1156,1160],{"type":145,"tag":181,"props":1157,"children":1158},{"style":211},[1159],{"type":150,"value":261},{"type":145,"tag":181,"props":1161,"children":1162},{"style":205},[1163],{"type":150,"value":266},{"type":145,"tag":268,"props":1165,"children":1167},{"id":1166},"presets",[1168],{"type":145,"tag":153,"props":1169,"children":1171},{"className":1170},[],[1172],{"type":150,"value":1166},{"type":145,"tag":146,"props":1174,"children":1175},{},[1176],{"type":150,"value":1177},"Presets are collections of pre-defined configurations for your projects. Presets will help you to unify images all over your project.",{"type":145,"tag":1179,"props":1180,"children":1181},"code-group",{},[1182,1384],{"type":145,"tag":170,"props":1183,"children":1185},{"className":172,"code":1184,"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",[1186],{"type":145,"tag":153,"props":1187,"children":1188},{"__ignoreMap":139},[1189,1212,1227,1243,1259,1275,1304,1325,1342,1350,1358,1366,1373],{"type":145,"tag":181,"props":1190,"children":1191},{"class":183,"line":184},[1192,1196,1200,1204,1208],{"type":145,"tag":181,"props":1193,"children":1194},{"style":188},[1195],{"type":150,"value":191},{"type":145,"tag":181,"props":1197,"children":1198},{"style":188},[1199],{"type":150,"value":196},{"type":145,"tag":181,"props":1201,"children":1202},{"style":199},[1203],{"type":150,"value":202},{"type":145,"tag":181,"props":1205,"children":1206},{"style":205},[1207],{"type":150,"value":208},{"type":145,"tag":181,"props":1209,"children":1210},{"style":211},[1211],{"type":150,"value":214},{"type":145,"tag":181,"props":1213,"children":1214},{"class":183,"line":217},[1215,1219,1223],{"type":145,"tag":181,"props":1216,"children":1217},{"style":221},[1218],{"type":150,"value":224},{"type":145,"tag":181,"props":1220,"children":1221},{"style":211},[1222],{"type":150,"value":168},{"type":145,"tag":181,"props":1224,"children":1225},{"style":211},[1226],{"type":150,"value":233},{"type":145,"tag":181,"props":1228,"children":1229},{"class":183,"line":236},[1230,1235,1239],{"type":145,"tag":181,"props":1231,"children":1232},{"style":221},[1233],{"type":150,"value":1234}," presets",{"type":145,"tag":181,"props":1236,"children":1237},{"style":211},[1238],{"type":150,"value":168},{"type":145,"tag":181,"props":1240,"children":1241},{"style":211},[1242],{"type":150,"value":233},{"type":145,"tag":181,"props":1244,"children":1245},{"class":183,"line":246},[1246,1251,1255],{"type":145,"tag":181,"props":1247,"children":1248},{"style":221},[1249],{"type":150,"value":1250}," avatar",{"type":145,"tag":181,"props":1252,"children":1253},{"style":211},[1254],{"type":150,"value":168},{"type":145,"tag":181,"props":1256,"children":1257},{"style":211},[1258],{"type":150,"value":233},{"type":145,"tag":181,"props":1260,"children":1261},{"class":183,"line":255},[1262,1267,1271],{"type":145,"tag":181,"props":1263,"children":1264},{"style":221},[1265],{"type":150,"value":1266}," modifiers",{"type":145,"tag":181,"props":1268,"children":1269},{"style":211},[1270],{"type":150,"value":168},{"type":145,"tag":181,"props":1272,"children":1273},{"style":211},[1274],{"type":150,"value":233},{"type":145,"tag":181,"props":1276,"children":1277},{"class":183,"line":818},[1278,1283,1287,1292,1296,1300],{"type":145,"tag":181,"props":1279,"children":1280},{"style":221},[1281],{"type":150,"value":1282}," format",{"type":145,"tag":181,"props":1284,"children":1285},{"style":211},[1286],{"type":150,"value":168},{"type":145,"tag":181,"props":1288,"children":1289},{"style":211},[1290],{"type":150,"value":1291}," '",{"type":145,"tag":181,"props":1293,"children":1294},{"style":656},[1295],{"type":150,"value":547},{"type":145,"tag":181,"props":1297,"children":1298},{"style":211},[1299],{"type":150,"value":653},{"type":145,"tag":181,"props":1301,"children":1302},{"style":211},[1303],{"type":150,"value":469},{"type":145,"tag":181,"props":1305,"children":1306},{"class":183,"line":848},[1307,1312,1316,1321],{"type":145,"tag":181,"props":1308,"children":1309},{"style":221},[1310],{"type":150,"value":1311}," width",{"type":145,"tag":181,"props":1313,"children":1314},{"style":211},[1315],{"type":150,"value":168},{"type":145,"tag":181,"props":1317,"children":1318},{"style":461},[1319],{"type":150,"value":1320}," 50",{"type":145,"tag":181,"props":1322,"children":1323},{"style":211},[1324],{"type":150,"value":469},{"type":145,"tag":181,"props":1326,"children":1327},{"class":183,"line":878},[1328,1333,1337],{"type":145,"tag":181,"props":1329,"children":1330},{"style":221},[1331],{"type":150,"value":1332}," height",{"type":145,"tag":181,"props":1334,"children":1335},{"style":211},[1336],{"type":150,"value":168},{"type":145,"tag":181,"props":1338,"children":1339},{"style":461},[1340],{"type":150,"value":1341}," 50\n",{"type":145,"tag":181,"props":1343,"children":1344},{"class":183,"line":908},[1345],{"type":145,"tag":181,"props":1346,"children":1347},{"style":211},[1348],{"type":150,"value":1349}," }\n",{"type":145,"tag":181,"props":1351,"children":1352},{"class":183,"line":938},[1353],{"type":145,"tag":181,"props":1354,"children":1355},{"style":211},[1356],{"type":150,"value":1357}," }\n",{"type":145,"tag":181,"props":1359,"children":1360},{"class":183,"line":968},[1361],{"type":145,"tag":181,"props":1362,"children":1363},{"style":211},[1364],{"type":150,"value":1365}," }\n",{"type":145,"tag":181,"props":1367,"children":1368},{"class":183,"line":994},[1369],{"type":145,"tag":181,"props":1370,"children":1371},{"style":211},[1372],{"type":150,"value":252},{"type":145,"tag":181,"props":1374,"children":1375},{"class":183,"line":1003},[1376,1380],{"type":145,"tag":181,"props":1377,"children":1378},{"style":211},[1379],{"type":150,"value":261},{"type":145,"tag":181,"props":1381,"children":1382},{"style":205},[1383],{"type":150,"value":266},{"type":145,"tag":170,"props":1385,"children":1390},{"className":1386,"code":1387,"filename":1388,"language":1389,"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",[1391],{"type":145,"tag":153,"props":1392,"children":1393},{"__ignoreMap":139},[1394,1412,1477],{"type":145,"tag":181,"props":1395,"children":1396},{"class":183,"line":184},[1397,1402,1407],{"type":145,"tag":181,"props":1398,"children":1399},{"style":211},[1400],{"type":150,"value":1401},"\u003C",{"type":145,"tag":181,"props":1403,"children":1404},{"style":221},[1405],{"type":150,"value":1406},"template",{"type":145,"tag":181,"props":1408,"children":1409},{"style":211},[1410],{"type":150,"value":1411},">\n",{"type":145,"tag":181,"props":1413,"children":1414},{"class":183,"line":217},[1415,1420,1425,1431,1436,1441,1446,1450,1455,1459,1463,1468,1472],{"type":145,"tag":181,"props":1416,"children":1417},{"style":211},[1418],{"type":150,"value":1419}," \u003C",{"type":145,"tag":181,"props":1421,"children":1422},{"style":221},[1423],{"type":150,"value":1424},"NuxtImg",{"type":145,"tag":181,"props":1426,"children":1428},{"style":1427},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[1429],{"type":150,"value":1430}," preset",{"type":145,"tag":181,"props":1432,"children":1433},{"style":211},[1434],{"type":150,"value":1435},"=",{"type":145,"tag":181,"props":1437,"children":1438},{"style":211},[1439],{"type":150,"value":1440},"\"",{"type":145,"tag":181,"props":1442,"children":1443},{"style":656},[1444],{"type":150,"value":1445},"avatar",{"type":145,"tag":181,"props":1447,"children":1448},{"style":211},[1449],{"type":150,"value":1440},{"type":145,"tag":181,"props":1451,"children":1452},{"style":1427},[1453],{"type":150,"value":1454}," src",{"type":145,"tag":181,"props":1456,"children":1457},{"style":211},[1458],{"type":150,"value":1435},{"type":145,"tag":181,"props":1460,"children":1461},{"style":211},[1462],{"type":150,"value":1440},{"type":145,"tag":181,"props":1464,"children":1465},{"style":656},[1466],{"type":150,"value":1467},"/nuxt-icon.png",{"type":145,"tag":181,"props":1469,"children":1470},{"style":211},[1471],{"type":150,"value":1440},{"type":145,"tag":181,"props":1473,"children":1474},{"style":211},[1475],{"type":150,"value":1476}," />\n",{"type":145,"tag":181,"props":1478,"children":1479},{"class":183,"line":236},[1480,1485,1489],{"type":145,"tag":181,"props":1481,"children":1482},{"style":211},[1483],{"type":150,"value":1484},"\u003C/",{"type":145,"tag":181,"props":1486,"children":1487},{"style":221},[1488],{"type":150,"value":1406},{"type":145,"tag":181,"props":1490,"children":1491},{"style":211},[1492],{"type":150,"value":1411},{"type":145,"tag":268,"props":1494,"children":1496},{"id":1495},"providers",[1497],{"type":145,"tag":153,"props":1498,"children":1500},{"className":1499},[],[1501],{"type":150,"value":1495},{"type":145,"tag":146,"props":1503,"children":1504},{},[1505,1507,1512,1514,1519],{"type":150,"value":1506},"In order to create and use a ",{"type":145,"tag":391,"props":1508,"children":1509},{"href":132},[1510],{"type":150,"value":1511},"custom provider",{"type":150,"value":1513},", you need to use the ",{"type":145,"tag":153,"props":1515,"children":1517},{"className":1516},[],[1518],{"type":150,"value":1495},{"type":150,"value":1520}," option and define your custom providers.",{"type":145,"tag":1179,"props":1522,"children":1523},{},[1524,1679],{"type":145,"tag":170,"props":1525,"children":1527},{"className":172,"code":1526,"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",[1528],{"type":145,"tag":153,"props":1529,"children":1530},{"__ignoreMap":139},[1531,1554,1569,1585,1601,1630,1647,1654,1661,1668],{"type":145,"tag":181,"props":1532,"children":1533},{"class":183,"line":184},[1534,1538,1542,1546,1550],{"type":145,"tag":181,"props":1535,"children":1536},{"style":188},[1537],{"type":150,"value":191},{"type":145,"tag":181,"props":1539,"children":1540},{"style":188},[1541],{"type":150,"value":196},{"type":145,"tag":181,"props":1543,"children":1544},{"style":199},[1545],{"type":150,"value":202},{"type":145,"tag":181,"props":1547,"children":1548},{"style":205},[1549],{"type":150,"value":208},{"type":145,"tag":181,"props":1551,"children":1552},{"style":211},[1553],{"type":150,"value":214},{"type":145,"tag":181,"props":1555,"children":1556},{"class":183,"line":217},[1557,1561,1565],{"type":145,"tag":181,"props":1558,"children":1559},{"style":221},[1560],{"type":150,"value":224},{"type":145,"tag":181,"props":1562,"children":1563},{"style":211},[1564],{"type":150,"value":168},{"type":145,"tag":181,"props":1566,"children":1567},{"style":211},[1568],{"type":150,"value":233},{"type":145,"tag":181,"props":1570,"children":1571},{"class":183,"line":236},[1572,1577,1581],{"type":145,"tag":181,"props":1573,"children":1574},{"style":221},[1575],{"type":150,"value":1576}," providers",{"type":145,"tag":181,"props":1578,"children":1579},{"style":211},[1580],{"type":150,"value":168},{"type":145,"tag":181,"props":1582,"children":1583},{"style":211},[1584],{"type":150,"value":233},{"type":145,"tag":181,"props":1586,"children":1587},{"class":183,"line":246},[1588,1593,1597],{"type":145,"tag":181,"props":1589,"children":1590},{"style":221},[1591],{"type":150,"value":1592}," random",{"type":145,"tag":181,"props":1594,"children":1595},{"style":211},[1596],{"type":150,"value":168},{"type":145,"tag":181,"props":1598,"children":1599},{"style":211},[1600],{"type":150,"value":233},{"type":145,"tag":181,"props":1602,"children":1603},{"class":183,"line":255},[1604,1609,1613,1617,1622,1626],{"type":145,"tag":181,"props":1605,"children":1606},{"style":221},[1607],{"type":150,"value":1608}," provider",{"type":145,"tag":181,"props":1610,"children":1611},{"style":211},[1612],{"type":150,"value":168},{"type":145,"tag":181,"props":1614,"children":1615},{"style":211},[1616],{"type":150,"value":1291},{"type":145,"tag":181,"props":1618,"children":1619},{"style":656},[1620],{"type":150,"value":1621},"~/providers/random",{"type":145,"tag":181,"props":1623,"children":1624},{"style":211},[1625],{"type":150,"value":653},{"type":145,"tag":181,"props":1627,"children":1628},{"style":211},[1629],{"type":150,"value":469},{"type":145,"tag":181,"props":1631,"children":1632},{"class":183,"line":818},[1633,1638,1642],{"type":145,"tag":181,"props":1634,"children":1635},{"style":221},[1636],{"type":150,"value":1637}," options",{"type":145,"tag":181,"props":1639,"children":1640},{"style":211},[1641],{"type":150,"value":168},{"type":145,"tag":181,"props":1643,"children":1644},{"style":211},[1645],{"type":150,"value":1646}," {}\n",{"type":145,"tag":181,"props":1648,"children":1649},{"class":183,"line":848},[1650],{"type":145,"tag":181,"props":1651,"children":1652},{"style":211},[1653],{"type":150,"value":1357},{"type":145,"tag":181,"props":1655,"children":1656},{"class":183,"line":878},[1657],{"type":145,"tag":181,"props":1658,"children":1659},{"style":211},[1660],{"type":150,"value":1365},{"type":145,"tag":181,"props":1662,"children":1663},{"class":183,"line":908},[1664],{"type":145,"tag":181,"props":1665,"children":1666},{"style":211},[1667],{"type":150,"value":252},{"type":145,"tag":181,"props":1669,"children":1670},{"class":183,"line":938},[1671,1675],{"type":145,"tag":181,"props":1672,"children":1673},{"style":211},[1674],{"type":150,"value":261},{"type":145,"tag":181,"props":1676,"children":1677},{"style":205},[1678],{"type":150,"value":266},{"type":145,"tag":170,"props":1680,"children":1684},{"className":1681,"code":1682,"filename":1388,"language":1683,"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",[1685],{"type":145,"tag":153,"props":1686,"children":1687},{"__ignoreMap":139},[1688,1703,1805],{"type":145,"tag":181,"props":1689,"children":1690},{"class":183,"line":184},[1691,1695,1699],{"type":145,"tag":181,"props":1692,"children":1693},{"style":211},[1694],{"type":150,"value":1401},{"type":145,"tag":181,"props":1696,"children":1697},{"style":221},[1698],{"type":150,"value":1406},{"type":145,"tag":181,"props":1700,"children":1701},{"style":211},[1702],{"type":150,"value":1411},{"type":145,"tag":181,"props":1704,"children":1705},{"class":183,"line":217},[1706,1710,1714,1719,1723,1727,1732,1736,1740,1744,1748,1753,1757,1762,1766,1770,1775,1779,1784,1788,1792,1797,1801],{"type":145,"tag":181,"props":1707,"children":1708},{"style":211},[1709],{"type":150,"value":1419},{"type":145,"tag":181,"props":1711,"children":1712},{"style":221},[1713],{"type":150,"value":1424},{"type":145,"tag":181,"props":1715,"children":1716},{"style":1427},[1717],{"type":150,"value":1718}," provider",{"type":145,"tag":181,"props":1720,"children":1721},{"style":211},[1722],{"type":150,"value":1435},{"type":145,"tag":181,"props":1724,"children":1725},{"style":211},[1726],{"type":150,"value":1440},{"type":145,"tag":181,"props":1728,"children":1729},{"style":656},[1730],{"type":150,"value":1731},"random",{"type":145,"tag":181,"props":1733,"children":1734},{"style":211},[1735],{"type":150,"value":1440},{"type":145,"tag":181,"props":1737,"children":1738},{"style":1427},[1739],{"type":150,"value":1454},{"type":145,"tag":181,"props":1741,"children":1742},{"style":211},[1743],{"type":150,"value":1435},{"type":145,"tag":181,"props":1745,"children":1746},{"style":211},[1747],{"type":150,"value":1440},{"type":145,"tag":181,"props":1749,"children":1750},{"style":656},[1751],{"type":150,"value":1752},"main.png",{"type":145,"tag":181,"props":1754,"children":1755},{"style":211},[1756],{"type":150,"value":1440},{"type":145,"tag":181,"props":1758,"children":1759},{"style":1427},[1760],{"type":150,"value":1761}," width",{"type":145,"tag":181,"props":1763,"children":1764},{"style":211},[1765],{"type":150,"value":1435},{"type":145,"tag":181,"props":1767,"children":1768},{"style":211},[1769],{"type":150,"value":1440},{"type":145,"tag":181,"props":1771,"children":1772},{"style":656},[1773],{"type":150,"value":1774},"300",{"type":145,"tag":181,"props":1776,"children":1777},{"style":211},[1778],{"type":150,"value":1440},{"type":145,"tag":181,"props":1780,"children":1781},{"style":1427},[1782],{"type":150,"value":1783}," height",{"type":145,"tag":181,"props":1785,"children":1786},{"style":211},[1787],{"type":150,"value":1435},{"type":145,"tag":181,"props":1789,"children":1790},{"style":211},[1791],{"type":150,"value":1440},{"type":145,"tag":181,"props":1793,"children":1794},{"style":656},[1795],{"type":150,"value":1796},"169",{"type":145,"tag":181,"props":1798,"children":1799},{"style":211},[1800],{"type":150,"value":1440},{"type":145,"tag":181,"props":1802,"children":1803},{"style":211},[1804],{"type":150,"value":1476},{"type":145,"tag":181,"props":1806,"children":1807},{"class":183,"line":236},[1808,1812,1816],{"type":145,"tag":181,"props":1809,"children":1810},{"style":211},[1811],{"type":150,"value":1484},{"type":145,"tag":181,"props":1813,"children":1814},{"style":221},[1815],{"type":150,"value":1406},{"type":145,"tag":181,"props":1817,"children":1818},{"style":211},[1819],{"type":150,"value":1411},{"type":145,"tag":268,"props":1821,"children":1823},{"id":1822},"provider",[1824],{"type":145,"tag":153,"props":1825,"children":1827},{"className":1826},[],[1828],{"type":150,"value":1822},{"type":145,"tag":146,"props":1830,"children":1831},{},[1832,1833,1839,1841,1847,1849,1855],{"type":150,"value":501},{"type":145,"tag":153,"props":1834,"children":1836},{"className":1835},[],[1837],{"type":150,"value":1838},"ipx",{"type":150,"value":1840}," (or ",{"type":145,"tag":153,"props":1842,"children":1844},{"className":1843},[],[1845],{"type":150,"value":1846},"ipxStatic",{"type":150,"value":1848}," if used with a static nitro preset, such as if you are running ",{"type":145,"tag":153,"props":1850,"children":1852},{"className":1851},[],[1853],{"type":150,"value":1854},"nuxt generate",{"type":150,"value":1856},")",{"type":145,"tag":146,"props":1858,"children":1859},{},[1860,1862,1867],{"type":150,"value":1861},"We can specify default provider to be used when not specified in component or when calling ",{"type":145,"tag":153,"props":1863,"children":1865},{"className":1864},[],[1866],{"type":150,"value":287},{"type":150,"value":572},{"type":145,"tag":170,"props":1869,"children":1871},{"className":172,"code":1870,"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",[1872],{"type":145,"tag":153,"props":1873,"children":1874},{"__ignoreMap":139},[1875,1898,1913,1942,1958,1984,1991,1998],{"type":145,"tag":181,"props":1876,"children":1877},{"class":183,"line":184},[1878,1882,1886,1890,1894],{"type":145,"tag":181,"props":1879,"children":1880},{"style":188},[1881],{"type":150,"value":191},{"type":145,"tag":181,"props":1883,"children":1884},{"style":188},[1885],{"type":150,"value":196},{"type":145,"tag":181,"props":1887,"children":1888},{"style":199},[1889],{"type":150,"value":202},{"type":145,"tag":181,"props":1891,"children":1892},{"style":205},[1893],{"type":150,"value":208},{"type":145,"tag":181,"props":1895,"children":1896},{"style":211},[1897],{"type":150,"value":214},{"type":145,"tag":181,"props":1899,"children":1900},{"class":183,"line":217},[1901,1905,1909],{"type":145,"tag":181,"props":1902,"children":1903},{"style":221},[1904],{"type":150,"value":224},{"type":145,"tag":181,"props":1906,"children":1907},{"style":211},[1908],{"type":150,"value":168},{"type":145,"tag":181,"props":1910,"children":1911},{"style":211},[1912],{"type":150,"value":233},{"type":145,"tag":181,"props":1914,"children":1915},{"class":183,"line":236},[1916,1921,1925,1929,1934,1938],{"type":145,"tag":181,"props":1917,"children":1918},{"style":221},[1919],{"type":150,"value":1920}," provider",{"type":145,"tag":181,"props":1922,"children":1923},{"style":211},[1924],{"type":150,"value":168},{"type":145,"tag":181,"props":1926,"children":1927},{"style":211},[1928],{"type":150,"value":1291},{"type":145,"tag":181,"props":1930,"children":1931},{"style":656},[1932],{"type":150,"value":1933},"twicpics",{"type":145,"tag":181,"props":1935,"children":1936},{"style":211},[1937],{"type":150,"value":653},{"type":145,"tag":181,"props":1939,"children":1940},{"style":211},[1941],{"type":150,"value":469},{"type":145,"tag":181,"props":1943,"children":1944},{"class":183,"line":246},[1945,1950,1954],{"type":145,"tag":181,"props":1946,"children":1947},{"style":221},[1948],{"type":150,"value":1949}," twicpics",{"type":145,"tag":181,"props":1951,"children":1952},{"style":211},[1953],{"type":150,"value":168},{"type":145,"tag":181,"props":1955,"children":1956},{"style":211},[1957],{"type":150,"value":233},{"type":145,"tag":181,"props":1959,"children":1960},{"class":183,"line":255},[1961,1966,1970,1974,1979],{"type":145,"tag":181,"props":1962,"children":1963},{"style":221},[1964],{"type":150,"value":1965}," baseURL",{"type":145,"tag":181,"props":1967,"children":1968},{"style":211},[1969],{"type":150,"value":168},{"type":145,"tag":181,"props":1971,"children":1972},{"style":211},[1973],{"type":150,"value":1291},{"type":145,"tag":181,"props":1975,"children":1976},{"style":656},[1977],{"type":150,"value":1978},"https://nuxt-demo.twic.pics",{"type":145,"tag":181,"props":1980,"children":1981},{"style":211},[1982],{"type":150,"value":1983},"'\n",{"type":145,"tag":181,"props":1985,"children":1986},{"class":183,"line":818},[1987],{"type":145,"tag":181,"props":1988,"children":1989},{"style":211},[1990],{"type":150,"value":1365},{"type":145,"tag":181,"props":1992,"children":1993},{"class":183,"line":848},[1994],{"type":145,"tag":181,"props":1995,"children":1996},{"style":211},[1997],{"type":150,"value":252},{"type":145,"tag":181,"props":1999,"children":2000},{"class":183,"line":878},[2001,2005],{"type":145,"tag":181,"props":2002,"children":2003},{"style":211},[2004],{"type":150,"value":261},{"type":145,"tag":181,"props":2006,"children":2007},{"style":205},[2008],{"type":150,"value":266},{"type":145,"tag":2010,"props":2011,"children":2013},"h3",{"id":2012},"modifiers",[2014],{"type":145,"tag":153,"props":2015,"children":2017},{"className":2016},[],[2018],{"type":150,"value":2012},{"type":145,"tag":146,"props":2020,"children":2021},{},[2022],{"type":150,"value":2023},"You can set default modifiers for the selected provider.",{"type":145,"tag":170,"props":2025,"children":2027},{"className":172,"code":2026,"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",[2028],{"type":145,"tag":153,"props":2029,"children":2030},{"__ignoreMap":139},[2031,2054,2069,2097,2113,2141,2157,2186,2215,2222,2229,2236],{"type":145,"tag":181,"props":2032,"children":2033},{"class":183,"line":184},[2034,2038,2042,2046,2050],{"type":145,"tag":181,"props":2035,"children":2036},{"style":188},[2037],{"type":150,"value":191},{"type":145,"tag":181,"props":2039,"children":2040},{"style":188},[2041],{"type":150,"value":196},{"type":145,"tag":181,"props":2043,"children":2044},{"style":199},[2045],{"type":150,"value":202},{"type":145,"tag":181,"props":2047,"children":2048},{"style":205},[2049],{"type":150,"value":208},{"type":145,"tag":181,"props":2051,"children":2052},{"style":211},[2053],{"type":150,"value":214},{"type":145,"tag":181,"props":2055,"children":2056},{"class":183,"line":217},[2057,2061,2065],{"type":145,"tag":181,"props":2058,"children":2059},{"style":221},[2060],{"type":150,"value":224},{"type":145,"tag":181,"props":2062,"children":2063},{"style":211},[2064],{"type":150,"value":168},{"type":145,"tag":181,"props":2066,"children":2067},{"style":211},[2068],{"type":150,"value":233},{"type":145,"tag":181,"props":2070,"children":2071},{"class":183,"line":236},[2072,2076,2080,2084,2089,2093],{"type":145,"tag":181,"props":2073,"children":2074},{"style":221},[2075],{"type":150,"value":1920},{"type":145,"tag":181,"props":2077,"children":2078},{"style":211},[2079],{"type":150,"value":168},{"type":145,"tag":181,"props":2081,"children":2082},{"style":211},[2083],{"type":150,"value":1291},{"type":145,"tag":181,"props":2085,"children":2086},{"style":656},[2087],{"type":150,"value":2088},"cloudinary",{"type":145,"tag":181,"props":2090,"children":2091},{"style":211},[2092],{"type":150,"value":653},{"type":145,"tag":181,"props":2094,"children":2095},{"style":211},[2096],{"type":150,"value":469},{"type":145,"tag":181,"props":2098,"children":2099},{"class":183,"line":246},[2100,2105,2109],{"type":145,"tag":181,"props":2101,"children":2102},{"style":221},[2103],{"type":150,"value":2104}," cloudinary",{"type":145,"tag":181,"props":2106,"children":2107},{"style":211},[2108],{"type":150,"value":168},{"type":145,"tag":181,"props":2110,"children":2111},{"style":211},[2112],{"type":150,"value":233},{"type":145,"tag":181,"props":2114,"children":2115},{"class":183,"line":255},[2116,2120,2124,2128,2133,2137],{"type":145,"tag":181,"props":2117,"children":2118},{"style":221},[2119],{"type":150,"value":1965},{"type":145,"tag":181,"props":2121,"children":2122},{"style":211},[2123],{"type":150,"value":168},{"type":145,"tag":181,"props":2125,"children":2126},{"style":211},[2127],{"type":150,"value":1291},{"type":145,"tag":181,"props":2129,"children":2130},{"style":656},[2131],{"type":150,"value":2132},"https://res.cloudinary.com/\u003Ccompany>/image/fetch/",{"type":145,"tag":181,"props":2134,"children":2135},{"style":211},[2136],{"type":150,"value":653},{"type":145,"tag":181,"props":2138,"children":2139},{"style":211},[2140],{"type":150,"value":469},{"type":145,"tag":181,"props":2142,"children":2143},{"class":183,"line":818},[2144,2149,2153],{"type":145,"tag":181,"props":2145,"children":2146},{"style":221},[2147],{"type":150,"value":2148}," modifiers",{"type":145,"tag":181,"props":2150,"children":2151},{"style":211},[2152],{"type":150,"value":168},{"type":145,"tag":181,"props":2154,"children":2155},{"style":211},[2156],{"type":150,"value":233},{"type":145,"tag":181,"props":2158,"children":2159},{"class":183,"line":848},[2160,2165,2169,2173,2178,2182],{"type":145,"tag":181,"props":2161,"children":2162},{"style":221},[2163],{"type":150,"value":2164}," effect",{"type":145,"tag":181,"props":2166,"children":2167},{"style":211},[2168],{"type":150,"value":168},{"type":145,"tag":181,"props":2170,"children":2171},{"style":211},[2172],{"type":150,"value":1291},{"type":145,"tag":181,"props":2174,"children":2175},{"style":656},[2176],{"type":150,"value":2177},"sharpen:100",{"type":145,"tag":181,"props":2179,"children":2180},{"style":211},[2181],{"type":150,"value":653},{"type":145,"tag":181,"props":2183,"children":2184},{"style":211},[2185],{"type":150,"value":469},{"type":145,"tag":181,"props":2187,"children":2188},{"class":183,"line":878},[2189,2194,2198,2202,2207,2211],{"type":145,"tag":181,"props":2190,"children":2191},{"style":221},[2192],{"type":150,"value":2193}," quality",{"type":145,"tag":181,"props":2195,"children":2196},{"style":211},[2197],{"type":150,"value":168},{"type":145,"tag":181,"props":2199,"children":2200},{"style":211},[2201],{"type":150,"value":1291},{"type":145,"tag":181,"props":2203,"children":2204},{"style":656},[2205],{"type":150,"value":2206},"auto:best",{"type":145,"tag":181,"props":2208,"children":2209},{"style":211},[2210],{"type":150,"value":653},{"type":145,"tag":181,"props":2212,"children":2213},{"style":211},[2214],{"type":150,"value":469},{"type":145,"tag":181,"props":2216,"children":2217},{"class":183,"line":908},[2218],{"type":145,"tag":181,"props":2219,"children":2220},{"style":211},[2221],{"type":150,"value":1357},{"type":145,"tag":181,"props":2223,"children":2224},{"class":183,"line":938},[2225],{"type":145,"tag":181,"props":2226,"children":2227},{"style":211},[2228],{"type":150,"value":1365},{"type":145,"tag":181,"props":2230,"children":2231},{"class":183,"line":968},[2232],{"type":145,"tag":181,"props":2233,"children":2234},{"style":211},[2235],{"type":150,"value":252},{"type":145,"tag":181,"props":2237,"children":2238},{"class":183,"line":994},[2239,2243],{"type":145,"tag":181,"props":2240,"children":2241},{"style":211},[2242],{"type":150,"value":261},{"type":145,"tag":181,"props":2244,"children":2245},{"style":205},[2246],{"type":150,"value":266},{"type":145,"tag":268,"props":2248,"children":2250},{"id":2249},"densities",[2251],{"type":145,"tag":153,"props":2252,"children":2254},{"className":2253},[],[2255],{"type":150,"value":2249},{"type":145,"tag":146,"props":2257,"children":2258},{},[2259,2260],{"type":150,"value":501},{"type":145,"tag":153,"props":2261,"children":2263},{"className":2262},[],[2264],{"type":150,"value":2265},"[1, 2]",{"type":145,"tag":146,"props":2267,"children":2268},{},[2269,2271,2277,2279,2284],{"type":150,"value":2270},"Specify a value to work with ",{"type":145,"tag":153,"props":2272,"children":2274},{"className":2273},[],[2275],{"type":150,"value":2276},"devicePixelRatio",{"type":150,"value":2278}," > 1 (these are devices with retina display and others). You must specify for which ",{"type":145,"tag":153,"props":2280,"children":2282},{"className":2281},[],[2283],{"type":150,"value":2276},{"type":150,"value":2285}," values you want to adapt images.",{"type":145,"tag":146,"props":2287,"children":2288},{},[2289,2291,2305],{"type":150,"value":2290},"You can ",{"type":145,"tag":391,"props":2292,"children":2295},{"href":2293,"rel":2294},"https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio",[1034],[2296,2298,2303],{"type":150,"value":2297},"read more about ",{"type":145,"tag":153,"props":2299,"children":2301},{"className":2300},[],[2302],{"type":150,"value":2276},{"type":150,"value":2304}," on MDN",{"type":150,"value":572},{"type":145,"tag":170,"props":2307,"children":2309},{"className":172,"code":2308,"filename":174,"language":175,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n densities: [1, 2, 3],\n }\n})\n",[2310],{"type":145,"tag":153,"props":2311,"children":2312},{"__ignoreMap":139},[2313,2336,2351,2400,2407],{"type":145,"tag":181,"props":2314,"children":2315},{"class":183,"line":184},[2316,2320,2324,2328,2332],{"type":145,"tag":181,"props":2317,"children":2318},{"style":188},[2319],{"type":150,"value":191},{"type":145,"tag":181,"props":2321,"children":2322},{"style":188},[2323],{"type":150,"value":196},{"type":145,"tag":181,"props":2325,"children":2326},{"style":199},[2327],{"type":150,"value":202},{"type":145,"tag":181,"props":2329,"children":2330},{"style":205},[2331],{"type":150,"value":208},{"type":145,"tag":181,"props":2333,"children":2334},{"style":211},[2335],{"type":150,"value":214},{"type":145,"tag":181,"props":2337,"children":2338},{"class":183,"line":217},[2339,2343,2347],{"type":145,"tag":181,"props":2340,"children":2341},{"style":221},[2342],{"type":150,"value":224},{"type":145,"tag":181,"props":2344,"children":2345},{"style":211},[2346],{"type":150,"value":168},{"type":145,"tag":181,"props":2348,"children":2349},{"style":211},[2350],{"type":150,"value":233},{"type":145,"tag":181,"props":2352,"children":2353},{"class":183,"line":236},[2354,2359,2363,2367,2372,2377,2382,2386,2391,2396],{"type":145,"tag":181,"props":2355,"children":2356},{"style":221},[2357],{"type":150,"value":2358}," densities",{"type":145,"tag":181,"props":2360,"children":2361},{"style":211},[2362],{"type":150,"value":168},{"type":145,"tag":181,"props":2364,"children":2365},{"style":205},[2366],{"type":150,"value":648},{"type":145,"tag":181,"props":2368,"children":2369},{"style":461},[2370],{"type":150,"value":2371},"1",{"type":145,"tag":181,"props":2373,"children":2374},{"style":211},[2375],{"type":150,"value":2376},",",{"type":145,"tag":181,"props":2378,"children":2379},{"style":461},[2380],{"type":150,"value":2381}," 2",{"type":145,"tag":181,"props":2383,"children":2384},{"style":211},[2385],{"type":150,"value":2376},{"type":145,"tag":181,"props":2387,"children":2388},{"style":461},[2389],{"type":150,"value":2390}," 3",{"type":145,"tag":181,"props":2392,"children":2393},{"style":205},[2394],{"type":150,"value":2395},"]",{"type":145,"tag":181,"props":2397,"children":2398},{"style":211},[2399],{"type":150,"value":469},{"type":145,"tag":181,"props":2401,"children":2402},{"class":183,"line":246},[2403],{"type":145,"tag":181,"props":2404,"children":2405},{"style":211},[2406],{"type":150,"value":252},{"type":145,"tag":181,"props":2408,"children":2409},{"class":183,"line":255},[2410,2414],{"type":145,"tag":181,"props":2411,"children":2412},{"style":211},[2413],{"type":150,"value":261},{"type":145,"tag":181,"props":2415,"children":2416},{"style":205},[2417],{"type":150,"value":266},{"type":145,"tag":268,"props":2419,"children":2421},{"id":2420},"dir",[2422],{"type":145,"tag":153,"props":2423,"children":2425},{"className":2424},[],[2426],{"type":150,"value":2420},{"type":145,"tag":146,"props":2428,"children":2429},{},[2430,2431],{"type":150,"value":501},{"type":145,"tag":153,"props":2432,"children":2434},{"className":2433},[],[2435],{"type":150,"value":2436},"public",{"type":145,"tag":146,"props":2438,"children":2439},{},[2440,2442,2447,2449,2454],{"type":150,"value":2441},"This option allows you to specify the location of the source images when using the ",{"type":145,"tag":153,"props":2443,"children":2445},{"className":2444},[],[2446],{"type":150,"value":1838},{"type":150,"value":2448}," or ",{"type":145,"tag":153,"props":2450,"children":2452},{"className":2451},[],[2453],{"type":150,"value":1846},{"type":150,"value":2455}," provider.",{"type":145,"tag":146,"props":2457,"children":2458},{},[2459,2461,2467,2469,2474,2476,2482],{"type":150,"value":2460},"For example you might want the source images in ",{"type":145,"tag":153,"props":2462,"children":2464},{"className":2463},[],[2465],{"type":150,"value":2466},"assets/images",{"type":150,"value":2468}," directory rather than the default ",{"type":145,"tag":153,"props":2470,"children":2472},{"className":2471},[],[2473],{"type":150,"value":2436},{"type":150,"value":2475}," directory so the source images don't get copied into ",{"type":145,"tag":153,"props":2477,"children":2479},{"className":2478},[],[2480],{"type":150,"value":2481},"dist",{"type":150,"value":2483}," and deployed:",{"type":145,"tag":170,"props":2485,"children":2487},{"className":172,"code":2486,"filename":174,"language":175,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n dir: 'assets/images'\n }\n})\n",[2488],{"type":145,"tag":153,"props":2489,"children":2490},{"__ignoreMap":139},[2491,2514,2529,2553,2560],{"type":145,"tag":181,"props":2492,"children":2493},{"class":183,"line":184},[2494,2498,2502,2506,2510],{"type":145,"tag":181,"props":2495,"children":2496},{"style":188},[2497],{"type":150,"value":191},{"type":145,"tag":181,"props":2499,"children":2500},{"style":188},[2501],{"type":150,"value":196},{"type":145,"tag":181,"props":2503,"children":2504},{"style":199},[2505],{"type":150,"value":202},{"type":145,"tag":181,"props":2507,"children":2508},{"style":205},[2509],{"type":150,"value":208},{"type":145,"tag":181,"props":2511,"children":2512},{"style":211},[2513],{"type":150,"value":214},{"type":145,"tag":181,"props":2515,"children":2516},{"class":183,"line":217},[2517,2521,2525],{"type":145,"tag":181,"props":2518,"children":2519},{"style":221},[2520],{"type":150,"value":224},{"type":145,"tag":181,"props":2522,"children":2523},{"style":211},[2524],{"type":150,"value":168},{"type":145,"tag":181,"props":2526,"children":2527},{"style":211},[2528],{"type":150,"value":233},{"type":145,"tag":181,"props":2530,"children":2531},{"class":183,"line":236},[2532,2537,2541,2545,2549],{"type":145,"tag":181,"props":2533,"children":2534},{"style":221},[2535],{"type":150,"value":2536}," dir",{"type":145,"tag":181,"props":2538,"children":2539},{"style":211},[2540],{"type":150,"value":168},{"type":145,"tag":181,"props":2542,"children":2543},{"style":211},[2544],{"type":150,"value":1291},{"type":145,"tag":181,"props":2546,"children":2547},{"style":656},[2548],{"type":150,"value":2466},{"type":145,"tag":181,"props":2550,"children":2551},{"style":211},[2552],{"type":150,"value":1983},{"type":145,"tag":181,"props":2554,"children":2555},{"class":183,"line":246},[2556],{"type":145,"tag":181,"props":2557,"children":2558},{"style":211},[2559],{"type":150,"value":252},{"type":145,"tag":181,"props":2561,"children":2562},{"class":183,"line":255},[2563,2567],{"type":145,"tag":181,"props":2564,"children":2565},{"style":211},[2566],{"type":150,"value":261},{"type":145,"tag":181,"props":2568,"children":2569},{"style":205},[2570],{"type":150,"value":266},{"type":145,"tag":146,"props":2572,"children":2573},{},[2574],{"type":145,"tag":2575,"props":2576,"children":2577},"strong",{},[2578],{"type":150,"value":2579},"Notes:",{"type":145,"tag":2581,"props":2582,"children":2583},"ul",{},[2584,2611,2629],{"type":145,"tag":2585,"props":2586,"children":2587},"li",{},[2588,2590,2595,2597,2602,2604,2609],{"type":150,"value":2589},"For ",{"type":145,"tag":153,"props":2591,"children":2593},{"className":2592},[],[2594],{"type":150,"value":1846},{"type":150,"value":2596}," provider, if images weren't crawled during generation (unreachable modals, pages or dynamic runtime size), changing ",{"type":145,"tag":153,"props":2598,"children":2600},{"className":2599},[],[2601],{"type":150,"value":2420},{"type":150,"value":2603}," from ",{"type":145,"tag":153,"props":2605,"children":2607},{"className":2606},[],[2608],{"type":150,"value":2436},{"type":150,"value":2610}," causes 404 errors.",{"type":145,"tag":2585,"props":2612,"children":2613},{},[2614,2615,2620,2622,2627],{"type":150,"value":2589},{"type":145,"tag":153,"props":2616,"children":2618},{"className":2617},[],[2619],{"type":150,"value":1838},{"type":150,"value":2621}," provider, make sure to deploy customized ",{"type":145,"tag":153,"props":2623,"children":2625},{"className":2624},[],[2626],{"type":150,"value":2420},{"type":150,"value":2628}," as well.",{"type":145,"tag":2585,"props":2630,"children":2631},{},[2632,2634,2640,2642,2647],{"type":150,"value":2633},"For some providers (like vercel), using a directory other than ",{"type":145,"tag":153,"props":2635,"children":2637},{"className":2636},[],[2638],{"type":150,"value":2639},"public/",{"type":150,"value":2641}," 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":2643,"children":2645},{"className":2644},[],[2646],{"type":150,"value":2639},{"type":150,"value":2648}," directory (deployment URL)",{"type":145,"tag":268,"props":2650,"children":2652},{"id":2651},"alias",[2653],{"type":145,"tag":153,"props":2654,"children":2656},{"className":2655},[],[2657],{"type":150,"value":2651},{"type":145,"tag":146,"props":2659,"children":2660},{},[2661,2663,2669],{"type":150,"value":2662},"This option allows you to specify aliases for ",{"type":145,"tag":153,"props":2664,"children":2666},{"className":2665},[],[2667],{"type":150,"value":2668},"src",{"type":150,"value":572},{"type":145,"tag":146,"props":2671,"children":2672},{},[2673],{"type":150,"value":2674},"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":2676,"children":2677},{},[2678],{"type":150,"value":2679},"When using other providers, aliases are resolved in runtime and included in HTML. (only the usage is simplified)",{"type":145,"tag":146,"props":2681,"children":2682},{},[2683],{"type":145,"tag":2575,"props":2684,"children":2685},{},[2686],{"type":150,"value":2687},"Example:",{"type":145,"tag":170,"props":2689,"children":2691},{"className":172,"code":2690,"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",[2692],{"type":145,"tag":153,"props":2693,"children":2694},{"__ignoreMap":139},[2695,2718,2733,2749,2765,2777,2793,2818,2825,2832],{"type":145,"tag":181,"props":2696,"children":2697},{"class":183,"line":184},[2698,2702,2706,2710,2714],{"type":145,"tag":181,"props":2699,"children":2700},{"style":188},[2701],{"type":150,"value":191},{"type":145,"tag":181,"props":2703,"children":2704},{"style":188},[2705],{"type":150,"value":196},{"type":145,"tag":181,"props":2707,"children":2708},{"style":199},[2709],{"type":150,"value":202},{"type":145,"tag":181,"props":2711,"children":2712},{"style":205},[2713],{"type":150,"value":208},{"type":145,"tag":181,"props":2715,"children":2716},{"style":211},[2717],{"type":150,"value":214},{"type":145,"tag":181,"props":2719,"children":2720},{"class":183,"line":217},[2721,2725,2729],{"type":145,"tag":181,"props":2722,"children":2723},{"style":221},[2724],{"type":150,"value":224},{"type":145,"tag":181,"props":2726,"children":2727},{"style":211},[2728],{"type":150,"value":168},{"type":145,"tag":181,"props":2730,"children":2731},{"style":211},[2732],{"type":150,"value":233},{"type":145,"tag":181,"props":2734,"children":2735},{"class":183,"line":236},[2736,2740,2744],{"type":145,"tag":181,"props":2737,"children":2738},{"style":221},[2739],{"type":150,"value":1120},{"type":145,"tag":181,"props":2741,"children":2742},{"style":211},[2743],{"type":150,"value":168},{"type":145,"tag":181,"props":2745,"children":2746},{"style":205},[2747],{"type":150,"value":2748}," [\n",{"type":145,"tag":181,"props":2750,"children":2751},{"class":183,"line":246},[2752,2756,2761],{"type":145,"tag":181,"props":2753,"children":2754},{"style":211},[2755],{"type":150,"value":793},{"type":145,"tag":181,"props":2757,"children":2758},{"style":656},[2759],{"type":150,"value":2760},"images.unsplash.com",{"type":145,"tag":181,"props":2762,"children":2763},{"style":211},[2764],{"type":150,"value":1983},{"type":145,"tag":181,"props":2766,"children":2767},{"class":183,"line":255},[2768,2773],{"type":145,"tag":181,"props":2769,"children":2770},{"style":205},[2771],{"type":150,"value":2772}," ]",{"type":145,"tag":181,"props":2774,"children":2775},{"style":211},[2776],{"type":150,"value":469},{"type":145,"tag":181,"props":2778,"children":2779},{"class":183,"line":818},[2780,2785,2789],{"type":145,"tag":181,"props":2781,"children":2782},{"style":221},[2783],{"type":150,"value":2784}," alias",{"type":145,"tag":181,"props":2786,"children":2787},{"style":211},[2788],{"type":150,"value":168},{"type":145,"tag":181,"props":2790,"children":2791},{"style":211},[2792],{"type":150,"value":233},{"type":145,"tag":181,"props":2794,"children":2795},{"class":183,"line":848},[2796,2801,2805,2809,2814],{"type":145,"tag":181,"props":2797,"children":2798},{"style":221},[2799],{"type":150,"value":2800}," unsplash",{"type":145,"tag":181,"props":2802,"children":2803},{"style":211},[2804],{"type":150,"value":168},{"type":145,"tag":181,"props":2806,"children":2807},{"style":211},[2808],{"type":150,"value":1291},{"type":145,"tag":181,"props":2810,"children":2811},{"style":656},[2812],{"type":150,"value":2813},"https://images.unsplash.com",{"type":145,"tag":181,"props":2815,"children":2816},{"style":211},[2817],{"type":150,"value":1983},{"type":145,"tag":181,"props":2819,"children":2820},{"class":183,"line":878},[2821],{"type":145,"tag":181,"props":2822,"children":2823},{"style":211},[2824],{"type":150,"value":1365},{"type":145,"tag":181,"props":2826,"children":2827},{"class":183,"line":908},[2828],{"type":145,"tag":181,"props":2829,"children":2830},{"style":211},[2831],{"type":150,"value":252},{"type":145,"tag":181,"props":2833,"children":2834},{"class":183,"line":938},[2835,2839],{"type":145,"tag":181,"props":2836,"children":2837},{"style":211},[2838],{"type":150,"value":261},{"type":145,"tag":181,"props":2840,"children":2841},{"style":205},[2842],{"type":150,"value":266},{"type":145,"tag":146,"props":2844,"children":2845},{},[2846,2851],{"type":145,"tag":2575,"props":2847,"children":2848},{},[2849],{"type":150,"value":2850},"Before",{"type":150,"value":2852}," using alias:",{"type":145,"tag":170,"props":2854,"children":2856},{"className":1386,"code":2855,"language":1389,"meta":139,"style":139},"\u003CNuxtImg src=\"https://images.unsplash.com/\u003Cid>\" />\n",[2857],{"type":145,"tag":153,"props":2858,"children":2859},{"__ignoreMap":139},[2860],{"type":145,"tag":181,"props":2861,"children":2862},{"class":183,"line":184},[2863,2867,2871,2875,2879,2883,2888,2892],{"type":145,"tag":181,"props":2864,"children":2865},{"style":211},[2866],{"type":150,"value":1401},{"type":145,"tag":181,"props":2868,"children":2869},{"style":221},[2870],{"type":150,"value":1424},{"type":145,"tag":181,"props":2872,"children":2873},{"style":1427},[2874],{"type":150,"value":1454},{"type":145,"tag":181,"props":2876,"children":2877},{"style":211},[2878],{"type":150,"value":1435},{"type":145,"tag":181,"props":2880,"children":2881},{"style":211},[2882],{"type":150,"value":1440},{"type":145,"tag":181,"props":2884,"children":2885},{"style":656},[2886],{"type":150,"value":2887},"https://images.unsplash.com/\u003Cid>",{"type":145,"tag":181,"props":2889,"children":2890},{"style":211},[2891],{"type":150,"value":1440},{"type":145,"tag":181,"props":2893,"children":2894},{"style":211},[2895],{"type":150,"value":1476},{"type":145,"tag":146,"props":2897,"children":2898},{},[2899],{"type":150,"value":2900},"Generates:",{"type":145,"tag":170,"props":2902,"children":2904},{"className":1386,"code":2903,"language":1389,"meta":139,"style":139},"\u003Cimg src=\"/_ipx/https://images.unsplash.com/\u003Cid>\">\n",[2905],{"type":145,"tag":153,"props":2906,"children":2907},{"__ignoreMap":139},[2908],{"type":145,"tag":181,"props":2909,"children":2910},{"class":183,"line":184},[2911,2915,2920,2924,2928,2932,2937,2941],{"type":145,"tag":181,"props":2912,"children":2913},{"style":211},[2914],{"type":150,"value":1401},{"type":145,"tag":181,"props":2916,"children":2917},{"style":221},[2918],{"type":150,"value":2919},"img",{"type":145,"tag":181,"props":2921,"children":2922},{"style":1427},[2923],{"type":150,"value":1454},{"type":145,"tag":181,"props":2925,"children":2926},{"style":211},[2927],{"type":150,"value":1435},{"type":145,"tag":181,"props":2929,"children":2930},{"style":211},[2931],{"type":150,"value":1440},{"type":145,"tag":181,"props":2933,"children":2934},{"style":656},[2935],{"type":150,"value":2936},"/_ipx/https://images.unsplash.com/\u003Cid>",{"type":145,"tag":181,"props":2938,"children":2939},{"style":211},[2940],{"type":150,"value":1440},{"type":145,"tag":181,"props":2942,"children":2943},{"style":211},[2944],{"type":150,"value":1411},{"type":145,"tag":146,"props":2946,"children":2947},{},[2948,2953],{"type":145,"tag":2575,"props":2949,"children":2950},{},[2951],{"type":150,"value":2952},"After",{"type":150,"value":2852},{"type":145,"tag":170,"props":2955,"children":2957},{"className":1386,"code":2956,"language":1389,"meta":139,"style":139},"\u003CNuxtImg src=\"/unsplash/\u003Cid>\" />\n",[2958],{"type":145,"tag":153,"props":2959,"children":2960},{"__ignoreMap":139},[2961],{"type":145,"tag":181,"props":2962,"children":2963},{"class":183,"line":184},[2964,2968,2972,2976,2980,2984,2989,2993],{"type":145,"tag":181,"props":2965,"children":2966},{"style":211},[2967],{"type":150,"value":1401},{"type":145,"tag":181,"props":2969,"children":2970},{"style":221},[2971],{"type":150,"value":1424},{"type":145,"tag":181,"props":2973,"children":2974},{"style":1427},[2975],{"type":150,"value":1454},{"type":145,"tag":181,"props":2977,"children":2978},{"style":211},[2979],{"type":150,"value":1435},{"type":145,"tag":181,"props":2981,"children":2982},{"style":211},[2983],{"type":150,"value":1440},{"type":145,"tag":181,"props":2985,"children":2986},{"style":656},[2987],{"type":150,"value":2988},"/unsplash/\u003Cid>",{"type":145,"tag":181,"props":2990,"children":2991},{"style":211},[2992],{"type":150,"value":1440},{"type":145,"tag":181,"props":2994,"children":2995},{"style":211},[2996],{"type":150,"value":1476},{"type":145,"tag":146,"props":2998,"children":2999},{},[3000],{"type":150,"value":2900},{"type":145,"tag":170,"props":3002,"children":3004},{"className":1386,"code":3003,"language":1389,"meta":139,"style":139},"\u003Cimg src=\"/_ipx/unsplash/\u003Cid>\" />\n",[3005],{"type":145,"tag":153,"props":3006,"children":3007},{"__ignoreMap":139},[3008],{"type":145,"tag":181,"props":3009,"children":3010},{"class":183,"line":184},[3011,3015,3019,3023,3027,3031,3036,3040],{"type":145,"tag":181,"props":3012,"children":3013},{"style":211},[3014],{"type":150,"value":1401},{"type":145,"tag":181,"props":3016,"children":3017},{"style":221},[3018],{"type":150,"value":2919},{"type":145,"tag":181,"props":3020,"children":3021},{"style":1427},[3022],{"type":150,"value":1454},{"type":145,"tag":181,"props":3024,"children":3025},{"style":211},[3026],{"type":150,"value":1435},{"type":145,"tag":181,"props":3028,"children":3029},{"style":211},[3030],{"type":150,"value":1440},{"type":145,"tag":181,"props":3032,"children":3033},{"style":656},[3034],{"type":150,"value":3035},"/_ipx/unsplash/\u003Cid>",{"type":145,"tag":181,"props":3037,"children":3038},{"style":211},[3039],{"type":150,"value":1440},{"type":145,"tag":181,"props":3041,"children":3042},{"style":211},[3043],{"type":150,"value":1476},{"type":145,"tag":146,"props":3045,"children":3046},{},[3047],{"type":150,"value":3048},"Both usage and output are simplified!",{"type":145,"tag":3050,"props":3051,"children":3052},"style",{},[3053],{"type":150,"value":3054},"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":3056},[3057,3058,3059,3060,3061,3062,3063,3064,3067,3068,3069],{"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":1056,"depth":217,"text":1056},{"id":1166,"depth":217,"text":1166},{"id":1495,"depth":217,"text":1495},{"id":1822,"depth":217,"text":1822,"children":3065},[3066],{"id":2012,"depth":236,"text":2012},{"id":2249,"depth":217,"text":2249},{"id":2420,"depth":217,"text":2420},{"id":2651,"depth":217,"text":2651},"markdown","content:1.get-started:2.configuration.md","content","1.get-started/2.configuration.md","1.get-started/2.configuration",[3076,3868],{"_path":10,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":9,"description":3077,"body":3078,"_type":3070,"_id":3865,"_source":3072,"_file":3866,"_stem":3867,"_extension":858},"Using image module in your Nuxt project is only one command away.",{"type":142,"children":3079,"toc":3857},[3080,3134,3147,3185,3204,3289,3313,3318,3336,3374,3389,3395,3434,3439,3453,3459,3478,3542,3570,3576,3592,3649,3671,3677,3682,3853],{"type":145,"tag":1022,"props":3081,"children":3082},{},[3083],{"type":145,"tag":146,"props":3084,"children":3085},{},[3086,3088,3094,3096,3101,3103,3107,3109,3116,3118,3123,3125,3132],{"type":150,"value":3087},"You are reading the ",{"type":145,"tag":153,"props":3089,"children":3091},{"className":3090},[],[3092],{"type":150,"value":3093},"v1",{"type":150,"value":3095}," documentation compatible with ",{"type":145,"tag":2575,"props":3097,"children":3098},{},[3099],{"type":150,"value":3100},"Nuxt 3",{"type":150,"value":3102},". ",{"type":145,"tag":3104,"props":3105,"children":3106},"br",{},[],{"type":150,"value":3108}," Checkout ",{"type":145,"tag":391,"props":3110,"children":3113},{"href":3111,"rel":3112},"https://v0.image.nuxtjs.org/getting-started/installation",[1034],[3114],{"type":150,"value":3115},"v0.image.nuxtjs.org",{"type":150,"value":3117}," for ",{"type":145,"tag":2575,"props":3119,"children":3120},{},[3121],{"type":150,"value":3122},"Nuxt 2",{"type":150,"value":3124}," compatible version. (",{"type":145,"tag":391,"props":3126,"children":3129},{"href":3127,"rel":3128},"https://github.com/nuxt/image/discussions/548",[1034],[3130],{"type":150,"value":3131},"Announcement",{"type":150,"value":3133},").",{"type":145,"tag":146,"props":3135,"children":3136},{},[3137,3139,3145],{"type":150,"value":3138},"Add ",{"type":145,"tag":153,"props":3140,"children":3142},{"className":3141},[],[3143],{"type":150,"value":3144},"@nuxt/image",{"type":150,"value":3146}," dependency to your project:",{"type":145,"tag":170,"props":3148,"children":3152},{"className":3149,"code":3150,"language":3151,"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",[3153],{"type":145,"tag":153,"props":3154,"children":3155},{"__ignoreMap":139},[3156],{"type":145,"tag":181,"props":3157,"children":3158},{"class":183,"line":184},[3159,3165,3170,3175,3180],{"type":145,"tag":181,"props":3160,"children":3162},{"style":3161},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[3163],{"type":150,"value":3164},"npx",{"type":145,"tag":181,"props":3166,"children":3167},{"style":656},[3168],{"type":150,"value":3169}," nuxi@latest",{"type":145,"tag":181,"props":3171,"children":3172},{"style":656},[3173],{"type":150,"value":3174}," module",{"type":145,"tag":181,"props":3176,"children":3177},{"style":656},[3178],{"type":150,"value":3179}," add",{"type":145,"tag":181,"props":3181,"children":3182},{"style":656},[3183],{"type":150,"value":3184}," image\n",{"type":145,"tag":146,"props":3186,"children":3187},{},[3188,3190,3196,3198,3203],{"type":150,"value":3189},"Add it to ",{"type":145,"tag":153,"props":3191,"children":3193},{"className":3192},[],[3194],{"type":150,"value":3195},"modules",{"type":150,"value":3197}," in your ",{"type":145,"tag":153,"props":3199,"children":3201},{"className":3200},[],[3202],{"type":150,"value":166},{"type":150,"value":168},{"type":145,"tag":170,"props":3205,"children":3207},{"className":172,"code":3206,"filename":174,"language":175,"meta":139,"style":139},"export default defineNuxtConfig({\n modules: [\n '@nuxt/image',\n ]\n})\n",[3208],{"type":145,"tag":153,"props":3209,"children":3210},{"__ignoreMap":139},[3211,3234,3250,3270,3278],{"type":145,"tag":181,"props":3212,"children":3213},{"class":183,"line":184},[3214,3218,3222,3226,3230],{"type":145,"tag":181,"props":3215,"children":3216},{"style":188},[3217],{"type":150,"value":191},{"type":145,"tag":181,"props":3219,"children":3220},{"style":188},[3221],{"type":150,"value":196},{"type":145,"tag":181,"props":3223,"children":3224},{"style":199},[3225],{"type":150,"value":202},{"type":145,"tag":181,"props":3227,"children":3228},{"style":205},[3229],{"type":150,"value":208},{"type":145,"tag":181,"props":3231,"children":3232},{"style":211},[3233],{"type":150,"value":214},{"type":145,"tag":181,"props":3235,"children":3236},{"class":183,"line":217},[3237,3242,3246],{"type":145,"tag":181,"props":3238,"children":3239},{"style":221},[3240],{"type":150,"value":3241}," modules",{"type":145,"tag":181,"props":3243,"children":3244},{"style":211},[3245],{"type":150,"value":168},{"type":145,"tag":181,"props":3247,"children":3248},{"style":205},[3249],{"type":150,"value":2748},{"type":145,"tag":181,"props":3251,"children":3252},{"class":183,"line":236},[3253,3258,3262,3266],{"type":145,"tag":181,"props":3254,"children":3255},{"style":211},[3256],{"type":150,"value":3257}," '",{"type":145,"tag":181,"props":3259,"children":3260},{"style":656},[3261],{"type":150,"value":3144},{"type":145,"tag":181,"props":3263,"children":3264},{"style":211},[3265],{"type":150,"value":653},{"type":145,"tag":181,"props":3267,"children":3268},{"style":211},[3269],{"type":150,"value":469},{"type":145,"tag":181,"props":3271,"children":3272},{"class":183,"line":246},[3273],{"type":145,"tag":181,"props":3274,"children":3275},{"style":205},[3276],{"type":150,"value":3277}," ]\n",{"type":145,"tag":181,"props":3279,"children":3280},{"class":183,"line":255},[3281,3285],{"type":145,"tag":181,"props":3282,"children":3283},{"style":211},[3284],{"type":150,"value":261},{"type":145,"tag":181,"props":3286,"children":3287},{"style":205},[3288],{"type":150,"value":266},{"type":145,"tag":146,"props":3290,"children":3291},{},[3292,3294,3302,3303,3311],{"type":150,"value":3293},"You can now start using ",{"type":145,"tag":391,"props":3295,"children":3296},{"href":26},[3297],{"type":145,"tag":153,"props":3298,"children":3300},{"className":3299},[],[3301],{"type":150,"value":25},{"type":150,"value":1046},{"type":145,"tag":391,"props":3304,"children":3305},{"href":29},[3306],{"type":145,"tag":153,"props":3307,"children":3309},{"className":3308},[],[3310],{"type":150,"value":28},{"type":150,"value":3312}," components in your application ✨",{"type":145,"tag":268,"props":3314,"children":3316},{"id":3315},"configuration",[3317],{"type":150,"value":12},{"type":145,"tag":146,"props":3319,"children":3320},{},[3321,3323,3328,3330,3335],{"type":150,"value":3322},"Add an ",{"type":145,"tag":153,"props":3324,"children":3326},{"className":3325},[],[3327],{"type":150,"value":158},{"type":150,"value":3329}," section in your ",{"type":145,"tag":153,"props":3331,"children":3333},{"className":3332},[],[3334],{"type":150,"value":166},{"type":150,"value":168},{"type":145,"tag":170,"props":3337,"children":3339},{"className":172,"code":3338,"filename":174,"language":175,"meta":139,"style":139},"image: {\n // Options\n}\n",[3340],{"type":145,"tag":153,"props":3341,"children":3342},{"__ignoreMap":139},[3343,3358,3366],{"type":145,"tag":181,"props":3344,"children":3345},{"class":183,"line":184},[3346,3350,3354],{"type":145,"tag":181,"props":3347,"children":3348},{"style":3161},[3349],{"type":150,"value":158},{"type":145,"tag":181,"props":3351,"children":3352},{"style":211},[3353],{"type":150,"value":168},{"type":145,"tag":181,"props":3355,"children":3356},{"style":211},[3357],{"type":150,"value":233},{"type":145,"tag":181,"props":3359,"children":3360},{"class":183,"line":217},[3361],{"type":145,"tag":181,"props":3362,"children":3363},{"style":240},[3364],{"type":150,"value":3365}," // Options\n",{"type":145,"tag":181,"props":3367,"children":3368},{"class":183,"line":236},[3369],{"type":145,"tag":181,"props":3370,"children":3371},{"style":211},[3372],{"type":150,"value":3373},"}\n",{"type":145,"tag":1022,"props":3375,"children":3376},{},[3377],{"type":145,"tag":146,"props":3378,"children":3379},{},[3380,3382,3387],{"type":150,"value":3381},"Checkout the ",{"type":145,"tag":391,"props":3383,"children":3384},{"href":13},[3385],{"type":150,"value":3386},"image configuration",{"type":150,"value":3388}," for all available options and features to customize.",{"type":145,"tag":268,"props":3390,"children":3392},{"id":3391},"edge-channel",[3393],{"type":150,"value":3394},"Edge Channel",{"type":145,"tag":146,"props":3396,"children":3397},{},[3398,3400,3406,3408,3413,3414,3419,3421,3432],{"type":150,"value":3399},"After each commit is merged into the ",{"type":145,"tag":153,"props":3401,"children":3403},{"className":3402},[],[3404],{"type":150,"value":3405},"main",{"type":150,"value":3407}," branch of ",{"type":145,"tag":153,"props":3409,"children":3411},{"className":3410},[],[3412],{"type":150,"value":3144},{"type":150,"value":1046},{"type":145,"tag":2575,"props":3415,"children":3416},{},[3417],{"type":150,"value":3418},"passing all tests",{"type":150,"value":3420},", we trigger an automated npm release using Github Actions publishing a ",{"type":145,"tag":391,"props":3422,"children":3425},{"href":3423,"rel":3424},"https://npmjs.com/package/@nuxt/image-nightly",[1034],[3426],{"type":145,"tag":153,"props":3427,"children":3429},{"className":3428},[],[3430],{"type":150,"value":3431},"@nuxt/image-nightly",{"type":150,"value":3433}," package.",{"type":145,"tag":146,"props":3435,"children":3436},{},[3437],{"type":150,"value":3438},"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":3440,"children":3441},{},[3442,3444,3451],{"type":150,"value":3443},"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":3445,"children":3448},{"href":3446,"rel":3447},"https://github.com/nuxt/image",[1034],[3449],{"type":150,"value":3450},"GitHub repository",{"type":150,"value":3452}," 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":2010,"props":3454,"children":3456},{"id":3455},"opting-into-the-edge-channel",[3457],{"type":150,"value":3458},"Opting into the edge channel",{"type":145,"tag":146,"props":3460,"children":3461},{},[3462,3464,3469,3471,3477],{"type":150,"value":3463},"Update ",{"type":145,"tag":153,"props":3465,"children":3467},{"className":3466},[],[3468],{"type":150,"value":3144},{"type":150,"value":3470}," dependency inside ",{"type":145,"tag":153,"props":3472,"children":3474},{"className":3473},[],[3475],{"type":150,"value":3476},"package.json",{"type":150,"value":168},{"type":145,"tag":170,"props":3479,"children":3483},{"className":3480,"code":3481,"filename":3476,"language":3482,"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",[3484],{"type":145,"tag":153,"props":3485,"children":3486},{"__ignoreMap":139},[3487,3494,3502,3515,3528,3535],{"type":145,"tag":181,"props":3488,"children":3489},{"class":183,"line":184},[3490],{"type":145,"tag":181,"props":3491,"children":3492},{"style":205},[3493],{"type":150,"value":214},{"type":145,"tag":181,"props":3495,"children":3496},{"class":183,"line":217},[3497],{"type":145,"tag":181,"props":3498,"children":3499},{"style":205},[3500],{"type":150,"value":3501}," \"devDependencies\": {\n",{"type":145,"tag":181,"props":3503,"children":3504},{"class":183,"line":236},[3505,3510],{"type":145,"tag":181,"props":3506,"children":3507},{"style":211},[3508],{"type":150,"value":3509},"-",{"type":145,"tag":181,"props":3511,"children":3512},{"style":221},[3513],{"type":150,"value":3514}," \"@nuxt/image\": \"^1.0.0\"\n",{"type":145,"tag":181,"props":3516,"children":3517},{"class":183,"line":246},[3518,3523],{"type":145,"tag":181,"props":3519,"children":3520},{"style":211},[3521],{"type":150,"value":3522},"+",{"type":145,"tag":181,"props":3524,"children":3525},{"style":656},[3526],{"type":150,"value":3527}," \"@nuxt/image\": \"npm:@nuxt/image-nightly@latest\"\n",{"type":145,"tag":181,"props":3529,"children":3530},{"class":183,"line":255},[3531],{"type":145,"tag":181,"props":3532,"children":3533},{"style":205},[3534],{"type":150,"value":252},{"type":145,"tag":181,"props":3536,"children":3537},{"class":183,"line":818},[3538],{"type":145,"tag":181,"props":3539,"children":3540},{"style":205},[3541],{"type":150,"value":3373},{"type":145,"tag":146,"props":3543,"children":3544},{},[3545,3547,3553,3554,3560,3562,3568],{"type":150,"value":3546},"Remove lockfile (",{"type":145,"tag":153,"props":3548,"children":3550},{"className":3549},[],[3551],{"type":150,"value":3552},"package-lock.json",{"type":150,"value":527},{"type":145,"tag":153,"props":3555,"children":3557},{"className":3556},[],[3558],{"type":150,"value":3559},"yarn.lock",{"type":150,"value":3561},", or ",{"type":145,"tag":153,"props":3563,"children":3565},{"className":3564},[],[3566],{"type":150,"value":3567},"pnpm-lock.yaml",{"type":150,"value":3569},") and reinstall dependencies.",{"type":145,"tag":2010,"props":3571,"children":3573},{"id":3572},"opting-out-from-the-edge-channel",[3574],{"type":150,"value":3575},"Opting out from the edge channel",{"type":145,"tag":146,"props":3577,"children":3578},{},[3579,3580,3585,3586,3591],{"type":150,"value":3463},{"type":145,"tag":153,"props":3581,"children":3583},{"className":3582},[],[3584],{"type":150,"value":3144},{"type":150,"value":3470},{"type":145,"tag":153,"props":3587,"children":3589},{"className":3588},[],[3590],{"type":150,"value":3476},{"type":150,"value":168},{"type":145,"tag":170,"props":3593,"children":3595},{"className":3480,"code":3594,"filename":3476,"language":3482,"meta":139,"style":139},"{\n \"devDependencies\": {\n- \"@nuxt/image\": \"npm:@nuxt/image-nightly@latest\"\n+ \"@nuxt/image\": \"^1.0.0\"\n }\n}\n",[3596],{"type":145,"tag":153,"props":3597,"children":3598},{"__ignoreMap":139},[3599,3606,3613,3624,3635,3642],{"type":145,"tag":181,"props":3600,"children":3601},{"class":183,"line":184},[3602],{"type":145,"tag":181,"props":3603,"children":3604},{"style":205},[3605],{"type":150,"value":214},{"type":145,"tag":181,"props":3607,"children":3608},{"class":183,"line":217},[3609],{"type":145,"tag":181,"props":3610,"children":3611},{"style":205},[3612],{"type":150,"value":3501},{"type":145,"tag":181,"props":3614,"children":3615},{"class":183,"line":236},[3616,3620],{"type":145,"tag":181,"props":3617,"children":3618},{"style":211},[3619],{"type":150,"value":3509},{"type":145,"tag":181,"props":3621,"children":3622},{"style":221},[3623],{"type":150,"value":3527},{"type":145,"tag":181,"props":3625,"children":3626},{"class":183,"line":246},[3627,3631],{"type":145,"tag":181,"props":3628,"children":3629},{"style":211},[3630],{"type":150,"value":3522},{"type":145,"tag":181,"props":3632,"children":3633},{"style":656},[3634],{"type":150,"value":3514},{"type":145,"tag":181,"props":3636,"children":3637},{"class":183,"line":255},[3638],{"type":145,"tag":181,"props":3639,"children":3640},{"style":205},[3641],{"type":150,"value":252},{"type":145,"tag":181,"props":3643,"children":3644},{"class":183,"line":818},[3645],{"type":145,"tag":181,"props":3646,"children":3647},{"style":205},[3648],{"type":150,"value":3373},{"type":145,"tag":146,"props":3650,"children":3651},{},[3652,3653,3658,3659,3664,3665,3670],{"type":150,"value":3546},{"type":145,"tag":153,"props":3654,"children":3656},{"className":3655},[],[3657],{"type":150,"value":3552},{"type":150,"value":527},{"type":145,"tag":153,"props":3660,"children":3662},{"className":3661},[],[3663],{"type":150,"value":3559},{"type":150,"value":3561},{"type":145,"tag":153,"props":3666,"children":3668},{"className":3667},[],[3669],{"type":150,"value":3567},{"type":150,"value":3569},{"type":145,"tag":268,"props":3672,"children":3674},{"id":3673},"troubleshooting",[3675],{"type":150,"value":3676},"Troubleshooting",{"type":145,"tag":146,"props":3678,"children":3679},{},[3680],{"type":150,"value":3681},"If an error occurs during installation:",{"type":145,"tag":2581,"props":3683,"children":3684},{},[3685,3698,3778,3811,3839],{"type":145,"tag":2585,"props":3686,"children":3687},{},[3688,3690,3697],{"type":150,"value":3689},"Ensure using LTS version of NodeJS (",{"type":145,"tag":391,"props":3691,"children":3694},{"href":3692,"rel":3693},"https://nodejs.org/en/download/",[1034],[3695],{"type":150,"value":3696},"NodeJS Download page",{"type":150,"value":1856},{"type":145,"tag":2585,"props":3699,"children":3700},{},[3701,3703],{"type":150,"value":3702},"Try to upgrade to latest versions:",{"type":145,"tag":1179,"props":3704,"children":3705},{},[3706,3731,3755],{"type":145,"tag":170,"props":3707,"children":3710},{"className":3149,"code":3708,"filename":3709,"language":3151,"meta":139,"style":139},"pnpm up @nuxt/image\n","pnpm",[3711],{"type":145,"tag":153,"props":3712,"children":3713},{"__ignoreMap":139},[3714],{"type":145,"tag":181,"props":3715,"children":3716},{"class":183,"line":184},[3717,3721,3726],{"type":145,"tag":181,"props":3718,"children":3719},{"style":3161},[3720],{"type":150,"value":3709},{"type":145,"tag":181,"props":3722,"children":3723},{"style":656},[3724],{"type":150,"value":3725}," up",{"type":145,"tag":181,"props":3727,"children":3728},{"style":656},[3729],{"type":150,"value":3730}," @nuxt/image\n",{"type":145,"tag":170,"props":3732,"children":3735},{"className":3149,"code":3733,"filename":3734,"language":3151,"meta":139,"style":139},"yarn upgrade @nuxt/image\n","yarn",[3736],{"type":145,"tag":153,"props":3737,"children":3738},{"__ignoreMap":139},[3739],{"type":145,"tag":181,"props":3740,"children":3741},{"class":183,"line":184},[3742,3746,3751],{"type":145,"tag":181,"props":3743,"children":3744},{"style":3161},[3745],{"type":150,"value":3734},{"type":145,"tag":181,"props":3747,"children":3748},{"style":656},[3749],{"type":150,"value":3750}," upgrade",{"type":145,"tag":181,"props":3752,"children":3753},{"style":656},[3754],{"type":150,"value":3730},{"type":145,"tag":170,"props":3756,"children":3759},{"className":3149,"code":3757,"filename":3758,"language":3151,"meta":139,"style":139},"npm up @nuxt/image\n","npm",[3760],{"type":145,"tag":153,"props":3761,"children":3762},{"__ignoreMap":139},[3763],{"type":145,"tag":181,"props":3764,"children":3765},{"class":183,"line":184},[3766,3770,3774],{"type":145,"tag":181,"props":3767,"children":3768},{"style":3161},[3769],{"type":150,"value":3758},{"type":145,"tag":181,"props":3771,"children":3772},{"style":656},[3773],{"type":150,"value":3725},{"type":145,"tag":181,"props":3775,"children":3776},{"style":656},[3777],{"type":150,"value":3730},{"type":145,"tag":2585,"props":3779,"children":3780},{},[3781,3783],{"type":150,"value":3782},"Try recreating lock-file:",{"type":145,"tag":170,"props":3784,"children":3786},{"className":3149,"code":3785,"language":3151,"meta":139,"style":139},"npx nuxt@latest upgrade --force\n",[3787],{"type":145,"tag":153,"props":3788,"children":3789},{"__ignoreMap":139},[3790],{"type":145,"tag":181,"props":3791,"children":3792},{"class":183,"line":184},[3793,3797,3802,3806],{"type":145,"tag":181,"props":3794,"children":3795},{"style":3161},[3796],{"type":150,"value":3164},{"type":145,"tag":181,"props":3798,"children":3799},{"style":656},[3800],{"type":150,"value":3801}," nuxt@latest",{"type":145,"tag":181,"props":3803,"children":3804},{"style":656},[3805],{"type":150,"value":3750},{"type":145,"tag":181,"props":3807,"children":3808},{"style":656},[3809],{"type":150,"value":3810}," --force\n",{"type":145,"tag":2585,"props":3812,"children":3813},{},[3814,3816,3822,3823,3829,3831,3837],{"type":150,"value":3815},"If there is still an error related to ",{"type":145,"tag":153,"props":3817,"children":3819},{"className":3818},[],[3820],{"type":150,"value":3821},"sharp",{"type":150,"value":1046},{"type":145,"tag":153,"props":3824,"children":3826},{"className":3825},[],[3827],{"type":150,"value":3828},"node-gyp",{"type":150,"value":3830},", it is probably because your OS architecture or NodeJS version is not included in pre-built binaries and needs to be built from source (for example, this sometimes occurs on Apple M1). Checkout ",{"type":145,"tag":391,"props":3832,"children":3835},{"href":3833,"rel":3834},"https://github.com/nodejs/node-gyp#installation",[1034],[3836],{"type":150,"value":3828},{"type":150,"value":3838}," for install requirements.",{"type":145,"tag":2585,"props":3840,"children":3841},{},[3842,3844,3851],{"type":150,"value":3843},"If none of the above worked, please ",{"type":145,"tag":391,"props":3845,"children":3848},{"href":3846,"rel":3847},"https://github.com/nuxt/image/issues",[1034],[3849],{"type":150,"value":3850},"open an issue",{"type":150,"value":3852}," and include error trace, OS, Node version and the package manager used for installing.",{"type":145,"tag":3050,"props":3854,"children":3855},{},[3856],{"type":150,"value":3054},{"title":139,"searchDepth":217,"depth":217,"links":3858},[3859,3860,3864],{"id":3315,"depth":217,"text":12},{"id":3391,"depth":217,"text":3394,"children":3861},[3862,3863],{"id":3455,"depth":236,"text":3458},{"id":3572,"depth":236,"text":3575},{"id":3673,"depth":217,"text":3676},"content:1.get-started:1.installation.md","1.get-started/1.installation.md","1.get-started/1.installation",{"_path":16,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":15,"description":3869,"body":3870,"_type":3070,"_id":4152,"_source":3072,"_file":4153,"_stem":4154,"_extension":858},"Nuxt Image supports multiple providers for high performances.",{"type":142,"children":3871,"toc":4143},[3872,3878,3883,3888,3899,3924,3930,3941,3947,3959,3986,3999,4022,4028,4044,4057,4089,4095,4108,4113,4123,4128,4139],{"type":145,"tag":268,"props":3873,"children":3875},{"id":3874},"introduction-to-providers",[3876],{"type":150,"value":3877},"Introduction to Providers",{"type":145,"tag":146,"props":3879,"children":3880},{},[3881],{"type":150,"value":3882},"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":3884,"children":3885},{},[3886],{"type":150,"value":3887},"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":3889,"children":3890},{},[3891,3893,3898],{"type":150,"value":3892},"If you are looking for a specific provider that is not already supported, you can ",{"type":145,"tag":391,"props":3894,"children":3895},{"href":132},[3896],{"type":150,"value":3897},"create your own provider",{"type":150,"value":572},{"type":145,"tag":146,"props":3900,"children":3901},{},[3902,3904,3909,3910,3915,3917,3922],{"type":150,"value":3903},"Nuxt Image will automatically optimize ",{"type":145,"tag":153,"props":3905,"children":3907},{"className":3906},[],[3908],{"type":150,"value":25},{"type":150,"value":2448},{"type":145,"tag":153,"props":3911,"children":3913},{"className":3912},[],[3914],{"type":150,"value":28},{"type":150,"value":3916}," sources and accepts all ",{"type":145,"tag":391,"props":3918,"children":3919},{"href":13},[3920],{"type":150,"value":3921},"options",{"type":150,"value":3923}," for specified target, except for modifiers that are specific to other providers.",{"type":145,"tag":268,"props":3925,"children":3927},{"id":3926},"default-provider",[3928],{"type":150,"value":3929},"Default Provider",{"type":145,"tag":146,"props":3931,"children":3932},{},[3933,3935,3939],{"type":150,"value":3934},"The default optimizer and provider for Nuxt Image is ",{"type":145,"tag":391,"props":3936,"children":3937},{"href":89},[3938],{"type":150,"value":1838},{"type":150,"value":3940},". Either option can be used without any configuration.",{"type":145,"tag":2010,"props":3942,"children":3944},{"id":3943},"local-images",[3945],{"type":150,"value":3946},"Local Images",{"type":145,"tag":146,"props":3948,"children":3949},{},[3950,3952,3957],{"type":150,"value":3951},"Images should be stored in the ",{"type":145,"tag":153,"props":3953,"children":3955},{"className":3954},[],[3956],{"type":150,"value":2639},{"type":150,"value":3958}," directory of your project.",{"type":145,"tag":146,"props":3960,"children":3961},{},[3962,3964,3970,3972,3977,3979,3985],{"type":150,"value":3963},"For example, when using ",{"type":145,"tag":153,"props":3965,"children":3967},{"className":3966},[],[3968],{"type":150,"value":3969},"\u003CNuxtImg src=\"/nuxt-icon.png\" />",{"type":150,"value":3971},", it should be placed in ",{"type":145,"tag":153,"props":3973,"children":3975},{"className":3974},[],[3976],{"type":150,"value":2639},{"type":150,"value":3978}," folder under the path ",{"type":145,"tag":153,"props":3980,"children":3982},{"className":3981},[],[3983],{"type":150,"value":3984},"public/nuxt-icon.png",{"type":150,"value":572},{"type":145,"tag":146,"props":3987,"children":3988},{},[3989,3991,3998],{"type":150,"value":3990},"For more information, you can learn more about the ",{"type":145,"tag":391,"props":3992,"children":3995},{"href":3993,"rel":3994},"https://nuxt.com/docs/guide/directory-structure/public",[1034],[3996],{"type":150,"value":3997},"public directory",{"type":150,"value":572},{"type":145,"tag":1022,"props":4000,"children":4001},{},[4002],{"type":145,"tag":146,"props":4003,"children":4004},{},[4005,4007,4013,4015,4020],{"type":150,"value":4006},"Image stored in the ",{"type":145,"tag":153,"props":4008,"children":4010},{"className":4009},[],[4011],{"type":150,"value":4012},"assets/",{"type":150,"value":4014}," directory are ",{"type":145,"tag":2575,"props":4016,"children":4017},{},[4018],{"type":150,"value":4019},"not",{"type":150,"value":4021}," processed with Nuxt Image because those images are managed by your bundler (such as Vite or webpack).",{"type":145,"tag":2010,"props":4023,"children":4025},{"id":4024},"remote-images",[4026],{"type":150,"value":4027},"Remote Images",{"type":145,"tag":146,"props":4029,"children":4030},{},[4031,4033,4042],{"type":150,"value":4032},"Using default provider, you can also optimize external URLs. For this, you need to add them to ",{"type":145,"tag":391,"props":4034,"children":4036},{"href":4035},"/get-started/configuration#domains",[4037],{"type":145,"tag":153,"props":4038,"children":4040},{"className":4039},[],[4041],{"type":150,"value":1056},{"type":150,"value":4043}," option.",{"type":145,"tag":146,"props":4045,"children":4046},{},[4047,4049,4055],{"type":150,"value":4048},"You can also add domains for remote images by setting the ",{"type":145,"tag":153,"props":4050,"children":4052},{"className":4051},[],[4053],{"type":150,"value":4054},"NUXT_IMAGE_DOMAINS",{"type":150,"value":4056}," environment variable to a comma-separated list of domains.",{"type":145,"tag":170,"props":4058,"children":4060},{"className":3149,"code":4059,"language":3151,"meta":139,"style":139},"NUXT_IMAGE_DOMAINS=\"example.com,yourdomain.com\"\n",[4061],{"type":145,"tag":153,"props":4062,"children":4063},{"__ignoreMap":139},[4064],{"type":145,"tag":181,"props":4065,"children":4066},{"class":183,"line":184},[4067,4071,4075,4079,4084],{"type":145,"tag":181,"props":4068,"children":4069},{"style":205},[4070],{"type":150,"value":4054},{"type":145,"tag":181,"props":4072,"children":4073},{"style":211},[4074],{"type":150,"value":1435},{"type":145,"tag":181,"props":4076,"children":4077},{"style":211},[4078],{"type":150,"value":1440},{"type":145,"tag":181,"props":4080,"children":4081},{"style":656},[4082],{"type":150,"value":4083},"example.com,yourdomain.com",{"type":145,"tag":181,"props":4085,"children":4086},{"style":211},[4087],{"type":150,"value":4088},"\"\n",{"type":145,"tag":2010,"props":4090,"children":4092},{"id":4091},"environment-detection",[4093],{"type":150,"value":4094},"Environment Detection",{"type":145,"tag":146,"props":4096,"children":4097},{},[4098,4100,4106],{"type":150,"value":4099},"You can set default provider using ",{"type":145,"tag":153,"props":4101,"children":4103},{"className":4102},[],[4104],{"type":150,"value":4105},"NUXT_IMAGE_PROVIDER",{"type":150,"value":4107}," environment variable.",{"type":145,"tag":146,"props":4109,"children":4110},{},[4111],{"type":150,"value":4112},"Providers detected automatically:",{"type":145,"tag":2581,"props":4114,"children":4115},{},[4116],{"type":145,"tag":2585,"props":4117,"children":4118},{},[4119],{"type":145,"tag":391,"props":4120,"children":4121},{"href":122},[4122],{"type":150,"value":121},{"type":145,"tag":2010,"props":4124,"children":4126},{"id":4125},"custom-provider",[4127],{"type":150,"value":131},{"type":145,"tag":146,"props":4129,"children":4130},{},[4131,4133,4138],{"type":150,"value":4132},"It is possible to define your own provider, learn more ",{"type":145,"tag":391,"props":4134,"children":4135},{"href":132},[4136],{"type":150,"value":4137},"how to create a custom provider",{"type":150,"value":572},{"type":145,"tag":3050,"props":4140,"children":4141},{},[4142],{"type":150,"value":3054},{"title":139,"searchDepth":217,"depth":217,"links":4144},[4145,4146],{"id":3874,"depth":217,"text":3877},{"id":3926,"depth":217,"text":3929,"children":4147},[4148,4149,4150,4151],{"id":3943,"depth":236,"text":3946},{"id":4024,"depth":236,"text":4027},{"id":4091,"depth":236,"text":4094},{"id":4125,"depth":236,"text":131},"content:1.get-started:3.providers.md","1.get-started/3.providers.md","1.get-started/3.providers",1736769705625]