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