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