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