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