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