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