[{"data":1,"prerenderedAt":1513},["ShallowReactive",2],{"navigation":3,"docs-/providers/edgio":136,"docs-/providers/edgio-surround":426},[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,"_stem":424,"_extension":425},"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","3.providers/edgio","md",[427,1370],{"_path":62,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":61,"description":428,"links":429,"body":432,"_type":420,"_id":1367,"_source":422,"_file":1368,"_stem":1369,"_extension":425},"Nuxt Image with Directus integration.",[430],{"label":143,"icon":144,"to":431,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/directus.ts",{"type":148,"children":433,"toc":1364},[434,447,452,602,607,849,853,867,1075,1104,1316,1360],{"type":151,"tag":152,"props":435,"children":436},{},[437,439,445],{"type":156,"value":438},"Integration between ",{"type":151,"tag":173,"props":440,"children":443},{"href":441,"rel":442},"https://directus.io/",[177],[444],{"type":156,"value":61},{"type":156,"value":446}," and the image module.",{"type":151,"tag":152,"props":448,"children":449},{},[450],{"type":156,"value":451},"To use this provider you just need to specify the base URL of your project.",{"type":151,"tag":193,"props":453,"children":458},{"className":454,"code":455,"filename":456,"language":457,"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",[459],{"type":151,"tag":200,"props":460,"children":461},{"__ignoreMap":139},[462,493,511,527,537,570,579,588],{"type":151,"tag":204,"props":463,"children":464},{"class":206,"line":207},[465,471,476,482,488],{"type":151,"tag":204,"props":466,"children":468},{"style":467},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[469],{"type":156,"value":470},"export",{"type":151,"tag":204,"props":472,"children":473},{"style":467},[474],{"type":156,"value":475}," default",{"type":151,"tag":204,"props":477,"children":479},{"style":478},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[480],{"type":156,"value":481}," defineNuxtConfig",{"type":151,"tag":204,"props":483,"children":485},{"style":484},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[486],{"type":156,"value":487},"(",{"type":151,"tag":204,"props":489,"children":490},{"style":211},[491],{"type":156,"value":492},"{\n",{"type":151,"tag":204,"props":494,"children":495},{"class":206,"line":413},[496,501,506],{"type":151,"tag":204,"props":497,"children":498},{"style":217},[499],{"type":156,"value":500},"  image",{"type":151,"tag":204,"props":502,"children":503},{"style":211},[504],{"type":156,"value":505},":",{"type":151,"tag":204,"props":507,"children":508},{"style":211},[509],{"type":156,"value":510}," {\n",{"type":151,"tag":204,"props":512,"children":513},{"class":206,"line":419},[514,519,523],{"type":151,"tag":204,"props":515,"children":516},{"style":217},[517],{"type":156,"value":518},"    directus",{"type":151,"tag":204,"props":520,"children":521},{"style":211},[522],{"type":156,"value":505},{"type":151,"tag":204,"props":524,"children":525},{"style":211},[526],{"type":156,"value":510},{"type":151,"tag":204,"props":528,"children":530},{"class":206,"line":529},4,[531],{"type":151,"tag":204,"props":532,"children":534},{"style":533},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[535],{"type":156,"value":536},"      // This URL needs to include the final `assets/` directory\n",{"type":151,"tag":204,"props":538,"children":540},{"class":206,"line":539},5,[541,546,550,555,560,565],{"type":151,"tag":204,"props":542,"children":543},{"style":217},[544],{"type":156,"value":545},"      baseURL",{"type":151,"tag":204,"props":547,"children":548},{"style":211},[549],{"type":156,"value":505},{"type":151,"tag":204,"props":551,"children":552},{"style":211},[553],{"type":156,"value":554}," '",{"type":151,"tag":204,"props":556,"children":557},{"style":239},[558],{"type":156,"value":559},"http://localhost:8055/assets/",{"type":151,"tag":204,"props":561,"children":562},{"style":211},[563],{"type":156,"value":564},"'",{"type":151,"tag":204,"props":566,"children":567},{"style":211},[568],{"type":156,"value":569},",\n",{"type":151,"tag":204,"props":571,"children":573},{"class":206,"line":572},6,[574],{"type":151,"tag":204,"props":575,"children":576},{"style":211},[577],{"type":156,"value":578},"    }\n",{"type":151,"tag":204,"props":580,"children":582},{"class":206,"line":581},7,[583],{"type":151,"tag":204,"props":584,"children":585},{"style":211},[586],{"type":156,"value":587},"  }\n",{"type":151,"tag":204,"props":589,"children":591},{"class":206,"line":590},8,[592,597],{"type":151,"tag":204,"props":593,"children":594},{"style":211},[595],{"type":156,"value":596},"}",{"type":151,"tag":204,"props":598,"children":599},{"style":484},[600],{"type":156,"value":601},")\n",{"type":151,"tag":152,"props":603,"children":604},{},[605],{"type":156,"value":606},"You can easily override default options:",{"type":151,"tag":193,"props":608,"children":610},{"className":454,"code":609,"filename":456,"language":457,"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",[611],{"type":151,"tag":200,"props":612,"children":613},{"__ignoreMap":139},[614,637,652,667,695,711,740,813,821,829,837],{"type":151,"tag":204,"props":615,"children":616},{"class":206,"line":207},[617,621,625,629,633],{"type":151,"tag":204,"props":618,"children":619},{"style":467},[620],{"type":156,"value":470},{"type":151,"tag":204,"props":622,"children":623},{"style":467},[624],{"type":156,"value":475},{"type":151,"tag":204,"props":626,"children":627},{"style":478},[628],{"type":156,"value":481},{"type":151,"tag":204,"props":630,"children":631},{"style":484},[632],{"type":156,"value":487},{"type":151,"tag":204,"props":634,"children":635},{"style":211},[636],{"type":156,"value":492},{"type":151,"tag":204,"props":638,"children":639},{"class":206,"line":413},[640,644,648],{"type":151,"tag":204,"props":641,"children":642},{"style":217},[643],{"type":156,"value":500},{"type":151,"tag":204,"props":645,"children":646},{"style":211},[647],{"type":156,"value":505},{"type":151,"tag":204,"props":649,"children":650},{"style":211},[651],{"type":156,"value":510},{"type":151,"tag":204,"props":653,"children":654},{"class":206,"line":419},[655,659,663],{"type":151,"tag":204,"props":656,"children":657},{"style":217},[658],{"type":156,"value":518},{"type":151,"tag":204,"props":660,"children":661},{"style":211},[662],{"type":156,"value":505},{"type":151,"tag":204,"props":664,"children":665},{"style":211},[666],{"type":156,"value":510},{"type":151,"tag":204,"props":668,"children":669},{"class":206,"line":529},[670,674,678,682,687,691],{"type":151,"tag":204,"props":671,"children":672},{"style":217},[673],{"type":156,"value":545},{"type":151,"tag":204,"props":675,"children":676},{"style":211},[677],{"type":156,"value":505},{"type":151,"tag":204,"props":679,"children":680},{"style":211},[681],{"type":156,"value":554},{"type":151,"tag":204,"props":683,"children":684},{"style":239},[685],{"type":156,"value":686},"http://mydirectus-domain.com/assets/",{"type":151,"tag":204,"props":688,"children":689},{"style":211},[690],{"type":156,"value":564},{"type":151,"tag":204,"props":692,"children":693},{"style":211},[694],{"type":156,"value":569},{"type":151,"tag":204,"props":696,"children":697},{"class":206,"line":539},[698,703,707],{"type":151,"tag":204,"props":699,"children":700},{"style":217},[701],{"type":156,"value":702},"      modifiers",{"type":151,"tag":204,"props":704,"children":705},{"style":211},[706],{"type":156,"value":505},{"type":151,"tag":204,"props":708,"children":709},{"style":211},[710],{"type":156,"value":510},{"type":151,"tag":204,"props":712,"children":713},{"class":206,"line":572},[714,719,723,727,732,736],{"type":151,"tag":204,"props":715,"children":716},{"style":217},[717],{"type":156,"value":718},"        withoutEnlargement",{"type":151,"tag":204,"props":720,"children":721},{"style":211},[722],{"type":156,"value":505},{"type":151,"tag":204,"props":724,"children":725},{"style":211},[726],{"type":156,"value":554},{"type":151,"tag":204,"props":728,"children":729},{"style":239},[730],{"type":156,"value":731},"true",{"type":151,"tag":204,"props":733,"children":734},{"style":211},[735],{"type":156,"value":564},{"type":151,"tag":204,"props":737,"children":738},{"style":211},[739],{"type":156,"value":569},{"type":151,"tag":204,"props":741,"children":742},{"class":206,"line":581},[743,748,752,757,761,766,770,775,781,786,790,795,799,804,808],{"type":151,"tag":204,"props":744,"children":745},{"style":217},[746],{"type":156,"value":747},"        transforms",{"type":151,"tag":204,"props":749,"children":750},{"style":211},[751],{"type":156,"value":505},{"type":151,"tag":204,"props":753,"children":754},{"style":484},[755],{"type":156,"value":756}," [[",{"type":151,"tag":204,"props":758,"children":759},{"style":211},[760],{"type":156,"value":564},{"type":151,"tag":204,"props":762,"children":763},{"style":239},[764],{"type":156,"value":765},"blur",{"type":151,"tag":204,"props":767,"children":768},{"style":211},[769],{"type":156,"value":564},{"type":151,"tag":204,"props":771,"children":772},{"style":211},[773],{"type":156,"value":774},",",{"type":151,"tag":204,"props":776,"children":778},{"style":777},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[779],{"type":156,"value":780}," 4",{"type":151,"tag":204,"props":782,"children":783},{"style":484},[784],{"type":156,"value":785},"]",{"type":151,"tag":204,"props":787,"children":788},{"style":211},[789],{"type":156,"value":774},{"type":151,"tag":204,"props":791,"children":792},{"style":484},[793],{"type":156,"value":794}," [",{"type":151,"tag":204,"props":796,"children":797},{"style":211},[798],{"type":156,"value":564},{"type":151,"tag":204,"props":800,"children":801},{"style":239},[802],{"type":156,"value":803},"negate",{"type":151,"tag":204,"props":805,"children":806},{"style":211},[807],{"type":156,"value":564},{"type":151,"tag":204,"props":809,"children":810},{"style":484},[811],{"type":156,"value":812},"]]\n",{"type":151,"tag":204,"props":814,"children":815},{"class":206,"line":590},[816],{"type":151,"tag":204,"props":817,"children":818},{"style":211},[819],{"type":156,"value":820},"      }\n",{"type":151,"tag":204,"props":822,"children":824},{"class":206,"line":823},9,[825],{"type":151,"tag":204,"props":826,"children":827},{"style":211},[828],{"type":156,"value":578},{"type":151,"tag":204,"props":830,"children":832},{"class":206,"line":831},10,[833],{"type":151,"tag":204,"props":834,"children":835},{"style":211},[836],{"type":156,"value":587},{"type":151,"tag":204,"props":838,"children":840},{"class":206,"line":839},11,[841,845],{"type":151,"tag":204,"props":842,"children":843},{"style":211},[844],{"type":156,"value":596},{"type":151,"tag":204,"props":846,"children":847},{"style":484},[848],{"type":156,"value":601},{"type":151,"tag":340,"props":850,"children":851},{"id":342},[852],{"type":156,"value":345},{"type":151,"tag":152,"props":854,"children":855},{},[856,858,865],{"type":156,"value":857},"All the default modifiers from ",{"type":151,"tag":173,"props":859,"children":862},{"href":860,"rel":861},"https://docs.directus.io/reference/files.html#requesting-a-thumbnail",[177],[863],{"type":156,"value":864},"Directus documentation",{"type":156,"value":866}," are available.",{"type":151,"tag":193,"props":868,"children":870},{"className":195,"code":869,"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",[871],{"type":151,"tag":200,"props":872,"children":873},{"__ignoreMap":139},[874,886,912,937,962,987,1012,1067],{"type":151,"tag":204,"props":875,"children":876},{"class":206,"line":207},[877,881],{"type":151,"tag":204,"props":878,"children":879},{"style":211},[880],{"type":156,"value":214},{"type":151,"tag":204,"props":882,"children":883},{"style":217},[884],{"type":156,"value":885},"NuxtImg\n",{"type":151,"tag":204,"props":887,"children":888},{"class":206,"line":413},[889,894,898,902,907],{"type":151,"tag":204,"props":890,"children":891},{"style":223},[892],{"type":156,"value":893},"  provider",{"type":151,"tag":204,"props":895,"children":896},{"style":211},[897],{"type":156,"value":231},{"type":151,"tag":204,"props":899,"children":900},{"style":211},[901],{"type":156,"value":236},{"type":151,"tag":204,"props":903,"children":904},{"style":239},[905],{"type":156,"value":906},"directus",{"type":151,"tag":204,"props":908,"children":909},{"style":211},[910],{"type":156,"value":911},"\"\n",{"type":151,"tag":204,"props":913,"children":914},{"class":206,"line":419},[915,920,924,928,933],{"type":151,"tag":204,"props":916,"children":917},{"style":223},[918],{"type":156,"value":919},"  src",{"type":151,"tag":204,"props":921,"children":922},{"style":211},[923],{"type":156,"value":231},{"type":151,"tag":204,"props":925,"children":926},{"style":211},[927],{"type":156,"value":236},{"type":151,"tag":204,"props":929,"children":930},{"style":239},[931],{"type":156,"value":932},"ad514db1-eb90-4523-8183-46781437e7ee",{"type":151,"tag":204,"props":934,"children":935},{"style":211},[936],{"type":156,"value":911},{"type":151,"tag":204,"props":938,"children":939},{"class":206,"line":529},[940,945,949,953,958],{"type":151,"tag":204,"props":941,"children":942},{"style":223},[943],{"type":156,"value":944},"  height",{"type":151,"tag":204,"props":946,"children":947},{"style":211},[948],{"type":156,"value":231},{"type":151,"tag":204,"props":950,"children":951},{"style":211},[952],{"type":156,"value":236},{"type":151,"tag":204,"props":954,"children":955},{"style":239},[956],{"type":156,"value":957},"512",{"type":151,"tag":204,"props":959,"children":960},{"style":211},[961],{"type":156,"value":911},{"type":151,"tag":204,"props":963,"children":964},{"class":206,"line":539},[965,970,974,978,983],{"type":151,"tag":204,"props":966,"children":967},{"style":223},[968],{"type":156,"value":969},"  fit",{"type":151,"tag":204,"props":971,"children":972},{"style":211},[973],{"type":156,"value":231},{"type":151,"tag":204,"props":975,"children":976},{"style":211},[977],{"type":156,"value":236},{"type":151,"tag":204,"props":979,"children":980},{"style":239},[981],{"type":156,"value":982},"inside",{"type":151,"tag":204,"props":984,"children":985},{"style":211},[986],{"type":156,"value":911},{"type":151,"tag":204,"props":988,"children":989},{"class":206,"line":572},[990,995,999,1003,1008],{"type":151,"tag":204,"props":991,"children":992},{"style":223},[993],{"type":156,"value":994},"  quality",{"type":151,"tag":204,"props":996,"children":997},{"style":211},[998],{"type":156,"value":231},{"type":151,"tag":204,"props":1000,"children":1001},{"style":211},[1002],{"type":156,"value":236},{"type":151,"tag":204,"props":1004,"children":1005},{"style":239},[1006],{"type":156,"value":1007},"20",{"type":151,"tag":204,"props":1009,"children":1010},{"style":211},[1011],{"type":156,"value":911},{"type":151,"tag":204,"props":1013,"children":1014},{"class":206,"line":581},[1015,1020,1024,1028,1032,1037,1042,1046,1050,1054,1058,1063],{"type":151,"tag":204,"props":1016,"children":1017},{"style":211},[1018],{"type":156,"value":1019},"  :",{"type":151,"tag":204,"props":1021,"children":1022},{"style":223},[1023],{"type":156,"value":342},{"type":151,"tag":204,"props":1025,"children":1026},{"style":211},[1027],{"type":156,"value":231},{"type":151,"tag":204,"props":1029,"children":1030},{"style":211},[1031],{"type":156,"value":236},{"type":151,"tag":204,"props":1033,"children":1034},{"style":211},[1035],{"type":156,"value":1036},"{",{"type":151,"tag":204,"props":1038,"children":1039},{"style":217},[1040],{"type":156,"value":1041}," withoutEnlargement",{"type":151,"tag":204,"props":1043,"children":1044},{"style":211},[1045],{"type":156,"value":505},{"type":151,"tag":204,"props":1047,"children":1048},{"style":211},[1049],{"type":156,"value":554},{"type":151,"tag":204,"props":1051,"children":1052},{"style":239},[1053],{"type":156,"value":731},{"type":151,"tag":204,"props":1055,"children":1056},{"style":211},[1057],{"type":156,"value":564},{"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":911},{"type":151,"tag":204,"props":1068,"children":1069},{"class":206,"line":590},[1070],{"type":151,"tag":204,"props":1071,"children":1072},{"style":484},[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":885},{"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":893},{"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":906},{"type":151,"tag":204,"props":1142,"children":1143},{"style":211},[1144],{"type":156,"value":911},{"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":919},{"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":932},{"type":151,"tag":204,"props":1165,"children":1166},{"style":211},[1167],{"type":156,"value":911},{"type":151,"tag":204,"props":1169,"children":1170},{"class":206,"line":529},[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":1019},{"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":1036},{"type":151,"tag":204,"props":1192,"children":1193},{"style":217},[1194],{"type":156,"value":295},{"type":151,"tag":204,"props":1196,"children":1197},{"style":211},[1198],{"type":156,"value":505},{"type":151,"tag":204,"props":1200,"children":1201},{"style":211},[1202],{"type":156,"value":554},{"type":151,"tag":204,"props":1204,"children":1205},{"style":239},[1206],{"type":156,"value":957},{"type":151,"tag":204,"props":1208,"children":1209},{"style":211},[1210],{"type":156,"value":564},{"type":151,"tag":204,"props":1212,"children":1213},{"style":211},[1214],{"type":156,"value":774},{"type":151,"tag":204,"props":1216,"children":1217},{"style":217},[1218],{"type":156,"value":1041},{"type":151,"tag":204,"props":1220,"children":1221},{"style":211},[1222],{"type":156,"value":505},{"type":151,"tag":204,"props":1224,"children":1225},{"style":211},[1226],{"type":156,"value":554},{"type":151,"tag":204,"props":1228,"children":1229},{"style":239},[1230],{"type":156,"value":731},{"type":151,"tag":204,"props":1232,"children":1233},{"style":211},[1234],{"type":156,"value":564},{"type":151,"tag":204,"props":1236,"children":1237},{"style":211},[1238],{"type":156,"value":774},{"type":151,"tag":204,"props":1240,"children":1241},{"style":217},[1242],{"type":156,"value":1243}," transforms",{"type":151,"tag":204,"props":1245,"children":1246},{"style":211},[1247],{"type":156,"value":505},{"type":151,"tag":204,"props":1249,"children":1250},{"style":484},[1251],{"type":156,"value":756},{"type":151,"tag":204,"props":1253,"children":1254},{"style":211},[1255],{"type":156,"value":564},{"type":151,"tag":204,"props":1257,"children":1258},{"style":239},[1259],{"type":156,"value":765},{"type":151,"tag":204,"props":1261,"children":1262},{"style":211},[1263],{"type":156,"value":564},{"type":151,"tag":204,"props":1265,"children":1266},{"style":211},[1267],{"type":156,"value":774},{"type":151,"tag":204,"props":1269,"children":1270},{"style":777},[1271],{"type":156,"value":780},{"type":151,"tag":204,"props":1273,"children":1274},{"style":484},[1275],{"type":156,"value":785},{"type":151,"tag":204,"props":1277,"children":1278},{"style":211},[1279],{"type":156,"value":774},{"type":151,"tag":204,"props":1281,"children":1282},{"style":484},[1283],{"type":156,"value":794},{"type":151,"tag":204,"props":1285,"children":1286},{"style":211},[1287],{"type":156,"value":564},{"type":151,"tag":204,"props":1289,"children":1290},{"style":239},[1291],{"type":156,"value":803},{"type":151,"tag":204,"props":1293,"children":1294},{"style":211},[1295],{"type":156,"value":564},{"type":151,"tag":204,"props":1297,"children":1298},{"style":484},[1299],{"type":156,"value":1300},"]] ",{"type":151,"tag":204,"props":1302,"children":1303},{"style":211},[1304],{"type":156,"value":596},{"type":151,"tag":204,"props":1306,"children":1307},{"style":211},[1308],{"type":156,"value":911},{"type":151,"tag":204,"props":1310,"children":1311},{"class":206,"line":539},[1312],{"type":151,"tag":204,"props":1313,"children":1314},{"style":484},[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":864},{"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","3.providers/directus",{"_path":68,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":67,"description":1371,"links":1372,"body":1375,"_type":420,"_id":1510,"_source":422,"_file":1511,"_stem":1512,"_extension":425},"Nuxt Image has first class integration with Fastly.",[1373],{"label":143,"icon":144,"to":1374,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/fastly.ts",{"type":148,"children":1376,"toc":1508},[1377,1388,1393,1504],{"type":151,"tag":152,"props":1378,"children":1379},{},[1380,1381,1387],{"type":156,"value":438},{"type":151,"tag":173,"props":1382,"children":1385},{"href":1383,"rel":1384},"https://docs.fastly.com/en/guides/image-optimization-api",[177],[1386],{"type":156,"value":67},{"type":156,"value":446},{"type":151,"tag":152,"props":1389,"children":1390},{},[1391],{"type":156,"value":1392},"To use this provider you just need to specify the base url of your service in Fastly.",{"type":151,"tag":193,"props":1394,"children":1396},{"className":454,"code":1395,"filename":456,"language":457,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    fastly: {\n      baseURL: 'https://www.fastly.io'\n    }\n  }\n})\n",[1397],{"type":151,"tag":200,"props":1398,"children":1399},{"__ignoreMap":139},[1400,1423,1438,1454,1479,1486,1493],{"type":151,"tag":204,"props":1401,"children":1402},{"class":206,"line":207},[1403,1407,1411,1415,1419],{"type":151,"tag":204,"props":1404,"children":1405},{"style":467},[1406],{"type":156,"value":470},{"type":151,"tag":204,"props":1408,"children":1409},{"style":467},[1410],{"type":156,"value":475},{"type":151,"tag":204,"props":1412,"children":1413},{"style":478},[1414],{"type":156,"value":481},{"type":151,"tag":204,"props":1416,"children":1417},{"style":484},[1418],{"type":156,"value":487},{"type":151,"tag":204,"props":1420,"children":1421},{"style":211},[1422],{"type":156,"value":492},{"type":151,"tag":204,"props":1424,"children":1425},{"class":206,"line":413},[1426,1430,1434],{"type":151,"tag":204,"props":1427,"children":1428},{"style":217},[1429],{"type":156,"value":500},{"type":151,"tag":204,"props":1431,"children":1432},{"style":211},[1433],{"type":156,"value":505},{"type":151,"tag":204,"props":1435,"children":1436},{"style":211},[1437],{"type":156,"value":510},{"type":151,"tag":204,"props":1439,"children":1440},{"class":206,"line":419},[1441,1446,1450],{"type":151,"tag":204,"props":1442,"children":1443},{"style":217},[1444],{"type":156,"value":1445},"    fastly",{"type":151,"tag":204,"props":1447,"children":1448},{"style":211},[1449],{"type":156,"value":505},{"type":151,"tag":204,"props":1451,"children":1452},{"style":211},[1453],{"type":156,"value":510},{"type":151,"tag":204,"props":1455,"children":1456},{"class":206,"line":529},[1457,1461,1465,1469,1474],{"type":151,"tag":204,"props":1458,"children":1459},{"style":217},[1460],{"type":156,"value":545},{"type":151,"tag":204,"props":1462,"children":1463},{"style":211},[1464],{"type":156,"value":505},{"type":151,"tag":204,"props":1466,"children":1467},{"style":211},[1468],{"type":156,"value":554},{"type":151,"tag":204,"props":1470,"children":1471},{"style":239},[1472],{"type":156,"value":1473},"https://www.fastly.io",{"type":151,"tag":204,"props":1475,"children":1476},{"style":211},[1477],{"type":156,"value":1478},"'\n",{"type":151,"tag":204,"props":1480,"children":1481},{"class":206,"line":539},[1482],{"type":151,"tag":204,"props":1483,"children":1484},{"style":211},[1485],{"type":156,"value":578},{"type":151,"tag":204,"props":1487,"children":1488},{"class":206,"line":572},[1489],{"type":151,"tag":204,"props":1490,"children":1491},{"style":211},[1492],{"type":156,"value":587},{"type":151,"tag":204,"props":1494,"children":1495},{"class":206,"line":581},[1496,1500],{"type":151,"tag":204,"props":1497,"children":1498},{"style":211},[1499],{"type":156,"value":596},{"type":151,"tag":204,"props":1501,"children":1502},{"style":484},[1503],{"type":156,"value":601},{"type":151,"tag":407,"props":1505,"children":1506},{},[1507],{"type":156,"value":411},{"title":139,"searchDepth":413,"depth":413,"links":1509},[],"content:3.providers:fastly.md","3.providers/fastly.md","3.providers/fastly",1736769703464]