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