[{"data":1,"prerenderedAt":1133},["ShallowReactive",2],{"navigation":3,"/providers/storyblok":180,"/providers/storyblok-surround":1128},[4,26,43,167],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Get Started","/get-started","1.get-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Usage","/usage","2.usage",[31,35,39],{"title":32,"path":33,"stem":34},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":36,"path":37,"stem":38},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":40,"path":41,"stem":42},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":44,"stem":45,"children":46,"page":25},"/providers","3.providers",[47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163],{"title":48,"path":49,"stem":50},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":52,"path":53,"stem":54},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":56,"path":57,"stem":58},"Bunny","/providers/bunny","3.providers/bunny",{"title":60,"path":61,"stem":62},"Caisy","/providers/caisy","3.providers/caisy",{"title":64,"path":65,"stem":66},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":68,"path":69,"stem":70},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":72,"path":73,"stem":74},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":76,"path":77,"stem":78},"Contentful","/providers/contentful","3.providers/contentful",{"title":80,"path":81,"stem":82},"Directus","/providers/directus","3.providers/directus",{"title":84,"path":85,"stem":86},"Fastly","/providers/fastly","3.providers/fastly",{"title":88,"path":89,"stem":90},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":92,"path":93,"stem":94},"Glide","/providers/glide","3.providers/glide",{"title":96,"path":97,"stem":98},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":100,"path":101,"stem":102},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":104,"path":105,"stem":106},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":108,"path":109,"stem":110},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":112,"path":113,"stem":114},"Imgix","/providers/imgix","3.providers/imgix",{"title":116,"path":117,"stem":118},"IPX","/providers/ipx","3.providers/ipx",{"title":120,"path":121,"stem":122},"Netlify","/providers/netlify","3.providers/netlify",{"title":124,"path":125,"stem":126},"Prepr","/providers/prepr","3.providers/prepr",{"title":128,"path":129,"stem":130},"Prismic","/providers/prismic","3.providers/prismic",{"title":132,"path":133,"stem":134},"Sanity","/providers/sanity","3.providers/sanity",{"title":136,"path":137,"stem":138},"Sirv","/providers/sirv","3.providers/sirv",{"title":140,"path":141,"stem":142},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":144,"path":145,"stem":146},"Strapi","/providers/strapi","3.providers/strapi",{"title":148,"path":149,"stem":150},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":152,"path":153,"stem":154},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":156,"path":157,"stem":158},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":160,"path":161,"stem":162},"Vercel","/providers/vercel","3.providers/vercel",{"title":164,"path":165,"stem":166},"Weserv","/providers/weserv","3.providers/weserv",{"title":168,"path":169,"stem":170,"children":171,"page":25},"Advanced","/advanced","4.advanced",[172,176],{"title":173,"path":174,"stem":175},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":177,"path":178,"stem":179},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":181,"title":140,"body":182,"description":1117,"extension":1118,"links":1119,"meta":1125,"navigation":399,"path":141,"seo":1126,"stem":142,"__hash__":1127},"docs/3.providers/storyblok.md",{"type":183,"value":184,"toc":1107},"minimark",[185,196,293,298,307,312,321,324,334,337,513,517,523,534,537,539,662,666,672,686,688,752,756,762,765,767,832,836,842,845,847,938,942,948,955,957,1103],[186,187,188,189,195],"p",{},"Integration between ",[190,191,140],"a",{"href":192,"rel":193},"https://www.storyblok.com/docs/image-service",[194],"nofollow"," and the image module. To use this provider you just need to specify the base URL of your service in Storyblok.",[197,198,204],"pre",{"className":199,"code":200,"filename":201,"language":202,"meta":203,"style":203},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    storyblok: {\n      baseURL: 'https://a.storyblok.com'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[205,206,207,231,244,254,272,278,284],"code",{"__ignoreMap":203},[208,209,212,216,219,223,227],"span",{"class":210,"line":211},"line",1,[208,213,215],{"class":214},"s7zQu","export",[208,217,218],{"class":214}," default",[208,220,222],{"class":221},"s2Zo4"," defineNuxtConfig",[208,224,226],{"class":225},"sTEyZ","(",[208,228,230],{"class":229},"sMK4o","{\n",[208,232,234,238,241],{"class":210,"line":233},2,[208,235,237],{"class":236},"swJcz","  image",[208,239,240],{"class":229},":",[208,242,243],{"class":229}," {\n",[208,245,247,250,252],{"class":210,"line":246},3,[208,248,249],{"class":236},"    storyblok",[208,251,240],{"class":229},[208,253,243],{"class":229},[208,255,257,260,262,265,269],{"class":210,"line":256},4,[208,258,259],{"class":236},"      baseURL",[208,261,240],{"class":229},[208,263,264],{"class":229}," '",[208,266,268],{"class":267},"sfazB","https://a.storyblok.com",[208,270,271],{"class":229},"'\n",[208,273,275],{"class":210,"line":274},5,[208,276,277],{"class":229},"    }\n",[208,279,281],{"class":210,"line":280},6,[208,282,283],{"class":229},"  }\n",[208,285,287,290],{"class":210,"line":286},7,[208,288,289],{"class":229},"}",[208,291,292],{"class":225},")\n",[294,295,297],"h2",{"id":296},"storyblok-modifiers","Storyblok Modifiers",[186,299,300,301,306],{},"Check out available ",[190,302,305],{"href":303,"rel":304},"https://www.storyblok.com/docs/api/image-service/operations",[194],"Storyblok image service"," modifiers.",[308,309,311],"h3",{"id":310},"resizing","Resizing",[186,313,314,315,320],{},"Check ",[190,316,319],{"href":317,"rel":318},"https://www.storyblok.com/docs/image-service#resizing",[194],"Storyblok documentation"," if you want to know more.",[186,322,323],{},"the logic is:",[325,326,327,331],"ul",{},[328,329,330],"li",{},"If you do not define either width or height, the image will not be resized.",[328,332,333],{},"If you define only width or only height the image will be proportionately resized based on the one you defined.",[186,335,336],{},"Example:",[197,338,342],{"className":339,"code":340,"language":341,"meta":203,"style":203},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- Original -->\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003C!-- Resized static -->\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n  width=\"500\"\n  height=\"500\"\n/>\n\n\u003C!-- Proportional to width -->\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n  width=\"500\"\n/>\n\n\u003C!-- Proportional to height -->\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n  height=\"500\"\n/>\n","vue",[205,343,344,350,358,376,390,395,401,406,412,418,424,430,436,441,446,452,457,462,467,472,477,482,488,493,498,503,508],{"__ignoreMap":203},[208,345,346],{"class":210,"line":211},[208,347,349],{"class":348},"sHwdD","\u003C!-- Original -->\n",[208,351,352,355],{"class":210,"line":233},[208,353,354],{"class":229},"\u003C",[208,356,357],{"class":236},"NuxtImg\n",[208,359,360,364,367,370,373],{"class":210,"line":246},[208,361,363],{"class":362},"spNyl","  provider",[208,365,366],{"class":229},"=",[208,368,369],{"class":229},"\"",[208,371,372],{"class":267},"storyblok",[208,374,375],{"class":229},"\"\n",[208,377,378,381,383,385,388],{"class":210,"line":256},[208,379,380],{"class":362},"  src",[208,382,366],{"class":229},[208,384,369],{"class":229},[208,386,387],{"class":267},"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg",[208,389,375],{"class":229},[208,391,392],{"class":210,"line":274},[208,393,394],{"class":225},"/>\n",[208,396,397],{"class":210,"line":280},[208,398,400],{"emptyLinePlaceholder":399},true,"\n",[208,402,403],{"class":210,"line":286},[208,404,405],{"class":225},"\u003C!-- Resized static -->\n",[208,407,409],{"class":210,"line":408},8,[208,410,411],{"class":225},"\u003CNuxtImg\n",[208,413,415],{"class":210,"line":414},9,[208,416,417],{"class":225},"  provider=\"storyblok\"\n",[208,419,421],{"class":210,"line":420},10,[208,422,423],{"class":225},"  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n",[208,425,427],{"class":210,"line":426},11,[208,428,429],{"class":225},"  width=\"500\"\n",[208,431,433],{"class":210,"line":432},12,[208,434,435],{"class":225},"  height=\"500\"\n",[208,437,439],{"class":210,"line":438},13,[208,440,394],{"class":225},[208,442,444],{"class":210,"line":443},14,[208,445,400],{"emptyLinePlaceholder":399},[208,447,449],{"class":210,"line":448},15,[208,450,451],{"class":225},"\u003C!-- Proportional to width -->\n",[208,453,455],{"class":210,"line":454},16,[208,456,411],{"class":225},[208,458,460],{"class":210,"line":459},17,[208,461,417],{"class":225},[208,463,465],{"class":210,"line":464},18,[208,466,423],{"class":225},[208,468,470],{"class":210,"line":469},19,[208,471,429],{"class":225},[208,473,475],{"class":210,"line":474},20,[208,476,394],{"class":225},[208,478,480],{"class":210,"line":479},21,[208,481,400],{"emptyLinePlaceholder":399},[208,483,485],{"class":210,"line":484},22,[208,486,487],{"class":225},"\u003C!-- Proportional to height -->\n",[208,489,491],{"class":210,"line":490},23,[208,492,411],{"class":225},[208,494,496],{"class":210,"line":495},24,[208,497,417],{"class":225},[208,499,501],{"class":210,"line":500},25,[208,502,423],{"class":225},[208,504,506],{"class":210,"line":505},26,[208,507,435],{"class":225},[208,509,511],{"class":210,"line":510},27,[208,512,394],{"class":225},[308,514,516],{"id":515},"fit-in-with-background-or-not","Fit in with background or not",[186,518,314,519,320],{},[190,520,319],{"href":521,"rel":522},"https://www.storyblok.com/docs/image-service#fit-in",[194],[186,524,525,526,529,530,533],{},"If you want to use it just add a props ",[205,527,528],{},"fit=\"in\"",". Take care that Storyblok only support ",[205,531,532],{},"fit-in",".",[186,535,536],{},"You can also use the fill filters to fill your fit-in with a specific background. If you not defining value it will be transparent.",[186,538,336],{},[197,540,542],{"className":339,"code":541,"language":341,"meta":203,"style":203},"\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n  width=\"200\"\n  height=\"200\"\n  fit=\"in\"\n  :modifiers=\"{ filters: { fill: 'CCCCCC' } }\"\n/>\n",[205,543,544,550,562,574,588,601,615,658],{"__ignoreMap":203},[208,545,546,548],{"class":210,"line":211},[208,547,354],{"class":229},[208,549,357],{"class":236},[208,551,552,554,556,558,560],{"class":210,"line":233},[208,553,363],{"class":362},[208,555,366],{"class":229},[208,557,369],{"class":229},[208,559,372],{"class":267},[208,561,375],{"class":229},[208,563,564,566,568,570,572],{"class":210,"line":246},[208,565,380],{"class":362},[208,567,366],{"class":229},[208,569,369],{"class":229},[208,571,387],{"class":267},[208,573,375],{"class":229},[208,575,576,579,581,583,586],{"class":210,"line":256},[208,577,578],{"class":362},"  width",[208,580,366],{"class":229},[208,582,369],{"class":229},[208,584,585],{"class":267},"200",[208,587,375],{"class":229},[208,589,590,593,595,597,599],{"class":210,"line":274},[208,591,592],{"class":362},"  height",[208,594,366],{"class":229},[208,596,369],{"class":229},[208,598,585],{"class":267},[208,600,375],{"class":229},[208,602,603,606,608,610,613],{"class":210,"line":280},[208,604,605],{"class":362},"  fit",[208,607,366],{"class":229},[208,609,369],{"class":229},[208,611,612],{"class":267},"in",[208,614,375],{"class":229},[208,616,617,620,623,625,627,630,633,635,638,641,643,645,648,651,654,656],{"class":210,"line":286},[208,618,619],{"class":229},"  :",[208,621,622],{"class":362},"modifiers",[208,624,366],{"class":229},[208,626,369],{"class":229},[208,628,629],{"class":229},"{",[208,631,632],{"class":236}," filters",[208,634,240],{"class":229},[208,636,637],{"class":229}," {",[208,639,640],{"class":236}," fill",[208,642,240],{"class":229},[208,644,264],{"class":229},[208,646,647],{"class":267},"CCCCCC",[208,649,650],{"class":229},"'",[208,652,653],{"class":229}," }",[208,655,653],{"class":229},[208,657,375],{"class":229},[208,659,660],{"class":210,"line":408},[208,661,394],{"class":225},[308,663,665],{"id":664},"format","Format",[186,667,314,668,320],{},[190,669,319],{"href":670,"rel":671},"https://www.storyblok.com/docs/image-service#changing-the-format",[194],[186,673,674,675,678,679,682,683,533],{},"You can modify your image format. Supported format are ",[205,676,677],{},"webp",", ",[205,680,681],{},"jpeg"," and ",[205,684,685],{},"png",[186,687,336],{},[197,689,691],{"className":339,"code":690,"language":341,"meta":203,"style":203},"\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n  width=\"200\"\n  format=\"webp\"\n/>\n",[205,692,693,699,711,723,735,748],{"__ignoreMap":203},[208,694,695,697],{"class":210,"line":211},[208,696,354],{"class":229},[208,698,357],{"class":236},[208,700,701,703,705,707,709],{"class":210,"line":233},[208,702,363],{"class":362},[208,704,366],{"class":229},[208,706,369],{"class":229},[208,708,372],{"class":267},[208,710,375],{"class":229},[208,712,713,715,717,719,721],{"class":210,"line":246},[208,714,380],{"class":362},[208,716,366],{"class":229},[208,718,369],{"class":229},[208,720,387],{"class":267},[208,722,375],{"class":229},[208,724,725,727,729,731,733],{"class":210,"line":256},[208,726,578],{"class":362},[208,728,366],{"class":229},[208,730,369],{"class":229},[208,732,585],{"class":267},[208,734,375],{"class":229},[208,736,737,740,742,744,746],{"class":210,"line":274},[208,738,739],{"class":362},"  format",[208,741,366],{"class":229},[208,743,369],{"class":229},[208,745,677],{"class":267},[208,747,375],{"class":229},[208,749,750],{"class":210,"line":280},[208,751,394],{"class":225},[308,753,755],{"id":754},"quality","Quality",[186,757,314,758,320],{},[190,759,319],{"href":760,"rel":761},"https://www.storyblok.com/docs/image-service#quality-optimization",[194],[186,763,764],{},"You can update your image quality by defining the quality filters.",[186,766,336],{},[197,768,770],{"className":339,"code":769,"language":341,"meta":203,"style":203},"\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n  width=\"200\"\n  quality=\"10\"\n/>\n",[205,771,772,778,790,802,814,828],{"__ignoreMap":203},[208,773,774,776],{"class":210,"line":211},[208,775,354],{"class":229},[208,777,357],{"class":236},[208,779,780,782,784,786,788],{"class":210,"line":233},[208,781,363],{"class":362},[208,783,366],{"class":229},[208,785,369],{"class":229},[208,787,372],{"class":267},[208,789,375],{"class":229},[208,791,792,794,796,798,800],{"class":210,"line":246},[208,793,380],{"class":362},[208,795,366],{"class":229},[208,797,369],{"class":229},[208,799,387],{"class":267},[208,801,375],{"class":229},[208,803,804,806,808,810,812],{"class":210,"line":256},[208,805,578],{"class":362},[208,807,366],{"class":229},[208,809,369],{"class":229},[208,811,585],{"class":267},[208,813,375],{"class":229},[208,815,816,819,821,823,826],{"class":210,"line":274},[208,817,818],{"class":362},"  quality",[208,820,366],{"class":229},[208,822,369],{"class":229},[208,824,825],{"class":267},"10",[208,827,375],{"class":229},[208,829,830],{"class":210,"line":280},[208,831,394],{"class":225},[308,833,835],{"id":834},"facial-detection","Facial detection",[186,837,314,838,320],{},[190,839,319],{"href":840,"rel":841},"https://www.storyblok.com/docs/image-service#facial-detection-and-smart-cropping",[194],[186,843,844],{},"To have a smart crop just define a smart property inside modifier.",[186,846,336],{},[197,848,850],{"className":339,"code":849,"language":341,"meta":203,"style":203},"\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n  width=\"600\"\n  height=\"130\"\n  :modifiers=\"{ smart: true }\"\n/>\n",[205,851,852,858,870,883,896,909,934],{"__ignoreMap":203},[208,853,854,856],{"class":210,"line":211},[208,855,354],{"class":229},[208,857,357],{"class":236},[208,859,860,862,864,866,868],{"class":210,"line":233},[208,861,363],{"class":362},[208,863,366],{"class":229},[208,865,369],{"class":229},[208,867,372],{"class":267},[208,869,375],{"class":229},[208,871,872,874,876,878,881],{"class":210,"line":246},[208,873,380],{"class":362},[208,875,366],{"class":229},[208,877,369],{"class":229},[208,879,880],{"class":267},"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg",[208,882,375],{"class":229},[208,884,885,887,889,891,894],{"class":210,"line":256},[208,886,578],{"class":362},[208,888,366],{"class":229},[208,890,369],{"class":229},[208,892,893],{"class":267},"600",[208,895,375],{"class":229},[208,897,898,900,902,904,907],{"class":210,"line":274},[208,899,592],{"class":362},[208,901,366],{"class":229},[208,903,369],{"class":229},[208,905,906],{"class":267},"130",[208,908,375],{"class":229},[208,910,911,913,915,917,919,921,924,926,930,932],{"class":210,"line":280},[208,912,619],{"class":229},[208,914,622],{"class":362},[208,916,366],{"class":229},[208,918,369],{"class":229},[208,920,629],{"class":229},[208,922,923],{"class":236}," smart",[208,925,240],{"class":229},[208,927,929],{"class":928},"sfNiH"," true",[208,931,653],{"class":229},[208,933,375],{"class":229},[208,935,936],{"class":210,"line":286},[208,937,394],{"class":225},[308,939,941],{"id":940},"custom-focal-point","Custom focal point",[186,943,314,944,320],{},[190,945,319],{"href":946,"rel":947},"https://www.storyblok.com/docs/image-service#custom-focal-point",[194],[186,949,950,951,954],{},"Storyblok allows you to focalize on a specific part of your image. Just use ",[205,952,953],{},"focal"," filters.",[186,956,336],{},[197,958,960],{"className":339,"code":959,"language":341,"meta":203,"style":203},"\u003C!-- Focus on the top of the image -->\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n  width=\"600\"\n  height=\"130\"\n  :modifiers=\"{ filters: { focal: '450x0:550x100' } }\"\n/>\n\n\u003C!-- Focus on the bottom of the image -->\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n  width=\"600\"\n  height=\"130\"\n  :modifiers=\"{ filters: { focal: '450x500:550x600' } }\"\n/>\n",[205,961,962,967,973,985,998,1010,1022,1058,1062,1066,1071,1075,1079,1084,1089,1094,1099],{"__ignoreMap":203},[208,963,964],{"class":210,"line":211},[208,965,966],{"class":348},"\u003C!-- Focus on the top of the image -->\n",[208,968,969,971],{"class":210,"line":233},[208,970,354],{"class":229},[208,972,357],{"class":236},[208,974,975,977,979,981,983],{"class":210,"line":246},[208,976,363],{"class":362},[208,978,366],{"class":229},[208,980,369],{"class":229},[208,982,372],{"class":267},[208,984,375],{"class":229},[208,986,987,989,991,993,996],{"class":210,"line":256},[208,988,380],{"class":362},[208,990,366],{"class":229},[208,992,369],{"class":229},[208,994,995],{"class":267},"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg",[208,997,375],{"class":229},[208,999,1000,1002,1004,1006,1008],{"class":210,"line":274},[208,1001,578],{"class":362},[208,1003,366],{"class":229},[208,1005,369],{"class":229},[208,1007,893],{"class":267},[208,1009,375],{"class":229},[208,1011,1012,1014,1016,1018,1020],{"class":210,"line":280},[208,1013,592],{"class":362},[208,1015,366],{"class":229},[208,1017,369],{"class":229},[208,1019,906],{"class":267},[208,1021,375],{"class":229},[208,1023,1024,1026,1028,1030,1032,1034,1036,1038,1040,1043,1045,1047,1050,1052,1054,1056],{"class":210,"line":286},[208,1025,619],{"class":229},[208,1027,622],{"class":362},[208,1029,366],{"class":229},[208,1031,369],{"class":229},[208,1033,629],{"class":229},[208,1035,632],{"class":236},[208,1037,240],{"class":229},[208,1039,637],{"class":229},[208,1041,1042],{"class":236}," focal",[208,1044,240],{"class":229},[208,1046,264],{"class":229},[208,1048,1049],{"class":267},"450x0:550x100",[208,1051,650],{"class":229},[208,1053,653],{"class":229},[208,1055,653],{"class":229},[208,1057,375],{"class":229},[208,1059,1060],{"class":210,"line":408},[208,1061,394],{"class":225},[208,1063,1064],{"class":210,"line":414},[208,1065,400],{"emptyLinePlaceholder":399},[208,1067,1068],{"class":210,"line":420},[208,1069,1070],{"class":225},"\u003C!-- Focus on the bottom of the image -->\n",[208,1072,1073],{"class":210,"line":426},[208,1074,411],{"class":225},[208,1076,1077],{"class":210,"line":432},[208,1078,417],{"class":225},[208,1080,1081],{"class":210,"line":438},[208,1082,1083],{"class":225},"  src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n",[208,1085,1086],{"class":210,"line":443},[208,1087,1088],{"class":225},"  width=\"600\"\n",[208,1090,1091],{"class":210,"line":448},[208,1092,1093],{"class":225},"  height=\"130\"\n",[208,1095,1096],{"class":210,"line":454},[208,1097,1098],{"class":225},"  :modifiers=\"{ filters: { focal: '450x500:550x600' } }\"\n",[208,1100,1101],{"class":210,"line":459},[208,1102,394],{"class":225},[1104,1105,1106],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":203,"searchDepth":233,"depth":233,"links":1108},[1109],{"id":296,"depth":233,"text":297,"children":1110},[1111,1112,1113,1114,1115,1116],{"id":310,"depth":246,"text":311},{"id":515,"depth":246,"text":516},{"id":664,"depth":246,"text":665},{"id":754,"depth":246,"text":755},{"id":834,"depth":246,"text":835},{"id":940,"depth":246,"text":941},"Nuxt Image internally use Storyblok as static provider.","md",[1120],{"label":1121,"icon":1122,"to":1123,"size":1124},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/storyblok.ts","xs",{},{"title":140,"description":1117},"ejqiwrzfgqjy1erUPknKFH7NBkWsCypfK5NjzRe9hu8",[1129,1131],{"title":136,"path":137,"stem":138,"description":1130,"children":-1},"Nuxt Image integration with Sirv media management, transformation and delivery platform.",{"title":144,"path":145,"stem":146,"description":1132,"children":-1},"Nuxt Image with Strapi integration.",1750079216303]