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