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