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