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