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