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