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