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