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