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