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