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