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