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