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