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