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