[{"data":1,"prerenderedAt":4689},["Reactive",2],{"navigation":3,"docs-/providers/imagekit":115,"docs-/providers/imagekit-surround":3390},[4,20,33,105],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":68,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":67,"description":119,"links":120,"body":126,"_type":3386,"_id":3387,"_source":3388,"_file":3389,"_extension":3239},"providers",false,"","Nuxt Image has first class integration with ImageKit.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/imagekit.ts","xs",{"type":127,"children":128,"toc":3363},"root",[129,147,152,297,323,337,352,396,410,416,436,445,526,546,565,578,586,610,718,727,738,858,866,880,898,906,917,1036,1044,1091,1186,1194,1211,1306,1314,1324,1491,1507,1513,1518,1527,1538,1904,1910,1915,2289,2301,2307,2316,2326,2444,2453,2463,2581,2587,2592,3340,3357],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,145],{"type":135,"value":136},"text","Integration between ",{"type":130,"tag":138,"props":139,"children":143},"a",{"href":140,"rel":141},"https://docs.imagekit.io/",[142],"nofollow",[144],{"type":135,"value":67},{"type":135,"value":146}," and the image module.",{"type":130,"tag":131,"props":148,"children":149},{},[150],{"type":135,"value":151},"To use the ImageKit provider, you need to set your ImageKit account URL-endpoint as the base url like below.",{"type":130,"tag":153,"props":154,"children":159},"pre",{"className":155,"code":156,"filename":157,"language":158,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    imagekit: {\n      baseURL: 'https://ik.imagekit.io/your_imagekit_id'\n    }\n  }\n})\n","nuxt.config.ts","ts",[160],{"type":130,"tag":161,"props":162,"children":163},"code",{"__ignoreMap":118},[164,199,219,236,265,274,283],{"type":130,"tag":165,"props":166,"children":169},"span",{"class":167,"line":168},"line",1,[170,176,181,187,193],{"type":130,"tag":165,"props":171,"children":173},{"style":172},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[174],{"type":135,"value":175},"export",{"type":130,"tag":165,"props":177,"children":178},{"style":172},[179],{"type":135,"value":180}," default",{"type":130,"tag":165,"props":182,"children":184},{"style":183},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[185],{"type":135,"value":186}," defineNuxtConfig",{"type":130,"tag":165,"props":188,"children":190},{"style":189},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[191],{"type":135,"value":192},"(",{"type":130,"tag":165,"props":194,"children":196},{"style":195},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[197],{"type":135,"value":198},"{",{"type":130,"tag":165,"props":200,"children":202},{"class":167,"line":201},2,[203,209,214],{"type":130,"tag":165,"props":204,"children":206},{"style":205},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[207],{"type":135,"value":208},"  image",{"type":130,"tag":165,"props":210,"children":211},{"style":195},[212],{"type":135,"value":213},":",{"type":130,"tag":165,"props":215,"children":216},{"style":195},[217],{"type":135,"value":218}," {",{"type":130,"tag":165,"props":220,"children":222},{"class":167,"line":221},3,[223,228,232],{"type":130,"tag":165,"props":224,"children":225},{"style":205},[226],{"type":135,"value":227},"    imagekit",{"type":130,"tag":165,"props":229,"children":230},{"style":195},[231],{"type":135,"value":213},{"type":130,"tag":165,"props":233,"children":234},{"style":195},[235],{"type":135,"value":218},{"type":130,"tag":165,"props":237,"children":239},{"class":167,"line":238},4,[240,245,249,254,260],{"type":130,"tag":165,"props":241,"children":242},{"style":205},[243],{"type":135,"value":244},"      baseURL",{"type":130,"tag":165,"props":246,"children":247},{"style":195},[248],{"type":135,"value":213},{"type":130,"tag":165,"props":250,"children":251},{"style":195},[252],{"type":135,"value":253}," '",{"type":130,"tag":165,"props":255,"children":257},{"style":256},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[258],{"type":135,"value":259},"https://ik.imagekit.io/your_imagekit_id",{"type":130,"tag":165,"props":261,"children":262},{"style":195},[263],{"type":135,"value":264},"'",{"type":130,"tag":165,"props":266,"children":268},{"class":167,"line":267},5,[269],{"type":130,"tag":165,"props":270,"children":271},{"style":195},[272],{"type":135,"value":273},"    }",{"type":130,"tag":165,"props":275,"children":277},{"class":167,"line":276},6,[278],{"type":130,"tag":165,"props":279,"children":280},{"style":195},[281],{"type":135,"value":282},"  }",{"type":130,"tag":165,"props":284,"children":286},{"class":167,"line":285},7,[287,292],{"type":130,"tag":165,"props":288,"children":289},{"style":195},[290],{"type":135,"value":291},"}",{"type":130,"tag":165,"props":293,"children":294},{"style":189},[295],{"type":135,"value":296},")",{"type":130,"tag":298,"props":299,"children":300},"blockquote",{},[301],{"type":130,"tag":131,"props":302,"children":303},{},[304,306,313,315,321],{"type":135,"value":305},"You can get ",{"type":130,"tag":138,"props":307,"children":310},{"href":308,"rel":309},"https://docs.imagekit.io/integration/url-endpoints#default-url-endpoint",[142],[311],{"type":135,"value":312},"URL-endpoint",{"type":135,"value":314}," from your ImageKit dashboard - ",{"type":130,"tag":138,"props":316,"children":319},{"href":317,"rel":318},"https://imagekit.io/dashboard#url-endpoints",[142],[320],{"type":135,"value":317},{"type":135,"value":322},".",{"type":130,"tag":324,"props":325,"children":327},"h2",{"id":326},"imagekit-fit-parameters",[328,330,335],{"type":135,"value":329},"ImageKit ",{"type":130,"tag":161,"props":331,"children":332},{"className":118},[333],{"type":135,"value":334},"fit",{"type":135,"value":336}," Parameters",{"type":130,"tag":131,"props":338,"children":339},{},[340,342,350],{"type":135,"value":341},"In addition to the standard ",{"type":130,"tag":138,"props":343,"children":345},{"href":344},"/usage/nuxt-img#fit",[346],{"type":130,"tag":161,"props":347,"children":348},{"className":118},[349],{"type":135,"value":334},{"type":135,"value":351}," properties of Nuxt Image and Nuxt Picture, ImageKit offers more cropping and resizing options to the users:",{"type":130,"tag":353,"props":354,"children":355},"ul",{},[356,374],{"type":130,"tag":357,"props":358,"children":359},"li",{},[360,365,367,372],{"type":130,"tag":161,"props":361,"children":362},{"className":118},[363],{"type":135,"value":364},"extract",{"type":135,"value":366}," - The output image has its height, width as requested, and the aspect ratio is preserved. Unlike the ",{"type":130,"tag":161,"props":368,"children":369},{"className":118},[370],{"type":135,"value":371},"cover",{"type":135,"value":373}," parameter, we extract out a region of the requested dimension from the original image.",{"type":130,"tag":357,"props":375,"children":376},{},[377,382,384,388,390,394],{"type":130,"tag":161,"props":378,"children":379},{"className":118},[380],{"type":135,"value":381},"pad_extract",{"type":135,"value":383}," - This parameter is similar to ",{"type":130,"tag":161,"props":385,"children":386},{"className":118},[387],{"type":135,"value":364},{"type":135,"value":389},". This comes in handy in scenarios where we want to extract an image of a larger dimension from a smaller image. So, the ",{"type":130,"tag":161,"props":391,"children":392},{"className":118},[393],{"type":135,"value":381},{"type":135,"value":395}," mode adds solid colored padding around the image to match the exact size requested.",{"type":130,"tag":131,"props":397,"children":398},{},[399,401,408],{"type":135,"value":400},"Read ImageKit ",{"type":130,"tag":138,"props":402,"children":405},{"href":403,"rel":404},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#crop-crop-modes-and-focus",[142],[406],{"type":135,"value":407},"crop and crop mode documentation",{"type":135,"value":409}," for more details and examples of how it works.",{"type":130,"tag":324,"props":411,"children":413},{"id":412},"imagekit-modifiers",[414],{"type":135,"value":415},"ImageKit Modifiers",{"type":130,"tag":131,"props":417,"children":418},{},[419,421,427,429,434],{"type":135,"value":420},"On top of the standard ",{"type":130,"tag":138,"props":422,"children":424},{"href":423},"/usage/nuxt-img#modifiers",[425],{"type":135,"value":426},"Nuxt Image modifiers",{"type":135,"value":428},", a user can also leverage ImageKit-specific transformation parameters provided in the ",{"type":130,"tag":161,"props":430,"children":431},{"className":118},[432],{"type":135,"value":433},"modifier",{"type":135,"value":435}," prop.",{"type":130,"tag":437,"props":438,"children":440},"h3",{"id":439},"focus",[441],{"type":130,"tag":161,"props":442,"children":443},{"className":118},[444],{"type":135,"value":439},{"type":130,"tag":131,"props":446,"children":447},{},[448,450,455,457,462,463,468,469,474,475,480,481,485,486,490,491,495,496,500,501,506,507,512,513,518,520,525],{"type":135,"value":449},"This parameter can be used along with resizing and cropping to focus on the desired part of the image. You can use focus parameter values like ",{"type":130,"tag":161,"props":451,"children":452},{"className":118},[453],{"type":135,"value":454},"left",{"type":135,"value":456},", ",{"type":130,"tag":161,"props":458,"children":459},{"className":118},[460],{"type":135,"value":461},"right",{"type":135,"value":456},{"type":130,"tag":161,"props":464,"children":465},{"className":118},[466],{"type":135,"value":467},"top",{"type":135,"value":456},{"type":130,"tag":161,"props":470,"children":471},{"className":118},[472],{"type":135,"value":473},"bottom",{"type":135,"value":456},{"type":130,"tag":161,"props":476,"children":477},{"className":118},[478],{"type":135,"value":479},"center",{"type":135,"value":456},{"type":130,"tag":161,"props":482,"children":483},{"className":118},[484],{"type":135,"value":467},{"type":135,"value":456},{"type":130,"tag":161,"props":487,"children":488},{"className":118},[489],{"type":135,"value":454},{"type":135,"value":456},{"type":130,"tag":161,"props":492,"children":493},{"className":118},[494],{"type":135,"value":473},{"type":135,"value":456},{"type":130,"tag":161,"props":497,"children":498},{"className":118},[499],{"type":135,"value":461},{"type":135,"value":456},{"type":130,"tag":161,"props":502,"children":503},{"className":118},[504],{"type":135,"value":505},"top_left",{"type":135,"value":456},{"type":130,"tag":161,"props":508,"children":509},{"className":118},[510],{"type":135,"value":511},"top_right",{"type":135,"value":456},{"type":130,"tag":161,"props":514,"children":515},{"className":118},[516],{"type":135,"value":517},"bottom_left",{"type":135,"value":519}," and ",{"type":130,"tag":161,"props":521,"children":522},{"className":118},[523],{"type":135,"value":524},"bottom_right",{"type":135,"value":322},{"type":130,"tag":131,"props":527,"children":528},{},[529,531,536,538,545],{"type":135,"value":530},"Custom coordinates can also be used to focus using parameter value ",{"type":130,"tag":161,"props":532,"children":533},{"className":118},[534],{"type":135,"value":535},"custom",{"type":135,"value":537},". Learn more from ",{"type":130,"tag":138,"props":539,"children":542},{"href":540,"rel":541},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#example-focus-using-custom-coordinates",[142],[543],{"type":135,"value":544},"example",{"type":135,"value":322},{"type":130,"tag":131,"props":547,"children":548},{},[549,551,556,558,563],{"type":135,"value":550},"Moreover, ImageKit also provides smart cropping that can automatically detect the most important part of the image using ",{"type":130,"tag":161,"props":552,"children":553},{"className":118},[554],{"type":135,"value":555},"auto",{"type":135,"value":557},". And, ",{"type":130,"tag":161,"props":559,"children":560},{"className":118},[561],{"type":135,"value":562},"face",{"type":135,"value":564}," can be used to find a face (or multiple faces) in an image and focus on that.",{"type":130,"tag":131,"props":566,"children":567},{},[568,570,576],{"type":135,"value":569},"Check out ImageKit's documentation on ",{"type":130,"tag":138,"props":571,"children":574},{"href":572,"rel":573},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#focus-fo",[142],[575],{"type":135,"value":439},{"type":135,"value":577}," to learn more.",{"type":130,"tag":437,"props":579,"children":581},{"id":580},"blur",[582],{"type":130,"tag":161,"props":583,"children":584},{"className":118},[585],{"type":135,"value":580},{"type":130,"tag":131,"props":587,"children":588},{},[589,591,595,597,602,604,609],{"type":135,"value":590},"This can be used to blur an image. Use modifier ",{"type":130,"tag":161,"props":592,"children":593},{"className":118},[594],{"type":135,"value":580},{"type":135,"value":596}," to specify the Gaussian Blur radius that is to be applied to the image. Possible values include integers between ",{"type":130,"tag":161,"props":598,"children":599},{"className":118},[600],{"type":135,"value":601},"1",{"type":135,"value":603}," to ",{"type":130,"tag":161,"props":605,"children":606},{"className":118},[607],{"type":135,"value":608},"100",{"type":135,"value":322},{"type":130,"tag":153,"props":611,"children":615},{"className":612,"code":613,"language":614,"meta":118,"style":118},"language-html shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{blur: 10}\"\n/>\n","html",[616],{"type":130,"tag":161,"props":617,"children":618},{"__ignoreMap":118},[619,632,660,685,710],{"type":130,"tag":165,"props":620,"children":621},{"class":167,"line":168},[622,627],{"type":130,"tag":165,"props":623,"children":624},{"style":195},[625],{"type":135,"value":626},"\u003C",{"type":130,"tag":165,"props":628,"children":629},{"style":205},[630],{"type":135,"value":631},"NuxtImg",{"type":130,"tag":165,"props":633,"children":634},{"class":167,"line":201},[635,641,646,651,656],{"type":130,"tag":165,"props":636,"children":638},{"style":637},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[639],{"type":135,"value":640},"  provider",{"type":130,"tag":165,"props":642,"children":643},{"style":195},[644],{"type":135,"value":645},"=",{"type":130,"tag":165,"props":647,"children":648},{"style":195},[649],{"type":135,"value":650},"\"",{"type":130,"tag":165,"props":652,"children":653},{"style":256},[654],{"type":135,"value":655},"imagekit",{"type":130,"tag":165,"props":657,"children":658},{"style":195},[659],{"type":135,"value":650},{"type":130,"tag":165,"props":661,"children":662},{"class":167,"line":221},[663,668,672,676,681],{"type":130,"tag":165,"props":664,"children":665},{"style":637},[666],{"type":135,"value":667},"  src",{"type":130,"tag":165,"props":669,"children":670},{"style":195},[671],{"type":135,"value":645},{"type":130,"tag":165,"props":673,"children":674},{"style":195},[675],{"type":135,"value":650},{"type":130,"tag":165,"props":677,"children":678},{"style":256},[679],{"type":135,"value":680},"/default-image.jpg",{"type":130,"tag":165,"props":682,"children":683},{"style":195},[684],{"type":135,"value":650},{"type":130,"tag":165,"props":686,"children":687},{"class":167,"line":238},[688,693,697,701,706],{"type":130,"tag":165,"props":689,"children":690},{"style":637},[691],{"type":135,"value":692},"  :modifiers",{"type":130,"tag":165,"props":694,"children":695},{"style":195},[696],{"type":135,"value":645},{"type":130,"tag":165,"props":698,"children":699},{"style":195},[700],{"type":135,"value":650},{"type":130,"tag":165,"props":702,"children":703},{"style":256},[704],{"type":135,"value":705},"{blur: 10}",{"type":130,"tag":165,"props":707,"children":708},{"style":195},[709],{"type":135,"value":650},{"type":130,"tag":165,"props":711,"children":712},{"class":167,"line":267},[713],{"type":130,"tag":165,"props":714,"children":715},{"style":195},[716],{"type":135,"value":717},"/>",{"type":130,"tag":437,"props":719,"children":721},{"id":720},"effectgray",[722],{"type":130,"tag":161,"props":723,"children":724},{"className":118},[725],{"type":135,"value":726},"effectGray",{"type":130,"tag":131,"props":728,"children":729},{},[730,732,736],{"type":135,"value":731},"Turn your image to a grayscale version using the ",{"type":130,"tag":161,"props":733,"children":734},{"className":118},[735],{"type":135,"value":726},{"type":135,"value":737}," modifier.",{"type":130,"tag":153,"props":739,"children":741},{"className":612,"code":740,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectGray: true}\"\n/>\n",[742],{"type":130,"tag":161,"props":743,"children":744},{"__ignoreMap":118},[745,756,779,802,827,851],{"type":130,"tag":165,"props":746,"children":747},{"class":167,"line":168},[748,752],{"type":130,"tag":165,"props":749,"children":750},{"style":195},[751],{"type":135,"value":626},{"type":130,"tag":165,"props":753,"children":754},{"style":205},[755],{"type":135,"value":631},{"type":130,"tag":165,"props":757,"children":758},{"class":167,"line":201},[759,763,767,771,775],{"type":130,"tag":165,"props":760,"children":761},{"style":637},[762],{"type":135,"value":640},{"type":130,"tag":165,"props":764,"children":765},{"style":195},[766],{"type":135,"value":645},{"type":130,"tag":165,"props":768,"children":769},{"style":195},[770],{"type":135,"value":650},{"type":130,"tag":165,"props":772,"children":773},{"style":256},[774],{"type":135,"value":655},{"type":130,"tag":165,"props":776,"children":777},{"style":195},[778],{"type":135,"value":650},{"type":130,"tag":165,"props":780,"children":781},{"class":167,"line":221},[782,786,790,794,798],{"type":130,"tag":165,"props":783,"children":784},{"style":637},[785],{"type":135,"value":667},{"type":130,"tag":165,"props":787,"children":788},{"style":195},[789],{"type":135,"value":645},{"type":130,"tag":165,"props":791,"children":792},{"style":195},[793],{"type":135,"value":650},{"type":130,"tag":165,"props":795,"children":796},{"style":256},[797],{"type":135,"value":680},{"type":130,"tag":165,"props":799,"children":800},{"style":195},[801],{"type":135,"value":650},{"type":130,"tag":165,"props":803,"children":804},{"class":167,"line":238},[805,810,814,818,823],{"type":130,"tag":165,"props":806,"children":807},{"style":637},[808],{"type":135,"value":809},"  height",{"type":130,"tag":165,"props":811,"children":812},{"style":195},[813],{"type":135,"value":645},{"type":130,"tag":165,"props":815,"children":816},{"style":195},[817],{"type":135,"value":650},{"type":130,"tag":165,"props":819,"children":820},{"style":256},[821],{"type":135,"value":822},"300",{"type":130,"tag":165,"props":824,"children":825},{"style":195},[826],{"type":135,"value":650},{"type":130,"tag":165,"props":828,"children":829},{"class":167,"line":267},[830,834,838,842,847],{"type":130,"tag":165,"props":831,"children":832},{"style":637},[833],{"type":135,"value":692},{"type":130,"tag":165,"props":835,"children":836},{"style":195},[837],{"type":135,"value":645},{"type":130,"tag":165,"props":839,"children":840},{"style":195},[841],{"type":135,"value":650},{"type":130,"tag":165,"props":843,"children":844},{"style":256},[845],{"type":135,"value":846},"{effectGray: true}",{"type":130,"tag":165,"props":848,"children":849},{"style":195},[850],{"type":135,"value":650},{"type":130,"tag":165,"props":852,"children":853},{"class":167,"line":276},[854],{"type":130,"tag":165,"props":855,"children":856},{"style":195},[857],{"type":135,"value":717},{"type":130,"tag":437,"props":859,"children":861},{"id":860},"named",[862],{"type":130,"tag":161,"props":863,"children":864},{"className":118},[865],{"type":135,"value":860},{"type":130,"tag":131,"props":867,"children":868},{},[869,871,878],{"type":135,"value":870},"Use ",{"type":130,"tag":138,"props":872,"children":875},{"href":873,"rel":874},"https://docs.imagekit.io/features/named-transformations",[142],[876],{"type":135,"value":877},"named transformations",{"type":135,"value":879}," as an alias for an entire transformation string.",{"type":130,"tag":131,"props":881,"children":882},{},[883,885,890,892,897],{"type":135,"value":884},"For example, we can create a named transformation - ",{"type":130,"tag":161,"props":886,"children":887},{"className":118},[888],{"type":135,"value":889},"media_library_thumbnail",{"type":135,"value":891}," for a transformation string - ",{"type":130,"tag":161,"props":893,"children":894},{"className":118},[895],{"type":135,"value":896},"tr:w-100,h-100,c-at_max,fo-auto",{"type":135,"value":322},{"type":130,"tag":437,"props":899,"children":901},{"id":900},"border",[902],{"type":130,"tag":161,"props":903,"children":904},{"className":118},[905],{"type":135,"value":900},{"type":130,"tag":131,"props":907,"children":908},{},[909,911,915],{"type":135,"value":910},"Add a border to your images using the ",{"type":130,"tag":161,"props":912,"children":913},{"className":118},[914],{"type":135,"value":900},{"type":135,"value":916}," modifier. You can also set its width and color.",{"type":130,"tag":153,"props":918,"children":920},{"className":612,"code":919,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{border: '20_FF0000'}\"\n/>\n",[921],{"type":130,"tag":161,"props":922,"children":923},{"__ignoreMap":118},[924,935,958,981,1005,1029],{"type":130,"tag":165,"props":925,"children":926},{"class":167,"line":168},[927,931],{"type":130,"tag":165,"props":928,"children":929},{"style":195},[930],{"type":135,"value":626},{"type":130,"tag":165,"props":932,"children":933},{"style":205},[934],{"type":135,"value":631},{"type":130,"tag":165,"props":936,"children":937},{"class":167,"line":201},[938,942,946,950,954],{"type":130,"tag":165,"props":939,"children":940},{"style":637},[941],{"type":135,"value":640},{"type":130,"tag":165,"props":943,"children":944},{"style":195},[945],{"type":135,"value":645},{"type":130,"tag":165,"props":947,"children":948},{"style":195},[949],{"type":135,"value":650},{"type":130,"tag":165,"props":951,"children":952},{"style":256},[953],{"type":135,"value":655},{"type":130,"tag":165,"props":955,"children":956},{"style":195},[957],{"type":135,"value":650},{"type":130,"tag":165,"props":959,"children":960},{"class":167,"line":221},[961,965,969,973,977],{"type":130,"tag":165,"props":962,"children":963},{"style":637},[964],{"type":135,"value":667},{"type":130,"tag":165,"props":966,"children":967},{"style":195},[968],{"type":135,"value":645},{"type":130,"tag":165,"props":970,"children":971},{"style":195},[972],{"type":135,"value":650},{"type":130,"tag":165,"props":974,"children":975},{"style":256},[976],{"type":135,"value":680},{"type":130,"tag":165,"props":978,"children":979},{"style":195},[980],{"type":135,"value":650},{"type":130,"tag":165,"props":982,"children":983},{"class":167,"line":238},[984,989,993,997,1001],{"type":130,"tag":165,"props":985,"children":986},{"style":637},[987],{"type":135,"value":988},"  width",{"type":130,"tag":165,"props":990,"children":991},{"style":195},[992],{"type":135,"value":645},{"type":130,"tag":165,"props":994,"children":995},{"style":195},[996],{"type":135,"value":650},{"type":130,"tag":165,"props":998,"children":999},{"style":256},[1000],{"type":135,"value":822},{"type":130,"tag":165,"props":1002,"children":1003},{"style":195},[1004],{"type":135,"value":650},{"type":130,"tag":165,"props":1006,"children":1007},{"class":167,"line":267},[1008,1012,1016,1020,1025],{"type":130,"tag":165,"props":1009,"children":1010},{"style":637},[1011],{"type":135,"value":692},{"type":130,"tag":165,"props":1013,"children":1014},{"style":195},[1015],{"type":135,"value":645},{"type":130,"tag":165,"props":1017,"children":1018},{"style":195},[1019],{"type":135,"value":650},{"type":130,"tag":165,"props":1021,"children":1022},{"style":256},[1023],{"type":135,"value":1024},"{border: '20_FF0000'}",{"type":130,"tag":165,"props":1026,"children":1027},{"style":195},[1028],{"type":135,"value":650},{"type":130,"tag":165,"props":1030,"children":1031},{"class":167,"line":276},[1032],{"type":130,"tag":165,"props":1033,"children":1034},{"style":195},[1035],{"type":135,"value":717},{"type":130,"tag":437,"props":1037,"children":1039},{"id":1038},"rotate",[1040],{"type":130,"tag":161,"props":1041,"children":1042},{"className":118},[1043],{"type":135,"value":1038},{"type":130,"tag":131,"props":1045,"children":1046},{},[1047,1049,1053,1055,1060,1061,1066,1067,1072,1073,1078,1079,1084,1086,1090],{"type":135,"value":1048},"Use the ",{"type":130,"tag":161,"props":1050,"children":1051},{"className":118},[1052],{"type":135,"value":1038},{"type":135,"value":1054}," modifier to rotate your image. Possible values are - ",{"type":130,"tag":161,"props":1056,"children":1057},{"className":118},[1058],{"type":135,"value":1059},"0",{"type":135,"value":456},{"type":130,"tag":161,"props":1062,"children":1063},{"className":118},[1064],{"type":135,"value":1065},"90",{"type":135,"value":456},{"type":130,"tag":161,"props":1068,"children":1069},{"className":118},[1070],{"type":135,"value":1071},"180",{"type":135,"value":456},{"type":130,"tag":161,"props":1074,"children":1075},{"className":118},[1076],{"type":135,"value":1077},"270",{"type":135,"value":456},{"type":130,"tag":161,"props":1080,"children":1081},{"className":118},[1082],{"type":135,"value":1083},"360",{"type":135,"value":1085},", and ",{"type":130,"tag":161,"props":1087,"children":1088},{"className":118},[1089],{"type":135,"value":555},{"type":135,"value":322},{"type":130,"tag":153,"props":1092,"children":1094},{"className":612,"code":1093,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{rotate: 90}\"\n/>\n",[1095],{"type":130,"tag":161,"props":1096,"children":1097},{"__ignoreMap":118},[1098,1109,1132,1155,1179],{"type":130,"tag":165,"props":1099,"children":1100},{"class":167,"line":168},[1101,1105],{"type":130,"tag":165,"props":1102,"children":1103},{"style":195},[1104],{"type":135,"value":626},{"type":130,"tag":165,"props":1106,"children":1107},{"style":205},[1108],{"type":135,"value":631},{"type":130,"tag":165,"props":1110,"children":1111},{"class":167,"line":201},[1112,1116,1120,1124,1128],{"type":130,"tag":165,"props":1113,"children":1114},{"style":637},[1115],{"type":135,"value":640},{"type":130,"tag":165,"props":1117,"children":1118},{"style":195},[1119],{"type":135,"value":645},{"type":130,"tag":165,"props":1121,"children":1122},{"style":195},[1123],{"type":135,"value":650},{"type":130,"tag":165,"props":1125,"children":1126},{"style":256},[1127],{"type":135,"value":655},{"type":130,"tag":165,"props":1129,"children":1130},{"style":195},[1131],{"type":135,"value":650},{"type":130,"tag":165,"props":1133,"children":1134},{"class":167,"line":221},[1135,1139,1143,1147,1151],{"type":130,"tag":165,"props":1136,"children":1137},{"style":637},[1138],{"type":135,"value":667},{"type":130,"tag":165,"props":1140,"children":1141},{"style":195},[1142],{"type":135,"value":645},{"type":130,"tag":165,"props":1144,"children":1145},{"style":195},[1146],{"type":135,"value":650},{"type":130,"tag":165,"props":1148,"children":1149},{"style":256},[1150],{"type":135,"value":680},{"type":130,"tag":165,"props":1152,"children":1153},{"style":195},[1154],{"type":135,"value":650},{"type":130,"tag":165,"props":1156,"children":1157},{"class":167,"line":238},[1158,1162,1166,1170,1175],{"type":130,"tag":165,"props":1159,"children":1160},{"style":637},[1161],{"type":135,"value":692},{"type":130,"tag":165,"props":1163,"children":1164},{"style":195},[1165],{"type":135,"value":645},{"type":130,"tag":165,"props":1167,"children":1168},{"style":195},[1169],{"type":135,"value":650},{"type":130,"tag":165,"props":1171,"children":1172},{"style":256},[1173],{"type":135,"value":1174},"{rotate: 90}",{"type":130,"tag":165,"props":1176,"children":1177},{"style":195},[1178],{"type":135,"value":650},{"type":130,"tag":165,"props":1180,"children":1181},{"class":167,"line":267},[1182],{"type":130,"tag":165,"props":1183,"children":1184},{"style":195},[1185],{"type":135,"value":717},{"type":130,"tag":437,"props":1187,"children":1189},{"id":1188},"radius",[1190],{"type":130,"tag":161,"props":1191,"children":1192},{"className":118},[1193],{"type":135,"value":1188},{"type":130,"tag":131,"props":1195,"children":1196},{},[1197,1199,1203,1205,1210],{"type":135,"value":1198},"Give rounded corners to your image using ",{"type":130,"tag":161,"props":1200,"children":1201},{"className":118},[1202],{"type":135,"value":1188},{"type":135,"value":1204},". Possible values are - positive integers and ",{"type":130,"tag":161,"props":1206,"children":1207},{"className":118},[1208],{"type":135,"value":1209},"max",{"type":135,"value":322},{"type":130,"tag":153,"props":1212,"children":1214},{"className":612,"code":1213,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{radius: 20}\"\n/>\n",[1215],{"type":130,"tag":161,"props":1216,"children":1217},{"__ignoreMap":118},[1218,1229,1252,1275,1299],{"type":130,"tag":165,"props":1219,"children":1220},{"class":167,"line":168},[1221,1225],{"type":130,"tag":165,"props":1222,"children":1223},{"style":195},[1224],{"type":135,"value":626},{"type":130,"tag":165,"props":1226,"children":1227},{"style":205},[1228],{"type":135,"value":631},{"type":130,"tag":165,"props":1230,"children":1231},{"class":167,"line":201},[1232,1236,1240,1244,1248],{"type":130,"tag":165,"props":1233,"children":1234},{"style":637},[1235],{"type":135,"value":640},{"type":130,"tag":165,"props":1237,"children":1238},{"style":195},[1239],{"type":135,"value":645},{"type":130,"tag":165,"props":1241,"children":1242},{"style":195},[1243],{"type":135,"value":650},{"type":130,"tag":165,"props":1245,"children":1246},{"style":256},[1247],{"type":135,"value":655},{"type":130,"tag":165,"props":1249,"children":1250},{"style":195},[1251],{"type":135,"value":650},{"type":130,"tag":165,"props":1253,"children":1254},{"class":167,"line":221},[1255,1259,1263,1267,1271],{"type":130,"tag":165,"props":1256,"children":1257},{"style":637},[1258],{"type":135,"value":667},{"type":130,"tag":165,"props":1260,"children":1261},{"style":195},[1262],{"type":135,"value":645},{"type":130,"tag":165,"props":1264,"children":1265},{"style":195},[1266],{"type":135,"value":650},{"type":130,"tag":165,"props":1268,"children":1269},{"style":256},[1270],{"type":135,"value":680},{"type":130,"tag":165,"props":1272,"children":1273},{"style":195},[1274],{"type":135,"value":650},{"type":130,"tag":165,"props":1276,"children":1277},{"class":167,"line":238},[1278,1282,1286,1290,1295],{"type":130,"tag":165,"props":1279,"children":1280},{"style":637},[1281],{"type":135,"value":692},{"type":130,"tag":165,"props":1283,"children":1284},{"style":195},[1285],{"type":135,"value":645},{"type":130,"tag":165,"props":1287,"children":1288},{"style":195},[1289],{"type":135,"value":650},{"type":130,"tag":165,"props":1291,"children":1292},{"style":256},[1293],{"type":135,"value":1294},"{radius: 20}",{"type":130,"tag":165,"props":1296,"children":1297},{"style":195},[1298],{"type":135,"value":650},{"type":130,"tag":165,"props":1300,"children":1301},{"class":167,"line":267},[1302],{"type":130,"tag":165,"props":1303,"children":1304},{"style":195},[1305],{"type":135,"value":717},{"type":130,"tag":437,"props":1307,"children":1309},{"id":1308},"bg",[1310],{"type":130,"tag":161,"props":1311,"children":1312},{"className":118},[1313],{"type":135,"value":1308},{"type":130,"tag":131,"props":1315,"children":1316},{},[1317,1319,1323],{"type":135,"value":1318},"Specify background color and its opacity for your image using the ",{"type":130,"tag":161,"props":1320,"children":1321},{"className":118},[1322],{"type":135,"value":1308},{"type":135,"value":737},{"type":130,"tag":153,"props":1325,"children":1327},{"className":612,"code":1326,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"1200\"\n  width=\"1200\"\n  fit=\"pad_extract\"\n  :modifiers=\"{bg: '272B38'}\"\n/>\n",[1328],{"type":130,"tag":161,"props":1329,"children":1330},{"__ignoreMap":118},[1331,1342,1365,1388,1412,1435,1459,1483],{"type":130,"tag":165,"props":1332,"children":1333},{"class":167,"line":168},[1334,1338],{"type":130,"tag":165,"props":1335,"children":1336},{"style":195},[1337],{"type":135,"value":626},{"type":130,"tag":165,"props":1339,"children":1340},{"style":205},[1341],{"type":135,"value":631},{"type":130,"tag":165,"props":1343,"children":1344},{"class":167,"line":201},[1345,1349,1353,1357,1361],{"type":130,"tag":165,"props":1346,"children":1347},{"style":637},[1348],{"type":135,"value":640},{"type":130,"tag":165,"props":1350,"children":1351},{"style":195},[1352],{"type":135,"value":645},{"type":130,"tag":165,"props":1354,"children":1355},{"style":195},[1356],{"type":135,"value":650},{"type":130,"tag":165,"props":1358,"children":1359},{"style":256},[1360],{"type":135,"value":655},{"type":130,"tag":165,"props":1362,"children":1363},{"style":195},[1364],{"type":135,"value":650},{"type":130,"tag":165,"props":1366,"children":1367},{"class":167,"line":221},[1368,1372,1376,1380,1384],{"type":130,"tag":165,"props":1369,"children":1370},{"style":637},[1371],{"type":135,"value":667},{"type":130,"tag":165,"props":1373,"children":1374},{"style":195},[1375],{"type":135,"value":645},{"type":130,"tag":165,"props":1377,"children":1378},{"style":195},[1379],{"type":135,"value":650},{"type":130,"tag":165,"props":1381,"children":1382},{"style":256},[1383],{"type":135,"value":680},{"type":130,"tag":165,"props":1385,"children":1386},{"style":195},[1387],{"type":135,"value":650},{"type":130,"tag":165,"props":1389,"children":1390},{"class":167,"line":238},[1391,1395,1399,1403,1408],{"type":130,"tag":165,"props":1392,"children":1393},{"style":637},[1394],{"type":135,"value":809},{"type":130,"tag":165,"props":1396,"children":1397},{"style":195},[1398],{"type":135,"value":645},{"type":130,"tag":165,"props":1400,"children":1401},{"style":195},[1402],{"type":135,"value":650},{"type":130,"tag":165,"props":1404,"children":1405},{"style":256},[1406],{"type":135,"value":1407},"1200",{"type":130,"tag":165,"props":1409,"children":1410},{"style":195},[1411],{"type":135,"value":650},{"type":130,"tag":165,"props":1413,"children":1414},{"class":167,"line":267},[1415,1419,1423,1427,1431],{"type":130,"tag":165,"props":1416,"children":1417},{"style":637},[1418],{"type":135,"value":988},{"type":130,"tag":165,"props":1420,"children":1421},{"style":195},[1422],{"type":135,"value":645},{"type":130,"tag":165,"props":1424,"children":1425},{"style":195},[1426],{"type":135,"value":650},{"type":130,"tag":165,"props":1428,"children":1429},{"style":256},[1430],{"type":135,"value":1407},{"type":130,"tag":165,"props":1432,"children":1433},{"style":195},[1434],{"type":135,"value":650},{"type":130,"tag":165,"props":1436,"children":1437},{"class":167,"line":276},[1438,1443,1447,1451,1455],{"type":130,"tag":165,"props":1439,"children":1440},{"style":637},[1441],{"type":135,"value":1442},"  fit",{"type":130,"tag":165,"props":1444,"children":1445},{"style":195},[1446],{"type":135,"value":645},{"type":130,"tag":165,"props":1448,"children":1449},{"style":195},[1450],{"type":135,"value":650},{"type":130,"tag":165,"props":1452,"children":1453},{"style":256},[1454],{"type":135,"value":381},{"type":130,"tag":165,"props":1456,"children":1457},{"style":195},[1458],{"type":135,"value":650},{"type":130,"tag":165,"props":1460,"children":1461},{"class":167,"line":285},[1462,1466,1470,1474,1479],{"type":130,"tag":165,"props":1463,"children":1464},{"style":637},[1465],{"type":135,"value":692},{"type":130,"tag":165,"props":1467,"children":1468},{"style":195},[1469],{"type":135,"value":645},{"type":130,"tag":165,"props":1471,"children":1472},{"style":195},[1473],{"type":135,"value":650},{"type":130,"tag":165,"props":1475,"children":1476},{"style":256},[1477],{"type":135,"value":1478},"{bg: '272B38'}",{"type":130,"tag":165,"props":1480,"children":1481},{"style":195},[1482],{"type":135,"value":650},{"type":130,"tag":165,"props":1484,"children":1486},{"class":167,"line":1485},8,[1487],{"type":130,"tag":165,"props":1488,"children":1489},{"style":195},[1490],{"type":135,"value":717},{"type":130,"tag":298,"props":1492,"children":1493},{},[1494],{"type":130,"tag":131,"props":1495,"children":1496},{},[1497,1499,1506],{"type":135,"value":1498},"Read more about ImageKit crop, resize, and other common transformations ",{"type":130,"tag":138,"props":1500,"children":1503},{"href":1501,"rel":1502},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations",[142],[1504],{"type":135,"value":1505},"here",{"type":135,"value":322},{"type":130,"tag":324,"props":1508,"children":1510},{"id":1509},"overlay-transformation-modifiers",[1511],{"type":135,"value":1512},"Overlay Transformation Modifiers",{"type":130,"tag":131,"props":1514,"children":1515},{},[1516],{"type":135,"value":1517},"Using ImageKit's Nuxt Image integration, you can overlay images or text over other images for watermarking or creating a dynamic banner using custom text!",{"type":130,"tag":437,"props":1519,"children":1521},{"id":1520},"overlayimage",[1522],{"type":130,"tag":161,"props":1523,"children":1524},{"className":118},[1525],{"type":135,"value":1526},"overlayImage",{"type":130,"tag":131,"props":1528,"children":1529},{},[1530,1532,1536],{"type":135,"value":1531},"Overlay an image on top of another image (base image) using the ",{"type":130,"tag":161,"props":1533,"children":1534},{"className":118},[1535],{"type":135,"value":1526},{"type":135,"value":1537}," modifier. You can use this to create dynamic banners, watermarking, etc.",{"type":130,"tag":153,"props":1539,"children":1541},{"className":612,"code":1540,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"modifiers\"\n  />\n\n\u003Cscript>\n  export default {\n    data() {\n      return {\n        modifiers: {\n          overlayImage: 'default-image.jpg',\n          overlaywidth: 300,\n          overlayHeight: 200,\n          overlayFocus: 'top_left',\n          overlayImageBorder: '5_FFFFFF',\n        }\n      }\n    }\n  }\n\u003C/script>\n",[1542],{"type":130,"tag":161,"props":1543,"children":1544},{"__ignoreMap":118},[1545,1556,1579,1602,1626,1634,1637,1654,1670,1688,1701,1718,1749,1772,1794,1823,1853,1862,1871,1879,1887],{"type":130,"tag":165,"props":1546,"children":1547},{"class":167,"line":168},[1548,1552],{"type":130,"tag":165,"props":1549,"children":1550},{"style":195},[1551],{"type":135,"value":626},{"type":130,"tag":165,"props":1553,"children":1554},{"style":205},[1555],{"type":135,"value":631},{"type":130,"tag":165,"props":1557,"children":1558},{"class":167,"line":201},[1559,1563,1567,1571,1575],{"type":130,"tag":165,"props":1560,"children":1561},{"style":637},[1562],{"type":135,"value":640},{"type":130,"tag":165,"props":1564,"children":1565},{"style":195},[1566],{"type":135,"value":645},{"type":130,"tag":165,"props":1568,"children":1569},{"style":195},[1570],{"type":135,"value":650},{"type":130,"tag":165,"props":1572,"children":1573},{"style":256},[1574],{"type":135,"value":655},{"type":130,"tag":165,"props":1576,"children":1577},{"style":195},[1578],{"type":135,"value":650},{"type":130,"tag":165,"props":1580,"children":1581},{"class":167,"line":221},[1582,1586,1590,1594,1598],{"type":130,"tag":165,"props":1583,"children":1584},{"style":637},[1585],{"type":135,"value":667},{"type":130,"tag":165,"props":1587,"children":1588},{"style":195},[1589],{"type":135,"value":645},{"type":130,"tag":165,"props":1591,"children":1592},{"style":195},[1593],{"type":135,"value":650},{"type":130,"tag":165,"props":1595,"children":1596},{"style":256},[1597],{"type":135,"value":680},{"type":130,"tag":165,"props":1599,"children":1600},{"style":195},[1601],{"type":135,"value":650},{"type":130,"tag":165,"props":1603,"children":1604},{"class":167,"line":238},[1605,1609,1613,1617,1622],{"type":130,"tag":165,"props":1606,"children":1607},{"style":637},[1608],{"type":135,"value":692},{"type":130,"tag":165,"props":1610,"children":1611},{"style":195},[1612],{"type":135,"value":645},{"type":130,"tag":165,"props":1614,"children":1615},{"style":195},[1616],{"type":135,"value":650},{"type":130,"tag":165,"props":1618,"children":1619},{"style":256},[1620],{"type":135,"value":1621},"modifiers",{"type":130,"tag":165,"props":1623,"children":1624},{"style":195},[1625],{"type":135,"value":650},{"type":130,"tag":165,"props":1627,"children":1628},{"class":167,"line":267},[1629],{"type":130,"tag":165,"props":1630,"children":1631},{"style":195},[1632],{"type":135,"value":1633},"  />",{"type":130,"tag":165,"props":1635,"children":1636},{"class":167,"line":276},[],{"type":130,"tag":165,"props":1638,"children":1639},{"class":167,"line":285},[1640,1644,1649],{"type":130,"tag":165,"props":1641,"children":1642},{"style":195},[1643],{"type":135,"value":626},{"type":130,"tag":165,"props":1645,"children":1646},{"style":205},[1647],{"type":135,"value":1648},"script",{"type":130,"tag":165,"props":1650,"children":1651},{"style":195},[1652],{"type":135,"value":1653},">",{"type":130,"tag":165,"props":1655,"children":1656},{"class":167,"line":1485},[1657,1662,1666],{"type":130,"tag":165,"props":1658,"children":1659},{"style":172},[1660],{"type":135,"value":1661},"  export",{"type":130,"tag":165,"props":1663,"children":1664},{"style":172},[1665],{"type":135,"value":180},{"type":130,"tag":165,"props":1667,"children":1668},{"style":195},[1669],{"type":135,"value":218},{"type":130,"tag":165,"props":1671,"children":1673},{"class":167,"line":1672},9,[1674,1679,1684],{"type":130,"tag":165,"props":1675,"children":1676},{"style":205},[1677],{"type":135,"value":1678},"    data",{"type":130,"tag":165,"props":1680,"children":1681},{"style":195},[1682],{"type":135,"value":1683},"()",{"type":130,"tag":165,"props":1685,"children":1686},{"style":195},[1687],{"type":135,"value":218},{"type":130,"tag":165,"props":1689,"children":1691},{"class":167,"line":1690},10,[1692,1697],{"type":130,"tag":165,"props":1693,"children":1694},{"style":172},[1695],{"type":135,"value":1696},"      return",{"type":130,"tag":165,"props":1698,"children":1699},{"style":195},[1700],{"type":135,"value":218},{"type":130,"tag":165,"props":1702,"children":1704},{"class":167,"line":1703},11,[1705,1710,1714],{"type":130,"tag":165,"props":1706,"children":1707},{"style":205},[1708],{"type":135,"value":1709},"        modifiers",{"type":130,"tag":165,"props":1711,"children":1712},{"style":195},[1713],{"type":135,"value":213},{"type":130,"tag":165,"props":1715,"children":1716},{"style":195},[1717],{"type":135,"value":218},{"type":130,"tag":165,"props":1719,"children":1721},{"class":167,"line":1720},12,[1722,1727,1731,1735,1740,1744],{"type":130,"tag":165,"props":1723,"children":1724},{"style":205},[1725],{"type":135,"value":1726},"          overlayImage",{"type":130,"tag":165,"props":1728,"children":1729},{"style":195},[1730],{"type":135,"value":213},{"type":130,"tag":165,"props":1732,"children":1733},{"style":195},[1734],{"type":135,"value":253},{"type":130,"tag":165,"props":1736,"children":1737},{"style":256},[1738],{"type":135,"value":1739},"default-image.jpg",{"type":130,"tag":165,"props":1741,"children":1742},{"style":195},[1743],{"type":135,"value":264},{"type":130,"tag":165,"props":1745,"children":1746},{"style":195},[1747],{"type":135,"value":1748},",",{"type":130,"tag":165,"props":1750,"children":1752},{"class":167,"line":1751},13,[1753,1758,1762,1768],{"type":130,"tag":165,"props":1754,"children":1755},{"style":205},[1756],{"type":135,"value":1757},"          overlaywidth",{"type":130,"tag":165,"props":1759,"children":1760},{"style":195},[1761],{"type":135,"value":213},{"type":130,"tag":165,"props":1763,"children":1765},{"style":1764},"color:#F78C6C;--shiki-dark:#F78C6C;--shiki-light:#F76D47",[1766],{"type":135,"value":1767}," 300",{"type":130,"tag":165,"props":1769,"children":1770},{"style":195},[1771],{"type":135,"value":1748},{"type":130,"tag":165,"props":1773,"children":1775},{"class":167,"line":1774},14,[1776,1781,1785,1790],{"type":130,"tag":165,"props":1777,"children":1778},{"style":205},[1779],{"type":135,"value":1780},"          overlayHeight",{"type":130,"tag":165,"props":1782,"children":1783},{"style":195},[1784],{"type":135,"value":213},{"type":130,"tag":165,"props":1786,"children":1787},{"style":1764},[1788],{"type":135,"value":1789}," 200",{"type":130,"tag":165,"props":1791,"children":1792},{"style":195},[1793],{"type":135,"value":1748},{"type":130,"tag":165,"props":1795,"children":1797},{"class":167,"line":1796},15,[1798,1803,1807,1811,1815,1819],{"type":130,"tag":165,"props":1799,"children":1800},{"style":205},[1801],{"type":135,"value":1802},"          overlayFocus",{"type":130,"tag":165,"props":1804,"children":1805},{"style":195},[1806],{"type":135,"value":213},{"type":130,"tag":165,"props":1808,"children":1809},{"style":195},[1810],{"type":135,"value":253},{"type":130,"tag":165,"props":1812,"children":1813},{"style":256},[1814],{"type":135,"value":505},{"type":130,"tag":165,"props":1816,"children":1817},{"style":195},[1818],{"type":135,"value":264},{"type":130,"tag":165,"props":1820,"children":1821},{"style":195},[1822],{"type":135,"value":1748},{"type":130,"tag":165,"props":1824,"children":1826},{"class":167,"line":1825},16,[1827,1832,1836,1840,1845,1849],{"type":130,"tag":165,"props":1828,"children":1829},{"style":205},[1830],{"type":135,"value":1831},"          overlayImageBorder",{"type":130,"tag":165,"props":1833,"children":1834},{"style":195},[1835],{"type":135,"value":213},{"type":130,"tag":165,"props":1837,"children":1838},{"style":195},[1839],{"type":135,"value":253},{"type":130,"tag":165,"props":1841,"children":1842},{"style":256},[1843],{"type":135,"value":1844},"5_FFFFFF",{"type":130,"tag":165,"props":1846,"children":1847},{"style":195},[1848],{"type":135,"value":264},{"type":130,"tag":165,"props":1850,"children":1851},{"style":195},[1852],{"type":135,"value":1748},{"type":130,"tag":165,"props":1854,"children":1856},{"class":167,"line":1855},17,[1857],{"type":130,"tag":165,"props":1858,"children":1859},{"style":195},[1860],{"type":135,"value":1861},"        }",{"type":130,"tag":165,"props":1863,"children":1865},{"class":167,"line":1864},18,[1866],{"type":130,"tag":165,"props":1867,"children":1868},{"style":195},[1869],{"type":135,"value":1870},"      }",{"type":130,"tag":165,"props":1872,"children":1874},{"class":167,"line":1873},19,[1875],{"type":130,"tag":165,"props":1876,"children":1877},{"style":195},[1878],{"type":135,"value":273},{"type":130,"tag":165,"props":1880,"children":1882},{"class":167,"line":1881},20,[1883],{"type":130,"tag":165,"props":1884,"children":1885},{"style":195},[1886],{"type":135,"value":282},{"type":130,"tag":165,"props":1888,"children":1890},{"class":167,"line":1889},21,[1891,1896,1900],{"type":130,"tag":165,"props":1892,"children":1893},{"style":195},[1894],{"type":135,"value":1895},"\u003C/",{"type":130,"tag":165,"props":1897,"children":1898},{"style":205},[1899],{"type":135,"value":1648},{"type":130,"tag":165,"props":1901,"children":1902},{"style":195},[1903],{"type":135,"value":1653},{"type":130,"tag":437,"props":1905,"children":1907},{"id":1906},"overlay-text",[1908],{"type":135,"value":1909},"Overlay Text",{"type":130,"tag":131,"props":1911,"children":1912},{},[1913],{"type":135,"value":1914},"You can overlay text on an image and apply various transformations to it as per your needs.",{"type":130,"tag":153,"props":1916,"children":1918},{"className":612,"code":1917,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"modifiers\"\n/>\n\n\u003Cscript>\n  export default {\n    data() {\n      return {\n        modifiers: {\n          overlayText: 'overlay made easy',\n          overlayRadius: 30,\n          overlayTextBackground: 'FFFFFF80',\n          overlayTextFontSize: '45',\n          overlayTextColor: '000000',\n          overlayTextPadding: '40'\n        }\n      }\n    }\n  }\n\u003C/script>\n",[1919],{"type":130,"tag":161,"props":1920,"children":1921},{"__ignoreMap":118},[1922,1933,1956,1979,2002,2009,2012,2027,2042,2057,2068,2083,2112,2133,2162,2191,2220,2245,2252,2259,2266,2273],{"type":130,"tag":165,"props":1923,"children":1924},{"class":167,"line":168},[1925,1929],{"type":130,"tag":165,"props":1926,"children":1927},{"style":195},[1928],{"type":135,"value":626},{"type":130,"tag":165,"props":1930,"children":1931},{"style":205},[1932],{"type":135,"value":631},{"type":130,"tag":165,"props":1934,"children":1935},{"class":167,"line":201},[1936,1940,1944,1948,1952],{"type":130,"tag":165,"props":1937,"children":1938},{"style":637},[1939],{"type":135,"value":640},{"type":130,"tag":165,"props":1941,"children":1942},{"style":195},[1943],{"type":135,"value":645},{"type":130,"tag":165,"props":1945,"children":1946},{"style":195},[1947],{"type":135,"value":650},{"type":130,"tag":165,"props":1949,"children":1950},{"style":256},[1951],{"type":135,"value":655},{"type":130,"tag":165,"props":1953,"children":1954},{"style":195},[1955],{"type":135,"value":650},{"type":130,"tag":165,"props":1957,"children":1958},{"class":167,"line":221},[1959,1963,1967,1971,1975],{"type":130,"tag":165,"props":1960,"children":1961},{"style":637},[1962],{"type":135,"value":667},{"type":130,"tag":165,"props":1964,"children":1965},{"style":195},[1966],{"type":135,"value":645},{"type":130,"tag":165,"props":1968,"children":1969},{"style":195},[1970],{"type":135,"value":650},{"type":130,"tag":165,"props":1972,"children":1973},{"style":256},[1974],{"type":135,"value":680},{"type":130,"tag":165,"props":1976,"children":1977},{"style":195},[1978],{"type":135,"value":650},{"type":130,"tag":165,"props":1980,"children":1981},{"class":167,"line":238},[1982,1986,1990,1994,1998],{"type":130,"tag":165,"props":1983,"children":1984},{"style":637},[1985],{"type":135,"value":692},{"type":130,"tag":165,"props":1987,"children":1988},{"style":195},[1989],{"type":135,"value":645},{"type":130,"tag":165,"props":1991,"children":1992},{"style":195},[1993],{"type":135,"value":650},{"type":130,"tag":165,"props":1995,"children":1996},{"style":256},[1997],{"type":135,"value":1621},{"type":130,"tag":165,"props":1999,"children":2000},{"style":195},[2001],{"type":135,"value":650},{"type":130,"tag":165,"props":2003,"children":2004},{"class":167,"line":267},[2005],{"type":130,"tag":165,"props":2006,"children":2007},{"style":195},[2008],{"type":135,"value":717},{"type":130,"tag":165,"props":2010,"children":2011},{"class":167,"line":276},[],{"type":130,"tag":165,"props":2013,"children":2014},{"class":167,"line":285},[2015,2019,2023],{"type":130,"tag":165,"props":2016,"children":2017},{"style":195},[2018],{"type":135,"value":626},{"type":130,"tag":165,"props":2020,"children":2021},{"style":205},[2022],{"type":135,"value":1648},{"type":130,"tag":165,"props":2024,"children":2025},{"style":195},[2026],{"type":135,"value":1653},{"type":130,"tag":165,"props":2028,"children":2029},{"class":167,"line":1485},[2030,2034,2038],{"type":130,"tag":165,"props":2031,"children":2032},{"style":172},[2033],{"type":135,"value":1661},{"type":130,"tag":165,"props":2035,"children":2036},{"style":172},[2037],{"type":135,"value":180},{"type":130,"tag":165,"props":2039,"children":2040},{"style":195},[2041],{"type":135,"value":218},{"type":130,"tag":165,"props":2043,"children":2044},{"class":167,"line":1672},[2045,2049,2053],{"type":130,"tag":165,"props":2046,"children":2047},{"style":205},[2048],{"type":135,"value":1678},{"type":130,"tag":165,"props":2050,"children":2051},{"style":195},[2052],{"type":135,"value":1683},{"type":130,"tag":165,"props":2054,"children":2055},{"style":195},[2056],{"type":135,"value":218},{"type":130,"tag":165,"props":2058,"children":2059},{"class":167,"line":1690},[2060,2064],{"type":130,"tag":165,"props":2061,"children":2062},{"style":172},[2063],{"type":135,"value":1696},{"type":130,"tag":165,"props":2065,"children":2066},{"style":195},[2067],{"type":135,"value":218},{"type":130,"tag":165,"props":2069,"children":2070},{"class":167,"line":1703},[2071,2075,2079],{"type":130,"tag":165,"props":2072,"children":2073},{"style":205},[2074],{"type":135,"value":1709},{"type":130,"tag":165,"props":2076,"children":2077},{"style":195},[2078],{"type":135,"value":213},{"type":130,"tag":165,"props":2080,"children":2081},{"style":195},[2082],{"type":135,"value":218},{"type":130,"tag":165,"props":2084,"children":2085},{"class":167,"line":1720},[2086,2091,2095,2099,2104,2108],{"type":130,"tag":165,"props":2087,"children":2088},{"style":205},[2089],{"type":135,"value":2090},"          overlayText",{"type":130,"tag":165,"props":2092,"children":2093},{"style":195},[2094],{"type":135,"value":213},{"type":130,"tag":165,"props":2096,"children":2097},{"style":195},[2098],{"type":135,"value":253},{"type":130,"tag":165,"props":2100,"children":2101},{"style":256},[2102],{"type":135,"value":2103},"overlay made easy",{"type":130,"tag":165,"props":2105,"children":2106},{"style":195},[2107],{"type":135,"value":264},{"type":130,"tag":165,"props":2109,"children":2110},{"style":195},[2111],{"type":135,"value":1748},{"type":130,"tag":165,"props":2113,"children":2114},{"class":167,"line":1751},[2115,2120,2124,2129],{"type":130,"tag":165,"props":2116,"children":2117},{"style":205},[2118],{"type":135,"value":2119},"          overlayRadius",{"type":130,"tag":165,"props":2121,"children":2122},{"style":195},[2123],{"type":135,"value":213},{"type":130,"tag":165,"props":2125,"children":2126},{"style":1764},[2127],{"type":135,"value":2128}," 30",{"type":130,"tag":165,"props":2130,"children":2131},{"style":195},[2132],{"type":135,"value":1748},{"type":130,"tag":165,"props":2134,"children":2135},{"class":167,"line":1774},[2136,2141,2145,2149,2154,2158],{"type":130,"tag":165,"props":2137,"children":2138},{"style":205},[2139],{"type":135,"value":2140},"          overlayTextBackground",{"type":130,"tag":165,"props":2142,"children":2143},{"style":195},[2144],{"type":135,"value":213},{"type":130,"tag":165,"props":2146,"children":2147},{"style":195},[2148],{"type":135,"value":253},{"type":130,"tag":165,"props":2150,"children":2151},{"style":256},[2152],{"type":135,"value":2153},"FFFFFF80",{"type":130,"tag":165,"props":2155,"children":2156},{"style":195},[2157],{"type":135,"value":264},{"type":130,"tag":165,"props":2159,"children":2160},{"style":195},[2161],{"type":135,"value":1748},{"type":130,"tag":165,"props":2163,"children":2164},{"class":167,"line":1796},[2165,2170,2174,2178,2183,2187],{"type":130,"tag":165,"props":2166,"children":2167},{"style":205},[2168],{"type":135,"value":2169},"          overlayTextFontSize",{"type":130,"tag":165,"props":2171,"children":2172},{"style":195},[2173],{"type":135,"value":213},{"type":130,"tag":165,"props":2175,"children":2176},{"style":195},[2177],{"type":135,"value":253},{"type":130,"tag":165,"props":2179,"children":2180},{"style":256},[2181],{"type":135,"value":2182},"45",{"type":130,"tag":165,"props":2184,"children":2185},{"style":195},[2186],{"type":135,"value":264},{"type":130,"tag":165,"props":2188,"children":2189},{"style":195},[2190],{"type":135,"value":1748},{"type":130,"tag":165,"props":2192,"children":2193},{"class":167,"line":1825},[2194,2199,2203,2207,2212,2216],{"type":130,"tag":165,"props":2195,"children":2196},{"style":205},[2197],{"type":135,"value":2198},"          overlayTextColor",{"type":130,"tag":165,"props":2200,"children":2201},{"style":195},[2202],{"type":135,"value":213},{"type":130,"tag":165,"props":2204,"children":2205},{"style":195},[2206],{"type":135,"value":253},{"type":130,"tag":165,"props":2208,"children":2209},{"style":256},[2210],{"type":135,"value":2211},"000000",{"type":130,"tag":165,"props":2213,"children":2214},{"style":195},[2215],{"type":135,"value":264},{"type":130,"tag":165,"props":2217,"children":2218},{"style":195},[2219],{"type":135,"value":1748},{"type":130,"tag":165,"props":2221,"children":2222},{"class":167,"line":1855},[2223,2228,2232,2236,2241],{"type":130,"tag":165,"props":2224,"children":2225},{"style":205},[2226],{"type":135,"value":2227},"          overlayTextPadding",{"type":130,"tag":165,"props":2229,"children":2230},{"style":195},[2231],{"type":135,"value":213},{"type":130,"tag":165,"props":2233,"children":2234},{"style":195},[2235],{"type":135,"value":253},{"type":130,"tag":165,"props":2237,"children":2238},{"style":256},[2239],{"type":135,"value":2240},"40",{"type":130,"tag":165,"props":2242,"children":2243},{"style":195},[2244],{"type":135,"value":264},{"type":130,"tag":165,"props":2246,"children":2247},{"class":167,"line":1864},[2248],{"type":130,"tag":165,"props":2249,"children":2250},{"style":195},[2251],{"type":135,"value":1861},{"type":130,"tag":165,"props":2253,"children":2254},{"class":167,"line":1873},[2255],{"type":130,"tag":165,"props":2256,"children":2257},{"style":195},[2258],{"type":135,"value":1870},{"type":130,"tag":165,"props":2260,"children":2261},{"class":167,"line":1881},[2262],{"type":130,"tag":165,"props":2263,"children":2264},{"style":195},[2265],{"type":135,"value":273},{"type":130,"tag":165,"props":2267,"children":2268},{"class":167,"line":1889},[2269],{"type":130,"tag":165,"props":2270,"children":2271},{"style":195},[2272],{"type":135,"value":282},{"type":130,"tag":165,"props":2274,"children":2276},{"class":167,"line":2275},22,[2277,2281,2285],{"type":130,"tag":165,"props":2278,"children":2279},{"style":195},[2280],{"type":135,"value":1895},{"type":130,"tag":165,"props":2282,"children":2283},{"style":205},[2284],{"type":135,"value":1648},{"type":130,"tag":165,"props":2286,"children":2287},{"style":195},[2288],{"type":135,"value":1653},{"type":130,"tag":131,"props":2290,"children":2291},{},[2292,2294,2300],{"type":135,"value":2293},"Read more about ImageKit's overlay transformation parameters ",{"type":130,"tag":138,"props":2295,"children":2298},{"href":2296,"rel":2297},"https://docs.imagekit.io/features/image-transformations/overlay",[142],[2299],{"type":135,"value":1505},{"type":135,"value":322},{"type":130,"tag":324,"props":2302,"children":2304},{"id":2303},"image-enhancement-modifiers",[2305],{"type":135,"value":2306},"Image Enhancement Modifiers",{"type":130,"tag":437,"props":2308,"children":2310},{"id":2309},"effectcontrast",[2311],{"type":130,"tag":161,"props":2312,"children":2313},{"className":118},[2314],{"type":135,"value":2315},"effectContrast",{"type":130,"tag":131,"props":2317,"children":2318},{},[2319,2321,2325],{"type":135,"value":2320},"Enhance contrast of an image using the ",{"type":130,"tag":161,"props":2322,"children":2323},{"className":118},[2324],{"type":135,"value":2315},{"type":135,"value":737},{"type":130,"tag":153,"props":2327,"children":2329},{"className":612,"code":2328,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectContrast: true}\"\n/>\n",[2330],{"type":130,"tag":161,"props":2331,"children":2332},{"__ignoreMap":118},[2333,2344,2367,2390,2413,2437],{"type":130,"tag":165,"props":2334,"children":2335},{"class":167,"line":168},[2336,2340],{"type":130,"tag":165,"props":2337,"children":2338},{"style":195},[2339],{"type":135,"value":626},{"type":130,"tag":165,"props":2341,"children":2342},{"style":205},[2343],{"type":135,"value":631},{"type":130,"tag":165,"props":2345,"children":2346},{"class":167,"line":201},[2347,2351,2355,2359,2363],{"type":130,"tag":165,"props":2348,"children":2349},{"style":637},[2350],{"type":135,"value":640},{"type":130,"tag":165,"props":2352,"children":2353},{"style":195},[2354],{"type":135,"value":645},{"type":130,"tag":165,"props":2356,"children":2357},{"style":195},[2358],{"type":135,"value":650},{"type":130,"tag":165,"props":2360,"children":2361},{"style":256},[2362],{"type":135,"value":655},{"type":130,"tag":165,"props":2364,"children":2365},{"style":195},[2366],{"type":135,"value":650},{"type":130,"tag":165,"props":2368,"children":2369},{"class":167,"line":221},[2370,2374,2378,2382,2386],{"type":130,"tag":165,"props":2371,"children":2372},{"style":637},[2373],{"type":135,"value":667},{"type":130,"tag":165,"props":2375,"children":2376},{"style":195},[2377],{"type":135,"value":645},{"type":130,"tag":165,"props":2379,"children":2380},{"style":195},[2381],{"type":135,"value":650},{"type":130,"tag":165,"props":2383,"children":2384},{"style":256},[2385],{"type":135,"value":680},{"type":130,"tag":165,"props":2387,"children":2388},{"style":195},[2389],{"type":135,"value":650},{"type":130,"tag":165,"props":2391,"children":2392},{"class":167,"line":238},[2393,2397,2401,2405,2409],{"type":130,"tag":165,"props":2394,"children":2395},{"style":637},[2396],{"type":135,"value":809},{"type":130,"tag":165,"props":2398,"children":2399},{"style":195},[2400],{"type":135,"value":645},{"type":130,"tag":165,"props":2402,"children":2403},{"style":195},[2404],{"type":135,"value":650},{"type":130,"tag":165,"props":2406,"children":2407},{"style":256},[2408],{"type":135,"value":822},{"type":130,"tag":165,"props":2410,"children":2411},{"style":195},[2412],{"type":135,"value":650},{"type":130,"tag":165,"props":2414,"children":2415},{"class":167,"line":267},[2416,2420,2424,2428,2433],{"type":130,"tag":165,"props":2417,"children":2418},{"style":637},[2419],{"type":135,"value":692},{"type":130,"tag":165,"props":2421,"children":2422},{"style":195},[2423],{"type":135,"value":645},{"type":130,"tag":165,"props":2425,"children":2426},{"style":195},[2427],{"type":135,"value":650},{"type":130,"tag":165,"props":2429,"children":2430},{"style":256},[2431],{"type":135,"value":2432},"{effectContrast: true}",{"type":130,"tag":165,"props":2434,"children":2435},{"style":195},[2436],{"type":135,"value":650},{"type":130,"tag":165,"props":2438,"children":2439},{"class":167,"line":276},[2440],{"type":130,"tag":165,"props":2441,"children":2442},{"style":195},[2443],{"type":135,"value":717},{"type":130,"tag":437,"props":2445,"children":2447},{"id":2446},"effectsharpen",[2448],{"type":130,"tag":161,"props":2449,"children":2450},{"className":118},[2451],{"type":135,"value":2452},"effectSharpen",{"type":130,"tag":131,"props":2454,"children":2455},{},[2456,2458,2462],{"type":135,"value":2457},"Sharpen the input image using the ",{"type":130,"tag":161,"props":2459,"children":2460},{"className":118},[2461],{"type":135,"value":2452},{"type":135,"value":737},{"type":130,"tag":153,"props":2464,"children":2466},{"className":612,"code":2465,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{effectSharpen: 10}\"\n/>\n",[2467],{"type":130,"tag":161,"props":2468,"children":2469},{"__ignoreMap":118},[2470,2481,2504,2527,2550,2574],{"type":130,"tag":165,"props":2471,"children":2472},{"class":167,"line":168},[2473,2477],{"type":130,"tag":165,"props":2474,"children":2475},{"style":195},[2476],{"type":135,"value":626},{"type":130,"tag":165,"props":2478,"children":2479},{"style":205},[2480],{"type":135,"value":631},{"type":130,"tag":165,"props":2482,"children":2483},{"class":167,"line":201},[2484,2488,2492,2496,2500],{"type":130,"tag":165,"props":2485,"children":2486},{"style":637},[2487],{"type":135,"value":640},{"type":130,"tag":165,"props":2489,"children":2490},{"style":195},[2491],{"type":135,"value":645},{"type":130,"tag":165,"props":2493,"children":2494},{"style":195},[2495],{"type":135,"value":650},{"type":130,"tag":165,"props":2497,"children":2498},{"style":256},[2499],{"type":135,"value":655},{"type":130,"tag":165,"props":2501,"children":2502},{"style":195},[2503],{"type":135,"value":650},{"type":130,"tag":165,"props":2505,"children":2506},{"class":167,"line":221},[2507,2511,2515,2519,2523],{"type":130,"tag":165,"props":2508,"children":2509},{"style":637},[2510],{"type":135,"value":667},{"type":130,"tag":165,"props":2512,"children":2513},{"style":195},[2514],{"type":135,"value":645},{"type":130,"tag":165,"props":2516,"children":2517},{"style":195},[2518],{"type":135,"value":650},{"type":130,"tag":165,"props":2520,"children":2521},{"style":256},[2522],{"type":135,"value":680},{"type":130,"tag":165,"props":2524,"children":2525},{"style":195},[2526],{"type":135,"value":650},{"type":130,"tag":165,"props":2528,"children":2529},{"class":167,"line":238},[2530,2534,2538,2542,2546],{"type":130,"tag":165,"props":2531,"children":2532},{"style":637},[2533],{"type":135,"value":809},{"type":130,"tag":165,"props":2535,"children":2536},{"style":195},[2537],{"type":135,"value":645},{"type":130,"tag":165,"props":2539,"children":2540},{"style":195},[2541],{"type":135,"value":650},{"type":130,"tag":165,"props":2543,"children":2544},{"style":256},[2545],{"type":135,"value":822},{"type":130,"tag":165,"props":2547,"children":2548},{"style":195},[2549],{"type":135,"value":650},{"type":130,"tag":165,"props":2551,"children":2552},{"class":167,"line":267},[2553,2557,2561,2565,2570],{"type":130,"tag":165,"props":2554,"children":2555},{"style":637},[2556],{"type":135,"value":692},{"type":130,"tag":165,"props":2558,"children":2559},{"style":195},[2560],{"type":135,"value":645},{"type":130,"tag":165,"props":2562,"children":2563},{"style":195},[2564],{"type":135,"value":650},{"type":130,"tag":165,"props":2566,"children":2567},{"style":256},[2568],{"type":135,"value":2569},"{effectSharpen: 10}",{"type":130,"tag":165,"props":2571,"children":2572},{"style":195},[2573],{"type":135,"value":650},{"type":130,"tag":165,"props":2575,"children":2576},{"class":167,"line":276},[2577],{"type":130,"tag":165,"props":2578,"children":2579},{"style":195},[2580],{"type":135,"value":717},{"type":130,"tag":324,"props":2582,"children":2584},{"id":2583},"list-of-supported-transforms",[2585],{"type":135,"value":2586},"List of supported transforms",{"type":130,"tag":131,"props":2588,"children":2589},{},[2590],{"type":135,"value":2591},"ImageKit's Nuxt Image integration provides an easy-to-remember name for each transformation parameter. It makes your code more readable. If you use a property that does not match any of the following supported options, it will be added in the URL as it is.",{"type":130,"tag":2593,"props":2594,"children":2595},"table",{},[2596,2615],{"type":130,"tag":2597,"props":2598,"children":2599},"thead",{},[2600],{"type":130,"tag":2601,"props":2602,"children":2603},"tr",{},[2604,2610],{"type":130,"tag":2605,"props":2606,"children":2607},"th",{},[2608],{"type":135,"value":2609},"Supported Parameter Name",{"type":130,"tag":2605,"props":2611,"children":2612},{},[2613],{"type":135,"value":2614},"Translates to Parameter",{"type":130,"tag":2616,"props":2617,"children":2618},"tbody",{},[2619,2631,2644,2656,2668,2680,2692,2704,2716,2728,2740,2753,2766,2778,2790,2802,2814,2826,2838,2851,2864,2877,2890,2903,2915,2928,2941,2954,2967,2980,2993,3006,3019,3032,3045,3058,3071,3084,3097,3110,3123,3136,3149,3162,3175,3188,3201,3214,3227,3240,3253,3266,3278,3290,3303,3315,3327],{"type":130,"tag":2601,"props":2620,"children":2621},{},[2622,2627],{"type":130,"tag":2623,"props":2624,"children":2625},"td",{},[2626],{"type":135,"value":1308},{"type":130,"tag":2623,"props":2628,"children":2629},{},[2630],{"type":135,"value":1308},{"type":130,"tag":2601,"props":2632,"children":2633},{},[2634,2639],{"type":130,"tag":2623,"props":2635,"children":2636},{},[2637],{"type":135,"value":2638},"aspectRatio",{"type":130,"tag":2623,"props":2640,"children":2641},{},[2642],{"type":135,"value":2643},"ar",{"type":130,"tag":2601,"props":2645,"children":2646},{},[2647,2652],{"type":130,"tag":2623,"props":2648,"children":2649},{},[2650],{"type":135,"value":2651},"x",{"type":130,"tag":2623,"props":2653,"children":2654},{},[2655],{"type":135,"value":2651},{"type":130,"tag":2601,"props":2657,"children":2658},{},[2659,2664],{"type":130,"tag":2623,"props":2660,"children":2661},{},[2662],{"type":135,"value":2663},"y",{"type":130,"tag":2623,"props":2665,"children":2666},{},[2667],{"type":135,"value":2663},{"type":130,"tag":2601,"props":2669,"children":2670},{},[2671,2676],{"type":130,"tag":2623,"props":2672,"children":2673},{},[2674],{"type":135,"value":2675},"xc",{"type":130,"tag":2623,"props":2677,"children":2678},{},[2679],{"type":135,"value":2675},{"type":130,"tag":2601,"props":2681,"children":2682},{},[2683,2688],{"type":130,"tag":2623,"props":2684,"children":2685},{},[2686],{"type":135,"value":2687},"yc",{"type":130,"tag":2623,"props":2689,"children":2690},{},[2691],{"type":135,"value":2687},{"type":130,"tag":2601,"props":2693,"children":2694},{},[2695,2700],{"type":130,"tag":2623,"props":2696,"children":2697},{},[2698],{"type":135,"value":2699},"oix",{"type":130,"tag":2623,"props":2701,"children":2702},{},[2703],{"type":135,"value":2699},{"type":130,"tag":2601,"props":2705,"children":2706},{},[2707,2712],{"type":130,"tag":2623,"props":2708,"children":2709},{},[2710],{"type":135,"value":2711},"oiy",{"type":130,"tag":2623,"props":2713,"children":2714},{},[2715],{"type":135,"value":2711},{"type":130,"tag":2601,"props":2717,"children":2718},{},[2719,2724],{"type":130,"tag":2623,"props":2720,"children":2721},{},[2722],{"type":135,"value":2723},"oixc",{"type":130,"tag":2623,"props":2725,"children":2726},{},[2727],{"type":135,"value":2723},{"type":130,"tag":2601,"props":2729,"children":2730},{},[2731,2736],{"type":130,"tag":2623,"props":2732,"children":2733},{},[2734],{"type":135,"value":2735},"oiyc",{"type":130,"tag":2623,"props":2737,"children":2738},{},[2739],{"type":135,"value":2735},{"type":130,"tag":2601,"props":2741,"children":2742},{},[2743,2748],{"type":130,"tag":2623,"props":2744,"children":2745},{},[2746],{"type":135,"value":2747},"crop",{"type":130,"tag":2623,"props":2749,"children":2750},{},[2751],{"type":135,"value":2752},"c",{"type":130,"tag":2601,"props":2754,"children":2755},{},[2756,2761],{"type":130,"tag":2623,"props":2757,"children":2758},{},[2759],{"type":135,"value":2760},"cropMode",{"type":130,"tag":2623,"props":2762,"children":2763},{},[2764],{"type":135,"value":2765},"cm",{"type":130,"tag":2601,"props":2767,"children":2768},{},[2769,2773],{"type":130,"tag":2623,"props":2770,"children":2771},{},[2772],{"type":135,"value":439},{"type":130,"tag":2623,"props":2774,"children":2775},{},[2776],{"type":135,"value":2777},"fo",{"type":130,"tag":2601,"props":2779,"children":2780},{},[2781,2785],{"type":130,"tag":2623,"props":2782,"children":2783},{},[2784],{"type":135,"value":1188},{"type":130,"tag":2623,"props":2786,"children":2787},{},[2788],{"type":135,"value":2789},"r",{"type":130,"tag":2601,"props":2791,"children":2792},{},[2793,2797],{"type":130,"tag":2623,"props":2794,"children":2795},{},[2796],{"type":135,"value":900},{"type":130,"tag":2623,"props":2798,"children":2799},{},[2800],{"type":135,"value":2801},"b",{"type":130,"tag":2601,"props":2803,"children":2804},{},[2805,2809],{"type":130,"tag":2623,"props":2806,"children":2807},{},[2808],{"type":135,"value":1038},{"type":130,"tag":2623,"props":2810,"children":2811},{},[2812],{"type":135,"value":2813},"rt",{"type":130,"tag":2601,"props":2815,"children":2816},{},[2817,2821],{"type":130,"tag":2623,"props":2818,"children":2819},{},[2820],{"type":135,"value":580},{"type":130,"tag":2623,"props":2822,"children":2823},{},[2824],{"type":135,"value":2825},"bl",{"type":130,"tag":2601,"props":2827,"children":2828},{},[2829,2833],{"type":130,"tag":2623,"props":2830,"children":2831},{},[2832],{"type":135,"value":860},{"type":130,"tag":2623,"props":2834,"children":2835},{},[2836],{"type":135,"value":2837},"n",{"type":130,"tag":2601,"props":2839,"children":2840},{},[2841,2846],{"type":130,"tag":2623,"props":2842,"children":2843},{},[2844],{"type":135,"value":2845},"overlayX",{"type":130,"tag":2623,"props":2847,"children":2848},{},[2849],{"type":135,"value":2850},"ox",{"type":130,"tag":2601,"props":2852,"children":2853},{},[2854,2859],{"type":130,"tag":2623,"props":2855,"children":2856},{},[2857],{"type":135,"value":2858},"overlayY",{"type":130,"tag":2623,"props":2860,"children":2861},{},[2862],{"type":135,"value":2863},"oy",{"type":130,"tag":2601,"props":2865,"children":2866},{},[2867,2872],{"type":130,"tag":2623,"props":2868,"children":2869},{},[2870],{"type":135,"value":2871},"overlayFocus",{"type":130,"tag":2623,"props":2873,"children":2874},{},[2875],{"type":135,"value":2876},"ofo",{"type":130,"tag":2601,"props":2878,"children":2879},{},[2880,2885],{"type":130,"tag":2623,"props":2881,"children":2882},{},[2883],{"type":135,"value":2884},"overlayHeight",{"type":130,"tag":2623,"props":2886,"children":2887},{},[2888],{"type":135,"value":2889},"oh",{"type":130,"tag":2601,"props":2891,"children":2892},{},[2893,2898],{"type":130,"tag":2623,"props":2894,"children":2895},{},[2896],{"type":135,"value":2897},"overlayWidth",{"type":130,"tag":2623,"props":2899,"children":2900},{},[2901],{"type":135,"value":2902},"ow",{"type":130,"tag":2601,"props":2904,"children":2905},{},[2906,2910],{"type":130,"tag":2623,"props":2907,"children":2908},{},[2909],{"type":135,"value":1526},{"type":130,"tag":2623,"props":2911,"children":2912},{},[2913],{"type":135,"value":2914},"oi",{"type":130,"tag":2601,"props":2916,"children":2917},{},[2918,2923],{"type":130,"tag":2623,"props":2919,"children":2920},{},[2921],{"type":135,"value":2922},"overlayImageTrim",{"type":130,"tag":2623,"props":2924,"children":2925},{},[2926],{"type":135,"value":2927},"oit",{"type":130,"tag":2601,"props":2929,"children":2930},{},[2931,2936],{"type":130,"tag":2623,"props":2932,"children":2933},{},[2934],{"type":135,"value":2935},"overlayImageAspectRatio",{"type":130,"tag":2623,"props":2937,"children":2938},{},[2939],{"type":135,"value":2940},"oiar",{"type":130,"tag":2601,"props":2942,"children":2943},{},[2944,2949],{"type":130,"tag":2623,"props":2945,"children":2946},{},[2947],{"type":135,"value":2948},"overlayImageBackground",{"type":130,"tag":2623,"props":2950,"children":2951},{},[2952],{"type":135,"value":2953},"oibg",{"type":130,"tag":2601,"props":2955,"children":2956},{},[2957,2962],{"type":130,"tag":2623,"props":2958,"children":2959},{},[2960],{"type":135,"value":2961},"overlayImageBorder",{"type":130,"tag":2623,"props":2963,"children":2964},{},[2965],{"type":135,"value":2966},"oib",{"type":130,"tag":2601,"props":2968,"children":2969},{},[2970,2975],{"type":130,"tag":2623,"props":2971,"children":2972},{},[2973],{"type":135,"value":2974},"overlayImageDPR",{"type":130,"tag":2623,"props":2976,"children":2977},{},[2978],{"type":135,"value":2979},"oidpr",{"type":130,"tag":2601,"props":2981,"children":2982},{},[2983,2988],{"type":130,"tag":2623,"props":2984,"children":2985},{},[2986],{"type":135,"value":2987},"overlayImageQuality",{"type":130,"tag":2623,"props":2989,"children":2990},{},[2991],{"type":135,"value":2992},"oiq",{"type":130,"tag":2601,"props":2994,"children":2995},{},[2996,3001],{"type":130,"tag":2623,"props":2997,"children":2998},{},[2999],{"type":135,"value":3000},"overlayImageCropping",{"type":130,"tag":2623,"props":3002,"children":3003},{},[3004],{"type":135,"value":3005},"oic",{"type":130,"tag":2601,"props":3007,"children":3008},{},[3009,3014],{"type":130,"tag":2623,"props":3010,"children":3011},{},[3012],{"type":135,"value":3013},"overlayImageCropMode",{"type":130,"tag":2623,"props":3015,"children":3016},{},[3017],{"type":135,"value":3018},"oicm",{"type":130,"tag":2601,"props":3020,"children":3021},{},[3022,3027],{"type":130,"tag":2623,"props":3023,"children":3024},{},[3025],{"type":135,"value":3026},"overlayText",{"type":130,"tag":2623,"props":3028,"children":3029},{},[3030],{"type":135,"value":3031},"ot",{"type":130,"tag":2601,"props":3033,"children":3034},{},[3035,3040],{"type":130,"tag":2623,"props":3036,"children":3037},{},[3038],{"type":135,"value":3039},"overlayTextFontSize",{"type":130,"tag":2623,"props":3041,"children":3042},{},[3043],{"type":135,"value":3044},"ots",{"type":130,"tag":2601,"props":3046,"children":3047},{},[3048,3053],{"type":130,"tag":2623,"props":3049,"children":3050},{},[3051],{"type":135,"value":3052},"overlayTextFontFamily",{"type":130,"tag":2623,"props":3054,"children":3055},{},[3056],{"type":135,"value":3057},"otf",{"type":130,"tag":2601,"props":3059,"children":3060},{},[3061,3066],{"type":130,"tag":2623,"props":3062,"children":3063},{},[3064],{"type":135,"value":3065},"overlayTextColor",{"type":130,"tag":2623,"props":3067,"children":3068},{},[3069],{"type":135,"value":3070},"otc",{"type":130,"tag":2601,"props":3072,"children":3073},{},[3074,3079],{"type":130,"tag":2623,"props":3075,"children":3076},{},[3077],{"type":135,"value":3078},"overlayTextTransparency",{"type":130,"tag":2623,"props":3080,"children":3081},{},[3082],{"type":135,"value":3083},"oa",{"type":130,"tag":2601,"props":3085,"children":3086},{},[3087,3092],{"type":130,"tag":2623,"props":3088,"children":3089},{},[3090],{"type":135,"value":3091},"overlayTextTypography",{"type":130,"tag":2623,"props":3093,"children":3094},{},[3095],{"type":135,"value":3096},"ott",{"type":130,"tag":2601,"props":3098,"children":3099},{},[3100,3105],{"type":130,"tag":2623,"props":3101,"children":3102},{},[3103],{"type":135,"value":3104},"overlayBackground",{"type":130,"tag":2623,"props":3106,"children":3107},{},[3108],{"type":135,"value":3109},"obg",{"type":130,"tag":2601,"props":3111,"children":3112},{},[3113,3118],{"type":130,"tag":2623,"props":3114,"children":3115},{},[3116],{"type":135,"value":3117},"overlayTextEncoded",{"type":130,"tag":2623,"props":3119,"children":3120},{},[3121],{"type":135,"value":3122},"ote",{"type":130,"tag":2601,"props":3124,"children":3125},{},[3126,3131],{"type":130,"tag":2623,"props":3127,"children":3128},{},[3129],{"type":135,"value":3130},"overlayTextWidth",{"type":130,"tag":2623,"props":3132,"children":3133},{},[3134],{"type":135,"value":3135},"otw",{"type":130,"tag":2601,"props":3137,"children":3138},{},[3139,3144],{"type":130,"tag":2623,"props":3140,"children":3141},{},[3142],{"type":135,"value":3143},"overlayTextBackground",{"type":130,"tag":2623,"props":3145,"children":3146},{},[3147],{"type":135,"value":3148},"otbg",{"type":130,"tag":2601,"props":3150,"children":3151},{},[3152,3157],{"type":130,"tag":2623,"props":3153,"children":3154},{},[3155],{"type":135,"value":3156},"overlayTextPadding",{"type":130,"tag":2623,"props":3158,"children":3159},{},[3160],{"type":135,"value":3161},"otp",{"type":130,"tag":2601,"props":3163,"children":3164},{},[3165,3170],{"type":130,"tag":2623,"props":3166,"children":3167},{},[3168],{"type":135,"value":3169},"overlayTextInnerAlignment",{"type":130,"tag":2623,"props":3171,"children":3172},{},[3173],{"type":135,"value":3174},"otia",{"type":130,"tag":2601,"props":3176,"children":3177},{},[3178,3183],{"type":130,"tag":2623,"props":3179,"children":3180},{},[3181],{"type":135,"value":3182},"overlayRadius",{"type":130,"tag":2623,"props":3184,"children":3185},{},[3186],{"type":135,"value":3187},"or",{"type":130,"tag":2601,"props":3189,"children":3190},{},[3191,3196],{"type":130,"tag":2623,"props":3192,"children":3193},{},[3194],{"type":135,"value":3195},"progressive",{"type":130,"tag":2623,"props":3197,"children":3198},{},[3199],{"type":135,"value":3200},"pr",{"type":130,"tag":2601,"props":3202,"children":3203},{},[3204,3209],{"type":130,"tag":2623,"props":3205,"children":3206},{},[3207],{"type":135,"value":3208},"lossless",{"type":130,"tag":2623,"props":3210,"children":3211},{},[3212],{"type":135,"value":3213},"lo",{"type":130,"tag":2601,"props":3215,"children":3216},{},[3217,3222],{"type":130,"tag":2623,"props":3218,"children":3219},{},[3220],{"type":135,"value":3221},"trim",{"type":130,"tag":2623,"props":3223,"children":3224},{},[3225],{"type":135,"value":3226},"t",{"type":130,"tag":2601,"props":3228,"children":3229},{},[3230,3235],{"type":130,"tag":2623,"props":3231,"children":3232},{},[3233],{"type":135,"value":3234},"metadata",{"type":130,"tag":2623,"props":3236,"children":3237},{},[3238],{"type":135,"value":3239},"md",{"type":130,"tag":2601,"props":3241,"children":3242},{},[3243,3248],{"type":130,"tag":2623,"props":3244,"children":3245},{},[3246],{"type":135,"value":3247},"colorProfile",{"type":130,"tag":2623,"props":3249,"children":3250},{},[3251],{"type":135,"value":3252},"cp",{"type":130,"tag":2601,"props":3254,"children":3255},{},[3256,3261],{"type":130,"tag":2623,"props":3257,"children":3258},{},[3259],{"type":135,"value":3260},"defaultImage",{"type":130,"tag":2623,"props":3262,"children":3263},{},[3264],{"type":135,"value":3265},"di",{"type":130,"tag":2601,"props":3267,"children":3268},{},[3269,3274],{"type":130,"tag":2623,"props":3270,"children":3271},{},[3272],{"type":135,"value":3273},"dpr",{"type":130,"tag":2623,"props":3275,"children":3276},{},[3277],{"type":135,"value":3273},{"type":130,"tag":2601,"props":3279,"children":3280},{},[3281,3285],{"type":130,"tag":2623,"props":3282,"children":3283},{},[3284],{"type":135,"value":2452},{"type":130,"tag":2623,"props":3286,"children":3287},{},[3288],{"type":135,"value":3289},"e-sharpen",{"type":130,"tag":2601,"props":3291,"children":3292},{},[3293,3298],{"type":130,"tag":2623,"props":3294,"children":3295},{},[3296],{"type":135,"value":3297},"effectUSM",{"type":130,"tag":2623,"props":3299,"children":3300},{},[3301],{"type":135,"value":3302},"e-usm",{"type":130,"tag":2601,"props":3304,"children":3305},{},[3306,3310],{"type":130,"tag":2623,"props":3307,"children":3308},{},[3309],{"type":135,"value":2315},{"type":130,"tag":2623,"props":3311,"children":3312},{},[3313],{"type":135,"value":3314},"e-contrast",{"type":130,"tag":2601,"props":3316,"children":3317},{},[3318,3322],{"type":130,"tag":2623,"props":3319,"children":3320},{},[3321],{"type":135,"value":726},{"type":130,"tag":2623,"props":3323,"children":3324},{},[3325],{"type":135,"value":3326},"e-grayscale",{"type":130,"tag":2601,"props":3328,"children":3329},{},[3330,3335],{"type":130,"tag":2623,"props":3331,"children":3332},{},[3333],{"type":135,"value":3334},"original",{"type":130,"tag":2623,"props":3336,"children":3337},{},[3338],{"type":135,"value":3339},"orig",{"type":130,"tag":298,"props":3341,"children":3342},{},[3343],{"type":130,"tag":131,"props":3344,"children":3345},{},[3346,3348,3355],{"type":135,"value":3347},"Learn more about ",{"type":130,"tag":138,"props":3349,"children":3352},{"href":3350,"rel":3351},"https://docs.imagekit.io/features/image-transformations",[142],[3353],{"type":135,"value":3354},"ImageKit's Image transformations",{"type":135,"value":3356}," from the official documentation.",{"type":130,"tag":3358,"props":3359,"children":3360},"style",{},[3361],{"type":135,"value":3362},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":201,"depth":201,"links":3364},[3365,3367,3377,3381,3385],{"id":326,"depth":201,"text":3366},"ImageKit fit Parameters",{"id":412,"depth":201,"text":415,"children":3368},[3369,3370,3371,3372,3373,3374,3375,3376],{"id":439,"depth":221,"text":439},{"id":580,"depth":221,"text":580},{"id":720,"depth":221,"text":726},{"id":860,"depth":221,"text":860},{"id":900,"depth":221,"text":900},{"id":1038,"depth":221,"text":1038},{"id":1188,"depth":221,"text":1188},{"id":1308,"depth":221,"text":1308},{"id":1509,"depth":201,"text":1512,"children":3378},[3379,3380],{"id":1520,"depth":221,"text":1526},{"id":1906,"depth":221,"text":1909},{"id":2303,"depth":201,"text":2306,"children":3382},[3383,3384],{"id":2309,"depth":221,"text":2315},{"id":2446,"depth":221,"text":2452},{"id":2583,"depth":201,"text":2586},"markdown","content:3.providers:imagekit.md","content","3.providers/imagekit.md",[3391,4209],{"_path":65,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":64,"description":3392,"links":3393,"body":3396,"_type":3386,"_id":4207,"_source":3388,"_file":4208,"_extension":3239},"Nuxt Image has first class integration with ImageEngine.",[3394],{"label":122,"icon":123,"to":3395,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imageengine.ts",{"type":127,"children":3397,"toc":4198},[3398,3409,3428,3538,3550,3577,3653,3659,3684,3818,3853,3858,4001,4006,4147,4153,4159,4164,4183,4189,4194],{"type":130,"tag":131,"props":3399,"children":3400},{},[3401,3402,3408],{"type":135,"value":136},{"type":130,"tag":138,"props":3403,"children":3406},{"href":3404,"rel":3405},"https://imageengine.io/",[142],[3407],{"type":135,"value":64},{"type":135,"value":146},{"type":130,"tag":131,"props":3410,"children":3411},{},[3412,3414,3419,3421,3426],{"type":135,"value":3413},"At a minimum, you must configure the ",{"type":130,"tag":161,"props":3415,"children":3416},{"className":118},[3417],{"type":135,"value":3418},"imageengine",{"type":135,"value":3420}," provider with the ",{"type":130,"tag":161,"props":3422,"children":3423},{"className":118},[3424],{"type":135,"value":3425},"baseURL",{"type":135,"value":3427}," set to your ImageEngine Delivery Address:",{"type":130,"tag":153,"props":3429,"children":3431},{"className":155,"code":3430,"filename":157,"language":158,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    imageengine: {\n      baseURL: 'https://xxxxx.imgeng.in'\n    }\n  }\n})\n",[3432],{"type":130,"tag":161,"props":3433,"children":3434},{"__ignoreMap":118},[3435,3458,3473,3489,3513,3520,3527],{"type":130,"tag":165,"props":3436,"children":3437},{"class":167,"line":168},[3438,3442,3446,3450,3454],{"type":130,"tag":165,"props":3439,"children":3440},{"style":172},[3441],{"type":135,"value":175},{"type":130,"tag":165,"props":3443,"children":3444},{"style":172},[3445],{"type":135,"value":180},{"type":130,"tag":165,"props":3447,"children":3448},{"style":183},[3449],{"type":135,"value":186},{"type":130,"tag":165,"props":3451,"children":3452},{"style":189},[3453],{"type":135,"value":192},{"type":130,"tag":165,"props":3455,"children":3456},{"style":195},[3457],{"type":135,"value":198},{"type":130,"tag":165,"props":3459,"children":3460},{"class":167,"line":201},[3461,3465,3469],{"type":130,"tag":165,"props":3462,"children":3463},{"style":205},[3464],{"type":135,"value":208},{"type":130,"tag":165,"props":3466,"children":3467},{"style":195},[3468],{"type":135,"value":213},{"type":130,"tag":165,"props":3470,"children":3471},{"style":195},[3472],{"type":135,"value":218},{"type":130,"tag":165,"props":3474,"children":3475},{"class":167,"line":221},[3476,3481,3485],{"type":130,"tag":165,"props":3477,"children":3478},{"style":205},[3479],{"type":135,"value":3480},"    imageengine",{"type":130,"tag":165,"props":3482,"children":3483},{"style":195},[3484],{"type":135,"value":213},{"type":130,"tag":165,"props":3486,"children":3487},{"style":195},[3488],{"type":135,"value":218},{"type":130,"tag":165,"props":3490,"children":3491},{"class":167,"line":238},[3492,3496,3500,3504,3509],{"type":130,"tag":165,"props":3493,"children":3494},{"style":205},[3495],{"type":135,"value":244},{"type":130,"tag":165,"props":3497,"children":3498},{"style":195},[3499],{"type":135,"value":213},{"type":130,"tag":165,"props":3501,"children":3502},{"style":195},[3503],{"type":135,"value":253},{"type":130,"tag":165,"props":3505,"children":3506},{"style":256},[3507],{"type":135,"value":3508},"https://xxxxx.imgeng.in",{"type":130,"tag":165,"props":3510,"children":3511},{"style":195},[3512],{"type":135,"value":264},{"type":130,"tag":165,"props":3514,"children":3515},{"class":167,"line":267},[3516],{"type":130,"tag":165,"props":3517,"children":3518},{"style":195},[3519],{"type":135,"value":273},{"type":130,"tag":165,"props":3521,"children":3522},{"class":167,"line":276},[3523],{"type":130,"tag":165,"props":3524,"children":3525},{"style":195},[3526],{"type":135,"value":282},{"type":130,"tag":165,"props":3528,"children":3529},{"class":167,"line":285},[3530,3534],{"type":130,"tag":165,"props":3531,"children":3532},{"style":195},[3533],{"type":135,"value":291},{"type":130,"tag":165,"props":3535,"children":3536},{"style":189},[3537],{"type":135,"value":296},{"type":130,"tag":324,"props":3539,"children":3541},{"id":3540},"imageengine-fit-values",[3542,3544,3548],{"type":135,"value":3543},"ImageEngine ",{"type":130,"tag":161,"props":3545,"children":3546},{"className":118},[3547],{"type":135,"value":334},{"type":135,"value":3549}," values",{"type":130,"tag":131,"props":3551,"children":3552},{},[3553,3555,3566,3568,3575],{"type":135,"value":3554},"The ",{"type":130,"tag":138,"props":3556,"children":3557},{"href":344},[3558,3560,3564],{"type":135,"value":3559},"standard values for ",{"type":130,"tag":161,"props":3561,"children":3562},{"className":118},[3563],{"type":135,"value":334},{"type":135,"value":3565}," property",{"type":135,"value":3567}," map onto ",{"type":130,"tag":138,"props":3569,"children":3572},{"href":3570,"rel":3571},"https://imageengine.io/docs/directives",[142],[3573],{"type":135,"value":3574},"ImageEngine Directives",{"type":135,"value":3576}," as follows:",{"type":130,"tag":353,"props":3578,"children":3579},{},[3580,3594,3608,3622,3638],{"type":130,"tag":357,"props":3581,"children":3582},{},[3583,3587,3589],{"type":130,"tag":161,"props":3584,"children":3585},{"className":118},[3586],{"type":135,"value":371},{"type":135,"value":3588},": ",{"type":130,"tag":161,"props":3590,"children":3591},{"className":118},[3592],{"type":135,"value":3593},"m_cropbox",{"type":130,"tag":357,"props":3595,"children":3596},{},[3597,3602,3603],{"type":130,"tag":161,"props":3598,"children":3599},{"className":118},[3600],{"type":135,"value":3601},"contain",{"type":135,"value":3588},{"type":130,"tag":161,"props":3604,"children":3605},{"className":118},[3606],{"type":135,"value":3607},"m_letterbox",{"type":130,"tag":357,"props":3609,"children":3610},{},[3611,3616,3617],{"type":130,"tag":161,"props":3612,"children":3613},{"className":118},[3614],{"type":135,"value":3615},"fill",{"type":135,"value":3588},{"type":130,"tag":161,"props":3618,"children":3619},{"className":118},[3620],{"type":135,"value":3621},"m_stretch",{"type":130,"tag":357,"props":3623,"children":3624},{},[3625,3630,3631,3636],{"type":130,"tag":161,"props":3626,"children":3627},{"className":118},[3628],{"type":135,"value":3629},"inside",{"type":135,"value":3588},{"type":130,"tag":161,"props":3632,"children":3633},{"className":118},[3634],{"type":135,"value":3635},"m_box",{"type":135,"value":3637},", this is the default fit method for the ImageEngine provider.",{"type":130,"tag":357,"props":3639,"children":3640},{},[3641,3646,3648,3652],{"type":130,"tag":161,"props":3642,"children":3643},{"className":118},[3644],{"type":135,"value":3645},"outside",{"type":135,"value":3647},": This fit method is not supported and functions the same as ",{"type":130,"tag":161,"props":3649,"children":3650},{"className":118},[3651],{"type":135,"value":3629},{"type":135,"value":322},{"type":130,"tag":324,"props":3654,"children":3656},{"id":3655},"imageengine-modifiers",[3657],{"type":135,"value":3658},"ImageEngine modifiers",{"type":130,"tag":131,"props":3660,"children":3661},{},[3662,3664,3669,3671,3676,3678,3682],{"type":135,"value":3663},"In addition to the ",{"type":130,"tag":138,"props":3665,"children":3666},{"href":423},[3667],{"type":135,"value":3668},"standard modifiers",{"type":135,"value":3670},", you can also use all ",{"type":130,"tag":138,"props":3672,"children":3674},{"href":3570,"rel":3673},[142],[3675],{"type":135,"value":3574},{"type":135,"value":3677}," by adding them to the ",{"type":130,"tag":161,"props":3679,"children":3680},{"className":118},[3681],{"type":135,"value":1621},{"type":135,"value":3683}," property with the following attribute names:",{"type":130,"tag":353,"props":3685,"children":3686},{},[3687,3703,3717,3732,3747,3760,3775,3789,3804],{"type":130,"tag":357,"props":3688,"children":3689},{},[3690,3695,3696,3701],{"type":130,"tag":161,"props":3691,"children":3692},{"className":118},[3693],{"type":135,"value":3694},"format",{"type":135,"value":3588},{"type":130,"tag":161,"props":3697,"children":3698},{"className":118},[3699],{"type":135,"value":3700},"f",{"type":135,"value":3702}," directive",{"type":130,"tag":357,"props":3704,"children":3705},{},[3706,3710,3711,3716],{"type":130,"tag":161,"props":3707,"children":3708},{"className":118},[3709],{"type":135,"value":334},{"type":135,"value":3588},{"type":130,"tag":161,"props":3712,"children":3713},{"className":118},[3714],{"type":135,"value":3715},"m",{"type":135,"value":3702},{"type":130,"tag":357,"props":3718,"children":3719},{},[3720,3725,3726,3731],{"type":130,"tag":161,"props":3721,"children":3722},{"className":118},[3723],{"type":135,"value":3724},"passThrough",{"type":135,"value":3588},{"type":130,"tag":161,"props":3727,"children":3728},{"className":118},[3729],{"type":135,"value":3730},"pass",{"type":135,"value":3702},{"type":130,"tag":357,"props":3733,"children":3734},{},[3735,3740,3741,3746],{"type":130,"tag":161,"props":3736,"children":3737},{"className":118},[3738],{"type":135,"value":3739},"sharpen",{"type":135,"value":3588},{"type":130,"tag":161,"props":3742,"children":3743},{"className":118},[3744],{"type":135,"value":3745},"s",{"type":135,"value":3702},{"type":130,"tag":357,"props":3748,"children":3749},{},[3750,3754,3755,3759],{"type":130,"tag":161,"props":3751,"children":3752},{"className":118},[3753],{"type":135,"value":1038},{"type":135,"value":3588},{"type":130,"tag":161,"props":3756,"children":3757},{"className":118},[3758],{"type":135,"value":2789},{"type":135,"value":3702},{"type":130,"tag":357,"props":3761,"children":3762},{},[3763,3768,3769,3774],{"type":130,"tag":161,"props":3764,"children":3765},{"className":118},[3766],{"type":135,"value":3767},"screenPercent",{"type":135,"value":3588},{"type":130,"tag":161,"props":3770,"children":3771},{"className":118},[3772],{"type":135,"value":3773},"pc",{"type":135,"value":3702},{"type":130,"tag":357,"props":3776,"children":3777},{},[3778,3782,3783,3788],{"type":130,"tag":161,"props":3779,"children":3780},{"className":118},[3781],{"type":135,"value":2747},{"type":135,"value":3588},{"type":130,"tag":161,"props":3784,"children":3785},{"className":118},[3786],{"type":135,"value":3787},"cr",{"type":135,"value":3702},{"type":130,"tag":357,"props":3790,"children":3791},{},[3792,3797,3798,3803],{"type":130,"tag":161,"props":3793,"children":3794},{"className":118},[3795],{"type":135,"value":3796},"inline",{"type":135,"value":3588},{"type":130,"tag":161,"props":3799,"children":3800},{"className":118},[3801],{"type":135,"value":3802},"in",{"type":135,"value":3702},{"type":130,"tag":357,"props":3805,"children":3806},{},[3807,3811,3812,3817],{"type":130,"tag":161,"props":3808,"children":3809},{"className":118},[3810],{"type":135,"value":3234},{"type":135,"value":3588},{"type":130,"tag":161,"props":3813,"children":3814},{"className":118},[3815],{"type":135,"value":3816},"meta",{"type":135,"value":3702},{"type":130,"tag":298,"props":3819,"children":3820},{},[3821],{"type":130,"tag":131,"props":3822,"children":3823},{},[3824,3826,3831,3833,3838,3840,3844,3846,3851],{"type":135,"value":3825},"Note that the standard ",{"type":130,"tag":161,"props":3827,"children":3828},{"className":118},[3829],{"type":135,"value":3830},"quality",{"type":135,"value":3832}," attribute is converted to the ImageEngine ",{"type":130,"tag":161,"props":3834,"children":3835},{"className":118},[3836],{"type":135,"value":3837},"cmpr",{"type":135,"value":3839}," compression directive.  ",{"type":130,"tag":161,"props":3841,"children":3842},{"className":118},[3843],{"type":135,"value":3830},{"type":135,"value":3845}," is the opposite of compression, so 80% quality equals 20% compression.  Since ImageEngine automatically adapts image quality the visitor's device, browser and network quality, it is recommended that you do not explicitly set the quality.  If you want to completely disable all optimizations to an image, you should use ",{"type":130,"tag":161,"props":3847,"children":3848},{"className":118},[3849],{"type":135,"value":3850},":modifiers=\"{ passThrough: 'true' }\"",{"type":135,"value":3852},", which will serve the unaltered image.",{"type":130,"tag":131,"props":3854,"children":3855},{},[3856],{"type":135,"value":3857},"Example 1: Cropping an image to a width and height of 100x80, starting 10 pixels from the top and 20 pixels from the left:",{"type":130,"tag":153,"props":3859,"children":3861},{"className":612,"code":3860,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ cr: '100,80,10,20' }\"\n/>\n",[3862],{"type":130,"tag":161,"props":3863,"children":3864},{"__ignoreMap":118},[3865,3876,3899,3923,3946,3970,3994],{"type":130,"tag":165,"props":3866,"children":3867},{"class":167,"line":168},[3868,3872],{"type":130,"tag":165,"props":3869,"children":3870},{"style":195},[3871],{"type":135,"value":626},{"type":130,"tag":165,"props":3873,"children":3874},{"style":205},[3875],{"type":135,"value":631},{"type":130,"tag":165,"props":3877,"children":3878},{"class":167,"line":201},[3879,3883,3887,3891,3895],{"type":130,"tag":165,"props":3880,"children":3881},{"style":637},[3882],{"type":135,"value":640},{"type":130,"tag":165,"props":3884,"children":3885},{"style":195},[3886],{"type":135,"value":645},{"type":130,"tag":165,"props":3888,"children":3889},{"style":195},[3890],{"type":135,"value":650},{"type":130,"tag":165,"props":3892,"children":3893},{"style":256},[3894],{"type":135,"value":3418},{"type":130,"tag":165,"props":3896,"children":3897},{"style":195},[3898],{"type":135,"value":650},{"type":130,"tag":165,"props":3900,"children":3901},{"class":167,"line":221},[3902,3906,3910,3914,3919],{"type":130,"tag":165,"props":3903,"children":3904},{"style":637},[3905],{"type":135,"value":667},{"type":130,"tag":165,"props":3907,"children":3908},{"style":195},[3909],{"type":135,"value":645},{"type":130,"tag":165,"props":3911,"children":3912},{"style":195},[3913],{"type":135,"value":650},{"type":130,"tag":165,"props":3915,"children":3916},{"style":256},[3917],{"type":135,"value":3918},"/some-image.jpg",{"type":130,"tag":165,"props":3920,"children":3921},{"style":195},[3922],{"type":135,"value":650},{"type":130,"tag":165,"props":3924,"children":3925},{"class":167,"line":238},[3926,3930,3934,3938,3942],{"type":130,"tag":165,"props":3927,"children":3928},{"style":637},[3929],{"type":135,"value":988},{"type":130,"tag":165,"props":3931,"children":3932},{"style":195},[3933],{"type":135,"value":645},{"type":130,"tag":165,"props":3935,"children":3936},{"style":195},[3937],{"type":135,"value":650},{"type":130,"tag":165,"props":3939,"children":3940},{"style":256},[3941],{"type":135,"value":608},{"type":130,"tag":165,"props":3943,"children":3944},{"style":195},[3945],{"type":135,"value":650},{"type":130,"tag":165,"props":3947,"children":3948},{"class":167,"line":267},[3949,3953,3957,3961,3966],{"type":130,"tag":165,"props":3950,"children":3951},{"style":637},[3952],{"type":135,"value":809},{"type":130,"tag":165,"props":3954,"children":3955},{"style":195},[3956],{"type":135,"value":645},{"type":130,"tag":165,"props":3958,"children":3959},{"style":195},[3960],{"type":135,"value":650},{"type":130,"tag":165,"props":3962,"children":3963},{"style":256},[3964],{"type":135,"value":3965},"80",{"type":130,"tag":165,"props":3967,"children":3968},{"style":195},[3969],{"type":135,"value":650},{"type":130,"tag":165,"props":3971,"children":3972},{"class":167,"line":276},[3973,3977,3981,3985,3990],{"type":130,"tag":165,"props":3974,"children":3975},{"style":637},[3976],{"type":135,"value":692},{"type":130,"tag":165,"props":3978,"children":3979},{"style":195},[3980],{"type":135,"value":645},{"type":130,"tag":165,"props":3982,"children":3983},{"style":195},[3984],{"type":135,"value":650},{"type":130,"tag":165,"props":3986,"children":3987},{"style":256},[3988],{"type":135,"value":3989},"{ cr: '100,80,10,20' }",{"type":130,"tag":165,"props":3991,"children":3992},{"style":195},[3993],{"type":135,"value":650},{"type":130,"tag":165,"props":3995,"children":3996},{"class":167,"line":285},[3997],{"type":130,"tag":165,"props":3998,"children":3999},{"style":195},[4000],{"type":135,"value":717},{"type":130,"tag":131,"props":4002,"children":4003},{},[4004],{"type":135,"value":4005},"Example 2: Instruct ImageEngine to keep the image's EXIF metadata (which is normally removed to reduce the image byte size):",{"type":130,"tag":153,"props":4007,"children":4009},{"className":612,"code":4008,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ meta: 'true' }\"\n/>\n",[4010],{"type":130,"tag":161,"props":4011,"children":4012},{"__ignoreMap":118},[4013,4024,4047,4070,4093,4116,4140],{"type":130,"tag":165,"props":4014,"children":4015},{"class":167,"line":168},[4016,4020],{"type":130,"tag":165,"props":4017,"children":4018},{"style":195},[4019],{"type":135,"value":626},{"type":130,"tag":165,"props":4021,"children":4022},{"style":205},[4023],{"type":135,"value":631},{"type":130,"tag":165,"props":4025,"children":4026},{"class":167,"line":201},[4027,4031,4035,4039,4043],{"type":130,"tag":165,"props":4028,"children":4029},{"style":637},[4030],{"type":135,"value":640},{"type":130,"tag":165,"props":4032,"children":4033},{"style":195},[4034],{"type":135,"value":645},{"type":130,"tag":165,"props":4036,"children":4037},{"style":195},[4038],{"type":135,"value":650},{"type":130,"tag":165,"props":4040,"children":4041},{"style":256},[4042],{"type":135,"value":3418},{"type":130,"tag":165,"props":4044,"children":4045},{"style":195},[4046],{"type":135,"value":650},{"type":130,"tag":165,"props":4048,"children":4049},{"class":167,"line":221},[4050,4054,4058,4062,4066],{"type":130,"tag":165,"props":4051,"children":4052},{"style":637},[4053],{"type":135,"value":667},{"type":130,"tag":165,"props":4055,"children":4056},{"style":195},[4057],{"type":135,"value":645},{"type":130,"tag":165,"props":4059,"children":4060},{"style":195},[4061],{"type":135,"value":650},{"type":130,"tag":165,"props":4063,"children":4064},{"style":256},[4065],{"type":135,"value":3918},{"type":130,"tag":165,"props":4067,"children":4068},{"style":195},[4069],{"type":135,"value":650},{"type":130,"tag":165,"props":4071,"children":4072},{"class":167,"line":238},[4073,4077,4081,4085,4089],{"type":130,"tag":165,"props":4074,"children":4075},{"style":637},[4076],{"type":135,"value":988},{"type":130,"tag":165,"props":4078,"children":4079},{"style":195},[4080],{"type":135,"value":645},{"type":130,"tag":165,"props":4082,"children":4083},{"style":195},[4084],{"type":135,"value":650},{"type":130,"tag":165,"props":4086,"children":4087},{"style":256},[4088],{"type":135,"value":608},{"type":130,"tag":165,"props":4090,"children":4091},{"style":195},[4092],{"type":135,"value":650},{"type":130,"tag":165,"props":4094,"children":4095},{"class":167,"line":267},[4096,4100,4104,4108,4112],{"type":130,"tag":165,"props":4097,"children":4098},{"style":637},[4099],{"type":135,"value":809},{"type":130,"tag":165,"props":4101,"children":4102},{"style":195},[4103],{"type":135,"value":645},{"type":130,"tag":165,"props":4105,"children":4106},{"style":195},[4107],{"type":135,"value":650},{"type":130,"tag":165,"props":4109,"children":4110},{"style":256},[4111],{"type":135,"value":3965},{"type":130,"tag":165,"props":4113,"children":4114},{"style":195},[4115],{"type":135,"value":650},{"type":130,"tag":165,"props":4117,"children":4118},{"class":167,"line":276},[4119,4123,4127,4131,4136],{"type":130,"tag":165,"props":4120,"children":4121},{"style":637},[4122],{"type":135,"value":692},{"type":130,"tag":165,"props":4124,"children":4125},{"style":195},[4126],{"type":135,"value":645},{"type":130,"tag":165,"props":4128,"children":4129},{"style":195},[4130],{"type":135,"value":650},{"type":130,"tag":165,"props":4132,"children":4133},{"style":256},[4134],{"type":135,"value":4135},"{ meta: 'true' }",{"type":130,"tag":165,"props":4137,"children":4138},{"style":195},[4139],{"type":135,"value":650},{"type":130,"tag":165,"props":4141,"children":4142},{"class":167,"line":285},[4143],{"type":130,"tag":165,"props":4144,"children":4145},{"style":195},[4146],{"type":135,"value":717},{"type":130,"tag":324,"props":4148,"children":4150},{"id":4149},"imageengine-best-practices",[4151],{"type":135,"value":4152},"ImageEngine best practices",{"type":130,"tag":437,"props":4154,"children":4156},{"id":4155},"automatic-format-and-quality-detection",[4157],{"type":135,"value":4158},"Automatic format and quality detection",{"type":130,"tag":131,"props":4160,"children":4161},{},[4162],{"type":135,"value":4163},"ImageEngine automatically detects the best format and quality for your image based on the characteristics of the specific device that requested it.",{"type":130,"tag":131,"props":4165,"children":4166},{},[4167,4169,4174,4176,4181],{"type":135,"value":4168},"This feature is very effective and it is not recommended that you disable it, but if you must, you can manually specify the format (ex: ",{"type":130,"tag":161,"props":4170,"children":4171},{"className":118},[4172],{"type":135,"value":4173},"format='webp'",{"type":135,"value":4175},") and quality (",{"type":130,"tag":161,"props":4177,"children":4178},{"className":118},[4179],{"type":135,"value":4180},"quality='80'",{"type":135,"value":4182},").",{"type":130,"tag":437,"props":4184,"children":4186},{"id":4185},"imageengine-settings",[4187],{"type":135,"value":4188},"ImageEngine settings",{"type":130,"tag":131,"props":4190,"children":4191},{},[4192],{"type":135,"value":4193},"ImageEngine allows you to set all of the modifiers/directives in the ImageEngine control panel under advanced settings.  This is a good place to set default adjustments since you can modify them without having to make changes to your Nuxt codebase.  If a directive is set in both Nuxt and the ImageEngine User-Adjustable Settings, the value in Nuxt takes priority.",{"type":130,"tag":3358,"props":4195,"children":4196},{},[4197],{"type":135,"value":3362},{"title":118,"searchDepth":201,"depth":201,"links":4199},[4200,4202,4203],{"id":3540,"depth":201,"text":4201},"ImageEngine fit values",{"id":3655,"depth":201,"text":3658},{"id":4149,"depth":201,"text":4152,"children":4204},[4205,4206],{"id":4155,"depth":221,"text":4158},{"id":4185,"depth":221,"text":4188},"content:3.providers:imageengine.md","3.providers/imageengine.md",{"_path":71,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":70,"description":4210,"links":4211,"body":4214,"_type":3386,"_id":4687,"_source":3388,"_file":4688,"_extension":3239},"Nuxt Image has first class integration with Imgix.",[4212],{"label":122,"icon":123,"to":4213,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/imgix.ts",{"type":127,"children":4215,"toc":4680},[4216,4227,4232,4342,4353,4370,4431,4437,4453,4466,4472,4477,4644,4657,4663,4676],{"type":130,"tag":131,"props":4217,"children":4218},{},[4219,4220,4226],{"type":135,"value":136},{"type":130,"tag":138,"props":4221,"children":4224},{"href":4222,"rel":4223},"https://docs.imgix.com/",[142],[4225],{"type":135,"value":70},{"type":135,"value":146},{"type":130,"tag":131,"props":4228,"children":4229},{},[4230],{"type":135,"value":4231},"To use this provider you just need to specify the base url of your service in Imgix.",{"type":130,"tag":153,"props":4233,"children":4235},{"className":155,"code":4234,"filename":157,"language":158,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    imgix: {\n      baseURL: 'https://assets.imgix.net'\n    }\n  }\n})\n",[4236],{"type":130,"tag":161,"props":4237,"children":4238},{"__ignoreMap":118},[4239,4262,4277,4293,4317,4324,4331],{"type":130,"tag":165,"props":4240,"children":4241},{"class":167,"line":168},[4242,4246,4250,4254,4258],{"type":130,"tag":165,"props":4243,"children":4244},{"style":172},[4245],{"type":135,"value":175},{"type":130,"tag":165,"props":4247,"children":4248},{"style":172},[4249],{"type":135,"value":180},{"type":130,"tag":165,"props":4251,"children":4252},{"style":183},[4253],{"type":135,"value":186},{"type":130,"tag":165,"props":4255,"children":4256},{"style":189},[4257],{"type":135,"value":192},{"type":130,"tag":165,"props":4259,"children":4260},{"style":195},[4261],{"type":135,"value":198},{"type":130,"tag":165,"props":4263,"children":4264},{"class":167,"line":201},[4265,4269,4273],{"type":130,"tag":165,"props":4266,"children":4267},{"style":205},[4268],{"type":135,"value":208},{"type":130,"tag":165,"props":4270,"children":4271},{"style":195},[4272],{"type":135,"value":213},{"type":130,"tag":165,"props":4274,"children":4275},{"style":195},[4276],{"type":135,"value":218},{"type":130,"tag":165,"props":4278,"children":4279},{"class":167,"line":221},[4280,4285,4289],{"type":130,"tag":165,"props":4281,"children":4282},{"style":205},[4283],{"type":135,"value":4284},"    imgix",{"type":130,"tag":165,"props":4286,"children":4287},{"style":195},[4288],{"type":135,"value":213},{"type":130,"tag":165,"props":4290,"children":4291},{"style":195},[4292],{"type":135,"value":218},{"type":130,"tag":165,"props":4294,"children":4295},{"class":167,"line":238},[4296,4300,4304,4308,4313],{"type":130,"tag":165,"props":4297,"children":4298},{"style":205},[4299],{"type":135,"value":244},{"type":130,"tag":165,"props":4301,"children":4302},{"style":195},[4303],{"type":135,"value":213},{"type":130,"tag":165,"props":4305,"children":4306},{"style":195},[4307],{"type":135,"value":253},{"type":130,"tag":165,"props":4309,"children":4310},{"style":256},[4311],{"type":135,"value":4312},"https://assets.imgix.net",{"type":130,"tag":165,"props":4314,"children":4315},{"style":195},[4316],{"type":135,"value":264},{"type":130,"tag":165,"props":4318,"children":4319},{"class":167,"line":267},[4320],{"type":130,"tag":165,"props":4321,"children":4322},{"style":195},[4323],{"type":135,"value":273},{"type":130,"tag":165,"props":4325,"children":4326},{"class":167,"line":276},[4327],{"type":130,"tag":165,"props":4328,"children":4329},{"style":195},[4330],{"type":135,"value":282},{"type":130,"tag":165,"props":4332,"children":4333},{"class":167,"line":285},[4334,4338],{"type":130,"tag":165,"props":4335,"children":4336},{"style":195},[4337],{"type":135,"value":291},{"type":130,"tag":165,"props":4339,"children":4340},{"style":189},[4341],{"type":135,"value":296},{"type":130,"tag":324,"props":4343,"children":4345},{"id":4344},"imgix-fit-values",[4346,4348,4352],{"type":135,"value":4347},"imgix ",{"type":130,"tag":161,"props":4349,"children":4350},{"className":118},[4351],{"type":135,"value":334},{"type":135,"value":3549},{"type":130,"tag":131,"props":4354,"children":4355},{},[4356,4358,4368],{"type":135,"value":4357},"Beside ",{"type":130,"tag":138,"props":4359,"children":4360},{"href":344},[4361,4363,4367],{"type":135,"value":4362},"the standard values for ",{"type":130,"tag":161,"props":4364,"children":4365},{"className":118},[4366],{"type":135,"value":334},{"type":135,"value":3565},{"type":135,"value":4369}," of Nuxt image and Nuxt picture, imgix offers the following for extra resizing experience:",{"type":130,"tag":353,"props":4371,"children":4372},{},[4373,4383,4393,4421],{"type":130,"tag":357,"props":4374,"children":4375},{},[4376,4381],{"type":130,"tag":161,"props":4377,"children":4378},{"className":118},[4379],{"type":135,"value":4380},"clamp",{"type":135,"value":4382}," - Resizes the image to fit within the width and height dimensions without cropping or distorting the image, and the remaining space is filled with extended pixels from the edge of the image. The resulting image will match the constraining dimensions. The pixel extension is called an affine clamp, hence the value name, \"clamp\".",{"type":130,"tag":357,"props":4384,"children":4385},{},[4386,4391],{"type":130,"tag":161,"props":4387,"children":4388},{"className":118},[4389],{"type":135,"value":4390},"clip",{"type":135,"value":4392}," - The default fit setting for imgix images. Resizes the image to fit within the width and height boundaries without cropping or distorting the image. The resulting image will match one of the constraining dimensions, while the other dimension is altered to maintain the same aspect ratio of the input image.",{"type":130,"tag":357,"props":4394,"children":4395},{},[4396,4401,4403,4410,4412,4419],{"type":130,"tag":161,"props":4397,"children":4398},{"className":118},[4399],{"type":135,"value":4400},"facearea",{"type":135,"value":4402}," - Finds the area containing all faces, or a specific face in an image, and scales it to specified width and height dimensions. Can be used in conjunction with ",{"type":130,"tag":138,"props":4404,"children":4407},{"href":4405,"rel":4406},"https://docs.imgix.com/apis/rendering/face-detection/faceindex",[142],[4408],{"type":135,"value":4409},"faceindex",{"type":135,"value":4411}," to identify a specific face, as well as ",{"type":130,"tag":138,"props":4413,"children":4416},{"href":4414,"rel":4415},"https://docs.imgix.com/apis/rendering/face-detection/facepad",[142],[4417],{"type":135,"value":4418},"facepad",{"type":135,"value":4420}," to include additional padded area around the face to zoom out from the immediate area around the faces.",{"type":130,"tag":357,"props":4422,"children":4423},{},[4424,4429],{"type":130,"tag":161,"props":4425,"children":4426},{"className":118},[4427],{"type":135,"value":4428},"fillMax",{"type":135,"value":4430}," - Resizes the image to fit within the requested width and height dimensions while preserving the original aspect ratio and without discarding any original image data. If the requested width or height exceeds that of the original, the original image remains the same size. The excess space is filled with a solid color or blurred version of the image. The resulting image exactly matches the requested dimensions.",{"type":130,"tag":324,"props":4432,"children":4434},{"id":4433},"imgix-modifiers",[4435],{"type":135,"value":4436},"imgix modifiers",{"type":130,"tag":131,"props":4438,"children":4439},{},[4440,4442,4446,4448,4452],{"type":135,"value":4441},"Beside the ",{"type":130,"tag":138,"props":4443,"children":4444},{"href":423},[4445],{"type":135,"value":3668},{"type":135,"value":4447},", you can also pass all imgix-specific render API parameters to the ",{"type":130,"tag":161,"props":4449,"children":4450},{"className":118},[4451],{"type":135,"value":1621},{"type":135,"value":435},{"type":130,"tag":131,"props":4454,"children":4455},{},[4456,4458,4465],{"type":135,"value":4457},"For a full list of these modifiers and their uses, check out ",{"type":130,"tag":138,"props":4459,"children":4462},{"href":4460,"rel":4461},"https://docs.imgix.com/apis/rendering",[142],[4463],{"type":135,"value":4464},"imgix's image Rendering API documentation",{"type":135,"value":322},{"type":130,"tag":324,"props":4467,"children":4469},{"id":4468},"imgix-best-practices",[4470],{"type":135,"value":4471},"imgix best practices",{"type":130,"tag":131,"props":4473,"children":4474},{},[4475],{"type":135,"value":4476},"Some common best practices when using imgix, would be to include our auto parameter, which will automatically apply the best format for an image and compress the image as well.  Combine this with some top of intelligent cropping and resizing and you will have a great image!",{"type":130,"tag":153,"props":4478,"children":4480},{"className":612,"code":4479,"language":614,"meta":118,"style":118},"\u003CNuxtImg\n  provider=\"imgix\"\n  src=\"/blog/woman-hat.jpg\"\n  width=\"300\"\n  height=\"500\"\n  fit=\"cover\"\n  :modifiers=\"{ auto: 'format,compress', crop: 'faces' }\"\n/>\n",[4481],{"type":130,"tag":161,"props":4482,"children":4483},{"__ignoreMap":118},[4484,4495,4519,4543,4566,4590,4613,4637],{"type":130,"tag":165,"props":4485,"children":4486},{"class":167,"line":168},[4487,4491],{"type":130,"tag":165,"props":4488,"children":4489},{"style":195},[4490],{"type":135,"value":626},{"type":130,"tag":165,"props":4492,"children":4493},{"style":205},[4494],{"type":135,"value":631},{"type":130,"tag":165,"props":4496,"children":4497},{"class":167,"line":201},[4498,4502,4506,4510,4515],{"type":130,"tag":165,"props":4499,"children":4500},{"style":637},[4501],{"type":135,"value":640},{"type":130,"tag":165,"props":4503,"children":4504},{"style":195},[4505],{"type":135,"value":645},{"type":130,"tag":165,"props":4507,"children":4508},{"style":195},[4509],{"type":135,"value":650},{"type":130,"tag":165,"props":4511,"children":4512},{"style":256},[4513],{"type":135,"value":4514},"imgix",{"type":130,"tag":165,"props":4516,"children":4517},{"style":195},[4518],{"type":135,"value":650},{"type":130,"tag":165,"props":4520,"children":4521},{"class":167,"line":221},[4522,4526,4530,4534,4539],{"type":130,"tag":165,"props":4523,"children":4524},{"style":637},[4525],{"type":135,"value":667},{"type":130,"tag":165,"props":4527,"children":4528},{"style":195},[4529],{"type":135,"value":645},{"type":130,"tag":165,"props":4531,"children":4532},{"style":195},[4533],{"type":135,"value":650},{"type":130,"tag":165,"props":4535,"children":4536},{"style":256},[4537],{"type":135,"value":4538},"/blog/woman-hat.jpg",{"type":130,"tag":165,"props":4540,"children":4541},{"style":195},[4542],{"type":135,"value":650},{"type":130,"tag":165,"props":4544,"children":4545},{"class":167,"line":238},[4546,4550,4554,4558,4562],{"type":130,"tag":165,"props":4547,"children":4548},{"style":637},[4549],{"type":135,"value":988},{"type":130,"tag":165,"props":4551,"children":4552},{"style":195},[4553],{"type":135,"value":645},{"type":130,"tag":165,"props":4555,"children":4556},{"style":195},[4557],{"type":135,"value":650},{"type":130,"tag":165,"props":4559,"children":4560},{"style":256},[4561],{"type":135,"value":822},{"type":130,"tag":165,"props":4563,"children":4564},{"style":195},[4565],{"type":135,"value":650},{"type":130,"tag":165,"props":4567,"children":4568},{"class":167,"line":267},[4569,4573,4577,4581,4586],{"type":130,"tag":165,"props":4570,"children":4571},{"style":637},[4572],{"type":135,"value":809},{"type":130,"tag":165,"props":4574,"children":4575},{"style":195},[4576],{"type":135,"value":645},{"type":130,"tag":165,"props":4578,"children":4579},{"style":195},[4580],{"type":135,"value":650},{"type":130,"tag":165,"props":4582,"children":4583},{"style":256},[4584],{"type":135,"value":4585},"500",{"type":130,"tag":165,"props":4587,"children":4588},{"style":195},[4589],{"type":135,"value":650},{"type":130,"tag":165,"props":4591,"children":4592},{"class":167,"line":276},[4593,4597,4601,4605,4609],{"type":130,"tag":165,"props":4594,"children":4595},{"style":637},[4596],{"type":135,"value":1442},{"type":130,"tag":165,"props":4598,"children":4599},{"style":195},[4600],{"type":135,"value":645},{"type":130,"tag":165,"props":4602,"children":4603},{"style":195},[4604],{"type":135,"value":650},{"type":130,"tag":165,"props":4606,"children":4607},{"style":256},[4608],{"type":135,"value":371},{"type":130,"tag":165,"props":4610,"children":4611},{"style":195},[4612],{"type":135,"value":650},{"type":130,"tag":165,"props":4614,"children":4615},{"class":167,"line":285},[4616,4620,4624,4628,4633],{"type":130,"tag":165,"props":4617,"children":4618},{"style":637},[4619],{"type":135,"value":692},{"type":130,"tag":165,"props":4621,"children":4622},{"style":195},[4623],{"type":135,"value":645},{"type":130,"tag":165,"props":4625,"children":4626},{"style":195},[4627],{"type":135,"value":650},{"type":130,"tag":165,"props":4629,"children":4630},{"style":256},[4631],{"type":135,"value":4632},"{ auto: 'format,compress', crop: 'faces' }",{"type":130,"tag":165,"props":4634,"children":4635},{"style":195},[4636],{"type":135,"value":650},{"type":130,"tag":165,"props":4638,"children":4639},{"class":167,"line":1485},[4640],{"type":130,"tag":165,"props":4641,"children":4642},{"style":195},[4643],{"type":135,"value":717},{"type":130,"tag":131,"props":4645,"children":4646},{},[4647,4649,4656],{"type":135,"value":4648},"This will return a 300 x 500 image, which has been compressed, will display next-gen formats for a browser, and has been cropped intelligently to the face of the ",{"type":130,"tag":138,"props":4650,"children":4653},{"href":4651,"rel":4652},"https://assets.imgix.net/blog/woman-hat.jpg?w=300&h=500&fit=crop&crop=faces",[142],[4654],{"type":135,"value":4655},"woman in the hat",{"type":135,"value":322},{"type":130,"tag":324,"props":4658,"children":4660},{"id":4659},"additional-documentation",[4661],{"type":135,"value":4662},"Additional Documentation",{"type":130,"tag":131,"props":4664,"children":4665},{},[4666,4668,4675],{"type":135,"value":4667},"You can find additional documentation and a step-by-step tutorial in an imgix blog article titled ",{"type":130,"tag":138,"props":4669,"children":4672},{"href":4670,"rel":4671},"https://blog.imgix.com/2021/09/14/nuxt-image-component",[142],[4673],{"type":135,"value":4674},"Using the New Nuxt Component with imgix",{"type":135,"value":322},{"type":130,"tag":3358,"props":4677,"children":4678},{},[4679],{"type":135,"value":3362},{"title":118,"searchDepth":201,"depth":201,"links":4681},[4682,4684,4685,4686],{"id":4344,"depth":201,"text":4683},"imgix fit values",{"id":4433,"depth":201,"text":4436},{"id":4468,"depth":201,"text":4471},{"id":4659,"depth":201,"text":4662},"content:3.providers:imgix.md","3.providers/imgix.md",1697713006414]