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