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