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