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