[{"data":1,"prerenderedAt":1569},["Reactive",2],{"navigation":3,"docs-/advanced/custom-provider":136,"docs-/advanced/custom-provider-surround":1284},[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":1279,"_id":1280,"_source":1281,"_file":1282,"_extension":1283},"advanced",false,"","If a CDN provider is not supported, you can define it yourself.",{"type":142,"children":143,"toc":1269},"root",[144,153,159,746,753,829,846,852,865,871,877,895,1146,1167,1172,1184,1263],{"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,768,777],{"type":145,"tag":758,"props":759,"children":760},"li",{},[761,766],{"type":145,"tag":168,"props":762,"children":763},{"className":139},[764],{"type":151,"value":765},"src",{"type":151,"value":767},": Source path of the image.",{"type":145,"tag":758,"props":769,"children":770},{},[771,775],{"type":145,"tag":168,"props":772,"children":773},{"className":139},[774],{"type":151,"value":607},{"type":151,"value":776},": List of image modifiers that are defined in the image component or as a preset.",{"type":145,"tag":758,"props":778,"children":779},{},[780,785,787,792,794],{"type":145,"tag":168,"props":781,"children":782},{"className":139},[783],{"type":151,"value":784},"ctx",{"type":151,"value":786},": (",{"type":145,"tag":168,"props":788,"children":789},{"className":139},[790],{"type":151,"value":791},"ImageCTX",{"type":151,"value":793},") Image module runtime context\n",{"type":145,"tag":754,"props":795,"children":796},{},[797,813],{"type":145,"tag":758,"props":798,"children":799},{},[800,805,806,811],{"type":145,"tag":168,"props":801,"children":802},{"className":139},[803],{"type":151,"value":804},"options",{"type":151,"value":786},{"type":145,"tag":168,"props":807,"children":808},{"className":139},[809],{"type":151,"value":810},"CreateImageOptions",{"type":151,"value":812},") Image module global runtime options",{"type":145,"tag":758,"props":814,"children":815},{},[816,821,823],{"type":145,"tag":168,"props":817,"children":818},{"className":139},[819],{"type":151,"value":820},"$img",{"type":151,"value":822},": The ",{"type":145,"tag":824,"props":825,"children":826},"a",{"href":32},[827],{"type":151,"value":828},"$img helper",{"type":145,"tag":154,"props":830,"children":831},{},[832,838,840,844],{"type":145,"tag":833,"props":834,"children":835},"strong",{},[836],{"type":151,"value":837},"Note:",{"type":151,"value":839}," Values in ",{"type":145,"tag":168,"props":841,"children":842},{"className":139},[843],{"type":151,"value":784},{"type":151,"value":845}," might change. Use it with caution.",{"type":145,"tag":747,"props":847,"children":849},{"id":848},"return",[850],{"type":151,"value":851},"Return",{"type":145,"tag":754,"props":853,"children":854},{},[855],{"type":145,"tag":758,"props":856,"children":857},{},[858,863],{"type":145,"tag":168,"props":859,"children":860},{"className":139},[861],{"type":151,"value":862},"url",{"type":151,"value":864},": Absolute or relative url of optimized image.",{"type":145,"tag":146,"props":866,"children":868},{"id":867},"use-your-provider",[869],{"type":151,"value":870},"Use your provider",{"type":145,"tag":747,"props":872,"children":874},{"id":873},"register-provider",[875],{"type":151,"value":876},"Register provider",{"type":145,"tag":154,"props":878,"children":879},{},[880,882,887,889,894],{"type":151,"value":881},"After you create your own provider, you should register it in the ",{"type":145,"tag":168,"props":883,"children":884},{"className":139},[885],{"type":151,"value":886},"nuxt.config",{"type":151,"value":888},". In order to do that create a property inside ",{"type":145,"tag":168,"props":890,"children":891},{"className":139},[892],{"type":151,"value":893},"image.provider",{"type":151,"value":543},{"type":145,"tag":160,"props":896,"children":899},{"className":162,"code":897,"filename":898,"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",[900],{"type":145,"tag":168,"props":901,"children":902},{"__ignoreMap":139},[903,928,936,952,968,984,1018,1052,1068,1076,1103,1111,1119,1127,1134],{"type":145,"tag":172,"props":904,"children":905},{"class":174,"line":175},[906,910,915,920,924],{"type":145,"tag":172,"props":907,"children":908},{"style":179},[909],{"type":151,"value":358},{"type":145,"tag":172,"props":911,"children":912},{"style":179},[913],{"type":151,"value":914}," default",{"type":145,"tag":172,"props":916,"children":917},{"style":334},[918],{"type":151,"value":919}," defineNuxtConfig",{"type":145,"tag":172,"props":921,"children":922},{"style":191},[923],{"type":151,"value":602},{"type":145,"tag":172,"props":925,"children":926},{"style":185},[927],{"type":151,"value":505},{"type":145,"tag":172,"props":929,"children":930},{"class":174,"line":223},[931],{"type":145,"tag":172,"props":932,"children":933},{"style":512},[934],{"type":151,"value":935},"  // ...\n",{"type":145,"tag":172,"props":937,"children":938},{"class":174,"line":266},[939,944,948],{"type":145,"tag":172,"props":940,"children":941},{"style":483},[942],{"type":151,"value":943},"  image",{"type":145,"tag":172,"props":945,"children":946},{"style":185},[947],{"type":151,"value":373},{"type":145,"tag":172,"props":949,"children":950},{"style":185},[951],{"type":151,"value":463},{"type":145,"tag":172,"props":953,"children":954},{"class":174,"line":304},[955,960,964],{"type":145,"tag":172,"props":956,"children":957},{"style":483},[958],{"type":151,"value":959},"    providers",{"type":145,"tag":172,"props":961,"children":962},{"style":185},[963],{"type":151,"value":373},{"type":145,"tag":172,"props":965,"children":966},{"style":185},[967],{"type":151,"value":463},{"type":145,"tag":172,"props":969,"children":970},{"class":174,"line":314},[971,976,980],{"type":145,"tag":172,"props":972,"children":973},{"style":483},[974],{"type":151,"value":975},"      myProvider",{"type":145,"tag":172,"props":977,"children":978},{"style":185},[979],{"type":151,"value":373},{"type":145,"tag":172,"props":981,"children":982},{"style":185},[983],{"type":151,"value":463},{"type":145,"tag":172,"props":985,"children":986},{"class":174,"line":344},[987,992,996,1000,1005,1009,1013],{"type":145,"tag":172,"props":988,"children":989},{"style":483},[990],{"type":151,"value":991},"        name",{"type":145,"tag":172,"props":993,"children":994},{"style":185},[995],{"type":151,"value":373},{"type":145,"tag":172,"props":997,"children":998},{"style":185},[999],{"type":151,"value":209},{"type":145,"tag":172,"props":1001,"children":1002},{"style":212},[1003],{"type":151,"value":1004},"myProvider",{"type":145,"tag":172,"props":1006,"children":1007},{"style":185},[1008],{"type":151,"value":701},{"type":145,"tag":172,"props":1010,"children":1011},{"style":185},[1012],{"type":151,"value":663},{"type":145,"tag":172,"props":1014,"children":1015},{"style":512},[1016],{"type":151,"value":1017}," // optional value to overrider provider name\n",{"type":145,"tag":172,"props":1019,"children":1020},{"class":174,"line":352},[1021,1026,1030,1034,1039,1043,1047],{"type":145,"tag":172,"props":1022,"children":1023},{"style":483},[1024],{"type":151,"value":1025},"        provider",{"type":145,"tag":172,"props":1027,"children":1028},{"style":185},[1029],{"type":151,"value":373},{"type":145,"tag":172,"props":1031,"children":1032},{"style":185},[1033],{"type":151,"value":209},{"type":145,"tag":172,"props":1035,"children":1036},{"style":212},[1037],{"type":151,"value":1038},"~/providers/my-provider.ts",{"type":145,"tag":172,"props":1040,"children":1041},{"style":185},[1042],{"type":151,"value":701},{"type":145,"tag":172,"props":1044,"children":1045},{"style":185},[1046],{"type":151,"value":663},{"type":145,"tag":172,"props":1048,"children":1049},{"style":512},[1050],{"type":151,"value":1051}," // Path to custom provider\n",{"type":145,"tag":172,"props":1053,"children":1054},{"class":174,"line":391},[1055,1060,1064],{"type":145,"tag":172,"props":1056,"children":1057},{"style":483},[1058],{"type":151,"value":1059},"        options",{"type":145,"tag":172,"props":1061,"children":1062},{"style":185},[1063],{"type":151,"value":373},{"type":145,"tag":172,"props":1065,"children":1066},{"style":185},[1067],{"type":151,"value":463},{"type":145,"tag":172,"props":1069,"children":1070},{"class":174,"line":406},[1071],{"type":145,"tag":172,"props":1072,"children":1073},{"style":512},[1074],{"type":151,"value":1075},"          // ... provider options\n",{"type":145,"tag":172,"props":1077,"children":1078},{"class":174,"line":447},[1079,1084,1088,1093,1098],{"type":145,"tag":172,"props":1080,"children":1081},{"style":483},[1082],{"type":151,"value":1083},"          baseURL",{"type":145,"tag":172,"props":1085,"children":1086},{"style":185},[1087],{"type":151,"value":373},{"type":145,"tag":172,"props":1089,"children":1090},{"style":185},[1091],{"type":151,"value":1092}," \"",{"type":145,"tag":172,"props":1094,"children":1095},{"style":212},[1096],{"type":151,"value":1097},"https://site.com",{"type":145,"tag":172,"props":1099,"children":1100},{"style":185},[1101],{"type":151,"value":1102},"\"\n",{"type":145,"tag":172,"props":1104,"children":1105},{"class":174,"line":466},[1106],{"type":145,"tag":172,"props":1107,"children":1108},{"style":185},[1109],{"type":151,"value":1110},"        }\n",{"type":145,"tag":172,"props":1112,"children":1113},{"class":174,"line":474},[1114],{"type":145,"tag":172,"props":1115,"children":1116},{"style":185},[1117],{"type":151,"value":1118},"      }\n",{"type":145,"tag":172,"props":1120,"children":1121},{"class":174,"line":508},[1122],{"type":145,"tag":172,"props":1123,"children":1124},{"style":185},[1125],{"type":151,"value":1126},"    }\n",{"type":145,"tag":172,"props":1128,"children":1129},{"class":174,"line":518},[1130],{"type":145,"tag":172,"props":1131,"children":1132},{"style":185},[1133],{"type":151,"value":566},{"type":145,"tag":172,"props":1135,"children":1136},{"class":174,"line":560},[1137,1142],{"type":145,"tag":172,"props":1138,"children":1139},{"style":185},[1140],{"type":151,"value":1141},"}",{"type":145,"tag":172,"props":1143,"children":1144},{"style":191},[1145],{"type":151,"value":612},{"type":145,"tag":154,"props":1147,"children":1148},{},[1149,1151,1155,1157,1165],{"type":151,"value":1150},"There are plenty of useful utilities that can be used to write providers by importing from ",{"type":145,"tag":168,"props":1152,"children":1153},{"className":139},[1154],{"type":151,"value":297},{"type":151,"value":1156},". See ",{"type":145,"tag":824,"props":1158,"children":1162},{"href":1159,"rel":1160},"https://github.com/nuxt/image/tree/dev/src/runtime/providers",[1161],"nofollow",[1163],{"type":151,"value":1164},"src/runtime/providers",{"type":151,"value":1166}," for more info.",{"type":145,"tag":747,"props":1168,"children":1170},{"id":1169},"usage",[1171],{"type":151,"value":21},{"type":145,"tag":154,"props":1173,"children":1174},{},[1175,1177,1182],{"type":151,"value":1176},"Set attribute ",{"type":145,"tag":168,"props":1178,"children":1179},{"className":139},[1180],{"type":151,"value":1181},"provider",{"type":151,"value":1183}," as your custom provider name.",{"type":145,"tag":160,"props":1185,"children":1190},{"className":1186,"code":1187,"filename":1188,"language":1189,"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",[1191],{"type":145,"tag":168,"props":1192,"children":1193},{"__ignoreMap":139},[1194,1255],{"type":145,"tag":172,"props":1195,"children":1196},{"class":174,"line":175},[1197,1202,1207,1212,1216,1221,1225,1229,1233,1237,1241,1246,1250],{"type":145,"tag":172,"props":1198,"children":1199},{"style":185},[1200],{"type":151,"value":1201},"\u003C",{"type":145,"tag":172,"props":1203,"children":1204},{"style":483},[1205],{"type":151,"value":1206},"NuxtImg",{"type":145,"tag":172,"props":1208,"children":1209},{"style":318},[1210],{"type":151,"value":1211}," provider",{"type":145,"tag":172,"props":1213,"children":1214},{"style":185},[1215],{"type":151,"value":331},{"type":145,"tag":172,"props":1217,"children":1218},{"style":185},[1219],{"type":151,"value":1220},"\"",{"type":145,"tag":172,"props":1222,"children":1223},{"style":212},[1224],{"type":151,"value":1004},{"type":145,"tag":172,"props":1226,"children":1227},{"style":185},[1228],{"type":151,"value":1220},{"type":145,"tag":172,"props":1230,"children":1231},{"style":318},[1232],{"type":151,"value":668},{"type":145,"tag":172,"props":1234,"children":1235},{"style":185},[1236],{"type":151,"value":331},{"type":145,"tag":172,"props":1238,"children":1239},{"style":185},[1240],{"type":151,"value":1220},{"type":145,"tag":172,"props":1242,"children":1243},{"style":212},[1244],{"type":151,"value":1245},"/image.png",{"type":145,"tag":172,"props":1247,"children":1248},{"style":185},[1249],{"type":151,"value":1220},{"type":145,"tag":172,"props":1251,"children":1252},{"style":185},[1253],{"type":151,"value":1254}," >\n",{"type":145,"tag":172,"props":1256,"children":1257},{"class":174,"line":223},[1258],{"type":145,"tag":172,"props":1259,"children":1260},{"style":191},[1261],{"type":151,"value":1262},"\u003C!-- \u003Cimg src=\"https://site.com/image.png\" /> -->\n",{"type":145,"tag":1264,"props":1265,"children":1266},"style",{},[1267],{"type":151,"value":1268},"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 .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.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 .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":1270},[1271,1275],{"id":148,"depth":223,"text":152,"children":1272},[1273,1274],{"id":749,"depth":266,"text":752},{"id":848,"depth":266,"text":851},{"id":867,"depth":223,"text":870,"children":1276},[1277,1278],{"id":873,"depth":266,"text":876},{"id":1169,"depth":266,"text":21},"markdown","content:4.advanced:1.custom-provider.md","content","4.advanced/1.custom-provider.md","md",[1285,1332],{"_path":125,"_dir":1286,"_draft":138,"_partial":138,"_locale":139,"title":124,"description":1287,"body":1288,"_type":1279,"_id":1330,"_source":1281,"_file":1331,"_extension":1283},"providers","Optimize images with Weserv's dynamic image transformation service.",{"type":142,"children":1289,"toc":1327},[1290,1295,1300],{"type":145,"tag":154,"props":1291,"children":1292},{},[1293],{"type":151,"value":1294},"Weserv offers a wide range of image transformation for all JPEG, PNG, and GIF files.",{"type":145,"tag":146,"props":1296,"children":1297},{"id":607},[1298],{"type":151,"value":1299},"Modifiers",{"type":145,"tag":154,"props":1301,"children":1302},{},[1303,1305,1310,1312,1317,1319,1326],{"type":151,"value":1304},"In addition to ",{"type":145,"tag":168,"props":1306,"children":1307},{"className":139},[1308],{"type":151,"value":1309},"height",{"type":151,"value":1311}," and ",{"type":145,"tag":168,"props":1313,"children":1314},{"className":139},[1315],{"type":151,"value":1316},"width",{"type":151,"value":1318},", the Weserv provider supports numerous modifiers documented ",{"type":145,"tag":824,"props":1320,"children":1323},{"href":1321,"rel":1322},"https://images.weserv.nl/docs/quick-reference.html",[1161],[1324],{"type":151,"value":1325},"here",{"type":151,"value":543},{"title":139,"searchDepth":223,"depth":223,"links":1328},[1329],{"id":607,"depth":223,"text":1299},"content:3.providers:weserv.md","3.providers/weserv.md",{"_path":135,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":134,"description":1333,"body":1334,"_type":1279,"_id":1567,"_source":1281,"_file":1568,"_extension":1283},"Optimizing images for static websites.",{"type":142,"children":1335,"toc":1565},[1336,1348,1366,1378,1561],{"type":145,"tag":154,"props":1337,"children":1338},{},[1339,1341,1346],{"type":151,"value":1340},"If you are building a static site using ",{"type":145,"tag":168,"props":1342,"children":1343},{"className":139},[1344],{"type":151,"value":1345},"nuxt generate",{"type":151,"value":1347},", 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":1349,"children":1350},{},[1351,1353,1358,1360,1364],{"type":151,"value":1352},"If you disabled server-side rendering (",{"type":145,"tag":168,"props":1354,"children":1355},{"className":139},[1356],{"type":151,"value":1357},"ssr: false",{"type":151,"value":1359}," in the ",{"type":145,"tag":168,"props":1361,"children":1362},{"className":139},[1363],{"type":151,"value":886},{"type":151,"value":1365},"), Nuxt Image won't be able to optimize your images during the static generation process.",{"type":145,"tag":154,"props":1367,"children":1368},{},[1369,1371,1376],{"type":151,"value":1370},"In that case, you can tell Nuxt to pre-render images by using the ",{"type":145,"tag":168,"props":1372,"children":1373},{"className":139},[1374],{"type":151,"value":1375},"nitro.prerender.routes",{"type":151,"value":1377}," option:",{"type":145,"tag":160,"props":1379,"children":1381},{"className":162,"code":1380,"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",[1382],{"type":145,"tag":168,"props":1383,"children":1384},{"__ignoreMap":139},[1385,1408,1430,1446,1462,1479,1500,1520,1528,1536,1543,1550],{"type":145,"tag":172,"props":1386,"children":1387},{"class":174,"line":175},[1388,1392,1396,1400,1404],{"type":145,"tag":172,"props":1389,"children":1390},{"style":179},[1391],{"type":151,"value":358},{"type":145,"tag":172,"props":1393,"children":1394},{"style":179},[1395],{"type":151,"value":914},{"type":145,"tag":172,"props":1397,"children":1398},{"style":334},[1399],{"type":151,"value":919},{"type":145,"tag":172,"props":1401,"children":1402},{"style":191},[1403],{"type":151,"value":602},{"type":145,"tag":172,"props":1405,"children":1406},{"style":185},[1407],{"type":151,"value":505},{"type":145,"tag":172,"props":1409,"children":1410},{"class":174,"line":223},[1411,1416,1420,1426],{"type":145,"tag":172,"props":1412,"children":1413},{"style":483},[1414],{"type":151,"value":1415},"  ssr",{"type":145,"tag":172,"props":1417,"children":1418},{"style":185},[1419],{"type":151,"value":373},{"type":145,"tag":172,"props":1421,"children":1423},{"style":1422},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1424],{"type":151,"value":1425}," false",{"type":145,"tag":172,"props":1427,"children":1428},{"style":185},[1429],{"type":151,"value":403},{"type":145,"tag":172,"props":1431,"children":1432},{"class":174,"line":266},[1433,1438,1442],{"type":145,"tag":172,"props":1434,"children":1435},{"style":483},[1436],{"type":151,"value":1437},"  nitro",{"type":145,"tag":172,"props":1439,"children":1440},{"style":185},[1441],{"type":151,"value":373},{"type":145,"tag":172,"props":1443,"children":1444},{"style":185},[1445],{"type":151,"value":463},{"type":145,"tag":172,"props":1447,"children":1448},{"class":174,"line":304},[1449,1454,1458],{"type":145,"tag":172,"props":1450,"children":1451},{"style":483},[1452],{"type":151,"value":1453},"    prerender",{"type":145,"tag":172,"props":1455,"children":1456},{"style":185},[1457],{"type":151,"value":373},{"type":145,"tag":172,"props":1459,"children":1460},{"style":185},[1461],{"type":151,"value":463},{"type":145,"tag":172,"props":1463,"children":1464},{"class":174,"line":314},[1465,1470,1474],{"type":145,"tag":172,"props":1466,"children":1467},{"style":483},[1468],{"type":151,"value":1469},"      routes",{"type":145,"tag":172,"props":1471,"children":1472},{"style":185},[1473],{"type":151,"value":373},{"type":145,"tag":172,"props":1475,"children":1476},{"style":191},[1477],{"type":151,"value":1478}," [\n",{"type":145,"tag":172,"props":1480,"children":1481},{"class":174,"line":344},[1482,1487,1492,1496],{"type":145,"tag":172,"props":1483,"children":1484},{"style":185},[1485],{"type":151,"value":1486},"        '",{"type":145,"tag":172,"props":1488,"children":1489},{"style":212},[1490],{"type":151,"value":1491},"/_ipx/w_120/market.jpg",{"type":145,"tag":172,"props":1493,"children":1494},{"style":185},[1495],{"type":151,"value":701},{"type":145,"tag":172,"props":1497,"children":1498},{"style":185},[1499],{"type":151,"value":403},{"type":145,"tag":172,"props":1501,"children":1502},{"class":174,"line":352},[1503,1507,1512,1516],{"type":145,"tag":172,"props":1504,"children":1505},{"style":185},[1506],{"type":151,"value":1486},{"type":145,"tag":172,"props":1508,"children":1509},{"style":212},[1510],{"type":151,"value":1511},"/_ipx/w_140/market.jpg",{"type":145,"tag":172,"props":1513,"children":1514},{"style":185},[1515],{"type":151,"value":701},{"type":145,"tag":172,"props":1517,"children":1518},{"style":185},[1519],{"type":151,"value":403},{"type":145,"tag":172,"props":1521,"children":1522},{"class":174,"line":391},[1523],{"type":145,"tag":172,"props":1524,"children":1525},{"style":512},[1526],{"type":151,"value":1527},"        // etc.\n",{"type":145,"tag":172,"props":1529,"children":1530},{"class":174,"line":406},[1531],{"type":145,"tag":172,"props":1532,"children":1533},{"style":191},[1534],{"type":151,"value":1535},"      ]\n",{"type":145,"tag":172,"props":1537,"children":1538},{"class":174,"line":447},[1539],{"type":145,"tag":172,"props":1540,"children":1541},{"style":185},[1542],{"type":151,"value":1126},{"type":145,"tag":172,"props":1544,"children":1545},{"class":174,"line":466},[1546],{"type":145,"tag":172,"props":1547,"children":1548},{"style":185},[1549],{"type":151,"value":566},{"type":145,"tag":172,"props":1551,"children":1552},{"class":174,"line":474},[1553,1557],{"type":145,"tag":172,"props":1554,"children":1555},{"style":185},[1556],{"type":151,"value":1141},{"type":145,"tag":172,"props":1558,"children":1559},{"style":191},[1560],{"type":151,"value":612},{"type":145,"tag":1264,"props":1562,"children":1563},{},[1564],{"type":151,"value":1268},{"title":139,"searchDepth":223,"depth":223,"links":1566},[],"content:4.advanced:2.static-images.md","4.advanced/2.static-images.md",1705491129597]