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