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