[{"data":1,"prerenderedAt":1482},["ShallowReactive",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":1111,"_id":1112,"_source":1113,"_file":1114,"_stem":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":1108},"root",[150,168,173,333,338,580,587,601,815,844,1057,1102],{"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-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--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-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--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,807],{"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,782,786,790,794,798,803],{"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":779},{"style":226},[780],{"type":156,"value":781}," withoutEnlargement",{"type":151,"tag":186,"props":783,"children":784},{"style":216},[785],{"type":156,"value":234},{"type":151,"tag":186,"props":787,"children":788},{"style":216},[789],{"type":156,"value":284},{"type":151,"tag":186,"props":791,"children":792},{"style":287},[793],{"type":156,"value":462},{"type":151,"tag":186,"props":795,"children":796},{"style":216},[797],{"type":156,"value":295},{"type":151,"tag":186,"props":799,"children":800},{"style":216},[801],{"type":156,"value":802}," }",{"type":151,"tag":186,"props":804,"children":805},{"style":216},[806],{"type":156,"value":651},{"type":151,"tag":186,"props":808,"children":809},{"class":188,"line":321},[810],{"type":151,"tag":186,"props":811,"children":812},{"style":210},[813],{"type":156,"value":814},"/>\n",{"type":151,"tag":152,"props":816,"children":817},{},[818,820,827,829,835,837,842],{"type":156,"value":819},"Since Directus exposes ",{"type":151,"tag":159,"props":821,"children":824},{"href":822,"rel":823},"https://sharp.pixelplumbing.com/api-operation",[163],[825],{"type":156,"value":826},"the full sharp API",{"type":156,"value":828}," through the ",{"type":151,"tag":182,"props":830,"children":832},{"className":831},[],[833],{"type":156,"value":834},"transforms",{"type":156,"value":836}," parameter, we can use it inside our ",{"type":151,"tag":182,"props":838,"children":840},{"className":839},[],[841],{"type":156,"value":583},{"type":156,"value":843}," prop:",{"type":151,"tag":174,"props":845,"children":847},{"className":603,"code":846,"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",[848],{"type":151,"tag":182,"props":849,"children":850},{"__ignoreMap":139},[851,862,885,908,1050],{"type":151,"tag":186,"props":852,"children":853},{"class":188,"line":189},[854,858],{"type":151,"tag":186,"props":855,"children":856},{"style":216},[857],{"type":156,"value":617},{"type":151,"tag":186,"props":859,"children":860},{"style":226},[861],{"type":156,"value":622},{"type":151,"tag":186,"props":863,"children":864},{"class":188,"line":222},[865,869,873,877,881],{"type":151,"tag":186,"props":866,"children":867},{"style":628},[868],{"type":156,"value":631},{"type":151,"tag":186,"props":870,"children":871},{"style":216},[872],{"type":156,"value":636},{"type":151,"tag":186,"props":874,"children":875},{"style":216},[876],{"type":156,"value":641},{"type":151,"tag":186,"props":878,"children":879},{"style":287},[880],{"type":156,"value":646},{"type":151,"tag":186,"props":882,"children":883},{"style":216},[884],{"type":156,"value":651},{"type":151,"tag":186,"props":886,"children":887},{"class":188,"line":242},[888,892,896,900,904],{"type":151,"tag":186,"props":889,"children":890},{"style":628},[891],{"type":156,"value":659},{"type":151,"tag":186,"props":893,"children":894},{"style":216},[895],{"type":156,"value":636},{"type":151,"tag":186,"props":897,"children":898},{"style":216},[899],{"type":156,"value":641},{"type":151,"tag":186,"props":901,"children":902},{"style":287},[903],{"type":156,"value":672},{"type":151,"tag":186,"props":905,"children":906},{"style":216},[907],{"type":156,"value":651},{"type":151,"tag":186,"props":909,"children":910},{"class":188,"line":259},[911,915,919,923,927,931,936,940,944,948,952,956,960,964,968,972,976,980,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1042,1046],{"type":151,"tag":186,"props":912,"children":913},{"style":216},[914],{"type":156,"value":759},{"type":151,"tag":186,"props":916,"children":917},{"style":628},[918],{"type":156,"value":583},{"type":151,"tag":186,"props":920,"children":921},{"style":216},[922],{"type":156,"value":636},{"type":151,"tag":186,"props":924,"children":925},{"style":216},[926],{"type":156,"value":641},{"type":151,"tag":186,"props":928,"children":929},{"style":216},[930],{"type":156,"value":776},{"type":151,"tag":186,"props":932,"children":933},{"style":226},[934],{"type":156,"value":935}," height",{"type":151,"tag":186,"props":937,"children":938},{"style":216},[939],{"type":156,"value":234},{"type":151,"tag":186,"props":941,"children":942},{"style":216},[943],{"type":156,"value":284},{"type":151,"tag":186,"props":945,"children":946},{"style":287},[947],{"type":156,"value":697},{"type":151,"tag":186,"props":949,"children":950},{"style":216},[951],{"type":156,"value":295},{"type":151,"tag":186,"props":953,"children":954},{"style":216},[955],{"type":156,"value":505},{"type":151,"tag":186,"props":957,"children":958},{"style":226},[959],{"type":156,"value":781},{"type":151,"tag":186,"props":961,"children":962},{"style":216},[963],{"type":156,"value":234},{"type":151,"tag":186,"props":965,"children":966},{"style":216},[967],{"type":156,"value":284},{"type":151,"tag":186,"props":969,"children":970},{"style":287},[971],{"type":156,"value":462},{"type":151,"tag":186,"props":973,"children":974},{"style":216},[975],{"type":156,"value":295},{"type":151,"tag":186,"props":977,"children":978},{"style":216},[979],{"type":156,"value":505},{"type":151,"tag":186,"props":981,"children":982},{"style":226},[983],{"type":156,"value":984}," transforms",{"type":151,"tag":186,"props":986,"children":987},{"style":216},[988],{"type":156,"value":234},{"type":151,"tag":186,"props":990,"children":991},{"style":210},[992],{"type":156,"value":487},{"type":151,"tag":186,"props":994,"children":995},{"style":216},[996],{"type":156,"value":295},{"type":151,"tag":186,"props":998,"children":999},{"style":287},[1000],{"type":156,"value":496},{"type":151,"tag":186,"props":1002,"children":1003},{"style":216},[1004],{"type":156,"value":295},{"type":151,"tag":186,"props":1006,"children":1007},{"style":216},[1008],{"type":156,"value":505},{"type":151,"tag":186,"props":1010,"children":1011},{"style":508},[1012],{"type":156,"value":511},{"type":151,"tag":186,"props":1014,"children":1015},{"style":210},[1016],{"type":156,"value":516},{"type":151,"tag":186,"props":1018,"children":1019},{"style":216},[1020],{"type":156,"value":505},{"type":151,"tag":186,"props":1022,"children":1023},{"style":210},[1024],{"type":156,"value":525},{"type":151,"tag":186,"props":1026,"children":1027},{"style":216},[1028],{"type":156,"value":295},{"type":151,"tag":186,"props":1030,"children":1031},{"style":287},[1032],{"type":156,"value":534},{"type":151,"tag":186,"props":1034,"children":1035},{"style":216},[1036],{"type":156,"value":295},{"type":151,"tag":186,"props":1038,"children":1039},{"style":210},[1040],{"type":156,"value":1041},"]] ",{"type":151,"tag":186,"props":1043,"children":1044},{"style":216},[1045],{"type":156,"value":327},{"type":151,"tag":186,"props":1047,"children":1048},{"style":216},[1049],{"type":156,"value":651},{"type":151,"tag":186,"props":1051,"children":1052},{"class":188,"line":269},[1053],{"type":151,"tag":186,"props":1054,"children":1055},{"style":210},[1056],{"type":156,"value":814},{"type":151,"tag":1058,"props":1059,"children":1060},"callout",{},[1061],{"type":151,"tag":152,"props":1062,"children":1063},{},[1064,1066,1071,1073,1079,1081,1092,1094,1100],{"type":156,"value":1065},"Note that the ",{"type":151,"tag":182,"props":1067,"children":1069},{"className":1068},[],[1070],{"type":156,"value":834},{"type":156,"value":1072}," parameter, as stated in the ",{"type":151,"tag":159,"props":1074,"children":1077},{"href":1075,"rel":1076},"https://docs.directus.io/reference/files.html#advanced-transformations",[163],[1078],{"type":156,"value":598},{"type":156,"value":1080},", is basically a list of lists. This is to facilitate the use of those sharp functions, like ",{"type":151,"tag":159,"props":1082,"children":1085},{"href":1083,"rel":1084},"https://sharp.pixelplumbing.com/api-operation#normalise",[163],[1086],{"type":151,"tag":182,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":156,"value":1091},"normalise",{"type":156,"value":1093},", that would need multiple values in input: ",{"type":151,"tag":182,"props":1095,"children":1097},{"className":1096},[],[1098],{"type":156,"value":1099},"transforms: [['normalise', 1, 99], ['blur', 4], ['negate']]",{"type":156,"value":1101},".",{"type":151,"tag":1103,"props":1104,"children":1105},"style",{},[1106],{"type":156,"value":1107},"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":1109},[1110],{"id":583,"depth":222,"text":586},"markdown","content:3.providers:directus.md","content","3.providers/directus.md","3.providers/directus","md",[1118,1230],{"_path":59,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":58,"description":1119,"links":1120,"body":1123,"_type":1111,"_id":1227,"_source":1113,"_file":1228,"_stem":1229,"_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":1103,"props":1222,"children":1223},{},[1224],{"type":156,"value":1107},{"title":139,"searchDepth":222,"depth":222,"links":1226},[],"content:3.providers:contentful.md","3.providers/contentful.md","3.providers/contentful",{"_path":65,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":64,"description":1231,"links":1232,"body":1235,"_type":1111,"_id":1479,"_source":1113,"_file":1480,"_stem":1481,"_extension":1116},"Optimize images with Edgio (formerly Layer0)'s optimization service.",[1233],{"label":143,"icon":144,"to":1234,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/edgio.ts",{"type":148,"children":1236,"toc":1473},[1237,1242,1250,1264,1273,1405,1409,1436,1442,1453,1469],{"type":151,"tag":152,"props":1238,"children":1239},{},[1240],{"type":156,"value":1241},"Edgio provides a simple HTTP service for optimizing images.",{"type":151,"tag":1058,"props":1243,"children":1244},{},[1245],{"type":151,"tag":152,"props":1246,"children":1247},{},[1248],{"type":156,"value":1249},"The image optimizer will only return an optimized image for mobile browsers. Desktop browsers are served the original image.",{"type":151,"tag":152,"props":1251,"children":1252},{},[1253,1255,1262],{"type":156,"value":1254},"This integration works out of the box without need to configure!  See the ",{"type":151,"tag":159,"props":1256,"children":1259},{"href":1257,"rel":1258},"https://docs.edg.io/guides/image_optimization",[163],[1260],{"type":156,"value":1261},"Documentation",{"type":156,"value":1263}," for more information.",{"type":151,"tag":152,"props":1265,"children":1266},{},[1267],{"type":151,"tag":1268,"props":1269,"children":1270},"strong",{},[1271],{"type":156,"value":1272},"Example:",{"type":151,"tag":174,"props":1274,"children":1276},{"className":603,"code":1275,"language":605,"meta":139,"style":139},"\u003CNuxtImg provider=\"edgio\" src=\"https://i.imgur.com/LFtQeX2.jpeg\" width=\"200\" height=\"200\" quality=\"80\" />\n",[1277],{"type":151,"tag":182,"props":1278,"children":1279},{"__ignoreMap":139},[1280],{"type":151,"tag":186,"props":1281,"children":1282},{"class":188,"line":189},[1283,1287,1292,1297,1301,1305,1310,1314,1319,1323,1327,1332,1336,1341,1345,1349,1354,1358,1362,1366,1370,1374,1378,1383,1387,1391,1396,1400],{"type":151,"tag":186,"props":1284,"children":1285},{"style":216},[1286],{"type":156,"value":617},{"type":151,"tag":186,"props":1288,"children":1289},{"style":226},[1290],{"type":156,"value":1291},"NuxtImg",{"type":151,"tag":186,"props":1293,"children":1294},{"style":628},[1295],{"type":156,"value":1296}," provider",{"type":151,"tag":186,"props":1298,"children":1299},{"style":216},[1300],{"type":156,"value":636},{"type":151,"tag":186,"props":1302,"children":1303},{"style":216},[1304],{"type":156,"value":641},{"type":151,"tag":186,"props":1306,"children":1307},{"style":287},[1308],{"type":156,"value":1309},"edgio",{"type":151,"tag":186,"props":1311,"children":1312},{"style":216},[1313],{"type":156,"value":641},{"type":151,"tag":186,"props":1315,"children":1316},{"style":628},[1317],{"type":156,"value":1318}," src",{"type":151,"tag":186,"props":1320,"children":1321},{"style":216},[1322],{"type":156,"value":636},{"type":151,"tag":186,"props":1324,"children":1325},{"style":216},[1326],{"type":156,"value":641},{"type":151,"tag":186,"props":1328,"children":1329},{"style":287},[1330],{"type":156,"value":1331},"https://i.imgur.com/LFtQeX2.jpeg",{"type":151,"tag":186,"props":1333,"children":1334},{"style":216},[1335],{"type":156,"value":641},{"type":151,"tag":186,"props":1337,"children":1338},{"style":628},[1339],{"type":156,"value":1340}," width",{"type":151,"tag":186,"props":1342,"children":1343},{"style":216},[1344],{"type":156,"value":636},{"type":151,"tag":186,"props":1346,"children":1347},{"style":216},[1348],{"type":156,"value":641},{"type":151,"tag":186,"props":1350,"children":1351},{"style":287},[1352],{"type":156,"value":1353},"200",{"type":151,"tag":186,"props":1355,"children":1356},{"style":216},[1357],{"type":156,"value":641},{"type":151,"tag":186,"props":1359,"children":1360},{"style":628},[1361],{"type":156,"value":935},{"type":151,"tag":186,"props":1363,"children":1364},{"style":216},[1365],{"type":156,"value":636},{"type":151,"tag":186,"props":1367,"children":1368},{"style":216},[1369],{"type":156,"value":641},{"type":151,"tag":186,"props":1371,"children":1372},{"style":287},[1373],{"type":156,"value":1353},{"type":151,"tag":186,"props":1375,"children":1376},{"style":216},[1377],{"type":156,"value":641},{"type":151,"tag":186,"props":1379,"children":1380},{"style":628},[1381],{"type":156,"value":1382}," quality",{"type":151,"tag":186,"props":1384,"children":1385},{"style":216},[1386],{"type":156,"value":636},{"type":151,"tag":186,"props":1388,"children":1389},{"style":216},[1390],{"type":156,"value":641},{"type":151,"tag":186,"props":1392,"children":1393},{"style":287},[1394],{"type":156,"value":1395},"80",{"type":151,"tag":186,"props":1397,"children":1398},{"style":216},[1399],{"type":156,"value":641},{"type":151,"tag":186,"props":1401,"children":1402},{"style":216},[1403],{"type":156,"value":1404}," />\n",{"type":151,"tag":581,"props":1406,"children":1407},{"id":583},[1408],{"type":156,"value":586},{"type":151,"tag":152,"props":1410,"children":1411},{},[1412,1414,1420,1422,1428,1430],{"type":156,"value":1413},"Edgio supports the following modifiers: ",{"type":151,"tag":182,"props":1415,"children":1417},{"className":1416},[],[1418],{"type":156,"value":1419},"height",{"type":156,"value":1421},", ",{"type":151,"tag":182,"props":1423,"children":1425},{"className":1424},[],[1426],{"type":156,"value":1427},"width",{"type":156,"value":1429}," and ",{"type":151,"tag":182,"props":1431,"children":1433},{"className":1432},[],[1434],{"type":156,"value":1435},"quality",{"type":151,"tag":581,"props":1437,"children":1439},{"id":1438},"options",[1440],{"type":156,"value":1441},"Options",{"type":151,"tag":1443,"props":1444,"children":1446},"h3",{"id":1445},"baseurl",[1447],{"type":151,"tag":182,"props":1448,"children":1450},{"className":1449},[],[1451],{"type":156,"value":1452},"baseURL",{"type":151,"tag":1454,"props":1455,"children":1456},"ul",{},[1457],{"type":151,"tag":1458,"props":1459,"children":1460},"li",{},[1461,1463],{"type":156,"value":1462},"Default: ",{"type":151,"tag":182,"props":1464,"children":1466},{"className":1465},[],[1467],{"type":156,"value":1468},"https://opt.moovweb.net",{"type":151,"tag":1103,"props":1470,"children":1471},{},[1472],{"type":156,"value":1107},{"title":139,"searchDepth":222,"depth":222,"links":1474},[1475,1476],{"id":583,"depth":222,"text":586},{"id":1438,"depth":222,"text":1441,"children":1477},[1478],{"id":1445,"depth":242,"text":1452},"content:3.providers:edgio.md","3.providers/edgio.md","3.providers/edgio",1736769703462]