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