[{"data":1,"prerenderedAt":2994},["Reactive",2],{"navigation":3,"docs-/advanced/custom-provider":112,"docs-/advanced/custom-provider-surround":1191},[4,17,30,102],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14],{"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,"children":20},"Usage","/usage",[21,24,27],{"title":22,"_path":23},"\u003CNuxtImg>","/usage/nuxt-img",{"title":25,"_path":26},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":28,"_path":29},"useImage()","/usage/use-image",{"title":15,"_path":31,"children":32},"/providers",[33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99],{"title":34,"_path":35},"Cloudflare","/providers/cloudflare",{"title":37,"_path":38},"Cloudimage","/providers/cloudimage",{"title":40,"_path":41},"Cloudinary","/providers/cloudinary",{"title":43,"_path":44},"Contentful","/providers/contentful",{"title":46,"_path":47},"Directus","/providers/directus",{"title":49,"_path":50},"Edgio","/providers/edgio",{"title":52,"_path":53},"Fastly","/providers/fastly",{"title":55,"_path":56},"Glide","/providers/glide",{"title":58,"_path":59},"Gumlet","/providers/gumlet",{"title":61,"_path":62},"ImageEngine","/providers/imageengine",{"title":64,"_path":65},"ImageKit","/providers/imagekit",{"title":67,"_path":68},"Imgix","/providers/imgix",{"title":70,"_path":71},"IPX","/providers/ipx",{"title":73,"_path":74},"Netlify","/providers/netlify",{"title":76,"_path":77},"Prepr","/providers/prepr",{"title":79,"_path":80},"Prismic","/providers/prismic",{"title":82,"_path":83},"Sanity","/providers/sanity",{"title":85,"_path":86},"Storyblok","/providers/storyblok",{"title":88,"_path":89},"Strapi","/providers/strapi",{"title":91,"_path":92},"Twicpics","/providers/twicpics",{"title":94,"_path":95},"Unsplash","/providers/unsplash",{"title":97,"_path":98},"Uploadcare","/providers/uploadcare",{"title":100,"_path":101},"Vercel","/providers/vercel",{"title":103,"_path":104,"children":105},"Advanced","/advanced",[106,109],{"title":107,"_path":108},"Custom Provider","/advanced/custom-provider",{"title":110,"_path":111},"Static Images","/advanced/static-images",{"_path":108,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"title":107,"description":116,"body":117,"_type":1186,"_id":1187,"_source":1188,"_file":1189,"_extension":1190},"advanced",false,"","If a CDN provider is not supported, you can define it yourself.",{"type":118,"children":119,"toc":1177},"root",[120,129,135,719,726,799,816,821,834,840,846,864,1149,1171],{"type":121,"tag":122,"props":123,"children":125},"element","h2",{"id":124},"provider-entry",[126],{"type":127,"value":128},"text","Provider Entry",{"type":121,"tag":130,"props":131,"children":132},"p",{},[133],{"type":127,"value":134},"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":121,"tag":136,"props":137,"children":141},"pre",{"className":138,"code":139,"language":140,"meta":115},"language-js material-theme_material-theme-palenight_material-theme-lighter","import { joinURL } from 'ufo'\n\n// import {} from '#image'\n\nexport function getImage(src, { modifiers, baseURL } = {}, { options, $img }) {\n  const { width, height, format, fit, ...providerModifiers } = modifiers\n  const operations = []\n  // process modifiers\n  const operationsString = operations.join(',')\n  return {\n    url: joinURL(baseURL, operationsString, src)\n  }\n}\n","js",[142],{"type":121,"tag":143,"props":144,"children":145},"code",{"__ignoreMap":115},[146,218,225,235,242,391,504,538,551,619,640,698,711],{"type":121,"tag":147,"props":148,"children":151},"span",{"class":149,"line":150},"line",1,[152,158,164,170,175,180,184,189,193,198,202,207,213],{"type":121,"tag":147,"props":153,"children":155},{"class":154},"ct-398028",[156],{"type":127,"value":157},"import",{"type":121,"tag":147,"props":159,"children":161},{"class":160},"ct-521921",[162],{"type":127,"value":163}," ",{"type":121,"tag":147,"props":165,"children":167},{"class":166},"ct-542793",[168],{"type":127,"value":169},"{",{"type":121,"tag":147,"props":171,"children":173},{"class":172},"ct-821147",[174],{"type":127,"value":163},{"type":121,"tag":147,"props":176,"children":177},{"class":160},[178],{"type":127,"value":179},"joinURL",{"type":121,"tag":147,"props":181,"children":182},{"class":172},[183],{"type":127,"value":163},{"type":121,"tag":147,"props":185,"children":186},{"class":166},[187],{"type":127,"value":188},"}",{"type":121,"tag":147,"props":190,"children":191},{"class":160},[192],{"type":127,"value":163},{"type":121,"tag":147,"props":194,"children":195},{"class":154},[196],{"type":127,"value":197},"from",{"type":121,"tag":147,"props":199,"children":200},{"class":160},[201],{"type":127,"value":163},{"type":121,"tag":147,"props":203,"children":204},{"class":166},[205],{"type":127,"value":206},"'",{"type":121,"tag":147,"props":208,"children":210},{"class":209},"ct-083593",[211],{"type":127,"value":212},"ufo",{"type":121,"tag":147,"props":214,"children":215},{"class":166},[216],{"type":127,"value":217},"'\n",{"type":121,"tag":147,"props":219,"children":221},{"class":149,"line":220},2,[222],{"type":121,"tag":147,"props":223,"children":224},{},[],{"type":121,"tag":147,"props":226,"children":228},{"class":149,"line":227},3,[229],{"type":121,"tag":147,"props":230,"children":232},{"class":231},"ct-767688",[233],{"type":127,"value":234},"// import {} from '#image'\n",{"type":121,"tag":147,"props":236,"children":238},{"class":149,"line":237},4,[239],{"type":121,"tag":147,"props":240,"children":241},{},[],{"type":121,"tag":147,"props":243,"children":245},{"class":149,"line":244},5,[246,251,255,261,265,271,276,282,287,291,295,299,304,308,312,317,321,325,329,334,338,343,347,351,355,360,364,368,373,377,382,386],{"type":121,"tag":147,"props":247,"children":248},{"class":154},[249],{"type":127,"value":250},"export",{"type":121,"tag":147,"props":252,"children":253},{"class":160},[254],{"type":127,"value":163},{"type":121,"tag":147,"props":256,"children":258},{"class":257},"ct-366012",[259],{"type":127,"value":260},"function",{"type":121,"tag":147,"props":262,"children":263},{"class":160},[264],{"type":127,"value":163},{"type":121,"tag":147,"props":266,"children":268},{"class":267},"ct-021512",[269],{"type":127,"value":270},"getImage",{"type":121,"tag":147,"props":272,"children":273},{"class":166},[274],{"type":127,"value":275},"(",{"type":121,"tag":147,"props":277,"children":279},{"class":278},"ct-377156",[280],{"type":127,"value":281},"src",{"type":121,"tag":147,"props":283,"children":284},{"class":166},[285],{"type":127,"value":286},",",{"type":121,"tag":147,"props":288,"children":289},{"class":160},[290],{"type":127,"value":163},{"type":121,"tag":147,"props":292,"children":293},{"class":166},[294],{"type":127,"value":169},{"type":121,"tag":147,"props":296,"children":297},{"class":160},[298],{"type":127,"value":163},{"type":121,"tag":147,"props":300,"children":301},{"class":278},[302],{"type":127,"value":303},"modifiers",{"type":121,"tag":147,"props":305,"children":306},{"class":166},[307],{"type":127,"value":286},{"type":121,"tag":147,"props":309,"children":310},{"class":160},[311],{"type":127,"value":163},{"type":121,"tag":147,"props":313,"children":314},{"class":278},[315],{"type":127,"value":316},"baseURL",{"type":121,"tag":147,"props":318,"children":319},{"class":160},[320],{"type":127,"value":163},{"type":121,"tag":147,"props":322,"children":323},{"class":166},[324],{"type":127,"value":188},{"type":121,"tag":147,"props":326,"children":327},{"class":160},[328],{"type":127,"value":163},{"type":121,"tag":147,"props":330,"children":331},{"class":166},[332],{"type":127,"value":333},"=",{"type":121,"tag":147,"props":335,"children":336},{"class":160},[337],{"type":127,"value":163},{"type":121,"tag":147,"props":339,"children":340},{"class":166},[341],{"type":127,"value":342},"{},",{"type":121,"tag":147,"props":344,"children":345},{"class":160},[346],{"type":127,"value":163},{"type":121,"tag":147,"props":348,"children":349},{"class":166},[350],{"type":127,"value":169},{"type":121,"tag":147,"props":352,"children":353},{"class":160},[354],{"type":127,"value":163},{"type":121,"tag":147,"props":356,"children":357},{"class":278},[358],{"type":127,"value":359},"options",{"type":121,"tag":147,"props":361,"children":362},{"class":166},[363],{"type":127,"value":286},{"type":121,"tag":147,"props":365,"children":366},{"class":160},[367],{"type":127,"value":163},{"type":121,"tag":147,"props":369,"children":370},{"class":278},[371],{"type":127,"value":372},"$img",{"type":121,"tag":147,"props":374,"children":375},{"class":160},[376],{"type":127,"value":163},{"type":121,"tag":147,"props":378,"children":379},{"class":166},[380],{"type":127,"value":381},"})",{"type":121,"tag":147,"props":383,"children":384},{"class":160},[385],{"type":127,"value":163},{"type":121,"tag":147,"props":387,"children":388},{"class":166},[389],{"type":127,"value":390},"{\n",{"type":121,"tag":147,"props":392,"children":394},{"class":149,"line":393},6,[395,400,405,409,413,417,422,426,430,435,439,443,448,452,456,461,465,469,474,479,483,487,491,495,499],{"type":121,"tag":147,"props":396,"children":397},{"class":172},[398],{"type":127,"value":399},"  ",{"type":121,"tag":147,"props":401,"children":402},{"class":257},[403],{"type":127,"value":404},"const",{"type":121,"tag":147,"props":406,"children":407},{"class":172},[408],{"type":127,"value":163},{"type":121,"tag":147,"props":410,"children":411},{"class":166},[412],{"type":127,"value":169},{"type":121,"tag":147,"props":414,"children":415},{"class":172},[416],{"type":127,"value":163},{"type":121,"tag":147,"props":418,"children":419},{"class":160},[420],{"type":127,"value":421},"width",{"type":121,"tag":147,"props":423,"children":424},{"class":166},[425],{"type":127,"value":286},{"type":121,"tag":147,"props":427,"children":428},{"class":172},[429],{"type":127,"value":163},{"type":121,"tag":147,"props":431,"children":432},{"class":160},[433],{"type":127,"value":434},"height",{"type":121,"tag":147,"props":436,"children":437},{"class":166},[438],{"type":127,"value":286},{"type":121,"tag":147,"props":440,"children":441},{"class":172},[442],{"type":127,"value":163},{"type":121,"tag":147,"props":444,"children":445},{"class":160},[446],{"type":127,"value":447},"format",{"type":121,"tag":147,"props":449,"children":450},{"class":166},[451],{"type":127,"value":286},{"type":121,"tag":147,"props":453,"children":454},{"class":172},[455],{"type":127,"value":163},{"type":121,"tag":147,"props":457,"children":458},{"class":160},[459],{"type":127,"value":460},"fit",{"type":121,"tag":147,"props":462,"children":463},{"class":166},[464],{"type":127,"value":286},{"type":121,"tag":147,"props":466,"children":467},{"class":172},[468],{"type":127,"value":163},{"type":121,"tag":147,"props":470,"children":471},{"class":166},[472],{"type":127,"value":473},"...",{"type":121,"tag":147,"props":475,"children":476},{"class":160},[477],{"type":127,"value":478},"providerModifiers",{"type":121,"tag":147,"props":480,"children":481},{"class":172},[482],{"type":127,"value":163},{"type":121,"tag":147,"props":484,"children":485},{"class":166},[486],{"type":127,"value":188},{"type":121,"tag":147,"props":488,"children":489},{"class":172},[490],{"type":127,"value":163},{"type":121,"tag":147,"props":492,"children":493},{"class":166},[494],{"type":127,"value":333},{"type":121,"tag":147,"props":496,"children":497},{"class":172},[498],{"type":127,"value":163},{"type":121,"tag":147,"props":500,"children":501},{"class":160},[502],{"type":127,"value":503},"modifiers\n",{"type":121,"tag":147,"props":505,"children":507},{"class":149,"line":506},7,[508,512,516,520,525,529,533],{"type":121,"tag":147,"props":509,"children":510},{"class":172},[511],{"type":127,"value":399},{"type":121,"tag":147,"props":513,"children":514},{"class":257},[515],{"type":127,"value":404},{"type":121,"tag":147,"props":517,"children":518},{"class":172},[519],{"type":127,"value":163},{"type":121,"tag":147,"props":521,"children":522},{"class":160},[523],{"type":127,"value":524},"operations",{"type":121,"tag":147,"props":526,"children":527},{"class":172},[528],{"type":127,"value":163},{"type":121,"tag":147,"props":530,"children":531},{"class":166},[532],{"type":127,"value":333},{"type":121,"tag":147,"props":534,"children":535},{"class":172},[536],{"type":127,"value":537}," []\n",{"type":121,"tag":147,"props":539,"children":541},{"class":149,"line":540},8,[542,546],{"type":121,"tag":147,"props":543,"children":544},{"class":166},[545],{"type":127,"value":399},{"type":121,"tag":147,"props":547,"children":548},{"class":231},[549],{"type":127,"value":550},"// process modifiers\n",{"type":121,"tag":147,"props":552,"children":554},{"class":149,"line":553},9,[555,559,563,567,572,576,580,584,588,593,598,602,606,610,614],{"type":121,"tag":147,"props":556,"children":557},{"class":172},[558],{"type":127,"value":399},{"type":121,"tag":147,"props":560,"children":561},{"class":257},[562],{"type":127,"value":404},{"type":121,"tag":147,"props":564,"children":565},{"class":172},[566],{"type":127,"value":163},{"type":121,"tag":147,"props":568,"children":569},{"class":160},[570],{"type":127,"value":571},"operationsString",{"type":121,"tag":147,"props":573,"children":574},{"class":172},[575],{"type":127,"value":163},{"type":121,"tag":147,"props":577,"children":578},{"class":166},[579],{"type":127,"value":333},{"type":121,"tag":147,"props":581,"children":582},{"class":172},[583],{"type":127,"value":163},{"type":121,"tag":147,"props":585,"children":586},{"class":160},[587],{"type":127,"value":524},{"type":121,"tag":147,"props":589,"children":590},{"class":166},[591],{"type":127,"value":592},".",{"type":121,"tag":147,"props":594,"children":595},{"class":267},[596],{"type":127,"value":597},"join",{"type":121,"tag":147,"props":599,"children":600},{"class":172},[601],{"type":127,"value":275},{"type":121,"tag":147,"props":603,"children":604},{"class":166},[605],{"type":127,"value":206},{"type":121,"tag":147,"props":607,"children":608},{"class":209},[609],{"type":127,"value":286},{"type":121,"tag":147,"props":611,"children":612},{"class":166},[613],{"type":127,"value":206},{"type":121,"tag":147,"props":615,"children":616},{"class":172},[617],{"type":127,"value":618},")\n",{"type":121,"tag":147,"props":620,"children":622},{"class":149,"line":621},10,[623,627,632,636],{"type":121,"tag":147,"props":624,"children":625},{"class":172},[626],{"type":127,"value":399},{"type":121,"tag":147,"props":628,"children":629},{"class":154},[630],{"type":127,"value":631},"return",{"type":121,"tag":147,"props":633,"children":634},{"class":172},[635],{"type":127,"value":163},{"type":121,"tag":147,"props":637,"children":638},{"class":166},[639],{"type":127,"value":390},{"type":121,"tag":147,"props":641,"children":643},{"class":149,"line":642},11,[644,649,654,658,662,666,670,674,678,682,686,690,694],{"type":121,"tag":147,"props":645,"children":646},{"class":172},[647],{"type":127,"value":648},"    url",{"type":121,"tag":147,"props":650,"children":651},{"class":166},[652],{"type":127,"value":653},":",{"type":121,"tag":147,"props":655,"children":656},{"class":172},[657],{"type":127,"value":163},{"type":121,"tag":147,"props":659,"children":660},{"class":267},[661],{"type":127,"value":179},{"type":121,"tag":147,"props":663,"children":664},{"class":172},[665],{"type":127,"value":275},{"type":121,"tag":147,"props":667,"children":668},{"class":160},[669],{"type":127,"value":316},{"type":121,"tag":147,"props":671,"children":672},{"class":166},[673],{"type":127,"value":286},{"type":121,"tag":147,"props":675,"children":676},{"class":172},[677],{"type":127,"value":163},{"type":121,"tag":147,"props":679,"children":680},{"class":160},[681],{"type":127,"value":571},{"type":121,"tag":147,"props":683,"children":684},{"class":166},[685],{"type":127,"value":286},{"type":121,"tag":147,"props":687,"children":688},{"class":172},[689],{"type":127,"value":163},{"type":121,"tag":147,"props":691,"children":692},{"class":160},[693],{"type":127,"value":281},{"type":121,"tag":147,"props":695,"children":696},{"class":172},[697],{"type":127,"value":618},{"type":121,"tag":147,"props":699,"children":701},{"class":149,"line":700},12,[702,706],{"type":121,"tag":147,"props":703,"children":704},{"class":172},[705],{"type":127,"value":399},{"type":121,"tag":147,"props":707,"children":708},{"class":166},[709],{"type":127,"value":710},"}\n",{"type":121,"tag":147,"props":712,"children":714},{"class":149,"line":713},13,[715],{"type":121,"tag":147,"props":716,"children":717},{"class":166},[718],{"type":127,"value":188},{"type":121,"tag":720,"props":721,"children":723},"h3",{"id":722},"parameters",[724],{"type":127,"value":725},"Parameters",{"type":121,"tag":727,"props":728,"children":729},"ul",{},[730,740,749],{"type":121,"tag":731,"props":732,"children":733},"li",{},[734,738],{"type":121,"tag":143,"props":735,"children":736},{},[737],{"type":127,"value":281},{"type":127,"value":739},": Source path of the image.",{"type":121,"tag":731,"props":741,"children":742},{},[743,747],{"type":121,"tag":143,"props":744,"children":745},{},[746],{"type":127,"value":303},{"type":127,"value":748},": List of image modifiers that are defined in the image component or as a preset.",{"type":121,"tag":731,"props":750,"children":751},{},[752,757,759,764,766],{"type":121,"tag":143,"props":753,"children":754},{},[755],{"type":127,"value":756},"ctx",{"type":127,"value":758},": (",{"type":121,"tag":143,"props":760,"children":761},{},[762],{"type":127,"value":763},"ImageCTX",{"type":127,"value":765},") Image module runtime context\n",{"type":121,"tag":727,"props":767,"children":768},{},[769,784],{"type":121,"tag":731,"props":770,"children":771},{},[772,776,777,782],{"type":121,"tag":143,"props":773,"children":774},{},[775],{"type":127,"value":359},{"type":127,"value":758},{"type":121,"tag":143,"props":778,"children":779},{},[780],{"type":127,"value":781},"CreateImageOptions",{"type":127,"value":783},") Image module global runtime options",{"type":121,"tag":731,"props":785,"children":786},{},[787,791,793],{"type":121,"tag":143,"props":788,"children":789},{},[790],{"type":127,"value":372},{"type":127,"value":792},": The ",{"type":121,"tag":794,"props":795,"children":796},"a",{"href":29},[797],{"type":127,"value":798},"$img helper",{"type":121,"tag":130,"props":800,"children":801},{},[802,808,810,814],{"type":121,"tag":803,"props":804,"children":805},"strong",{},[806],{"type":127,"value":807},"Note:",{"type":127,"value":809}," Values in ",{"type":121,"tag":143,"props":811,"children":812},{},[813],{"type":127,"value":756},{"type":127,"value":815}," might change. Use it with caution.",{"type":121,"tag":720,"props":817,"children":818},{"id":631},[819],{"type":127,"value":820},"Return",{"type":121,"tag":727,"props":822,"children":823},{},[824],{"type":121,"tag":731,"props":825,"children":826},{},[827,832],{"type":121,"tag":143,"props":828,"children":829},{},[830],{"type":127,"value":831},"url",{"type":127,"value":833},": Absolute or relative url of optimized image.",{"type":121,"tag":122,"props":835,"children":837},{"id":836},"use-your-provider",[838],{"type":127,"value":839},"Use your provider",{"type":121,"tag":720,"props":841,"children":843},{"id":842},"register-provider",[844],{"type":127,"value":845},"Register provider",{"type":121,"tag":130,"props":847,"children":848},{},[849,851,856,858,863],{"type":127,"value":850},"After you create your own provider, you should register it in the ",{"type":121,"tag":143,"props":852,"children":853},{},[854],{"type":127,"value":855},"nuxt.config",{"type":127,"value":857},". In order to do that create a property inside ",{"type":121,"tag":143,"props":859,"children":860},{},[861],{"type":127,"value":862},"image.provider",{"type":127,"value":592},{"type":121,"tag":136,"props":865,"children":867},{"className":138,"code":866,"language":140,"meta":115},"export default {\n  ...\n  image: {\n    providers: {\n      customProvider: {\n        name: 'customProvider', // optional value to overrider provider name\n        provider: '~/providers/custom', // Path to custom provider\n        options: {\n          // ... provider options\n        }\n      }\n    }\n  }\n}\n",[868],{"type":121,"tag":143,"props":869,"children":870},{"__ignoreMap":115},[871,895,907,919,944,969,1015,1061,1084,1097,1108,1119,1130,1141],{"type":121,"tag":147,"props":872,"children":873},{"class":149,"line":150},[874,878,882,887,891],{"type":121,"tag":147,"props":875,"children":876},{"class":154},[877],{"type":127,"value":250},{"type":121,"tag":147,"props":879,"children":880},{"class":160},[881],{"type":127,"value":163},{"type":121,"tag":147,"props":883,"children":884},{"class":154},[885],{"type":127,"value":886},"default",{"type":121,"tag":147,"props":888,"children":889},{"class":160},[890],{"type":127,"value":163},{"type":121,"tag":147,"props":892,"children":893},{"class":166},[894],{"type":127,"value":390},{"type":121,"tag":147,"props":896,"children":897},{"class":149,"line":220},[898,902],{"type":121,"tag":147,"props":899,"children":900},{"class":160},[901],{"type":127,"value":399},{"type":121,"tag":147,"props":903,"children":904},{"class":166},[905],{"type":127,"value":906},"...\n",{"type":121,"tag":147,"props":908,"children":909},{"class":149,"line":227},[910,915],{"type":121,"tag":147,"props":911,"children":912},{"class":160},[913],{"type":127,"value":914},"  image: ",{"type":121,"tag":147,"props":916,"children":917},{"class":166},[918],{"type":127,"value":390},{"type":121,"tag":147,"props":920,"children":921},{"class":149,"line":237},[922,927,932,936,940],{"type":121,"tag":147,"props":923,"children":924},{"class":160},[925],{"type":127,"value":926},"    ",{"type":121,"tag":147,"props":928,"children":929},{"class":172},[930],{"type":127,"value":931},"providers",{"type":121,"tag":147,"props":933,"children":934},{"class":166},[935],{"type":127,"value":653},{"type":121,"tag":147,"props":937,"children":938},{"class":160},[939],{"type":127,"value":163},{"type":121,"tag":147,"props":941,"children":942},{"class":166},[943],{"type":127,"value":390},{"type":121,"tag":147,"props":945,"children":946},{"class":149,"line":244},[947,952,957,961,965],{"type":121,"tag":147,"props":948,"children":949},{"class":160},[950],{"type":127,"value":951},"      ",{"type":121,"tag":147,"props":953,"children":954},{"class":172},[955],{"type":127,"value":956},"customProvider",{"type":121,"tag":147,"props":958,"children":959},{"class":166},[960],{"type":127,"value":653},{"type":121,"tag":147,"props":962,"children":963},{"class":160},[964],{"type":127,"value":163},{"type":121,"tag":147,"props":966,"children":967},{"class":166},[968],{"type":127,"value":390},{"type":121,"tag":147,"props":970,"children":971},{"class":149,"line":393},[972,977,982,986,990,994,998,1002,1006,1010],{"type":121,"tag":147,"props":973,"children":974},{"class":160},[975],{"type":127,"value":976},"        ",{"type":121,"tag":147,"props":978,"children":979},{"class":172},[980],{"type":127,"value":981},"name",{"type":121,"tag":147,"props":983,"children":984},{"class":166},[985],{"type":127,"value":653},{"type":121,"tag":147,"props":987,"children":988},{"class":160},[989],{"type":127,"value":163},{"type":121,"tag":147,"props":991,"children":992},{"class":166},[993],{"type":127,"value":206},{"type":121,"tag":147,"props":995,"children":996},{"class":209},[997],{"type":127,"value":956},{"type":121,"tag":147,"props":999,"children":1000},{"class":166},[1001],{"type":127,"value":206},{"type":121,"tag":147,"props":1003,"children":1004},{"class":166},[1005],{"type":127,"value":286},{"type":121,"tag":147,"props":1007,"children":1008},{"class":160},[1009],{"type":127,"value":163},{"type":121,"tag":147,"props":1011,"children":1012},{"class":231},[1013],{"type":127,"value":1014},"// optional value to overrider provider name\n",{"type":121,"tag":147,"props":1016,"children":1017},{"class":149,"line":506},[1018,1022,1027,1031,1035,1039,1044,1048,1052,1056],{"type":121,"tag":147,"props":1019,"children":1020},{"class":160},[1021],{"type":127,"value":976},{"type":121,"tag":147,"props":1023,"children":1024},{"class":172},[1025],{"type":127,"value":1026},"provider",{"type":121,"tag":147,"props":1028,"children":1029},{"class":166},[1030],{"type":127,"value":653},{"type":121,"tag":147,"props":1032,"children":1033},{"class":160},[1034],{"type":127,"value":163},{"type":121,"tag":147,"props":1036,"children":1037},{"class":166},[1038],{"type":127,"value":206},{"type":121,"tag":147,"props":1040,"children":1041},{"class":209},[1042],{"type":127,"value":1043},"~/providers/custom",{"type":121,"tag":147,"props":1045,"children":1046},{"class":166},[1047],{"type":127,"value":206},{"type":121,"tag":147,"props":1049,"children":1050},{"class":166},[1051],{"type":127,"value":286},{"type":121,"tag":147,"props":1053,"children":1054},{"class":160},[1055],{"type":127,"value":163},{"type":121,"tag":147,"props":1057,"children":1058},{"class":231},[1059],{"type":127,"value":1060},"// Path to custom provider\n",{"type":121,"tag":147,"props":1062,"children":1063},{"class":149,"line":540},[1064,1068,1072,1076,1080],{"type":121,"tag":147,"props":1065,"children":1066},{"class":160},[1067],{"type":127,"value":976},{"type":121,"tag":147,"props":1069,"children":1070},{"class":172},[1071],{"type":127,"value":359},{"type":121,"tag":147,"props":1073,"children":1074},{"class":166},[1075],{"type":127,"value":653},{"type":121,"tag":147,"props":1077,"children":1078},{"class":160},[1079],{"type":127,"value":163},{"type":121,"tag":147,"props":1081,"children":1082},{"class":166},[1083],{"type":127,"value":390},{"type":121,"tag":147,"props":1085,"children":1086},{"class":149,"line":553},[1087,1092],{"type":121,"tag":147,"props":1088,"children":1089},{"class":166},[1090],{"type":127,"value":1091},"          ",{"type":121,"tag":147,"props":1093,"children":1094},{"class":231},[1095],{"type":127,"value":1096},"// ... provider options\n",{"type":121,"tag":147,"props":1098,"children":1099},{"class":149,"line":621},[1100,1104],{"type":121,"tag":147,"props":1101,"children":1102},{"class":160},[1103],{"type":127,"value":976},{"type":121,"tag":147,"props":1105,"children":1106},{"class":166},[1107],{"type":127,"value":710},{"type":121,"tag":147,"props":1109,"children":1110},{"class":149,"line":642},[1111,1115],{"type":121,"tag":147,"props":1112,"children":1113},{"class":160},[1114],{"type":127,"value":951},{"type":121,"tag":147,"props":1116,"children":1117},{"class":166},[1118],{"type":127,"value":710},{"type":121,"tag":147,"props":1120,"children":1121},{"class":149,"line":700},[1122,1126],{"type":121,"tag":147,"props":1123,"children":1124},{"class":160},[1125],{"type":127,"value":926},{"type":121,"tag":147,"props":1127,"children":1128},{"class":166},[1129],{"type":127,"value":710},{"type":121,"tag":147,"props":1131,"children":1132},{"class":149,"line":713},[1133,1137],{"type":121,"tag":147,"props":1134,"children":1135},{"class":160},[1136],{"type":127,"value":399},{"type":121,"tag":147,"props":1138,"children":1139},{"class":166},[1140],{"type":127,"value":710},{"type":121,"tag":147,"props":1142,"children":1144},{"class":149,"line":1143},14,[1145],{"type":121,"tag":147,"props":1146,"children":1147},{"class":166},[1148],{"type":127,"value":188},{"type":121,"tag":130,"props":1150,"children":1151},{},[1152,1154,1159,1161,1169],{"type":127,"value":1153},"There are plenty of useful utilities that can be used to write providers by importing from ",{"type":121,"tag":143,"props":1155,"children":1156},{},[1157],{"type":127,"value":1158},"#img",{"type":127,"value":1160},". See ",{"type":121,"tag":794,"props":1162,"children":1166},{"href":1163,"rel":1164},"https://github.com/nuxt/image/tree/dev/src/runtime/providers",[1165],"nofollow",[1167],{"type":127,"value":1168},"src/runtime/providers",{"type":127,"value":1170}," for more info.",{"type":121,"tag":1172,"props":1173,"children":1174},"style",{},[1175],{"type":127,"value":1176},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-377156{color:#EEFFFF;font-style:italic;}.dark .ct-377156{color:#A6ACCD;font-style:italic;}.light .ct-377156{color:#90A4AE;font-style:italic;}",{"title":115,"searchDepth":220,"depth":220,"links":1178},[1179,1183],{"id":124,"depth":220,"text":128,"children":1180},[1181,1182],{"id":722,"depth":227,"text":725},{"id":631,"depth":227,"text":820},{"id":836,"depth":220,"text":839,"children":1184},[1185],{"id":842,"depth":227,"text":845},"markdown","content:4.advanced:1.custom-provider.md","content","4.advanced/1.custom-provider.md","md",[1192,2699],{"_path":29,"_dir":1193,"_draft":114,"_partial":114,"_locale":115,"title":28,"description":1194,"body":1195,"_type":1186,"_id":2697,"_source":1188,"_file":2698,"_extension":1190},"usage","A Vue composable that returns a helper function to generate optimized image URLs.",{"type":118,"children":1196,"toc":2692},[1197,1233,1237,1310,1327,1592,1601,1695,1710,1718,1836,1850,2687],{"type":121,"tag":130,"props":1198,"children":1199},{},[1200,1202,1206,1208,1212,1214,1218,1220,1224,1226,1231],{"type":127,"value":1201},"Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":121,"tag":143,"props":1203,"children":1204},{},[1205],{"type":127,"value":22},{"type":127,"value":1207}," and ",{"type":121,"tag":143,"props":1209,"children":1210},{},[1211],{"type":127,"value":25},{"type":127,"value":1213}," components. This is where ",{"type":121,"tag":143,"props":1215,"children":1216},{},[1217],{"type":127,"value":28},{"type":127,"value":1219}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":121,"tag":143,"props":1221,"children":1222},{},[1223],{"type":127,"value":372},{"type":127,"value":1225}," or ",{"type":121,"tag":143,"props":1227,"children":1228},{},[1229],{"type":127,"value":1230},"img",{"type":127,"value":1232},").",{"type":121,"tag":122,"props":1234,"children":1235},{"id":1193},[1236],{"type":127,"value":18},{"type":121,"tag":136,"props":1238,"children":1240},{"className":138,"code":1239,"language":140,"meta":115},"const img = useImage()\n\nimg(src, modifiers, options)\n",[1241],{"type":121,"tag":143,"props":1242,"children":1243},{"__ignoreMap":115},[1244,1274,1280],{"type":121,"tag":147,"props":1245,"children":1246},{"class":149,"line":150},[1247,1251,1256,1260,1264,1269],{"type":121,"tag":147,"props":1248,"children":1249},{"class":257},[1250],{"type":127,"value":404},{"type":121,"tag":147,"props":1252,"children":1253},{"class":160},[1254],{"type":127,"value":1255}," img ",{"type":121,"tag":147,"props":1257,"children":1258},{"class":166},[1259],{"type":127,"value":333},{"type":121,"tag":147,"props":1261,"children":1262},{"class":160},[1263],{"type":127,"value":163},{"type":121,"tag":147,"props":1265,"children":1266},{"class":267},[1267],{"type":127,"value":1268},"useImage",{"type":121,"tag":147,"props":1270,"children":1271},{"class":160},[1272],{"type":127,"value":1273},"()\n",{"type":121,"tag":147,"props":1275,"children":1276},{"class":149,"line":220},[1277],{"type":121,"tag":147,"props":1278,"children":1279},{},[],{"type":121,"tag":147,"props":1281,"children":1282},{"class":149,"line":227},[1283,1287,1292,1296,1301,1305],{"type":121,"tag":147,"props":1284,"children":1285},{"class":267},[1286],{"type":127,"value":1230},{"type":121,"tag":147,"props":1288,"children":1289},{"class":160},[1290],{"type":127,"value":1291},"(src",{"type":121,"tag":147,"props":1293,"children":1294},{"class":166},[1295],{"type":127,"value":286},{"type":121,"tag":147,"props":1297,"children":1298},{"class":160},[1299],{"type":127,"value":1300}," modifiers",{"type":121,"tag":147,"props":1302,"children":1303},{"class":166},[1304],{"type":127,"value":286},{"type":121,"tag":147,"props":1306,"children":1307},{"class":160},[1308],{"type":127,"value":1309}," options)",{"type":121,"tag":130,"props":1311,"children":1312},{},[1313,1318,1320,1325],{"type":121,"tag":803,"props":1314,"children":1315},{},[1316],{"type":127,"value":1317},"Example:",{"type":127,"value":1319}," Generate image URL for ",{"type":121,"tag":143,"props":1321,"children":1322},{},[1323],{"type":127,"value":1324},"backgroundImage",{"type":127,"value":1326}," style.",{"type":121,"tag":136,"props":1328,"children":1330},{"className":138,"code":1329,"language":140,"meta":115},"const img = useImage()\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https://github.com/nuxt.png', { width: 100 })\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[1331],{"type":121,"tag":143,"props":1332,"children":1333},{"__ignoreMap":115},[1334,1361,1412,1508,1580],{"type":121,"tag":147,"props":1335,"children":1336},{"class":149,"line":150},[1337,1341,1345,1349,1353,1357],{"type":121,"tag":147,"props":1338,"children":1339},{"class":257},[1340],{"type":127,"value":404},{"type":121,"tag":147,"props":1342,"children":1343},{"class":160},[1344],{"type":127,"value":1255},{"type":121,"tag":147,"props":1346,"children":1347},{"class":166},[1348],{"type":127,"value":333},{"type":121,"tag":147,"props":1350,"children":1351},{"class":160},[1352],{"type":127,"value":163},{"type":121,"tag":147,"props":1354,"children":1355},{"class":267},[1356],{"type":127,"value":1268},{"type":121,"tag":147,"props":1358,"children":1359},{"class":160},[1360],{"type":127,"value":1273},{"type":121,"tag":147,"props":1362,"children":1363},{"class":149,"line":220},[1364,1368,1373,1377,1381,1386,1390,1395,1399,1404,1408],{"type":121,"tag":147,"props":1365,"children":1366},{"class":257},[1367],{"type":127,"value":404},{"type":121,"tag":147,"props":1369,"children":1370},{"class":160},[1371],{"type":127,"value":1372}," backgroundStyles ",{"type":121,"tag":147,"props":1374,"children":1375},{"class":166},[1376],{"type":127,"value":333},{"type":121,"tag":147,"props":1378,"children":1379},{"class":160},[1380],{"type":127,"value":163},{"type":121,"tag":147,"props":1382,"children":1383},{"class":267},[1384],{"type":127,"value":1385},"computed",{"type":121,"tag":147,"props":1387,"children":1388},{"class":160},[1389],{"type":127,"value":275},{"type":121,"tag":147,"props":1391,"children":1392},{"class":166},[1393],{"type":127,"value":1394},"()",{"type":121,"tag":147,"props":1396,"children":1397},{"class":160},[1398],{"type":127,"value":163},{"type":121,"tag":147,"props":1400,"children":1401},{"class":257},[1402],{"type":127,"value":1403},"=>",{"type":121,"tag":147,"props":1405,"children":1406},{"class":160},[1407],{"type":127,"value":163},{"type":121,"tag":147,"props":1409,"children":1410},{"class":166},[1411],{"type":127,"value":390},{"type":121,"tag":147,"props":1413,"children":1414},{"class":149,"line":227},[1415,1419,1423,1427,1432,1436,1440,1444,1448,1452,1456,1461,1465,1469,1473,1477,1482,1486,1490,1496,1500,1504],{"type":121,"tag":147,"props":1416,"children":1417},{"class":172},[1418],{"type":127,"value":399},{"type":121,"tag":147,"props":1420,"children":1421},{"class":257},[1422],{"type":127,"value":404},{"type":121,"tag":147,"props":1424,"children":1425},{"class":172},[1426],{"type":127,"value":163},{"type":121,"tag":147,"props":1428,"children":1429},{"class":160},[1430],{"type":127,"value":1431},"imgUrl",{"type":121,"tag":147,"props":1433,"children":1434},{"class":172},[1435],{"type":127,"value":163},{"type":121,"tag":147,"props":1437,"children":1438},{"class":166},[1439],{"type":127,"value":333},{"type":121,"tag":147,"props":1441,"children":1442},{"class":172},[1443],{"type":127,"value":163},{"type":121,"tag":147,"props":1445,"children":1446},{"class":267},[1447],{"type":127,"value":1230},{"type":121,"tag":147,"props":1449,"children":1450},{"class":172},[1451],{"type":127,"value":275},{"type":121,"tag":147,"props":1453,"children":1454},{"class":166},[1455],{"type":127,"value":206},{"type":121,"tag":147,"props":1457,"children":1458},{"class":209},[1459],{"type":127,"value":1460},"https://github.com/nuxt.png",{"type":121,"tag":147,"props":1462,"children":1463},{"class":166},[1464],{"type":127,"value":206},{"type":121,"tag":147,"props":1466,"children":1467},{"class":166},[1468],{"type":127,"value":286},{"type":121,"tag":147,"props":1470,"children":1471},{"class":172},[1472],{"type":127,"value":163},{"type":121,"tag":147,"props":1474,"children":1475},{"class":166},[1476],{"type":127,"value":169},{"type":121,"tag":147,"props":1478,"children":1479},{"class":172},[1480],{"type":127,"value":1481}," width",{"type":121,"tag":147,"props":1483,"children":1484},{"class":166},[1485],{"type":127,"value":653},{"type":121,"tag":147,"props":1487,"children":1488},{"class":172},[1489],{"type":127,"value":163},{"type":121,"tag":147,"props":1491,"children":1493},{"class":1492},"ct-053683",[1494],{"type":127,"value":1495},"100",{"type":121,"tag":147,"props":1497,"children":1498},{"class":172},[1499],{"type":127,"value":163},{"type":121,"tag":147,"props":1501,"children":1502},{"class":166},[1503],{"type":127,"value":188},{"type":121,"tag":147,"props":1505,"children":1506},{"class":172},[1507],{"type":127,"value":618},{"type":121,"tag":147,"props":1509,"children":1510},{"class":149,"line":237},[1511,1515,1519,1523,1527,1532,1536,1540,1545,1550,1555,1559,1563,1568,1572,1576],{"type":121,"tag":147,"props":1512,"children":1513},{"class":172},[1514],{"type":127,"value":399},{"type":121,"tag":147,"props":1516,"children":1517},{"class":154},[1518],{"type":127,"value":631},{"type":121,"tag":147,"props":1520,"children":1521},{"class":172},[1522],{"type":127,"value":163},{"type":121,"tag":147,"props":1524,"children":1525},{"class":166},[1526],{"type":127,"value":169},{"type":121,"tag":147,"props":1528,"children":1529},{"class":172},[1530],{"type":127,"value":1531}," backgroundImage",{"type":121,"tag":147,"props":1533,"children":1534},{"class":166},[1535],{"type":127,"value":653},{"type":121,"tag":147,"props":1537,"children":1538},{"class":172},[1539],{"type":127,"value":163},{"type":121,"tag":147,"props":1541,"children":1542},{"class":166},[1543],{"type":127,"value":1544},"`",{"type":121,"tag":147,"props":1546,"children":1547},{"class":209},[1548],{"type":127,"value":1549},"url('",{"type":121,"tag":147,"props":1551,"children":1552},{"class":166},[1553],{"type":127,"value":1554},"${",{"type":121,"tag":147,"props":1556,"children":1557},{"class":160},[1558],{"type":127,"value":1431},{"type":121,"tag":147,"props":1560,"children":1561},{"class":166},[1562],{"type":127,"value":188},{"type":121,"tag":147,"props":1564,"children":1565},{"class":209},[1566],{"type":127,"value":1567},"')",{"type":121,"tag":147,"props":1569,"children":1570},{"class":166},[1571],{"type":127,"value":1544},{"type":121,"tag":147,"props":1573,"children":1574},{"class":172},[1575],{"type":127,"value":163},{"type":121,"tag":147,"props":1577,"children":1578},{"class":166},[1579],{"type":127,"value":710},{"type":121,"tag":147,"props":1581,"children":1582},{"class":149,"line":244},[1583,1587],{"type":121,"tag":147,"props":1584,"children":1585},{"class":166},[1586],{"type":127,"value":188},{"type":121,"tag":147,"props":1588,"children":1589},{"class":160},[1590],{"type":127,"value":1591},")",{"type":121,"tag":720,"props":1593,"children":1595},{"id":1594},"imggetsizes",[1596],{"type":121,"tag":143,"props":1597,"children":1598},{},[1599],{"type":127,"value":1600},"img.getSizes",{"type":121,"tag":136,"props":1602,"children":1604},{"className":138,"code":1603,"language":140,"meta":115},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[1605],{"type":121,"tag":143,"props":1606,"children":1607},{"__ignoreMap":115},[1608,1635,1641],{"type":121,"tag":147,"props":1609,"children":1610},{"class":149,"line":150},[1611,1615,1619,1623,1627,1631],{"type":121,"tag":147,"props":1612,"children":1613},{"class":257},[1614],{"type":127,"value":404},{"type":121,"tag":147,"props":1616,"children":1617},{"class":160},[1618],{"type":127,"value":1255},{"type":121,"tag":147,"props":1620,"children":1621},{"class":166},[1622],{"type":127,"value":333},{"type":121,"tag":147,"props":1624,"children":1625},{"class":160},[1626],{"type":127,"value":163},{"type":121,"tag":147,"props":1628,"children":1629},{"class":267},[1630],{"type":127,"value":1268},{"type":121,"tag":147,"props":1632,"children":1633},{"class":160},[1634],{"type":127,"value":1273},{"type":121,"tag":147,"props":1636,"children":1637},{"class":149,"line":220},[1638],{"type":121,"tag":147,"props":1639,"children":1640},{},[],{"type":121,"tag":147,"props":1642,"children":1643},{"class":149,"line":227},[1644,1648,1652,1657,1661,1665,1669,1673,1678,1682,1687,1691],{"type":121,"tag":147,"props":1645,"children":1646},{"class":160},[1647],{"type":127,"value":1230},{"type":121,"tag":147,"props":1649,"children":1650},{"class":166},[1651],{"type":127,"value":592},{"type":121,"tag":147,"props":1653,"children":1654},{"class":267},[1655],{"type":127,"value":1656},"getSizes",{"type":121,"tag":147,"props":1658,"children":1659},{"class":160},[1660],{"type":127,"value":1291},{"type":121,"tag":147,"props":1662,"children":1663},{"class":166},[1664],{"type":127,"value":286},{"type":121,"tag":147,"props":1666,"children":1667},{"class":160},[1668],{"type":127,"value":163},{"type":121,"tag":147,"props":1670,"children":1671},{"class":166},[1672],{"type":127,"value":169},{"type":121,"tag":147,"props":1674,"children":1675},{"class":160},[1676],{"type":127,"value":1677}," sizes",{"type":121,"tag":147,"props":1679,"children":1680},{"class":166},[1681],{"type":127,"value":286},{"type":121,"tag":147,"props":1683,"children":1684},{"class":160},[1685],{"type":127,"value":1686}," modifiers ",{"type":121,"tag":147,"props":1688,"children":1689},{"class":166},[1690],{"type":127,"value":188},{"type":121,"tag":147,"props":1692,"children":1693},{"class":160},[1694],{"type":127,"value":1591},{"type":121,"tag":1696,"props":1697,"children":1698},"callout",{},[1699],{"type":121,"tag":130,"props":1700,"children":1701},{},[1702,1704,1708],{"type":127,"value":1703},"Unstable: ",{"type":121,"tag":143,"props":1705,"children":1706},{},[1707],{"type":127,"value":1656},{"type":127,"value":1709}," API might change or be removed.",{"type":121,"tag":130,"props":1711,"children":1712},{},[1713],{"type":121,"tag":803,"props":1714,"children":1715},{},[1716],{"type":127,"value":1717},"Parameters:",{"type":121,"tag":727,"props":1719,"children":1720},{},[1721,1730,1740,1794],{"type":121,"tag":731,"props":1722,"children":1723},{},[1724,1728],{"type":121,"tag":143,"props":1725,"children":1726},{},[1727],{"type":127,"value":281},{"type":127,"value":1729},": (string) Source to original image id",{"type":121,"tag":731,"props":1731,"children":1732},{},[1733,1738],{"type":121,"tag":143,"props":1734,"children":1735},{},[1736],{"type":127,"value":1737},"sizes",{"type":127,"value":1739},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":121,"tag":731,"props":1741,"children":1742},{},[1743,1747,1749],{"type":121,"tag":143,"props":1744,"children":1745},{},[1746],{"type":127,"value":303},{"type":127,"value":1748},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":121,"tag":727,"props":1750,"children":1751},{},[1752,1761,1770,1780,1789],{"type":121,"tag":731,"props":1753,"children":1754},{},[1755,1759],{"type":121,"tag":143,"props":1756,"children":1757},{},[1758],{"type":127,"value":421},{"type":127,"value":1760},": resize to the specified width (in pixels)",{"type":121,"tag":731,"props":1762,"children":1763},{},[1764,1768],{"type":121,"tag":143,"props":1765,"children":1766},{},[1767],{"type":127,"value":434},{"type":127,"value":1769},": resize to specified height (in pixels)",{"type":121,"tag":731,"props":1771,"children":1772},{},[1773,1778],{"type":121,"tag":143,"props":1774,"children":1775},{},[1776],{"type":127,"value":1777},"quality",{"type":127,"value":1779},": Change image quality (0 to 100)",{"type":121,"tag":731,"props":1781,"children":1782},{},[1783,1787],{"type":121,"tag":143,"props":1784,"children":1785},{},[1786],{"type":127,"value":447},{"type":127,"value":1788},": Change the image format",{"type":121,"tag":731,"props":1790,"children":1791},{},[1792],{"type":127,"value":1793},"(any other custom provider modifier)",{"type":121,"tag":731,"props":1795,"children":1796},{},[1797,1801,1803],{"type":121,"tag":143,"props":1798,"children":1799},{},[1800],{"type":127,"value":359},{"type":127,"value":1802},": (object)\n",{"type":121,"tag":727,"props":1804,"children":1805},{},[1806,1821],{"type":121,"tag":731,"props":1807,"children":1808},{},[1809,1813,1815,1820],{"type":121,"tag":143,"props":1810,"children":1811},{},[1812],{"type":127,"value":1026},{"type":127,"value":1814},": (string) Provider name other than default (see ",{"type":121,"tag":794,"props":1816,"children":1818},{"href":1817},"/get-started/configuration#providers",[1819],{"type":127,"value":931},{"type":127,"value":1591},{"type":121,"tag":731,"props":1822,"children":1823},{},[1824,1829,1831],{"type":121,"tag":143,"props":1825,"children":1826},{},[1827],{"type":127,"value":1828},"preset",{"type":127,"value":1830},": Use a ",{"type":121,"tag":794,"props":1832,"children":1834},{"href":1833},"/get-started/configuration#presets",[1835],{"type":127,"value":1828},{"type":121,"tag":130,"props":1837,"children":1838},{},[1839,1843,1845],{"type":121,"tag":803,"props":1840,"children":1841},{},[1842],{"type":127,"value":1317},{"type":127,"value":1844}," Responsive srcset with Vuetify ",{"type":121,"tag":143,"props":1846,"children":1847},{},[1848],{"type":127,"value":1849},"v-img",{"type":121,"tag":136,"props":1851,"children":1855},{"className":1852,"code":1853,"language":1854,"meta":115},"language-html material-theme_material-theme-palenight_material-theme-lighter","\u003Cscript setup lang=\"ts\">\nconst props = defineProps({\n  height: { type: [Number, String], default: 500 },\n  src: {\n    type: String,\n    default: '/img/header-bg.jpg'\n  }\n})\nconst img = useImage()\nconst _srcset = computed(() => {\n  return img.getSizes(props.src, {\n    sizes: 'xs:100vw sm:100vw md:100vw lg:100vw xl:100vw',\n    modifiers: {\n      format: 'webp',\n      quality: 70,\n      height: props.height\n    }\n  })\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cv-img\n    :lazy-src=\"img(src, { width: 10, quality: 70 })\"\n    :src=\"img(src, { height, quality: 70 })\"\n    :srcset=\"_srcset.srcset\"\n    :height=\"height\"\n    :sizes=\"_srcset.sizes\"\n  >\u003C/v-img>\n\u003C/template>\n","html",[1856],{"type":121,"tag":143,"props":1857,"children":1858},{"__ignoreMap":115},[1859,1913,1946,2030,2053,2078,2110,2121,2132,2159,2207,2263,2296,2316,2349,2375,2405,2417,2433,2445,2462,2469,2486,2503,2534,2564,2594,2623,2653,2670],{"type":121,"tag":147,"props":1860,"children":1861},{"class":149,"line":150},[1862,1867,1872,1876,1881,1885,1890,1894,1899,1904,1908],{"type":121,"tag":147,"props":1863,"children":1864},{"class":166},[1865],{"type":127,"value":1866},"\u003C",{"type":121,"tag":147,"props":1868,"children":1869},{"class":172},[1870],{"type":127,"value":1871},"script",{"type":121,"tag":147,"props":1873,"children":1874},{"class":166},[1875],{"type":127,"value":163},{"type":121,"tag":147,"props":1877,"children":1878},{"class":257},[1879],{"type":127,"value":1880},"setup",{"type":121,"tag":147,"props":1882,"children":1883},{"class":166},[1884],{"type":127,"value":163},{"type":121,"tag":147,"props":1886,"children":1887},{"class":257},[1888],{"type":127,"value":1889},"lang",{"type":121,"tag":147,"props":1891,"children":1892},{"class":166},[1893],{"type":127,"value":333},{"type":121,"tag":147,"props":1895,"children":1896},{"class":166},[1897],{"type":127,"value":1898},"\"",{"type":121,"tag":147,"props":1900,"children":1901},{"class":209},[1902],{"type":127,"value":1903},"ts",{"type":121,"tag":147,"props":1905,"children":1906},{"class":166},[1907],{"type":127,"value":1898},{"type":121,"tag":147,"props":1909,"children":1910},{"class":166},[1911],{"type":127,"value":1912},">\n",{"type":121,"tag":147,"props":1914,"children":1915},{"class":149,"line":220},[1916,1920,1925,1929,1933,1938,1942],{"type":121,"tag":147,"props":1917,"children":1918},{"class":257},[1919],{"type":127,"value":404},{"type":121,"tag":147,"props":1921,"children":1922},{"class":160},[1923],{"type":127,"value":1924}," props ",{"type":121,"tag":147,"props":1926,"children":1927},{"class":166},[1928],{"type":127,"value":333},{"type":121,"tag":147,"props":1930,"children":1931},{"class":160},[1932],{"type":127,"value":163},{"type":121,"tag":147,"props":1934,"children":1935},{"class":267},[1936],{"type":127,"value":1937},"defineProps",{"type":121,"tag":147,"props":1939,"children":1940},{"class":160},[1941],{"type":127,"value":275},{"type":121,"tag":147,"props":1943,"children":1944},{"class":166},[1945],{"type":127,"value":390},{"type":121,"tag":147,"props":1947,"children":1948},{"class":149,"line":227},[1949,1953,1957,1961,1965,1969,1973,1978,1982,1987,1991,1996,2000,2004,2008,2012,2016,2021,2025],{"type":121,"tag":147,"props":1950,"children":1951},{"class":160},[1952],{"type":127,"value":399},{"type":121,"tag":147,"props":1954,"children":1955},{"class":172},[1956],{"type":127,"value":434},{"type":121,"tag":147,"props":1958,"children":1959},{"class":166},[1960],{"type":127,"value":653},{"type":121,"tag":147,"props":1962,"children":1963},{"class":160},[1964],{"type":127,"value":163},{"type":121,"tag":147,"props":1966,"children":1967},{"class":166},[1968],{"type":127,"value":169},{"type":121,"tag":147,"props":1970,"children":1971},{"class":160},[1972],{"type":127,"value":163},{"type":121,"tag":147,"props":1974,"children":1975},{"class":172},[1976],{"type":127,"value":1977},"type",{"type":121,"tag":147,"props":1979,"children":1980},{"class":166},[1981],{"type":127,"value":653},{"type":121,"tag":147,"props":1983,"children":1984},{"class":160},[1985],{"type":127,"value":1986}," [Number",{"type":121,"tag":147,"props":1988,"children":1989},{"class":166},[1990],{"type":127,"value":286},{"type":121,"tag":147,"props":1992,"children":1993},{"class":160},[1994],{"type":127,"value":1995}," String]",{"type":121,"tag":147,"props":1997,"children":1998},{"class":166},[1999],{"type":127,"value":286},{"type":121,"tag":147,"props":2001,"children":2002},{"class":160},[2003],{"type":127,"value":163},{"type":121,"tag":147,"props":2005,"children":2006},{"class":172},[2007],{"type":127,"value":886},{"type":121,"tag":147,"props":2009,"children":2010},{"class":166},[2011],{"type":127,"value":653},{"type":121,"tag":147,"props":2013,"children":2014},{"class":160},[2015],{"type":127,"value":163},{"type":121,"tag":147,"props":2017,"children":2018},{"class":1492},[2019],{"type":127,"value":2020},"500",{"type":121,"tag":147,"props":2022,"children":2023},{"class":160},[2024],{"type":127,"value":163},{"type":121,"tag":147,"props":2026,"children":2027},{"class":166},[2028],{"type":127,"value":2029},"},\n",{"type":121,"tag":147,"props":2031,"children":2032},{"class":149,"line":237},[2033,2037,2041,2045,2049],{"type":121,"tag":147,"props":2034,"children":2035},{"class":160},[2036],{"type":127,"value":399},{"type":121,"tag":147,"props":2038,"children":2039},{"class":172},[2040],{"type":127,"value":281},{"type":121,"tag":147,"props":2042,"children":2043},{"class":166},[2044],{"type":127,"value":653},{"type":121,"tag":147,"props":2046,"children":2047},{"class":160},[2048],{"type":127,"value":163},{"type":121,"tag":147,"props":2050,"children":2051},{"class":166},[2052],{"type":127,"value":390},{"type":121,"tag":147,"props":2054,"children":2055},{"class":149,"line":244},[2056,2060,2064,2068,2073],{"type":121,"tag":147,"props":2057,"children":2058},{"class":160},[2059],{"type":127,"value":926},{"type":121,"tag":147,"props":2061,"children":2062},{"class":172},[2063],{"type":127,"value":1977},{"type":121,"tag":147,"props":2065,"children":2066},{"class":166},[2067],{"type":127,"value":653},{"type":121,"tag":147,"props":2069,"children":2070},{"class":160},[2071],{"type":127,"value":2072}," String",{"type":121,"tag":147,"props":2074,"children":2075},{"class":166},[2076],{"type":127,"value":2077},",\n",{"type":121,"tag":147,"props":2079,"children":2080},{"class":149,"line":393},[2081,2085,2089,2093,2097,2101,2106],{"type":121,"tag":147,"props":2082,"children":2083},{"class":160},[2084],{"type":127,"value":926},{"type":121,"tag":147,"props":2086,"children":2087},{"class":172},[2088],{"type":127,"value":886},{"type":121,"tag":147,"props":2090,"children":2091},{"class":166},[2092],{"type":127,"value":653},{"type":121,"tag":147,"props":2094,"children":2095},{"class":160},[2096],{"type":127,"value":163},{"type":121,"tag":147,"props":2098,"children":2099},{"class":166},[2100],{"type":127,"value":206},{"type":121,"tag":147,"props":2102,"children":2103},{"class":209},[2104],{"type":127,"value":2105},"/img/header-bg.jpg",{"type":121,"tag":147,"props":2107,"children":2108},{"class":166},[2109],{"type":127,"value":217},{"type":121,"tag":147,"props":2111,"children":2112},{"class":149,"line":506},[2113,2117],{"type":121,"tag":147,"props":2114,"children":2115},{"class":160},[2116],{"type":127,"value":399},{"type":121,"tag":147,"props":2118,"children":2119},{"class":166},[2120],{"type":127,"value":710},{"type":121,"tag":147,"props":2122,"children":2123},{"class":149,"line":540},[2124,2128],{"type":121,"tag":147,"props":2125,"children":2126},{"class":166},[2127],{"type":127,"value":188},{"type":121,"tag":147,"props":2129,"children":2130},{"class":160},[2131],{"type":127,"value":618},{"type":121,"tag":147,"props":2133,"children":2134},{"class":149,"line":553},[2135,2139,2143,2147,2151,2155],{"type":121,"tag":147,"props":2136,"children":2137},{"class":257},[2138],{"type":127,"value":404},{"type":121,"tag":147,"props":2140,"children":2141},{"class":160},[2142],{"type":127,"value":1255},{"type":121,"tag":147,"props":2144,"children":2145},{"class":166},[2146],{"type":127,"value":333},{"type":121,"tag":147,"props":2148,"children":2149},{"class":160},[2150],{"type":127,"value":163},{"type":121,"tag":147,"props":2152,"children":2153},{"class":267},[2154],{"type":127,"value":1268},{"type":121,"tag":147,"props":2156,"children":2157},{"class":160},[2158],{"type":127,"value":1273},{"type":121,"tag":147,"props":2160,"children":2161},{"class":149,"line":621},[2162,2166,2171,2175,2179,2183,2187,2191,2195,2199,2203],{"type":121,"tag":147,"props":2163,"children":2164},{"class":257},[2165],{"type":127,"value":404},{"type":121,"tag":147,"props":2167,"children":2168},{"class":160},[2169],{"type":127,"value":2170}," _srcset ",{"type":121,"tag":147,"props":2172,"children":2173},{"class":166},[2174],{"type":127,"value":333},{"type":121,"tag":147,"props":2176,"children":2177},{"class":160},[2178],{"type":127,"value":163},{"type":121,"tag":147,"props":2180,"children":2181},{"class":267},[2182],{"type":127,"value":1385},{"type":121,"tag":147,"props":2184,"children":2185},{"class":160},[2186],{"type":127,"value":275},{"type":121,"tag":147,"props":2188,"children":2189},{"class":166},[2190],{"type":127,"value":1394},{"type":121,"tag":147,"props":2192,"children":2193},{"class":160},[2194],{"type":127,"value":163},{"type":121,"tag":147,"props":2196,"children":2197},{"class":257},[2198],{"type":127,"value":1403},{"type":121,"tag":147,"props":2200,"children":2201},{"class":160},[2202],{"type":127,"value":163},{"type":121,"tag":147,"props":2204,"children":2205},{"class":166},[2206],{"type":127,"value":390},{"type":121,"tag":147,"props":2208,"children":2209},{"class":149,"line":642},[2210,2214,2218,2222,2226,2230,2234,2238,2243,2247,2251,2255,2259],{"type":121,"tag":147,"props":2211,"children":2212},{"class":172},[2213],{"type":127,"value":399},{"type":121,"tag":147,"props":2215,"children":2216},{"class":154},[2217],{"type":127,"value":631},{"type":121,"tag":147,"props":2219,"children":2220},{"class":172},[2221],{"type":127,"value":163},{"type":121,"tag":147,"props":2223,"children":2224},{"class":160},[2225],{"type":127,"value":1230},{"type":121,"tag":147,"props":2227,"children":2228},{"class":166},[2229],{"type":127,"value":592},{"type":121,"tag":147,"props":2231,"children":2232},{"class":267},[2233],{"type":127,"value":1656},{"type":121,"tag":147,"props":2235,"children":2236},{"class":172},[2237],{"type":127,"value":275},{"type":121,"tag":147,"props":2239,"children":2240},{"class":160},[2241],{"type":127,"value":2242},"props",{"type":121,"tag":147,"props":2244,"children":2245},{"class":166},[2246],{"type":127,"value":592},{"type":121,"tag":147,"props":2248,"children":2249},{"class":160},[2250],{"type":127,"value":281},{"type":121,"tag":147,"props":2252,"children":2253},{"class":166},[2254],{"type":127,"value":286},{"type":121,"tag":147,"props":2256,"children":2257},{"class":172},[2258],{"type":127,"value":163},{"type":121,"tag":147,"props":2260,"children":2261},{"class":166},[2262],{"type":127,"value":390},{"type":121,"tag":147,"props":2264,"children":2265},{"class":149,"line":700},[2266,2271,2275,2279,2283,2288,2292],{"type":121,"tag":147,"props":2267,"children":2268},{"class":172},[2269],{"type":127,"value":2270},"    sizes",{"type":121,"tag":147,"props":2272,"children":2273},{"class":166},[2274],{"type":127,"value":653},{"type":121,"tag":147,"props":2276,"children":2277},{"class":172},[2278],{"type":127,"value":163},{"type":121,"tag":147,"props":2280,"children":2281},{"class":166},[2282],{"type":127,"value":206},{"type":121,"tag":147,"props":2284,"children":2285},{"class":209},[2286],{"type":127,"value":2287},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":121,"tag":147,"props":2289,"children":2290},{"class":166},[2291],{"type":127,"value":206},{"type":121,"tag":147,"props":2293,"children":2294},{"class":166},[2295],{"type":127,"value":2077},{"type":121,"tag":147,"props":2297,"children":2298},{"class":149,"line":713},[2299,2304,2308,2312],{"type":121,"tag":147,"props":2300,"children":2301},{"class":172},[2302],{"type":127,"value":2303},"    modifiers",{"type":121,"tag":147,"props":2305,"children":2306},{"class":166},[2307],{"type":127,"value":653},{"type":121,"tag":147,"props":2309,"children":2310},{"class":172},[2311],{"type":127,"value":163},{"type":121,"tag":147,"props":2313,"children":2314},{"class":166},[2315],{"type":127,"value":390},{"type":121,"tag":147,"props":2317,"children":2318},{"class":149,"line":1143},[2319,2324,2328,2332,2336,2341,2345],{"type":121,"tag":147,"props":2320,"children":2321},{"class":172},[2322],{"type":127,"value":2323},"      format",{"type":121,"tag":147,"props":2325,"children":2326},{"class":166},[2327],{"type":127,"value":653},{"type":121,"tag":147,"props":2329,"children":2330},{"class":172},[2331],{"type":127,"value":163},{"type":121,"tag":147,"props":2333,"children":2334},{"class":166},[2335],{"type":127,"value":206},{"type":121,"tag":147,"props":2337,"children":2338},{"class":209},[2339],{"type":127,"value":2340},"webp",{"type":121,"tag":147,"props":2342,"children":2343},{"class":166},[2344],{"type":127,"value":206},{"type":121,"tag":147,"props":2346,"children":2347},{"class":166},[2348],{"type":127,"value":2077},{"type":121,"tag":147,"props":2350,"children":2352},{"class":149,"line":2351},15,[2353,2358,2362,2366,2371],{"type":121,"tag":147,"props":2354,"children":2355},{"class":172},[2356],{"type":127,"value":2357},"      quality",{"type":121,"tag":147,"props":2359,"children":2360},{"class":166},[2361],{"type":127,"value":653},{"type":121,"tag":147,"props":2363,"children":2364},{"class":172},[2365],{"type":127,"value":163},{"type":121,"tag":147,"props":2367,"children":2368},{"class":1492},[2369],{"type":127,"value":2370},"70",{"type":121,"tag":147,"props":2372,"children":2373},{"class":166},[2374],{"type":127,"value":2077},{"type":121,"tag":147,"props":2376,"children":2378},{"class":149,"line":2377},16,[2379,2384,2388,2392,2396,2400],{"type":121,"tag":147,"props":2380,"children":2381},{"class":172},[2382],{"type":127,"value":2383},"      height",{"type":121,"tag":147,"props":2385,"children":2386},{"class":166},[2387],{"type":127,"value":653},{"type":121,"tag":147,"props":2389,"children":2390},{"class":172},[2391],{"type":127,"value":163},{"type":121,"tag":147,"props":2393,"children":2394},{"class":160},[2395],{"type":127,"value":2242},{"type":121,"tag":147,"props":2397,"children":2398},{"class":166},[2399],{"type":127,"value":592},{"type":121,"tag":147,"props":2401,"children":2402},{"class":160},[2403],{"type":127,"value":2404},"height\n",{"type":121,"tag":147,"props":2406,"children":2408},{"class":149,"line":2407},17,[2409,2413],{"type":121,"tag":147,"props":2410,"children":2411},{"class":172},[2412],{"type":127,"value":926},{"type":121,"tag":147,"props":2414,"children":2415},{"class":166},[2416],{"type":127,"value":710},{"type":121,"tag":147,"props":2418,"children":2420},{"class":149,"line":2419},18,[2421,2425,2429],{"type":121,"tag":147,"props":2422,"children":2423},{"class":172},[2424],{"type":127,"value":399},{"type":121,"tag":147,"props":2426,"children":2427},{"class":166},[2428],{"type":127,"value":188},{"type":121,"tag":147,"props":2430,"children":2431},{"class":172},[2432],{"type":127,"value":618},{"type":121,"tag":147,"props":2434,"children":2436},{"class":149,"line":2435},19,[2437,2441],{"type":121,"tag":147,"props":2438,"children":2439},{"class":166},[2440],{"type":127,"value":188},{"type":121,"tag":147,"props":2442,"children":2443},{"class":160},[2444],{"type":127,"value":618},{"type":121,"tag":147,"props":2446,"children":2448},{"class":149,"line":2447},20,[2449,2454,2458],{"type":121,"tag":147,"props":2450,"children":2451},{"class":166},[2452],{"type":127,"value":2453},"\u003C/",{"type":121,"tag":147,"props":2455,"children":2456},{"class":172},[2457],{"type":127,"value":1871},{"type":121,"tag":147,"props":2459,"children":2460},{"class":166},[2461],{"type":127,"value":1912},{"type":121,"tag":147,"props":2463,"children":2465},{"class":149,"line":2464},21,[2466],{"type":121,"tag":147,"props":2467,"children":2468},{},[],{"type":121,"tag":147,"props":2470,"children":2472},{"class":149,"line":2471},22,[2473,2477,2482],{"type":121,"tag":147,"props":2474,"children":2475},{"class":166},[2476],{"type":127,"value":1866},{"type":121,"tag":147,"props":2478,"children":2479},{"class":172},[2480],{"type":127,"value":2481},"template",{"type":121,"tag":147,"props":2483,"children":2484},{"class":166},[2485],{"type":127,"value":1912},{"type":121,"tag":147,"props":2487,"children":2489},{"class":149,"line":2488},23,[2490,2494,2498],{"type":121,"tag":147,"props":2491,"children":2492},{"class":160},[2493],{"type":127,"value":399},{"type":121,"tag":147,"props":2495,"children":2496},{"class":166},[2497],{"type":127,"value":1866},{"type":121,"tag":147,"props":2499,"children":2500},{"class":172},[2501],{"type":127,"value":2502},"v-img\n",{"type":121,"tag":147,"props":2504,"children":2506},{"class":149,"line":2505},24,[2507,2511,2516,2520,2524,2529],{"type":121,"tag":147,"props":2508,"children":2509},{"class":166},[2510],{"type":127,"value":926},{"type":121,"tag":147,"props":2512,"children":2513},{"class":257},[2514],{"type":127,"value":2515},":lazy-src",{"type":121,"tag":147,"props":2517,"children":2518},{"class":166},[2519],{"type":127,"value":333},{"type":121,"tag":147,"props":2521,"children":2522},{"class":166},[2523],{"type":127,"value":1898},{"type":121,"tag":147,"props":2525,"children":2526},{"class":209},[2527],{"type":127,"value":2528},"img(src, { width: 10, quality: 70 })",{"type":121,"tag":147,"props":2530,"children":2531},{"class":166},[2532],{"type":127,"value":2533},"\"\n",{"type":121,"tag":147,"props":2535,"children":2537},{"class":149,"line":2536},25,[2538,2542,2547,2551,2555,2560],{"type":121,"tag":147,"props":2539,"children":2540},{"class":166},[2541],{"type":127,"value":926},{"type":121,"tag":147,"props":2543,"children":2544},{"class":257},[2545],{"type":127,"value":2546},":src",{"type":121,"tag":147,"props":2548,"children":2549},{"class":166},[2550],{"type":127,"value":333},{"type":121,"tag":147,"props":2552,"children":2553},{"class":166},[2554],{"type":127,"value":1898},{"type":121,"tag":147,"props":2556,"children":2557},{"class":209},[2558],{"type":127,"value":2559},"img(src, { height, quality: 70 })",{"type":121,"tag":147,"props":2561,"children":2562},{"class":166},[2563],{"type":127,"value":2533},{"type":121,"tag":147,"props":2565,"children":2567},{"class":149,"line":2566},26,[2568,2572,2577,2581,2585,2590],{"type":121,"tag":147,"props":2569,"children":2570},{"class":166},[2571],{"type":127,"value":926},{"type":121,"tag":147,"props":2573,"children":2574},{"class":257},[2575],{"type":127,"value":2576},":srcset",{"type":121,"tag":147,"props":2578,"children":2579},{"class":166},[2580],{"type":127,"value":333},{"type":121,"tag":147,"props":2582,"children":2583},{"class":166},[2584],{"type":127,"value":1898},{"type":121,"tag":147,"props":2586,"children":2587},{"class":209},[2588],{"type":127,"value":2589},"_srcset.srcset",{"type":121,"tag":147,"props":2591,"children":2592},{"class":166},[2593],{"type":127,"value":2533},{"type":121,"tag":147,"props":2595,"children":2597},{"class":149,"line":2596},27,[2598,2602,2607,2611,2615,2619],{"type":121,"tag":147,"props":2599,"children":2600},{"class":166},[2601],{"type":127,"value":926},{"type":121,"tag":147,"props":2603,"children":2604},{"class":257},[2605],{"type":127,"value":2606},":height",{"type":121,"tag":147,"props":2608,"children":2609},{"class":166},[2610],{"type":127,"value":333},{"type":121,"tag":147,"props":2612,"children":2613},{"class":166},[2614],{"type":127,"value":1898},{"type":121,"tag":147,"props":2616,"children":2617},{"class":209},[2618],{"type":127,"value":434},{"type":121,"tag":147,"props":2620,"children":2621},{"class":166},[2622],{"type":127,"value":2533},{"type":121,"tag":147,"props":2624,"children":2626},{"class":149,"line":2625},28,[2627,2631,2636,2640,2644,2649],{"type":121,"tag":147,"props":2628,"children":2629},{"class":166},[2630],{"type":127,"value":926},{"type":121,"tag":147,"props":2632,"children":2633},{"class":257},[2634],{"type":127,"value":2635},":sizes",{"type":121,"tag":147,"props":2637,"children":2638},{"class":166},[2639],{"type":127,"value":333},{"type":121,"tag":147,"props":2641,"children":2642},{"class":166},[2643],{"type":127,"value":1898},{"type":121,"tag":147,"props":2645,"children":2646},{"class":209},[2647],{"type":127,"value":2648},"_srcset.sizes",{"type":121,"tag":147,"props":2650,"children":2651},{"class":166},[2652],{"type":127,"value":2533},{"type":121,"tag":147,"props":2654,"children":2656},{"class":149,"line":2655},29,[2657,2662,2666],{"type":121,"tag":147,"props":2658,"children":2659},{"class":166},[2660],{"type":127,"value":2661},"  >\u003C/",{"type":121,"tag":147,"props":2663,"children":2664},{"class":172},[2665],{"type":127,"value":1849},{"type":121,"tag":147,"props":2667,"children":2668},{"class":166},[2669],{"type":127,"value":1912},{"type":121,"tag":147,"props":2671,"children":2673},{"class":149,"line":2672},30,[2674,2678,2682],{"type":121,"tag":147,"props":2675,"children":2676},{"class":166},[2677],{"type":127,"value":2453},{"type":121,"tag":147,"props":2679,"children":2680},{"class":172},[2681],{"type":127,"value":2481},{"type":121,"tag":147,"props":2683,"children":2684},{"class":166},[2685],{"type":127,"value":2686},">",{"type":121,"tag":1172,"props":2688,"children":2689},{},[2690],{"type":127,"value":2691},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-053683{color:#F78C6C;}.light .ct-053683{color:#F76D47;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}",{"title":115,"searchDepth":220,"depth":220,"links":2693},[2694],{"id":1193,"depth":220,"text":18,"children":2695},[2696],{"id":1594,"depth":227,"text":1600},"content:2.usage:3.use-image.md","2.usage/3.use-image.md",{"_path":111,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"title":110,"description":2700,"body":2701,"_type":1186,"_id":2992,"_source":1188,"_file":2993,"_extension":1190},"Optimizing images for static websites.",{"type":118,"children":2702,"toc":2990},[2703,2715,2733,2745,2985],{"type":121,"tag":130,"props":2704,"children":2705},{},[2706,2708,2713],{"type":127,"value":2707},"If you are building a static site using ",{"type":121,"tag":143,"props":2709,"children":2710},{},[2711],{"type":127,"value":2712},"nuxt generate",{"type":127,"value":2714},", Nuxt Image will optimize and save your images locally when your site is generated - and deploy them alongside your generated pages.",{"type":121,"tag":130,"props":2716,"children":2717},{},[2718,2720,2725,2727,2731],{"type":127,"value":2719},"If you disabled server-side rendering (",{"type":121,"tag":143,"props":2721,"children":2722},{},[2723],{"type":127,"value":2724},"ssr: false",{"type":127,"value":2726}," in the ",{"type":121,"tag":143,"props":2728,"children":2729},{},[2730],{"type":127,"value":855},{"type":127,"value":2732},"), Nuxt Image won't be able to optimize your images during the static generation process.",{"type":121,"tag":130,"props":2734,"children":2735},{},[2736,2738,2743],{"type":127,"value":2737},"In that case, you can tell Nuxt to pre-render images by using the ",{"type":121,"tag":143,"props":2739,"children":2740},{},[2741],{"type":127,"value":2742},"nitro.prerender.routes",{"type":127,"value":2744}," option:",{"type":121,"tag":136,"props":2746,"children":2749},{"className":2747,"code":2748,"language":1903,"meta":115},"language-ts material-theme_material-theme-palenight_material-theme-lighter","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",[2750],{"type":121,"tag":143,"props":2751,"children":2752},{"__ignoreMap":115},[2753,2785,2815,2839,2863,2884,2908,2932,2944,2952,2963,2974],{"type":121,"tag":147,"props":2754,"children":2755},{"class":149,"line":150},[2756,2760,2764,2768,2772,2777,2781],{"type":121,"tag":147,"props":2757,"children":2758},{"class":154},[2759],{"type":127,"value":250},{"type":121,"tag":147,"props":2761,"children":2762},{"class":160},[2763],{"type":127,"value":163},{"type":121,"tag":147,"props":2765,"children":2766},{"class":154},[2767],{"type":127,"value":886},{"type":121,"tag":147,"props":2769,"children":2770},{"class":160},[2771],{"type":127,"value":163},{"type":121,"tag":147,"props":2773,"children":2774},{"class":267},[2775],{"type":127,"value":2776},"defineNuxtConfig",{"type":121,"tag":147,"props":2778,"children":2779},{"class":160},[2780],{"type":127,"value":275},{"type":121,"tag":147,"props":2782,"children":2783},{"class":166},[2784],{"type":127,"value":390},{"type":121,"tag":147,"props":2786,"children":2787},{"class":149,"line":220},[2788,2792,2797,2801,2805,2811],{"type":121,"tag":147,"props":2789,"children":2790},{"class":160},[2791],{"type":127,"value":399},{"type":121,"tag":147,"props":2793,"children":2794},{"class":172},[2795],{"type":127,"value":2796},"ssr",{"type":121,"tag":147,"props":2798,"children":2799},{"class":166},[2800],{"type":127,"value":653},{"type":121,"tag":147,"props":2802,"children":2803},{"class":160},[2804],{"type":127,"value":163},{"type":121,"tag":147,"props":2806,"children":2808},{"class":2807},"ct-358248",[2809],{"type":127,"value":2810},"false",{"type":121,"tag":147,"props":2812,"children":2813},{"class":166},[2814],{"type":127,"value":2077},{"type":121,"tag":147,"props":2816,"children":2817},{"class":149,"line":227},[2818,2822,2827,2831,2835],{"type":121,"tag":147,"props":2819,"children":2820},{"class":160},[2821],{"type":127,"value":399},{"type":121,"tag":147,"props":2823,"children":2824},{"class":172},[2825],{"type":127,"value":2826},"nitro",{"type":121,"tag":147,"props":2828,"children":2829},{"class":166},[2830],{"type":127,"value":653},{"type":121,"tag":147,"props":2832,"children":2833},{"class":160},[2834],{"type":127,"value":163},{"type":121,"tag":147,"props":2836,"children":2837},{"class":166},[2838],{"type":127,"value":390},{"type":121,"tag":147,"props":2840,"children":2841},{"class":149,"line":237},[2842,2846,2851,2855,2859],{"type":121,"tag":147,"props":2843,"children":2844},{"class":160},[2845],{"type":127,"value":926},{"type":121,"tag":147,"props":2847,"children":2848},{"class":172},[2849],{"type":127,"value":2850},"prerender",{"type":121,"tag":147,"props":2852,"children":2853},{"class":166},[2854],{"type":127,"value":653},{"type":121,"tag":147,"props":2856,"children":2857},{"class":160},[2858],{"type":127,"value":163},{"type":121,"tag":147,"props":2860,"children":2861},{"class":166},[2862],{"type":127,"value":390},{"type":121,"tag":147,"props":2864,"children":2865},{"class":149,"line":244},[2866,2870,2875,2879],{"type":121,"tag":147,"props":2867,"children":2868},{"class":160},[2869],{"type":127,"value":951},{"type":121,"tag":147,"props":2871,"children":2872},{"class":172},[2873],{"type":127,"value":2874},"routes",{"type":121,"tag":147,"props":2876,"children":2877},{"class":166},[2878],{"type":127,"value":653},{"type":121,"tag":147,"props":2880,"children":2881},{"class":160},[2882],{"type":127,"value":2883}," [\n",{"type":121,"tag":147,"props":2885,"children":2886},{"class":149,"line":393},[2887,2891,2895,2900,2904],{"type":121,"tag":147,"props":2888,"children":2889},{"class":160},[2890],{"type":127,"value":976},{"type":121,"tag":147,"props":2892,"children":2893},{"class":166},[2894],{"type":127,"value":206},{"type":121,"tag":147,"props":2896,"children":2897},{"class":209},[2898],{"type":127,"value":2899},"/_ipx/w_120/market.jpg",{"type":121,"tag":147,"props":2901,"children":2902},{"class":166},[2903],{"type":127,"value":206},{"type":121,"tag":147,"props":2905,"children":2906},{"class":166},[2907],{"type":127,"value":2077},{"type":121,"tag":147,"props":2909,"children":2910},{"class":149,"line":506},[2911,2915,2919,2924,2928],{"type":121,"tag":147,"props":2912,"children":2913},{"class":160},[2914],{"type":127,"value":976},{"type":121,"tag":147,"props":2916,"children":2917},{"class":166},[2918],{"type":127,"value":206},{"type":121,"tag":147,"props":2920,"children":2921},{"class":209},[2922],{"type":127,"value":2923},"/_ipx/w_140/market.jpg",{"type":121,"tag":147,"props":2925,"children":2926},{"class":166},[2927],{"type":127,"value":206},{"type":121,"tag":147,"props":2929,"children":2930},{"class":166},[2931],{"type":127,"value":2077},{"type":121,"tag":147,"props":2933,"children":2934},{"class":149,"line":540},[2935,2939],{"type":121,"tag":147,"props":2936,"children":2937},{"class":166},[2938],{"type":127,"value":976},{"type":121,"tag":147,"props":2940,"children":2941},{"class":231},[2942],{"type":127,"value":2943},"// etc.\n",{"type":121,"tag":147,"props":2945,"children":2946},{"class":149,"line":553},[2947],{"type":121,"tag":147,"props":2948,"children":2949},{"class":160},[2950],{"type":127,"value":2951},"      ]\n",{"type":121,"tag":147,"props":2953,"children":2954},{"class":149,"line":621},[2955,2959],{"type":121,"tag":147,"props":2956,"children":2957},{"class":160},[2958],{"type":127,"value":926},{"type":121,"tag":147,"props":2960,"children":2961},{"class":166},[2962],{"type":127,"value":710},{"type":121,"tag":147,"props":2964,"children":2965},{"class":149,"line":642},[2966,2970],{"type":121,"tag":147,"props":2967,"children":2968},{"class":160},[2969],{"type":127,"value":399},{"type":121,"tag":147,"props":2971,"children":2972},{"class":166},[2973],{"type":127,"value":710},{"type":121,"tag":147,"props":2975,"children":2976},{"class":149,"line":700},[2977,2981],{"type":121,"tag":147,"props":2978,"children":2979},{"class":166},[2980],{"type":127,"value":188},{"type":121,"tag":147,"props":2982,"children":2983},{"class":160},[2984],{"type":127,"value":1591},{"type":121,"tag":1172,"props":2986,"children":2987},{},[2988],{"type":127,"value":2989},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-358248{color:#FF9CAC;}.light .ct-358248{color:#FF5370;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}",{"title":115,"searchDepth":220,"depth":220,"links":2991},[],"content:4.advanced:2.static-images.md","4.advanced/2.static-images.md",1693922874267]