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