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