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