[{"data":1,"prerenderedAt":1588},["Reactive",2],{"navigation":3,"docs-/advanced/custom-provider":136,"docs-/advanced/custom-provider-surround":1297},[4,20,33,126],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Glide","/providers/glide",{"title":73,"_path":74},"Gumlet","/providers/gumlet",{"title":76,"_path":77},"Hygraph","/providers/hygraph",{"title":79,"_path":80},"ImageEngine","/providers/imageengine",{"title":82,"_path":83},"ImageKit","/providers/imagekit",{"title":85,"_path":86},"Imgix","/providers/imgix",{"title":88,"_path":89},"IPX","/providers/ipx",{"title":91,"_path":92},"Netlify","/providers/netlify",{"title":94,"_path":95},"Prepr","/providers/prepr",{"title":97,"_path":98},"Prismic","/providers/prismic",{"title":100,"_path":101},"Sanity","/providers/sanity",{"title":103,"_path":104},"Sirv","/providers/sirv",{"title":106,"_path":107},"Storyblok","/providers/storyblok",{"title":109,"_path":110},"Strapi","/providers/strapi",{"title":112,"_path":113},"Twicpics","/providers/twicpics",{"title":115,"_path":116},"Unsplash","/providers/unsplash",{"title":118,"_path":119},"Uploadcare","/providers/uploadcare",{"title":121,"_path":122},"Vercel","/providers/vercel",{"title":124,"_path":125},"Weserv","/providers/weserv",{"title":127,"_path":128,"children":129},"Advanced","/advanced",[130,133],{"title":131,"_path":132},"Custom Provider","/advanced/custom-provider",{"title":134,"_path":135},"Static Images","/advanced/static-images",{"_path":132,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":131,"description":140,"body":141,"_type":1292,"_id":1293,"_source":1294,"_file":1295,"_extension":1296},"advanced",false,"","If a CDN provider is not supported, you can define it yourself.",{"type":142,"children":143,"toc":1282},"root",[144,153,159,746,753,836,854,860,874,880,886,906,1157,1179,1184,1197,1276],{"type":145,"tag":146,"props":147,"children":149},"element","h2",{"id":148},"provider-entry",[150],{"type":151,"value":152},"text","Provider Entry",{"type":145,"tag":154,"props":155,"children":156},"p",{},[157],{"type":151,"value":158},"The runtime will receive a source, image modifiers and its provider options. It is responsible for generating a url for optimized images, and needs to be isomorphic because it may be called on either server or client.",{"type":145,"tag":160,"props":161,"children":166},"pre",{"className":162,"code":163,"filename":164,"language":165,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { joinURL } from 'ufo'\nimport type { ProviderGetImage } from '@nuxt/image'\nimport { createOperationsGenerator } from '#image'\n\nconst operationsGenerator = createOperationsGenerator()\n\nexport const getImage: ProviderGetImage = (\n  src,\n  { modifiers = {}, baseURL } = {}\n) => {\n\n  if (!baseURL) {\n    // also support runtime config \n    baseURL = useRuntimeConfig().public.siteUrl\n  }\n\n  const operations = operationsGenerator(modifiers)\n\n  return {\n    url: joinURL(baseURL, src + (operations ? '?' + operations : '')),\n  }\n}\n","providers/my-provider.ts","ts",[167],{"type":145,"tag":168,"props":169,"children":170},"code",{"__ignoreMap":139},[171,221,264,302,312,342,350,389,404,445,464,472,506,516,558,567,575,613,621,634,729,737],{"type":145,"tag":172,"props":173,"children":176},"span",{"class":174,"line":175},"line",1,[177,183,189,195,200,205,210,216],{"type":145,"tag":172,"props":178,"children":180},{"style":179},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[181],{"type":151,"value":182},"import",{"type":145,"tag":172,"props":184,"children":186},{"style":185},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[187],{"type":151,"value":188}," {",{"type":145,"tag":172,"props":190,"children":192},{"style":191},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[193],{"type":151,"value":194}," joinURL",{"type":145,"tag":172,"props":196,"children":197},{"style":185},[198],{"type":151,"value":199}," }",{"type":145,"tag":172,"props":201,"children":202},{"style":179},[203],{"type":151,"value":204}," from",{"type":145,"tag":172,"props":206,"children":207},{"style":185},[208],{"type":151,"value":209}," '",{"type":145,"tag":172,"props":211,"children":213},{"style":212},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[214],{"type":151,"value":215},"ufo",{"type":145,"tag":172,"props":217,"children":218},{"style":185},[219],{"type":151,"value":220},"'\n",{"type":145,"tag":172,"props":222,"children":224},{"class":174,"line":223},2,[225,229,234,238,243,247,251,255,260],{"type":145,"tag":172,"props":226,"children":227},{"style":179},[228],{"type":151,"value":182},{"type":145,"tag":172,"props":230,"children":231},{"style":179},[232],{"type":151,"value":233}," type",{"type":145,"tag":172,"props":235,"children":236},{"style":185},[237],{"type":151,"value":188},{"type":145,"tag":172,"props":239,"children":240},{"style":191},[241],{"type":151,"value":242}," ProviderGetImage",{"type":145,"tag":172,"props":244,"children":245},{"style":185},[246],{"type":151,"value":199},{"type":145,"tag":172,"props":248,"children":249},{"style":179},[250],{"type":151,"value":204},{"type":145,"tag":172,"props":252,"children":253},{"style":185},[254],{"type":151,"value":209},{"type":145,"tag":172,"props":256,"children":257},{"style":212},[258],{"type":151,"value":259},"@nuxt/image",{"type":145,"tag":172,"props":261,"children":262},{"style":185},[263],{"type":151,"value":220},{"type":145,"tag":172,"props":265,"children":267},{"class":174,"line":266},3,[268,272,276,281,285,289,293,298],{"type":145,"tag":172,"props":269,"children":270},{"style":179},[271],{"type":151,"value":182},{"type":145,"tag":172,"props":273,"children":274},{"style":185},[275],{"type":151,"value":188},{"type":145,"tag":172,"props":277,"children":278},{"style":191},[279],{"type":151,"value":280}," createOperationsGenerator",{"type":145,"tag":172,"props":282,"children":283},{"style":185},[284],{"type":151,"value":199},{"type":145,"tag":172,"props":286,"children":287},{"style":179},[288],{"type":151,"value":204},{"type":145,"tag":172,"props":290,"children":291},{"style":185},[292],{"type":151,"value":209},{"type":145,"tag":172,"props":294,"children":295},{"style":212},[296],{"type":151,"value":297},"#image",{"type":145,"tag":172,"props":299,"children":300},{"style":185},[301],{"type":151,"value":220},{"type":145,"tag":172,"props":303,"children":305},{"class":174,"line":304},4,[306],{"type":145,"tag":172,"props":307,"children":309},{"emptyLinePlaceholder":308},true,[310],{"type":151,"value":311},"\n",{"type":145,"tag":172,"props":313,"children":315},{"class":174,"line":314},5,[316,322,327,332,337],{"type":145,"tag":172,"props":317,"children":319},{"style":318},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[320],{"type":151,"value":321},"const",{"type":145,"tag":172,"props":323,"children":324},{"style":191},[325],{"type":151,"value":326}," operationsGenerator ",{"type":145,"tag":172,"props":328,"children":329},{"style":185},[330],{"type":151,"value":331},"=",{"type":145,"tag":172,"props":333,"children":335},{"style":334},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[336],{"type":151,"value":280},{"type":145,"tag":172,"props":338,"children":339},{"style":191},[340],{"type":151,"value":341},"()\n",{"type":145,"tag":172,"props":343,"children":345},{"class":174,"line":344},6,[346],{"type":145,"tag":172,"props":347,"children":348},{"emptyLinePlaceholder":308},[349],{"type":151,"value":311},{"type":145,"tag":172,"props":351,"children":353},{"class":174,"line":352},7,[354,359,364,369,374,379,384],{"type":145,"tag":172,"props":355,"children":356},{"style":179},[357],{"type":151,"value":358},"export",{"type":145,"tag":172,"props":360,"children":361},{"style":318},[362],{"type":151,"value":363}," const",{"type":145,"tag":172,"props":365,"children":366},{"style":191},[367],{"type":151,"value":368}," getImage",{"type":145,"tag":172,"props":370,"children":371},{"style":185},[372],{"type":151,"value":373},":",{"type":145,"tag":172,"props":375,"children":377},{"style":376},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[378],{"type":151,"value":242},{"type":145,"tag":172,"props":380,"children":381},{"style":185},[382],{"type":151,"value":383}," =",{"type":145,"tag":172,"props":385,"children":386},{"style":191},[387],{"type":151,"value":388}," (\n",{"type":145,"tag":172,"props":390,"children":392},{"class":174,"line":391},8,[393,399],{"type":145,"tag":172,"props":394,"children":396},{"style":395},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[397],{"type":151,"value":398},"  src",{"type":145,"tag":172,"props":400,"children":401},{"style":185},[402],{"type":151,"value":403},",\n",{"type":145,"tag":172,"props":405,"children":407},{"class":174,"line":406},9,[408,413,418,422,427,432,436,440],{"type":145,"tag":172,"props":409,"children":410},{"style":185},[411],{"type":151,"value":412},"  {",{"type":145,"tag":172,"props":414,"children":415},{"style":395},[416],{"type":151,"value":417}," modifiers",{"type":145,"tag":172,"props":419,"children":420},{"style":185},[421],{"type":151,"value":383},{"type":145,"tag":172,"props":423,"children":424},{"style":185},[425],{"type":151,"value":426}," {},",{"type":145,"tag":172,"props":428,"children":429},{"style":395},[430],{"type":151,"value":431}," baseURL",{"type":145,"tag":172,"props":433,"children":434},{"style":185},[435],{"type":151,"value":199},{"type":145,"tag":172,"props":437,"children":438},{"style":185},[439],{"type":151,"value":383},{"type":145,"tag":172,"props":441,"children":442},{"style":185},[443],{"type":151,"value":444}," {}\n",{"type":145,"tag":172,"props":446,"children":448},{"class":174,"line":447},10,[449,454,459],{"type":145,"tag":172,"props":450,"children":451},{"style":191},[452],{"type":151,"value":453},") ",{"type":145,"tag":172,"props":455,"children":456},{"style":318},[457],{"type":151,"value":458},"=>",{"type":145,"tag":172,"props":460,"children":461},{"style":185},[462],{"type":151,"value":463}," {\n",{"type":145,"tag":172,"props":465,"children":467},{"class":174,"line":466},11,[468],{"type":145,"tag":172,"props":469,"children":470},{"emptyLinePlaceholder":308},[471],{"type":151,"value":311},{"type":145,"tag":172,"props":473,"children":475},{"class":174,"line":474},12,[476,481,487,492,497,501],{"type":145,"tag":172,"props":477,"children":478},{"style":179},[479],{"type":151,"value":480},"  if",{"type":145,"tag":172,"props":482,"children":484},{"style":483},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[485],{"type":151,"value":486}," (",{"type":145,"tag":172,"props":488,"children":489},{"style":185},[490],{"type":151,"value":491},"!",{"type":145,"tag":172,"props":493,"children":494},{"style":191},[495],{"type":151,"value":496},"baseURL",{"type":145,"tag":172,"props":498,"children":499},{"style":483},[500],{"type":151,"value":453},{"type":145,"tag":172,"props":502,"children":503},{"style":185},[504],{"type":151,"value":505},"{\n",{"type":145,"tag":172,"props":507,"children":509},{"class":174,"line":508},13,[510],{"type":145,"tag":172,"props":511,"children":513},{"style":512},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[514],{"type":151,"value":515},"    // also support runtime config \n",{"type":145,"tag":172,"props":517,"children":519},{"class":174,"line":518},14,[520,525,529,534,539,544,549,553],{"type":145,"tag":172,"props":521,"children":522},{"style":191},[523],{"type":151,"value":524},"    baseURL",{"type":145,"tag":172,"props":526,"children":527},{"style":185},[528],{"type":151,"value":383},{"type":145,"tag":172,"props":530,"children":531},{"style":334},[532],{"type":151,"value":533}," useRuntimeConfig",{"type":145,"tag":172,"props":535,"children":536},{"style":483},[537],{"type":151,"value":538},"()",{"type":145,"tag":172,"props":540,"children":541},{"style":185},[542],{"type":151,"value":543},".",{"type":145,"tag":172,"props":545,"children":546},{"style":191},[547],{"type":151,"value":548},"public",{"type":145,"tag":172,"props":550,"children":551},{"style":185},[552],{"type":151,"value":543},{"type":145,"tag":172,"props":554,"children":555},{"style":191},[556],{"type":151,"value":557},"siteUrl\n",{"type":145,"tag":172,"props":559,"children":561},{"class":174,"line":560},15,[562],{"type":145,"tag":172,"props":563,"children":564},{"style":185},[565],{"type":151,"value":566},"  }\n",{"type":145,"tag":172,"props":568,"children":570},{"class":174,"line":569},16,[571],{"type":145,"tag":172,"props":572,"children":573},{"emptyLinePlaceholder":308},[574],{"type":151,"value":311},{"type":145,"tag":172,"props":576,"children":578},{"class":174,"line":577},17,[579,584,589,593,598,603,608],{"type":145,"tag":172,"props":580,"children":581},{"style":318},[582],{"type":151,"value":583},"  const",{"type":145,"tag":172,"props":585,"children":586},{"style":191},[587],{"type":151,"value":588}," operations",{"type":145,"tag":172,"props":590,"children":591},{"style":185},[592],{"type":151,"value":383},{"type":145,"tag":172,"props":594,"children":595},{"style":334},[596],{"type":151,"value":597}," operationsGenerator",{"type":145,"tag":172,"props":599,"children":600},{"style":483},[601],{"type":151,"value":602},"(",{"type":145,"tag":172,"props":604,"children":605},{"style":191},[606],{"type":151,"value":607},"modifiers",{"type":145,"tag":172,"props":609,"children":610},{"style":483},[611],{"type":151,"value":612},")\n",{"type":145,"tag":172,"props":614,"children":616},{"class":174,"line":615},18,[617],{"type":145,"tag":172,"props":618,"children":619},{"emptyLinePlaceholder":308},[620],{"type":151,"value":311},{"type":145,"tag":172,"props":622,"children":624},{"class":174,"line":623},19,[625,630],{"type":145,"tag":172,"props":626,"children":627},{"style":179},[628],{"type":151,"value":629},"  return",{"type":145,"tag":172,"props":631,"children":632},{"style":185},[633],{"type":151,"value":463},{"type":145,"tag":172,"props":635,"children":637},{"class":174,"line":636},20,[638,643,647,651,655,659,664,669,674,678,683,688,692,697,702,706,710,715,720,725],{"type":145,"tag":172,"props":639,"children":640},{"style":483},[641],{"type":151,"value":642},"    url",{"type":145,"tag":172,"props":644,"children":645},{"style":185},[646],{"type":151,"value":373},{"type":145,"tag":172,"props":648,"children":649},{"style":334},[650],{"type":151,"value":194},{"type":145,"tag":172,"props":652,"children":653},{"style":483},[654],{"type":151,"value":602},{"type":145,"tag":172,"props":656,"children":657},{"style":191},[658],{"type":151,"value":496},{"type":145,"tag":172,"props":660,"children":661},{"style":185},[662],{"type":151,"value":663},",",{"type":145,"tag":172,"props":665,"children":666},{"style":191},[667],{"type":151,"value":668}," src",{"type":145,"tag":172,"props":670,"children":671},{"style":185},[672],{"type":151,"value":673}," +",{"type":145,"tag":172,"props":675,"children":676},{"style":483},[677],{"type":151,"value":486},{"type":145,"tag":172,"props":679,"children":680},{"style":191},[681],{"type":151,"value":682},"operations",{"type":145,"tag":172,"props":684,"children":685},{"style":185},[686],{"type":151,"value":687}," ?",{"type":145,"tag":172,"props":689,"children":690},{"style":185},[691],{"type":151,"value":209},{"type":145,"tag":172,"props":693,"children":694},{"style":212},[695],{"type":151,"value":696},"?",{"type":145,"tag":172,"props":698,"children":699},{"style":185},[700],{"type":151,"value":701},"'",{"type":145,"tag":172,"props":703,"children":704},{"style":185},[705],{"type":151,"value":673},{"type":145,"tag":172,"props":707,"children":708},{"style":191},[709],{"type":151,"value":588},{"type":145,"tag":172,"props":711,"children":712},{"style":185},[713],{"type":151,"value":714}," :",{"type":145,"tag":172,"props":716,"children":717},{"style":185},[718],{"type":151,"value":719}," ''",{"type":145,"tag":172,"props":721,"children":722},{"style":483},[723],{"type":151,"value":724},"))",{"type":145,"tag":172,"props":726,"children":727},{"style":185},[728],{"type":151,"value":403},{"type":145,"tag":172,"props":730,"children":732},{"class":174,"line":731},21,[733],{"type":145,"tag":172,"props":734,"children":735},{"style":185},[736],{"type":151,"value":566},{"type":145,"tag":172,"props":738,"children":740},{"class":174,"line":739},22,[741],{"type":145,"tag":172,"props":742,"children":743},{"style":185},[744],{"type":151,"value":745},"}\n",{"type":145,"tag":747,"props":748,"children":750},"h3",{"id":749},"parameters",[751],{"type":151,"value":752},"Parameters",{"type":145,"tag":754,"props":755,"children":756},"ul",{},[757,769,779],{"type":145,"tag":758,"props":759,"children":760},"li",{},[761,767],{"type":145,"tag":168,"props":762,"children":764},{"className":763},[],[765],{"type":151,"value":766},"src",{"type":151,"value":768},": Source path of the image.",{"type":145,"tag":758,"props":770,"children":771},{},[772,777],{"type":145,"tag":168,"props":773,"children":775},{"className":774},[],[776],{"type":151,"value":607},{"type":151,"value":778},": List of image modifiers that are defined in the image component or as a preset.",{"type":145,"tag":758,"props":780,"children":781},{},[782,788,790,796,798],{"type":145,"tag":168,"props":783,"children":785},{"className":784},[],[786],{"type":151,"value":787},"ctx",{"type":151,"value":789},": (",{"type":145,"tag":168,"props":791,"children":793},{"className":792},[],[794],{"type":151,"value":795},"ImageCTX",{"type":151,"value":797},") Image module runtime context\n",{"type":145,"tag":754,"props":799,"children":800},{},[801,819],{"type":145,"tag":758,"props":802,"children":803},{},[804,810,811,817],{"type":145,"tag":168,"props":805,"children":807},{"className":806},[],[808],{"type":151,"value":809},"options",{"type":151,"value":789},{"type":145,"tag":168,"props":812,"children":814},{"className":813},[],[815],{"type":151,"value":816},"CreateImageOptions",{"type":151,"value":818},") Image module global runtime options",{"type":145,"tag":758,"props":820,"children":821},{},[822,828,830],{"type":145,"tag":168,"props":823,"children":825},{"className":824},[],[826],{"type":151,"value":827},"$img",{"type":151,"value":829},": The ",{"type":145,"tag":831,"props":832,"children":833},"a",{"href":32},[834],{"type":151,"value":835},"$img helper",{"type":145,"tag":154,"props":837,"children":838},{},[839,845,847,852],{"type":145,"tag":840,"props":841,"children":842},"strong",{},[843],{"type":151,"value":844},"Note:",{"type":151,"value":846}," Values in ",{"type":145,"tag":168,"props":848,"children":850},{"className":849},[],[851],{"type":151,"value":787},{"type":151,"value":853}," might change. Use it with caution.",{"type":145,"tag":747,"props":855,"children":857},{"id":856},"return",[858],{"type":151,"value":859},"Return",{"type":145,"tag":754,"props":861,"children":862},{},[863],{"type":145,"tag":758,"props":864,"children":865},{},[866,872],{"type":145,"tag":168,"props":867,"children":869},{"className":868},[],[870],{"type":151,"value":871},"url",{"type":151,"value":873},": Absolute or relative url of optimized image.",{"type":145,"tag":146,"props":875,"children":877},{"id":876},"use-your-provider",[878],{"type":151,"value":879},"Use your provider",{"type":145,"tag":747,"props":881,"children":883},{"id":882},"register-provider",[884],{"type":151,"value":885},"Register provider",{"type":145,"tag":154,"props":887,"children":888},{},[889,891,897,899,905],{"type":151,"value":890},"After you create your own provider, you should register it in the ",{"type":145,"tag":168,"props":892,"children":894},{"className":893},[],[895],{"type":151,"value":896},"nuxt.config",{"type":151,"value":898},". In order to do that create a property inside ",{"type":145,"tag":168,"props":900,"children":902},{"className":901},[],[903],{"type":151,"value":904},"image.provider",{"type":151,"value":543},{"type":145,"tag":160,"props":907,"children":910},{"className":162,"code":908,"filename":909,"language":165,"meta":139,"style":139},"export default defineNuxtConfig({\n  // ...\n  image: {\n    providers: {\n      myProvider: {\n        name: 'myProvider', // optional value to overrider provider name\n        provider: '~/providers/my-provider.ts', // Path to custom provider\n        options: {\n          // ... provider options\n          baseURL: \"https://site.com\"\n        }\n      }\n    }\n  }\n})\n","nuxt.config.ts",[911],{"type":145,"tag":168,"props":912,"children":913},{"__ignoreMap":139},[914,939,947,963,979,995,1029,1063,1079,1087,1114,1122,1130,1138,1145],{"type":145,"tag":172,"props":915,"children":916},{"class":174,"line":175},[917,921,926,931,935],{"type":145,"tag":172,"props":918,"children":919},{"style":179},[920],{"type":151,"value":358},{"type":145,"tag":172,"props":922,"children":923},{"style":179},[924],{"type":151,"value":925}," default",{"type":145,"tag":172,"props":927,"children":928},{"style":334},[929],{"type":151,"value":930}," defineNuxtConfig",{"type":145,"tag":172,"props":932,"children":933},{"style":191},[934],{"type":151,"value":602},{"type":145,"tag":172,"props":936,"children":937},{"style":185},[938],{"type":151,"value":505},{"type":145,"tag":172,"props":940,"children":941},{"class":174,"line":223},[942],{"type":145,"tag":172,"props":943,"children":944},{"style":512},[945],{"type":151,"value":946},"  // ...\n",{"type":145,"tag":172,"props":948,"children":949},{"class":174,"line":266},[950,955,959],{"type":145,"tag":172,"props":951,"children":952},{"style":483},[953],{"type":151,"value":954},"  image",{"type":145,"tag":172,"props":956,"children":957},{"style":185},[958],{"type":151,"value":373},{"type":145,"tag":172,"props":960,"children":961},{"style":185},[962],{"type":151,"value":463},{"type":145,"tag":172,"props":964,"children":965},{"class":174,"line":304},[966,971,975],{"type":145,"tag":172,"props":967,"children":968},{"style":483},[969],{"type":151,"value":970},"    providers",{"type":145,"tag":172,"props":972,"children":973},{"style":185},[974],{"type":151,"value":373},{"type":145,"tag":172,"props":976,"children":977},{"style":185},[978],{"type":151,"value":463},{"type":145,"tag":172,"props":980,"children":981},{"class":174,"line":314},[982,987,991],{"type":145,"tag":172,"props":983,"children":984},{"style":483},[985],{"type":151,"value":986},"      myProvider",{"type":145,"tag":172,"props":988,"children":989},{"style":185},[990],{"type":151,"value":373},{"type":145,"tag":172,"props":992,"children":993},{"style":185},[994],{"type":151,"value":463},{"type":145,"tag":172,"props":996,"children":997},{"class":174,"line":344},[998,1003,1007,1011,1016,1020,1024],{"type":145,"tag":172,"props":999,"children":1000},{"style":483},[1001],{"type":151,"value":1002},"        name",{"type":145,"tag":172,"props":1004,"children":1005},{"style":185},[1006],{"type":151,"value":373},{"type":145,"tag":172,"props":1008,"children":1009},{"style":185},[1010],{"type":151,"value":209},{"type":145,"tag":172,"props":1012,"children":1013},{"style":212},[1014],{"type":151,"value":1015},"myProvider",{"type":145,"tag":172,"props":1017,"children":1018},{"style":185},[1019],{"type":151,"value":701},{"type":145,"tag":172,"props":1021,"children":1022},{"style":185},[1023],{"type":151,"value":663},{"type":145,"tag":172,"props":1025,"children":1026},{"style":512},[1027],{"type":151,"value":1028}," // optional value to overrider provider name\n",{"type":145,"tag":172,"props":1030,"children":1031},{"class":174,"line":352},[1032,1037,1041,1045,1050,1054,1058],{"type":145,"tag":172,"props":1033,"children":1034},{"style":483},[1035],{"type":151,"value":1036},"        provider",{"type":145,"tag":172,"props":1038,"children":1039},{"style":185},[1040],{"type":151,"value":373},{"type":145,"tag":172,"props":1042,"children":1043},{"style":185},[1044],{"type":151,"value":209},{"type":145,"tag":172,"props":1046,"children":1047},{"style":212},[1048],{"type":151,"value":1049},"~/providers/my-provider.ts",{"type":145,"tag":172,"props":1051,"children":1052},{"style":185},[1053],{"type":151,"value":701},{"type":145,"tag":172,"props":1055,"children":1056},{"style":185},[1057],{"type":151,"value":663},{"type":145,"tag":172,"props":1059,"children":1060},{"style":512},[1061],{"type":151,"value":1062}," // Path to custom provider\n",{"type":145,"tag":172,"props":1064,"children":1065},{"class":174,"line":391},[1066,1071,1075],{"type":145,"tag":172,"props":1067,"children":1068},{"style":483},[1069],{"type":151,"value":1070},"        options",{"type":145,"tag":172,"props":1072,"children":1073},{"style":185},[1074],{"type":151,"value":373},{"type":145,"tag":172,"props":1076,"children":1077},{"style":185},[1078],{"type":151,"value":463},{"type":145,"tag":172,"props":1080,"children":1081},{"class":174,"line":406},[1082],{"type":145,"tag":172,"props":1083,"children":1084},{"style":512},[1085],{"type":151,"value":1086},"          // ... provider options\n",{"type":145,"tag":172,"props":1088,"children":1089},{"class":174,"line":447},[1090,1095,1099,1104,1109],{"type":145,"tag":172,"props":1091,"children":1092},{"style":483},[1093],{"type":151,"value":1094},"          baseURL",{"type":145,"tag":172,"props":1096,"children":1097},{"style":185},[1098],{"type":151,"value":373},{"type":145,"tag":172,"props":1100,"children":1101},{"style":185},[1102],{"type":151,"value":1103}," \"",{"type":145,"tag":172,"props":1105,"children":1106},{"style":212},[1107],{"type":151,"value":1108},"https://site.com",{"type":145,"tag":172,"props":1110,"children":1111},{"style":185},[1112],{"type":151,"value":1113},"\"\n",{"type":145,"tag":172,"props":1115,"children":1116},{"class":174,"line":466},[1117],{"type":145,"tag":172,"props":1118,"children":1119},{"style":185},[1120],{"type":151,"value":1121},"        }\n",{"type":145,"tag":172,"props":1123,"children":1124},{"class":174,"line":474},[1125],{"type":145,"tag":172,"props":1126,"children":1127},{"style":185},[1128],{"type":151,"value":1129},"      }\n",{"type":145,"tag":172,"props":1131,"children":1132},{"class":174,"line":508},[1133],{"type":145,"tag":172,"props":1134,"children":1135},{"style":185},[1136],{"type":151,"value":1137},"    }\n",{"type":145,"tag":172,"props":1139,"children":1140},{"class":174,"line":518},[1141],{"type":145,"tag":172,"props":1142,"children":1143},{"style":185},[1144],{"type":151,"value":566},{"type":145,"tag":172,"props":1146,"children":1147},{"class":174,"line":560},[1148,1153],{"type":145,"tag":172,"props":1149,"children":1150},{"style":185},[1151],{"type":151,"value":1152},"}",{"type":145,"tag":172,"props":1154,"children":1155},{"style":191},[1156],{"type":151,"value":612},{"type":145,"tag":154,"props":1158,"children":1159},{},[1160,1162,1167,1169,1177],{"type":151,"value":1161},"There are plenty of useful utilities that can be used to write providers by importing from ",{"type":145,"tag":168,"props":1163,"children":1165},{"className":1164},[],[1166],{"type":151,"value":297},{"type":151,"value":1168},". See ",{"type":145,"tag":831,"props":1170,"children":1174},{"href":1171,"rel":1172},"https://github.com/nuxt/image/tree/dev/src/runtime/providers",[1173],"nofollow",[1175],{"type":151,"value":1176},"src/runtime/providers",{"type":151,"value":1178}," for more info.",{"type":145,"tag":747,"props":1180,"children":1182},{"id":1181},"usage",[1183],{"type":151,"value":21},{"type":145,"tag":154,"props":1185,"children":1186},{},[1187,1189,1195],{"type":151,"value":1188},"Set attribute ",{"type":145,"tag":168,"props":1190,"children":1192},{"className":1191},[],[1193],{"type":151,"value":1194},"provider",{"type":151,"value":1196}," as your custom provider name.",{"type":145,"tag":160,"props":1198,"children":1203},{"className":1199,"code":1200,"filename":1201,"language":1202,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg provider=\"myProvider\" src=\"/image.png\" >\n\u003C!-- \u003Cimg src=\"https://site.com/image.png\" /> -->\n","pages/index.vue","vue",[1204],{"type":145,"tag":168,"props":1205,"children":1206},{"__ignoreMap":139},[1207,1268],{"type":145,"tag":172,"props":1208,"children":1209},{"class":174,"line":175},[1210,1215,1220,1225,1229,1234,1238,1242,1246,1250,1254,1259,1263],{"type":145,"tag":172,"props":1211,"children":1212},{"style":185},[1213],{"type":151,"value":1214},"\u003C",{"type":145,"tag":172,"props":1216,"children":1217},{"style":483},[1218],{"type":151,"value":1219},"NuxtImg",{"type":145,"tag":172,"props":1221,"children":1222},{"style":318},[1223],{"type":151,"value":1224}," provider",{"type":145,"tag":172,"props":1226,"children":1227},{"style":185},[1228],{"type":151,"value":331},{"type":145,"tag":172,"props":1230,"children":1231},{"style":185},[1232],{"type":151,"value":1233},"\"",{"type":145,"tag":172,"props":1235,"children":1236},{"style":212},[1237],{"type":151,"value":1015},{"type":145,"tag":172,"props":1239,"children":1240},{"style":185},[1241],{"type":151,"value":1233},{"type":145,"tag":172,"props":1243,"children":1244},{"style":318},[1245],{"type":151,"value":668},{"type":145,"tag":172,"props":1247,"children":1248},{"style":185},[1249],{"type":151,"value":331},{"type":145,"tag":172,"props":1251,"children":1252},{"style":185},[1253],{"type":151,"value":1233},{"type":145,"tag":172,"props":1255,"children":1256},{"style":212},[1257],{"type":151,"value":1258},"/image.png",{"type":145,"tag":172,"props":1260,"children":1261},{"style":185},[1262],{"type":151,"value":1233},{"type":145,"tag":172,"props":1264,"children":1265},{"style":185},[1266],{"type":151,"value":1267}," >\n",{"type":145,"tag":172,"props":1269,"children":1270},{"class":174,"line":223},[1271],{"type":145,"tag":172,"props":1272,"children":1273},{"style":191},[1274],{"type":151,"value":1275},"\u003C!-- \u003Cimg src=\"https://site.com/image.png\" /> -->\n",{"type":145,"tag":1277,"props":1278,"children":1279},"style",{},[1280],{"type":151,"value":1281},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":139,"searchDepth":223,"depth":223,"links":1283},[1284,1288],{"id":148,"depth":223,"text":152,"children":1285},[1286,1287],{"id":749,"depth":266,"text":752},{"id":856,"depth":266,"text":859},{"id":876,"depth":223,"text":879,"children":1289},[1290,1291],{"id":882,"depth":266,"text":885},{"id":1181,"depth":266,"text":21},"markdown","content:4.advanced:1.custom-provider.md","content","4.advanced/1.custom-provider.md","md",[1298,1347],{"_path":125,"_dir":1299,"_draft":138,"_partial":138,"_locale":139,"title":124,"description":1300,"body":1301,"_type":1292,"_id":1345,"_source":1294,"_file":1346,"_extension":1296},"providers","Optimize images with Weserv's dynamic image transformation service.",{"type":142,"children":1302,"toc":1342},[1303,1308,1313],{"type":145,"tag":154,"props":1304,"children":1305},{},[1306],{"type":151,"value":1307},"Weserv offers a wide range of image transformation for all JPEG, PNG, and GIF files.",{"type":145,"tag":146,"props":1309,"children":1310},{"id":607},[1311],{"type":151,"value":1312},"Modifiers",{"type":145,"tag":154,"props":1314,"children":1315},{},[1316,1318,1324,1326,1332,1334,1341],{"type":151,"value":1317},"In addition to ",{"type":145,"tag":168,"props":1319,"children":1321},{"className":1320},[],[1322],{"type":151,"value":1323},"height",{"type":151,"value":1325}," and ",{"type":145,"tag":168,"props":1327,"children":1329},{"className":1328},[],[1330],{"type":151,"value":1331},"width",{"type":151,"value":1333},", the Weserv provider supports numerous modifiers documented ",{"type":145,"tag":831,"props":1335,"children":1338},{"href":1336,"rel":1337},"https://images.weserv.nl/docs/quick-reference.html",[1173],[1339],{"type":151,"value":1340},"here",{"type":151,"value":543},{"title":139,"searchDepth":223,"depth":223,"links":1343},[1344],{"id":607,"depth":223,"text":1312},"content:3.providers:weserv.md","3.providers/weserv.md",{"_path":135,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":134,"description":1348,"body":1349,"_type":1292,"_id":1586,"_source":1294,"_file":1587,"_extension":1296},"Optimizing images for static websites.",{"type":142,"children":1350,"toc":1584},[1351,1364,1384,1397,1580],{"type":145,"tag":154,"props":1352,"children":1353},{},[1354,1356,1362],{"type":151,"value":1355},"If you are building a static site using ",{"type":145,"tag":168,"props":1357,"children":1359},{"className":1358},[],[1360],{"type":151,"value":1361},"nuxt generate",{"type":151,"value":1363},", Nuxt Image will optimize and save your images locally when your site is generated - and deploy them alongside your generated pages.",{"type":145,"tag":154,"props":1365,"children":1366},{},[1367,1369,1375,1377,1382],{"type":151,"value":1368},"If you disabled server-side rendering (",{"type":145,"tag":168,"props":1370,"children":1372},{"className":1371},[],[1373],{"type":151,"value":1374},"ssr: false",{"type":151,"value":1376}," in the ",{"type":145,"tag":168,"props":1378,"children":1380},{"className":1379},[],[1381],{"type":151,"value":896},{"type":151,"value":1383},"), Nuxt Image won't be able to optimize your images during the static generation process.",{"type":145,"tag":154,"props":1385,"children":1386},{},[1387,1389,1395],{"type":151,"value":1388},"In that case, you can tell Nuxt to pre-render images by using the ",{"type":145,"tag":168,"props":1390,"children":1392},{"className":1391},[],[1393],{"type":151,"value":1394},"nitro.prerender.routes",{"type":151,"value":1396}," option:",{"type":145,"tag":160,"props":1398,"children":1400},{"className":162,"code":1399,"language":165,"meta":139,"style":139},"export default defineNuxtConfig({\n  ssr: false,\n  nitro: {\n    prerender: {\n      routes: [\n        '/_ipx/w_120/market.jpg',\n        '/_ipx/w_140/market.jpg',\n        // etc.\n      ]\n    }\n  }\n})\n",[1401],{"type":145,"tag":168,"props":1402,"children":1403},{"__ignoreMap":139},[1404,1427,1449,1465,1481,1498,1519,1539,1547,1555,1562,1569],{"type":145,"tag":172,"props":1405,"children":1406},{"class":174,"line":175},[1407,1411,1415,1419,1423],{"type":145,"tag":172,"props":1408,"children":1409},{"style":179},[1410],{"type":151,"value":358},{"type":145,"tag":172,"props":1412,"children":1413},{"style":179},[1414],{"type":151,"value":925},{"type":145,"tag":172,"props":1416,"children":1417},{"style":334},[1418],{"type":151,"value":930},{"type":145,"tag":172,"props":1420,"children":1421},{"style":191},[1422],{"type":151,"value":602},{"type":145,"tag":172,"props":1424,"children":1425},{"style":185},[1426],{"type":151,"value":505},{"type":145,"tag":172,"props":1428,"children":1429},{"class":174,"line":223},[1430,1435,1439,1445],{"type":145,"tag":172,"props":1431,"children":1432},{"style":483},[1433],{"type":151,"value":1434},"  ssr",{"type":145,"tag":172,"props":1436,"children":1437},{"style":185},[1438],{"type":151,"value":373},{"type":145,"tag":172,"props":1440,"children":1442},{"style":1441},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1443],{"type":151,"value":1444}," false",{"type":145,"tag":172,"props":1446,"children":1447},{"style":185},[1448],{"type":151,"value":403},{"type":145,"tag":172,"props":1450,"children":1451},{"class":174,"line":266},[1452,1457,1461],{"type":145,"tag":172,"props":1453,"children":1454},{"style":483},[1455],{"type":151,"value":1456},"  nitro",{"type":145,"tag":172,"props":1458,"children":1459},{"style":185},[1460],{"type":151,"value":373},{"type":145,"tag":172,"props":1462,"children":1463},{"style":185},[1464],{"type":151,"value":463},{"type":145,"tag":172,"props":1466,"children":1467},{"class":174,"line":304},[1468,1473,1477],{"type":145,"tag":172,"props":1469,"children":1470},{"style":483},[1471],{"type":151,"value":1472},"    prerender",{"type":145,"tag":172,"props":1474,"children":1475},{"style":185},[1476],{"type":151,"value":373},{"type":145,"tag":172,"props":1478,"children":1479},{"style":185},[1480],{"type":151,"value":463},{"type":145,"tag":172,"props":1482,"children":1483},{"class":174,"line":314},[1484,1489,1493],{"type":145,"tag":172,"props":1485,"children":1486},{"style":483},[1487],{"type":151,"value":1488},"      routes",{"type":145,"tag":172,"props":1490,"children":1491},{"style":185},[1492],{"type":151,"value":373},{"type":145,"tag":172,"props":1494,"children":1495},{"style":191},[1496],{"type":151,"value":1497}," [\n",{"type":145,"tag":172,"props":1499,"children":1500},{"class":174,"line":344},[1501,1506,1511,1515],{"type":145,"tag":172,"props":1502,"children":1503},{"style":185},[1504],{"type":151,"value":1505},"        '",{"type":145,"tag":172,"props":1507,"children":1508},{"style":212},[1509],{"type":151,"value":1510},"/_ipx/w_120/market.jpg",{"type":145,"tag":172,"props":1512,"children":1513},{"style":185},[1514],{"type":151,"value":701},{"type":145,"tag":172,"props":1516,"children":1517},{"style":185},[1518],{"type":151,"value":403},{"type":145,"tag":172,"props":1520,"children":1521},{"class":174,"line":352},[1522,1526,1531,1535],{"type":145,"tag":172,"props":1523,"children":1524},{"style":185},[1525],{"type":151,"value":1505},{"type":145,"tag":172,"props":1527,"children":1528},{"style":212},[1529],{"type":151,"value":1530},"/_ipx/w_140/market.jpg",{"type":145,"tag":172,"props":1532,"children":1533},{"style":185},[1534],{"type":151,"value":701},{"type":145,"tag":172,"props":1536,"children":1537},{"style":185},[1538],{"type":151,"value":403},{"type":145,"tag":172,"props":1540,"children":1541},{"class":174,"line":391},[1542],{"type":145,"tag":172,"props":1543,"children":1544},{"style":512},[1545],{"type":151,"value":1546},"        // etc.\n",{"type":145,"tag":172,"props":1548,"children":1549},{"class":174,"line":406},[1550],{"type":145,"tag":172,"props":1551,"children":1552},{"style":191},[1553],{"type":151,"value":1554},"      ]\n",{"type":145,"tag":172,"props":1556,"children":1557},{"class":174,"line":447},[1558],{"type":145,"tag":172,"props":1559,"children":1560},{"style":185},[1561],{"type":151,"value":1137},{"type":145,"tag":172,"props":1563,"children":1564},{"class":174,"line":466},[1565],{"type":145,"tag":172,"props":1566,"children":1567},{"style":185},[1568],{"type":151,"value":566},{"type":145,"tag":172,"props":1570,"children":1571},{"class":174,"line":474},[1572,1576],{"type":145,"tag":172,"props":1573,"children":1574},{"style":185},[1575],{"type":151,"value":1152},{"type":145,"tag":172,"props":1577,"children":1578},{"style":191},[1579],{"type":151,"value":612},{"type":145,"tag":1277,"props":1581,"children":1582},{},[1583],{"type":151,"value":1281},{"title":139,"searchDepth":223,"depth":223,"links":1585},[],"content:4.advanced:2.static-images.md","4.advanced/2.static-images.md",1713782166868]