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