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