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