[{"data":1,"prerenderedAt":1509},["ShallowReactive",2],{"navigation":3,"docs-/providers/directus":139,"docs-/providers/directus-surround":1130},[4,20,33,129],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123,126],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Edgio","/providers/edgio",{"title":67,"_path":68},"Fastly","/providers/fastly",{"title":70,"_path":71},"Filerobot","/providers/filerobot",{"title":73,"_path":74},"Glide","/providers/glide",{"title":76,"_path":77},"Gumlet","/providers/gumlet",{"title":79,"_path":80},"Hygraph","/providers/hygraph",{"title":82,"_path":83},"ImageEngine","/providers/imageengine",{"title":85,"_path":86},"ImageKit","/providers/imagekit",{"title":88,"_path":89},"Imgix","/providers/imgix",{"title":91,"_path":92},"IPX","/providers/ipx",{"title":94,"_path":95},"Netlify","/providers/netlify",{"title":97,"_path":98},"Prepr","/providers/prepr",{"title":100,"_path":101},"Prismic","/providers/prismic",{"title":103,"_path":104},"Sanity","/providers/sanity",{"title":106,"_path":107},"Sirv","/providers/sirv",{"title":109,"_path":110},"Storyblok","/providers/storyblok",{"title":112,"_path":113},"Strapi","/providers/strapi",{"title":115,"_path":116},"Twicpics","/providers/twicpics",{"title":118,"_path":119},"Unsplash","/providers/unsplash",{"title":121,"_path":122},"Uploadcare","/providers/uploadcare",{"title":124,"_path":125},"Vercel","/providers/vercel",{"title":127,"_path":128},"Weserv","/providers/weserv",{"title":130,"_path":131,"children":132},"Advanced","/advanced",[133,136],{"title":134,"_path":135},"Custom Provider","/advanced/custom-provider",{"title":137,"_path":138},"Static Images","/advanced/static-images",{"_path":62,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":61,"description":143,"links":144,"body":150,"_type":1124,"_id":1125,"_source":1126,"_file":1127,"_stem":1128,"_extension":1129},"providers",false,"","Nuxt Image with Directus integration.",[145],{"label":146,"icon":147,"to":148,"size":149},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/directus.ts","xs",{"type":151,"children":152,"toc":1121},"root",[153,171,176,331,336,580,587,601,815,844,1070,1115],{"type":154,"tag":155,"props":156,"children":157},"element","p",{},[158,161,169],{"type":159,"value":160},"text","Integration between ",{"type":154,"tag":162,"props":163,"children":167},"a",{"href":164,"rel":165},"https://directus.io",[166],"nofollow",[168],{"type":159,"value":61},{"type":159,"value":170}," and the image module.",{"type":154,"tag":155,"props":172,"children":173},{},[174],{"type":159,"value":175},"To use this provider you just need to specify the base URL of your project.",{"type":154,"tag":177,"props":178,"children":183},"pre",{"className":179,"code":180,"filename":181,"language":182,"meta":142,"style":142},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    directus: {\n      // This URL needs to include the final `assets/` directory\n      baseURL: 'http://localhost:8055/assets'\n    }\n  }\n})\n","nuxt.config.ts","ts",[184],{"type":154,"tag":185,"props":186,"children":187},"code",{"__ignoreMap":142},[188,223,243,260,270,299,308,317],{"type":154,"tag":189,"props":190,"children":193},"span",{"class":191,"line":192},"line",1,[194,200,205,211,217],{"type":154,"tag":189,"props":195,"children":197},{"style":196},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[198],{"type":159,"value":199},"export",{"type":154,"tag":189,"props":201,"children":202},{"style":196},[203],{"type":159,"value":204}," default",{"type":154,"tag":189,"props":206,"children":208},{"style":207},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[209],{"type":159,"value":210}," defineNuxtConfig",{"type":154,"tag":189,"props":212,"children":214},{"style":213},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[215],{"type":159,"value":216},"(",{"type":154,"tag":189,"props":218,"children":220},{"style":219},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[221],{"type":159,"value":222},"{\n",{"type":154,"tag":189,"props":224,"children":226},{"class":191,"line":225},2,[227,233,238],{"type":154,"tag":189,"props":228,"children":230},{"style":229},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[231],{"type":159,"value":232},"  image",{"type":154,"tag":189,"props":234,"children":235},{"style":219},[236],{"type":159,"value":237},":",{"type":154,"tag":189,"props":239,"children":240},{"style":219},[241],{"type":159,"value":242}," {\n",{"type":154,"tag":189,"props":244,"children":246},{"class":191,"line":245},3,[247,252,256],{"type":154,"tag":189,"props":248,"children":249},{"style":229},[250],{"type":159,"value":251},"    directus",{"type":154,"tag":189,"props":253,"children":254},{"style":219},[255],{"type":159,"value":237},{"type":154,"tag":189,"props":257,"children":258},{"style":219},[259],{"type":159,"value":242},{"type":154,"tag":189,"props":261,"children":263},{"class":191,"line":262},4,[264],{"type":154,"tag":189,"props":265,"children":267},{"style":266},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[268],{"type":159,"value":269},"      // This URL needs to include the final `assets/` directory\n",{"type":154,"tag":189,"props":271,"children":273},{"class":191,"line":272},5,[274,279,283,288,294],{"type":154,"tag":189,"props":275,"children":276},{"style":229},[277],{"type":159,"value":278},"      baseURL",{"type":154,"tag":189,"props":280,"children":281},{"style":219},[282],{"type":159,"value":237},{"type":154,"tag":189,"props":284,"children":285},{"style":219},[286],{"type":159,"value":287}," '",{"type":154,"tag":189,"props":289,"children":291},{"style":290},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[292],{"type":159,"value":293},"http://localhost:8055/assets",{"type":154,"tag":189,"props":295,"children":296},{"style":219},[297],{"type":159,"value":298},"'\n",{"type":154,"tag":189,"props":300,"children":302},{"class":191,"line":301},6,[303],{"type":154,"tag":189,"props":304,"children":305},{"style":219},[306],{"type":159,"value":307},"    }\n",{"type":154,"tag":189,"props":309,"children":311},{"class":191,"line":310},7,[312],{"type":154,"tag":189,"props":313,"children":314},{"style":219},[315],{"type":159,"value":316},"  }\n",{"type":154,"tag":189,"props":318,"children":320},{"class":191,"line":319},8,[321,326],{"type":154,"tag":189,"props":322,"children":323},{"style":219},[324],{"type":159,"value":325},"}",{"type":154,"tag":189,"props":327,"children":328},{"style":213},[329],{"type":159,"value":330},")\n",{"type":154,"tag":155,"props":332,"children":333},{},[334],{"type":159,"value":335},"You can easily override default options:",{"type":154,"tag":177,"props":337,"children":339},{"className":179,"code":338,"filename":181,"language":182,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    directus: {\n      baseURL: 'http://mydirectus-domain.com/assets',\n      modifiers: {\n        withoutEnlargement: 'true',\n        transforms: [['blur', 4], ['negate']]\n      }\n    }\n  }\n})\n",[340],{"type":154,"tag":185,"props":341,"children":342},{"__ignoreMap":142},[343,366,381,396,426,442,471,544,552,560,568],{"type":154,"tag":189,"props":344,"children":345},{"class":191,"line":192},[346,350,354,358,362],{"type":154,"tag":189,"props":347,"children":348},{"style":196},[349],{"type":159,"value":199},{"type":154,"tag":189,"props":351,"children":352},{"style":196},[353],{"type":159,"value":204},{"type":154,"tag":189,"props":355,"children":356},{"style":207},[357],{"type":159,"value":210},{"type":154,"tag":189,"props":359,"children":360},{"style":213},[361],{"type":159,"value":216},{"type":154,"tag":189,"props":363,"children":364},{"style":219},[365],{"type":159,"value":222},{"type":154,"tag":189,"props":367,"children":368},{"class":191,"line":225},[369,373,377],{"type":154,"tag":189,"props":370,"children":371},{"style":229},[372],{"type":159,"value":232},{"type":154,"tag":189,"props":374,"children":375},{"style":219},[376],{"type":159,"value":237},{"type":154,"tag":189,"props":378,"children":379},{"style":219},[380],{"type":159,"value":242},{"type":154,"tag":189,"props":382,"children":383},{"class":191,"line":245},[384,388,392],{"type":154,"tag":189,"props":385,"children":386},{"style":229},[387],{"type":159,"value":251},{"type":154,"tag":189,"props":389,"children":390},{"style":219},[391],{"type":159,"value":237},{"type":154,"tag":189,"props":393,"children":394},{"style":219},[395],{"type":159,"value":242},{"type":154,"tag":189,"props":397,"children":398},{"class":191,"line":262},[399,403,407,411,416,421],{"type":154,"tag":189,"props":400,"children":401},{"style":229},[402],{"type":159,"value":278},{"type":154,"tag":189,"props":404,"children":405},{"style":219},[406],{"type":159,"value":237},{"type":154,"tag":189,"props":408,"children":409},{"style":219},[410],{"type":159,"value":287},{"type":154,"tag":189,"props":412,"children":413},{"style":290},[414],{"type":159,"value":415},"http://mydirectus-domain.com/assets",{"type":154,"tag":189,"props":417,"children":418},{"style":219},[419],{"type":159,"value":420},"'",{"type":154,"tag":189,"props":422,"children":423},{"style":219},[424],{"type":159,"value":425},",\n",{"type":154,"tag":189,"props":427,"children":428},{"class":191,"line":272},[429,434,438],{"type":154,"tag":189,"props":430,"children":431},{"style":229},[432],{"type":159,"value":433},"      modifiers",{"type":154,"tag":189,"props":435,"children":436},{"style":219},[437],{"type":159,"value":237},{"type":154,"tag":189,"props":439,"children":440},{"style":219},[441],{"type":159,"value":242},{"type":154,"tag":189,"props":443,"children":444},{"class":191,"line":301},[445,450,454,458,463,467],{"type":154,"tag":189,"props":446,"children":447},{"style":229},[448],{"type":159,"value":449},"        withoutEnlargement",{"type":154,"tag":189,"props":451,"children":452},{"style":219},[453],{"type":159,"value":237},{"type":154,"tag":189,"props":455,"children":456},{"style":219},[457],{"type":159,"value":287},{"type":154,"tag":189,"props":459,"children":460},{"style":290},[461],{"type":159,"value":462},"true",{"type":154,"tag":189,"props":464,"children":465},{"style":219},[466],{"type":159,"value":420},{"type":154,"tag":189,"props":468,"children":469},{"style":219},[470],{"type":159,"value":425},{"type":154,"tag":189,"props":472,"children":473},{"class":191,"line":310},[474,479,483,488,492,497,501,506,512,517,521,526,530,535,539],{"type":154,"tag":189,"props":475,"children":476},{"style":229},[477],{"type":159,"value":478},"        transforms",{"type":154,"tag":189,"props":480,"children":481},{"style":219},[482],{"type":159,"value":237},{"type":154,"tag":189,"props":484,"children":485},{"style":213},[486],{"type":159,"value":487}," [[",{"type":154,"tag":189,"props":489,"children":490},{"style":219},[491],{"type":159,"value":420},{"type":154,"tag":189,"props":493,"children":494},{"style":290},[495],{"type":159,"value":496},"blur",{"type":154,"tag":189,"props":498,"children":499},{"style":219},[500],{"type":159,"value":420},{"type":154,"tag":189,"props":502,"children":503},{"style":219},[504],{"type":159,"value":505},",",{"type":154,"tag":189,"props":507,"children":509},{"style":508},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[510],{"type":159,"value":511}," 4",{"type":154,"tag":189,"props":513,"children":514},{"style":213},[515],{"type":159,"value":516},"]",{"type":154,"tag":189,"props":518,"children":519},{"style":219},[520],{"type":159,"value":505},{"type":154,"tag":189,"props":522,"children":523},{"style":213},[524],{"type":159,"value":525}," [",{"type":154,"tag":189,"props":527,"children":528},{"style":219},[529],{"type":159,"value":420},{"type":154,"tag":189,"props":531,"children":532},{"style":290},[533],{"type":159,"value":534},"negate",{"type":154,"tag":189,"props":536,"children":537},{"style":219},[538],{"type":159,"value":420},{"type":154,"tag":189,"props":540,"children":541},{"style":213},[542],{"type":159,"value":543},"]]\n",{"type":154,"tag":189,"props":545,"children":546},{"class":191,"line":319},[547],{"type":154,"tag":189,"props":548,"children":549},{"style":219},[550],{"type":159,"value":551},"      }\n",{"type":154,"tag":189,"props":553,"children":555},{"class":191,"line":554},9,[556],{"type":154,"tag":189,"props":557,"children":558},{"style":219},[559],{"type":159,"value":307},{"type":154,"tag":189,"props":561,"children":563},{"class":191,"line":562},10,[564],{"type":154,"tag":189,"props":565,"children":566},{"style":219},[567],{"type":159,"value":316},{"type":154,"tag":189,"props":569,"children":571},{"class":191,"line":570},11,[572,576],{"type":154,"tag":189,"props":573,"children":574},{"style":219},[575],{"type":159,"value":325},{"type":154,"tag":189,"props":577,"children":578},{"style":213},[579],{"type":159,"value":330},{"type":154,"tag":581,"props":582,"children":584},"h2",{"id":583},"modifiers",[585],{"type":159,"value":586},"Modifiers",{"type":154,"tag":155,"props":588,"children":589},{},[590,592,599],{"type":159,"value":591},"All the default modifiers from ",{"type":154,"tag":162,"props":593,"children":596},{"href":594,"rel":595},"https://docs.directus.io/reference/files.html#requesting-a-thumbnail",[166],[597],{"type":159,"value":598},"Directus documentation",{"type":159,"value":600}," are available.",{"type":154,"tag":177,"props":602,"children":606},{"className":603,"code":604,"language":605,"meta":142,"style":142},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"directus\"\n  src=\"ad514db1-eb90-4523-8183-46781437e7ee\"\n  height=\"512\"\n  fit=\"inside\"\n  quality=\"20\"\n  :modifiers=\"{ withoutEnlargement: 'true' }\"\n/>\n","vue",[607],{"type":154,"tag":185,"props":608,"children":609},{"__ignoreMap":142},[610,623,652,677,702,727,752,807],{"type":154,"tag":189,"props":611,"children":612},{"class":191,"line":192},[613,618],{"type":154,"tag":189,"props":614,"children":615},{"style":219},[616],{"type":159,"value":617},"\u003C",{"type":154,"tag":189,"props":619,"children":620},{"style":229},[621],{"type":159,"value":622},"NuxtImg\n",{"type":154,"tag":189,"props":624,"children":625},{"class":191,"line":225},[626,632,637,642,647],{"type":154,"tag":189,"props":627,"children":629},{"style":628},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[630],{"type":159,"value":631},"  provider",{"type":154,"tag":189,"props":633,"children":634},{"style":219},[635],{"type":159,"value":636},"=",{"type":154,"tag":189,"props":638,"children":639},{"style":219},[640],{"type":159,"value":641},"\"",{"type":154,"tag":189,"props":643,"children":644},{"style":290},[645],{"type":159,"value":646},"directus",{"type":154,"tag":189,"props":648,"children":649},{"style":219},[650],{"type":159,"value":651},"\"\n",{"type":154,"tag":189,"props":653,"children":654},{"class":191,"line":245},[655,660,664,668,673],{"type":154,"tag":189,"props":656,"children":657},{"style":628},[658],{"type":159,"value":659},"  src",{"type":154,"tag":189,"props":661,"children":662},{"style":219},[663],{"type":159,"value":636},{"type":154,"tag":189,"props":665,"children":666},{"style":219},[667],{"type":159,"value":641},{"type":154,"tag":189,"props":669,"children":670},{"style":290},[671],{"type":159,"value":672},"ad514db1-eb90-4523-8183-46781437e7ee",{"type":154,"tag":189,"props":674,"children":675},{"style":219},[676],{"type":159,"value":651},{"type":154,"tag":189,"props":678,"children":679},{"class":191,"line":262},[680,685,689,693,698],{"type":154,"tag":189,"props":681,"children":682},{"style":628},[683],{"type":159,"value":684},"  height",{"type":154,"tag":189,"props":686,"children":687},{"style":219},[688],{"type":159,"value":636},{"type":154,"tag":189,"props":690,"children":691},{"style":219},[692],{"type":159,"value":641},{"type":154,"tag":189,"props":694,"children":695},{"style":290},[696],{"type":159,"value":697},"512",{"type":154,"tag":189,"props":699,"children":700},{"style":219},[701],{"type":159,"value":651},{"type":154,"tag":189,"props":703,"children":704},{"class":191,"line":272},[705,710,714,718,723],{"type":154,"tag":189,"props":706,"children":707},{"style":628},[708],{"type":159,"value":709},"  fit",{"type":154,"tag":189,"props":711,"children":712},{"style":219},[713],{"type":159,"value":636},{"type":154,"tag":189,"props":715,"children":716},{"style":219},[717],{"type":159,"value":641},{"type":154,"tag":189,"props":719,"children":720},{"style":290},[721],{"type":159,"value":722},"inside",{"type":154,"tag":189,"props":724,"children":725},{"style":219},[726],{"type":159,"value":651},{"type":154,"tag":189,"props":728,"children":729},{"class":191,"line":301},[730,735,739,743,748],{"type":154,"tag":189,"props":731,"children":732},{"style":628},[733],{"type":159,"value":734},"  quality",{"type":154,"tag":189,"props":736,"children":737},{"style":219},[738],{"type":159,"value":636},{"type":154,"tag":189,"props":740,"children":741},{"style":219},[742],{"type":159,"value":641},{"type":154,"tag":189,"props":744,"children":745},{"style":290},[746],{"type":159,"value":747},"20",{"type":154,"tag":189,"props":749,"children":750},{"style":219},[751],{"type":159,"value":651},{"type":154,"tag":189,"props":753,"children":754},{"class":191,"line":310},[755,760,764,768,772,777,782,786,790,794,798,803],{"type":154,"tag":189,"props":756,"children":757},{"style":219},[758],{"type":159,"value":759},"  :",{"type":154,"tag":189,"props":761,"children":762},{"style":628},[763],{"type":159,"value":583},{"type":154,"tag":189,"props":765,"children":766},{"style":219},[767],{"type":159,"value":636},{"type":154,"tag":189,"props":769,"children":770},{"style":219},[771],{"type":159,"value":641},{"type":154,"tag":189,"props":773,"children":774},{"style":219},[775],{"type":159,"value":776},"{",{"type":154,"tag":189,"props":778,"children":779},{"style":229},[780],{"type":159,"value":781}," withoutEnlargement",{"type":154,"tag":189,"props":783,"children":784},{"style":219},[785],{"type":159,"value":237},{"type":154,"tag":189,"props":787,"children":788},{"style":219},[789],{"type":159,"value":287},{"type":154,"tag":189,"props":791,"children":792},{"style":290},[793],{"type":159,"value":462},{"type":154,"tag":189,"props":795,"children":796},{"style":219},[797],{"type":159,"value":420},{"type":154,"tag":189,"props":799,"children":800},{"style":219},[801],{"type":159,"value":802}," }",{"type":154,"tag":189,"props":804,"children":805},{"style":219},[806],{"type":159,"value":651},{"type":154,"tag":189,"props":808,"children":809},{"class":191,"line":319},[810],{"type":154,"tag":189,"props":811,"children":812},{"style":213},[813],{"type":159,"value":814},"/>\n",{"type":154,"tag":155,"props":816,"children":817},{},[818,820,827,829,835,837,842],{"type":159,"value":819},"Since Directus exposes the full ",{"type":154,"tag":162,"props":821,"children":824},{"href":822,"rel":823},"https://sharp.pixelplumbing.com/api-operation",[166],[825],{"type":159,"value":826},"sharp API",{"type":159,"value":828}," through the ",{"type":154,"tag":185,"props":830,"children":832},{"className":831},[],[833],{"type":159,"value":834},"transforms",{"type":159,"value":836}," parameter, we can use it inside our ",{"type":154,"tag":185,"props":838,"children":840},{"className":839},[],[841],{"type":159,"value":583},{"type":159,"value":843}," prop:",{"type":154,"tag":177,"props":845,"children":847},{"className":603,"code":846,"language":605,"meta":142,"style":142},"\u003CNuxtImg\n  provider=\"directus\"\n  src=\"ad514db1-eb90-4523-8183-46781437e7ee\"\n  :modifiers=\"{\n    height: '512',\n    withoutEnlargement: 'true',\n    transforms: [['blur', 4], ['negate']]\n  }\"\n/>\n",[848],{"type":154,"tag":185,"props":849,"children":850},{"__ignoreMap":142},[851,862,885,908,931,959,987,1051,1063],{"type":154,"tag":189,"props":852,"children":853},{"class":191,"line":192},[854,858],{"type":154,"tag":189,"props":855,"children":856},{"style":219},[857],{"type":159,"value":617},{"type":154,"tag":189,"props":859,"children":860},{"style":229},[861],{"type":159,"value":622},{"type":154,"tag":189,"props":863,"children":864},{"class":191,"line":225},[865,869,873,877,881],{"type":154,"tag":189,"props":866,"children":867},{"style":628},[868],{"type":159,"value":631},{"type":154,"tag":189,"props":870,"children":871},{"style":219},[872],{"type":159,"value":636},{"type":154,"tag":189,"props":874,"children":875},{"style":219},[876],{"type":159,"value":641},{"type":154,"tag":189,"props":878,"children":879},{"style":290},[880],{"type":159,"value":646},{"type":154,"tag":189,"props":882,"children":883},{"style":219},[884],{"type":159,"value":651},{"type":154,"tag":189,"props":886,"children":887},{"class":191,"line":245},[888,892,896,900,904],{"type":154,"tag":189,"props":889,"children":890},{"style":628},[891],{"type":159,"value":659},{"type":154,"tag":189,"props":893,"children":894},{"style":219},[895],{"type":159,"value":636},{"type":154,"tag":189,"props":897,"children":898},{"style":219},[899],{"type":159,"value":641},{"type":154,"tag":189,"props":901,"children":902},{"style":290},[903],{"type":159,"value":672},{"type":154,"tag":189,"props":905,"children":906},{"style":219},[907],{"type":159,"value":651},{"type":154,"tag":189,"props":909,"children":910},{"class":191,"line":262},[911,915,919,923,927],{"type":154,"tag":189,"props":912,"children":913},{"style":219},[914],{"type":159,"value":759},{"type":154,"tag":189,"props":916,"children":917},{"style":628},[918],{"type":159,"value":583},{"type":154,"tag":189,"props":920,"children":921},{"style":219},[922],{"type":159,"value":636},{"type":154,"tag":189,"props":924,"children":925},{"style":219},[926],{"type":159,"value":641},{"type":154,"tag":189,"props":928,"children":929},{"style":219},[930],{"type":159,"value":222},{"type":154,"tag":189,"props":932,"children":933},{"class":191,"line":272},[934,939,943,947,951,955],{"type":154,"tag":189,"props":935,"children":936},{"style":229},[937],{"type":159,"value":938},"    height",{"type":154,"tag":189,"props":940,"children":941},{"style":219},[942],{"type":159,"value":237},{"type":154,"tag":189,"props":944,"children":945},{"style":219},[946],{"type":159,"value":287},{"type":154,"tag":189,"props":948,"children":949},{"style":290},[950],{"type":159,"value":697},{"type":154,"tag":189,"props":952,"children":953},{"style":219},[954],{"type":159,"value":420},{"type":154,"tag":189,"props":956,"children":957},{"style":219},[958],{"type":159,"value":425},{"type":154,"tag":189,"props":960,"children":961},{"class":191,"line":301},[962,967,971,975,979,983],{"type":154,"tag":189,"props":963,"children":964},{"style":229},[965],{"type":159,"value":966},"    withoutEnlargement",{"type":154,"tag":189,"props":968,"children":969},{"style":219},[970],{"type":159,"value":237},{"type":154,"tag":189,"props":972,"children":973},{"style":219},[974],{"type":159,"value":287},{"type":154,"tag":189,"props":976,"children":977},{"style":290},[978],{"type":159,"value":462},{"type":154,"tag":189,"props":980,"children":981},{"style":219},[982],{"type":159,"value":420},{"type":154,"tag":189,"props":984,"children":985},{"style":219},[986],{"type":159,"value":425},{"type":154,"tag":189,"props":988,"children":989},{"class":191,"line":310},[990,995,999,1003,1007,1011,1015,1019,1023,1027,1031,1035,1039,1043,1047],{"type":154,"tag":189,"props":991,"children":992},{"style":229},[993],{"type":159,"value":994},"    transforms",{"type":154,"tag":189,"props":996,"children":997},{"style":219},[998],{"type":159,"value":237},{"type":154,"tag":189,"props":1000,"children":1001},{"style":213},[1002],{"type":159,"value":487},{"type":154,"tag":189,"props":1004,"children":1005},{"style":219},[1006],{"type":159,"value":420},{"type":154,"tag":189,"props":1008,"children":1009},{"style":290},[1010],{"type":159,"value":496},{"type":154,"tag":189,"props":1012,"children":1013},{"style":219},[1014],{"type":159,"value":420},{"type":154,"tag":189,"props":1016,"children":1017},{"style":219},[1018],{"type":159,"value":505},{"type":154,"tag":189,"props":1020,"children":1021},{"style":508},[1022],{"type":159,"value":511},{"type":154,"tag":189,"props":1024,"children":1025},{"style":213},[1026],{"type":159,"value":516},{"type":154,"tag":189,"props":1028,"children":1029},{"style":219},[1030],{"type":159,"value":505},{"type":154,"tag":189,"props":1032,"children":1033},{"style":213},[1034],{"type":159,"value":525},{"type":154,"tag":189,"props":1036,"children":1037},{"style":219},[1038],{"type":159,"value":420},{"type":154,"tag":189,"props":1040,"children":1041},{"style":290},[1042],{"type":159,"value":534},{"type":154,"tag":189,"props":1044,"children":1045},{"style":219},[1046],{"type":159,"value":420},{"type":154,"tag":189,"props":1048,"children":1049},{"style":213},[1050],{"type":159,"value":543},{"type":154,"tag":189,"props":1052,"children":1053},{"class":191,"line":319},[1054,1059],{"type":154,"tag":189,"props":1055,"children":1056},{"style":219},[1057],{"type":159,"value":1058},"  }",{"type":154,"tag":189,"props":1060,"children":1061},{"style":219},[1062],{"type":159,"value":651},{"type":154,"tag":189,"props":1064,"children":1065},{"class":191,"line":554},[1066],{"type":154,"tag":189,"props":1067,"children":1068},{"style":213},[1069],{"type":159,"value":814},{"type":154,"tag":1071,"props":1072,"children":1073},"callout",{},[1074],{"type":154,"tag":155,"props":1075,"children":1076},{},[1077,1079,1084,1086,1092,1094,1105,1107,1113],{"type":159,"value":1078},"Note that the ",{"type":154,"tag":185,"props":1080,"children":1082},{"className":1081},[],[1083],{"type":159,"value":834},{"type":159,"value":1085}," parameter, as stated in the ",{"type":154,"tag":162,"props":1087,"children":1090},{"href":1088,"rel":1089},"https://docs.directus.io/reference/files.html#advanced-transformations",[166],[1091],{"type":159,"value":598},{"type":159,"value":1093},", is basically a list of lists. This is to facilitate the use of those sharp functions, like ",{"type":154,"tag":162,"props":1095,"children":1098},{"href":1096,"rel":1097},"https://sharp.pixelplumbing.com/api-operation#normalise",[166],[1099],{"type":154,"tag":185,"props":1100,"children":1102},{"className":1101},[],[1103],{"type":159,"value":1104},"normalise",{"type":159,"value":1106},", that would need multiple values in input: ",{"type":154,"tag":185,"props":1108,"children":1110},{"className":1109},[],[1111],{"type":159,"value":1112},"transforms: [['normalise', 1, 99], ['blur', 4], ['negate']]",{"type":159,"value":1114},".",{"type":154,"tag":1116,"props":1117,"children":1118},"style",{},[1119],{"type":159,"value":1120},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":142,"searchDepth":225,"depth":225,"links":1122},[1123],{"id":583,"depth":225,"text":586},"markdown","content:3.providers:directus.md","content","3.providers/directus.md","3.providers/directus","md",[1131,1243],{"_path":59,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":58,"description":1132,"links":1133,"body":1136,"_type":1124,"_id":1240,"_source":1126,"_file":1241,"_stem":1242,"_extension":1129},"Nuxt Image has first class integration with Contentful.",[1134],{"label":146,"icon":147,"to":1135,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/contentful.ts",{"type":151,"children":1137,"toc":1238},[1138,1149,1154,1234],{"type":154,"tag":155,"props":1139,"children":1140},{},[1141,1142,1148],{"type":159,"value":160},{"type":154,"tag":162,"props":1143,"children":1146},{"href":1144,"rel":1145},"https://www.contentful.com",[166],[1147],{"type":159,"value":58},{"type":159,"value":170},{"type":154,"tag":155,"props":1150,"children":1151},{},[1152],{"type":159,"value":1153},"To use this provider you just need to specify the base URL of your service in Contentful.",{"type":154,"tag":177,"props":1155,"children":1157},{"className":179,"code":1156,"filename":181,"language":182,"meta":142,"style":142},"export default defineNuxtConfig({\n  image: {\n    contentful: {}\n  }\n})\n",[1158],{"type":154,"tag":185,"props":1159,"children":1160},{"__ignoreMap":142},[1161,1184,1199,1216,1223],{"type":154,"tag":189,"props":1162,"children":1163},{"class":191,"line":192},[1164,1168,1172,1176,1180],{"type":154,"tag":189,"props":1165,"children":1166},{"style":196},[1167],{"type":159,"value":199},{"type":154,"tag":189,"props":1169,"children":1170},{"style":196},[1171],{"type":159,"value":204},{"type":154,"tag":189,"props":1173,"children":1174},{"style":207},[1175],{"type":159,"value":210},{"type":154,"tag":189,"props":1177,"children":1178},{"style":213},[1179],{"type":159,"value":216},{"type":154,"tag":189,"props":1181,"children":1182},{"style":219},[1183],{"type":159,"value":222},{"type":154,"tag":189,"props":1185,"children":1186},{"class":191,"line":225},[1187,1191,1195],{"type":154,"tag":189,"props":1188,"children":1189},{"style":229},[1190],{"type":159,"value":232},{"type":154,"tag":189,"props":1192,"children":1193},{"style":219},[1194],{"type":159,"value":237},{"type":154,"tag":189,"props":1196,"children":1197},{"style":219},[1198],{"type":159,"value":242},{"type":154,"tag":189,"props":1200,"children":1201},{"class":191,"line":245},[1202,1207,1211],{"type":154,"tag":189,"props":1203,"children":1204},{"style":229},[1205],{"type":159,"value":1206},"    contentful",{"type":154,"tag":189,"props":1208,"children":1209},{"style":219},[1210],{"type":159,"value":237},{"type":154,"tag":189,"props":1212,"children":1213},{"style":219},[1214],{"type":159,"value":1215}," {}\n",{"type":154,"tag":189,"props":1217,"children":1218},{"class":191,"line":262},[1219],{"type":154,"tag":189,"props":1220,"children":1221},{"style":219},[1222],{"type":159,"value":316},{"type":154,"tag":189,"props":1224,"children":1225},{"class":191,"line":272},[1226,1230],{"type":154,"tag":189,"props":1227,"children":1228},{"style":219},[1229],{"type":159,"value":325},{"type":154,"tag":189,"props":1231,"children":1232},{"style":213},[1233],{"type":159,"value":330},{"type":154,"tag":1116,"props":1235,"children":1236},{},[1237],{"type":159,"value":1120},{"title":142,"searchDepth":225,"depth":225,"links":1239},[],"content:3.providers:contentful.md","3.providers/contentful.md","3.providers/contentful",{"_path":65,"_dir":140,"_draft":141,"_partial":141,"_locale":142,"title":64,"description":1244,"links":1245,"body":1248,"_type":1124,"_id":1506,"_source":1126,"_file":1507,"_stem":1508,"_extension":1129},"Optimize images with Edgio (formerly Layer0)'s optimization service.",[1246],{"label":146,"icon":147,"to":1247,"size":149},"https://github.com/nuxt/image/blob/main/src/runtime/providers/edgio.ts",{"type":151,"children":1249,"toc":1500},[1250,1255,1263,1277,1286,1431,1435,1463,1469,1480,1496],{"type":154,"tag":155,"props":1251,"children":1252},{},[1253],{"type":159,"value":1254},"Edgio provides a simple HTTP service for optimizing images.",{"type":154,"tag":1071,"props":1256,"children":1257},{},[1258],{"type":154,"tag":155,"props":1259,"children":1260},{},[1261],{"type":159,"value":1262},"The image optimizer will only return an optimized image for mobile browsers. Desktop browsers are served the original image.",{"type":154,"tag":155,"props":1264,"children":1265},{},[1266,1268,1275],{"type":159,"value":1267},"This integration works out of the box without need to configure! See the ",{"type":154,"tag":162,"props":1269,"children":1272},{"href":1270,"rel":1271},"https://docs.edg.io/guides/image_optimization",[166],[1273],{"type":159,"value":1274},"documentation",{"type":159,"value":1276}," for more information.",{"type":154,"tag":155,"props":1278,"children":1279},{},[1280],{"type":154,"tag":1281,"props":1282,"children":1283},"strong",{},[1284],{"type":159,"value":1285},"Example:",{"type":154,"tag":177,"props":1287,"children":1289},{"className":603,"code":1288,"language":605,"meta":142,"style":142},"\u003CNuxtImg\n  provider=\"edgio\"\n  src=\"https://i.imgur.com/LFtQeX2.jpeg\"\n  width=\"200\"\n  height=\"200\"\n  quality=\"80\"\n/>\n",[1290],{"type":154,"tag":185,"props":1291,"children":1292},{"__ignoreMap":142},[1293,1304,1328,1352,1377,1400,1424],{"type":154,"tag":189,"props":1294,"children":1295},{"class":191,"line":192},[1296,1300],{"type":154,"tag":189,"props":1297,"children":1298},{"style":219},[1299],{"type":159,"value":617},{"type":154,"tag":189,"props":1301,"children":1302},{"style":229},[1303],{"type":159,"value":622},{"type":154,"tag":189,"props":1305,"children":1306},{"class":191,"line":225},[1307,1311,1315,1319,1324],{"type":154,"tag":189,"props":1308,"children":1309},{"style":628},[1310],{"type":159,"value":631},{"type":154,"tag":189,"props":1312,"children":1313},{"style":219},[1314],{"type":159,"value":636},{"type":154,"tag":189,"props":1316,"children":1317},{"style":219},[1318],{"type":159,"value":641},{"type":154,"tag":189,"props":1320,"children":1321},{"style":290},[1322],{"type":159,"value":1323},"edgio",{"type":154,"tag":189,"props":1325,"children":1326},{"style":219},[1327],{"type":159,"value":651},{"type":154,"tag":189,"props":1329,"children":1330},{"class":191,"line":245},[1331,1335,1339,1343,1348],{"type":154,"tag":189,"props":1332,"children":1333},{"style":628},[1334],{"type":159,"value":659},{"type":154,"tag":189,"props":1336,"children":1337},{"style":219},[1338],{"type":159,"value":636},{"type":154,"tag":189,"props":1340,"children":1341},{"style":219},[1342],{"type":159,"value":641},{"type":154,"tag":189,"props":1344,"children":1345},{"style":290},[1346],{"type":159,"value":1347},"https://i.imgur.com/LFtQeX2.jpeg",{"type":154,"tag":189,"props":1349,"children":1350},{"style":219},[1351],{"type":159,"value":651},{"type":154,"tag":189,"props":1353,"children":1354},{"class":191,"line":262},[1355,1360,1364,1368,1373],{"type":154,"tag":189,"props":1356,"children":1357},{"style":628},[1358],{"type":159,"value":1359},"  width",{"type":154,"tag":189,"props":1361,"children":1362},{"style":219},[1363],{"type":159,"value":636},{"type":154,"tag":189,"props":1365,"children":1366},{"style":219},[1367],{"type":159,"value":641},{"type":154,"tag":189,"props":1369,"children":1370},{"style":290},[1371],{"type":159,"value":1372},"200",{"type":154,"tag":189,"props":1374,"children":1375},{"style":219},[1376],{"type":159,"value":651},{"type":154,"tag":189,"props":1378,"children":1379},{"class":191,"line":272},[1380,1384,1388,1392,1396],{"type":154,"tag":189,"props":1381,"children":1382},{"style":628},[1383],{"type":159,"value":684},{"type":154,"tag":189,"props":1385,"children":1386},{"style":219},[1387],{"type":159,"value":636},{"type":154,"tag":189,"props":1389,"children":1390},{"style":219},[1391],{"type":159,"value":641},{"type":154,"tag":189,"props":1393,"children":1394},{"style":290},[1395],{"type":159,"value":1372},{"type":154,"tag":189,"props":1397,"children":1398},{"style":219},[1399],{"type":159,"value":651},{"type":154,"tag":189,"props":1401,"children":1402},{"class":191,"line":301},[1403,1407,1411,1415,1420],{"type":154,"tag":189,"props":1404,"children":1405},{"style":628},[1406],{"type":159,"value":734},{"type":154,"tag":189,"props":1408,"children":1409},{"style":219},[1410],{"type":159,"value":636},{"type":154,"tag":189,"props":1412,"children":1413},{"style":219},[1414],{"type":159,"value":641},{"type":154,"tag":189,"props":1416,"children":1417},{"style":290},[1418],{"type":159,"value":1419},"80",{"type":154,"tag":189,"props":1421,"children":1422},{"style":219},[1423],{"type":159,"value":651},{"type":154,"tag":189,"props":1425,"children":1426},{"class":191,"line":310},[1427],{"type":154,"tag":189,"props":1428,"children":1429},{"style":213},[1430],{"type":159,"value":814},{"type":154,"tag":581,"props":1432,"children":1433},{"id":583},[1434],{"type":159,"value":586},{"type":154,"tag":155,"props":1436,"children":1437},{},[1438,1440,1446,1448,1454,1456,1462],{"type":159,"value":1439},"Edgio supports the following modifiers: ",{"type":154,"tag":185,"props":1441,"children":1443},{"className":1442},[],[1444],{"type":159,"value":1445},"height",{"type":159,"value":1447},", ",{"type":154,"tag":185,"props":1449,"children":1451},{"className":1450},[],[1452],{"type":159,"value":1453},"width",{"type":159,"value":1455},", and ",{"type":154,"tag":185,"props":1457,"children":1459},{"className":1458},[],[1460],{"type":159,"value":1461},"quality",{"type":159,"value":1114},{"type":154,"tag":581,"props":1464,"children":1466},{"id":1465},"options",[1467],{"type":159,"value":1468},"Options",{"type":154,"tag":1470,"props":1471,"children":1473},"h3",{"id":1472},"baseurl",[1474],{"type":154,"tag":185,"props":1475,"children":1477},{"className":1476},[],[1478],{"type":159,"value":1479},"baseURL",{"type":154,"tag":1481,"props":1482,"children":1483},"ul",{},[1484],{"type":154,"tag":1485,"props":1486,"children":1487},"li",{},[1488,1490],{"type":159,"value":1489},"Default: ",{"type":154,"tag":185,"props":1491,"children":1493},{"className":1492},[],[1494],{"type":159,"value":1495},"https://opt.moovweb.net",{"type":154,"tag":1116,"props":1497,"children":1498},{},[1499],{"type":159,"value":1120},{"title":142,"searchDepth":225,"depth":225,"links":1501},[1502,1503],{"id":583,"depth":225,"text":586},{"id":1465,"depth":225,"text":1468,"children":1504},[1505],{"id":1472,"depth":245,"text":1479},"content:3.providers:edgio.md","3.providers/edgio.md","3.providers/edgio",1742393726065]