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