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