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