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