[{"data":1,"prerenderedAt":3782},["Reactive",2],{"navigation":3,"docs-/providers/storyblok":115,"docs-/providers/storyblok-surround":2575},[4,20,33,105],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":89,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":88,"description":119,"body":120,"_type":2570,"_id":2571,"_source":2572,"_file":2573,"_extension":2574},"providers",false,"","Nuxt Image internally use Storyblok as static provider.",{"type":121,"children":122,"toc":2560},"root",[123,141,328,335,346,353,367,372,387,392,981,987,998,1017,1022,1026,1250,1256,1267,1292,1296,1460,1466,1477,1482,1486,1712,1718,1729,1734,1738,2135,2141,2152,2164,2168,2554],{"type":124,"tag":125,"props":126,"children":127},"element","p",{},[128,131,139],{"type":129,"value":130},"text","Integration between ",{"type":124,"tag":132,"props":133,"children":137},"a",{"href":134,"rel":135},"https://www.storyblok.com/docs/image-service/",[136],"nofollow",[138],{"type":129,"value":88},{"type":129,"value":140}," and the image module. To use this provider you just need to specify the base url of your service in Storyblok.",{"type":124,"tag":142,"props":143,"children":148},"pre",{"className":144,"code":145,"filename":146,"language":147,"meta":118},"language-ts material-theme_material-theme-palenight_material-theme-lighter","export default defineNuxtConfig({\n image: {\n storyblok: {\n baseURL: 'https://a.storyblok.com'\n }\n }\n})\n","nuxt.config.ts","ts",[149],{"type":124,"tag":150,"props":151,"children":152},"code",{"__ignoreMap":118},[153,197,225,251,289,302,314],{"type":124,"tag":154,"props":155,"children":158},"span",{"class":156,"line":157},"line",1,[159,165,171,176,180,186,191],{"type":124,"tag":154,"props":160,"children":162},{"class":161},"ct-398028",[163],{"type":129,"value":164},"export",{"type":124,"tag":154,"props":166,"children":168},{"class":167},"ct-521921",[169],{"type":129,"value":170}," ",{"type":124,"tag":154,"props":172,"children":173},{"class":161},[174],{"type":129,"value":175},"default",{"type":124,"tag":154,"props":177,"children":178},{"class":167},[179],{"type":129,"value":170},{"type":124,"tag":154,"props":181,"children":183},{"class":182},"ct-021512",[184],{"type":129,"value":185},"defineNuxtConfig",{"type":124,"tag":154,"props":187,"children":188},{"class":167},[189],{"type":129,"value":190},"(",{"type":124,"tag":154,"props":192,"children":194},{"class":193},"ct-542793",[195],{"type":129,"value":196},"{\n",{"type":124,"tag":154,"props":198,"children":200},{"class":156,"line":199},2,[201,206,212,217,221],{"type":124,"tag":154,"props":202,"children":203},{"class":167},[204],{"type":129,"value":205}," ",{"type":124,"tag":154,"props":207,"children":209},{"class":208},"ct-821147",[210],{"type":129,"value":211},"image",{"type":124,"tag":154,"props":213,"children":214},{"class":193},[215],{"type":129,"value":216},":",{"type":124,"tag":154,"props":218,"children":219},{"class":167},[220],{"type":129,"value":170},{"type":124,"tag":154,"props":222,"children":223},{"class":193},[224],{"type":129,"value":196},{"type":124,"tag":154,"props":226,"children":228},{"class":156,"line":227},3,[229,234,239,243,247],{"type":124,"tag":154,"props":230,"children":231},{"class":167},[232],{"type":129,"value":233}," ",{"type":124,"tag":154,"props":235,"children":236},{"class":208},[237],{"type":129,"value":238},"storyblok",{"type":124,"tag":154,"props":240,"children":241},{"class":193},[242],{"type":129,"value":216},{"type":124,"tag":154,"props":244,"children":245},{"class":167},[246],{"type":129,"value":170},{"type":124,"tag":154,"props":248,"children":249},{"class":193},[250],{"type":129,"value":196},{"type":124,"tag":154,"props":252,"children":254},{"class":156,"line":253},4,[255,260,265,269,273,278,284],{"type":124,"tag":154,"props":256,"children":257},{"class":167},[258],{"type":129,"value":259}," ",{"type":124,"tag":154,"props":261,"children":262},{"class":208},[263],{"type":129,"value":264},"baseURL",{"type":124,"tag":154,"props":266,"children":267},{"class":193},[268],{"type":129,"value":216},{"type":124,"tag":154,"props":270,"children":271},{"class":167},[272],{"type":129,"value":170},{"type":124,"tag":154,"props":274,"children":275},{"class":193},[276],{"type":129,"value":277},"'",{"type":124,"tag":154,"props":279,"children":281},{"class":280},"ct-083593",[282],{"type":129,"value":283},"https://a.storyblok.com",{"type":124,"tag":154,"props":285,"children":286},{"class":193},[287],{"type":129,"value":288},"'\n",{"type":124,"tag":154,"props":290,"children":292},{"class":156,"line":291},5,[293,297],{"type":124,"tag":154,"props":294,"children":295},{"class":167},[296],{"type":129,"value":233},{"type":124,"tag":154,"props":298,"children":299},{"class":193},[300],{"type":129,"value":301},"}\n",{"type":124,"tag":154,"props":303,"children":305},{"class":156,"line":304},6,[306,310],{"type":124,"tag":154,"props":307,"children":308},{"class":167},[309],{"type":129,"value":205},{"type":124,"tag":154,"props":311,"children":312},{"class":193},[313],{"type":129,"value":301},{"type":124,"tag":154,"props":315,"children":317},{"class":156,"line":316},7,[318,323],{"type":124,"tag":154,"props":319,"children":320},{"class":193},[321],{"type":129,"value":322},"}",{"type":124,"tag":154,"props":324,"children":325},{"class":167},[326],{"type":129,"value":327},")",{"type":124,"tag":329,"props":330,"children":332},"h2",{"id":331},"storyblok-modifiers",[333],{"type":129,"value":334},"Storyblok modifiers",{"type":124,"tag":125,"props":336,"children":337},{},[338,340],{"type":129,"value":339},"I am following all modifiers present on ",{"type":124,"tag":132,"props":341,"children":343},{"href":134,"rel":342},[136],[344],{"type":129,"value":345},"Storyblok image service",{"type":124,"tag":347,"props":348,"children":350},"h3",{"id":349},"resizing",[351],{"type":129,"value":352},"Resizing",{"type":124,"tag":125,"props":354,"children":355},{},[356,358,365],{"type":129,"value":357},"Check ",{"type":124,"tag":132,"props":359,"children":362},{"href":360,"rel":361},"https://www.storyblok.com/docs/image-service#resizing",[136],[363],{"type":129,"value":364},"Storyblok documentation",{"type":129,"value":366}," if you want to know more.",{"type":124,"tag":125,"props":368,"children":369},{},[370],{"type":129,"value":371},"the logic is:",{"type":124,"tag":373,"props":374,"children":375},"ul",{},[376,382],{"type":124,"tag":377,"props":378,"children":379},"li",{},[380],{"type":129,"value":381},"If you do not define either width or height, the image will not be resized.",{"type":124,"tag":377,"props":383,"children":384},{},[385],{"type":129,"value":386},"If you define only width or only height the image will be proportionately resized based on the one you defined.",{"type":124,"tag":125,"props":388,"children":389},{},[390],{"type":129,"value":391},"Example:",{"type":124,"tag":142,"props":393,"children":397},{"className":394,"code":395,"language":396,"meta":118},"language-html material-theme_material-theme-palenight_material-theme-lighter","\u003Cdiv>Original\u003C/div>\n\u003CNuxtImg\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Resized static\u003C/div>\n\u003CNuxtImg\n width=\"500\"\n height=\"500\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Proportional to Width\u003C/div>\n\u003CNuxtImg\n width=\"500\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Proportional to Height\u003C/div>\n\u003CNuxtImg\n height=\"500\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n","html",[398],{"type":124,"tag":150,"props":399,"children":400},{"__ignoreMap":118},[401,438,450,482,511,519,525,557,569,599,628,656,684,692,699,732,744,772,800,828,836,843,876,888,916,944,972],{"type":124,"tag":154,"props":402,"children":403},{"class":156,"line":157},[404,409,414,419,424,429,433],{"type":124,"tag":154,"props":405,"children":406},{"class":193},[407],{"type":129,"value":408},"\u003C",{"type":124,"tag":154,"props":410,"children":411},{"class":208},[412],{"type":129,"value":413},"div",{"type":124,"tag":154,"props":415,"children":416},{"class":193},[417],{"type":129,"value":418},">",{"type":124,"tag":154,"props":420,"children":421},{"class":167},[422],{"type":129,"value":423},"Original",{"type":124,"tag":154,"props":425,"children":426},{"class":193},[427],{"type":129,"value":428},"\u003C/",{"type":124,"tag":154,"props":430,"children":431},{"class":208},[432],{"type":129,"value":413},{"type":124,"tag":154,"props":434,"children":435},{"class":193},[436],{"type":129,"value":437},">\n",{"type":124,"tag":154,"props":439,"children":440},{"class":156,"line":199},[441,445],{"type":124,"tag":154,"props":442,"children":443},{"class":193},[444],{"type":129,"value":408},{"type":124,"tag":154,"props":446,"children":447},{"class":208},[448],{"type":129,"value":449},"NuxtImg\n",{"type":124,"tag":154,"props":451,"children":452},{"class":156,"line":227},[453,457,463,468,473,477],{"type":124,"tag":154,"props":454,"children":455},{"class":193},[456],{"type":129,"value":205},{"type":124,"tag":154,"props":458,"children":460},{"class":459},"ct-366012",[461],{"type":129,"value":462},"provider",{"type":124,"tag":154,"props":464,"children":465},{"class":193},[466],{"type":129,"value":467},"=",{"type":124,"tag":154,"props":469,"children":470},{"class":193},[471],{"type":129,"value":472},"\"",{"type":124,"tag":154,"props":474,"children":475},{"class":280},[476],{"type":129,"value":238},{"type":124,"tag":154,"props":478,"children":479},{"class":193},[480],{"type":129,"value":481},"\"\n",{"type":124,"tag":154,"props":483,"children":484},{"class":156,"line":253},[485,489,494,498,502,507],{"type":124,"tag":154,"props":486,"children":487},{"class":193},[488],{"type":129,"value":205},{"type":124,"tag":154,"props":490,"children":491},{"class":459},[492],{"type":129,"value":493},"src",{"type":124,"tag":154,"props":495,"children":496},{"class":193},[497],{"type":129,"value":467},{"type":124,"tag":154,"props":499,"children":500},{"class":193},[501],{"type":129,"value":472},{"type":124,"tag":154,"props":503,"children":504},{"class":280},[505],{"type":129,"value":506},"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg",{"type":124,"tag":154,"props":508,"children":509},{"class":193},[510],{"type":129,"value":481},{"type":124,"tag":154,"props":512,"children":513},{"class":156,"line":291},[514],{"type":124,"tag":154,"props":515,"children":516},{"class":193},[517],{"type":129,"value":518},"/>\n",{"type":124,"tag":154,"props":520,"children":521},{"class":156,"line":304},[522],{"type":124,"tag":154,"props":523,"children":524},{},[],{"type":124,"tag":154,"props":526,"children":527},{"class":156,"line":316},[528,532,536,540,545,549,553],{"type":124,"tag":154,"props":529,"children":530},{"class":193},[531],{"type":129,"value":408},{"type":124,"tag":154,"props":533,"children":534},{"class":208},[535],{"type":129,"value":413},{"type":124,"tag":154,"props":537,"children":538},{"class":193},[539],{"type":129,"value":418},{"type":124,"tag":154,"props":541,"children":542},{"class":167},[543],{"type":129,"value":544},"Resized static",{"type":124,"tag":154,"props":546,"children":547},{"class":193},[548],{"type":129,"value":428},{"type":124,"tag":154,"props":550,"children":551},{"class":208},[552],{"type":129,"value":413},{"type":124,"tag":154,"props":554,"children":555},{"class":193},[556],{"type":129,"value":437},{"type":124,"tag":154,"props":558,"children":560},{"class":156,"line":559},8,[561,565],{"type":124,"tag":154,"props":562,"children":563},{"class":193},[564],{"type":129,"value":408},{"type":124,"tag":154,"props":566,"children":567},{"class":208},[568],{"type":129,"value":449},{"type":124,"tag":154,"props":570,"children":572},{"class":156,"line":571},9,[573,577,582,586,590,595],{"type":124,"tag":154,"props":574,"children":575},{"class":193},[576],{"type":129,"value":205},{"type":124,"tag":154,"props":578,"children":579},{"class":459},[580],{"type":129,"value":581},"width",{"type":124,"tag":154,"props":583,"children":584},{"class":193},[585],{"type":129,"value":467},{"type":124,"tag":154,"props":587,"children":588},{"class":193},[589],{"type":129,"value":472},{"type":124,"tag":154,"props":591,"children":592},{"class":280},[593],{"type":129,"value":594},"500",{"type":124,"tag":154,"props":596,"children":597},{"class":193},[598],{"type":129,"value":481},{"type":124,"tag":154,"props":600,"children":602},{"class":156,"line":601},10,[603,607,612,616,620,624],{"type":124,"tag":154,"props":604,"children":605},{"class":193},[606],{"type":129,"value":205},{"type":124,"tag":154,"props":608,"children":609},{"class":459},[610],{"type":129,"value":611},"height",{"type":124,"tag":154,"props":613,"children":614},{"class":193},[615],{"type":129,"value":467},{"type":124,"tag":154,"props":617,"children":618},{"class":193},[619],{"type":129,"value":472},{"type":124,"tag":154,"props":621,"children":622},{"class":280},[623],{"type":129,"value":594},{"type":124,"tag":154,"props":625,"children":626},{"class":193},[627],{"type":129,"value":481},{"type":124,"tag":154,"props":629,"children":631},{"class":156,"line":630},11,[632,636,640,644,648,652],{"type":124,"tag":154,"props":633,"children":634},{"class":193},[635],{"type":129,"value":205},{"type":124,"tag":154,"props":637,"children":638},{"class":459},[639],{"type":129,"value":462},{"type":124,"tag":154,"props":641,"children":642},{"class":193},[643],{"type":129,"value":467},{"type":124,"tag":154,"props":645,"children":646},{"class":193},[647],{"type":129,"value":472},{"type":124,"tag":154,"props":649,"children":650},{"class":280},[651],{"type":129,"value":238},{"type":124,"tag":154,"props":653,"children":654},{"class":193},[655],{"type":129,"value":481},{"type":124,"tag":154,"props":657,"children":659},{"class":156,"line":658},12,[660,664,668,672,676,680],{"type":124,"tag":154,"props":661,"children":662},{"class":193},[663],{"type":129,"value":205},{"type":124,"tag":154,"props":665,"children":666},{"class":459},[667],{"type":129,"value":493},{"type":124,"tag":154,"props":669,"children":670},{"class":193},[671],{"type":129,"value":467},{"type":124,"tag":154,"props":673,"children":674},{"class":193},[675],{"type":129,"value":472},{"type":124,"tag":154,"props":677,"children":678},{"class":280},[679],{"type":129,"value":506},{"type":124,"tag":154,"props":681,"children":682},{"class":193},[683],{"type":129,"value":481},{"type":124,"tag":154,"props":685,"children":687},{"class":156,"line":686},13,[688],{"type":124,"tag":154,"props":689,"children":690},{"class":193},[691],{"type":129,"value":518},{"type":124,"tag":154,"props":693,"children":695},{"class":156,"line":694},14,[696],{"type":124,"tag":154,"props":697,"children":698},{},[],{"type":124,"tag":154,"props":700,"children":702},{"class":156,"line":701},15,[703,707,711,715,720,724,728],{"type":124,"tag":154,"props":704,"children":705},{"class":193},[706],{"type":129,"value":408},{"type":124,"tag":154,"props":708,"children":709},{"class":208},[710],{"type":129,"value":413},{"type":124,"tag":154,"props":712,"children":713},{"class":193},[714],{"type":129,"value":418},{"type":124,"tag":154,"props":716,"children":717},{"class":167},[718],{"type":129,"value":719},"Proportional to Width",{"type":124,"tag":154,"props":721,"children":722},{"class":193},[723],{"type":129,"value":428},{"type":124,"tag":154,"props":725,"children":726},{"class":208},[727],{"type":129,"value":413},{"type":124,"tag":154,"props":729,"children":730},{"class":193},[731],{"type":129,"value":437},{"type":124,"tag":154,"props":733,"children":735},{"class":156,"line":734},16,[736,740],{"type":124,"tag":154,"props":737,"children":738},{"class":193},[739],{"type":129,"value":408},{"type":124,"tag":154,"props":741,"children":742},{"class":208},[743],{"type":129,"value":449},{"type":124,"tag":154,"props":745,"children":747},{"class":156,"line":746},17,[748,752,756,760,764,768],{"type":124,"tag":154,"props":749,"children":750},{"class":193},[751],{"type":129,"value":205},{"type":124,"tag":154,"props":753,"children":754},{"class":459},[755],{"type":129,"value":581},{"type":124,"tag":154,"props":757,"children":758},{"class":193},[759],{"type":129,"value":467},{"type":124,"tag":154,"props":761,"children":762},{"class":193},[763],{"type":129,"value":472},{"type":124,"tag":154,"props":765,"children":766},{"class":280},[767],{"type":129,"value":594},{"type":124,"tag":154,"props":769,"children":770},{"class":193},[771],{"type":129,"value":481},{"type":124,"tag":154,"props":773,"children":775},{"class":156,"line":774},18,[776,780,784,788,792,796],{"type":124,"tag":154,"props":777,"children":778},{"class":193},[779],{"type":129,"value":205},{"type":124,"tag":154,"props":781,"children":782},{"class":459},[783],{"type":129,"value":462},{"type":124,"tag":154,"props":785,"children":786},{"class":193},[787],{"type":129,"value":467},{"type":124,"tag":154,"props":789,"children":790},{"class":193},[791],{"type":129,"value":472},{"type":124,"tag":154,"props":793,"children":794},{"class":280},[795],{"type":129,"value":238},{"type":124,"tag":154,"props":797,"children":798},{"class":193},[799],{"type":129,"value":481},{"type":124,"tag":154,"props":801,"children":803},{"class":156,"line":802},19,[804,808,812,816,820,824],{"type":124,"tag":154,"props":805,"children":806},{"class":193},[807],{"type":129,"value":205},{"type":124,"tag":154,"props":809,"children":810},{"class":459},[811],{"type":129,"value":493},{"type":124,"tag":154,"props":813,"children":814},{"class":193},[815],{"type":129,"value":467},{"type":124,"tag":154,"props":817,"children":818},{"class":193},[819],{"type":129,"value":472},{"type":124,"tag":154,"props":821,"children":822},{"class":280},[823],{"type":129,"value":506},{"type":124,"tag":154,"props":825,"children":826},{"class":193},[827],{"type":129,"value":481},{"type":124,"tag":154,"props":829,"children":831},{"class":156,"line":830},20,[832],{"type":124,"tag":154,"props":833,"children":834},{"class":193},[835],{"type":129,"value":518},{"type":124,"tag":154,"props":837,"children":839},{"class":156,"line":838},21,[840],{"type":124,"tag":154,"props":841,"children":842},{},[],{"type":124,"tag":154,"props":844,"children":846},{"class":156,"line":845},22,[847,851,855,859,864,868,872],{"type":124,"tag":154,"props":848,"children":849},{"class":193},[850],{"type":129,"value":408},{"type":124,"tag":154,"props":852,"children":853},{"class":208},[854],{"type":129,"value":413},{"type":124,"tag":154,"props":856,"children":857},{"class":193},[858],{"type":129,"value":418},{"type":124,"tag":154,"props":860,"children":861},{"class":167},[862],{"type":129,"value":863},"Proportional to Height",{"type":124,"tag":154,"props":865,"children":866},{"class":193},[867],{"type":129,"value":428},{"type":124,"tag":154,"props":869,"children":870},{"class":208},[871],{"type":129,"value":413},{"type":124,"tag":154,"props":873,"children":874},{"class":193},[875],{"type":129,"value":437},{"type":124,"tag":154,"props":877,"children":879},{"class":156,"line":878},23,[880,884],{"type":124,"tag":154,"props":881,"children":882},{"class":193},[883],{"type":129,"value":408},{"type":124,"tag":154,"props":885,"children":886},{"class":208},[887],{"type":129,"value":449},{"type":124,"tag":154,"props":889,"children":891},{"class":156,"line":890},24,[892,896,900,904,908,912],{"type":124,"tag":154,"props":893,"children":894},{"class":193},[895],{"type":129,"value":205},{"type":124,"tag":154,"props":897,"children":898},{"class":459},[899],{"type":129,"value":611},{"type":124,"tag":154,"props":901,"children":902},{"class":193},[903],{"type":129,"value":467},{"type":124,"tag":154,"props":905,"children":906},{"class":193},[907],{"type":129,"value":472},{"type":124,"tag":154,"props":909,"children":910},{"class":280},[911],{"type":129,"value":594},{"type":124,"tag":154,"props":913,"children":914},{"class":193},[915],{"type":129,"value":481},{"type":124,"tag":154,"props":917,"children":919},{"class":156,"line":918},25,[920,924,928,932,936,940],{"type":124,"tag":154,"props":921,"children":922},{"class":193},[923],{"type":129,"value":205},{"type":124,"tag":154,"props":925,"children":926},{"class":459},[927],{"type":129,"value":462},{"type":124,"tag":154,"props":929,"children":930},{"class":193},[931],{"type":129,"value":467},{"type":124,"tag":154,"props":933,"children":934},{"class":193},[935],{"type":129,"value":472},{"type":124,"tag":154,"props":937,"children":938},{"class":280},[939],{"type":129,"value":238},{"type":124,"tag":154,"props":941,"children":942},{"class":193},[943],{"type":129,"value":481},{"type":124,"tag":154,"props":945,"children":947},{"class":156,"line":946},26,[948,952,956,960,964,968],{"type":124,"tag":154,"props":949,"children":950},{"class":193},[951],{"type":129,"value":205},{"type":124,"tag":154,"props":953,"children":954},{"class":459},[955],{"type":129,"value":493},{"type":124,"tag":154,"props":957,"children":958},{"class":193},[959],{"type":129,"value":467},{"type":124,"tag":154,"props":961,"children":962},{"class":193},[963],{"type":129,"value":472},{"type":124,"tag":154,"props":965,"children":966},{"class":280},[967],{"type":129,"value":506},{"type":124,"tag":154,"props":969,"children":970},{"class":193},[971],{"type":129,"value":481},{"type":124,"tag":154,"props":973,"children":975},{"class":156,"line":974},27,[976],{"type":124,"tag":154,"props":977,"children":978},{"class":193},[979],{"type":129,"value":980},"/>",{"type":124,"tag":347,"props":982,"children":984},{"id":983},"fit-in-with-background-or-not",[985],{"type":129,"value":986},"Fit in with background or not",{"type":124,"tag":125,"props":988,"children":989},{},[990,991,997],{"type":129,"value":357},{"type":124,"tag":132,"props":992,"children":995},{"href":993,"rel":994},"https://www.storyblok.com/docs/image-service#fit-in",[136],[996],{"type":129,"value":364},{"type":129,"value":366},{"type":124,"tag":125,"props":999,"children":1000},{},[1001,1003,1008,1010,1015],{"type":129,"value":1002},"If you want to use it just add a props ",{"type":124,"tag":150,"props":1004,"children":1005},{},[1006],{"type":129,"value":1007},"fit=\"in\"",{"type":129,"value":1009},". Take care that storyblok only support ",{"type":124,"tag":150,"props":1011,"children":1012},{},[1013],{"type":129,"value":1014},"fit-in",{"type":129,"value":1016},".",{"type":124,"tag":125,"props":1018,"children":1019},{},[1020],{"type":129,"value":1021},"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.",{"type":124,"tag":125,"props":1023,"children":1024},{},[1025],{"type":129,"value":391},{"type":124,"tag":142,"props":1027,"children":1029},{"className":394,"code":1028,"language":396,"meta":118},"\u003Cdiv>Fit in with background CCCCCC\u003C/div>\n\u003CNuxtImg\n width=\"200\"\n height=\"200\"\n fit=\"in\"\n :modifiers=\"{ filters: { fill: 'CCCCCC' } }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[1030],{"type":124,"tag":150,"props":1031,"children":1032},{"__ignoreMap":118},[1033,1065,1076,1104,1131,1160,1189,1216,1243],{"type":124,"tag":154,"props":1034,"children":1035},{"class":156,"line":157},[1036,1040,1044,1048,1053,1057,1061],{"type":124,"tag":154,"props":1037,"children":1038},{"class":193},[1039],{"type":129,"value":408},{"type":124,"tag":154,"props":1041,"children":1042},{"class":208},[1043],{"type":129,"value":413},{"type":124,"tag":154,"props":1045,"children":1046},{"class":193},[1047],{"type":129,"value":418},{"type":124,"tag":154,"props":1049,"children":1050},{"class":167},[1051],{"type":129,"value":1052},"Fit in with background CCCCCC",{"type":124,"tag":154,"props":1054,"children":1055},{"class":193},[1056],{"type":129,"value":428},{"type":124,"tag":154,"props":1058,"children":1059},{"class":208},[1060],{"type":129,"value":413},{"type":124,"tag":154,"props":1062,"children":1063},{"class":193},[1064],{"type":129,"value":437},{"type":124,"tag":154,"props":1066,"children":1067},{"class":156,"line":199},[1068,1072],{"type":124,"tag":154,"props":1069,"children":1070},{"class":193},[1071],{"type":129,"value":408},{"type":124,"tag":154,"props":1073,"children":1074},{"class":208},[1075],{"type":129,"value":449},{"type":124,"tag":154,"props":1077,"children":1078},{"class":156,"line":227},[1079,1083,1087,1091,1095,1100],{"type":124,"tag":154,"props":1080,"children":1081},{"class":193},[1082],{"type":129,"value":205},{"type":124,"tag":154,"props":1084,"children":1085},{"class":459},[1086],{"type":129,"value":581},{"type":124,"tag":154,"props":1088,"children":1089},{"class":193},[1090],{"type":129,"value":467},{"type":124,"tag":154,"props":1092,"children":1093},{"class":193},[1094],{"type":129,"value":472},{"type":124,"tag":154,"props":1096,"children":1097},{"class":280},[1098],{"type":129,"value":1099},"200",{"type":124,"tag":154,"props":1101,"children":1102},{"class":193},[1103],{"type":129,"value":481},{"type":124,"tag":154,"props":1105,"children":1106},{"class":156,"line":253},[1107,1111,1115,1119,1123,1127],{"type":124,"tag":154,"props":1108,"children":1109},{"class":193},[1110],{"type":129,"value":205},{"type":124,"tag":154,"props":1112,"children":1113},{"class":459},[1114],{"type":129,"value":611},{"type":124,"tag":154,"props":1116,"children":1117},{"class":193},[1118],{"type":129,"value":467},{"type":124,"tag":154,"props":1120,"children":1121},{"class":193},[1122],{"type":129,"value":472},{"type":124,"tag":154,"props":1124,"children":1125},{"class":280},[1126],{"type":129,"value":1099},{"type":124,"tag":154,"props":1128,"children":1129},{"class":193},[1130],{"type":129,"value":481},{"type":124,"tag":154,"props":1132,"children":1133},{"class":156,"line":291},[1134,1138,1143,1147,1151,1156],{"type":124,"tag":154,"props":1135,"children":1136},{"class":193},[1137],{"type":129,"value":205},{"type":124,"tag":154,"props":1139,"children":1140},{"class":459},[1141],{"type":129,"value":1142},"fit",{"type":124,"tag":154,"props":1144,"children":1145},{"class":193},[1146],{"type":129,"value":467},{"type":124,"tag":154,"props":1148,"children":1149},{"class":193},[1150],{"type":129,"value":472},{"type":124,"tag":154,"props":1152,"children":1153},{"class":280},[1154],{"type":129,"value":1155},"in",{"type":124,"tag":154,"props":1157,"children":1158},{"class":193},[1159],{"type":129,"value":481},{"type":124,"tag":154,"props":1161,"children":1162},{"class":156,"line":304},[1163,1167,1172,1176,1180,1185],{"type":124,"tag":154,"props":1164,"children":1165},{"class":193},[1166],{"type":129,"value":205},{"type":124,"tag":154,"props":1168,"children":1169},{"class":459},[1170],{"type":129,"value":1171},":modifiers",{"type":124,"tag":154,"props":1173,"children":1174},{"class":193},[1175],{"type":129,"value":467},{"type":124,"tag":154,"props":1177,"children":1178},{"class":193},[1179],{"type":129,"value":472},{"type":124,"tag":154,"props":1181,"children":1182},{"class":280},[1183],{"type":129,"value":1184},"{ filters: { fill: 'CCCCCC' } }",{"type":124,"tag":154,"props":1186,"children":1187},{"class":193},[1188],{"type":129,"value":481},{"type":124,"tag":154,"props":1190,"children":1191},{"class":156,"line":316},[1192,1196,1200,1204,1208,1212],{"type":124,"tag":154,"props":1193,"children":1194},{"class":193},[1195],{"type":129,"value":205},{"type":124,"tag":154,"props":1197,"children":1198},{"class":459},[1199],{"type":129,"value":462},{"type":124,"tag":154,"props":1201,"children":1202},{"class":193},[1203],{"type":129,"value":467},{"type":124,"tag":154,"props":1205,"children":1206},{"class":193},[1207],{"type":129,"value":472},{"type":124,"tag":154,"props":1209,"children":1210},{"class":280},[1211],{"type":129,"value":238},{"type":124,"tag":154,"props":1213,"children":1214},{"class":193},[1215],{"type":129,"value":481},{"type":124,"tag":154,"props":1217,"children":1218},{"class":156,"line":559},[1219,1223,1227,1231,1235,1239],{"type":124,"tag":154,"props":1220,"children":1221},{"class":193},[1222],{"type":129,"value":205},{"type":124,"tag":154,"props":1224,"children":1225},{"class":459},[1226],{"type":129,"value":493},{"type":124,"tag":154,"props":1228,"children":1229},{"class":193},[1230],{"type":129,"value":467},{"type":124,"tag":154,"props":1232,"children":1233},{"class":193},[1234],{"type":129,"value":472},{"type":124,"tag":154,"props":1236,"children":1237},{"class":280},[1238],{"type":129,"value":506},{"type":124,"tag":154,"props":1240,"children":1241},{"class":193},[1242],{"type":129,"value":481},{"type":124,"tag":154,"props":1244,"children":1245},{"class":156,"line":571},[1246],{"type":124,"tag":154,"props":1247,"children":1248},{"class":193},[1249],{"type":129,"value":980},{"type":124,"tag":347,"props":1251,"children":1253},{"id":1252},"format",[1254],{"type":129,"value":1255},"Format",{"type":124,"tag":125,"props":1257,"children":1258},{},[1259,1260,1266],{"type":129,"value":357},{"type":124,"tag":132,"props":1261,"children":1264},{"href":1262,"rel":1263},"https://www.storyblok.com/docs/image-service#changing-the-format",[136],[1265],{"type":129,"value":364},{"type":129,"value":366},{"type":124,"tag":125,"props":1268,"children":1269},{},[1270,1272,1277,1279,1284,1286,1291],{"type":129,"value":1271},"You can modify your image format. Supported format are ",{"type":124,"tag":150,"props":1273,"children":1274},{},[1275],{"type":129,"value":1276},"webp",{"type":129,"value":1278},", ",{"type":124,"tag":150,"props":1280,"children":1281},{},[1282],{"type":129,"value":1283},"jpeg",{"type":129,"value":1285}," and ",{"type":124,"tag":150,"props":1287,"children":1288},{},[1289],{"type":129,"value":1290},"png",{"type":129,"value":1016},{"type":124,"tag":125,"props":1293,"children":1294},{},[1295],{"type":129,"value":391},{"type":124,"tag":142,"props":1297,"children":1299},{"className":394,"code":1298,"language":396,"meta":118},"\u003Ch3>Format\u003C/h3>\n\u003CNuxtImg\n width=\"200\"\n format=\"webp\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[1300],{"type":124,"tag":150,"props":1301,"children":1302},{"__ignoreMap":118},[1303,1334,1345,1372,1399,1426,1453],{"type":124,"tag":154,"props":1304,"children":1305},{"class":156,"line":157},[1306,1310,1314,1318,1322,1326,1330],{"type":124,"tag":154,"props":1307,"children":1308},{"class":193},[1309],{"type":129,"value":408},{"type":124,"tag":154,"props":1311,"children":1312},{"class":208},[1313],{"type":129,"value":347},{"type":124,"tag":154,"props":1315,"children":1316},{"class":193},[1317],{"type":129,"value":418},{"type":124,"tag":154,"props":1319,"children":1320},{"class":167},[1321],{"type":129,"value":1255},{"type":124,"tag":154,"props":1323,"children":1324},{"class":193},[1325],{"type":129,"value":428},{"type":124,"tag":154,"props":1327,"children":1328},{"class":208},[1329],{"type":129,"value":347},{"type":124,"tag":154,"props":1331,"children":1332},{"class":193},[1333],{"type":129,"value":437},{"type":124,"tag":154,"props":1335,"children":1336},{"class":156,"line":199},[1337,1341],{"type":124,"tag":154,"props":1338,"children":1339},{"class":193},[1340],{"type":129,"value":408},{"type":124,"tag":154,"props":1342,"children":1343},{"class":208},[1344],{"type":129,"value":449},{"type":124,"tag":154,"props":1346,"children":1347},{"class":156,"line":227},[1348,1352,1356,1360,1364,1368],{"type":124,"tag":154,"props":1349,"children":1350},{"class":193},[1351],{"type":129,"value":205},{"type":124,"tag":154,"props":1353,"children":1354},{"class":459},[1355],{"type":129,"value":581},{"type":124,"tag":154,"props":1357,"children":1358},{"class":193},[1359],{"type":129,"value":467},{"type":124,"tag":154,"props":1361,"children":1362},{"class":193},[1363],{"type":129,"value":472},{"type":124,"tag":154,"props":1365,"children":1366},{"class":280},[1367],{"type":129,"value":1099},{"type":124,"tag":154,"props":1369,"children":1370},{"class":193},[1371],{"type":129,"value":481},{"type":124,"tag":154,"props":1373,"children":1374},{"class":156,"line":253},[1375,1379,1383,1387,1391,1395],{"type":124,"tag":154,"props":1376,"children":1377},{"class":193},[1378],{"type":129,"value":205},{"type":124,"tag":154,"props":1380,"children":1381},{"class":459},[1382],{"type":129,"value":1252},{"type":124,"tag":154,"props":1384,"children":1385},{"class":193},[1386],{"type":129,"value":467},{"type":124,"tag":154,"props":1388,"children":1389},{"class":193},[1390],{"type":129,"value":472},{"type":124,"tag":154,"props":1392,"children":1393},{"class":280},[1394],{"type":129,"value":1276},{"type":124,"tag":154,"props":1396,"children":1397},{"class":193},[1398],{"type":129,"value":481},{"type":124,"tag":154,"props":1400,"children":1401},{"class":156,"line":291},[1402,1406,1410,1414,1418,1422],{"type":124,"tag":154,"props":1403,"children":1404},{"class":193},[1405],{"type":129,"value":205},{"type":124,"tag":154,"props":1407,"children":1408},{"class":459},[1409],{"type":129,"value":462},{"type":124,"tag":154,"props":1411,"children":1412},{"class":193},[1413],{"type":129,"value":467},{"type":124,"tag":154,"props":1415,"children":1416},{"class":193},[1417],{"type":129,"value":472},{"type":124,"tag":154,"props":1419,"children":1420},{"class":280},[1421],{"type":129,"value":238},{"type":124,"tag":154,"props":1423,"children":1424},{"class":193},[1425],{"type":129,"value":481},{"type":124,"tag":154,"props":1427,"children":1428},{"class":156,"line":304},[1429,1433,1437,1441,1445,1449],{"type":124,"tag":154,"props":1430,"children":1431},{"class":193},[1432],{"type":129,"value":205},{"type":124,"tag":154,"props":1434,"children":1435},{"class":459},[1436],{"type":129,"value":493},{"type":124,"tag":154,"props":1438,"children":1439},{"class":193},[1440],{"type":129,"value":467},{"type":124,"tag":154,"props":1442,"children":1443},{"class":193},[1444],{"type":129,"value":472},{"type":124,"tag":154,"props":1446,"children":1447},{"class":280},[1448],{"type":129,"value":506},{"type":124,"tag":154,"props":1450,"children":1451},{"class":193},[1452],{"type":129,"value":481},{"type":124,"tag":154,"props":1454,"children":1455},{"class":156,"line":316},[1456],{"type":124,"tag":154,"props":1457,"children":1458},{"class":193},[1459],{"type":129,"value":980},{"type":124,"tag":347,"props":1461,"children":1463},{"id":1462},"quality",[1464],{"type":129,"value":1465},"Quality",{"type":124,"tag":125,"props":1467,"children":1468},{},[1469,1470,1476],{"type":129,"value":357},{"type":124,"tag":132,"props":1471,"children":1474},{"href":1472,"rel":1473},"https://www.storyblok.com/docs/image-service#quality-optimization",[136],[1475],{"type":129,"value":364},{"type":129,"value":366},{"type":124,"tag":125,"props":1478,"children":1479},{},[1480],{"type":129,"value":1481},"You can update your image quality by defining the quality filters.",{"type":124,"tag":125,"props":1483,"children":1484},{},[1485],{"type":129,"value":391},{"type":124,"tag":142,"props":1487,"children":1489},{"className":394,"code":1488,"language":396,"meta":118}," \u003Cdiv class=\"flex\">\n\u003Cdiv>Resized and 10% Quality\u003C/div>\n\u003CNuxtImg\n provider=\"storyblok\"\n width=\"200\"\n quality=\"10\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\u003C/div>\n",[1490],{"type":124,"tag":150,"props":1491,"children":1492},{"__ignoreMap":118},[1493,1538,1570,1581,1608,1635,1663,1690,1697],{"type":124,"tag":154,"props":1494,"children":1495},{"class":156,"line":157},[1496,1500,1504,1508,1512,1517,1521,1525,1530,1534],{"type":124,"tag":154,"props":1497,"children":1498},{"class":167},[1499],{"type":129,"value":170},{"type":124,"tag":154,"props":1501,"children":1502},{"class":193},[1503],{"type":129,"value":408},{"type":124,"tag":154,"props":1505,"children":1506},{"class":208},[1507],{"type":129,"value":413},{"type":124,"tag":154,"props":1509,"children":1510},{"class":193},[1511],{"type":129,"value":170},{"type":124,"tag":154,"props":1513,"children":1514},{"class":459},[1515],{"type":129,"value":1516},"class",{"type":124,"tag":154,"props":1518,"children":1519},{"class":193},[1520],{"type":129,"value":467},{"type":124,"tag":154,"props":1522,"children":1523},{"class":193},[1524],{"type":129,"value":472},{"type":124,"tag":154,"props":1526,"children":1527},{"class":280},[1528],{"type":129,"value":1529},"flex",{"type":124,"tag":154,"props":1531,"children":1532},{"class":193},[1533],{"type":129,"value":472},{"type":124,"tag":154,"props":1535,"children":1536},{"class":193},[1537],{"type":129,"value":437},{"type":124,"tag":154,"props":1539,"children":1540},{"class":156,"line":199},[1541,1545,1549,1553,1558,1562,1566],{"type":124,"tag":154,"props":1542,"children":1543},{"class":193},[1544],{"type":129,"value":408},{"type":124,"tag":154,"props":1546,"children":1547},{"class":208},[1548],{"type":129,"value":413},{"type":124,"tag":154,"props":1550,"children":1551},{"class":193},[1552],{"type":129,"value":418},{"type":124,"tag":154,"props":1554,"children":1555},{"class":167},[1556],{"type":129,"value":1557},"Resized and 10% Quality",{"type":124,"tag":154,"props":1559,"children":1560},{"class":193},[1561],{"type":129,"value":428},{"type":124,"tag":154,"props":1563,"children":1564},{"class":208},[1565],{"type":129,"value":413},{"type":124,"tag":154,"props":1567,"children":1568},{"class":193},[1569],{"type":129,"value":437},{"type":124,"tag":154,"props":1571,"children":1572},{"class":156,"line":227},[1573,1577],{"type":124,"tag":154,"props":1574,"children":1575},{"class":193},[1576],{"type":129,"value":408},{"type":124,"tag":154,"props":1578,"children":1579},{"class":208},[1580],{"type":129,"value":449},{"type":124,"tag":154,"props":1582,"children":1583},{"class":156,"line":253},[1584,1588,1592,1596,1600,1604],{"type":124,"tag":154,"props":1585,"children":1586},{"class":193},[1587],{"type":129,"value":205},{"type":124,"tag":154,"props":1589,"children":1590},{"class":459},[1591],{"type":129,"value":462},{"type":124,"tag":154,"props":1593,"children":1594},{"class":193},[1595],{"type":129,"value":467},{"type":124,"tag":154,"props":1597,"children":1598},{"class":193},[1599],{"type":129,"value":472},{"type":124,"tag":154,"props":1601,"children":1602},{"class":280},[1603],{"type":129,"value":238},{"type":124,"tag":154,"props":1605,"children":1606},{"class":193},[1607],{"type":129,"value":481},{"type":124,"tag":154,"props":1609,"children":1610},{"class":156,"line":291},[1611,1615,1619,1623,1627,1631],{"type":124,"tag":154,"props":1612,"children":1613},{"class":193},[1614],{"type":129,"value":205},{"type":124,"tag":154,"props":1616,"children":1617},{"class":459},[1618],{"type":129,"value":581},{"type":124,"tag":154,"props":1620,"children":1621},{"class":193},[1622],{"type":129,"value":467},{"type":124,"tag":154,"props":1624,"children":1625},{"class":193},[1626],{"type":129,"value":472},{"type":124,"tag":154,"props":1628,"children":1629},{"class":280},[1630],{"type":129,"value":1099},{"type":124,"tag":154,"props":1632,"children":1633},{"class":193},[1634],{"type":129,"value":481},{"type":124,"tag":154,"props":1636,"children":1637},{"class":156,"line":304},[1638,1642,1646,1650,1654,1659],{"type":124,"tag":154,"props":1639,"children":1640},{"class":193},[1641],{"type":129,"value":205},{"type":124,"tag":154,"props":1643,"children":1644},{"class":459},[1645],{"type":129,"value":1462},{"type":124,"tag":154,"props":1647,"children":1648},{"class":193},[1649],{"type":129,"value":467},{"type":124,"tag":154,"props":1651,"children":1652},{"class":193},[1653],{"type":129,"value":472},{"type":124,"tag":154,"props":1655,"children":1656},{"class":280},[1657],{"type":129,"value":1658},"10",{"type":124,"tag":154,"props":1660,"children":1661},{"class":193},[1662],{"type":129,"value":481},{"type":124,"tag":154,"props":1664,"children":1665},{"class":156,"line":316},[1666,1670,1674,1678,1682,1686],{"type":124,"tag":154,"props":1667,"children":1668},{"class":193},[1669],{"type":129,"value":205},{"type":124,"tag":154,"props":1671,"children":1672},{"class":459},[1673],{"type":129,"value":493},{"type":124,"tag":154,"props":1675,"children":1676},{"class":193},[1677],{"type":129,"value":467},{"type":124,"tag":154,"props":1679,"children":1680},{"class":193},[1681],{"type":129,"value":472},{"type":124,"tag":154,"props":1683,"children":1684},{"class":280},[1685],{"type":129,"value":506},{"type":124,"tag":154,"props":1687,"children":1688},{"class":193},[1689],{"type":129,"value":481},{"type":124,"tag":154,"props":1691,"children":1692},{"class":156,"line":559},[1693],{"type":124,"tag":154,"props":1694,"children":1695},{"class":193},[1696],{"type":129,"value":518},{"type":124,"tag":154,"props":1698,"children":1699},{"class":156,"line":571},[1700,1704,1708],{"type":124,"tag":154,"props":1701,"children":1702},{"class":193},[1703],{"type":129,"value":428},{"type":124,"tag":154,"props":1705,"children":1706},{"class":208},[1707],{"type":129,"value":413},{"type":124,"tag":154,"props":1709,"children":1710},{"class":193},[1711],{"type":129,"value":418},{"type":124,"tag":347,"props":1713,"children":1715},{"id":1714},"facial-detection",[1716],{"type":129,"value":1717},"Facial detection",{"type":124,"tag":125,"props":1719,"children":1720},{},[1721,1722,1728],{"type":129,"value":357},{"type":124,"tag":132,"props":1723,"children":1726},{"href":1724,"rel":1725},"https://www.storyblok.com/docs/image-service#facial-detection-and-smart-cropping",[136],[1727],{"type":129,"value":364},{"type":129,"value":366},{"type":124,"tag":125,"props":1730,"children":1731},{},[1732],{"type":129,"value":1733},"To have a smart crop just define a smart property inside modifier.",{"type":124,"tag":125,"props":1735,"children":1736},{},[1737],{"type":129,"value":391},{"type":124,"tag":142,"props":1739,"children":1741},{"className":394,"code":1740,"language":396,"meta":118},"\u003Ch3>Facial detection\u003C/h3>\n\n\u003Cdiv>Resized without Smart Crop\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n/>\n\n\u003Cdiv>Resized with Smart Crop\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n :modifiers=\"{ smart: true }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n/>\n",[1742],{"type":124,"tag":150,"props":1743,"children":1744},{"__ignoreMap":118},[1745,1776,1782,1814,1825,1853,1881,1908,1936,1943,1949,1981,1992,2019,2046,2074,2101,2128],{"type":124,"tag":154,"props":1746,"children":1747},{"class":156,"line":157},[1748,1752,1756,1760,1764,1768,1772],{"type":124,"tag":154,"props":1749,"children":1750},{"class":193},[1751],{"type":129,"value":408},{"type":124,"tag":154,"props":1753,"children":1754},{"class":208},[1755],{"type":129,"value":347},{"type":124,"tag":154,"props":1757,"children":1758},{"class":193},[1759],{"type":129,"value":418},{"type":124,"tag":154,"props":1761,"children":1762},{"class":167},[1763],{"type":129,"value":1717},{"type":124,"tag":154,"props":1765,"children":1766},{"class":193},[1767],{"type":129,"value":428},{"type":124,"tag":154,"props":1769,"children":1770},{"class":208},[1771],{"type":129,"value":347},{"type":124,"tag":154,"props":1773,"children":1774},{"class":193},[1775],{"type":129,"value":437},{"type":124,"tag":154,"props":1777,"children":1778},{"class":156,"line":199},[1779],{"type":124,"tag":154,"props":1780,"children":1781},{},[],{"type":124,"tag":154,"props":1783,"children":1784},{"class":156,"line":227},[1785,1789,1793,1797,1802,1806,1810],{"type":124,"tag":154,"props":1786,"children":1787},{"class":193},[1788],{"type":129,"value":408},{"type":124,"tag":154,"props":1790,"children":1791},{"class":208},[1792],{"type":129,"value":413},{"type":124,"tag":154,"props":1794,"children":1795},{"class":193},[1796],{"type":129,"value":418},{"type":124,"tag":154,"props":1798,"children":1799},{"class":167},[1800],{"type":129,"value":1801},"Resized without Smart Crop",{"type":124,"tag":154,"props":1803,"children":1804},{"class":193},[1805],{"type":129,"value":428},{"type":124,"tag":154,"props":1807,"children":1808},{"class":208},[1809],{"type":129,"value":413},{"type":124,"tag":154,"props":1811,"children":1812},{"class":193},[1813],{"type":129,"value":437},{"type":124,"tag":154,"props":1815,"children":1816},{"class":156,"line":253},[1817,1821],{"type":124,"tag":154,"props":1818,"children":1819},{"class":193},[1820],{"type":129,"value":408},{"type":124,"tag":154,"props":1822,"children":1823},{"class":208},[1824],{"type":129,"value":449},{"type":124,"tag":154,"props":1826,"children":1827},{"class":156,"line":291},[1828,1832,1836,1840,1844,1849],{"type":124,"tag":154,"props":1829,"children":1830},{"class":193},[1831],{"type":129,"value":205},{"type":124,"tag":154,"props":1833,"children":1834},{"class":459},[1835],{"type":129,"value":581},{"type":124,"tag":154,"props":1837,"children":1838},{"class":193},[1839],{"type":129,"value":467},{"type":124,"tag":154,"props":1841,"children":1842},{"class":193},[1843],{"type":129,"value":472},{"type":124,"tag":154,"props":1845,"children":1846},{"class":280},[1847],{"type":129,"value":1848},"600",{"type":124,"tag":154,"props":1850,"children":1851},{"class":193},[1852],{"type":129,"value":481},{"type":124,"tag":154,"props":1854,"children":1855},{"class":156,"line":304},[1856,1860,1864,1868,1872,1877],{"type":124,"tag":154,"props":1857,"children":1858},{"class":193},[1859],{"type":129,"value":205},{"type":124,"tag":154,"props":1861,"children":1862},{"class":459},[1863],{"type":129,"value":611},{"type":124,"tag":154,"props":1865,"children":1866},{"class":193},[1867],{"type":129,"value":467},{"type":124,"tag":154,"props":1869,"children":1870},{"class":193},[1871],{"type":129,"value":472},{"type":124,"tag":154,"props":1873,"children":1874},{"class":280},[1875],{"type":129,"value":1876},"130",{"type":124,"tag":154,"props":1878,"children":1879},{"class":193},[1880],{"type":129,"value":481},{"type":124,"tag":154,"props":1882,"children":1883},{"class":156,"line":316},[1884,1888,1892,1896,1900,1904],{"type":124,"tag":154,"props":1885,"children":1886},{"class":193},[1887],{"type":129,"value":205},{"type":124,"tag":154,"props":1889,"children":1890},{"class":459},[1891],{"type":129,"value":462},{"type":124,"tag":154,"props":1893,"children":1894},{"class":193},[1895],{"type":129,"value":467},{"type":124,"tag":154,"props":1897,"children":1898},{"class":193},[1899],{"type":129,"value":472},{"type":124,"tag":154,"props":1901,"children":1902},{"class":280},[1903],{"type":129,"value":238},{"type":124,"tag":154,"props":1905,"children":1906},{"class":193},[1907],{"type":129,"value":481},{"type":124,"tag":154,"props":1909,"children":1910},{"class":156,"line":559},[1911,1915,1919,1923,1927,1932],{"type":124,"tag":154,"props":1912,"children":1913},{"class":193},[1914],{"type":129,"value":205},{"type":124,"tag":154,"props":1916,"children":1917},{"class":459},[1918],{"type":129,"value":493},{"type":124,"tag":154,"props":1920,"children":1921},{"class":193},[1922],{"type":129,"value":467},{"type":124,"tag":154,"props":1924,"children":1925},{"class":193},[1926],{"type":129,"value":472},{"type":124,"tag":154,"props":1928,"children":1929},{"class":280},[1930],{"type":129,"value":1931},"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg",{"type":124,"tag":154,"props":1933,"children":1934},{"class":193},[1935],{"type":129,"value":481},{"type":124,"tag":154,"props":1937,"children":1938},{"class":156,"line":571},[1939],{"type":124,"tag":154,"props":1940,"children":1941},{"class":193},[1942],{"type":129,"value":518},{"type":124,"tag":154,"props":1944,"children":1945},{"class":156,"line":601},[1946],{"type":124,"tag":154,"props":1947,"children":1948},{},[],{"type":124,"tag":154,"props":1950,"children":1951},{"class":156,"line":630},[1952,1956,1960,1964,1969,1973,1977],{"type":124,"tag":154,"props":1953,"children":1954},{"class":193},[1955],{"type":129,"value":408},{"type":124,"tag":154,"props":1957,"children":1958},{"class":208},[1959],{"type":129,"value":413},{"type":124,"tag":154,"props":1961,"children":1962},{"class":193},[1963],{"type":129,"value":418},{"type":124,"tag":154,"props":1965,"children":1966},{"class":167},[1967],{"type":129,"value":1968},"Resized with Smart Crop",{"type":124,"tag":154,"props":1970,"children":1971},{"class":193},[1972],{"type":129,"value":428},{"type":124,"tag":154,"props":1974,"children":1975},{"class":208},[1976],{"type":129,"value":413},{"type":124,"tag":154,"props":1978,"children":1979},{"class":193},[1980],{"type":129,"value":437},{"type":124,"tag":154,"props":1982,"children":1983},{"class":156,"line":658},[1984,1988],{"type":124,"tag":154,"props":1985,"children":1986},{"class":193},[1987],{"type":129,"value":408},{"type":124,"tag":154,"props":1989,"children":1990},{"class":208},[1991],{"type":129,"value":449},{"type":124,"tag":154,"props":1993,"children":1994},{"class":156,"line":686},[1995,1999,2003,2007,2011,2015],{"type":124,"tag":154,"props":1996,"children":1997},{"class":193},[1998],{"type":129,"value":205},{"type":124,"tag":154,"props":2000,"children":2001},{"class":459},[2002],{"type":129,"value":581},{"type":124,"tag":154,"props":2004,"children":2005},{"class":193},[2006],{"type":129,"value":467},{"type":124,"tag":154,"props":2008,"children":2009},{"class":193},[2010],{"type":129,"value":472},{"type":124,"tag":154,"props":2012,"children":2013},{"class":280},[2014],{"type":129,"value":1848},{"type":124,"tag":154,"props":2016,"children":2017},{"class":193},[2018],{"type":129,"value":481},{"type":124,"tag":154,"props":2020,"children":2021},{"class":156,"line":694},[2022,2026,2030,2034,2038,2042],{"type":124,"tag":154,"props":2023,"children":2024},{"class":193},[2025],{"type":129,"value":205},{"type":124,"tag":154,"props":2027,"children":2028},{"class":459},[2029],{"type":129,"value":611},{"type":124,"tag":154,"props":2031,"children":2032},{"class":193},[2033],{"type":129,"value":467},{"type":124,"tag":154,"props":2035,"children":2036},{"class":193},[2037],{"type":129,"value":472},{"type":124,"tag":154,"props":2039,"children":2040},{"class":280},[2041],{"type":129,"value":1876},{"type":124,"tag":154,"props":2043,"children":2044},{"class":193},[2045],{"type":129,"value":481},{"type":124,"tag":154,"props":2047,"children":2048},{"class":156,"line":701},[2049,2053,2057,2061,2065,2070],{"type":124,"tag":154,"props":2050,"children":2051},{"class":193},[2052],{"type":129,"value":205},{"type":124,"tag":154,"props":2054,"children":2055},{"class":459},[2056],{"type":129,"value":1171},{"type":124,"tag":154,"props":2058,"children":2059},{"class":193},[2060],{"type":129,"value":467},{"type":124,"tag":154,"props":2062,"children":2063},{"class":193},[2064],{"type":129,"value":472},{"type":124,"tag":154,"props":2066,"children":2067},{"class":280},[2068],{"type":129,"value":2069},"{ smart: true }",{"type":124,"tag":154,"props":2071,"children":2072},{"class":193},[2073],{"type":129,"value":481},{"type":124,"tag":154,"props":2075,"children":2076},{"class":156,"line":734},[2077,2081,2085,2089,2093,2097],{"type":124,"tag":154,"props":2078,"children":2079},{"class":193},[2080],{"type":129,"value":205},{"type":124,"tag":154,"props":2082,"children":2083},{"class":459},[2084],{"type":129,"value":462},{"type":124,"tag":154,"props":2086,"children":2087},{"class":193},[2088],{"type":129,"value":467},{"type":124,"tag":154,"props":2090,"children":2091},{"class":193},[2092],{"type":129,"value":472},{"type":124,"tag":154,"props":2094,"children":2095},{"class":280},[2096],{"type":129,"value":238},{"type":124,"tag":154,"props":2098,"children":2099},{"class":193},[2100],{"type":129,"value":481},{"type":124,"tag":154,"props":2102,"children":2103},{"class":156,"line":746},[2104,2108,2112,2116,2120,2124],{"type":124,"tag":154,"props":2105,"children":2106},{"class":193},[2107],{"type":129,"value":205},{"type":124,"tag":154,"props":2109,"children":2110},{"class":459},[2111],{"type":129,"value":493},{"type":124,"tag":154,"props":2113,"children":2114},{"class":193},[2115],{"type":129,"value":467},{"type":124,"tag":154,"props":2117,"children":2118},{"class":193},[2119],{"type":129,"value":472},{"type":124,"tag":154,"props":2121,"children":2122},{"class":280},[2123],{"type":129,"value":1931},{"type":124,"tag":154,"props":2125,"children":2126},{"class":193},[2127],{"type":129,"value":481},{"type":124,"tag":154,"props":2129,"children":2130},{"class":156,"line":774},[2131],{"type":124,"tag":154,"props":2132,"children":2133},{"class":193},[2134],{"type":129,"value":980},{"type":124,"tag":347,"props":2136,"children":2138},{"id":2137},"custom-focal-point",[2139],{"type":129,"value":2140},"Custom focal point",{"type":124,"tag":125,"props":2142,"children":2143},{},[2144,2145,2151],{"type":129,"value":357},{"type":124,"tag":132,"props":2146,"children":2149},{"href":2147,"rel":2148},"https://www.storyblok.com/docs/image-service#custom-focal-point",[136],[2150],{"type":129,"value":364},{"type":129,"value":366},{"type":124,"tag":125,"props":2153,"children":2154},{},[2155,2157,2162],{"type":129,"value":2156},"Storyblok offer you the focalize on a specific part of your image. Just use ",{"type":124,"tag":150,"props":2158,"children":2159},{},[2160],{"type":129,"value":2161},"focal",{"type":129,"value":2163}," filters.",{"type":124,"tag":125,"props":2165,"children":2166},{},[2167],{"type":129,"value":391},{"type":124,"tag":142,"props":2169,"children":2171},{"className":394,"code":2170,"language":396,"meta":118},"\u003Cdiv>Focus on the bottom of the image\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n :modifiers=\"{ filters: { focal: '450x500:550x600' } }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n/>\n\n\u003Cdiv>Focus on the top of the image\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n :modifiers=\"{ filters: { focal: '450x0:550x100' } }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n/>\n",[2172],{"type":124,"tag":150,"props":2173,"children":2174},{"__ignoreMap":118},[2175,2207,2218,2245,2272,2300,2327,2355,2362,2368,2400,2411,2438,2465,2493,2520,2547],{"type":124,"tag":154,"props":2176,"children":2177},{"class":156,"line":157},[2178,2182,2186,2190,2195,2199,2203],{"type":124,"tag":154,"props":2179,"children":2180},{"class":193},[2181],{"type":129,"value":408},{"type":124,"tag":154,"props":2183,"children":2184},{"class":208},[2185],{"type":129,"value":413},{"type":124,"tag":154,"props":2187,"children":2188},{"class":193},[2189],{"type":129,"value":418},{"type":124,"tag":154,"props":2191,"children":2192},{"class":167},[2193],{"type":129,"value":2194},"Focus on the bottom of the image",{"type":124,"tag":154,"props":2196,"children":2197},{"class":193},[2198],{"type":129,"value":428},{"type":124,"tag":154,"props":2200,"children":2201},{"class":208},[2202],{"type":129,"value":413},{"type":124,"tag":154,"props":2204,"children":2205},{"class":193},[2206],{"type":129,"value":437},{"type":124,"tag":154,"props":2208,"children":2209},{"class":156,"line":199},[2210,2214],{"type":124,"tag":154,"props":2211,"children":2212},{"class":193},[2213],{"type":129,"value":408},{"type":124,"tag":154,"props":2215,"children":2216},{"class":208},[2217],{"type":129,"value":449},{"type":124,"tag":154,"props":2219,"children":2220},{"class":156,"line":227},[2221,2225,2229,2233,2237,2241],{"type":124,"tag":154,"props":2222,"children":2223},{"class":193},[2224],{"type":129,"value":205},{"type":124,"tag":154,"props":2226,"children":2227},{"class":459},[2228],{"type":129,"value":581},{"type":124,"tag":154,"props":2230,"children":2231},{"class":193},[2232],{"type":129,"value":467},{"type":124,"tag":154,"props":2234,"children":2235},{"class":193},[2236],{"type":129,"value":472},{"type":124,"tag":154,"props":2238,"children":2239},{"class":280},[2240],{"type":129,"value":1848},{"type":124,"tag":154,"props":2242,"children":2243},{"class":193},[2244],{"type":129,"value":481},{"type":124,"tag":154,"props":2246,"children":2247},{"class":156,"line":253},[2248,2252,2256,2260,2264,2268],{"type":124,"tag":154,"props":2249,"children":2250},{"class":193},[2251],{"type":129,"value":205},{"type":124,"tag":154,"props":2253,"children":2254},{"class":459},[2255],{"type":129,"value":611},{"type":124,"tag":154,"props":2257,"children":2258},{"class":193},[2259],{"type":129,"value":467},{"type":124,"tag":154,"props":2261,"children":2262},{"class":193},[2263],{"type":129,"value":472},{"type":124,"tag":154,"props":2265,"children":2266},{"class":280},[2267],{"type":129,"value":1876},{"type":124,"tag":154,"props":2269,"children":2270},{"class":193},[2271],{"type":129,"value":481},{"type":124,"tag":154,"props":2273,"children":2274},{"class":156,"line":291},[2275,2279,2283,2287,2291,2296],{"type":124,"tag":154,"props":2276,"children":2277},{"class":193},[2278],{"type":129,"value":205},{"type":124,"tag":154,"props":2280,"children":2281},{"class":459},[2282],{"type":129,"value":1171},{"type":124,"tag":154,"props":2284,"children":2285},{"class":193},[2286],{"type":129,"value":467},{"type":124,"tag":154,"props":2288,"children":2289},{"class":193},[2290],{"type":129,"value":472},{"type":124,"tag":154,"props":2292,"children":2293},{"class":280},[2294],{"type":129,"value":2295},"{ filters: { focal: '450x500:550x600' } }",{"type":124,"tag":154,"props":2297,"children":2298},{"class":193},[2299],{"type":129,"value":481},{"type":124,"tag":154,"props":2301,"children":2302},{"class":156,"line":304},[2303,2307,2311,2315,2319,2323],{"type":124,"tag":154,"props":2304,"children":2305},{"class":193},[2306],{"type":129,"value":205},{"type":124,"tag":154,"props":2308,"children":2309},{"class":459},[2310],{"type":129,"value":462},{"type":124,"tag":154,"props":2312,"children":2313},{"class":193},[2314],{"type":129,"value":467},{"type":124,"tag":154,"props":2316,"children":2317},{"class":193},[2318],{"type":129,"value":472},{"type":124,"tag":154,"props":2320,"children":2321},{"class":280},[2322],{"type":129,"value":238},{"type":124,"tag":154,"props":2324,"children":2325},{"class":193},[2326],{"type":129,"value":481},{"type":124,"tag":154,"props":2328,"children":2329},{"class":156,"line":316},[2330,2334,2338,2342,2346,2351],{"type":124,"tag":154,"props":2331,"children":2332},{"class":193},[2333],{"type":129,"value":205},{"type":124,"tag":154,"props":2335,"children":2336},{"class":459},[2337],{"type":129,"value":493},{"type":124,"tag":154,"props":2339,"children":2340},{"class":193},[2341],{"type":129,"value":467},{"type":124,"tag":154,"props":2343,"children":2344},{"class":193},[2345],{"type":129,"value":472},{"type":124,"tag":154,"props":2347,"children":2348},{"class":280},[2349],{"type":129,"value":2350},"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg",{"type":124,"tag":154,"props":2352,"children":2353},{"class":193},[2354],{"type":129,"value":481},{"type":124,"tag":154,"props":2356,"children":2357},{"class":156,"line":559},[2358],{"type":124,"tag":154,"props":2359,"children":2360},{"class":193},[2361],{"type":129,"value":518},{"type":124,"tag":154,"props":2363,"children":2364},{"class":156,"line":571},[2365],{"type":124,"tag":154,"props":2366,"children":2367},{},[],{"type":124,"tag":154,"props":2369,"children":2370},{"class":156,"line":601},[2371,2375,2379,2383,2388,2392,2396],{"type":124,"tag":154,"props":2372,"children":2373},{"class":193},[2374],{"type":129,"value":408},{"type":124,"tag":154,"props":2376,"children":2377},{"class":208},[2378],{"type":129,"value":413},{"type":124,"tag":154,"props":2380,"children":2381},{"class":193},[2382],{"type":129,"value":418},{"type":124,"tag":154,"props":2384,"children":2385},{"class":167},[2386],{"type":129,"value":2387},"Focus on the top of the image",{"type":124,"tag":154,"props":2389,"children":2390},{"class":193},[2391],{"type":129,"value":428},{"type":124,"tag":154,"props":2393,"children":2394},{"class":208},[2395],{"type":129,"value":413},{"type":124,"tag":154,"props":2397,"children":2398},{"class":193},[2399],{"type":129,"value":437},{"type":124,"tag":154,"props":2401,"children":2402},{"class":156,"line":630},[2403,2407],{"type":124,"tag":154,"props":2404,"children":2405},{"class":193},[2406],{"type":129,"value":408},{"type":124,"tag":154,"props":2408,"children":2409},{"class":208},[2410],{"type":129,"value":449},{"type":124,"tag":154,"props":2412,"children":2413},{"class":156,"line":658},[2414,2418,2422,2426,2430,2434],{"type":124,"tag":154,"props":2415,"children":2416},{"class":193},[2417],{"type":129,"value":205},{"type":124,"tag":154,"props":2419,"children":2420},{"class":459},[2421],{"type":129,"value":581},{"type":124,"tag":154,"props":2423,"children":2424},{"class":193},[2425],{"type":129,"value":467},{"type":124,"tag":154,"props":2427,"children":2428},{"class":193},[2429],{"type":129,"value":472},{"type":124,"tag":154,"props":2431,"children":2432},{"class":280},[2433],{"type":129,"value":1848},{"type":124,"tag":154,"props":2435,"children":2436},{"class":193},[2437],{"type":129,"value":481},{"type":124,"tag":154,"props":2439,"children":2440},{"class":156,"line":686},[2441,2445,2449,2453,2457,2461],{"type":124,"tag":154,"props":2442,"children":2443},{"class":193},[2444],{"type":129,"value":205},{"type":124,"tag":154,"props":2446,"children":2447},{"class":459},[2448],{"type":129,"value":611},{"type":124,"tag":154,"props":2450,"children":2451},{"class":193},[2452],{"type":129,"value":467},{"type":124,"tag":154,"props":2454,"children":2455},{"class":193},[2456],{"type":129,"value":472},{"type":124,"tag":154,"props":2458,"children":2459},{"class":280},[2460],{"type":129,"value":1876},{"type":124,"tag":154,"props":2462,"children":2463},{"class":193},[2464],{"type":129,"value":481},{"type":124,"tag":154,"props":2466,"children":2467},{"class":156,"line":694},[2468,2472,2476,2480,2484,2489],{"type":124,"tag":154,"props":2469,"children":2470},{"class":193},[2471],{"type":129,"value":205},{"type":124,"tag":154,"props":2473,"children":2474},{"class":459},[2475],{"type":129,"value":1171},{"type":124,"tag":154,"props":2477,"children":2478},{"class":193},[2479],{"type":129,"value":467},{"type":124,"tag":154,"props":2481,"children":2482},{"class":193},[2483],{"type":129,"value":472},{"type":124,"tag":154,"props":2485,"children":2486},{"class":280},[2487],{"type":129,"value":2488},"{ filters: { focal: '450x0:550x100' } }",{"type":124,"tag":154,"props":2490,"children":2491},{"class":193},[2492],{"type":129,"value":481},{"type":124,"tag":154,"props":2494,"children":2495},{"class":156,"line":701},[2496,2500,2504,2508,2512,2516],{"type":124,"tag":154,"props":2497,"children":2498},{"class":193},[2499],{"type":129,"value":205},{"type":124,"tag":154,"props":2501,"children":2502},{"class":459},[2503],{"type":129,"value":462},{"type":124,"tag":154,"props":2505,"children":2506},{"class":193},[2507],{"type":129,"value":467},{"type":124,"tag":154,"props":2509,"children":2510},{"class":193},[2511],{"type":129,"value":472},{"type":124,"tag":154,"props":2513,"children":2514},{"class":280},[2515],{"type":129,"value":238},{"type":124,"tag":154,"props":2517,"children":2518},{"class":193},[2519],{"type":129,"value":481},{"type":124,"tag":154,"props":2521,"children":2522},{"class":156,"line":734},[2523,2527,2531,2535,2539,2543],{"type":124,"tag":154,"props":2524,"children":2525},{"class":193},[2526],{"type":129,"value":205},{"type":124,"tag":154,"props":2528,"children":2529},{"class":459},[2530],{"type":129,"value":493},{"type":124,"tag":154,"props":2532,"children":2533},{"class":193},[2534],{"type":129,"value":467},{"type":124,"tag":154,"props":2536,"children":2537},{"class":193},[2538],{"type":129,"value":472},{"type":124,"tag":154,"props":2540,"children":2541},{"class":280},[2542],{"type":129,"value":2350},{"type":124,"tag":154,"props":2544,"children":2545},{"class":193},[2546],{"type":129,"value":481},{"type":124,"tag":154,"props":2548,"children":2549},{"class":156,"line":746},[2550],{"type":124,"tag":154,"props":2551,"children":2552},{"class":193},[2553],{"type":129,"value":980},{"type":124,"tag":2555,"props":2556,"children":2557},"style",{},[2558],{"type":129,"value":2559},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-366012{color:#C792EA;}.light .ct-366012{color:#9C3EDA;}",{"title":118,"searchDepth":199,"depth":199,"links":2561},[2562],{"id":331,"depth":199,"text":334,"children":2563},[2564,2565,2566,2567,2568,2569],{"id":349,"depth":227,"text":352},{"id":983,"depth":227,"text":986},{"id":1252,"depth":227,"text":1255},{"id":1462,"depth":227,"text":1465},{"id":1714,"depth":227,"text":1717},{"id":2137,"depth":227,"text":2140},"markdown","content:3.providers:storyblok.md","content","3.providers/storyblok.md","md",[2576,3179],{"_path":86,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":85,"description":2577,"body":2578,"_type":2570,"_id":3177,"_source":2572,"_file":3178,"_extension":2574},"Nuxt Image has first class integration with Sanity.",{"type":121,"children":2579,"toc":3168},[2580,2592,2604,2784,2790,2803,2809,2814,2969,2976,2989,3070,3107,3114,3125,3139,3163],{"type":124,"tag":125,"props":2581,"children":2582},{},[2583,2584,2590],{"type":129,"value":130},{"type":124,"tag":132,"props":2585,"children":2588},{"href":2586,"rel":2587},"https://www.sanity.io/docs/image-urls",[136],[2589],{"type":129,"value":85},{"type":129,"value":2591}," and Nuxt Image.",{"type":124,"tag":125,"props":2593,"children":2594},{},[2595,2597,2602],{"type":129,"value":2596},"To use this provider you just need to specify the ",{"type":124,"tag":150,"props":2598,"children":2599},{},[2600],{"type":129,"value":2601},"projectId",{"type":129,"value":2603}," of your project in Sanity.",{"type":124,"tag":142,"props":2605,"children":2607},{"className":144,"code":2606,"filename":146,"language":147,"meta":118},"export default defineNuxtConfig({\n image: {\n sanity: {\n projectId: 'yourprojectid',\n // Defaults to 'production'\n // dataset: 'development'\n }\n }\n})\n",[2608],{"type":124,"tag":150,"props":2609,"children":2610},{"__ignoreMap":118},[2611,2642,2665,2689,2726,2739,2751,2762,2773],{"type":124,"tag":154,"props":2612,"children":2613},{"class":156,"line":157},[2614,2618,2622,2626,2630,2634,2638],{"type":124,"tag":154,"props":2615,"children":2616},{"class":161},[2617],{"type":129,"value":164},{"type":124,"tag":154,"props":2619,"children":2620},{"class":167},[2621],{"type":129,"value":170},{"type":124,"tag":154,"props":2623,"children":2624},{"class":161},[2625],{"type":129,"value":175},{"type":124,"tag":154,"props":2627,"children":2628},{"class":167},[2629],{"type":129,"value":170},{"type":124,"tag":154,"props":2631,"children":2632},{"class":182},[2633],{"type":129,"value":185},{"type":124,"tag":154,"props":2635,"children":2636},{"class":167},[2637],{"type":129,"value":190},{"type":124,"tag":154,"props":2639,"children":2640},{"class":193},[2641],{"type":129,"value":196},{"type":124,"tag":154,"props":2643,"children":2644},{"class":156,"line":199},[2645,2649,2653,2657,2661],{"type":124,"tag":154,"props":2646,"children":2647},{"class":167},[2648],{"type":129,"value":205},{"type":124,"tag":154,"props":2650,"children":2651},{"class":208},[2652],{"type":129,"value":211},{"type":124,"tag":154,"props":2654,"children":2655},{"class":193},[2656],{"type":129,"value":216},{"type":124,"tag":154,"props":2658,"children":2659},{"class":167},[2660],{"type":129,"value":170},{"type":124,"tag":154,"props":2662,"children":2663},{"class":193},[2664],{"type":129,"value":196},{"type":124,"tag":154,"props":2666,"children":2667},{"class":156,"line":227},[2668,2672,2677,2681,2685],{"type":124,"tag":154,"props":2669,"children":2670},{"class":167},[2671],{"type":129,"value":233},{"type":124,"tag":154,"props":2673,"children":2674},{"class":208},[2675],{"type":129,"value":2676},"sanity",{"type":124,"tag":154,"props":2678,"children":2679},{"class":193},[2680],{"type":129,"value":216},{"type":124,"tag":154,"props":2682,"children":2683},{"class":167},[2684],{"type":129,"value":170},{"type":124,"tag":154,"props":2686,"children":2687},{"class":193},[2688],{"type":129,"value":196},{"type":124,"tag":154,"props":2690,"children":2691},{"class":156,"line":253},[2692,2696,2700,2704,2708,2712,2717,2721],{"type":124,"tag":154,"props":2693,"children":2694},{"class":167},[2695],{"type":129,"value":259},{"type":124,"tag":154,"props":2697,"children":2698},{"class":208},[2699],{"type":129,"value":2601},{"type":124,"tag":154,"props":2701,"children":2702},{"class":193},[2703],{"type":129,"value":216},{"type":124,"tag":154,"props":2705,"children":2706},{"class":167},[2707],{"type":129,"value":170},{"type":124,"tag":154,"props":2709,"children":2710},{"class":193},[2711],{"type":129,"value":277},{"type":124,"tag":154,"props":2713,"children":2714},{"class":280},[2715],{"type":129,"value":2716},"yourprojectid",{"type":124,"tag":154,"props":2718,"children":2719},{"class":193},[2720],{"type":129,"value":277},{"type":124,"tag":154,"props":2722,"children":2723},{"class":193},[2724],{"type":129,"value":2725},",\n",{"type":124,"tag":154,"props":2727,"children":2728},{"class":156,"line":291},[2729,2733],{"type":124,"tag":154,"props":2730,"children":2731},{"class":193},[2732],{"type":129,"value":259},{"type":124,"tag":154,"props":2734,"children":2736},{"class":2735},"ct-767688",[2737],{"type":129,"value":2738},"// Defaults to 'production'\n",{"type":124,"tag":154,"props":2740,"children":2741},{"class":156,"line":304},[2742,2746],{"type":124,"tag":154,"props":2743,"children":2744},{"class":193},[2745],{"type":129,"value":259},{"type":124,"tag":154,"props":2747,"children":2748},{"class":2735},[2749],{"type":129,"value":2750},"// dataset: 'development'\n",{"type":124,"tag":154,"props":2752,"children":2753},{"class":156,"line":316},[2754,2758],{"type":124,"tag":154,"props":2755,"children":2756},{"class":167},[2757],{"type":129,"value":233},{"type":124,"tag":154,"props":2759,"children":2760},{"class":193},[2761],{"type":129,"value":301},{"type":124,"tag":154,"props":2763,"children":2764},{"class":156,"line":559},[2765,2769],{"type":124,"tag":154,"props":2766,"children":2767},{"class":167},[2768],{"type":129,"value":205},{"type":124,"tag":154,"props":2770,"children":2771},{"class":193},[2772],{"type":129,"value":301},{"type":124,"tag":154,"props":2774,"children":2775},{"class":156,"line":571},[2776,2780],{"type":124,"tag":154,"props":2777,"children":2778},{"class":193},[2779],{"type":129,"value":322},{"type":124,"tag":154,"props":2781,"children":2782},{"class":167},[2783],{"type":129,"value":327},{"type":124,"tag":329,"props":2785,"children":2787},{"id":2786},"modifiers",[2788],{"type":129,"value":2789},"Modifiers",{"type":124,"tag":125,"props":2791,"children":2792},{},[2793,2795,2801],{"type":129,"value":2794},"The Sanity provider supports a number of additional modifiers. For a full list, check out ",{"type":124,"tag":132,"props":2796,"children":2798},{"href":2586,"rel":2797},[136],[2799],{"type":129,"value":2800},"the Sanity documentation",{"type":129,"value":2802},". All of the modifiers mentioned in the Sanity docs are supported, with the following notes.",{"type":124,"tag":347,"props":2804,"children":2806},{"id":2805},"extra-convenience-modifiers",[2807],{"type":129,"value":2808},"Extra convenience modifiers",{"type":124,"tag":125,"props":2810,"children":2811},{},[2812],{"type":129,"value":2813},"The following more readable modifiers are also supported:",{"type":124,"tag":373,"props":2815,"children":2816},{},[2817,2832,2846,2860,2874,2895,2915,2935,2955],{"type":124,"tag":377,"props":2818,"children":2819},{},[2820,2825,2827],{"type":124,"tag":150,"props":2821,"children":2822},{},[2823],{"type":129,"value":2824},"background",{"type":129,"value":2826}," - equivalent to ",{"type":124,"tag":150,"props":2828,"children":2829},{},[2830],{"type":129,"value":2831},"bg",{"type":124,"tag":377,"props":2833,"children":2834},{},[2835,2840,2841],{"type":124,"tag":150,"props":2836,"children":2837},{},[2838],{"type":129,"value":2839},"download",{"type":129,"value":2826},{"type":124,"tag":150,"props":2842,"children":2843},{},[2844],{"type":129,"value":2845},"dl",{"type":124,"tag":377,"props":2847,"children":2848},{},[2849,2854,2855],{"type":124,"tag":150,"props":2850,"children":2851},{},[2852],{"type":129,"value":2853},"sharpen",{"type":129,"value":2826},{"type":124,"tag":150,"props":2856,"children":2857},{},[2858],{"type":129,"value":2859},"sharp",{"type":124,"tag":377,"props":2861,"children":2862},{},[2863,2868,2869],{"type":124,"tag":150,"props":2864,"children":2865},{},[2866],{"type":129,"value":2867},"orientation",{"type":129,"value":2826},{"type":124,"tag":150,"props":2870,"children":2871},{},[2872],{"type":129,"value":2873},"or",{"type":124,"tag":377,"props":2875,"children":2876},{},[2877,2882,2884,2889,2890],{"type":124,"tag":150,"props":2878,"children":2879},{},[2880],{"type":129,"value":2881},"minHeight",{"type":129,"value":2883}," or ",{"type":124,"tag":150,"props":2885,"children":2886},{},[2887],{"type":129,"value":2888},"min-height",{"type":129,"value":2826},{"type":124,"tag":150,"props":2891,"children":2892},{},[2893],{"type":129,"value":2894},"min-h",{"type":124,"tag":377,"props":2896,"children":2897},{},[2898,2903,2904,2909,2910],{"type":124,"tag":150,"props":2899,"children":2900},{},[2901],{"type":129,"value":2902},"maxHeight",{"type":129,"value":2883},{"type":124,"tag":150,"props":2905,"children":2906},{},[2907],{"type":129,"value":2908},"max-height",{"type":129,"value":2826},{"type":124,"tag":150,"props":2911,"children":2912},{},[2913],{"type":129,"value":2914},"max-h",{"type":124,"tag":377,"props":2916,"children":2917},{},[2918,2923,2924,2929,2930],{"type":124,"tag":150,"props":2919,"children":2920},{},[2921],{"type":129,"value":2922},"minWidth",{"type":129,"value":2883},{"type":124,"tag":150,"props":2925,"children":2926},{},[2927],{"type":129,"value":2928},"min-width",{"type":129,"value":2826},{"type":124,"tag":150,"props":2931,"children":2932},{},[2933],{"type":129,"value":2934},"min-w",{"type":124,"tag":377,"props":2936,"children":2937},{},[2938,2943,2944,2949,2950],{"type":124,"tag":150,"props":2939,"children":2940},{},[2941],{"type":129,"value":2942},"maxWidth",{"type":129,"value":2883},{"type":124,"tag":150,"props":2945,"children":2946},{},[2947],{"type":129,"value":2948},"max-width",{"type":129,"value":2826},{"type":124,"tag":150,"props":2951,"children":2952},{},[2953],{"type":129,"value":2954},"max-w",{"type":124,"tag":377,"props":2956,"children":2957},{},[2958,2963,2964],{"type":124,"tag":150,"props":2959,"children":2960},{},[2961],{"type":129,"value":2962},"saturation",{"type":129,"value":2826},{"type":124,"tag":150,"props":2965,"children":2966},{},[2967],{"type":129,"value":2968},"sat",{"type":124,"tag":347,"props":2970,"children":2971},{"id":1142},[2972],{"type":124,"tag":150,"props":2973,"children":2974},{},[2975],{"type":129,"value":1142},{"type":124,"tag":125,"props":2977,"children":2978},{},[2979,2981,2987],{"type":129,"value":2980},"In addition to the values specified in the Sanity docs, which are respected, the following options from the ",{"type":124,"tag":132,"props":2982,"children":2984},{"href":2983},"/usage/nuxt-img#fit",[2985],{"type":129,"value":2986},"default fit behavior",{"type":129,"value":2988}," are supported:",{"type":124,"tag":373,"props":2990,"children":2991},{},[2992,3007,3029,3043,3057],{"type":124,"tag":377,"props":2993,"children":2994},{},[2995,3000,3002],{"type":124,"tag":150,"props":2996,"children":2997},{},[2998],{"type":129,"value":2999},"cover",{"type":129,"value":3001}," - this will behave like the Sanity modifier ",{"type":124,"tag":150,"props":3003,"children":3004},{},[3005],{"type":129,"value":3006},"crop",{"type":124,"tag":377,"props":3008,"children":3009},{},[3010,3015,3016,3021,3023,3027],{"type":124,"tag":150,"props":3011,"children":3012},{},[3013],{"type":129,"value":3014},"contain",{"type":129,"value":3001},{"type":124,"tag":150,"props":3017,"children":3018},{},[3019],{"type":129,"value":3020},"fill",{"type":129,"value":3022},", and defaults to filling with a white background. (You can specify your own background color with the ",{"type":124,"tag":150,"props":3024,"children":3025},{},[3026],{"type":129,"value":2824},{"type":129,"value":3028}," modifier.)",{"type":124,"tag":377,"props":3030,"children":3031},{},[3032,3037,3038],{"type":124,"tag":150,"props":3033,"children":3034},{},[3035],{"type":129,"value":3036},"inside",{"type":129,"value":3001},{"type":124,"tag":150,"props":3039,"children":3040},{},[3041],{"type":129,"value":3042},"min",{"type":124,"tag":377,"props":3044,"children":3045},{},[3046,3051,3052],{"type":124,"tag":150,"props":3047,"children":3048},{},[3049],{"type":129,"value":3050},"outside",{"type":129,"value":3001},{"type":124,"tag":150,"props":3053,"children":3054},{},[3055],{"type":129,"value":3056},"max",{"type":124,"tag":377,"props":3058,"children":3059},{},[3060,3064,3065],{"type":124,"tag":150,"props":3061,"children":3062},{},[3063],{"type":129,"value":3020},{"type":129,"value":3001},{"type":124,"tag":150,"props":3066,"children":3067},{},[3068],{"type":129,"value":3069},"scale",{"type":124,"tag":3071,"props":3072,"children":3073},"callout",{},[3074],{"type":124,"tag":125,"props":3075,"children":3076},{},[3077,3079,3084,3086,3091,3093,3098,3100,3105],{"type":129,"value":3078},"For compatibility with other providers, ",{"type":124,"tag":150,"props":3080,"children":3081},{},[3082],{"type":129,"value":3083},"fit: fill",{"type":129,"value":3085}," is equivalent to the Sanity parameter ",{"type":124,"tag":150,"props":3087,"children":3088},{},[3089],{"type":129,"value":3090},"?fit=scale",{"type":129,"value":3092},". If you need the Sanity ",{"type":124,"tag":150,"props":3094,"children":3095},{},[3096],{"type":129,"value":3097},"?fit=fill",{"type":129,"value":3099}," behavior, use ",{"type":124,"tag":150,"props":3101,"children":3102},{},[3103],{"type":129,"value":3104},"fit: contain",{"type":129,"value":3106}," instead.",{"type":124,"tag":347,"props":3108,"children":3109},{"id":1252},[3110],{"type":124,"tag":150,"props":3111,"children":3112},{},[3113],{"type":129,"value":1252},{"type":124,"tag":125,"props":3115,"children":3116},{},[3117,3119,3124],{"type":129,"value":3118},"You can specify any of the formats suppored by Sanity. If this is omitted, the Sanity provider will default to ",{"type":124,"tag":150,"props":3120,"children":3121},{},[3122],{"type":129,"value":3123},"auto=format",{"type":129,"value":1016},{"type":124,"tag":347,"props":3126,"children":3128},{"id":3127},"crop-and-hotspot",[3129,3133,3134],{"type":124,"tag":150,"props":3130,"children":3131},{},[3132],{"type":129,"value":3006},{"type":129,"value":1285},{"type":124,"tag":150,"props":3135,"children":3136},{},[3137],{"type":129,"value":3138},"hotspot",{"type":124,"tag":125,"props":3140,"children":3141},{},[3142,3144,3149,3150,3155,3156,3161],{"type":129,"value":3143},"You can pass your Sanity crop and hotspot image data as modifiers and Nuxt Image will correctly generate the ",{"type":124,"tag":150,"props":3145,"children":3146},{},[3147],{"type":129,"value":3148},"rect",{"type":129,"value":1278},{"type":124,"tag":150,"props":3151,"children":3152},{},[3153],{"type":129,"value":3154},"fp-x",{"type":129,"value":1285},{"type":124,"tag":150,"props":3157,"children":3158},{},[3159],{"type":129,"value":3160},"fp-y",{"type":129,"value":3162}," parameters for you.",{"type":124,"tag":2555,"props":3164,"children":3165},{},[3166],{"type":129,"value":3167},".material-theme_material-theme-palenight_material-theme-lighter{color:#EEFFFF;background:#263238;}.dark .material-theme_material-theme-palenight_material-theme-lighter{color:#A6ACCD;background:#292D3E;}.light .material-theme_material-theme-palenight_material-theme-lighter{color:#90A4AE;background:#FAFAFA;}.ct-398028{color:#89DDFF;font-style:italic;}.light .ct-398028{color:#39ADB5;font-style:italic;}.ct-521921{color:#EEFFFF;}.dark .ct-521921{color:#A6ACCD;}.light .ct-521921{color:#90A4AE;}.ct-021512{color:#82AAFF;}.light .ct-021512{color:#6182B8;}.ct-542793{color:#89DDFF;}.light .ct-542793{color:#39ADB5;}.ct-821147{color:#F07178;}.light .ct-821147{color:#E53935;}.ct-083593{color:#C3E88D;}.light .ct-083593{color:#91B859;}.ct-767688{color:#546E7A;font-style:italic;}.dark .ct-767688{color:#676E95;font-style:italic;}.light .ct-767688{color:#90A4AE;font-style:italic;}",{"title":118,"searchDepth":199,"depth":199,"links":3169},[3170],{"id":2786,"depth":199,"text":2789,"children":3171},[3172,3173,3174,3175],{"id":2805,"depth":227,"text":2808},{"id":1142,"depth":227,"text":1142},{"id":1252,"depth":227,"text":1252},{"id":3127,"depth":227,"text":3176},"crop and hotspot","content:3.providers:sanity.md","3.providers/sanity.md",{"_path":92,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":91,"description":3180,"body":3181,"_type":2570,"_id":3780,"_source":2572,"_file":3781,"_extension":2574},"Nuxt Image with Strapi integration.",{"type":121,"children":3182,"toc":3777},[3183,3195,3207,3314,3319,3468,3472,3484,3497,3573,3587,3592,3665,3670,3765,3773],{"type":124,"tag":125,"props":3184,"children":3185},{},[3186,3187,3193],{"type":129,"value":130},{"type":124,"tag":132,"props":3188,"children":3191},{"href":3189,"rel":3190},"https://strapi.io",[136],[3192],{"type":129,"value":91},{"type":129,"value":3194}," and the image module.",{"type":124,"tag":125,"props":3196,"children":3197},{},[3198,3200,3205],{"type":129,"value":3199},"No specific configuration is required. You just need to specify ",{"type":124,"tag":150,"props":3201,"children":3202},{},[3203],{"type":129,"value":3204},"strapi",{"type":129,"value":3206}," in your configuration to make it the default:",{"type":124,"tag":142,"props":3208,"children":3210},{"className":144,"code":3209,"filename":146,"language":147,"meta":118},"export default defineNuxtConfig({\n image: {\n strapi: {}\n }\n})\n",[3211],{"type":124,"tag":150,"props":3212,"children":3213},{"__ignoreMap":118},[3214,3245,3268,3292,3303],{"type":124,"tag":154,"props":3215,"children":3216},{"class":156,"line":157},[3217,3221,3225,3229,3233,3237,3241],{"type":124,"tag":154,"props":3218,"children":3219},{"class":161},[3220],{"type":129,"value":164},{"type":124,"tag":154,"props":3222,"children":3223},{"class":167},[3224],{"type":129,"value":170},{"type":124,"tag":154,"props":3226,"children":3227},{"class":161},[3228],{"type":129,"value":175},{"type":124,"tag":154,"props":3230,"children":3231},{"class":167},[3232],{"type":129,"value":170},{"type":124,"tag":154,"props":3234,"children":3235},{"class":182},[3236],{"type":129,"value":185},{"type":124,"tag":154,"props":3238,"children":3239},{"class":167},[3240],{"type":129,"value":190},{"type":124,"tag":154,"props":3242,"children":3243},{"class":193},[3244],{"type":129,"value":196},{"type":124,"tag":154,"props":3246,"children":3247},{"class":156,"line":199},[3248,3252,3256,3260,3264],{"type":124,"tag":154,"props":3249,"children":3250},{"class":167},[3251],{"type":129,"value":205},{"type":124,"tag":154,"props":3253,"children":3254},{"class":208},[3255],{"type":129,"value":211},{"type":124,"tag":154,"props":3257,"children":3258},{"class":193},[3259],{"type":129,"value":216},{"type":124,"tag":154,"props":3261,"children":3262},{"class":167},[3263],{"type":129,"value":170},{"type":124,"tag":154,"props":3265,"children":3266},{"class":193},[3267],{"type":129,"value":196},{"type":124,"tag":154,"props":3269,"children":3270},{"class":156,"line":227},[3271,3275,3279,3283,3287],{"type":124,"tag":154,"props":3272,"children":3273},{"class":167},[3274],{"type":129,"value":233},{"type":124,"tag":154,"props":3276,"children":3277},{"class":208},[3278],{"type":129,"value":3204},{"type":124,"tag":154,"props":3280,"children":3281},{"class":193},[3282],{"type":129,"value":216},{"type":124,"tag":154,"props":3284,"children":3285},{"class":167},[3286],{"type":129,"value":170},{"type":124,"tag":154,"props":3288,"children":3289},{"class":193},[3290],{"type":129,"value":3291},"{}\n",{"type":124,"tag":154,"props":3293,"children":3294},{"class":156,"line":253},[3295,3299],{"type":124,"tag":154,"props":3296,"children":3297},{"class":167},[3298],{"type":129,"value":205},{"type":124,"tag":154,"props":3300,"children":3301},{"class":193},[3302],{"type":129,"value":301},{"type":124,"tag":154,"props":3304,"children":3305},{"class":156,"line":291},[3306,3310],{"type":124,"tag":154,"props":3307,"children":3308},{"class":193},[3309],{"type":129,"value":322},{"type":124,"tag":154,"props":3311,"children":3312},{"class":167},[3313],{"type":129,"value":327},{"type":124,"tag":125,"props":3315,"children":3316},{},[3317],{"type":129,"value":3318},"Override default options:",{"type":124,"tag":142,"props":3320,"children":3322},{"className":144,"code":3321,"filename":146,"language":147,"meta":118},"export default defineNuxtConfig({\n image: {\n strapi: {\n baseURL: 'http://localhost:1337/uploads/'\n }\n }\n})\n",[3323],{"type":124,"tag":150,"props":3324,"children":3325},{"__ignoreMap":118},[3326,3357,3380,3403,3435,3446,3457],{"type":124,"tag":154,"props":3327,"children":3328},{"class":156,"line":157},[3329,3333,3337,3341,3345,3349,3353],{"type":124,"tag":154,"props":3330,"children":3331},{"class":161},[3332],{"type":129,"value":164},{"type":124,"tag":154,"props":3334,"children":3335},{"class":167},[3336],{"type":129,"value":170},{"type":124,"tag":154,"props":3338,"children":3339},{"class":161},[3340],{"type":129,"value":175},{"type":124,"tag":154,"props":3342,"children":3343},{"class":167},[3344],{"type":129,"value":170},{"type":124,"tag":154,"props":3346,"children":3347},{"class":182},[3348],{"type":129,"value":185},{"type":124,"tag":154,"props":3350,"children":3351},{"class":167},[3352],{"type":129,"value":190},{"type":124,"tag":154,"props":3354,"children":3355},{"class":193},[3356],{"type":129,"value":196},{"type":124,"tag":154,"props":3358,"children":3359},{"class":156,"line":199},[3360,3364,3368,3372,3376],{"type":124,"tag":154,"props":3361,"children":3362},{"class":167},[3363],{"type":129,"value":205},{"type":124,"tag":154,"props":3365,"children":3366},{"class":208},[3367],{"type":129,"value":211},{"type":124,"tag":154,"props":3369,"children":3370},{"class":193},[3371],{"type":129,"value":216},{"type":124,"tag":154,"props":3373,"children":3374},{"class":167},[3375],{"type":129,"value":170},{"type":124,"tag":154,"props":3377,"children":3378},{"class":193},[3379],{"type":129,"value":196},{"type":124,"tag":154,"props":3381,"children":3382},{"class":156,"line":227},[3383,3387,3391,3395,3399],{"type":124,"tag":154,"props":3384,"children":3385},{"class":167},[3386],{"type":129,"value":233},{"type":124,"tag":154,"props":3388,"children":3389},{"class":208},[3390],{"type":129,"value":3204},{"type":124,"tag":154,"props":3392,"children":3393},{"class":193},[3394],{"type":129,"value":216},{"type":124,"tag":154,"props":3396,"children":3397},{"class":167},[3398],{"type":129,"value":170},{"type":124,"tag":154,"props":3400,"children":3401},{"class":193},[3402],{"type":129,"value":196},{"type":124,"tag":154,"props":3404,"children":3405},{"class":156,"line":253},[3406,3410,3414,3418,3422,3426,3431],{"type":124,"tag":154,"props":3407,"children":3408},{"class":167},[3409],{"type":129,"value":259},{"type":124,"tag":154,"props":3411,"children":3412},{"class":208},[3413],{"type":129,"value":264},{"type":124,"tag":154,"props":3415,"children":3416},{"class":193},[3417],{"type":129,"value":216},{"type":124,"tag":154,"props":3419,"children":3420},{"class":167},[3421],{"type":129,"value":170},{"type":124,"tag":154,"props":3423,"children":3424},{"class":193},[3425],{"type":129,"value":277},{"type":124,"tag":154,"props":3427,"children":3428},{"class":280},[3429],{"type":129,"value":3430},"http://localhost:1337/uploads/",{"type":124,"tag":154,"props":3432,"children":3433},{"class":193},[3434],{"type":129,"value":288},{"type":124,"tag":154,"props":3436,"children":3437},{"class":156,"line":291},[3438,3442],{"type":124,"tag":154,"props":3439,"children":3440},{"class":167},[3441],{"type":129,"value":233},{"type":124,"tag":154,"props":3443,"children":3444},{"class":193},[3445],{"type":129,"value":301},{"type":124,"tag":154,"props":3447,"children":3448},{"class":156,"line":304},[3449,3453],{"type":124,"tag":154,"props":3450,"children":3451},{"class":167},[3452],{"type":129,"value":205},{"type":124,"tag":154,"props":3454,"children":3455},{"class":193},[3456],{"type":129,"value":301},{"type":124,"tag":154,"props":3458,"children":3459},{"class":156,"line":316},[3460,3464],{"type":124,"tag":154,"props":3461,"children":3462},{"class":193},[3463],{"type":129,"value":322},{"type":124,"tag":154,"props":3465,"children":3466},{"class":167},[3467],{"type":129,"value":327},{"type":124,"tag":329,"props":3469,"children":3470},{"id":2786},[3471],{"type":129,"value":2789},{"type":124,"tag":125,"props":3473,"children":3474},{},[3475,3477,3482],{"type":129,"value":3476},"The ",{"type":124,"tag":150,"props":3478,"children":3479},{},[3480],{"type":129,"value":3481},"breakpoint",{"type":129,"value":3483}," modifier is used to specify the size of the image.",{"type":124,"tag":125,"props":3485,"children":3486},{},[3487,3489,3495],{"type":129,"value":3488},"By default, when the image is uploaded and ",{"type":124,"tag":3490,"props":3491,"children":3492},"strong",{},[3493],{"type":129,"value":3494},"Enable responsive friendly upload",{"type":129,"value":3496}," Strapi setting is enabled in the settings panel the plugin will generate the following responsive image sizes:",{"type":124,"tag":3498,"props":3499,"children":3500},"table",{},[3501,3520],{"type":124,"tag":3502,"props":3503,"children":3504},"thead",{},[3505],{"type":124,"tag":3506,"props":3507,"children":3508},"tr",{},[3509,3515],{"type":124,"tag":3510,"props":3511,"children":3512},"th",{},[3513],{"type":129,"value":3514},"Name",{"type":124,"tag":3510,"props":3516,"children":3517},{},[3518],{"type":129,"value":3519},"Largest Dimension",{"type":124,"tag":3521,"props":3522,"children":3523},"tbody",{},[3524,3541,3557],{"type":124,"tag":3506,"props":3525,"children":3526},{},[3527,3536],{"type":124,"tag":3528,"props":3529,"children":3530},"td",{},[3531],{"type":124,"tag":150,"props":3532,"children":3533},{},[3534],{"type":129,"value":3535},"small",{"type":124,"tag":3528,"props":3537,"children":3538},{},[3539],{"type":129,"value":3540},"500px",{"type":124,"tag":3506,"props":3542,"children":3543},{},[3544,3552],{"type":124,"tag":3528,"props":3545,"children":3546},{},[3547],{"type":124,"tag":150,"props":3548,"children":3549},{},[3550],{"type":129,"value":3551},"medium",{"type":124,"tag":3528,"props":3553,"children":3554},{},[3555],{"type":129,"value":3556},"750px",{"type":124,"tag":3506,"props":3558,"children":3559},{},[3560,3568],{"type":124,"tag":3528,"props":3561,"children":3562},{},[3563],{"type":124,"tag":150,"props":3564,"children":3565},{},[3566],{"type":129,"value":3567},"large",{"type":124,"tag":3528,"props":3569,"children":3570},{},[3571],{"type":129,"value":3572},"1000px",{"type":124,"tag":125,"props":3574,"children":3575},{},[3576,3578,3585],{"type":129,"value":3577},"You can override the default breakpoints. See the ",{"type":124,"tag":132,"props":3579,"children":3582},{"href":3580,"rel":3581},"https://strapi.io/documentation/developer-docs/latest/development/plugins/upload.html#configuration",[136],[3583],{"type":129,"value":3584},"Upload configuration",{"type":129,"value":3586}," in the Strapi documentation.",{"type":124,"tag":125,"props":3588,"children":3589},{},[3590],{"type":129,"value":3591},"If you don't set breakpoint modifier, the original image size will be used:",{"type":124,"tag":142,"props":3593,"children":3595},{"className":394,"code":3594,"language":396,"meta":118},"\u003CNuxtImg provider=\"strapi\" src=\"...\" />\n",[3596],{"type":124,"tag":150,"props":3597,"children":3598},{"__ignoreMap":118},[3599],{"type":124,"tag":154,"props":3600,"children":3601},{"class":156,"line":157},[3602,3606,3611,3615,3619,3623,3627,3631,3635,3639,3643,3647,3651,3656,3660],{"type":124,"tag":154,"props":3603,"children":3604},{"class":193},[3605],{"type":129,"value":408},{"type":124,"tag":154,"props":3607,"children":3608},{"class":208},[3609],{"type":129,"value":3610},"NuxtImg",{"type":124,"tag":154,"props":3612,"children":3613},{"class":193},[3614],{"type":129,"value":170},{"type":124,"tag":154,"props":3616,"children":3617},{"class":459},[3618],{"type":129,"value":462},{"type":124,"tag":154,"props":3620,"children":3621},{"class":193},[3622],{"type":129,"value":467},{"type":124,"tag":154,"props":3624,"children":3625},{"class":193},[3626],{"type":129,"value":472},{"type":124,"tag":154,"props":3628,"children":3629},{"class":280},[3630],{"type":129,"value":3204},{"type":124,"tag":154,"props":3632,"children":3633},{"class":193},[3634],{"type":129,"value":472},{"type":124,"tag":154,"props":3636,"children":3637},{"class":193},[3638],{"type":129,"value":170},{"type":124,"tag":154,"props":3640,"children":3641},{"class":459},[3642],{"type":129,"value":493},{"type":124,"tag":154,"props":3644,"children":3645},{"class":193},[3646],{"type":129,"value":467},{"type":124,"tag":154,"props":3648,"children":3649},{"class":193},[3650],{"type":129,"value":472},{"type":124,"tag":154,"props":3652,"children":3653},{"class":280},[3654],{"type":129,"value":3655},"...",{"type":124,"tag":154,"props":3657,"children":3658},{"class":193},[3659],{"type":129,"value":472},{"type":124,"tag":154,"props":3661,"children":3662},{"class":193},[3663],{"type":129,"value":3664}," />",{"type":124,"tag":125,"props":3666,"children":3667},{},[3668],{"type":129,"value":3669},"Define breakpoint modifier:",{"type":124,"tag":142,"props":3671,"children":3673},{"className":394,"code":3672,"language":396,"meta":118},"\u003CNuxtImg provider=\"strapi\" src=\"...\" :modifiers=\"{ breakpoint: 'small' }\" />\n",[3674],{"type":124,"tag":150,"props":3675,"children":3676},{"__ignoreMap":118},[3677],{"type":124,"tag":154,"props":3678,"children":3679},{"class":156,"line":157},[3680,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720,3724,3728,3732,3736,3740,3744,3748,3752,3757,3761],{"type":124,"tag":154,"props":3681,"children":3682},{"class":193},[3683],{"type":129,"value":408},{"type":124,"tag":154,"props":3685,"children":3686},{"class":208},[3687],{"type":129,"value":3610},{"type":124,"tag":154,"props":3689,"children":3690},{"class":193},[3691],{"type":129,"value":170},{"type":124,"tag":154,"props":3693,"children":3694},{"class":459},[3695],{"type":129,"value":462},{"type":124,"tag":154,"props":3697,"children":3698},{"class":193},[3699],{"type":129,"value":467},{"type":124,"tag":154,"props":3701,"children":3702},{"class":193},[3703],{"type":129,"value":472},{"type":124,"tag":154,"props":3705,"children":3706},{"class":280},[3707],{"type":129,"value":3204},{"type":124,"tag":154,"props":3709,"children":3710},{"class":193},[3711],{"type":129,"value":472},{"type":124,"tag":154,"props":3713,"children":3714},{"class":193},[3715],{"type":129,"value":170},{"type":124,"tag":154,"props":3717,"children":3718},{"class":459},[3719],{"type":129,"value":493},{"type":124,"tag":154,"props":3721,"children":3722},{"class":193},[3723],{"type":129,"value":467},{"type":124,"tag":154,"props":3725,"children":3726},{"class":193},[3727],{"type":129,"value":472},{"type":124,"tag":154,"props":3729,"children":3730},{"class":280},[3731],{"type":129,"value":3655},{"type":124,"tag":154,"props":3733,"children":3734},{"class":193},[3735],{"type":129,"value":472},{"type":124,"tag":154,"props":3737,"children":3738},{"class":193},[3739],{"type":129,"value":170},{"type":124,"tag":154,"props":3741,"children":3742},{"class":459},[3743],{"type":129,"value":1171},{"type":124,"tag":154,"props":3745,"children":3746},{"class":193},[3747],{"type":129,"value":467},{"type":124,"tag":154,"props":3749,"children":3750},{"class":193},[3751],{"type":129,"value":472},{"type":124,"tag":154,"props":3753,"children":3754},{"class":280},[3755],{"type":129,"value":3756},"{ breakpoint: 'small' }",{"type":124,"tag":154,"props":3758,"children":3759},{"class":193},[3760],{"type":129,"value":472},{"type":124,"tag":154,"props":3762,"children":3763},{"class":193},[3764],{"type":129,"value":3664},{"type":124,"tag":3071,"props":3766,"children":3767},{},[3768],{"type":124,"tag":125,"props":3769,"children":3770},{},[3771],{"type":129,"value":3772},"Only one breakpoint can be modified per image.",{"type":124,"tag":2555,"props":3774,"children":3775},{},[3776],{"type":129,"value":2559},{"title":118,"searchDepth":199,"depth":199,"links":3778},[3779],{"id":2786,"depth":199,"text":2789},"content:3.providers:strapi.md","3.providers/strapi.md",1695857014374]