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