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