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