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