[{"data":1,"prerenderedAt":3863},["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-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--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-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--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":3860,"_source":983,"_file":3861,"_stem":3862,"_extension":986},"Nuxt Image is configured with sensible defaults.",{"type":142,"children":992,"toc":3845},[993,1011,1083,1092,1105,1186,1195,1200,1216,1301,1310,1321,1385,1399,1496,1505,1510,1527,1829,1853,1862,1867,1963,1972,1977,2291,2300,2319,2618,2627,2654,2665,2806,2815,2820,3043,3052,3062,3082,3102,3214,3223,3233,3252,3280,3367,3375,3442,3451,3463,3468,3473,3481,3635,3645,3688,3693,3737,3746,3789,3793,3836,3841],{"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],{"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}," and we added the ",{"type":145,"tag":157,"props":1847,"children":1849},{"className":1848},[],[1850],{"type":154,"value":1608},{"type":154,"value":1852}," property.",{"type":145,"tag":416,"props":1854,"children":1856},{"id":1855},"domains",[1857],{"type":145,"tag":157,"props":1858,"children":1860},{"className":1859},[],[1861],{"type":154,"value":1855},{"type":145,"tag":150,"props":1863,"children":1864},{},[1865],{"type":154,"value":1866},"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":1868,"children":1870},{"className":285,"code":1869,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    domains: ['nuxtjs.org']\n  }\n})\n",[1871],{"type":145,"tag":157,"props":1872,"children":1873},{"__ignoreMap":139},[1874,1897,1912,1945,1952],{"type":145,"tag":230,"props":1875,"children":1876},{"class":232,"line":233},[1877,1881,1885,1889,1893],{"type":145,"tag":230,"props":1878,"children":1879},{"style":298},[1880],{"type":154,"value":301},{"type":145,"tag":230,"props":1882,"children":1883},{"style":298},[1884],{"type":154,"value":306},{"type":145,"tag":230,"props":1886,"children":1887},{"style":309},[1888],{"type":154,"value":312},{"type":145,"tag":230,"props":1890,"children":1891},{"style":315},[1892],{"type":154,"value":318},{"type":145,"tag":230,"props":1894,"children":1895},{"style":321},[1896],{"type":154,"value":324},{"type":145,"tag":230,"props":1898,"children":1899},{"class":232,"line":327},[1900,1904,1908],{"type":145,"tag":230,"props":1901,"children":1902},{"style":331},[1903],{"type":154,"value":1048},{"type":145,"tag":230,"props":1905,"children":1906},{"style":321},[1907],{"type":154,"value":282},{"type":145,"tag":230,"props":1909,"children":1910},{"style":321},[1911],{"type":154,"value":462},{"type":145,"tag":230,"props":1913,"children":1914},{"class":232,"line":346},[1915,1920,1924,1928,1932,1937,1941],{"type":145,"tag":230,"props":1916,"children":1917},{"style":331},[1918],{"type":154,"value":1919},"    domains",{"type":145,"tag":230,"props":1921,"children":1922},{"style":321},[1923],{"type":154,"value":282},{"type":145,"tag":230,"props":1925,"children":1926},{"style":315},[1927],{"type":154,"value":1460},{"type":145,"tag":230,"props":1929,"children":1930},{"style":321},[1931],{"type":154,"value":361},{"type":145,"tag":230,"props":1933,"children":1934},{"style":243},[1935],{"type":154,"value":1936},"nuxtjs.org",{"type":145,"tag":230,"props":1938,"children":1939},{"style":321},[1940],{"type":154,"value":361},{"type":145,"tag":230,"props":1942,"children":1943},{"style":315},[1944],{"type":154,"value":1477},{"type":145,"tag":230,"props":1946,"children":1947},{"class":232,"line":369},[1948],{"type":145,"tag":230,"props":1949,"children":1950},{"style":321},[1951],{"type":154,"value":642},{"type":145,"tag":230,"props":1953,"children":1954},{"class":232,"line":378},[1955,1959],{"type":145,"tag":230,"props":1956,"children":1957},{"style":321},[1958],{"type":154,"value":384},{"type":145,"tag":230,"props":1960,"children":1961},{"style":315},[1962],{"type":154,"value":389},{"type":145,"tag":416,"props":1964,"children":1966},{"id":1965},"presets",[1967],{"type":145,"tag":157,"props":1968,"children":1970},{"className":1969},[],[1971],{"type":154,"value":1965},{"type":145,"tag":150,"props":1973,"children":1974},{},[1975],{"type":154,"value":1976},"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":1978,"children":1979},{},[1980,2182],{"type":145,"tag":220,"props":1981,"children":1983},{"className":285,"code":1982,"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",[1984],{"type":145,"tag":157,"props":1985,"children":1986},{"__ignoreMap":139},[1987,2010,2025,2041,2057,2073,2102,2123,2140,2148,2156,2164,2171],{"type":145,"tag":230,"props":1988,"children":1989},{"class":232,"line":233},[1990,1994,1998,2002,2006],{"type":145,"tag":230,"props":1991,"children":1992},{"style":298},[1993],{"type":154,"value":301},{"type":145,"tag":230,"props":1995,"children":1996},{"style":298},[1997],{"type":154,"value":306},{"type":145,"tag":230,"props":1999,"children":2000},{"style":309},[2001],{"type":154,"value":312},{"type":145,"tag":230,"props":2003,"children":2004},{"style":315},[2005],{"type":154,"value":318},{"type":145,"tag":230,"props":2007,"children":2008},{"style":321},[2009],{"type":154,"value":324},{"type":145,"tag":230,"props":2011,"children":2012},{"class":232,"line":327},[2013,2017,2021],{"type":145,"tag":230,"props":2014,"children":2015},{"style":331},[2016],{"type":154,"value":1048},{"type":145,"tag":230,"props":2018,"children":2019},{"style":321},[2020],{"type":154,"value":282},{"type":145,"tag":230,"props":2022,"children":2023},{"style":321},[2024],{"type":154,"value":462},{"type":145,"tag":230,"props":2026,"children":2027},{"class":232,"line":346},[2028,2033,2037],{"type":145,"tag":230,"props":2029,"children":2030},{"style":331},[2031],{"type":154,"value":2032},"    presets",{"type":145,"tag":230,"props":2034,"children":2035},{"style":321},[2036],{"type":154,"value":282},{"type":145,"tag":230,"props":2038,"children":2039},{"style":321},[2040],{"type":154,"value":462},{"type":145,"tag":230,"props":2042,"children":2043},{"class":232,"line":369},[2044,2049,2053],{"type":145,"tag":230,"props":2045,"children":2046},{"style":331},[2047],{"type":154,"value":2048},"      avatar",{"type":145,"tag":230,"props":2050,"children":2051},{"style":321},[2052],{"type":154,"value":282},{"type":145,"tag":230,"props":2054,"children":2055},{"style":321},[2056],{"type":154,"value":462},{"type":145,"tag":230,"props":2058,"children":2059},{"class":232,"line":378},[2060,2065,2069],{"type":145,"tag":230,"props":2061,"children":2062},{"style":331},[2063],{"type":154,"value":2064},"        modifiers",{"type":145,"tag":230,"props":2066,"children":2067},{"style":321},[2068],{"type":154,"value":282},{"type":145,"tag":230,"props":2070,"children":2071},{"style":321},[2072],{"type":154,"value":462},{"type":145,"tag":230,"props":2074,"children":2075},{"class":232,"line":645},[2076,2081,2085,2090,2094,2098],{"type":145,"tag":230,"props":2077,"children":2078},{"style":331},[2079],{"type":154,"value":2080},"          format",{"type":145,"tag":230,"props":2082,"children":2083},{"style":321},[2084],{"type":154,"value":282},{"type":145,"tag":230,"props":2086,"children":2087},{"style":321},[2088],{"type":154,"value":2089}," '",{"type":145,"tag":230,"props":2091,"children":2092},{"style":243},[2093],{"type":154,"value":1359},{"type":145,"tag":230,"props":2095,"children":2096},{"style":321},[2097],{"type":154,"value":361},{"type":145,"tag":230,"props":2099,"children":2100},{"style":321},[2101],{"type":154,"value":366},{"type":145,"tag":230,"props":2103,"children":2104},{"class":232,"line":1657},[2105,2110,2114,2119],{"type":145,"tag":230,"props":2106,"children":2107},{"style":331},[2108],{"type":154,"value":2109},"          width",{"type":145,"tag":230,"props":2111,"children":2112},{"style":321},[2113],{"type":154,"value":282},{"type":145,"tag":230,"props":2115,"children":2116},{"style":1275},[2117],{"type":154,"value":2118}," 50",{"type":145,"tag":230,"props":2120,"children":2121},{"style":321},[2122],{"type":154,"value":366},{"type":145,"tag":230,"props":2124,"children":2125},{"class":232,"line":1686},[2126,2131,2135],{"type":145,"tag":230,"props":2127,"children":2128},{"style":331},[2129],{"type":154,"value":2130},"          height",{"type":145,"tag":230,"props":2132,"children":2133},{"style":321},[2134],{"type":154,"value":282},{"type":145,"tag":230,"props":2136,"children":2137},{"style":1275},[2138],{"type":154,"value":2139}," 50\n",{"type":145,"tag":230,"props":2141,"children":2142},{"class":232,"line":1716},[2143],{"type":145,"tag":230,"props":2144,"children":2145},{"style":321},[2146],{"type":154,"value":2147},"        }\n",{"type":145,"tag":230,"props":2149,"children":2150},{"class":232,"line":1746},[2151],{"type":145,"tag":230,"props":2152,"children":2153},{"style":321},[2154],{"type":154,"value":2155},"      }\n",{"type":145,"tag":230,"props":2157,"children":2158},{"class":232,"line":1776},[2159],{"type":145,"tag":230,"props":2160,"children":2161},{"style":321},[2162],{"type":154,"value":2163},"    }\n",{"type":145,"tag":230,"props":2165,"children":2166},{"class":232,"line":1802},[2167],{"type":145,"tag":230,"props":2168,"children":2169},{"style":321},[2170],{"type":154,"value":642},{"type":145,"tag":230,"props":2172,"children":2173},{"class":232,"line":1811},[2174,2178],{"type":145,"tag":230,"props":2175,"children":2176},{"style":321},[2177],{"type":154,"value":384},{"type":145,"tag":230,"props":2179,"children":2180},{"style":315},[2181],{"type":154,"value":389},{"type":145,"tag":220,"props":2183,"children":2188},{"className":2184,"code":2185,"filename":2186,"language":2187,"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",[2189],{"type":145,"tag":157,"props":2190,"children":2191},{"__ignoreMap":139},[2192,2210,2275],{"type":145,"tag":230,"props":2193,"children":2194},{"class":232,"line":233},[2195,2200,2205],{"type":145,"tag":230,"props":2196,"children":2197},{"style":321},[2198],{"type":154,"value":2199},"\u003C",{"type":145,"tag":230,"props":2201,"children":2202},{"style":331},[2203],{"type":154,"value":2204},"template",{"type":145,"tag":230,"props":2206,"children":2207},{"style":321},[2208],{"type":154,"value":2209},">\n",{"type":145,"tag":230,"props":2211,"children":2212},{"class":232,"line":327},[2213,2218,2223,2229,2234,2239,2244,2248,2253,2257,2261,2266,2270],{"type":145,"tag":230,"props":2214,"children":2215},{"style":321},[2216],{"type":154,"value":2217},"  \u003C",{"type":145,"tag":230,"props":2219,"children":2220},{"style":331},[2221],{"type":154,"value":2222},"NuxtImg",{"type":145,"tag":230,"props":2224,"children":2226},{"style":2225},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[2227],{"type":154,"value":2228}," preset",{"type":145,"tag":230,"props":2230,"children":2231},{"style":321},[2232],{"type":154,"value":2233},"=",{"type":145,"tag":230,"props":2235,"children":2236},{"style":321},[2237],{"type":154,"value":2238},"\"",{"type":145,"tag":230,"props":2240,"children":2241},{"style":243},[2242],{"type":154,"value":2243},"avatar",{"type":145,"tag":230,"props":2245,"children":2246},{"style":321},[2247],{"type":154,"value":2238},{"type":145,"tag":230,"props":2249,"children":2250},{"style":2225},[2251],{"type":154,"value":2252}," src",{"type":145,"tag":230,"props":2254,"children":2255},{"style":321},[2256],{"type":154,"value":2233},{"type":145,"tag":230,"props":2258,"children":2259},{"style":321},[2260],{"type":154,"value":2238},{"type":145,"tag":230,"props":2262,"children":2263},{"style":243},[2264],{"type":154,"value":2265},"/nuxt-icon.png",{"type":145,"tag":230,"props":2267,"children":2268},{"style":321},[2269],{"type":154,"value":2238},{"type":145,"tag":230,"props":2271,"children":2272},{"style":321},[2273],{"type":154,"value":2274}," />\n",{"type":145,"tag":230,"props":2276,"children":2277},{"class":232,"line":346},[2278,2283,2287],{"type":145,"tag":230,"props":2279,"children":2280},{"style":321},[2281],{"type":154,"value":2282},"\u003C/",{"type":145,"tag":230,"props":2284,"children":2285},{"style":331},[2286],{"type":154,"value":2204},{"type":145,"tag":230,"props":2288,"children":2289},{"style":321},[2290],{"type":154,"value":2209},{"type":145,"tag":416,"props":2292,"children":2294},{"id":2293},"providers",[2295],{"type":145,"tag":157,"props":2296,"children":2298},{"className":2297},[],[2299],{"type":154,"value":2293},{"type":145,"tag":150,"props":2301,"children":2302},{},[2303,2305,2310,2312,2317],{"type":154,"value":2304},"In order to create and use a ",{"type":145,"tag":180,"props":2306,"children":2307},{"href":132},[2308],{"type":154,"value":2309},"custom provider",{"type":154,"value":2311},", you need to use the ",{"type":145,"tag":157,"props":2313,"children":2315},{"className":2314},[],[2316],{"type":154,"value":2293},{"type":154,"value":2318}," option and define your custom providers.",{"type":145,"tag":817,"props":2320,"children":2321},{},[2322,2477],{"type":145,"tag":220,"props":2323,"children":2325},{"className":285,"code":2324,"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",[2326],{"type":145,"tag":157,"props":2327,"children":2328},{"__ignoreMap":139},[2329,2352,2367,2383,2399,2428,2445,2452,2459,2466],{"type":145,"tag":230,"props":2330,"children":2331},{"class":232,"line":233},[2332,2336,2340,2344,2348],{"type":145,"tag":230,"props":2333,"children":2334},{"style":298},[2335],{"type":154,"value":301},{"type":145,"tag":230,"props":2337,"children":2338},{"style":298},[2339],{"type":154,"value":306},{"type":145,"tag":230,"props":2341,"children":2342},{"style":309},[2343],{"type":154,"value":312},{"type":145,"tag":230,"props":2345,"children":2346},{"style":315},[2347],{"type":154,"value":318},{"type":145,"tag":230,"props":2349,"children":2350},{"style":321},[2351],{"type":154,"value":324},{"type":145,"tag":230,"props":2353,"children":2354},{"class":232,"line":327},[2355,2359,2363],{"type":145,"tag":230,"props":2356,"children":2357},{"style":331},[2358],{"type":154,"value":1048},{"type":145,"tag":230,"props":2360,"children":2361},{"style":321},[2362],{"type":154,"value":282},{"type":145,"tag":230,"props":2364,"children":2365},{"style":321},[2366],{"type":154,"value":462},{"type":145,"tag":230,"props":2368,"children":2369},{"class":232,"line":346},[2370,2375,2379],{"type":145,"tag":230,"props":2371,"children":2372},{"style":331},[2373],{"type":154,"value":2374},"    providers",{"type":145,"tag":230,"props":2376,"children":2377},{"style":321},[2378],{"type":154,"value":282},{"type":145,"tag":230,"props":2380,"children":2381},{"style":321},[2382],{"type":154,"value":462},{"type":145,"tag":230,"props":2384,"children":2385},{"class":232,"line":369},[2386,2391,2395],{"type":145,"tag":230,"props":2387,"children":2388},{"style":331},[2389],{"type":154,"value":2390},"      random",{"type":145,"tag":230,"props":2392,"children":2393},{"style":321},[2394],{"type":154,"value":282},{"type":145,"tag":230,"props":2396,"children":2397},{"style":321},[2398],{"type":154,"value":462},{"type":145,"tag":230,"props":2400,"children":2401},{"class":232,"line":378},[2402,2407,2411,2415,2420,2424],{"type":145,"tag":230,"props":2403,"children":2404},{"style":331},[2405],{"type":154,"value":2406},"        provider",{"type":145,"tag":230,"props":2408,"children":2409},{"style":321},[2410],{"type":154,"value":282},{"type":145,"tag":230,"props":2412,"children":2413},{"style":321},[2414],{"type":154,"value":2089},{"type":145,"tag":230,"props":2416,"children":2417},{"style":243},[2418],{"type":154,"value":2419},"~/providers/random",{"type":145,"tag":230,"props":2421,"children":2422},{"style":321},[2423],{"type":154,"value":361},{"type":145,"tag":230,"props":2425,"children":2426},{"style":321},[2427],{"type":154,"value":366},{"type":145,"tag":230,"props":2429,"children":2430},{"class":232,"line":645},[2431,2436,2440],{"type":145,"tag":230,"props":2432,"children":2433},{"style":331},[2434],{"type":154,"value":2435},"        options",{"type":145,"tag":230,"props":2437,"children":2438},{"style":321},[2439],{"type":154,"value":282},{"type":145,"tag":230,"props":2441,"children":2442},{"style":321},[2443],{"type":154,"value":2444}," {}\n",{"type":145,"tag":230,"props":2446,"children":2447},{"class":232,"line":1657},[2448],{"type":145,"tag":230,"props":2449,"children":2450},{"style":321},[2451],{"type":154,"value":2155},{"type":145,"tag":230,"props":2453,"children":2454},{"class":232,"line":1686},[2455],{"type":145,"tag":230,"props":2456,"children":2457},{"style":321},[2458],{"type":154,"value":2163},{"type":145,"tag":230,"props":2460,"children":2461},{"class":232,"line":1716},[2462],{"type":145,"tag":230,"props":2463,"children":2464},{"style":321},[2465],{"type":154,"value":642},{"type":145,"tag":230,"props":2467,"children":2468},{"class":232,"line":1746},[2469,2473],{"type":145,"tag":230,"props":2470,"children":2471},{"style":321},[2472],{"type":154,"value":384},{"type":145,"tag":230,"props":2474,"children":2475},{"style":315},[2476],{"type":154,"value":389},{"type":145,"tag":220,"props":2478,"children":2482},{"className":2479,"code":2480,"filename":2186,"language":2481,"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",[2483],{"type":145,"tag":157,"props":2484,"children":2485},{"__ignoreMap":139},[2486,2501,2603],{"type":145,"tag":230,"props":2487,"children":2488},{"class":232,"line":233},[2489,2493,2497],{"type":145,"tag":230,"props":2490,"children":2491},{"style":321},[2492],{"type":154,"value":2199},{"type":145,"tag":230,"props":2494,"children":2495},{"style":331},[2496],{"type":154,"value":2204},{"type":145,"tag":230,"props":2498,"children":2499},{"style":321},[2500],{"type":154,"value":2209},{"type":145,"tag":230,"props":2502,"children":2503},{"class":232,"line":327},[2504,2508,2512,2517,2521,2525,2530,2534,2538,2542,2546,2551,2555,2560,2564,2568,2573,2577,2582,2586,2590,2595,2599],{"type":145,"tag":230,"props":2505,"children":2506},{"style":321},[2507],{"type":154,"value":2217},{"type":145,"tag":230,"props":2509,"children":2510},{"style":331},[2511],{"type":154,"value":2222},{"type":145,"tag":230,"props":2513,"children":2514},{"style":2225},[2515],{"type":154,"value":2516}," provider",{"type":145,"tag":230,"props":2518,"children":2519},{"style":321},[2520],{"type":154,"value":2233},{"type":145,"tag":230,"props":2522,"children":2523},{"style":321},[2524],{"type":154,"value":2238},{"type":145,"tag":230,"props":2526,"children":2527},{"style":243},[2528],{"type":154,"value":2529},"random",{"type":145,"tag":230,"props":2531,"children":2532},{"style":321},[2533],{"type":154,"value":2238},{"type":145,"tag":230,"props":2535,"children":2536},{"style":2225},[2537],{"type":154,"value":2252},{"type":145,"tag":230,"props":2539,"children":2540},{"style":321},[2541],{"type":154,"value":2233},{"type":145,"tag":230,"props":2543,"children":2544},{"style":321},[2545],{"type":154,"value":2238},{"type":145,"tag":230,"props":2547,"children":2548},{"style":243},[2549],{"type":154,"value":2550},"main.png",{"type":145,"tag":230,"props":2552,"children":2553},{"style":321},[2554],{"type":154,"value":2238},{"type":145,"tag":230,"props":2556,"children":2557},{"style":2225},[2558],{"type":154,"value":2559}," width",{"type":145,"tag":230,"props":2561,"children":2562},{"style":321},[2563],{"type":154,"value":2233},{"type":145,"tag":230,"props":2565,"children":2566},{"style":321},[2567],{"type":154,"value":2238},{"type":145,"tag":230,"props":2569,"children":2570},{"style":243},[2571],{"type":154,"value":2572},"300",{"type":145,"tag":230,"props":2574,"children":2575},{"style":321},[2576],{"type":154,"value":2238},{"type":145,"tag":230,"props":2578,"children":2579},{"style":2225},[2580],{"type":154,"value":2581}," height",{"type":145,"tag":230,"props":2583,"children":2584},{"style":321},[2585],{"type":154,"value":2233},{"type":145,"tag":230,"props":2587,"children":2588},{"style":321},[2589],{"type":154,"value":2238},{"type":145,"tag":230,"props":2591,"children":2592},{"style":243},[2593],{"type":154,"value":2594},"169",{"type":145,"tag":230,"props":2596,"children":2597},{"style":321},[2598],{"type":154,"value":2238},{"type":145,"tag":230,"props":2600,"children":2601},{"style":321},[2602],{"type":154,"value":2274},{"type":145,"tag":230,"props":2604,"children":2605},{"class":232,"line":346},[2606,2610,2614],{"type":145,"tag":230,"props":2607,"children":2608},{"style":321},[2609],{"type":154,"value":2282},{"type":145,"tag":230,"props":2611,"children":2612},{"style":331},[2613],{"type":154,"value":2204},{"type":145,"tag":230,"props":2615,"children":2616},{"style":321},[2617],{"type":154,"value":2209},{"type":145,"tag":416,"props":2619,"children":2621},{"id":2620},"provider",[2622],{"type":145,"tag":157,"props":2623,"children":2625},{"className":2624},[],[2626],{"type":154,"value":2620},{"type":145,"tag":150,"props":2628,"children":2629},{},[2630,2631,2637,2639,2645,2647,2653],{"type":154,"value":1314},{"type":145,"tag":157,"props":2632,"children":2634},{"className":2633},[],[2635],{"type":154,"value":2636},"ipx",{"type":154,"value":2638}," (or ",{"type":145,"tag":157,"props":2640,"children":2642},{"className":2641},[],[2643],{"type":154,"value":2644},"ipxStatic",{"type":154,"value":2646}," if used with a static nitro preset, such as if you are running ",{"type":145,"tag":157,"props":2648,"children":2650},{"className":2649},[],[2651],{"type":154,"value":2652},"nuxt generate",{"type":154,"value":810},{"type":145,"tag":150,"props":2655,"children":2656},{},[2657,2659,2664],{"type":154,"value":2658},"We can specify default provider to be used when not specified in component or when calling ",{"type":145,"tag":157,"props":2660,"children":2662},{"className":2661},[],[2663],{"type":154,"value":1102},{"type":154,"value":1384},{"type":145,"tag":220,"props":2666,"children":2668},{"className":285,"code":2667,"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",[2669],{"type":145,"tag":157,"props":2670,"children":2671},{"__ignoreMap":139},[2672,2695,2710,2739,2755,2781,2788,2795],{"type":145,"tag":230,"props":2673,"children":2674},{"class":232,"line":233},[2675,2679,2683,2687,2691],{"type":145,"tag":230,"props":2676,"children":2677},{"style":298},[2678],{"type":154,"value":301},{"type":145,"tag":230,"props":2680,"children":2681},{"style":298},[2682],{"type":154,"value":306},{"type":145,"tag":230,"props":2684,"children":2685},{"style":309},[2686],{"type":154,"value":312},{"type":145,"tag":230,"props":2688,"children":2689},{"style":315},[2690],{"type":154,"value":318},{"type":145,"tag":230,"props":2692,"children":2693},{"style":321},[2694],{"type":154,"value":324},{"type":145,"tag":230,"props":2696,"children":2697},{"class":232,"line":327},[2698,2702,2706],{"type":145,"tag":230,"props":2699,"children":2700},{"style":331},[2701],{"type":154,"value":1048},{"type":145,"tag":230,"props":2703,"children":2704},{"style":321},[2705],{"type":154,"value":282},{"type":145,"tag":230,"props":2707,"children":2708},{"style":321},[2709],{"type":154,"value":462},{"type":145,"tag":230,"props":2711,"children":2712},{"class":232,"line":346},[2713,2718,2722,2726,2731,2735],{"type":145,"tag":230,"props":2714,"children":2715},{"style":331},[2716],{"type":154,"value":2717},"    provider",{"type":145,"tag":230,"props":2719,"children":2720},{"style":321},[2721],{"type":154,"value":282},{"type":145,"tag":230,"props":2723,"children":2724},{"style":321},[2725],{"type":154,"value":2089},{"type":145,"tag":230,"props":2727,"children":2728},{"style":243},[2729],{"type":154,"value":2730},"twicpics",{"type":145,"tag":230,"props":2732,"children":2733},{"style":321},[2734],{"type":154,"value":361},{"type":145,"tag":230,"props":2736,"children":2737},{"style":321},[2738],{"type":154,"value":366},{"type":145,"tag":230,"props":2740,"children":2741},{"class":232,"line":369},[2742,2747,2751],{"type":145,"tag":230,"props":2743,"children":2744},{"style":331},[2745],{"type":154,"value":2746},"    twicpics",{"type":145,"tag":230,"props":2748,"children":2749},{"style":321},[2750],{"type":154,"value":282},{"type":145,"tag":230,"props":2752,"children":2753},{"style":321},[2754],{"type":154,"value":462},{"type":145,"tag":230,"props":2756,"children":2757},{"class":232,"line":378},[2758,2763,2767,2771,2776],{"type":145,"tag":230,"props":2759,"children":2760},{"style":331},[2761],{"type":154,"value":2762},"      baseURL",{"type":145,"tag":230,"props":2764,"children":2765},{"style":321},[2766],{"type":154,"value":282},{"type":145,"tag":230,"props":2768,"children":2769},{"style":321},[2770],{"type":154,"value":2089},{"type":145,"tag":230,"props":2772,"children":2773},{"style":243},[2774],{"type":154,"value":2775},"https://nuxt-demo.twic.pics",{"type":145,"tag":230,"props":2777,"children":2778},{"style":321},[2779],{"type":154,"value":2780},"'\n",{"type":145,"tag":230,"props":2782,"children":2783},{"class":232,"line":645},[2784],{"type":145,"tag":230,"props":2785,"children":2786},{"style":321},[2787],{"type":154,"value":2163},{"type":145,"tag":230,"props":2789,"children":2790},{"class":232,"line":1657},[2791],{"type":145,"tag":230,"props":2792,"children":2793},{"style":321},[2794],{"type":154,"value":642},{"type":145,"tag":230,"props":2796,"children":2797},{"class":232,"line":1686},[2798,2802],{"type":145,"tag":230,"props":2799,"children":2800},{"style":321},[2801],{"type":154,"value":384},{"type":145,"tag":230,"props":2803,"children":2804},{"style":315},[2805],{"type":154,"value":389},{"type":145,"tag":560,"props":2807,"children":2809},{"id":2808},"modifiers",[2810],{"type":145,"tag":157,"props":2811,"children":2813},{"className":2812},[],[2814],{"type":154,"value":2808},{"type":145,"tag":150,"props":2816,"children":2817},{},[2818],{"type":154,"value":2819},"You can set default modifiers for the selected provider.",{"type":145,"tag":220,"props":2821,"children":2823},{"className":285,"code":2822,"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",[2824],{"type":145,"tag":157,"props":2825,"children":2826},{"__ignoreMap":139},[2827,2850,2865,2893,2909,2937,2953,2982,3011,3018,3025,3032],{"type":145,"tag":230,"props":2828,"children":2829},{"class":232,"line":233},[2830,2834,2838,2842,2846],{"type":145,"tag":230,"props":2831,"children":2832},{"style":298},[2833],{"type":154,"value":301},{"type":145,"tag":230,"props":2835,"children":2836},{"style":298},[2837],{"type":154,"value":306},{"type":145,"tag":230,"props":2839,"children":2840},{"style":309},[2841],{"type":154,"value":312},{"type":145,"tag":230,"props":2843,"children":2844},{"style":315},[2845],{"type":154,"value":318},{"type":145,"tag":230,"props":2847,"children":2848},{"style":321},[2849],{"type":154,"value":324},{"type":145,"tag":230,"props":2851,"children":2852},{"class":232,"line":327},[2853,2857,2861],{"type":145,"tag":230,"props":2854,"children":2855},{"style":331},[2856],{"type":154,"value":1048},{"type":145,"tag":230,"props":2858,"children":2859},{"style":321},[2860],{"type":154,"value":282},{"type":145,"tag":230,"props":2862,"children":2863},{"style":321},[2864],{"type":154,"value":462},{"type":145,"tag":230,"props":2866,"children":2867},{"class":232,"line":346},[2868,2872,2876,2880,2885,2889],{"type":145,"tag":230,"props":2869,"children":2870},{"style":331},[2871],{"type":154,"value":2717},{"type":145,"tag":230,"props":2873,"children":2874},{"style":321},[2875],{"type":154,"value":282},{"type":145,"tag":230,"props":2877,"children":2878},{"style":321},[2879],{"type":154,"value":2089},{"type":145,"tag":230,"props":2881,"children":2882},{"style":243},[2883],{"type":154,"value":2884},"cloudinary",{"type":145,"tag":230,"props":2886,"children":2887},{"style":321},[2888],{"type":154,"value":361},{"type":145,"tag":230,"props":2890,"children":2891},{"style":321},[2892],{"type":154,"value":366},{"type":145,"tag":230,"props":2894,"children":2895},{"class":232,"line":369},[2896,2901,2905],{"type":145,"tag":230,"props":2897,"children":2898},{"style":331},[2899],{"type":154,"value":2900},"    cloudinary",{"type":145,"tag":230,"props":2902,"children":2903},{"style":321},[2904],{"type":154,"value":282},{"type":145,"tag":230,"props":2906,"children":2907},{"style":321},[2908],{"type":154,"value":462},{"type":145,"tag":230,"props":2910,"children":2911},{"class":232,"line":378},[2912,2916,2920,2924,2929,2933],{"type":145,"tag":230,"props":2913,"children":2914},{"style":331},[2915],{"type":154,"value":2762},{"type":145,"tag":230,"props":2917,"children":2918},{"style":321},[2919],{"type":154,"value":282},{"type":145,"tag":230,"props":2921,"children":2922},{"style":321},[2923],{"type":154,"value":2089},{"type":145,"tag":230,"props":2925,"children":2926},{"style":243},[2927],{"type":154,"value":2928},"https://res.cloudinary.com/\u003Ccompany>/image/fetch/",{"type":145,"tag":230,"props":2930,"children":2931},{"style":321},[2932],{"type":154,"value":361},{"type":145,"tag":230,"props":2934,"children":2935},{"style":321},[2936],{"type":154,"value":366},{"type":145,"tag":230,"props":2938,"children":2939},{"class":232,"line":645},[2940,2945,2949],{"type":145,"tag":230,"props":2941,"children":2942},{"style":331},[2943],{"type":154,"value":2944},"      modifiers",{"type":145,"tag":230,"props":2946,"children":2947},{"style":321},[2948],{"type":154,"value":282},{"type":145,"tag":230,"props":2950,"children":2951},{"style":321},[2952],{"type":154,"value":462},{"type":145,"tag":230,"props":2954,"children":2955},{"class":232,"line":1657},[2956,2961,2965,2969,2974,2978],{"type":145,"tag":230,"props":2957,"children":2958},{"style":331},[2959],{"type":154,"value":2960},"        effect",{"type":145,"tag":230,"props":2962,"children":2963},{"style":321},[2964],{"type":154,"value":282},{"type":145,"tag":230,"props":2966,"children":2967},{"style":321},[2968],{"type":154,"value":2089},{"type":145,"tag":230,"props":2970,"children":2971},{"style":243},[2972],{"type":154,"value":2973},"sharpen:100",{"type":145,"tag":230,"props":2975,"children":2976},{"style":321},[2977],{"type":154,"value":361},{"type":145,"tag":230,"props":2979,"children":2980},{"style":321},[2981],{"type":154,"value":366},{"type":145,"tag":230,"props":2983,"children":2984},{"class":232,"line":1686},[2985,2990,2994,2998,3003,3007],{"type":145,"tag":230,"props":2986,"children":2987},{"style":331},[2988],{"type":154,"value":2989},"        quality",{"type":145,"tag":230,"props":2991,"children":2992},{"style":321},[2993],{"type":154,"value":282},{"type":145,"tag":230,"props":2995,"children":2996},{"style":321},[2997],{"type":154,"value":2089},{"type":145,"tag":230,"props":2999,"children":3000},{"style":243},[3001],{"type":154,"value":3002},"auto:best",{"type":145,"tag":230,"props":3004,"children":3005},{"style":321},[3006],{"type":154,"value":361},{"type":145,"tag":230,"props":3008,"children":3009},{"style":321},[3010],{"type":154,"value":366},{"type":145,"tag":230,"props":3012,"children":3013},{"class":232,"line":1716},[3014],{"type":145,"tag":230,"props":3015,"children":3016},{"style":321},[3017],{"type":154,"value":2155},{"type":145,"tag":230,"props":3019,"children":3020},{"class":232,"line":1746},[3021],{"type":145,"tag":230,"props":3022,"children":3023},{"style":321},[3024],{"type":154,"value":2163},{"type":145,"tag":230,"props":3026,"children":3027},{"class":232,"line":1776},[3028],{"type":145,"tag":230,"props":3029,"children":3030},{"style":321},[3031],{"type":154,"value":642},{"type":145,"tag":230,"props":3033,"children":3034},{"class":232,"line":1802},[3035,3039],{"type":145,"tag":230,"props":3036,"children":3037},{"style":321},[3038],{"type":154,"value":384},{"type":145,"tag":230,"props":3040,"children":3041},{"style":315},[3042],{"type":154,"value":389},{"type":145,"tag":416,"props":3044,"children":3046},{"id":3045},"densities",[3047],{"type":145,"tag":157,"props":3048,"children":3050},{"className":3049},[],[3051],{"type":154,"value":3045},{"type":145,"tag":150,"props":3053,"children":3054},{},[3055,3056],{"type":154,"value":1314},{"type":145,"tag":157,"props":3057,"children":3059},{"className":3058},[],[3060],{"type":154,"value":3061},"[1, 2]",{"type":145,"tag":150,"props":3063,"children":3064},{},[3065,3067,3073,3075,3080],{"type":154,"value":3066},"Specify a value to work with ",{"type":145,"tag":157,"props":3068,"children":3070},{"className":3069},[],[3071],{"type":154,"value":3072},"devicePixelRatio",{"type":154,"value":3074}," > 1 (these are devices with retina display and others). You must specify for which ",{"type":145,"tag":157,"props":3076,"children":3078},{"className":3077},[],[3079],{"type":154,"value":3072},{"type":154,"value":3081}," values you want to adapt images.",{"type":145,"tag":150,"props":3083,"children":3084},{},[3085,3087,3101],{"type":154,"value":3086},"You can ",{"type":145,"tag":180,"props":3088,"children":3091},{"href":3089,"rel":3090},"https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio",[184],[3092,3094,3099],{"type":154,"value":3093},"read more about ",{"type":145,"tag":157,"props":3095,"children":3097},{"className":3096},[],[3098],{"type":154,"value":3072},{"type":154,"value":3100}," on MDN",{"type":154,"value":1384},{"type":145,"tag":220,"props":3103,"children":3105},{"className":285,"code":3104,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    densities: [1, 2, 3],\n  }\n})\n",[3106],{"type":145,"tag":157,"props":3107,"children":3108},{"__ignoreMap":139},[3109,3132,3147,3196,3203],{"type":145,"tag":230,"props":3110,"children":3111},{"class":232,"line":233},[3112,3116,3120,3124,3128],{"type":145,"tag":230,"props":3113,"children":3114},{"style":298},[3115],{"type":154,"value":301},{"type":145,"tag":230,"props":3117,"children":3118},{"style":298},[3119],{"type":154,"value":306},{"type":145,"tag":230,"props":3121,"children":3122},{"style":309},[3123],{"type":154,"value":312},{"type":145,"tag":230,"props":3125,"children":3126},{"style":315},[3127],{"type":154,"value":318},{"type":145,"tag":230,"props":3129,"children":3130},{"style":321},[3131],{"type":154,"value":324},{"type":145,"tag":230,"props":3133,"children":3134},{"class":232,"line":327},[3135,3139,3143],{"type":145,"tag":230,"props":3136,"children":3137},{"style":331},[3138],{"type":154,"value":1048},{"type":145,"tag":230,"props":3140,"children":3141},{"style":321},[3142],{"type":154,"value":282},{"type":145,"tag":230,"props":3144,"children":3145},{"style":321},[3146],{"type":154,"value":462},{"type":145,"tag":230,"props":3148,"children":3149},{"class":232,"line":346},[3150,3155,3159,3163,3168,3173,3178,3182,3187,3192],{"type":145,"tag":230,"props":3151,"children":3152},{"style":331},[3153],{"type":154,"value":3154},"    densities",{"type":145,"tag":230,"props":3156,"children":3157},{"style":321},[3158],{"type":154,"value":282},{"type":145,"tag":230,"props":3160,"children":3161},{"style":315},[3162],{"type":154,"value":1460},{"type":145,"tag":230,"props":3164,"children":3165},{"style":1275},[3166],{"type":154,"value":3167},"1",{"type":145,"tag":230,"props":3169,"children":3170},{"style":321},[3171],{"type":154,"value":3172},",",{"type":145,"tag":230,"props":3174,"children":3175},{"style":1275},[3176],{"type":154,"value":3177}," 2",{"type":145,"tag":230,"props":3179,"children":3180},{"style":321},[3181],{"type":154,"value":3172},{"type":145,"tag":230,"props":3183,"children":3184},{"style":1275},[3185],{"type":154,"value":3186}," 3",{"type":145,"tag":230,"props":3188,"children":3189},{"style":315},[3190],{"type":154,"value":3191},"]",{"type":145,"tag":230,"props":3193,"children":3194},{"style":321},[3195],{"type":154,"value":366},{"type":145,"tag":230,"props":3197,"children":3198},{"class":232,"line":369},[3199],{"type":145,"tag":230,"props":3200,"children":3201},{"style":321},[3202],{"type":154,"value":642},{"type":145,"tag":230,"props":3204,"children":3205},{"class":232,"line":378},[3206,3210],{"type":145,"tag":230,"props":3207,"children":3208},{"style":321},[3209],{"type":154,"value":384},{"type":145,"tag":230,"props":3211,"children":3212},{"style":315},[3213],{"type":154,"value":389},{"type":145,"tag":416,"props":3215,"children":3217},{"id":3216},"dir",[3218],{"type":145,"tag":157,"props":3219,"children":3221},{"className":3220},[],[3222],{"type":154,"value":3216},{"type":145,"tag":150,"props":3224,"children":3225},{},[3226,3227],{"type":154,"value":1314},{"type":145,"tag":157,"props":3228,"children":3230},{"className":3229},[],[3231],{"type":154,"value":3232},"public",{"type":145,"tag":150,"props":3234,"children":3235},{},[3236,3238,3243,3245,3250],{"type":154,"value":3237},"This option allows you to specify the location of the source images when using the ",{"type":145,"tag":157,"props":3239,"children":3241},{"className":3240},[],[3242],{"type":154,"value":2636},{"type":154,"value":3244}," or ",{"type":145,"tag":157,"props":3246,"children":3248},{"className":3247},[],[3249],{"type":154,"value":2644},{"type":154,"value":3251}," provider.",{"type":145,"tag":150,"props":3253,"children":3254},{},[3255,3257,3263,3265,3270,3272,3278],{"type":154,"value":3256},"For example you might want the source images in ",{"type":145,"tag":157,"props":3258,"children":3260},{"className":3259},[],[3261],{"type":154,"value":3262},"assets/images",{"type":154,"value":3264}," directory rather than the default ",{"type":145,"tag":157,"props":3266,"children":3268},{"className":3267},[],[3269],{"type":154,"value":3232},{"type":154,"value":3271}," directory so the source images don't get copied into ",{"type":145,"tag":157,"props":3273,"children":3275},{"className":3274},[],[3276],{"type":154,"value":3277},"dist",{"type":154,"value":3279}," and deployed:",{"type":145,"tag":220,"props":3281,"children":3283},{"className":285,"code":3282,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    dir: 'assets/images'\n  }\n})\n",[3284],{"type":145,"tag":157,"props":3285,"children":3286},{"__ignoreMap":139},[3287,3310,3325,3349,3356],{"type":145,"tag":230,"props":3288,"children":3289},{"class":232,"line":233},[3290,3294,3298,3302,3306],{"type":145,"tag":230,"props":3291,"children":3292},{"style":298},[3293],{"type":154,"value":301},{"type":145,"tag":230,"props":3295,"children":3296},{"style":298},[3297],{"type":154,"value":306},{"type":145,"tag":230,"props":3299,"children":3300},{"style":309},[3301],{"type":154,"value":312},{"type":145,"tag":230,"props":3303,"children":3304},{"style":315},[3305],{"type":154,"value":318},{"type":145,"tag":230,"props":3307,"children":3308},{"style":321},[3309],{"type":154,"value":324},{"type":145,"tag":230,"props":3311,"children":3312},{"class":232,"line":327},[3313,3317,3321],{"type":145,"tag":230,"props":3314,"children":3315},{"style":331},[3316],{"type":154,"value":1048},{"type":145,"tag":230,"props":3318,"children":3319},{"style":321},[3320],{"type":154,"value":282},{"type":145,"tag":230,"props":3322,"children":3323},{"style":321},[3324],{"type":154,"value":462},{"type":145,"tag":230,"props":3326,"children":3327},{"class":232,"line":346},[3328,3333,3337,3341,3345],{"type":145,"tag":230,"props":3329,"children":3330},{"style":331},[3331],{"type":154,"value":3332},"    dir",{"type":145,"tag":230,"props":3334,"children":3335},{"style":321},[3336],{"type":154,"value":282},{"type":145,"tag":230,"props":3338,"children":3339},{"style":321},[3340],{"type":154,"value":2089},{"type":145,"tag":230,"props":3342,"children":3343},{"style":243},[3344],{"type":154,"value":3262},{"type":145,"tag":230,"props":3346,"children":3347},{"style":321},[3348],{"type":154,"value":2780},{"type":145,"tag":230,"props":3350,"children":3351},{"class":232,"line":369},[3352],{"type":145,"tag":230,"props":3353,"children":3354},{"style":321},[3355],{"type":154,"value":642},{"type":145,"tag":230,"props":3357,"children":3358},{"class":232,"line":378},[3359,3363],{"type":145,"tag":230,"props":3360,"children":3361},{"style":321},[3362],{"type":154,"value":384},{"type":145,"tag":230,"props":3364,"children":3365},{"style":315},[3366],{"type":154,"value":389},{"type":145,"tag":150,"props":3368,"children":3369},{},[3370],{"type":145,"tag":166,"props":3371,"children":3372},{},[3373],{"type":154,"value":3374},"Notes:",{"type":145,"tag":793,"props":3376,"children":3377},{},[3378,3404,3422],{"type":145,"tag":797,"props":3379,"children":3380},{},[3381,3383,3388,3390,3395,3397,3402],{"type":154,"value":3382},"For ",{"type":145,"tag":157,"props":3384,"children":3386},{"className":3385},[],[3387],{"type":154,"value":2644},{"type":154,"value":3389}," provider, if images weren't crawled during generation (unreachable modals, pages or dynamic runtime size), changing ",{"type":145,"tag":157,"props":3391,"children":3393},{"className":3392},[],[3394],{"type":154,"value":3216},{"type":154,"value":3396}," from ",{"type":145,"tag":157,"props":3398,"children":3400},{"className":3399},[],[3401],{"type":154,"value":3232},{"type":154,"value":3403}," causes 404 errors.",{"type":145,"tag":797,"props":3405,"children":3406},{},[3407,3408,3413,3415,3420],{"type":154,"value":3382},{"type":145,"tag":157,"props":3409,"children":3411},{"className":3410},[],[3412],{"type":154,"value":2636},{"type":154,"value":3414}," provider, make sure to deploy customized ",{"type":145,"tag":157,"props":3416,"children":3418},{"className":3417},[],[3419],{"type":154,"value":3216},{"type":154,"value":3421}," as well.",{"type":145,"tag":797,"props":3423,"children":3424},{},[3425,3427,3433,3435,3440],{"type":154,"value":3426},"For some providers (like vercel), using a directory other than ",{"type":145,"tag":157,"props":3428,"children":3430},{"className":3429},[],[3431],{"type":154,"value":3432},"public/",{"type":154,"value":3434}," 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":3436,"children":3438},{"className":3437},[],[3439],{"type":154,"value":3432},{"type":154,"value":3441}," directory (deployment URL)",{"type":145,"tag":416,"props":3443,"children":3445},{"id":3444},"alias",[3446],{"type":145,"tag":157,"props":3447,"children":3449},{"className":3448},[],[3450],{"type":154,"value":3444},{"type":145,"tag":150,"props":3452,"children":3453},{},[3454,3456,3462],{"type":154,"value":3455},"This option allows you to specify aliases for ",{"type":145,"tag":157,"props":3457,"children":3459},{"className":3458},[],[3460],{"type":154,"value":3461},"src",{"type":154,"value":1384},{"type":145,"tag":150,"props":3464,"children":3465},{},[3466],{"type":154,"value":3467},"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":3469,"children":3470},{},[3471],{"type":154,"value":3472},"When using other providers, aliases are resolved in runtime and included in HTML. (only the usage is simplified)",{"type":145,"tag":150,"props":3474,"children":3475},{},[3476],{"type":145,"tag":166,"props":3477,"children":3478},{},[3479],{"type":154,"value":3480},"Example:",{"type":145,"tag":220,"props":3482,"children":3484},{"className":285,"code":3483,"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",[3485],{"type":145,"tag":157,"props":3486,"children":3487},{"__ignoreMap":139},[3488,3511,3526,3541,3557,3569,3585,3610,3617,3624],{"type":145,"tag":230,"props":3489,"children":3490},{"class":232,"line":233},[3491,3495,3499,3503,3507],{"type":145,"tag":230,"props":3492,"children":3493},{"style":298},[3494],{"type":154,"value":301},{"type":145,"tag":230,"props":3496,"children":3497},{"style":298},[3498],{"type":154,"value":306},{"type":145,"tag":230,"props":3500,"children":3501},{"style":309},[3502],{"type":154,"value":312},{"type":145,"tag":230,"props":3504,"children":3505},{"style":315},[3506],{"type":154,"value":318},{"type":145,"tag":230,"props":3508,"children":3509},{"style":321},[3510],{"type":154,"value":324},{"type":145,"tag":230,"props":3512,"children":3513},{"class":232,"line":327},[3514,3518,3522],{"type":145,"tag":230,"props":3515,"children":3516},{"style":331},[3517],{"type":154,"value":1048},{"type":145,"tag":230,"props":3519,"children":3520},{"style":321},[3521],{"type":154,"value":282},{"type":145,"tag":230,"props":3523,"children":3524},{"style":321},[3525],{"type":154,"value":462},{"type":145,"tag":230,"props":3527,"children":3528},{"class":232,"line":346},[3529,3533,3537],{"type":145,"tag":230,"props":3530,"children":3531},{"style":331},[3532],{"type":154,"value":1919},{"type":145,"tag":230,"props":3534,"children":3535},{"style":321},[3536],{"type":154,"value":282},{"type":145,"tag":230,"props":3538,"children":3539},{"style":315},[3540],{"type":154,"value":343},{"type":145,"tag":230,"props":3542,"children":3543},{"class":232,"line":369},[3544,3548,3553],{"type":145,"tag":230,"props":3545,"children":3546},{"style":321},[3547],{"type":154,"value":1603},{"type":145,"tag":230,"props":3549,"children":3550},{"style":243},[3551],{"type":154,"value":3552},"images.unsplash.com",{"type":145,"tag":230,"props":3554,"children":3555},{"style":321},[3556],{"type":154,"value":2780},{"type":145,"tag":230,"props":3558,"children":3559},{"class":232,"line":378},[3560,3565],{"type":145,"tag":230,"props":3561,"children":3562},{"style":315},[3563],{"type":154,"value":3564},"    ]",{"type":145,"tag":230,"props":3566,"children":3567},{"style":321},[3568],{"type":154,"value":366},{"type":145,"tag":230,"props":3570,"children":3571},{"class":232,"line":645},[3572,3577,3581],{"type":145,"tag":230,"props":3573,"children":3574},{"style":331},[3575],{"type":154,"value":3576},"    alias",{"type":145,"tag":230,"props":3578,"children":3579},{"style":321},[3580],{"type":154,"value":282},{"type":145,"tag":230,"props":3582,"children":3583},{"style":321},[3584],{"type":154,"value":462},{"type":145,"tag":230,"props":3586,"children":3587},{"class":232,"line":1657},[3588,3593,3597,3601,3606],{"type":145,"tag":230,"props":3589,"children":3590},{"style":331},[3591],{"type":154,"value":3592},"      unsplash",{"type":145,"tag":230,"props":3594,"children":3595},{"style":321},[3596],{"type":154,"value":282},{"type":145,"tag":230,"props":3598,"children":3599},{"style":321},[3600],{"type":154,"value":2089},{"type":145,"tag":230,"props":3602,"children":3603},{"style":243},[3604],{"type":154,"value":3605},"https://images.unsplash.com",{"type":145,"tag":230,"props":3607,"children":3608},{"style":321},[3609],{"type":154,"value":2780},{"type":145,"tag":230,"props":3611,"children":3612},{"class":232,"line":1686},[3613],{"type":145,"tag":230,"props":3614,"children":3615},{"style":321},[3616],{"type":154,"value":2163},{"type":145,"tag":230,"props":3618,"children":3619},{"class":232,"line":1716},[3620],{"type":145,"tag":230,"props":3621,"children":3622},{"style":321},[3623],{"type":154,"value":642},{"type":145,"tag":230,"props":3625,"children":3626},{"class":232,"line":1746},[3627,3631],{"type":145,"tag":230,"props":3628,"children":3629},{"style":321},[3630],{"type":154,"value":384},{"type":145,"tag":230,"props":3632,"children":3633},{"style":315},[3634],{"type":154,"value":389},{"type":145,"tag":150,"props":3636,"children":3637},{},[3638,3643],{"type":145,"tag":166,"props":3639,"children":3640},{},[3641],{"type":154,"value":3642},"Before",{"type":154,"value":3644}," using alias:",{"type":145,"tag":220,"props":3646,"children":3648},{"className":2184,"code":3647,"language":2187,"meta":139,"style":139},"\u003CNuxtImg src=\"https://images.unsplash.com/\u003Cid>\" />\n",[3649],{"type":145,"tag":157,"props":3650,"children":3651},{"__ignoreMap":139},[3652],{"type":145,"tag":230,"props":3653,"children":3654},{"class":232,"line":233},[3655,3659,3663,3667,3671,3675,3680,3684],{"type":145,"tag":230,"props":3656,"children":3657},{"style":321},[3658],{"type":154,"value":2199},{"type":145,"tag":230,"props":3660,"children":3661},{"style":331},[3662],{"type":154,"value":2222},{"type":145,"tag":230,"props":3664,"children":3665},{"style":2225},[3666],{"type":154,"value":2252},{"type":145,"tag":230,"props":3668,"children":3669},{"style":321},[3670],{"type":154,"value":2233},{"type":145,"tag":230,"props":3672,"children":3673},{"style":321},[3674],{"type":154,"value":2238},{"type":145,"tag":230,"props":3676,"children":3677},{"style":243},[3678],{"type":154,"value":3679},"https://images.unsplash.com/\u003Cid>",{"type":145,"tag":230,"props":3681,"children":3682},{"style":321},[3683],{"type":154,"value":2238},{"type":145,"tag":230,"props":3685,"children":3686},{"style":321},[3687],{"type":154,"value":2274},{"type":145,"tag":150,"props":3689,"children":3690},{},[3691],{"type":154,"value":3692},"Generates:",{"type":145,"tag":220,"props":3694,"children":3696},{"className":2184,"code":3695,"language":2187,"meta":139,"style":139},"\u003Cimg src=\"/_ipx/https://images.unsplash.com/\u003Cid>\">\n",[3697],{"type":145,"tag":157,"props":3698,"children":3699},{"__ignoreMap":139},[3700],{"type":145,"tag":230,"props":3701,"children":3702},{"class":232,"line":233},[3703,3707,3712,3716,3720,3724,3729,3733],{"type":145,"tag":230,"props":3704,"children":3705},{"style":321},[3706],{"type":154,"value":2199},{"type":145,"tag":230,"props":3708,"children":3709},{"style":331},[3710],{"type":154,"value":3711},"img",{"type":145,"tag":230,"props":3713,"children":3714},{"style":2225},[3715],{"type":154,"value":2252},{"type":145,"tag":230,"props":3717,"children":3718},{"style":321},[3719],{"type":154,"value":2233},{"type":145,"tag":230,"props":3721,"children":3722},{"style":321},[3723],{"type":154,"value":2238},{"type":145,"tag":230,"props":3725,"children":3726},{"style":243},[3727],{"type":154,"value":3728},"/_ipx/https://images.unsplash.com/\u003Cid>",{"type":145,"tag":230,"props":3730,"children":3731},{"style":321},[3732],{"type":154,"value":2238},{"type":145,"tag":230,"props":3734,"children":3735},{"style":321},[3736],{"type":154,"value":2209},{"type":145,"tag":150,"props":3738,"children":3739},{},[3740,3745],{"type":145,"tag":166,"props":3741,"children":3742},{},[3743],{"type":154,"value":3744},"After",{"type":154,"value":3644},{"type":145,"tag":220,"props":3747,"children":3749},{"className":2184,"code":3748,"language":2187,"meta":139,"style":139},"\u003CNuxtImg src=\"/unsplash/\u003Cid>\" />\n",[3750],{"type":145,"tag":157,"props":3751,"children":3752},{"__ignoreMap":139},[3753],{"type":145,"tag":230,"props":3754,"children":3755},{"class":232,"line":233},[3756,3760,3764,3768,3772,3776,3781,3785],{"type":145,"tag":230,"props":3757,"children":3758},{"style":321},[3759],{"type":154,"value":2199},{"type":145,"tag":230,"props":3761,"children":3762},{"style":331},[3763],{"type":154,"value":2222},{"type":145,"tag":230,"props":3765,"children":3766},{"style":2225},[3767],{"type":154,"value":2252},{"type":145,"tag":230,"props":3769,"children":3770},{"style":321},[3771],{"type":154,"value":2233},{"type":145,"tag":230,"props":3773,"children":3774},{"style":321},[3775],{"type":154,"value":2238},{"type":145,"tag":230,"props":3777,"children":3778},{"style":243},[3779],{"type":154,"value":3780},"/unsplash/\u003Cid>",{"type":145,"tag":230,"props":3782,"children":3783},{"style":321},[3784],{"type":154,"value":2238},{"type":145,"tag":230,"props":3786,"children":3787},{"style":321},[3788],{"type":154,"value":2274},{"type":145,"tag":150,"props":3790,"children":3791},{},[3792],{"type":154,"value":3692},{"type":145,"tag":220,"props":3794,"children":3796},{"className":2184,"code":3795,"language":2187,"meta":139,"style":139},"\u003Cimg src=\"/_ipx/unsplash/\u003Cid>\" />\n",[3797],{"type":145,"tag":157,"props":3798,"children":3799},{"__ignoreMap":139},[3800],{"type":145,"tag":230,"props":3801,"children":3802},{"class":232,"line":233},[3803,3807,3811,3815,3819,3823,3828,3832],{"type":145,"tag":230,"props":3804,"children":3805},{"style":321},[3806],{"type":154,"value":2199},{"type":145,"tag":230,"props":3808,"children":3809},{"style":331},[3810],{"type":154,"value":3711},{"type":145,"tag":230,"props":3812,"children":3813},{"style":2225},[3814],{"type":154,"value":2252},{"type":145,"tag":230,"props":3816,"children":3817},{"style":321},[3818],{"type":154,"value":2233},{"type":145,"tag":230,"props":3820,"children":3821},{"style":321},[3822],{"type":154,"value":2238},{"type":145,"tag":230,"props":3824,"children":3825},{"style":243},[3826],{"type":154,"value":3827},"/_ipx/unsplash/\u003Cid>",{"type":145,"tag":230,"props":3829,"children":3830},{"style":321},[3831],{"type":154,"value":2238},{"type":145,"tag":230,"props":3833,"children":3834},{"style":321},[3835],{"type":154,"value":2274},{"type":145,"tag":150,"props":3837,"children":3838},{},[3839],{"type":154,"value":3840},"Both usage and output are simplified!",{"type":145,"tag":968,"props":3842,"children":3843},{},[3844],{"type":154,"value":972},{"title":139,"searchDepth":327,"depth":327,"links":3846},[3847,3848,3849,3850,3851,3852,3853,3854,3857,3858,3859],{"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":1855,"depth":327,"text":1855},{"id":1965,"depth":327,"text":1965},{"id":2293,"depth":327,"text":2293},{"id":2620,"depth":327,"text":2620,"children":3855},[3856],{"id":2808,"depth":346,"text":2808},{"id":3045,"depth":327,"text":3045},{"id":3216,"depth":327,"text":3216},{"id":3444,"depth":327,"text":3444},"content:1.get-started:2.configuration.md","1.get-started/2.configuration.md","1.get-started/2.configuration",1724922833191]