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