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