[{"data":1,"prerenderedAt":1858},["ShallowReactive",2],{"navigation":3,"/providers/imagekit":180,"/providers/imagekit-surround":1853},[4,26,43,167],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Get Started","/get-started","1.get-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Providers","/get-started/providers","1.get-started/3.providers",{"title":22,"path":23,"stem":24},"Contributing","/get-started/contributing","1.get-started/4.contributing",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Usage","/usage","2.usage",[31,35,39],{"title":32,"path":33,"stem":34},"\u003CNuxtImg>","/usage/nuxt-img","2.usage/1.nuxt-img",{"title":36,"path":37,"stem":38},"\u003CNuxtPicture>","/usage/nuxt-picture","2.usage/2.nuxt-picture",{"title":40,"path":41,"stem":42},"useImage()","/usage/use-image","2.usage/3.use-image",{"title":18,"path":44,"stem":45,"children":46,"page":25},"/providers","3.providers",[47,51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163],{"title":48,"path":49,"stem":50},"Aliyun","/providers/aliyun","3.providers/aliyun",{"title":52,"path":53,"stem":54},"AWS Amplify","/providers/aws-amplify","3.providers/aws-amplify",{"title":56,"path":57,"stem":58},"Bunny","/providers/bunny","3.providers/bunny",{"title":60,"path":61,"stem":62},"Caisy","/providers/caisy","3.providers/caisy",{"title":64,"path":65,"stem":66},"Cloudflare","/providers/cloudflare","3.providers/cloudflare",{"title":68,"path":69,"stem":70},"Cloudimage","/providers/cloudimage","3.providers/cloudimage",{"title":72,"path":73,"stem":74},"Cloudinary","/providers/cloudinary","3.providers/cloudinary",{"title":76,"path":77,"stem":78},"Contentful","/providers/contentful","3.providers/contentful",{"title":80,"path":81,"stem":82},"Directus","/providers/directus","3.providers/directus",{"title":84,"path":85,"stem":86},"Fastly","/providers/fastly","3.providers/fastly",{"title":88,"path":89,"stem":90},"Filerobot","/providers/filerobot","3.providers/filerobot",{"title":92,"path":93,"stem":94},"Glide","/providers/glide","3.providers/glide",{"title":96,"path":97,"stem":98},"Gumlet","/providers/gumlet","3.providers/gumlet",{"title":100,"path":101,"stem":102},"Hygraph","/providers/hygraph","3.providers/hygraph",{"title":104,"path":105,"stem":106},"ImageEngine","/providers/imageengine","3.providers/imageengine",{"title":108,"path":109,"stem":110},"ImageKit","/providers/imagekit","3.providers/imagekit",{"title":112,"path":113,"stem":114},"Imgix","/providers/imgix","3.providers/imgix",{"title":116,"path":117,"stem":118},"IPX","/providers/ipx","3.providers/ipx",{"title":120,"path":121,"stem":122},"Netlify","/providers/netlify","3.providers/netlify",{"title":124,"path":125,"stem":126},"Prepr","/providers/prepr","3.providers/prepr",{"title":128,"path":129,"stem":130},"Prismic","/providers/prismic","3.providers/prismic",{"title":132,"path":133,"stem":134},"Sanity","/providers/sanity","3.providers/sanity",{"title":136,"path":137,"stem":138},"Sirv","/providers/sirv","3.providers/sirv",{"title":140,"path":141,"stem":142},"Storyblok","/providers/storyblok","3.providers/storyblok",{"title":144,"path":145,"stem":146},"Strapi","/providers/strapi","3.providers/strapi",{"title":148,"path":149,"stem":150},"Twicpics","/providers/twicpics","3.providers/twicpics",{"title":152,"path":153,"stem":154},"Unsplash","/providers/unsplash","3.providers/unsplash",{"title":156,"path":157,"stem":158},"Uploadcare","/providers/uploadcare","3.providers/uploadcare",{"title":160,"path":161,"stem":162},"Vercel","/providers/vercel","3.providers/vercel",{"title":164,"path":165,"stem":166},"Weserv","/providers/weserv","3.providers/weserv",{"title":168,"path":169,"stem":170,"children":171,"page":25},"Advanced","/advanced","4.advanced",[172,176],{"title":173,"path":174,"stem":175},"Custom Provider","/advanced/custom-provider","4.advanced/1.custom-provider",{"title":177,"path":178,"stem":179},"Static Images","/advanced/static-images","4.advanced/2.static-images",{"id":181,"title":108,"body":182,"description":1843,"extension":1744,"links":1844,"meta":1850,"navigation":1173,"path":109,"seo":1851,"stem":110,"__hash__":1852},"docs/3.providers/imagekit.md",{"type":183,"value":184,"toc":1820},"minimark",[185,196,199,296,313,322,331,357,366,370,382,388,428,440,451,459,464,477,558,564,570,648,653,662,672,677,683,764,769,793,856,861,870,933,938,943,1049,1059,1063,1085,1089,1092,1242,1246,1249,1377,1384,1388,1394,1399,1473,1479,1484,1558,1562,1565,1805,1816],[186,187,188,189,195],"p",{},"Integration between ",[190,191,108],"a",{"href":192,"rel":193},"https://docs.imagekit.io",[194],"nofollow"," and the image module.",[186,197,198],{},"To use the ImageKit provider, you need to set your ImageKit account URL-endpoint as the base URL like below.",[200,201,207],"pre",{"className":202,"code":203,"filename":204,"language":205,"meta":206,"style":206},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    imagekit: {\n      baseURL: 'https://ik.imagekit.io/your_imagekit_id'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[208,209,210,234,247,257,275,281,287],"code",{"__ignoreMap":206},[211,212,215,219,222,226,230],"span",{"class":213,"line":214},"line",1,[211,216,218],{"class":217},"s7zQu","export",[211,220,221],{"class":217}," default",[211,223,225],{"class":224},"s2Zo4"," defineNuxtConfig",[211,227,229],{"class":228},"sTEyZ","(",[211,231,233],{"class":232},"sMK4o","{\n",[211,235,237,241,244],{"class":213,"line":236},2,[211,238,240],{"class":239},"swJcz","  image",[211,242,243],{"class":232},":",[211,245,246],{"class":232}," {\n",[211,248,250,253,255],{"class":213,"line":249},3,[211,251,252],{"class":239},"    imagekit",[211,254,243],{"class":232},[211,256,246],{"class":232},[211,258,260,263,265,268,272],{"class":213,"line":259},4,[211,261,262],{"class":239},"      baseURL",[211,264,243],{"class":232},[211,266,267],{"class":232}," '",[211,269,271],{"class":270},"sfazB","https://ik.imagekit.io/your_imagekit_id",[211,273,274],{"class":232},"'\n",[211,276,278],{"class":213,"line":277},5,[211,279,280],{"class":232},"    }\n",[211,282,284],{"class":213,"line":283},6,[211,285,286],{"class":232},"  }\n",[211,288,290,293],{"class":213,"line":289},7,[211,291,292],{"class":232},"}",[211,294,295],{"class":228},")\n",[297,298,299],"blockquote",{},[186,300,301,302,307,308,312],{},"You can get ",[190,303,306],{"href":304,"rel":305},"https://docs.imagekit.io/integration/url-endpoints#default-url-endpoint",[194],"URL-endpoint"," from your ImageKit dashboard - ",[190,309,310],{"href":310,"rel":311},"https://imagekit.io/dashboard#url-endpoints",[194],".",[314,315,317,318,321],"h2",{"id":316},"imagekit-fit-parameters","ImageKit ",[208,319,320],{},"fit"," Parameters",[186,323,324,325,330],{},"In addition to the standard ",[190,326,328],{"href":327},"/usage/nuxt-img#fit",[208,329,320],{}," properties of Nuxt Image and Nuxt Picture, ImageKit offers more cropping and resizing options to the users:",[332,333,334,345],"ul",{},[335,336,337,340,341,344],"li",{},[208,338,339],{},"extract"," - The output image has its height, width as requested, and the aspect ratio is preserved. Unlike the ",[208,342,343],{},"cover"," parameter, we extract out a region of the requested dimension from the original image.",[335,346,347,350,351,353,354,356],{},[208,348,349],{},"pad_extract"," - This parameter is similar to ",[208,352,339],{},". This comes in handy in scenarios where we want to extract an image of a larger dimension from a smaller image. So, the ",[208,355,349],{}," mode adds solid colored padding around the image to match the exact size requested.",[186,358,359,360,365],{},"Read ImageKit ",[190,361,364],{"href":362,"rel":363},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#crop-crop-modes-and-focus",[194],"crop and crop mode documentation"," for more details and examples of how it works.",[314,367,369],{"id":368},"imagekit-modifiers","ImageKit Modifiers",[186,371,372,373,377,378,381],{},"On top of the standard ",[190,374,376],{"href":375},"/usage/nuxt-img#modifiers","Nuxt Image modifiers",", a user can also leverage ImageKit-specific transformation parameters provided in the ",[208,379,380],{},"modifier"," prop.",[383,384,386],"h3",{"id":385},"focus",[208,387,385],{},[186,389,390,391,394,395,394,398,394,401,394,404,394,407,394,409,394,411,394,413,394,415,394,418,394,421,424,425,312],{},"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 ",[208,392,393],{},"left",", ",[208,396,397],{},"right",[208,399,400],{},"top",[208,402,403],{},"bottom",[208,405,406],{},"center",[208,408,400],{},[208,410,393],{},[208,412,403],{},[208,414,397],{},[208,416,417],{},"top_left",[208,419,420],{},"top_right",[208,422,423],{},"bottom_left"," and ",[208,426,427],{},"bottom_right",[186,429,430,431,434,435,312],{},"Custom coordinates can also be used to focus using parameter value ",[208,432,433],{},"custom",". Learn more from ",[190,436,439],{"href":437,"rel":438},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#example-focus-using-custom-coordinates",[194],"example",[186,441,442,443,446,447,450],{},"Moreover, ImageKit also provides smart cropping that can automatically detect the most important part of the image using ",[208,444,445],{},"auto",". And, ",[208,448,449],{},"face"," can be used to find a face (or multiple faces) in an image and focus on that.",[186,452,453,454,458],{},"Check out ImageKit's documentation on ",[190,455,385],{"href":456,"rel":457},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations#focus-fo",[194]," to learn more.",[383,460,462],{"id":461},"blur",[208,463,461],{},[186,465,466,467,469,470,473,474,312],{},"This can be used to blur an image. Use modifier ",[208,468,461],{}," to specify the Gaussian Blur radius that is to be applied to the image. Possible values include integers between ",[208,471,472],{},"1"," to ",[208,475,476],{},"100",[200,478,482],{"className":479,"code":480,"language":481,"meta":206,"style":206},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{ blur: 10 }\"\n/>\n","vue",[208,483,484,492,510,524,553],{"__ignoreMap":206},[211,485,486,489],{"class":213,"line":214},[211,487,488],{"class":232},"\u003C",[211,490,491],{"class":239},"NuxtImg\n",[211,493,494,498,501,504,507],{"class":213,"line":236},[211,495,497],{"class":496},"spNyl","  provider",[211,499,500],{"class":232},"=",[211,502,503],{"class":232},"\"",[211,505,506],{"class":270},"imagekit",[211,508,509],{"class":232},"\"\n",[211,511,512,515,517,519,522],{"class":213,"line":249},[211,513,514],{"class":496},"  src",[211,516,500],{"class":232},[211,518,503],{"class":232},[211,520,521],{"class":270},"/default-image.jpg",[211,523,509],{"class":232},[211,525,526,529,532,534,536,539,542,544,548,551],{"class":213,"line":259},[211,527,528],{"class":232},"  :",[211,530,531],{"class":496},"modifiers",[211,533,500],{"class":232},[211,535,503],{"class":232},[211,537,538],{"class":232},"{",[211,540,541],{"class":239}," blur",[211,543,243],{"class":232},[211,545,547],{"class":546},"sbssI"," 10",[211,549,550],{"class":232}," }",[211,552,509],{"class":232},[211,554,555],{"class":213,"line":277},[211,556,557],{"class":228},"/>\n",[383,559,561],{"id":560},"effectgray",[208,562,563],{},"effectGray",[186,565,566,567,569],{},"Turn your image to a grayscale version using the ",[208,568,563],{}," modifier.",[200,571,573],{"className":479,"code":572,"language":481,"meta":206,"style":206},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{ effectGray: true }\"\n/>\n",[208,574,575,581,593,605,619,644],{"__ignoreMap":206},[211,576,577,579],{"class":213,"line":214},[211,578,488],{"class":232},[211,580,491],{"class":239},[211,582,583,585,587,589,591],{"class":213,"line":236},[211,584,497],{"class":496},[211,586,500],{"class":232},[211,588,503],{"class":232},[211,590,506],{"class":270},[211,592,509],{"class":232},[211,594,595,597,599,601,603],{"class":213,"line":249},[211,596,514],{"class":496},[211,598,500],{"class":232},[211,600,503],{"class":232},[211,602,521],{"class":270},[211,604,509],{"class":232},[211,606,607,610,612,614,617],{"class":213,"line":259},[211,608,609],{"class":496},"  height",[211,611,500],{"class":232},[211,613,503],{"class":232},[211,615,616],{"class":270},"300",[211,618,509],{"class":232},[211,620,621,623,625,627,629,631,634,636,640,642],{"class":213,"line":277},[211,622,528],{"class":232},[211,624,531],{"class":496},[211,626,500],{"class":232},[211,628,503],{"class":232},[211,630,538],{"class":232},[211,632,633],{"class":239}," effectGray",[211,635,243],{"class":232},[211,637,639],{"class":638},"sfNiH"," true",[211,641,550],{"class":232},[211,643,509],{"class":232},[211,645,646],{"class":213,"line":283},[211,647,557],{"class":228},[383,649,651],{"id":650},"named",[208,652,650],{},[186,654,655,656,661],{},"Use ",[190,657,660],{"href":658,"rel":659},"https://docs.imagekit.io/features/named-transformations",[194],"named transformations"," as an alias for an entire transformation string.",[186,663,664,665,668,669,312],{},"For example, we can create a named transformation - ",[208,666,667],{},"media_library_thumbnail"," for a transformation string - ",[208,670,671],{},"tr:w-100,h-100,c-at_max,fo-auto",[383,673,675],{"id":674},"border",[208,676,674],{},[186,678,679,680,682],{},"Add a border to your images using the ",[208,681,674],{}," modifier. You can also set its width and color.",[200,684,686],{"className":479,"code":685,"language":481,"meta":206,"style":206},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ border: '20_FF0000' }\"\n/>\n",[208,687,688,694,706,718,731,760],{"__ignoreMap":206},[211,689,690,692],{"class":213,"line":214},[211,691,488],{"class":232},[211,693,491],{"class":239},[211,695,696,698,700,702,704],{"class":213,"line":236},[211,697,497],{"class":496},[211,699,500],{"class":232},[211,701,503],{"class":232},[211,703,506],{"class":270},[211,705,509],{"class":232},[211,707,708,710,712,714,716],{"class":213,"line":249},[211,709,514],{"class":496},[211,711,500],{"class":232},[211,713,503],{"class":232},[211,715,521],{"class":270},[211,717,509],{"class":232},[211,719,720,723,725,727,729],{"class":213,"line":259},[211,721,722],{"class":496},"  width",[211,724,500],{"class":232},[211,726,503],{"class":232},[211,728,616],{"class":270},[211,730,509],{"class":232},[211,732,733,735,737,739,741,743,746,748,750,753,756,758],{"class":213,"line":277},[211,734,528],{"class":232},[211,736,531],{"class":496},[211,738,500],{"class":232},[211,740,503],{"class":232},[211,742,538],{"class":232},[211,744,745],{"class":239}," border",[211,747,243],{"class":232},[211,749,267],{"class":232},[211,751,752],{"class":270},"20_FF0000",[211,754,755],{"class":232},"'",[211,757,550],{"class":232},[211,759,509],{"class":232},[211,761,762],{"class":213,"line":283},[211,763,557],{"class":228},[383,765,767],{"id":766},"rotate",[208,768,766],{},[186,770,771,772,774,775,394,778,394,781,394,784,394,787,790,791,312],{},"Use the ",[208,773,766],{}," modifier to rotate your image. Possible values are - ",[208,776,777],{},"0",[208,779,780],{},"90",[208,782,783],{},"180",[208,785,786],{},"270",[208,788,789],{},"360",", and ",[208,792,445],{},[200,794,796],{"className":479,"code":795,"language":481,"meta":206,"style":206},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{ rotate: 90 }\"\n/>\n",[208,797,798,804,816,828,852],{"__ignoreMap":206},[211,799,800,802],{"class":213,"line":214},[211,801,488],{"class":232},[211,803,491],{"class":239},[211,805,806,808,810,812,814],{"class":213,"line":236},[211,807,497],{"class":496},[211,809,500],{"class":232},[211,811,503],{"class":232},[211,813,506],{"class":270},[211,815,509],{"class":232},[211,817,818,820,822,824,826],{"class":213,"line":249},[211,819,514],{"class":496},[211,821,500],{"class":232},[211,823,503],{"class":232},[211,825,521],{"class":270},[211,827,509],{"class":232},[211,829,830,832,834,836,838,840,843,845,848,850],{"class":213,"line":259},[211,831,528],{"class":232},[211,833,531],{"class":496},[211,835,500],{"class":232},[211,837,503],{"class":232},[211,839,538],{"class":232},[211,841,842],{"class":239}," rotate",[211,844,243],{"class":232},[211,846,847],{"class":546}," 90",[211,849,550],{"class":232},[211,851,509],{"class":232},[211,853,854],{"class":213,"line":277},[211,855,557],{"class":228},[383,857,859],{"id":858},"radius",[208,860,858],{},[186,862,863,864,866,867,312],{},"Give rounded corners to your image using ",[208,865,858],{},". Possible values are - positive integers and ",[208,868,869],{},"max",[200,871,873],{"className":479,"code":872,"language":481,"meta":206,"style":206},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  :modifiers=\"{ radius: 20 }\"\n/>\n",[208,874,875,881,893,905,929],{"__ignoreMap":206},[211,876,877,879],{"class":213,"line":214},[211,878,488],{"class":232},[211,880,491],{"class":239},[211,882,883,885,887,889,891],{"class":213,"line":236},[211,884,497],{"class":496},[211,886,500],{"class":232},[211,888,503],{"class":232},[211,890,506],{"class":270},[211,892,509],{"class":232},[211,894,895,897,899,901,903],{"class":213,"line":249},[211,896,514],{"class":496},[211,898,500],{"class":232},[211,900,503],{"class":232},[211,902,521],{"class":270},[211,904,509],{"class":232},[211,906,907,909,911,913,915,917,920,922,925,927],{"class":213,"line":259},[211,908,528],{"class":232},[211,910,531],{"class":496},[211,912,500],{"class":232},[211,914,503],{"class":232},[211,916,538],{"class":232},[211,918,919],{"class":239}," radius",[211,921,243],{"class":232},[211,923,924],{"class":546}," 20",[211,926,550],{"class":232},[211,928,509],{"class":232},[211,930,931],{"class":213,"line":277},[211,932,557],{"class":228},[383,934,936],{"id":935},"bg",[208,937,935],{},[186,939,940,941,569],{},"Specify background color and its opacity for your image using the ",[208,942,935],{},[200,944,946],{"className":479,"code":945,"language":481,"meta":206,"style":206},"\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",[208,947,948,954,966,978,991,1003,1016,1044],{"__ignoreMap":206},[211,949,950,952],{"class":213,"line":214},[211,951,488],{"class":232},[211,953,491],{"class":239},[211,955,956,958,960,962,964],{"class":213,"line":236},[211,957,497],{"class":496},[211,959,500],{"class":232},[211,961,503],{"class":232},[211,963,506],{"class":270},[211,965,509],{"class":232},[211,967,968,970,972,974,976],{"class":213,"line":249},[211,969,514],{"class":496},[211,971,500],{"class":232},[211,973,503],{"class":232},[211,975,521],{"class":270},[211,977,509],{"class":232},[211,979,980,982,984,986,989],{"class":213,"line":259},[211,981,609],{"class":496},[211,983,500],{"class":232},[211,985,503],{"class":232},[211,987,988],{"class":270},"1200",[211,990,509],{"class":232},[211,992,993,995,997,999,1001],{"class":213,"line":277},[211,994,722],{"class":496},[211,996,500],{"class":232},[211,998,503],{"class":232},[211,1000,988],{"class":270},[211,1002,509],{"class":232},[211,1004,1005,1008,1010,1012,1014],{"class":213,"line":283},[211,1006,1007],{"class":496},"  fit",[211,1009,500],{"class":232},[211,1011,503],{"class":232},[211,1013,349],{"class":270},[211,1015,509],{"class":232},[211,1017,1018,1020,1022,1024,1026,1028,1031,1033,1035,1038,1040,1042],{"class":213,"line":289},[211,1019,528],{"class":232},[211,1021,531],{"class":496},[211,1023,500],{"class":232},[211,1025,503],{"class":232},[211,1027,538],{"class":232},[211,1029,1030],{"class":239}," bg",[211,1032,243],{"class":232},[211,1034,267],{"class":232},[211,1036,1037],{"class":270},"272B38",[211,1039,755],{"class":232},[211,1041,550],{"class":232},[211,1043,509],{"class":232},[211,1045,1047],{"class":213,"line":1046},8,[211,1048,557],{"class":228},[297,1050,1051],{},[186,1052,1053,1054,312],{},"Read more about ImageKit crop, resize, and other common transformations ",[190,1055,1058],{"href":1056,"rel":1057},"https://docs.imagekit.io/features/image-transformations/resize-crop-and-other-transformations",[194],"here",[314,1060,1062],{"id":1061},"overlay-transformation-modifiers","Overlay Transformation Modifiers",[186,1064,1065,1066,1071,1072,1075,1076,1081,1082,1084],{},"ImageKit's Nuxt Image integration enables you to apply overlays to ",[190,1067,1070],{"href":1068,"rel":1069},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers.md",[194],"images"," using the ",[208,1073,1074],{},"raw"," parameter with the concept of ",[190,1077,1080],{"href":1078,"rel":1079},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers.md#layers",[194],"layers",". The ",[208,1083,1074],{}," parameter facilitates incorporating transformations directly in the URL. A layer is a special type of transformation that allows you to apply text and image overlay along with other transformation parameters.",[383,1086,1088],{"id":1087},"overlay-image","Overlay Image",[186,1090,1091],{},"Overlay an image on top of another image (base image). You can use this to create dynamic banners, watermarking, etc.",[200,1093,1095],{"className":479,"code":1094,"language":481,"meta":206,"style":206},"\u003Ctemplate>\n  \u003CNuxtImg\n    provider=\"imagekit\"\n    src=\"/default-image.jpg\"\n    :modifiers=\"modifiers\"\n  />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst modifiers = {\n  raw: 'l-image,i-default-image.jpg,w-300,h-200,b-5_FFFFFF,fo-top_left,l-end'\n}\n\u003C/script>\n",[208,1096,1097,1107,1114,1127,1140,1155,1160,1169,1175,1199,1212,1227,1233],{"__ignoreMap":206},[211,1098,1099,1101,1104],{"class":213,"line":214},[211,1100,488],{"class":232},[211,1102,1103],{"class":239},"template",[211,1105,1106],{"class":232},">\n",[211,1108,1109,1112],{"class":213,"line":236},[211,1110,1111],{"class":232},"  \u003C",[211,1113,491],{"class":239},[211,1115,1116,1119,1121,1123,1125],{"class":213,"line":249},[211,1117,1118],{"class":496},"    provider",[211,1120,500],{"class":232},[211,1122,503],{"class":232},[211,1124,506],{"class":270},[211,1126,509],{"class":232},[211,1128,1129,1132,1134,1136,1138],{"class":213,"line":259},[211,1130,1131],{"class":496},"    src",[211,1133,500],{"class":232},[211,1135,503],{"class":232},[211,1137,521],{"class":270},[211,1139,509],{"class":232},[211,1141,1142,1145,1147,1149,1151,1153],{"class":213,"line":277},[211,1143,1144],{"class":232},"    :",[211,1146,531],{"class":496},[211,1148,500],{"class":232},[211,1150,503],{"class":232},[211,1152,531],{"class":228},[211,1154,509],{"class":232},[211,1156,1157],{"class":213,"line":283},[211,1158,1159],{"class":232},"  />\n",[211,1161,1162,1165,1167],{"class":213,"line":289},[211,1163,1164],{"class":232},"\u003C/",[211,1166,1103],{"class":239},[211,1168,1106],{"class":232},[211,1170,1171],{"class":213,"line":1046},[211,1172,1174],{"emptyLinePlaceholder":1173},true,"\n",[211,1176,1178,1180,1183,1186,1189,1191,1193,1195,1197],{"class":213,"line":1177},9,[211,1179,488],{"class":232},[211,1181,1182],{"class":239},"script",[211,1184,1185],{"class":496}," setup",[211,1187,1188],{"class":496}," lang",[211,1190,500],{"class":232},[211,1192,503],{"class":232},[211,1194,205],{"class":270},[211,1196,503],{"class":232},[211,1198,1106],{"class":232},[211,1200,1202,1205,1208,1210],{"class":213,"line":1201},10,[211,1203,1204],{"class":496},"const",[211,1206,1207],{"class":228}," modifiers ",[211,1209,500],{"class":232},[211,1211,246],{"class":232},[211,1213,1215,1218,1220,1222,1225],{"class":213,"line":1214},11,[211,1216,1217],{"class":239},"  raw",[211,1219,243],{"class":232},[211,1221,267],{"class":232},[211,1223,1224],{"class":270},"l-image,i-default-image.jpg,w-300,h-200,b-5_FFFFFF,fo-top_left,l-end",[211,1226,274],{"class":232},[211,1228,1230],{"class":213,"line":1229},12,[211,1231,1232],{"class":232},"}\n",[211,1234,1236,1238,1240],{"class":213,"line":1235},13,[211,1237,1164],{"class":232},[211,1239,1182],{"class":239},[211,1241,1106],{"class":232},[383,1243,1245],{"id":1244},"overlay-text","Overlay Text",[186,1247,1248],{},"You can overlay text on an image and apply various transformations to it as per your needs.",[200,1250,1252],{"className":479,"code":1251,"language":481,"meta":206,"style":206},"\u003Ctemplate>\n  \u003CNuxtImg\n    provider=\"imagekit\"\n    src=\"/default-image.jpg\"\n    :modifiers=\"modifiers\"\n  />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst modifiers = {\n  raw: 'l-text,i-overlay made easy,fs-45,co-000000,bg-FFFFFF80,r-30,pa-40,l-end'\n}\n\u003C/script>\n",[208,1253,1254,1262,1268,1280,1292,1306,1310,1318,1322,1342,1352,1365,1369],{"__ignoreMap":206},[211,1255,1256,1258,1260],{"class":213,"line":214},[211,1257,488],{"class":232},[211,1259,1103],{"class":239},[211,1261,1106],{"class":232},[211,1263,1264,1266],{"class":213,"line":236},[211,1265,1111],{"class":232},[211,1267,491],{"class":239},[211,1269,1270,1272,1274,1276,1278],{"class":213,"line":249},[211,1271,1118],{"class":496},[211,1273,500],{"class":232},[211,1275,503],{"class":232},[211,1277,506],{"class":270},[211,1279,509],{"class":232},[211,1281,1282,1284,1286,1288,1290],{"class":213,"line":259},[211,1283,1131],{"class":496},[211,1285,500],{"class":232},[211,1287,503],{"class":232},[211,1289,521],{"class":270},[211,1291,509],{"class":232},[211,1293,1294,1296,1298,1300,1302,1304],{"class":213,"line":277},[211,1295,1144],{"class":232},[211,1297,531],{"class":496},[211,1299,500],{"class":232},[211,1301,503],{"class":232},[211,1303,531],{"class":228},[211,1305,509],{"class":232},[211,1307,1308],{"class":213,"line":283},[211,1309,1159],{"class":232},[211,1311,1312,1314,1316],{"class":213,"line":289},[211,1313,1164],{"class":232},[211,1315,1103],{"class":239},[211,1317,1106],{"class":232},[211,1319,1320],{"class":213,"line":1046},[211,1321,1174],{"emptyLinePlaceholder":1173},[211,1323,1324,1326,1328,1330,1332,1334,1336,1338,1340],{"class":213,"line":1177},[211,1325,488],{"class":232},[211,1327,1182],{"class":239},[211,1329,1185],{"class":496},[211,1331,1188],{"class":496},[211,1333,500],{"class":232},[211,1335,503],{"class":232},[211,1337,205],{"class":270},[211,1339,503],{"class":232},[211,1341,1106],{"class":232},[211,1343,1344,1346,1348,1350],{"class":213,"line":1201},[211,1345,1204],{"class":496},[211,1347,1207],{"class":228},[211,1349,500],{"class":232},[211,1351,246],{"class":232},[211,1353,1354,1356,1358,1360,1363],{"class":213,"line":1214},[211,1355,1217],{"class":239},[211,1357,243],{"class":232},[211,1359,267],{"class":232},[211,1361,1362],{"class":270},"l-text,i-overlay made easy,fs-45,co-000000,bg-FFFFFF80,r-30,pa-40,l-end",[211,1364,274],{"class":232},[211,1366,1367],{"class":213,"line":1229},[211,1368,1232],{"class":232},[211,1370,1371,1373,1375],{"class":213,"line":1235},[211,1372,1164],{"class":232},[211,1374,1182],{"class":239},[211,1376,1106],{"class":232},[186,1378,1379,1380,312],{},"Read more about ImageKit's overlay using layers ",[190,1381,1058],{"href":1382,"rel":1383},"https://docs.imagekit.io/features/image-transformations/overlay-using-layers",[194],[314,1385,1387],{"id":1386},"image-enhancement-modifiers","Image Enhancement Modifiers",[383,1389,1391],{"id":1390},"effectcontrast",[208,1392,1393],{},"effectContrast",[186,1395,1396,1397,569],{},"Enhance contrast of an image using the ",[208,1398,1393],{},[200,1400,1402],{"className":479,"code":1401,"language":481,"meta":206,"style":206},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{ effectContrast: true }\"\n/>\n",[208,1403,1404,1410,1422,1434,1446,1469],{"__ignoreMap":206},[211,1405,1406,1408],{"class":213,"line":214},[211,1407,488],{"class":232},[211,1409,491],{"class":239},[211,1411,1412,1414,1416,1418,1420],{"class":213,"line":236},[211,1413,497],{"class":496},[211,1415,500],{"class":232},[211,1417,503],{"class":232},[211,1419,506],{"class":270},[211,1421,509],{"class":232},[211,1423,1424,1426,1428,1430,1432],{"class":213,"line":249},[211,1425,514],{"class":496},[211,1427,500],{"class":232},[211,1429,503],{"class":232},[211,1431,521],{"class":270},[211,1433,509],{"class":232},[211,1435,1436,1438,1440,1442,1444],{"class":213,"line":259},[211,1437,609],{"class":496},[211,1439,500],{"class":232},[211,1441,503],{"class":232},[211,1443,616],{"class":270},[211,1445,509],{"class":232},[211,1447,1448,1450,1452,1454,1456,1458,1461,1463,1465,1467],{"class":213,"line":277},[211,1449,528],{"class":232},[211,1451,531],{"class":496},[211,1453,500],{"class":232},[211,1455,503],{"class":232},[211,1457,538],{"class":232},[211,1459,1460],{"class":239}," effectContrast",[211,1462,243],{"class":232},[211,1464,639],{"class":638},[211,1466,550],{"class":232},[211,1468,509],{"class":232},[211,1470,1471],{"class":213,"line":283},[211,1472,557],{"class":228},[383,1474,1476],{"id":1475},"effectsharpen",[208,1477,1478],{},"effectSharpen",[186,1480,1481,1482,569],{},"Sharpen the input image using the ",[208,1483,1478],{},[200,1485,1487],{"className":479,"code":1486,"language":481,"meta":206,"style":206},"\u003CNuxtImg\n  provider=\"imagekit\"\n  src=\"/default-image.jpg\"\n  height=\"300\"\n  :modifiers=\"{ effectSharpen: 10 }\"\n/>\n",[208,1488,1489,1495,1507,1519,1531,1554],{"__ignoreMap":206},[211,1490,1491,1493],{"class":213,"line":214},[211,1492,488],{"class":232},[211,1494,491],{"class":239},[211,1496,1497,1499,1501,1503,1505],{"class":213,"line":236},[211,1498,497],{"class":496},[211,1500,500],{"class":232},[211,1502,503],{"class":232},[211,1504,506],{"class":270},[211,1506,509],{"class":232},[211,1508,1509,1511,1513,1515,1517],{"class":213,"line":249},[211,1510,514],{"class":496},[211,1512,500],{"class":232},[211,1514,503],{"class":232},[211,1516,521],{"class":270},[211,1518,509],{"class":232},[211,1520,1521,1523,1525,1527,1529],{"class":213,"line":259},[211,1522,609],{"class":496},[211,1524,500],{"class":232},[211,1526,503],{"class":232},[211,1528,616],{"class":270},[211,1530,509],{"class":232},[211,1532,1533,1535,1537,1539,1541,1543,1546,1548,1550,1552],{"class":213,"line":277},[211,1534,528],{"class":232},[211,1536,531],{"class":496},[211,1538,500],{"class":232},[211,1540,503],{"class":232},[211,1542,538],{"class":232},[211,1544,1545],{"class":239}," effectSharpen",[211,1547,243],{"class":232},[211,1549,547],{"class":546},[211,1551,550],{"class":232},[211,1553,509],{"class":232},[211,1555,1556],{"class":213,"line":283},[211,1557,557],{"class":228},[314,1559,1561],{"id":1560},"list-of-supported-transforms","List of supported transforms",[186,1563,1564],{},"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.",[1566,1567,1568,1581],"table",{},[1569,1570,1571],"thead",{},[1572,1573,1574,1578],"tr",{},[1575,1576,1577],"th",{},"Supported Parameter Name",[1575,1579,1580],{},"Translates to Parameter",[1582,1583,1584,1591,1599,1606,1613,1620,1627,1634,1641,1648,1655,1663,1671,1678,1685,1692,1699,1706,1713,1721,1729,1737,1745,1753,1761,1768,1775,1783,1790,1797],"tbody",{},[1572,1585,1586,1589],{},[1587,1588,935],"td",{},[1587,1590,935],{},[1572,1592,1593,1596],{},[1587,1594,1595],{},"aspectRatio",[1587,1597,1598],{},"ar",[1572,1600,1601,1604],{},[1587,1602,1603],{},"x",[1587,1605,1603],{},[1572,1607,1608,1611],{},[1587,1609,1610],{},"y",[1587,1612,1610],{},[1572,1614,1615,1618],{},[1587,1616,1617],{},"xc",[1587,1619,1617],{},[1572,1621,1622,1625],{},[1587,1623,1624],{},"yc",[1587,1626,1624],{},[1572,1628,1629,1632],{},[1587,1630,1631],{},"oix",[1587,1633,1631],{},[1572,1635,1636,1639],{},[1587,1637,1638],{},"oiy",[1587,1640,1638],{},[1572,1642,1643,1646],{},[1587,1644,1645],{},"oixc",[1587,1647,1645],{},[1572,1649,1650,1653],{},[1587,1651,1652],{},"oiyc",[1587,1654,1652],{},[1572,1656,1657,1660],{},[1587,1658,1659],{},"crop",[1587,1661,1662],{},"c",[1572,1664,1665,1668],{},[1587,1666,1667],{},"cropMode",[1587,1669,1670],{},"cm",[1572,1672,1673,1675],{},[1587,1674,385],{},[1587,1676,1677],{},"fo",[1572,1679,1680,1682],{},[1587,1681,858],{},[1587,1683,1684],{},"r",[1572,1686,1687,1689],{},[1587,1688,674],{},[1587,1690,1691],{},"b",[1572,1693,1694,1696],{},[1587,1695,766],{},[1587,1697,1698],{},"rt",[1572,1700,1701,1703],{},[1587,1702,461],{},[1587,1704,1705],{},"bl",[1572,1707,1708,1710],{},[1587,1709,650],{},[1587,1711,1712],{},"n",[1572,1714,1715,1718],{},[1587,1716,1717],{},"progressive",[1587,1719,1720],{},"pr",[1572,1722,1723,1726],{},[1587,1724,1725],{},"lossless",[1587,1727,1728],{},"lo",[1572,1730,1731,1734],{},[1587,1732,1733],{},"trim",[1587,1735,1736],{},"t",[1572,1738,1739,1742],{},[1587,1740,1741],{},"metadata",[1587,1743,1744],{},"md",[1572,1746,1747,1750],{},[1587,1748,1749],{},"colorProfile",[1587,1751,1752],{},"cp",[1572,1754,1755,1758],{},[1587,1756,1757],{},"defaultImage",[1587,1759,1760],{},"di",[1572,1762,1763,1766],{},[1587,1764,1765],{},"dpr",[1587,1767,1765],{},[1572,1769,1770,1772],{},[1587,1771,1478],{},[1587,1773,1774],{},"e-sharpen",[1572,1776,1777,1780],{},[1587,1778,1779],{},"effectUSM",[1587,1781,1782],{},"e-usm",[1572,1784,1785,1787],{},[1587,1786,1393],{},[1587,1788,1789],{},"e-contrast",[1572,1791,1792,1794],{},[1587,1793,563],{},[1587,1795,1796],{},"e-grayscale",[1572,1798,1799,1802],{},[1587,1800,1801],{},"original",[1587,1803,1804],{},"orig",[297,1806,1807],{},[186,1808,1809,1810,1815],{},"Learn more about ",[190,1811,1814],{"href":1812,"rel":1813},"https://docs.imagekit.io/features/image-transformations",[194],"ImageKit's Image transformations"," from the official documentation.",[1817,1818,1819],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":206,"searchDepth":236,"depth":236,"links":1821},[1822,1824,1834,1838,1842],{"id":316,"depth":236,"text":1823},"ImageKit fit Parameters",{"id":368,"depth":236,"text":369,"children":1825},[1826,1827,1828,1829,1830,1831,1832,1833],{"id":385,"depth":249,"text":385},{"id":461,"depth":249,"text":461},{"id":560,"depth":249,"text":563},{"id":650,"depth":249,"text":650},{"id":674,"depth":249,"text":674},{"id":766,"depth":249,"text":766},{"id":858,"depth":249,"text":858},{"id":935,"depth":249,"text":935},{"id":1061,"depth":236,"text":1062,"children":1835},[1836,1837],{"id":1087,"depth":249,"text":1088},{"id":1244,"depth":249,"text":1245},{"id":1386,"depth":236,"text":1387,"children":1839},[1840,1841],{"id":1390,"depth":249,"text":1393},{"id":1475,"depth":249,"text":1478},{"id":1560,"depth":236,"text":1561},"Nuxt Image has first class integration with ImageKit.",[1845],{"label":1846,"icon":1847,"to":1848,"size":1849},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/imagekit.ts","xs",{},{"title":108,"description":1843},"jyxDg9Qfkqizhn1723x5TZXedoadD2i49APifDopv_U",[1854,1856],{"title":104,"path":105,"stem":106,"description":1855,"children":-1},"Nuxt Image has first class integration with ImageEngine.",{"title":112,"path":113,"stem":114,"description":1857,"children":-1},"Nuxt Image has first class integration with Imgix.",1750165851924]