[{"data":1,"prerenderedAt":1591},["ShallowReactive",2],{"navigation":3,"docs-/advanced/custom-provider":136,"docs-/advanced/custom-provider-surround":1298},[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,"_stem":1296,"_extension":1297},"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-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--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-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--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-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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","4.advanced/1.custom-provider","md",[1299,1349],{"_path":125,"_dir":1300,"_draft":138,"_partial":138,"_locale":139,"title":124,"description":1301,"body":1302,"_type":1292,"_id":1346,"_source":1294,"_file":1347,"_stem":1348,"_extension":1297},"providers","Optimize images with Weserv's dynamic image transformation service.",{"type":142,"children":1303,"toc":1343},[1304,1309,1314],{"type":145,"tag":154,"props":1305,"children":1306},{},[1307],{"type":151,"value":1308},"Weserv offers a wide range of image transformation for all JPEG, PNG, and GIF files.",{"type":145,"tag":146,"props":1310,"children":1311},{"id":607},[1312],{"type":151,"value":1313},"Modifiers",{"type":145,"tag":154,"props":1315,"children":1316},{},[1317,1319,1325,1327,1333,1335,1342],{"type":151,"value":1318},"In addition to ",{"type":145,"tag":168,"props":1320,"children":1322},{"className":1321},[],[1323],{"type":151,"value":1324},"height",{"type":151,"value":1326}," and ",{"type":145,"tag":168,"props":1328,"children":1330},{"className":1329},[],[1331],{"type":151,"value":1332},"width",{"type":151,"value":1334},", the Weserv provider supports numerous modifiers documented ",{"type":145,"tag":831,"props":1336,"children":1339},{"href":1337,"rel":1338},"https://images.weserv.nl/docs/quick-reference.html",[1173],[1340],{"type":151,"value":1341},"here",{"type":151,"value":543},{"title":139,"searchDepth":223,"depth":223,"links":1344},[1345],{"id":607,"depth":223,"text":1313},"content:3.providers:weserv.md","3.providers/weserv.md","3.providers/weserv",{"_path":135,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":134,"description":1350,"body":1351,"_type":1292,"_id":1588,"_source":1294,"_file":1589,"_stem":1590,"_extension":1297},"Optimizing images for static websites.",{"type":142,"children":1352,"toc":1586},[1353,1366,1386,1399,1582],{"type":145,"tag":154,"props":1354,"children":1355},{},[1356,1358,1364],{"type":151,"value":1357},"If you are building a static site using ",{"type":145,"tag":168,"props":1359,"children":1361},{"className":1360},[],[1362],{"type":151,"value":1363},"nuxt generate",{"type":151,"value":1365},", 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":1367,"children":1368},{},[1369,1371,1377,1379,1384],{"type":151,"value":1370},"If you disabled server-side rendering (",{"type":145,"tag":168,"props":1372,"children":1374},{"className":1373},[],[1375],{"type":151,"value":1376},"ssr: false",{"type":151,"value":1378}," in the ",{"type":145,"tag":168,"props":1380,"children":1382},{"className":1381},[],[1383],{"type":151,"value":896},{"type":151,"value":1385},"), Nuxt Image won't be able to optimize your images during the static generation process.",{"type":145,"tag":154,"props":1387,"children":1388},{},[1389,1391,1397],{"type":151,"value":1390},"In that case, you can tell Nuxt to pre-render images by using the ",{"type":145,"tag":168,"props":1392,"children":1394},{"className":1393},[],[1395],{"type":151,"value":1396},"nitro.prerender.routes",{"type":151,"value":1398}," option:",{"type":145,"tag":160,"props":1400,"children":1402},{"className":162,"code":1401,"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",[1403],{"type":145,"tag":168,"props":1404,"children":1405},{"__ignoreMap":139},[1406,1429,1451,1467,1483,1500,1521,1541,1549,1557,1564,1571],{"type":145,"tag":172,"props":1407,"children":1408},{"class":174,"line":175},[1409,1413,1417,1421,1425],{"type":145,"tag":172,"props":1410,"children":1411},{"style":179},[1412],{"type":151,"value":358},{"type":145,"tag":172,"props":1414,"children":1415},{"style":179},[1416],{"type":151,"value":925},{"type":145,"tag":172,"props":1418,"children":1419},{"style":334},[1420],{"type":151,"value":930},{"type":145,"tag":172,"props":1422,"children":1423},{"style":191},[1424],{"type":151,"value":602},{"type":145,"tag":172,"props":1426,"children":1427},{"style":185},[1428],{"type":151,"value":505},{"type":145,"tag":172,"props":1430,"children":1431},{"class":174,"line":223},[1432,1437,1441,1447],{"type":145,"tag":172,"props":1433,"children":1434},{"style":483},[1435],{"type":151,"value":1436},"  ssr",{"type":145,"tag":172,"props":1438,"children":1439},{"style":185},[1440],{"type":151,"value":373},{"type":145,"tag":172,"props":1442,"children":1444},{"style":1443},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1445],{"type":151,"value":1446}," false",{"type":145,"tag":172,"props":1448,"children":1449},{"style":185},[1450],{"type":151,"value":403},{"type":145,"tag":172,"props":1452,"children":1453},{"class":174,"line":266},[1454,1459,1463],{"type":145,"tag":172,"props":1455,"children":1456},{"style":483},[1457],{"type":151,"value":1458},"  nitro",{"type":145,"tag":172,"props":1460,"children":1461},{"style":185},[1462],{"type":151,"value":373},{"type":145,"tag":172,"props":1464,"children":1465},{"style":185},[1466],{"type":151,"value":463},{"type":145,"tag":172,"props":1468,"children":1469},{"class":174,"line":304},[1470,1475,1479],{"type":145,"tag":172,"props":1471,"children":1472},{"style":483},[1473],{"type":151,"value":1474},"    prerender",{"type":145,"tag":172,"props":1476,"children":1477},{"style":185},[1478],{"type":151,"value":373},{"type":145,"tag":172,"props":1480,"children":1481},{"style":185},[1482],{"type":151,"value":463},{"type":145,"tag":172,"props":1484,"children":1485},{"class":174,"line":314},[1486,1491,1495],{"type":145,"tag":172,"props":1487,"children":1488},{"style":483},[1489],{"type":151,"value":1490},"      routes",{"type":145,"tag":172,"props":1492,"children":1493},{"style":185},[1494],{"type":151,"value":373},{"type":145,"tag":172,"props":1496,"children":1497},{"style":191},[1498],{"type":151,"value":1499}," [\n",{"type":145,"tag":172,"props":1501,"children":1502},{"class":174,"line":344},[1503,1508,1513,1517],{"type":145,"tag":172,"props":1504,"children":1505},{"style":185},[1506],{"type":151,"value":1507},"        '",{"type":145,"tag":172,"props":1509,"children":1510},{"style":212},[1511],{"type":151,"value":1512},"/_ipx/w_120/market.jpg",{"type":145,"tag":172,"props":1514,"children":1515},{"style":185},[1516],{"type":151,"value":701},{"type":145,"tag":172,"props":1518,"children":1519},{"style":185},[1520],{"type":151,"value":403},{"type":145,"tag":172,"props":1522,"children":1523},{"class":174,"line":352},[1524,1528,1533,1537],{"type":145,"tag":172,"props":1525,"children":1526},{"style":185},[1527],{"type":151,"value":1507},{"type":145,"tag":172,"props":1529,"children":1530},{"style":212},[1531],{"type":151,"value":1532},"/_ipx/w_140/market.jpg",{"type":145,"tag":172,"props":1534,"children":1535},{"style":185},[1536],{"type":151,"value":701},{"type":145,"tag":172,"props":1538,"children":1539},{"style":185},[1540],{"type":151,"value":403},{"type":145,"tag":172,"props":1542,"children":1543},{"class":174,"line":391},[1544],{"type":145,"tag":172,"props":1545,"children":1546},{"style":512},[1547],{"type":151,"value":1548},"        // etc.\n",{"type":145,"tag":172,"props":1550,"children":1551},{"class":174,"line":406},[1552],{"type":145,"tag":172,"props":1553,"children":1554},{"style":191},[1555],{"type":151,"value":1556},"      ]\n",{"type":145,"tag":172,"props":1558,"children":1559},{"class":174,"line":447},[1560],{"type":145,"tag":172,"props":1561,"children":1562},{"style":185},[1563],{"type":151,"value":1137},{"type":145,"tag":172,"props":1565,"children":1566},{"class":174,"line":466},[1567],{"type":145,"tag":172,"props":1568,"children":1569},{"style":185},[1570],{"type":151,"value":566},{"type":145,"tag":172,"props":1572,"children":1573},{"class":174,"line":474},[1574,1578],{"type":145,"tag":172,"props":1575,"children":1576},{"style":185},[1577],{"type":151,"value":1152},{"type":145,"tag":172,"props":1579,"children":1580},{"style":191},[1581],{"type":151,"value":612},{"type":145,"tag":1277,"props":1583,"children":1584},{},[1585],{"type":151,"value":1281},{"title":139,"searchDepth":223,"depth":223,"links":1587},[],"content:4.advanced:2.static-images.md","4.advanced/2.static-images.md","4.advanced/2.static-images",1736769705667]