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