[{"data":1,"prerenderedAt":1187},["Reactive",2],{"navigation":3,"docs-/advanced/static-images":115,"docs-/advanced/static-images-surround":403},[4,20,33,105],{"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],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":114,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":113,"description":119,"body":120,"_type":398,"_id":399,"_source":400,"_file":401,"_extension":402},"advanced",false,"","Optimizing images for static websites.",{"type":121,"children":122,"toc":396},"root",[123,139,158,170,390],{"type":124,"tag":125,"props":126,"children":127},"element","p",{},[128,131,137],{"type":129,"value":130},"text","If you are building a static site using ",{"type":124,"tag":132,"props":133,"children":134},"code",{"className":118},[135],{"type":129,"value":136},"nuxt generate",{"type":129,"value":138},", Nuxt Image will optimize and save your images locally when your site is generated - and deploy them alongside your generated pages.",{"type":124,"tag":125,"props":140,"children":141},{},[142,144,149,151,156],{"type":129,"value":143},"If you disabled server-side rendering (",{"type":124,"tag":132,"props":145,"children":146},{"className":118},[147],{"type":129,"value":148},"ssr: false",{"type":129,"value":150}," in the ",{"type":124,"tag":132,"props":152,"children":153},{"className":118},[154],{"type":129,"value":155},"nuxt.config",{"type":129,"value":157},"), Nuxt Image won't be able to optimize your images during the static generation process.",{"type":124,"tag":125,"props":159,"children":160},{},[161,163,168],{"type":129,"value":162},"In that case, you can tell Nuxt to pre-render images by using the ",{"type":124,"tag":132,"props":164,"children":165},{"className":118},[166],{"type":129,"value":167},"nitro.prerender.routes",{"type":129,"value":169}," option:",{"type":124,"tag":171,"props":172,"children":176},"pre",{"className":173,"code":174,"language":175,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","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","ts",[177],{"type":124,"tag":132,"props":178,"children":179},{"__ignoreMap":118},[180,215,241,259,276,294,318,339,349,358,367,376],{"type":124,"tag":181,"props":182,"children":185},"span",{"class":183,"line":184},"line",1,[186,192,197,203,209],{"type":124,"tag":181,"props":187,"children":189},{"style":188},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[190],{"type":129,"value":191},"export",{"type":124,"tag":181,"props":193,"children":194},{"style":188},[195],{"type":129,"value":196}," default",{"type":124,"tag":181,"props":198,"children":200},{"style":199},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[201],{"type":129,"value":202}," defineNuxtConfig",{"type":124,"tag":181,"props":204,"children":206},{"style":205},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[207],{"type":129,"value":208},"(",{"type":124,"tag":181,"props":210,"children":212},{"style":211},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[213],{"type":129,"value":214},"{",{"type":124,"tag":181,"props":216,"children":218},{"class":183,"line":217},2,[219,225,230,236],{"type":124,"tag":181,"props":220,"children":222},{"style":221},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[223],{"type":129,"value":224},"  ssr",{"type":124,"tag":181,"props":226,"children":227},{"style":211},[228],{"type":129,"value":229},":",{"type":124,"tag":181,"props":231,"children":233},{"style":232},"color:#FF9CAC;--shiki-dark:#FF9CAC;--shiki-light:#FF5370",[234],{"type":129,"value":235}," false",{"type":124,"tag":181,"props":237,"children":238},{"style":211},[239],{"type":129,"value":240},",",{"type":124,"tag":181,"props":242,"children":244},{"class":183,"line":243},3,[245,250,254],{"type":124,"tag":181,"props":246,"children":247},{"style":221},[248],{"type":129,"value":249},"  nitro",{"type":124,"tag":181,"props":251,"children":252},{"style":211},[253],{"type":129,"value":229},{"type":124,"tag":181,"props":255,"children":256},{"style":211},[257],{"type":129,"value":258}," {",{"type":124,"tag":181,"props":260,"children":262},{"class":183,"line":261},4,[263,268,272],{"type":124,"tag":181,"props":264,"children":265},{"style":221},[266],{"type":129,"value":267},"    prerender",{"type":124,"tag":181,"props":269,"children":270},{"style":211},[271],{"type":129,"value":229},{"type":124,"tag":181,"props":273,"children":274},{"style":211},[275],{"type":129,"value":258},{"type":124,"tag":181,"props":277,"children":279},{"class":183,"line":278},5,[280,285,289],{"type":124,"tag":181,"props":281,"children":282},{"style":221},[283],{"type":129,"value":284},"      routes",{"type":124,"tag":181,"props":286,"children":287},{"style":211},[288],{"type":129,"value":229},{"type":124,"tag":181,"props":290,"children":291},{"style":205},[292],{"type":129,"value":293}," [",{"type":124,"tag":181,"props":295,"children":297},{"class":183,"line":296},6,[298,303,309,314],{"type":124,"tag":181,"props":299,"children":300},{"style":211},[301],{"type":129,"value":302},"        '",{"type":124,"tag":181,"props":304,"children":306},{"style":305},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[307],{"type":129,"value":308},"/_ipx/w_120/market.jpg",{"type":124,"tag":181,"props":310,"children":311},{"style":211},[312],{"type":129,"value":313},"'",{"type":124,"tag":181,"props":315,"children":316},{"style":211},[317],{"type":129,"value":240},{"type":124,"tag":181,"props":319,"children":321},{"class":183,"line":320},7,[322,326,331,335],{"type":124,"tag":181,"props":323,"children":324},{"style":211},[325],{"type":129,"value":302},{"type":124,"tag":181,"props":327,"children":328},{"style":305},[329],{"type":129,"value":330},"/_ipx/w_140/market.jpg",{"type":124,"tag":181,"props":332,"children":333},{"style":211},[334],{"type":129,"value":313},{"type":124,"tag":181,"props":336,"children":337},{"style":211},[338],{"type":129,"value":240},{"type":124,"tag":181,"props":340,"children":342},{"class":183,"line":341},8,[343],{"type":124,"tag":181,"props":344,"children":346},{"style":345},"color:#546E7A;--shiki-dark:#676E95;--shiki-light:#90A4AE;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[347],{"type":129,"value":348},"        // etc.",{"type":124,"tag":181,"props":350,"children":352},{"class":183,"line":351},9,[353],{"type":124,"tag":181,"props":354,"children":355},{"style":205},[356],{"type":129,"value":357},"      ]",{"type":124,"tag":181,"props":359,"children":361},{"class":183,"line":360},10,[362],{"type":124,"tag":181,"props":363,"children":364},{"style":211},[365],{"type":129,"value":366},"    }",{"type":124,"tag":181,"props":368,"children":370},{"class":183,"line":369},11,[371],{"type":124,"tag":181,"props":372,"children":373},{"style":211},[374],{"type":129,"value":375},"  }",{"type":124,"tag":181,"props":377,"children":379},{"class":183,"line":378},12,[380,385],{"type":124,"tag":181,"props":381,"children":382},{"style":211},[383],{"type":129,"value":384},"}",{"type":124,"tag":181,"props":386,"children":387},{"style":205},[388],{"type":129,"value":389},")",{"type":124,"tag":391,"props":392,"children":393},"style",{},[394],{"type":129,"value":395},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":217,"depth":217,"links":397},[],"markdown","content:4.advanced:2.static-images.md","content","4.advanced/2.static-images.md","md",[404,1186],{"_path":111,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":110,"description":405,"body":406,"_type":398,"_id":1184,"_source":400,"_file":1185,"_extension":402},"If a CDN provider is not supported, you can define it yourself.",{"type":121,"children":407,"toc":1175},[408,415,420,797,804,880,897,903,916,922,928,945,1149,1171],{"type":124,"tag":409,"props":410,"children":412},"h2",{"id":411},"provider-entry",[413],{"type":129,"value":414},"Provider Entry",{"type":124,"tag":125,"props":416,"children":417},{},[418],{"type":129,"value":419},"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":124,"tag":171,"props":421,"children":425},{"className":422,"code":423,"language":424,"meta":118,"style":118},"language-js shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","import { joinURL } from 'ufo'\n\n// import {} from '#image'\n\nexport function getImage(src, { modifiers, baseURL } = {}, { options, $img }) {\n  const { width, height, format, fit, ...providerModifiers } = modifiers\n  const operations = []\n  // process modifiers\n  const operationsString = operations.join(',')\n  return {\n    url: joinURL(baseURL, operationsString, src)\n  }\n}\n","js",[426],{"type":124,"tag":132,"props":427,"children":428},{"__ignoreMap":118},[429,470,473,481,484,575,645,666,674,724,736,782,789],{"type":124,"tag":181,"props":430,"children":431},{"class":183,"line":184},[432,437,441,446,451,456,461,466],{"type":124,"tag":181,"props":433,"children":434},{"style":188},[435],{"type":129,"value":436},"import",{"type":124,"tag":181,"props":438,"children":439},{"style":211},[440],{"type":129,"value":258},{"type":124,"tag":181,"props":442,"children":443},{"style":205},[444],{"type":129,"value":445}," joinURL",{"type":124,"tag":181,"props":447,"children":448},{"style":211},[449],{"type":129,"value":450}," }",{"type":124,"tag":181,"props":452,"children":453},{"style":188},[454],{"type":129,"value":455}," from",{"type":124,"tag":181,"props":457,"children":458},{"style":211},[459],{"type":129,"value":460}," '",{"type":124,"tag":181,"props":462,"children":463},{"style":305},[464],{"type":129,"value":465},"ufo",{"type":124,"tag":181,"props":467,"children":468},{"style":211},[469],{"type":129,"value":313},{"type":124,"tag":181,"props":471,"children":472},{"class":183,"line":217},[],{"type":124,"tag":181,"props":474,"children":475},{"class":183,"line":243},[476],{"type":124,"tag":181,"props":477,"children":478},{"style":345},[479],{"type":129,"value":480},"// import {} from '#image'",{"type":124,"tag":181,"props":482,"children":483},{"class":183,"line":261},[],{"type":124,"tag":181,"props":485,"children":486},{"class":183,"line":278},[487,491,497,502,506,512,516,520,525,529,534,538,543,548,552,557,561,566,571],{"type":124,"tag":181,"props":488,"children":489},{"style":188},[490],{"type":129,"value":191},{"type":124,"tag":181,"props":492,"children":494},{"style":493},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[495],{"type":129,"value":496}," function",{"type":124,"tag":181,"props":498,"children":499},{"style":199},[500],{"type":129,"value":501}," getImage",{"type":124,"tag":181,"props":503,"children":504},{"style":211},[505],{"type":129,"value":208},{"type":124,"tag":181,"props":507,"children":509},{"style":508},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[510],{"type":129,"value":511},"src",{"type":124,"tag":181,"props":513,"children":514},{"style":211},[515],{"type":129,"value":240},{"type":124,"tag":181,"props":517,"children":518},{"style":211},[519],{"type":129,"value":258},{"type":124,"tag":181,"props":521,"children":522},{"style":508},[523],{"type":129,"value":524}," modifiers",{"type":124,"tag":181,"props":526,"children":527},{"style":211},[528],{"type":129,"value":240},{"type":124,"tag":181,"props":530,"children":531},{"style":508},[532],{"type":129,"value":533}," baseURL",{"type":124,"tag":181,"props":535,"children":536},{"style":211},[537],{"type":129,"value":450},{"type":124,"tag":181,"props":539,"children":540},{"style":211},[541],{"type":129,"value":542}," =",{"type":124,"tag":181,"props":544,"children":545},{"style":211},[546],{"type":129,"value":547}," {},",{"type":124,"tag":181,"props":549,"children":550},{"style":211},[551],{"type":129,"value":258},{"type":124,"tag":181,"props":553,"children":554},{"style":508},[555],{"type":129,"value":556}," options",{"type":124,"tag":181,"props":558,"children":559},{"style":211},[560],{"type":129,"value":240},{"type":124,"tag":181,"props":562,"children":563},{"style":508},[564],{"type":129,"value":565}," $img",{"type":124,"tag":181,"props":567,"children":568},{"style":211},[569],{"type":129,"value":570}," })",{"type":124,"tag":181,"props":572,"children":573},{"style":211},[574],{"type":129,"value":258},{"type":124,"tag":181,"props":576,"children":577},{"class":183,"line":296},[578,583,587,592,596,601,605,610,614,619,623,628,633,637,641],{"type":124,"tag":181,"props":579,"children":580},{"style":493},[581],{"type":129,"value":582},"  const",{"type":124,"tag":181,"props":584,"children":585},{"style":211},[586],{"type":129,"value":258},{"type":124,"tag":181,"props":588,"children":589},{"style":205},[590],{"type":129,"value":591}," width",{"type":124,"tag":181,"props":593,"children":594},{"style":211},[595],{"type":129,"value":240},{"type":124,"tag":181,"props":597,"children":598},{"style":205},[599],{"type":129,"value":600}," height",{"type":124,"tag":181,"props":602,"children":603},{"style":211},[604],{"type":129,"value":240},{"type":124,"tag":181,"props":606,"children":607},{"style":205},[608],{"type":129,"value":609}," format",{"type":124,"tag":181,"props":611,"children":612},{"style":211},[613],{"type":129,"value":240},{"type":124,"tag":181,"props":615,"children":616},{"style":205},[617],{"type":129,"value":618}," fit",{"type":124,"tag":181,"props":620,"children":621},{"style":211},[622],{"type":129,"value":240},{"type":124,"tag":181,"props":624,"children":625},{"style":211},[626],{"type":129,"value":627}," ...",{"type":124,"tag":181,"props":629,"children":630},{"style":205},[631],{"type":129,"value":632},"providerModifiers",{"type":124,"tag":181,"props":634,"children":635},{"style":211},[636],{"type":129,"value":450},{"type":124,"tag":181,"props":638,"children":639},{"style":211},[640],{"type":129,"value":542},{"type":124,"tag":181,"props":642,"children":643},{"style":205},[644],{"type":129,"value":524},{"type":124,"tag":181,"props":646,"children":647},{"class":183,"line":320},[648,652,657,661],{"type":124,"tag":181,"props":649,"children":650},{"style":493},[651],{"type":129,"value":582},{"type":124,"tag":181,"props":653,"children":654},{"style":205},[655],{"type":129,"value":656}," operations",{"type":124,"tag":181,"props":658,"children":659},{"style":211},[660],{"type":129,"value":542},{"type":124,"tag":181,"props":662,"children":663},{"style":221},[664],{"type":129,"value":665}," []",{"type":124,"tag":181,"props":667,"children":668},{"class":183,"line":341},[669],{"type":124,"tag":181,"props":670,"children":671},{"style":345},[672],{"type":129,"value":673},"  // process modifiers",{"type":124,"tag":181,"props":675,"children":676},{"class":183,"line":351},[677,681,686,690,694,699,704,708,712,716,720],{"type":124,"tag":181,"props":678,"children":679},{"style":493},[680],{"type":129,"value":582},{"type":124,"tag":181,"props":682,"children":683},{"style":205},[684],{"type":129,"value":685}," operationsString",{"type":124,"tag":181,"props":687,"children":688},{"style":211},[689],{"type":129,"value":542},{"type":124,"tag":181,"props":691,"children":692},{"style":205},[693],{"type":129,"value":656},{"type":124,"tag":181,"props":695,"children":696},{"style":211},[697],{"type":129,"value":698},".",{"type":124,"tag":181,"props":700,"children":701},{"style":199},[702],{"type":129,"value":703},"join",{"type":124,"tag":181,"props":705,"children":706},{"style":221},[707],{"type":129,"value":208},{"type":124,"tag":181,"props":709,"children":710},{"style":211},[711],{"type":129,"value":313},{"type":124,"tag":181,"props":713,"children":714},{"style":305},[715],{"type":129,"value":240},{"type":124,"tag":181,"props":717,"children":718},{"style":211},[719],{"type":129,"value":313},{"type":124,"tag":181,"props":721,"children":722},{"style":221},[723],{"type":129,"value":389},{"type":124,"tag":181,"props":725,"children":726},{"class":183,"line":360},[727,732],{"type":124,"tag":181,"props":728,"children":729},{"style":188},[730],{"type":129,"value":731},"  return",{"type":124,"tag":181,"props":733,"children":734},{"style":211},[735],{"type":129,"value":258},{"type":124,"tag":181,"props":737,"children":738},{"class":183,"line":369},[739,744,748,752,756,761,765,769,773,778],{"type":124,"tag":181,"props":740,"children":741},{"style":221},[742],{"type":129,"value":743},"    url",{"type":124,"tag":181,"props":745,"children":746},{"style":211},[747],{"type":129,"value":229},{"type":124,"tag":181,"props":749,"children":750},{"style":199},[751],{"type":129,"value":445},{"type":124,"tag":181,"props":753,"children":754},{"style":221},[755],{"type":129,"value":208},{"type":124,"tag":181,"props":757,"children":758},{"style":205},[759],{"type":129,"value":760},"baseURL",{"type":124,"tag":181,"props":762,"children":763},{"style":211},[764],{"type":129,"value":240},{"type":124,"tag":181,"props":766,"children":767},{"style":205},[768],{"type":129,"value":685},{"type":124,"tag":181,"props":770,"children":771},{"style":211},[772],{"type":129,"value":240},{"type":124,"tag":181,"props":774,"children":775},{"style":205},[776],{"type":129,"value":777}," src",{"type":124,"tag":181,"props":779,"children":780},{"style":221},[781],{"type":129,"value":389},{"type":124,"tag":181,"props":783,"children":784},{"class":183,"line":378},[785],{"type":124,"tag":181,"props":786,"children":787},{"style":211},[788],{"type":129,"value":375},{"type":124,"tag":181,"props":790,"children":792},{"class":183,"line":791},13,[793],{"type":124,"tag":181,"props":794,"children":795},{"style":211},[796],{"type":129,"value":384},{"type":124,"tag":798,"props":799,"children":801},"h3",{"id":800},"parameters",[802],{"type":129,"value":803},"Parameters",{"type":124,"tag":805,"props":806,"children":807},"ul",{},[808,818,828],{"type":124,"tag":809,"props":810,"children":811},"li",{},[812,816],{"type":124,"tag":132,"props":813,"children":814},{"className":118},[815],{"type":129,"value":511},{"type":129,"value":817},": Source path of the image.",{"type":124,"tag":809,"props":819,"children":820},{},[821,826],{"type":124,"tag":132,"props":822,"children":823},{"className":118},[824],{"type":129,"value":825},"modifiers",{"type":129,"value":827},": List of image modifiers that are defined in the image component or as a preset.",{"type":124,"tag":809,"props":829,"children":830},{},[831,836,838,843,845],{"type":124,"tag":132,"props":832,"children":833},{"className":118},[834],{"type":129,"value":835},"ctx",{"type":129,"value":837},": (",{"type":124,"tag":132,"props":839,"children":840},{"className":118},[841],{"type":129,"value":842},"ImageCTX",{"type":129,"value":844},") Image module runtime context\n",{"type":124,"tag":805,"props":846,"children":847},{},[848,864],{"type":124,"tag":809,"props":849,"children":850},{},[851,856,857,862],{"type":124,"tag":132,"props":852,"children":853},{"className":118},[854],{"type":129,"value":855},"options",{"type":129,"value":837},{"type":124,"tag":132,"props":858,"children":859},{"className":118},[860],{"type":129,"value":861},"CreateImageOptions",{"type":129,"value":863},") Image module global runtime options",{"type":124,"tag":809,"props":865,"children":866},{},[867,872,874],{"type":124,"tag":132,"props":868,"children":869},{"className":118},[870],{"type":129,"value":871},"$img",{"type":129,"value":873},": The ",{"type":124,"tag":875,"props":876,"children":877},"a",{"href":32},[878],{"type":129,"value":879},"$img helper",{"type":124,"tag":125,"props":881,"children":882},{},[883,889,891,895],{"type":124,"tag":884,"props":885,"children":886},"strong",{},[887],{"type":129,"value":888},"Note:",{"type":129,"value":890}," Values in ",{"type":124,"tag":132,"props":892,"children":893},{"className":118},[894],{"type":129,"value":835},{"type":129,"value":896}," might change. Use it with caution.",{"type":124,"tag":798,"props":898,"children":900},{"id":899},"return",[901],{"type":129,"value":902},"Return",{"type":124,"tag":805,"props":904,"children":905},{},[906],{"type":124,"tag":809,"props":907,"children":908},{},[909,914],{"type":124,"tag":132,"props":910,"children":911},{"className":118},[912],{"type":129,"value":913},"url",{"type":129,"value":915},": Absolute or relative url of optimized image.",{"type":124,"tag":409,"props":917,"children":919},{"id":918},"use-your-provider",[920],{"type":129,"value":921},"Use your provider",{"type":124,"tag":798,"props":923,"children":925},{"id":924},"register-provider",[926],{"type":129,"value":927},"Register provider",{"type":124,"tag":125,"props":929,"children":930},{},[931,933,937,939,944],{"type":129,"value":932},"After you create your own provider, you should register it in the ",{"type":124,"tag":132,"props":934,"children":935},{"className":118},[936],{"type":129,"value":155},{"type":129,"value":938},". In order to do that create a property inside ",{"type":124,"tag":132,"props":940,"children":941},{"className":118},[942],{"type":129,"value":943},"image.provider",{"type":129,"value":698},{"type":124,"tag":171,"props":946,"children":948},{"className":422,"code":947,"language":424,"meta":118,"style":118},"export default {\n  ...\n  image: {\n    providers: {\n      customProvider: {\n        name: 'customProvider', // optional value to overrider provider name\n        provider: '~/providers/custom', // Path to custom provider\n        options: {\n          // ... provider options\n        }\n      }\n    }\n  }\n}\n",[949],{"type":124,"tag":132,"props":950,"children":951},{"__ignoreMap":118},[952,967,975,987,1003,1019,1053,1087,1103,1111,1119,1127,1134,1141],{"type":124,"tag":181,"props":953,"children":954},{"class":183,"line":184},[955,959,963],{"type":124,"tag":181,"props":956,"children":957},{"style":188},[958],{"type":129,"value":191},{"type":124,"tag":181,"props":960,"children":961},{"style":188},[962],{"type":129,"value":196},{"type":124,"tag":181,"props":964,"children":965},{"style":211},[966],{"type":129,"value":258},{"type":124,"tag":181,"props":968,"children":969},{"class":183,"line":217},[970],{"type":124,"tag":181,"props":971,"children":972},{"style":211},[973],{"type":129,"value":974},"  ...",{"type":124,"tag":181,"props":976,"children":977},{"class":183,"line":243},[978,983],{"type":124,"tag":181,"props":979,"children":980},{"style":205},[981],{"type":129,"value":982},"  image: ",{"type":124,"tag":181,"props":984,"children":985},{"style":211},[986],{"type":129,"value":214},{"type":124,"tag":181,"props":988,"children":989},{"class":183,"line":261},[990,995,999],{"type":124,"tag":181,"props":991,"children":992},{"style":221},[993],{"type":129,"value":994},"    providers",{"type":124,"tag":181,"props":996,"children":997},{"style":211},[998],{"type":129,"value":229},{"type":124,"tag":181,"props":1000,"children":1001},{"style":211},[1002],{"type":129,"value":258},{"type":124,"tag":181,"props":1004,"children":1005},{"class":183,"line":278},[1006,1011,1015],{"type":124,"tag":181,"props":1007,"children":1008},{"style":221},[1009],{"type":129,"value":1010},"      customProvider",{"type":124,"tag":181,"props":1012,"children":1013},{"style":211},[1014],{"type":129,"value":229},{"type":124,"tag":181,"props":1016,"children":1017},{"style":211},[1018],{"type":129,"value":258},{"type":124,"tag":181,"props":1020,"children":1021},{"class":183,"line":296},[1022,1027,1031,1035,1040,1044,1048],{"type":124,"tag":181,"props":1023,"children":1024},{"style":221},[1025],{"type":129,"value":1026},"        name",{"type":124,"tag":181,"props":1028,"children":1029},{"style":211},[1030],{"type":129,"value":229},{"type":124,"tag":181,"props":1032,"children":1033},{"style":211},[1034],{"type":129,"value":460},{"type":124,"tag":181,"props":1036,"children":1037},{"style":305},[1038],{"type":129,"value":1039},"customProvider",{"type":124,"tag":181,"props":1041,"children":1042},{"style":211},[1043],{"type":129,"value":313},{"type":124,"tag":181,"props":1045,"children":1046},{"style":211},[1047],{"type":129,"value":240},{"type":124,"tag":181,"props":1049,"children":1050},{"style":345},[1051],{"type":129,"value":1052}," // optional value to overrider provider name",{"type":124,"tag":181,"props":1054,"children":1055},{"class":183,"line":320},[1056,1061,1065,1069,1074,1078,1082],{"type":124,"tag":181,"props":1057,"children":1058},{"style":221},[1059],{"type":129,"value":1060},"        provider",{"type":124,"tag":181,"props":1062,"children":1063},{"style":211},[1064],{"type":129,"value":229},{"type":124,"tag":181,"props":1066,"children":1067},{"style":211},[1068],{"type":129,"value":460},{"type":124,"tag":181,"props":1070,"children":1071},{"style":305},[1072],{"type":129,"value":1073},"~/providers/custom",{"type":124,"tag":181,"props":1075,"children":1076},{"style":211},[1077],{"type":129,"value":313},{"type":124,"tag":181,"props":1079,"children":1080},{"style":211},[1081],{"type":129,"value":240},{"type":124,"tag":181,"props":1083,"children":1084},{"style":345},[1085],{"type":129,"value":1086}," // Path to custom provider",{"type":124,"tag":181,"props":1088,"children":1089},{"class":183,"line":341},[1090,1095,1099],{"type":124,"tag":181,"props":1091,"children":1092},{"style":221},[1093],{"type":129,"value":1094},"        options",{"type":124,"tag":181,"props":1096,"children":1097},{"style":211},[1098],{"type":129,"value":229},{"type":124,"tag":181,"props":1100,"children":1101},{"style":211},[1102],{"type":129,"value":258},{"type":124,"tag":181,"props":1104,"children":1105},{"class":183,"line":351},[1106],{"type":124,"tag":181,"props":1107,"children":1108},{"style":345},[1109],{"type":129,"value":1110},"          // ... provider options",{"type":124,"tag":181,"props":1112,"children":1113},{"class":183,"line":360},[1114],{"type":124,"tag":181,"props":1115,"children":1116},{"style":211},[1117],{"type":129,"value":1118},"        }",{"type":124,"tag":181,"props":1120,"children":1121},{"class":183,"line":369},[1122],{"type":124,"tag":181,"props":1123,"children":1124},{"style":211},[1125],{"type":129,"value":1126},"      }",{"type":124,"tag":181,"props":1128,"children":1129},{"class":183,"line":378},[1130],{"type":124,"tag":181,"props":1131,"children":1132},{"style":211},[1133],{"type":129,"value":366},{"type":124,"tag":181,"props":1135,"children":1136},{"class":183,"line":791},[1137],{"type":124,"tag":181,"props":1138,"children":1139},{"style":211},[1140],{"type":129,"value":375},{"type":124,"tag":181,"props":1142,"children":1144},{"class":183,"line":1143},14,[1145],{"type":124,"tag":181,"props":1146,"children":1147},{"style":211},[1148],{"type":129,"value":384},{"type":124,"tag":125,"props":1150,"children":1151},{},[1152,1154,1159,1161,1169],{"type":129,"value":1153},"There are plenty of useful utilities that can be used to write providers by importing from ",{"type":124,"tag":132,"props":1155,"children":1156},{"className":118},[1157],{"type":129,"value":1158},"#img",{"type":129,"value":1160},". See ",{"type":124,"tag":875,"props":1162,"children":1166},{"href":1163,"rel":1164},"https://github.com/nuxt/image/tree/dev/src/runtime/providers",[1165],"nofollow",[1167],{"type":129,"value":1168},"src/runtime/providers",{"type":129,"value":1170}," for more info.",{"type":124,"tag":391,"props":1172,"children":1173},{},[1174],{"type":129,"value":395},{"title":118,"searchDepth":217,"depth":217,"links":1176},[1177,1181],{"id":411,"depth":217,"text":414,"children":1178},[1179,1180],{"id":800,"depth":243,"text":803},{"id":899,"depth":243,"text":902},{"id":918,"depth":217,"text":921,"children":1182},[1183],{"id":924,"depth":243,"text":927},"content:4.advanced:1.custom-provider.md","4.advanced/1.custom-provider.md",null,1697713011339]