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