[{"data":1,"prerenderedAt":3861},["Reactive",2],{"navigation":3,"docs-/get-started/installation":136,"docs-/get-started/installation-surround":986},[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,"_extension":985},"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 is probably becase your OS architecture or NodeJS version is not included in pre-built binaries and needs to built from source (for example, this sometimes occurs on Apple M1). Checkout ",{"type":145,"tag":180,"props":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","md",[987,988],null,{"_path":13,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":12,"description":989,"body":990,"_type":981,"_id":3859,"_source":983,"_file":3860,"_extension":985},"Nuxt Image is configured with sensible defaults.",{"type":142,"children":991,"toc":3844},[992,1010,1082,1091,1104,1185,1194,1199,1215,1300,1309,1320,1384,1398,1495,1504,1509,1526,1828,1852,1861,1866,1962,1971,1976,2290,2299,2318,2617,2626,2653,2664,2805,2814,2819,3042,3051,3061,3081,3101,3213,3222,3232,3251,3279,3366,3374,3441,3450,3462,3467,3472,3480,3634,3644,3687,3692,3736,3745,3788,3792,3835,3840],{"type":145,"tag":150,"props":993,"children":994},{},[995,997,1002,1004,1009],{"type":154,"value":996},"To configure the image module and customize its behavior, you can use the ",{"type":145,"tag":157,"props":998,"children":1000},{"className":999},[],[1001],{"type":154,"value":431},{"type":154,"value":1003}," property in your ",{"type":145,"tag":157,"props":1005,"children":1007},{"className":1006},[],[1008],{"type":154,"value":280},{"type":154,"value":282},{"type":145,"tag":220,"props":1011,"children":1013},{"className":285,"code":1012,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n // Options\n }\n})\n",[1014],{"type":145,"tag":157,"props":1015,"children":1016},{"__ignoreMap":139},[1017,1040,1056,1064,1071],{"type":145,"tag":230,"props":1018,"children":1019},{"class":232,"line":233},[1020,1024,1028,1032,1036],{"type":145,"tag":230,"props":1021,"children":1022},{"style":298},[1023],{"type":154,"value":301},{"type":145,"tag":230,"props":1025,"children":1026},{"style":298},[1027],{"type":154,"value":306},{"type":145,"tag":230,"props":1029,"children":1030},{"style":309},[1031],{"type":154,"value":312},{"type":145,"tag":230,"props":1033,"children":1034},{"style":315},[1035],{"type":154,"value":318},{"type":145,"tag":230,"props":1037,"children":1038},{"style":321},[1039],{"type":154,"value":324},{"type":145,"tag":230,"props":1041,"children":1042},{"class":232,"line":327},[1043,1048,1052],{"type":145,"tag":230,"props":1044,"children":1045},{"style":331},[1046],{"type":154,"value":1047}," image",{"type":145,"tag":230,"props":1049,"children":1050},{"style":321},[1051],{"type":154,"value":282},{"type":145,"tag":230,"props":1053,"children":1054},{"style":321},[1055],{"type":154,"value":462},{"type":145,"tag":230,"props":1057,"children":1058},{"class":232,"line":346},[1059],{"type":145,"tag":230,"props":1060,"children":1061},{"style":468},[1062],{"type":154,"value":1063}," // Options\n",{"type":145,"tag":230,"props":1065,"children":1066},{"class":232,"line":369},[1067],{"type":145,"tag":230,"props":1068,"children":1069},{"style":321},[1070],{"type":154,"value":642},{"type":145,"tag":230,"props":1072,"children":1073},{"class":232,"line":378},[1074,1078],{"type":145,"tag":230,"props":1075,"children":1076},{"style":321},[1077],{"type":154,"value":384},{"type":145,"tag":230,"props":1079,"children":1080},{"style":315},[1081],{"type":154,"value":389},{"type":145,"tag":416,"props":1083,"children":1085},{"id":1084},"inject",[1086],{"type":145,"tag":157,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":154,"value":1084},{"type":145,"tag":150,"props":1092,"children":1093},{},[1094,1096,1102],{"type":154,"value":1095},"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":1097,"children":1099},{"className":1098},[],[1100],{"type":154,"value":1101},"$img",{"type":154,"value":1103}," helper that will be available throughout your application, you can do so.",{"type":145,"tag":220,"props":1105,"children":1107},{"className":285,"code":1106,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n inject: true\n }\n})\n",[1108],{"type":145,"tag":157,"props":1109,"children":1110},{"__ignoreMap":139},[1111,1134,1149,1167,1174],{"type":145,"tag":230,"props":1112,"children":1113},{"class":232,"line":233},[1114,1118,1122,1126,1130],{"type":145,"tag":230,"props":1115,"children":1116},{"style":298},[1117],{"type":154,"value":301},{"type":145,"tag":230,"props":1119,"children":1120},{"style":298},[1121],{"type":154,"value":306},{"type":145,"tag":230,"props":1123,"children":1124},{"style":309},[1125],{"type":154,"value":312},{"type":145,"tag":230,"props":1127,"children":1128},{"style":315},[1129],{"type":154,"value":318},{"type":145,"tag":230,"props":1131,"children":1132},{"style":321},[1133],{"type":154,"value":324},{"type":145,"tag":230,"props":1135,"children":1136},{"class":232,"line":327},[1137,1141,1145],{"type":145,"tag":230,"props":1138,"children":1139},{"style":331},[1140],{"type":154,"value":1047},{"type":145,"tag":230,"props":1142,"children":1143},{"style":321},[1144],{"type":154,"value":282},{"type":145,"tag":230,"props":1146,"children":1147},{"style":321},[1148],{"type":154,"value":462},{"type":145,"tag":230,"props":1150,"children":1151},{"class":232,"line":346},[1152,1157,1161],{"type":145,"tag":230,"props":1153,"children":1154},{"style":331},[1155],{"type":154,"value":1156}," inject",{"type":145,"tag":230,"props":1158,"children":1159},{"style":321},[1160],{"type":154,"value":282},{"type":145,"tag":230,"props":1162,"children":1164},{"style":1163},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1165],{"type":154,"value":1166}," true\n",{"type":145,"tag":230,"props":1168,"children":1169},{"class":232,"line":369},[1170],{"type":145,"tag":230,"props":1171,"children":1172},{"style":321},[1173],{"type":154,"value":642},{"type":145,"tag":230,"props":1175,"children":1176},{"class":232,"line":378},[1177,1181],{"type":145,"tag":230,"props":1178,"children":1179},{"style":321},[1180],{"type":154,"value":384},{"type":145,"tag":230,"props":1182,"children":1183},{"style":315},[1184],{"type":154,"value":389},{"type":145,"tag":416,"props":1186,"children":1188},{"id":1187},"quality",[1189],{"type":145,"tag":157,"props":1190,"children":1192},{"className":1191},[],[1193],{"type":154,"value":1187},{"type":145,"tag":150,"props":1195,"children":1196},{},[1197],{"type":154,"value":1198},"The quality for the generated image(s).",{"type":145,"tag":150,"props":1200,"children":1201},{},[1202,1204],{"type":154,"value":1203},"You can also override this option at the component level by using the ",{"type":145,"tag":180,"props":1205,"children":1207},{"href":1206},"/usage/nuxt-img#quality",[1208,1213],{"type":145,"tag":157,"props":1209,"children":1211},{"className":1210},[],[1212],{"type":154,"value":1187},{"type":154,"value":1214}," prop.",{"type":145,"tag":220,"props":1216,"children":1218},{"className":285,"code":1217,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n quality: 80,\n }\n})\n",[1219],{"type":145,"tag":157,"props":1220,"children":1221},{"__ignoreMap":139},[1222,1245,1260,1282,1289],{"type":145,"tag":230,"props":1223,"children":1224},{"class":232,"line":233},[1225,1229,1233,1237,1241],{"type":145,"tag":230,"props":1226,"children":1227},{"style":298},[1228],{"type":154,"value":301},{"type":145,"tag":230,"props":1230,"children":1231},{"style":298},[1232],{"type":154,"value":306},{"type":145,"tag":230,"props":1234,"children":1235},{"style":309},[1236],{"type":154,"value":312},{"type":145,"tag":230,"props":1238,"children":1239},{"style":315},[1240],{"type":154,"value":318},{"type":145,"tag":230,"props":1242,"children":1243},{"style":321},[1244],{"type":154,"value":324},{"type":145,"tag":230,"props":1246,"children":1247},{"class":232,"line":327},[1248,1252,1256],{"type":145,"tag":230,"props":1249,"children":1250},{"style":331},[1251],{"type":154,"value":1047},{"type":145,"tag":230,"props":1253,"children":1254},{"style":321},[1255],{"type":154,"value":282},{"type":145,"tag":230,"props":1257,"children":1258},{"style":321},[1259],{"type":154,"value":462},{"type":145,"tag":230,"props":1261,"children":1262},{"class":232,"line":346},[1263,1268,1272,1278],{"type":145,"tag":230,"props":1264,"children":1265},{"style":331},[1266],{"type":154,"value":1267}," quality",{"type":145,"tag":230,"props":1269,"children":1270},{"style":321},[1271],{"type":154,"value":282},{"type":145,"tag":230,"props":1273,"children":1275},{"style":1274},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1276],{"type":154,"value":1277}," 80",{"type":145,"tag":230,"props":1279,"children":1280},{"style":321},[1281],{"type":154,"value":366},{"type":145,"tag":230,"props":1283,"children":1284},{"class":232,"line":369},[1285],{"type":145,"tag":230,"props":1286,"children":1287},{"style":321},[1288],{"type":154,"value":642},{"type":145,"tag":230,"props":1290,"children":1291},{"class":232,"line":378},[1292,1296],{"type":145,"tag":230,"props":1293,"children":1294},{"style":321},[1295],{"type":154,"value":384},{"type":145,"tag":230,"props":1297,"children":1298},{"style":315},[1299],{"type":154,"value":389},{"type":145,"tag":416,"props":1301,"children":1303},{"id":1302},"format",[1304],{"type":145,"tag":157,"props":1305,"children":1307},{"className":1306},[],[1308],{"type":154,"value":1302},{"type":145,"tag":150,"props":1310,"children":1311},{},[1312,1314],{"type":154,"value":1313},"Default: ",{"type":145,"tag":157,"props":1315,"children":1317},{"className":1316},[],[1318],{"type":154,"value":1319},"['webp']",{"type":145,"tag":150,"props":1321,"children":1322},{},[1323,1325,1330,1332,1338,1339,1345,1346,1352,1353,1359,1360,1366,1368,1374,1376,1382],{"type":154,"value":1324},"You can use this option to configure the default format for your images used by ",{"type":145,"tag":157,"props":1326,"children":1328},{"className":1327},[],[1329],{"type":154,"value":28},{"type":154,"value":1331},". The available formats are ",{"type":145,"tag":157,"props":1333,"children":1335},{"className":1334},[],[1336],{"type":154,"value":1337},"webp",{"type":154,"value":663},{"type":145,"tag":157,"props":1340,"children":1342},{"className":1341},[],[1343],{"type":154,"value":1344},"avif",{"type":154,"value":663},{"type":145,"tag":157,"props":1347,"children":1349},{"className":1348},[],[1350],{"type":154,"value":1351},"jpeg",{"type":154,"value":663},{"type":145,"tag":157,"props":1354,"children":1356},{"className":1355},[],[1357],{"type":154,"value":1358},"jpg",{"type":154,"value":663},{"type":145,"tag":157,"props":1361,"children":1363},{"className":1362},[],[1364],{"type":154,"value":1365},"png",{"type":154,"value":1367},", and ",{"type":145,"tag":157,"props":1369,"children":1371},{"className":1370},[],[1372],{"type":154,"value":1373},"gif",{"type":154,"value":1375},". 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":1377,"children":1379},{"className":1378},[],[1380],{"type":154,"value":1381},"['avif', 'webp']",{"type":154,"value":1383},".",{"type":145,"tag":150,"props":1385,"children":1386},{},[1387,1388],{"type":154,"value":1203},{"type":145,"tag":180,"props":1389,"children":1391},{"href":1390},"/usage/nuxt-picture#format",[1392,1397],{"type":145,"tag":157,"props":1393,"children":1395},{"className":1394},[],[1396],{"type":154,"value":1302},{"type":154,"value":1214},{"type":145,"tag":220,"props":1399,"children":1401},{"className":285,"code":1400,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n format: ['webp']\n }\n})\n",[1402],{"type":145,"tag":157,"props":1403,"children":1404},{"__ignoreMap":139},[1405,1428,1443,1477,1484],{"type":145,"tag":230,"props":1406,"children":1407},{"class":232,"line":233},[1408,1412,1416,1420,1424],{"type":145,"tag":230,"props":1409,"children":1410},{"style":298},[1411],{"type":154,"value":301},{"type":145,"tag":230,"props":1413,"children":1414},{"style":298},[1415],{"type":154,"value":306},{"type":145,"tag":230,"props":1417,"children":1418},{"style":309},[1419],{"type":154,"value":312},{"type":145,"tag":230,"props":1421,"children":1422},{"style":315},[1423],{"type":154,"value":318},{"type":145,"tag":230,"props":1425,"children":1426},{"style":321},[1427],{"type":154,"value":324},{"type":145,"tag":230,"props":1429,"children":1430},{"class":232,"line":327},[1431,1435,1439],{"type":145,"tag":230,"props":1432,"children":1433},{"style":331},[1434],{"type":154,"value":1047},{"type":145,"tag":230,"props":1436,"children":1437},{"style":321},[1438],{"type":154,"value":282},{"type":145,"tag":230,"props":1440,"children":1441},{"style":321},[1442],{"type":154,"value":462},{"type":145,"tag":230,"props":1444,"children":1445},{"class":232,"line":346},[1446,1451,1455,1460,1464,1468,1472],{"type":145,"tag":230,"props":1447,"children":1448},{"style":331},[1449],{"type":154,"value":1450}," format",{"type":145,"tag":230,"props":1452,"children":1453},{"style":321},[1454],{"type":154,"value":282},{"type":145,"tag":230,"props":1456,"children":1457},{"style":315},[1458],{"type":154,"value":1459}," [",{"type":145,"tag":230,"props":1461,"children":1462},{"style":321},[1463],{"type":154,"value":361},{"type":145,"tag":230,"props":1465,"children":1466},{"style":243},[1467],{"type":154,"value":1337},{"type":145,"tag":230,"props":1469,"children":1470},{"style":321},[1471],{"type":154,"value":361},{"type":145,"tag":230,"props":1473,"children":1474},{"style":315},[1475],{"type":154,"value":1476},"]\n",{"type":145,"tag":230,"props":1478,"children":1479},{"class":232,"line":369},[1480],{"type":145,"tag":230,"props":1481,"children":1482},{"style":321},[1483],{"type":154,"value":642},{"type":145,"tag":230,"props":1485,"children":1486},{"class":232,"line":378},[1487,1491],{"type":145,"tag":230,"props":1488,"children":1489},{"style":321},[1490],{"type":154,"value":384},{"type":145,"tag":230,"props":1492,"children":1493},{"style":315},[1494],{"type":154,"value":389},{"type":145,"tag":416,"props":1496,"children":1498},{"id":1497},"screens",[1499],{"type":145,"tag":157,"props":1500,"children":1502},{"className":1501},[],[1503],{"type":154,"value":1497},{"type":145,"tag":150,"props":1505,"children":1506},{},[1507],{"type":154,"value":1508},"List of predefined screen sizes.",{"type":145,"tag":150,"props":1510,"children":1511},{},[1512,1514,1524],{"type":154,"value":1513},"These sizes will be used to generate resized and optimized versions of an image (for example, with the ",{"type":145,"tag":180,"props":1515,"children":1517},{"href":1516},"/usage/nuxt-img#sizes",[1518],{"type":145,"tag":157,"props":1519,"children":1521},{"className":1520},[],[1522],{"type":154,"value":1523},"sizes",{"type":154,"value":1525}," modifier).",{"type":145,"tag":220,"props":1527,"children":1529},{"className":285,"code":1528,"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",[1530],{"type":145,"tag":157,"props":1531,"children":1532},{"__ignoreMap":139},[1533,1556,1571,1579,1595,1625,1654,1683,1713,1743,1773,1799,1808,1816],{"type":145,"tag":230,"props":1534,"children":1535},{"class":232,"line":233},[1536,1540,1544,1548,1552],{"type":145,"tag":230,"props":1537,"children":1538},{"style":298},[1539],{"type":154,"value":301},{"type":145,"tag":230,"props":1541,"children":1542},{"style":298},[1543],{"type":154,"value":306},{"type":145,"tag":230,"props":1545,"children":1546},{"style":309},[1547],{"type":154,"value":312},{"type":145,"tag":230,"props":1549,"children":1550},{"style":315},[1551],{"type":154,"value":318},{"type":145,"tag":230,"props":1553,"children":1554},{"style":321},[1555],{"type":154,"value":324},{"type":145,"tag":230,"props":1557,"children":1558},{"class":232,"line":327},[1559,1563,1567],{"type":145,"tag":230,"props":1560,"children":1561},{"style":331},[1562],{"type":154,"value":1047},{"type":145,"tag":230,"props":1564,"children":1565},{"style":321},[1566],{"type":154,"value":282},{"type":145,"tag":230,"props":1568,"children":1569},{"style":321},[1570],{"type":154,"value":462},{"type":145,"tag":230,"props":1572,"children":1573},{"class":232,"line":346},[1574],{"type":145,"tag":230,"props":1575,"children":1576},{"style":468},[1577],{"type":154,"value":1578}," // The screen sizes predefined by `@nuxt/image`:\n",{"type":145,"tag":230,"props":1580,"children":1581},{"class":232,"line":369},[1582,1587,1591],{"type":145,"tag":230,"props":1583,"children":1584},{"style":331},[1585],{"type":154,"value":1586}," screens",{"type":145,"tag":230,"props":1588,"children":1589},{"style":321},[1590],{"type":154,"value":282},{"type":145,"tag":230,"props":1592,"children":1593},{"style":321},[1594],{"type":154,"value":462},{"type":145,"tag":230,"props":1596,"children":1597},{"class":232,"line":378},[1598,1603,1608,1612,1616,1621],{"type":145,"tag":230,"props":1599,"children":1600},{"style":321},[1601],{"type":154,"value":1602}," '",{"type":145,"tag":230,"props":1604,"children":1605},{"style":331},[1606],{"type":154,"value":1607},"xs",{"type":145,"tag":230,"props":1609,"children":1610},{"style":321},[1611],{"type":154,"value":361},{"type":145,"tag":230,"props":1613,"children":1614},{"style":321},[1615],{"type":154,"value":282},{"type":145,"tag":230,"props":1617,"children":1618},{"style":1274},[1619],{"type":154,"value":1620}," 320",{"type":145,"tag":230,"props":1622,"children":1623},{"style":321},[1624],{"type":154,"value":366},{"type":145,"tag":230,"props":1626,"children":1627},{"class":232,"line":645},[1628,1632,1637,1641,1645,1650],{"type":145,"tag":230,"props":1629,"children":1630},{"style":321},[1631],{"type":154,"value":1602},{"type":145,"tag":230,"props":1633,"children":1634},{"style":331},[1635],{"type":154,"value":1636},"sm",{"type":145,"tag":230,"props":1638,"children":1639},{"style":321},[1640],{"type":154,"value":361},{"type":145,"tag":230,"props":1642,"children":1643},{"style":321},[1644],{"type":154,"value":282},{"type":145,"tag":230,"props":1646,"children":1647},{"style":1274},[1648],{"type":154,"value":1649}," 640",{"type":145,"tag":230,"props":1651,"children":1652},{"style":321},[1653],{"type":154,"value":366},{"type":145,"tag":230,"props":1655,"children":1657},{"class":232,"line":1656},7,[1658,1662,1666,1670,1674,1679],{"type":145,"tag":230,"props":1659,"children":1660},{"style":321},[1661],{"type":154,"value":1602},{"type":145,"tag":230,"props":1663,"children":1664},{"style":331},[1665],{"type":154,"value":985},{"type":145,"tag":230,"props":1667,"children":1668},{"style":321},[1669],{"type":154,"value":361},{"type":145,"tag":230,"props":1671,"children":1672},{"style":321},[1673],{"type":154,"value":282},{"type":145,"tag":230,"props":1675,"children":1676},{"style":1274},[1677],{"type":154,"value":1678}," 768",{"type":145,"tag":230,"props":1680,"children":1681},{"style":321},[1682],{"type":154,"value":366},{"type":145,"tag":230,"props":1684,"children":1686},{"class":232,"line":1685},8,[1687,1691,1696,1700,1704,1709],{"type":145,"tag":230,"props":1688,"children":1689},{"style":321},[1690],{"type":154,"value":1602},{"type":145,"tag":230,"props":1692,"children":1693},{"style":331},[1694],{"type":154,"value":1695},"lg",{"type":145,"tag":230,"props":1697,"children":1698},{"style":321},[1699],{"type":154,"value":361},{"type":145,"tag":230,"props":1701,"children":1702},{"style":321},[1703],{"type":154,"value":282},{"type":145,"tag":230,"props":1705,"children":1706},{"style":1274},[1707],{"type":154,"value":1708}," 1024",{"type":145,"tag":230,"props":1710,"children":1711},{"style":321},[1712],{"type":154,"value":366},{"type":145,"tag":230,"props":1714,"children":1716},{"class":232,"line":1715},9,[1717,1721,1726,1730,1734,1739],{"type":145,"tag":230,"props":1718,"children":1719},{"style":321},[1720],{"type":154,"value":1602},{"type":145,"tag":230,"props":1722,"children":1723},{"style":331},[1724],{"type":154,"value":1725},"xl",{"type":145,"tag":230,"props":1727,"children":1728},{"style":321},[1729],{"type":154,"value":361},{"type":145,"tag":230,"props":1731,"children":1732},{"style":321},[1733],{"type":154,"value":282},{"type":145,"tag":230,"props":1735,"children":1736},{"style":1274},[1737],{"type":154,"value":1738}," 1280",{"type":145,"tag":230,"props":1740,"children":1741},{"style":321},[1742],{"type":154,"value":366},{"type":145,"tag":230,"props":1744,"children":1746},{"class":232,"line":1745},10,[1747,1751,1756,1760,1764,1769],{"type":145,"tag":230,"props":1748,"children":1749},{"style":321},[1750],{"type":154,"value":1602},{"type":145,"tag":230,"props":1752,"children":1753},{"style":331},[1754],{"type":154,"value":1755},"xxl",{"type":145,"tag":230,"props":1757,"children":1758},{"style":321},[1759],{"type":154,"value":361},{"type":145,"tag":230,"props":1761,"children":1762},{"style":321},[1763],{"type":154,"value":282},{"type":145,"tag":230,"props":1765,"children":1766},{"style":1274},[1767],{"type":154,"value":1768}," 1536",{"type":145,"tag":230,"props":1770,"children":1771},{"style":321},[1772],{"type":154,"value":366},{"type":145,"tag":230,"props":1774,"children":1776},{"class":232,"line":1775},11,[1777,1781,1786,1790,1794],{"type":145,"tag":230,"props":1778,"children":1779},{"style":321},[1780],{"type":154,"value":1602},{"type":145,"tag":230,"props":1782,"children":1783},{"style":331},[1784],{"type":154,"value":1785},"2xl",{"type":145,"tag":230,"props":1787,"children":1788},{"style":321},[1789],{"type":154,"value":361},{"type":145,"tag":230,"props":1791,"children":1792},{"style":321},[1793],{"type":154,"value":282},{"type":145,"tag":230,"props":1795,"children":1796},{"style":1274},[1797],{"type":154,"value":1798}," 1536\n",{"type":145,"tag":230,"props":1800,"children":1802},{"class":232,"line":1801},12,[1803],{"type":145,"tag":230,"props":1804,"children":1805},{"style":321},[1806],{"type":154,"value":1807}," },\n",{"type":145,"tag":230,"props":1809,"children":1811},{"class":232,"line":1810},13,[1812],{"type":145,"tag":230,"props":1813,"children":1814},{"style":321},[1815],{"type":154,"value":642},{"type":145,"tag":230,"props":1817,"children":1819},{"class":232,"line":1818},14,[1820,1824],{"type":145,"tag":230,"props":1821,"children":1822},{"style":321},[1823],{"type":154,"value":384},{"type":145,"tag":230,"props":1825,"children":1826},{"style":315},[1827],{"type":154,"value":389},{"type":145,"tag":146,"props":1829,"children":1830},{},[1831],{"type":145,"tag":150,"props":1832,"children":1833},{},[1834,1836,1843,1845,1850],{"type":154,"value":1835},"We share the same naming and sizes as ",{"type":145,"tag":180,"props":1837,"children":1840},{"href":1838,"rel":1839},"https://tailwindcss.com/docs/responsive-design",[184],[1841],{"type":154,"value":1842},"Tailwind CSS",{"type":154,"value":1844}," and we added the ",{"type":145,"tag":157,"props":1846,"children":1848},{"className":1847},[],[1849],{"type":154,"value":1607},{"type":154,"value":1851}," property.",{"type":145,"tag":416,"props":1853,"children":1855},{"id":1854},"domains",[1856],{"type":145,"tag":157,"props":1857,"children":1859},{"className":1858},[],[1860],{"type":154,"value":1854},{"type":145,"tag":150,"props":1862,"children":1863},{},[1864],{"type":154,"value":1865},"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":1867,"children":1869},{"className":285,"code":1868,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n domains: ['nuxtjs.org']\n }\n})\n",[1870],{"type":145,"tag":157,"props":1871,"children":1872},{"__ignoreMap":139},[1873,1896,1911,1944,1951],{"type":145,"tag":230,"props":1874,"children":1875},{"class":232,"line":233},[1876,1880,1884,1888,1892],{"type":145,"tag":230,"props":1877,"children":1878},{"style":298},[1879],{"type":154,"value":301},{"type":145,"tag":230,"props":1881,"children":1882},{"style":298},[1883],{"type":154,"value":306},{"type":145,"tag":230,"props":1885,"children":1886},{"style":309},[1887],{"type":154,"value":312},{"type":145,"tag":230,"props":1889,"children":1890},{"style":315},[1891],{"type":154,"value":318},{"type":145,"tag":230,"props":1893,"children":1894},{"style":321},[1895],{"type":154,"value":324},{"type":145,"tag":230,"props":1897,"children":1898},{"class":232,"line":327},[1899,1903,1907],{"type":145,"tag":230,"props":1900,"children":1901},{"style":331},[1902],{"type":154,"value":1047},{"type":145,"tag":230,"props":1904,"children":1905},{"style":321},[1906],{"type":154,"value":282},{"type":145,"tag":230,"props":1908,"children":1909},{"style":321},[1910],{"type":154,"value":462},{"type":145,"tag":230,"props":1912,"children":1913},{"class":232,"line":346},[1914,1919,1923,1927,1931,1936,1940],{"type":145,"tag":230,"props":1915,"children":1916},{"style":331},[1917],{"type":154,"value":1918}," domains",{"type":145,"tag":230,"props":1920,"children":1921},{"style":321},[1922],{"type":154,"value":282},{"type":145,"tag":230,"props":1924,"children":1925},{"style":315},[1926],{"type":154,"value":1459},{"type":145,"tag":230,"props":1928,"children":1929},{"style":321},[1930],{"type":154,"value":361},{"type":145,"tag":230,"props":1932,"children":1933},{"style":243},[1934],{"type":154,"value":1935},"nuxtjs.org",{"type":145,"tag":230,"props":1937,"children":1938},{"style":321},[1939],{"type":154,"value":361},{"type":145,"tag":230,"props":1941,"children":1942},{"style":315},[1943],{"type":154,"value":1476},{"type":145,"tag":230,"props":1945,"children":1946},{"class":232,"line":369},[1947],{"type":145,"tag":230,"props":1948,"children":1949},{"style":321},[1950],{"type":154,"value":642},{"type":145,"tag":230,"props":1952,"children":1953},{"class":232,"line":378},[1954,1958],{"type":145,"tag":230,"props":1955,"children":1956},{"style":321},[1957],{"type":154,"value":384},{"type":145,"tag":230,"props":1959,"children":1960},{"style":315},[1961],{"type":154,"value":389},{"type":145,"tag":416,"props":1963,"children":1965},{"id":1964},"presets",[1966],{"type":145,"tag":157,"props":1967,"children":1969},{"className":1968},[],[1970],{"type":154,"value":1964},{"type":145,"tag":150,"props":1972,"children":1973},{},[1974],{"type":154,"value":1975},"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":1977,"children":1978},{},[1979,2181],{"type":145,"tag":220,"props":1980,"children":1982},{"className":285,"code":1981,"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",[1983],{"type":145,"tag":157,"props":1984,"children":1985},{"__ignoreMap":139},[1986,2009,2024,2040,2056,2072,2101,2122,2139,2147,2155,2163,2170],{"type":145,"tag":230,"props":1987,"children":1988},{"class":232,"line":233},[1989,1993,1997,2001,2005],{"type":145,"tag":230,"props":1990,"children":1991},{"style":298},[1992],{"type":154,"value":301},{"type":145,"tag":230,"props":1994,"children":1995},{"style":298},[1996],{"type":154,"value":306},{"type":145,"tag":230,"props":1998,"children":1999},{"style":309},[2000],{"type":154,"value":312},{"type":145,"tag":230,"props":2002,"children":2003},{"style":315},[2004],{"type":154,"value":318},{"type":145,"tag":230,"props":2006,"children":2007},{"style":321},[2008],{"type":154,"value":324},{"type":145,"tag":230,"props":2010,"children":2011},{"class":232,"line":327},[2012,2016,2020],{"type":145,"tag":230,"props":2013,"children":2014},{"style":331},[2015],{"type":154,"value":1047},{"type":145,"tag":230,"props":2017,"children":2018},{"style":321},[2019],{"type":154,"value":282},{"type":145,"tag":230,"props":2021,"children":2022},{"style":321},[2023],{"type":154,"value":462},{"type":145,"tag":230,"props":2025,"children":2026},{"class":232,"line":346},[2027,2032,2036],{"type":145,"tag":230,"props":2028,"children":2029},{"style":331},[2030],{"type":154,"value":2031}," presets",{"type":145,"tag":230,"props":2033,"children":2034},{"style":321},[2035],{"type":154,"value":282},{"type":145,"tag":230,"props":2037,"children":2038},{"style":321},[2039],{"type":154,"value":462},{"type":145,"tag":230,"props":2041,"children":2042},{"class":232,"line":369},[2043,2048,2052],{"type":145,"tag":230,"props":2044,"children":2045},{"style":331},[2046],{"type":154,"value":2047}," avatar",{"type":145,"tag":230,"props":2049,"children":2050},{"style":321},[2051],{"type":154,"value":282},{"type":145,"tag":230,"props":2053,"children":2054},{"style":321},[2055],{"type":154,"value":462},{"type":145,"tag":230,"props":2057,"children":2058},{"class":232,"line":378},[2059,2064,2068],{"type":145,"tag":230,"props":2060,"children":2061},{"style":331},[2062],{"type":154,"value":2063}," modifiers",{"type":145,"tag":230,"props":2065,"children":2066},{"style":321},[2067],{"type":154,"value":282},{"type":145,"tag":230,"props":2069,"children":2070},{"style":321},[2071],{"type":154,"value":462},{"type":145,"tag":230,"props":2073,"children":2074},{"class":232,"line":645},[2075,2080,2084,2089,2093,2097],{"type":145,"tag":230,"props":2076,"children":2077},{"style":331},[2078],{"type":154,"value":2079}," format",{"type":145,"tag":230,"props":2081,"children":2082},{"style":321},[2083],{"type":154,"value":282},{"type":145,"tag":230,"props":2085,"children":2086},{"style":321},[2087],{"type":154,"value":2088}," '",{"type":145,"tag":230,"props":2090,"children":2091},{"style":243},[2092],{"type":154,"value":1358},{"type":145,"tag":230,"props":2094,"children":2095},{"style":321},[2096],{"type":154,"value":361},{"type":145,"tag":230,"props":2098,"children":2099},{"style":321},[2100],{"type":154,"value":366},{"type":145,"tag":230,"props":2102,"children":2103},{"class":232,"line":1656},[2104,2109,2113,2118],{"type":145,"tag":230,"props":2105,"children":2106},{"style":331},[2107],{"type":154,"value":2108}," width",{"type":145,"tag":230,"props":2110,"children":2111},{"style":321},[2112],{"type":154,"value":282},{"type":145,"tag":230,"props":2114,"children":2115},{"style":1274},[2116],{"type":154,"value":2117}," 50",{"type":145,"tag":230,"props":2119,"children":2120},{"style":321},[2121],{"type":154,"value":366},{"type":145,"tag":230,"props":2123,"children":2124},{"class":232,"line":1685},[2125,2130,2134],{"type":145,"tag":230,"props":2126,"children":2127},{"style":331},[2128],{"type":154,"value":2129}," height",{"type":145,"tag":230,"props":2131,"children":2132},{"style":321},[2133],{"type":154,"value":282},{"type":145,"tag":230,"props":2135,"children":2136},{"style":1274},[2137],{"type":154,"value":2138}," 50\n",{"type":145,"tag":230,"props":2140,"children":2141},{"class":232,"line":1715},[2142],{"type":145,"tag":230,"props":2143,"children":2144},{"style":321},[2145],{"type":154,"value":2146}," }\n",{"type":145,"tag":230,"props":2148,"children":2149},{"class":232,"line":1745},[2150],{"type":145,"tag":230,"props":2151,"children":2152},{"style":321},[2153],{"type":154,"value":2154}," }\n",{"type":145,"tag":230,"props":2156,"children":2157},{"class":232,"line":1775},[2158],{"type":145,"tag":230,"props":2159,"children":2160},{"style":321},[2161],{"type":154,"value":2162}," }\n",{"type":145,"tag":230,"props":2164,"children":2165},{"class":232,"line":1801},[2166],{"type":145,"tag":230,"props":2167,"children":2168},{"style":321},[2169],{"type":154,"value":642},{"type":145,"tag":230,"props":2171,"children":2172},{"class":232,"line":1810},[2173,2177],{"type":145,"tag":230,"props":2174,"children":2175},{"style":321},[2176],{"type":154,"value":384},{"type":145,"tag":230,"props":2178,"children":2179},{"style":315},[2180],{"type":154,"value":389},{"type":145,"tag":220,"props":2182,"children":2187},{"className":2183,"code":2184,"filename":2185,"language":2186,"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",[2188],{"type":145,"tag":157,"props":2189,"children":2190},{"__ignoreMap":139},[2191,2209,2274],{"type":145,"tag":230,"props":2192,"children":2193},{"class":232,"line":233},[2194,2199,2204],{"type":145,"tag":230,"props":2195,"children":2196},{"style":321},[2197],{"type":154,"value":2198},"\u003C",{"type":145,"tag":230,"props":2200,"children":2201},{"style":331},[2202],{"type":154,"value":2203},"template",{"type":145,"tag":230,"props":2205,"children":2206},{"style":321},[2207],{"type":154,"value":2208},">\n",{"type":145,"tag":230,"props":2210,"children":2211},{"class":232,"line":327},[2212,2217,2222,2228,2233,2238,2243,2247,2252,2256,2260,2265,2269],{"type":145,"tag":230,"props":2213,"children":2214},{"style":321},[2215],{"type":154,"value":2216}," \u003C",{"type":145,"tag":230,"props":2218,"children":2219},{"style":331},[2220],{"type":154,"value":2221},"NuxtImg",{"type":145,"tag":230,"props":2223,"children":2225},{"style":2224},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[2226],{"type":154,"value":2227}," preset",{"type":145,"tag":230,"props":2229,"children":2230},{"style":321},[2231],{"type":154,"value":2232},"=",{"type":145,"tag":230,"props":2234,"children":2235},{"style":321},[2236],{"type":154,"value":2237},"\"",{"type":145,"tag":230,"props":2239,"children":2240},{"style":243},[2241],{"type":154,"value":2242},"avatar",{"type":145,"tag":230,"props":2244,"children":2245},{"style":321},[2246],{"type":154,"value":2237},{"type":145,"tag":230,"props":2248,"children":2249},{"style":2224},[2250],{"type":154,"value":2251}," src",{"type":145,"tag":230,"props":2253,"children":2254},{"style":321},[2255],{"type":154,"value":2232},{"type":145,"tag":230,"props":2257,"children":2258},{"style":321},[2259],{"type":154,"value":2237},{"type":145,"tag":230,"props":2261,"children":2262},{"style":243},[2263],{"type":154,"value":2264},"/nuxt-icon.png",{"type":145,"tag":230,"props":2266,"children":2267},{"style":321},[2268],{"type":154,"value":2237},{"type":145,"tag":230,"props":2270,"children":2271},{"style":321},[2272],{"type":154,"value":2273}," />\n",{"type":145,"tag":230,"props":2275,"children":2276},{"class":232,"line":346},[2277,2282,2286],{"type":145,"tag":230,"props":2278,"children":2279},{"style":321},[2280],{"type":154,"value":2281},"\u003C/",{"type":145,"tag":230,"props":2283,"children":2284},{"style":331},[2285],{"type":154,"value":2203},{"type":145,"tag":230,"props":2287,"children":2288},{"style":321},[2289],{"type":154,"value":2208},{"type":145,"tag":416,"props":2291,"children":2293},{"id":2292},"providers",[2294],{"type":145,"tag":157,"props":2295,"children":2297},{"className":2296},[],[2298],{"type":154,"value":2292},{"type":145,"tag":150,"props":2300,"children":2301},{},[2302,2304,2309,2311,2316],{"type":154,"value":2303},"In order to create and use a ",{"type":145,"tag":180,"props":2305,"children":2306},{"href":132},[2307],{"type":154,"value":2308},"custom provider",{"type":154,"value":2310},", you need to use the ",{"type":145,"tag":157,"props":2312,"children":2314},{"className":2313},[],[2315],{"type":154,"value":2292},{"type":154,"value":2317}," option and define your custom providers.",{"type":145,"tag":817,"props":2319,"children":2320},{},[2321,2476],{"type":145,"tag":220,"props":2322,"children":2324},{"className":285,"code":2323,"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",[2325],{"type":145,"tag":157,"props":2326,"children":2327},{"__ignoreMap":139},[2328,2351,2366,2382,2398,2427,2444,2451,2458,2465],{"type":145,"tag":230,"props":2329,"children":2330},{"class":232,"line":233},[2331,2335,2339,2343,2347],{"type":145,"tag":230,"props":2332,"children":2333},{"style":298},[2334],{"type":154,"value":301},{"type":145,"tag":230,"props":2336,"children":2337},{"style":298},[2338],{"type":154,"value":306},{"type":145,"tag":230,"props":2340,"children":2341},{"style":309},[2342],{"type":154,"value":312},{"type":145,"tag":230,"props":2344,"children":2345},{"style":315},[2346],{"type":154,"value":318},{"type":145,"tag":230,"props":2348,"children":2349},{"style":321},[2350],{"type":154,"value":324},{"type":145,"tag":230,"props":2352,"children":2353},{"class":232,"line":327},[2354,2358,2362],{"type":145,"tag":230,"props":2355,"children":2356},{"style":331},[2357],{"type":154,"value":1047},{"type":145,"tag":230,"props":2359,"children":2360},{"style":321},[2361],{"type":154,"value":282},{"type":145,"tag":230,"props":2363,"children":2364},{"style":321},[2365],{"type":154,"value":462},{"type":145,"tag":230,"props":2367,"children":2368},{"class":232,"line":346},[2369,2374,2378],{"type":145,"tag":230,"props":2370,"children":2371},{"style":331},[2372],{"type":154,"value":2373}," providers",{"type":145,"tag":230,"props":2375,"children":2376},{"style":321},[2377],{"type":154,"value":282},{"type":145,"tag":230,"props":2379,"children":2380},{"style":321},[2381],{"type":154,"value":462},{"type":145,"tag":230,"props":2383,"children":2384},{"class":232,"line":369},[2385,2390,2394],{"type":145,"tag":230,"props":2386,"children":2387},{"style":331},[2388],{"type":154,"value":2389}," random",{"type":145,"tag":230,"props":2391,"children":2392},{"style":321},[2393],{"type":154,"value":282},{"type":145,"tag":230,"props":2395,"children":2396},{"style":321},[2397],{"type":154,"value":462},{"type":145,"tag":230,"props":2399,"children":2400},{"class":232,"line":378},[2401,2406,2410,2414,2419,2423],{"type":145,"tag":230,"props":2402,"children":2403},{"style":331},[2404],{"type":154,"value":2405}," provider",{"type":145,"tag":230,"props":2407,"children":2408},{"style":321},[2409],{"type":154,"value":282},{"type":145,"tag":230,"props":2411,"children":2412},{"style":321},[2413],{"type":154,"value":2088},{"type":145,"tag":230,"props":2415,"children":2416},{"style":243},[2417],{"type":154,"value":2418},"~/providers/random",{"type":145,"tag":230,"props":2420,"children":2421},{"style":321},[2422],{"type":154,"value":361},{"type":145,"tag":230,"props":2424,"children":2425},{"style":321},[2426],{"type":154,"value":366},{"type":145,"tag":230,"props":2428,"children":2429},{"class":232,"line":645},[2430,2435,2439],{"type":145,"tag":230,"props":2431,"children":2432},{"style":331},[2433],{"type":154,"value":2434}," options",{"type":145,"tag":230,"props":2436,"children":2437},{"style":321},[2438],{"type":154,"value":282},{"type":145,"tag":230,"props":2440,"children":2441},{"style":321},[2442],{"type":154,"value":2443}," {}\n",{"type":145,"tag":230,"props":2445,"children":2446},{"class":232,"line":1656},[2447],{"type":145,"tag":230,"props":2448,"children":2449},{"style":321},[2450],{"type":154,"value":2154},{"type":145,"tag":230,"props":2452,"children":2453},{"class":232,"line":1685},[2454],{"type":145,"tag":230,"props":2455,"children":2456},{"style":321},[2457],{"type":154,"value":2162},{"type":145,"tag":230,"props":2459,"children":2460},{"class":232,"line":1715},[2461],{"type":145,"tag":230,"props":2462,"children":2463},{"style":321},[2464],{"type":154,"value":642},{"type":145,"tag":230,"props":2466,"children":2467},{"class":232,"line":1745},[2468,2472],{"type":145,"tag":230,"props":2469,"children":2470},{"style":321},[2471],{"type":154,"value":384},{"type":145,"tag":230,"props":2473,"children":2474},{"style":315},[2475],{"type":154,"value":389},{"type":145,"tag":220,"props":2477,"children":2481},{"className":2478,"code":2479,"filename":2185,"language":2480,"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",[2482],{"type":145,"tag":157,"props":2483,"children":2484},{"__ignoreMap":139},[2485,2500,2602],{"type":145,"tag":230,"props":2486,"children":2487},{"class":232,"line":233},[2488,2492,2496],{"type":145,"tag":230,"props":2489,"children":2490},{"style":321},[2491],{"type":154,"value":2198},{"type":145,"tag":230,"props":2493,"children":2494},{"style":331},[2495],{"type":154,"value":2203},{"type":145,"tag":230,"props":2497,"children":2498},{"style":321},[2499],{"type":154,"value":2208},{"type":145,"tag":230,"props":2501,"children":2502},{"class":232,"line":327},[2503,2507,2511,2516,2520,2524,2529,2533,2537,2541,2545,2550,2554,2559,2563,2567,2572,2576,2581,2585,2589,2594,2598],{"type":145,"tag":230,"props":2504,"children":2505},{"style":321},[2506],{"type":154,"value":2216},{"type":145,"tag":230,"props":2508,"children":2509},{"style":331},[2510],{"type":154,"value":2221},{"type":145,"tag":230,"props":2512,"children":2513},{"style":2224},[2514],{"type":154,"value":2515}," provider",{"type":145,"tag":230,"props":2517,"children":2518},{"style":321},[2519],{"type":154,"value":2232},{"type":145,"tag":230,"props":2521,"children":2522},{"style":321},[2523],{"type":154,"value":2237},{"type":145,"tag":230,"props":2525,"children":2526},{"style":243},[2527],{"type":154,"value":2528},"random",{"type":145,"tag":230,"props":2530,"children":2531},{"style":321},[2532],{"type":154,"value":2237},{"type":145,"tag":230,"props":2534,"children":2535},{"style":2224},[2536],{"type":154,"value":2251},{"type":145,"tag":230,"props":2538,"children":2539},{"style":321},[2540],{"type":154,"value":2232},{"type":145,"tag":230,"props":2542,"children":2543},{"style":321},[2544],{"type":154,"value":2237},{"type":145,"tag":230,"props":2546,"children":2547},{"style":243},[2548],{"type":154,"value":2549},"main.png",{"type":145,"tag":230,"props":2551,"children":2552},{"style":321},[2553],{"type":154,"value":2237},{"type":145,"tag":230,"props":2555,"children":2556},{"style":2224},[2557],{"type":154,"value":2558}," width",{"type":145,"tag":230,"props":2560,"children":2561},{"style":321},[2562],{"type":154,"value":2232},{"type":145,"tag":230,"props":2564,"children":2565},{"style":321},[2566],{"type":154,"value":2237},{"type":145,"tag":230,"props":2568,"children":2569},{"style":243},[2570],{"type":154,"value":2571},"300",{"type":145,"tag":230,"props":2573,"children":2574},{"style":321},[2575],{"type":154,"value":2237},{"type":145,"tag":230,"props":2577,"children":2578},{"style":2224},[2579],{"type":154,"value":2580}," height",{"type":145,"tag":230,"props":2582,"children":2583},{"style":321},[2584],{"type":154,"value":2232},{"type":145,"tag":230,"props":2586,"children":2587},{"style":321},[2588],{"type":154,"value":2237},{"type":145,"tag":230,"props":2590,"children":2591},{"style":243},[2592],{"type":154,"value":2593},"169",{"type":145,"tag":230,"props":2595,"children":2596},{"style":321},[2597],{"type":154,"value":2237},{"type":145,"tag":230,"props":2599,"children":2600},{"style":321},[2601],{"type":154,"value":2273},{"type":145,"tag":230,"props":2603,"children":2604},{"class":232,"line":346},[2605,2609,2613],{"type":145,"tag":230,"props":2606,"children":2607},{"style":321},[2608],{"type":154,"value":2281},{"type":145,"tag":230,"props":2610,"children":2611},{"style":331},[2612],{"type":154,"value":2203},{"type":145,"tag":230,"props":2614,"children":2615},{"style":321},[2616],{"type":154,"value":2208},{"type":145,"tag":416,"props":2618,"children":2620},{"id":2619},"provider",[2621],{"type":145,"tag":157,"props":2622,"children":2624},{"className":2623},[],[2625],{"type":154,"value":2619},{"type":145,"tag":150,"props":2627,"children":2628},{},[2629,2630,2636,2638,2644,2646,2652],{"type":154,"value":1313},{"type":145,"tag":157,"props":2631,"children":2633},{"className":2632},[],[2634],{"type":154,"value":2635},"ipx",{"type":154,"value":2637}," (or ",{"type":145,"tag":157,"props":2639,"children":2641},{"className":2640},[],[2642],{"type":154,"value":2643},"ipxStatic",{"type":154,"value":2645}," if used with a static nitro preset, such as if you are running ",{"type":145,"tag":157,"props":2647,"children":2649},{"className":2648},[],[2650],{"type":154,"value":2651},"nuxt generate",{"type":154,"value":810},{"type":145,"tag":150,"props":2654,"children":2655},{},[2656,2658,2663],{"type":154,"value":2657},"We can specify default provider to be used when not specified in component or when calling ",{"type":145,"tag":157,"props":2659,"children":2661},{"className":2660},[],[2662],{"type":154,"value":1101},{"type":154,"value":1383},{"type":145,"tag":220,"props":2665,"children":2667},{"className":285,"code":2666,"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",[2668],{"type":145,"tag":157,"props":2669,"children":2670},{"__ignoreMap":139},[2671,2694,2709,2738,2754,2780,2787,2794],{"type":145,"tag":230,"props":2672,"children":2673},{"class":232,"line":233},[2674,2678,2682,2686,2690],{"type":145,"tag":230,"props":2675,"children":2676},{"style":298},[2677],{"type":154,"value":301},{"type":145,"tag":230,"props":2679,"children":2680},{"style":298},[2681],{"type":154,"value":306},{"type":145,"tag":230,"props":2683,"children":2684},{"style":309},[2685],{"type":154,"value":312},{"type":145,"tag":230,"props":2687,"children":2688},{"style":315},[2689],{"type":154,"value":318},{"type":145,"tag":230,"props":2691,"children":2692},{"style":321},[2693],{"type":154,"value":324},{"type":145,"tag":230,"props":2695,"children":2696},{"class":232,"line":327},[2697,2701,2705],{"type":145,"tag":230,"props":2698,"children":2699},{"style":331},[2700],{"type":154,"value":1047},{"type":145,"tag":230,"props":2702,"children":2703},{"style":321},[2704],{"type":154,"value":282},{"type":145,"tag":230,"props":2706,"children":2707},{"style":321},[2708],{"type":154,"value":462},{"type":145,"tag":230,"props":2710,"children":2711},{"class":232,"line":346},[2712,2717,2721,2725,2730,2734],{"type":145,"tag":230,"props":2713,"children":2714},{"style":331},[2715],{"type":154,"value":2716}," provider",{"type":145,"tag":230,"props":2718,"children":2719},{"style":321},[2720],{"type":154,"value":282},{"type":145,"tag":230,"props":2722,"children":2723},{"style":321},[2724],{"type":154,"value":2088},{"type":145,"tag":230,"props":2726,"children":2727},{"style":243},[2728],{"type":154,"value":2729},"twicpics",{"type":145,"tag":230,"props":2731,"children":2732},{"style":321},[2733],{"type":154,"value":361},{"type":145,"tag":230,"props":2735,"children":2736},{"style":321},[2737],{"type":154,"value":366},{"type":145,"tag":230,"props":2739,"children":2740},{"class":232,"line":369},[2741,2746,2750],{"type":145,"tag":230,"props":2742,"children":2743},{"style":331},[2744],{"type":154,"value":2745}," twicpics",{"type":145,"tag":230,"props":2747,"children":2748},{"style":321},[2749],{"type":154,"value":282},{"type":145,"tag":230,"props":2751,"children":2752},{"style":321},[2753],{"type":154,"value":462},{"type":145,"tag":230,"props":2755,"children":2756},{"class":232,"line":378},[2757,2762,2766,2770,2775],{"type":145,"tag":230,"props":2758,"children":2759},{"style":331},[2760],{"type":154,"value":2761}," baseURL",{"type":145,"tag":230,"props":2763,"children":2764},{"style":321},[2765],{"type":154,"value":282},{"type":145,"tag":230,"props":2767,"children":2768},{"style":321},[2769],{"type":154,"value":2088},{"type":145,"tag":230,"props":2771,"children":2772},{"style":243},[2773],{"type":154,"value":2774},"https://nuxt-demo.twic.pics",{"type":145,"tag":230,"props":2776,"children":2777},{"style":321},[2778],{"type":154,"value":2779},"'\n",{"type":145,"tag":230,"props":2781,"children":2782},{"class":232,"line":645},[2783],{"type":145,"tag":230,"props":2784,"children":2785},{"style":321},[2786],{"type":154,"value":2162},{"type":145,"tag":230,"props":2788,"children":2789},{"class":232,"line":1656},[2790],{"type":145,"tag":230,"props":2791,"children":2792},{"style":321},[2793],{"type":154,"value":642},{"type":145,"tag":230,"props":2795,"children":2796},{"class":232,"line":1685},[2797,2801],{"type":145,"tag":230,"props":2798,"children":2799},{"style":321},[2800],{"type":154,"value":384},{"type":145,"tag":230,"props":2802,"children":2803},{"style":315},[2804],{"type":154,"value":389},{"type":145,"tag":560,"props":2806,"children":2808},{"id":2807},"modifiers",[2809],{"type":145,"tag":157,"props":2810,"children":2812},{"className":2811},[],[2813],{"type":154,"value":2807},{"type":145,"tag":150,"props":2815,"children":2816},{},[2817],{"type":154,"value":2818},"You can set default modifiers for the selected provider.",{"type":145,"tag":220,"props":2820,"children":2822},{"className":285,"code":2821,"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",[2823],{"type":145,"tag":157,"props":2824,"children":2825},{"__ignoreMap":139},[2826,2849,2864,2892,2908,2936,2952,2981,3010,3017,3024,3031],{"type":145,"tag":230,"props":2827,"children":2828},{"class":232,"line":233},[2829,2833,2837,2841,2845],{"type":145,"tag":230,"props":2830,"children":2831},{"style":298},[2832],{"type":154,"value":301},{"type":145,"tag":230,"props":2834,"children":2835},{"style":298},[2836],{"type":154,"value":306},{"type":145,"tag":230,"props":2838,"children":2839},{"style":309},[2840],{"type":154,"value":312},{"type":145,"tag":230,"props":2842,"children":2843},{"style":315},[2844],{"type":154,"value":318},{"type":145,"tag":230,"props":2846,"children":2847},{"style":321},[2848],{"type":154,"value":324},{"type":145,"tag":230,"props":2850,"children":2851},{"class":232,"line":327},[2852,2856,2860],{"type":145,"tag":230,"props":2853,"children":2854},{"style":331},[2855],{"type":154,"value":1047},{"type":145,"tag":230,"props":2857,"children":2858},{"style":321},[2859],{"type":154,"value":282},{"type":145,"tag":230,"props":2861,"children":2862},{"style":321},[2863],{"type":154,"value":462},{"type":145,"tag":230,"props":2865,"children":2866},{"class":232,"line":346},[2867,2871,2875,2879,2884,2888],{"type":145,"tag":230,"props":2868,"children":2869},{"style":331},[2870],{"type":154,"value":2716},{"type":145,"tag":230,"props":2872,"children":2873},{"style":321},[2874],{"type":154,"value":282},{"type":145,"tag":230,"props":2876,"children":2877},{"style":321},[2878],{"type":154,"value":2088},{"type":145,"tag":230,"props":2880,"children":2881},{"style":243},[2882],{"type":154,"value":2883},"cloudinary",{"type":145,"tag":230,"props":2885,"children":2886},{"style":321},[2887],{"type":154,"value":361},{"type":145,"tag":230,"props":2889,"children":2890},{"style":321},[2891],{"type":154,"value":366},{"type":145,"tag":230,"props":2893,"children":2894},{"class":232,"line":369},[2895,2900,2904],{"type":145,"tag":230,"props":2896,"children":2897},{"style":331},[2898],{"type":154,"value":2899}," cloudinary",{"type":145,"tag":230,"props":2901,"children":2902},{"style":321},[2903],{"type":154,"value":282},{"type":145,"tag":230,"props":2905,"children":2906},{"style":321},[2907],{"type":154,"value":462},{"type":145,"tag":230,"props":2909,"children":2910},{"class":232,"line":378},[2911,2915,2919,2923,2928,2932],{"type":145,"tag":230,"props":2912,"children":2913},{"style":331},[2914],{"type":154,"value":2761},{"type":145,"tag":230,"props":2916,"children":2917},{"style":321},[2918],{"type":154,"value":282},{"type":145,"tag":230,"props":2920,"children":2921},{"style":321},[2922],{"type":154,"value":2088},{"type":145,"tag":230,"props":2924,"children":2925},{"style":243},[2926],{"type":154,"value":2927},"https://res.cloudinary.com/\u003Ccompany>/image/fetch/",{"type":145,"tag":230,"props":2929,"children":2930},{"style":321},[2931],{"type":154,"value":361},{"type":145,"tag":230,"props":2933,"children":2934},{"style":321},[2935],{"type":154,"value":366},{"type":145,"tag":230,"props":2937,"children":2938},{"class":232,"line":645},[2939,2944,2948],{"type":145,"tag":230,"props":2940,"children":2941},{"style":331},[2942],{"type":154,"value":2943}," modifiers",{"type":145,"tag":230,"props":2945,"children":2946},{"style":321},[2947],{"type":154,"value":282},{"type":145,"tag":230,"props":2949,"children":2950},{"style":321},[2951],{"type":154,"value":462},{"type":145,"tag":230,"props":2953,"children":2954},{"class":232,"line":1656},[2955,2960,2964,2968,2973,2977],{"type":145,"tag":230,"props":2956,"children":2957},{"style":331},[2958],{"type":154,"value":2959}," effect",{"type":145,"tag":230,"props":2961,"children":2962},{"style":321},[2963],{"type":154,"value":282},{"type":145,"tag":230,"props":2965,"children":2966},{"style":321},[2967],{"type":154,"value":2088},{"type":145,"tag":230,"props":2969,"children":2970},{"style":243},[2971],{"type":154,"value":2972},"sharpen:100",{"type":145,"tag":230,"props":2974,"children":2975},{"style":321},[2976],{"type":154,"value":361},{"type":145,"tag":230,"props":2978,"children":2979},{"style":321},[2980],{"type":154,"value":366},{"type":145,"tag":230,"props":2982,"children":2983},{"class":232,"line":1685},[2984,2989,2993,2997,3002,3006],{"type":145,"tag":230,"props":2985,"children":2986},{"style":331},[2987],{"type":154,"value":2988}," quality",{"type":145,"tag":230,"props":2990,"children":2991},{"style":321},[2992],{"type":154,"value":282},{"type":145,"tag":230,"props":2994,"children":2995},{"style":321},[2996],{"type":154,"value":2088},{"type":145,"tag":230,"props":2998,"children":2999},{"style":243},[3000],{"type":154,"value":3001},"auto:best",{"type":145,"tag":230,"props":3003,"children":3004},{"style":321},[3005],{"type":154,"value":361},{"type":145,"tag":230,"props":3007,"children":3008},{"style":321},[3009],{"type":154,"value":366},{"type":145,"tag":230,"props":3011,"children":3012},{"class":232,"line":1715},[3013],{"type":145,"tag":230,"props":3014,"children":3015},{"style":321},[3016],{"type":154,"value":2154},{"type":145,"tag":230,"props":3018,"children":3019},{"class":232,"line":1745},[3020],{"type":145,"tag":230,"props":3021,"children":3022},{"style":321},[3023],{"type":154,"value":2162},{"type":145,"tag":230,"props":3025,"children":3026},{"class":232,"line":1775},[3027],{"type":145,"tag":230,"props":3028,"children":3029},{"style":321},[3030],{"type":154,"value":642},{"type":145,"tag":230,"props":3032,"children":3033},{"class":232,"line":1801},[3034,3038],{"type":145,"tag":230,"props":3035,"children":3036},{"style":321},[3037],{"type":154,"value":384},{"type":145,"tag":230,"props":3039,"children":3040},{"style":315},[3041],{"type":154,"value":389},{"type":145,"tag":416,"props":3043,"children":3045},{"id":3044},"densities",[3046],{"type":145,"tag":157,"props":3047,"children":3049},{"className":3048},[],[3050],{"type":154,"value":3044},{"type":145,"tag":150,"props":3052,"children":3053},{},[3054,3055],{"type":154,"value":1313},{"type":145,"tag":157,"props":3056,"children":3058},{"className":3057},[],[3059],{"type":154,"value":3060},"[1, 2]",{"type":145,"tag":150,"props":3062,"children":3063},{},[3064,3066,3072,3074,3079],{"type":154,"value":3065},"Specify a value to work with ",{"type":145,"tag":157,"props":3067,"children":3069},{"className":3068},[],[3070],{"type":154,"value":3071},"devicePixelRatio",{"type":154,"value":3073}," > 1 (these are devices with retina display and others). You must specify for which ",{"type":145,"tag":157,"props":3075,"children":3077},{"className":3076},[],[3078],{"type":154,"value":3071},{"type":154,"value":3080}," values you want to adapt images.",{"type":145,"tag":150,"props":3082,"children":3083},{},[3084,3086,3100],{"type":154,"value":3085},"You can ",{"type":145,"tag":180,"props":3087,"children":3090},{"href":3088,"rel":3089},"https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio",[184],[3091,3093,3098],{"type":154,"value":3092},"read more about ",{"type":145,"tag":157,"props":3094,"children":3096},{"className":3095},[],[3097],{"type":154,"value":3071},{"type":154,"value":3099}," on MDN",{"type":154,"value":1383},{"type":145,"tag":220,"props":3102,"children":3104},{"className":285,"code":3103,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n densities: [1, 2, 3],\n }\n})\n",[3105],{"type":145,"tag":157,"props":3106,"children":3107},{"__ignoreMap":139},[3108,3131,3146,3195,3202],{"type":145,"tag":230,"props":3109,"children":3110},{"class":232,"line":233},[3111,3115,3119,3123,3127],{"type":145,"tag":230,"props":3112,"children":3113},{"style":298},[3114],{"type":154,"value":301},{"type":145,"tag":230,"props":3116,"children":3117},{"style":298},[3118],{"type":154,"value":306},{"type":145,"tag":230,"props":3120,"children":3121},{"style":309},[3122],{"type":154,"value":312},{"type":145,"tag":230,"props":3124,"children":3125},{"style":315},[3126],{"type":154,"value":318},{"type":145,"tag":230,"props":3128,"children":3129},{"style":321},[3130],{"type":154,"value":324},{"type":145,"tag":230,"props":3132,"children":3133},{"class":232,"line":327},[3134,3138,3142],{"type":145,"tag":230,"props":3135,"children":3136},{"style":331},[3137],{"type":154,"value":1047},{"type":145,"tag":230,"props":3139,"children":3140},{"style":321},[3141],{"type":154,"value":282},{"type":145,"tag":230,"props":3143,"children":3144},{"style":321},[3145],{"type":154,"value":462},{"type":145,"tag":230,"props":3147,"children":3148},{"class":232,"line":346},[3149,3154,3158,3162,3167,3172,3177,3181,3186,3191],{"type":145,"tag":230,"props":3150,"children":3151},{"style":331},[3152],{"type":154,"value":3153}," densities",{"type":145,"tag":230,"props":3155,"children":3156},{"style":321},[3157],{"type":154,"value":282},{"type":145,"tag":230,"props":3159,"children":3160},{"style":315},[3161],{"type":154,"value":1459},{"type":145,"tag":230,"props":3163,"children":3164},{"style":1274},[3165],{"type":154,"value":3166},"1",{"type":145,"tag":230,"props":3168,"children":3169},{"style":321},[3170],{"type":154,"value":3171},",",{"type":145,"tag":230,"props":3173,"children":3174},{"style":1274},[3175],{"type":154,"value":3176}," 2",{"type":145,"tag":230,"props":3178,"children":3179},{"style":321},[3180],{"type":154,"value":3171},{"type":145,"tag":230,"props":3182,"children":3183},{"style":1274},[3184],{"type":154,"value":3185}," 3",{"type":145,"tag":230,"props":3187,"children":3188},{"style":315},[3189],{"type":154,"value":3190},"]",{"type":145,"tag":230,"props":3192,"children":3193},{"style":321},[3194],{"type":154,"value":366},{"type":145,"tag":230,"props":3196,"children":3197},{"class":232,"line":369},[3198],{"type":145,"tag":230,"props":3199,"children":3200},{"style":321},[3201],{"type":154,"value":642},{"type":145,"tag":230,"props":3203,"children":3204},{"class":232,"line":378},[3205,3209],{"type":145,"tag":230,"props":3206,"children":3207},{"style":321},[3208],{"type":154,"value":384},{"type":145,"tag":230,"props":3210,"children":3211},{"style":315},[3212],{"type":154,"value":389},{"type":145,"tag":416,"props":3214,"children":3216},{"id":3215},"dir",[3217],{"type":145,"tag":157,"props":3218,"children":3220},{"className":3219},[],[3221],{"type":154,"value":3215},{"type":145,"tag":150,"props":3223,"children":3224},{},[3225,3226],{"type":154,"value":1313},{"type":145,"tag":157,"props":3227,"children":3229},{"className":3228},[],[3230],{"type":154,"value":3231},"public",{"type":145,"tag":150,"props":3233,"children":3234},{},[3235,3237,3242,3244,3249],{"type":154,"value":3236},"This option allows you to specify the location of the source images when using the ",{"type":145,"tag":157,"props":3238,"children":3240},{"className":3239},[],[3241],{"type":154,"value":2635},{"type":154,"value":3243}," or ",{"type":145,"tag":157,"props":3245,"children":3247},{"className":3246},[],[3248],{"type":154,"value":2643},{"type":154,"value":3250}," provider.",{"type":145,"tag":150,"props":3252,"children":3253},{},[3254,3256,3262,3264,3269,3271,3277],{"type":154,"value":3255},"For example you might want the source images in ",{"type":145,"tag":157,"props":3257,"children":3259},{"className":3258},[],[3260],{"type":154,"value":3261},"assets/images",{"type":154,"value":3263}," directory rather than the default ",{"type":145,"tag":157,"props":3265,"children":3267},{"className":3266},[],[3268],{"type":154,"value":3231},{"type":154,"value":3270}," directory so the source images don't get copied into ",{"type":145,"tag":157,"props":3272,"children":3274},{"className":3273},[],[3275],{"type":154,"value":3276},"dist",{"type":154,"value":3278}," and deployed:",{"type":145,"tag":220,"props":3280,"children":3282},{"className":285,"code":3281,"filename":287,"language":288,"meta":139,"style":139},"export default defineNuxtConfig({\n image: {\n dir: 'assets/images'\n }\n})\n",[3283],{"type":145,"tag":157,"props":3284,"children":3285},{"__ignoreMap":139},[3286,3309,3324,3348,3355],{"type":145,"tag":230,"props":3287,"children":3288},{"class":232,"line":233},[3289,3293,3297,3301,3305],{"type":145,"tag":230,"props":3290,"children":3291},{"style":298},[3292],{"type":154,"value":301},{"type":145,"tag":230,"props":3294,"children":3295},{"style":298},[3296],{"type":154,"value":306},{"type":145,"tag":230,"props":3298,"children":3299},{"style":309},[3300],{"type":154,"value":312},{"type":145,"tag":230,"props":3302,"children":3303},{"style":315},[3304],{"type":154,"value":318},{"type":145,"tag":230,"props":3306,"children":3307},{"style":321},[3308],{"type":154,"value":324},{"type":145,"tag":230,"props":3310,"children":3311},{"class":232,"line":327},[3312,3316,3320],{"type":145,"tag":230,"props":3313,"children":3314},{"style":331},[3315],{"type":154,"value":1047},{"type":145,"tag":230,"props":3317,"children":3318},{"style":321},[3319],{"type":154,"value":282},{"type":145,"tag":230,"props":3321,"children":3322},{"style":321},[3323],{"type":154,"value":462},{"type":145,"tag":230,"props":3325,"children":3326},{"class":232,"line":346},[3327,3332,3336,3340,3344],{"type":145,"tag":230,"props":3328,"children":3329},{"style":331},[3330],{"type":154,"value":3331}," dir",{"type":145,"tag":230,"props":3333,"children":3334},{"style":321},[3335],{"type":154,"value":282},{"type":145,"tag":230,"props":3337,"children":3338},{"style":321},[3339],{"type":154,"value":2088},{"type":145,"tag":230,"props":3341,"children":3342},{"style":243},[3343],{"type":154,"value":3261},{"type":145,"tag":230,"props":3345,"children":3346},{"style":321},[3347],{"type":154,"value":2779},{"type":145,"tag":230,"props":3349,"children":3350},{"class":232,"line":369},[3351],{"type":145,"tag":230,"props":3352,"children":3353},{"style":321},[3354],{"type":154,"value":642},{"type":145,"tag":230,"props":3356,"children":3357},{"class":232,"line":378},[3358,3362],{"type":145,"tag":230,"props":3359,"children":3360},{"style":321},[3361],{"type":154,"value":384},{"type":145,"tag":230,"props":3363,"children":3364},{"style":315},[3365],{"type":154,"value":389},{"type":145,"tag":150,"props":3367,"children":3368},{},[3369],{"type":145,"tag":166,"props":3370,"children":3371},{},[3372],{"type":154,"value":3373},"Notes:",{"type":145,"tag":793,"props":3375,"children":3376},{},[3377,3403,3421],{"type":145,"tag":797,"props":3378,"children":3379},{},[3380,3382,3387,3389,3394,3396,3401],{"type":154,"value":3381},"For ",{"type":145,"tag":157,"props":3383,"children":3385},{"className":3384},[],[3386],{"type":154,"value":2643},{"type":154,"value":3388}," provider, if images weren't crawled during generation (unreachable modals, pages or dynamic runtime size), changing ",{"type":145,"tag":157,"props":3390,"children":3392},{"className":3391},[],[3393],{"type":154,"value":3215},{"type":154,"value":3395}," from ",{"type":145,"tag":157,"props":3397,"children":3399},{"className":3398},[],[3400],{"type":154,"value":3231},{"type":154,"value":3402}," causes 404 errors.",{"type":145,"tag":797,"props":3404,"children":3405},{},[3406,3407,3412,3414,3419],{"type":154,"value":3381},{"type":145,"tag":157,"props":3408,"children":3410},{"className":3409},[],[3411],{"type":154,"value":2635},{"type":154,"value":3413}," provider, make sure to deploy customized ",{"type":145,"tag":157,"props":3415,"children":3417},{"className":3416},[],[3418],{"type":154,"value":3215},{"type":154,"value":3420}," as well.",{"type":145,"tag":797,"props":3422,"children":3423},{},[3424,3426,3432,3434,3439],{"type":154,"value":3425},"For some providers (like vercel), using a directory other than ",{"type":145,"tag":157,"props":3427,"children":3429},{"className":3428},[],[3430],{"type":154,"value":3431},"public/",{"type":154,"value":3433}," 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":3435,"children":3437},{"className":3436},[],[3438],{"type":154,"value":3431},{"type":154,"value":3440}," directory (deployment URL)",{"type":145,"tag":416,"props":3442,"children":3444},{"id":3443},"alias",[3445],{"type":145,"tag":157,"props":3446,"children":3448},{"className":3447},[],[3449],{"type":154,"value":3443},{"type":145,"tag":150,"props":3451,"children":3452},{},[3453,3455,3461],{"type":154,"value":3454},"This option allows you to specify aliases for ",{"type":145,"tag":157,"props":3456,"children":3458},{"className":3457},[],[3459],{"type":154,"value":3460},"src",{"type":154,"value":1383},{"type":145,"tag":150,"props":3463,"children":3464},{},[3465],{"type":154,"value":3466},"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":3468,"children":3469},{},[3470],{"type":154,"value":3471},"When using other providers, aliases are resolved in runtime and included in HTML. (only the usage is simplified)",{"type":145,"tag":150,"props":3473,"children":3474},{},[3475],{"type":145,"tag":166,"props":3476,"children":3477},{},[3478],{"type":154,"value":3479},"Example:",{"type":145,"tag":220,"props":3481,"children":3483},{"className":285,"code":3482,"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",[3484],{"type":145,"tag":157,"props":3485,"children":3486},{"__ignoreMap":139},[3487,3510,3525,3540,3556,3568,3584,3609,3616,3623],{"type":145,"tag":230,"props":3488,"children":3489},{"class":232,"line":233},[3490,3494,3498,3502,3506],{"type":145,"tag":230,"props":3491,"children":3492},{"style":298},[3493],{"type":154,"value":301},{"type":145,"tag":230,"props":3495,"children":3496},{"style":298},[3497],{"type":154,"value":306},{"type":145,"tag":230,"props":3499,"children":3500},{"style":309},[3501],{"type":154,"value":312},{"type":145,"tag":230,"props":3503,"children":3504},{"style":315},[3505],{"type":154,"value":318},{"type":145,"tag":230,"props":3507,"children":3508},{"style":321},[3509],{"type":154,"value":324},{"type":145,"tag":230,"props":3511,"children":3512},{"class":232,"line":327},[3513,3517,3521],{"type":145,"tag":230,"props":3514,"children":3515},{"style":331},[3516],{"type":154,"value":1047},{"type":145,"tag":230,"props":3518,"children":3519},{"style":321},[3520],{"type":154,"value":282},{"type":145,"tag":230,"props":3522,"children":3523},{"style":321},[3524],{"type":154,"value":462},{"type":145,"tag":230,"props":3526,"children":3527},{"class":232,"line":346},[3528,3532,3536],{"type":145,"tag":230,"props":3529,"children":3530},{"style":331},[3531],{"type":154,"value":1918},{"type":145,"tag":230,"props":3533,"children":3534},{"style":321},[3535],{"type":154,"value":282},{"type":145,"tag":230,"props":3537,"children":3538},{"style":315},[3539],{"type":154,"value":343},{"type":145,"tag":230,"props":3541,"children":3542},{"class":232,"line":369},[3543,3547,3552],{"type":145,"tag":230,"props":3544,"children":3545},{"style":321},[3546],{"type":154,"value":1602},{"type":145,"tag":230,"props":3548,"children":3549},{"style":243},[3550],{"type":154,"value":3551},"images.unsplash.com",{"type":145,"tag":230,"props":3553,"children":3554},{"style":321},[3555],{"type":154,"value":2779},{"type":145,"tag":230,"props":3557,"children":3558},{"class":232,"line":378},[3559,3564],{"type":145,"tag":230,"props":3560,"children":3561},{"style":315},[3562],{"type":154,"value":3563}," ]",{"type":145,"tag":230,"props":3565,"children":3566},{"style":321},[3567],{"type":154,"value":366},{"type":145,"tag":230,"props":3569,"children":3570},{"class":232,"line":645},[3571,3576,3580],{"type":145,"tag":230,"props":3572,"children":3573},{"style":331},[3574],{"type":154,"value":3575}," alias",{"type":145,"tag":230,"props":3577,"children":3578},{"style":321},[3579],{"type":154,"value":282},{"type":145,"tag":230,"props":3581,"children":3582},{"style":321},[3583],{"type":154,"value":462},{"type":145,"tag":230,"props":3585,"children":3586},{"class":232,"line":1656},[3587,3592,3596,3600,3605],{"type":145,"tag":230,"props":3588,"children":3589},{"style":331},[3590],{"type":154,"value":3591}," unsplash",{"type":145,"tag":230,"props":3593,"children":3594},{"style":321},[3595],{"type":154,"value":282},{"type":145,"tag":230,"props":3597,"children":3598},{"style":321},[3599],{"type":154,"value":2088},{"type":145,"tag":230,"props":3601,"children":3602},{"style":243},[3603],{"type":154,"value":3604},"https://images.unsplash.com",{"type":145,"tag":230,"props":3606,"children":3607},{"style":321},[3608],{"type":154,"value":2779},{"type":145,"tag":230,"props":3610,"children":3611},{"class":232,"line":1685},[3612],{"type":145,"tag":230,"props":3613,"children":3614},{"style":321},[3615],{"type":154,"value":2162},{"type":145,"tag":230,"props":3617,"children":3618},{"class":232,"line":1715},[3619],{"type":145,"tag":230,"props":3620,"children":3621},{"style":321},[3622],{"type":154,"value":642},{"type":145,"tag":230,"props":3624,"children":3625},{"class":232,"line":1745},[3626,3630],{"type":145,"tag":230,"props":3627,"children":3628},{"style":321},[3629],{"type":154,"value":384},{"type":145,"tag":230,"props":3631,"children":3632},{"style":315},[3633],{"type":154,"value":389},{"type":145,"tag":150,"props":3635,"children":3636},{},[3637,3642],{"type":145,"tag":166,"props":3638,"children":3639},{},[3640],{"type":154,"value":3641},"Before",{"type":154,"value":3643}," using alias:",{"type":145,"tag":220,"props":3645,"children":3647},{"className":2183,"code":3646,"language":2186,"meta":139,"style":139},"\u003CNuxtImg src=\"https://images.unsplash.com/\u003Cid>\" />\n",[3648],{"type":145,"tag":157,"props":3649,"children":3650},{"__ignoreMap":139},[3651],{"type":145,"tag":230,"props":3652,"children":3653},{"class":232,"line":233},[3654,3658,3662,3666,3670,3674,3679,3683],{"type":145,"tag":230,"props":3655,"children":3656},{"style":321},[3657],{"type":154,"value":2198},{"type":145,"tag":230,"props":3659,"children":3660},{"style":331},[3661],{"type":154,"value":2221},{"type":145,"tag":230,"props":3663,"children":3664},{"style":2224},[3665],{"type":154,"value":2251},{"type":145,"tag":230,"props":3667,"children":3668},{"style":321},[3669],{"type":154,"value":2232},{"type":145,"tag":230,"props":3671,"children":3672},{"style":321},[3673],{"type":154,"value":2237},{"type":145,"tag":230,"props":3675,"children":3676},{"style":243},[3677],{"type":154,"value":3678},"https://images.unsplash.com/\u003Cid>",{"type":145,"tag":230,"props":3680,"children":3681},{"style":321},[3682],{"type":154,"value":2237},{"type":145,"tag":230,"props":3684,"children":3685},{"style":321},[3686],{"type":154,"value":2273},{"type":145,"tag":150,"props":3688,"children":3689},{},[3690],{"type":154,"value":3691},"Generates:",{"type":145,"tag":220,"props":3693,"children":3695},{"className":2183,"code":3694,"language":2186,"meta":139,"style":139},"\u003Cimg src=\"/_ipx/https://images.unsplash.com/\u003Cid>\">\n",[3696],{"type":145,"tag":157,"props":3697,"children":3698},{"__ignoreMap":139},[3699],{"type":145,"tag":230,"props":3700,"children":3701},{"class":232,"line":233},[3702,3706,3711,3715,3719,3723,3728,3732],{"type":145,"tag":230,"props":3703,"children":3704},{"style":321},[3705],{"type":154,"value":2198},{"type":145,"tag":230,"props":3707,"children":3708},{"style":331},[3709],{"type":154,"value":3710},"img",{"type":145,"tag":230,"props":3712,"children":3713},{"style":2224},[3714],{"type":154,"value":2251},{"type":145,"tag":230,"props":3716,"children":3717},{"style":321},[3718],{"type":154,"value":2232},{"type":145,"tag":230,"props":3720,"children":3721},{"style":321},[3722],{"type":154,"value":2237},{"type":145,"tag":230,"props":3724,"children":3725},{"style":243},[3726],{"type":154,"value":3727},"/_ipx/https://images.unsplash.com/\u003Cid>",{"type":145,"tag":230,"props":3729,"children":3730},{"style":321},[3731],{"type":154,"value":2237},{"type":145,"tag":230,"props":3733,"children":3734},{"style":321},[3735],{"type":154,"value":2208},{"type":145,"tag":150,"props":3737,"children":3738},{},[3739,3744],{"type":145,"tag":166,"props":3740,"children":3741},{},[3742],{"type":154,"value":3743},"After",{"type":154,"value":3643},{"type":145,"tag":220,"props":3746,"children":3748},{"className":2183,"code":3747,"language":2186,"meta":139,"style":139},"\u003CNuxtImg src=\"/unsplash/\u003Cid>\" />\n",[3749],{"type":145,"tag":157,"props":3750,"children":3751},{"__ignoreMap":139},[3752],{"type":145,"tag":230,"props":3753,"children":3754},{"class":232,"line":233},[3755,3759,3763,3767,3771,3775,3780,3784],{"type":145,"tag":230,"props":3756,"children":3757},{"style":321},[3758],{"type":154,"value":2198},{"type":145,"tag":230,"props":3760,"children":3761},{"style":331},[3762],{"type":154,"value":2221},{"type":145,"tag":230,"props":3764,"children":3765},{"style":2224},[3766],{"type":154,"value":2251},{"type":145,"tag":230,"props":3768,"children":3769},{"style":321},[3770],{"type":154,"value":2232},{"type":145,"tag":230,"props":3772,"children":3773},{"style":321},[3774],{"type":154,"value":2237},{"type":145,"tag":230,"props":3776,"children":3777},{"style":243},[3778],{"type":154,"value":3779},"/unsplash/\u003Cid>",{"type":145,"tag":230,"props":3781,"children":3782},{"style":321},[3783],{"type":154,"value":2237},{"type":145,"tag":230,"props":3785,"children":3786},{"style":321},[3787],{"type":154,"value":2273},{"type":145,"tag":150,"props":3789,"children":3790},{},[3791],{"type":154,"value":3691},{"type":145,"tag":220,"props":3793,"children":3795},{"className":2183,"code":3794,"language":2186,"meta":139,"style":139},"\u003Cimg src=\"/_ipx/unsplash/\u003Cid>\" />\n",[3796],{"type":145,"tag":157,"props":3797,"children":3798},{"__ignoreMap":139},[3799],{"type":145,"tag":230,"props":3800,"children":3801},{"class":232,"line":233},[3802,3806,3810,3814,3818,3822,3827,3831],{"type":145,"tag":230,"props":3803,"children":3804},{"style":321},[3805],{"type":154,"value":2198},{"type":145,"tag":230,"props":3807,"children":3808},{"style":331},[3809],{"type":154,"value":3710},{"type":145,"tag":230,"props":3811,"children":3812},{"style":2224},[3813],{"type":154,"value":2251},{"type":145,"tag":230,"props":3815,"children":3816},{"style":321},[3817],{"type":154,"value":2232},{"type":145,"tag":230,"props":3819,"children":3820},{"style":321},[3821],{"type":154,"value":2237},{"type":145,"tag":230,"props":3823,"children":3824},{"style":243},[3825],{"type":154,"value":3826},"/_ipx/unsplash/\u003Cid>",{"type":145,"tag":230,"props":3828,"children":3829},{"style":321},[3830],{"type":154,"value":2237},{"type":145,"tag":230,"props":3832,"children":3833},{"style":321},[3834],{"type":154,"value":2273},{"type":145,"tag":150,"props":3836,"children":3837},{},[3838],{"type":154,"value":3839},"Both usage and output are simplified!",{"type":145,"tag":968,"props":3841,"children":3842},{},[3843],{"type":154,"value":972},{"title":139,"searchDepth":327,"depth":327,"links":3845},[3846,3847,3848,3849,3850,3851,3852,3853,3856,3857,3858],{"id":1084,"depth":327,"text":1084},{"id":1187,"depth":327,"text":1187},{"id":1302,"depth":327,"text":1302},{"id":1497,"depth":327,"text":1497},{"id":1854,"depth":327,"text":1854},{"id":1964,"depth":327,"text":1964},{"id":2292,"depth":327,"text":2292},{"id":2619,"depth":327,"text":2619,"children":3854},[3855],{"id":2807,"depth":346,"text":2807},{"id":3044,"depth":327,"text":3044},{"id":3215,"depth":327,"text":3215},{"id":3443,"depth":327,"text":3443},"content:1.get-started:2.configuration.md","1.get-started/2.configuration.md",1713782163435]