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