[{"data":1,"prerenderedAt":1470},["Reactive",2],{"navigation":3,"docs-/providers/directus":136,"docs-/providers/directus-surround":1112},[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":1107,"_id":1108,"_source":1109,"_file":1110,"_extension":1111},"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":1104},"root",[150,168,173,333,338,580,587,601,816,843,1056,1098],{"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,835,837,841],{"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":832},{"className":139},[833],{"type":156,"value":834},"transforms",{"type":156,"value":836}," parameter, we can use it inside our ",{"type":151,"tag":182,"props":838,"children":839},{"className":139},[840],{"type":156,"value":583},{"type":156,"value":842}," prop:",{"type":151,"tag":174,"props":844,"children":846},{"className":603,"code":845,"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",[847],{"type":151,"tag":182,"props":848,"children":849},{"__ignoreMap":139},[850,861,884,907,1049],{"type":151,"tag":186,"props":851,"children":852},{"class":188,"line":189},[853,857],{"type":151,"tag":186,"props":854,"children":855},{"style":216},[856],{"type":156,"value":617},{"type":151,"tag":186,"props":858,"children":859},{"style":226},[860],{"type":156,"value":622},{"type":151,"tag":186,"props":862,"children":863},{"class":188,"line":222},[864,868,872,876,880],{"type":151,"tag":186,"props":865,"children":866},{"style":628},[867],{"type":156,"value":631},{"type":151,"tag":186,"props":869,"children":870},{"style":216},[871],{"type":156,"value":636},{"type":151,"tag":186,"props":873,"children":874},{"style":216},[875],{"type":156,"value":641},{"type":151,"tag":186,"props":877,"children":878},{"style":287},[879],{"type":156,"value":646},{"type":151,"tag":186,"props":881,"children":882},{"style":216},[883],{"type":156,"value":651},{"type":151,"tag":186,"props":885,"children":886},{"class":188,"line":242},[887,891,895,899,903],{"type":151,"tag":186,"props":888,"children":889},{"style":628},[890],{"type":156,"value":659},{"type":151,"tag":186,"props":892,"children":893},{"style":216},[894],{"type":156,"value":636},{"type":151,"tag":186,"props":896,"children":897},{"style":216},[898],{"type":156,"value":641},{"type":151,"tag":186,"props":900,"children":901},{"style":287},[902],{"type":156,"value":672},{"type":151,"tag":186,"props":904,"children":905},{"style":216},[906],{"type":156,"value":651},{"type":151,"tag":186,"props":908,"children":909},{"class":188,"line":259},[910,914,918,922,926,930,935,939,943,947,951,955,959,963,967,971,975,979,984,988,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1041,1045],{"type":151,"tag":186,"props":911,"children":912},{"style":216},[913],{"type":156,"value":759},{"type":151,"tag":186,"props":915,"children":916},{"style":628},[917],{"type":156,"value":583},{"type":151,"tag":186,"props":919,"children":920},{"style":216},[921],{"type":156,"value":636},{"type":151,"tag":186,"props":923,"children":924},{"style":216},[925],{"type":156,"value":641},{"type":151,"tag":186,"props":927,"children":928},{"style":216},[929],{"type":156,"value":776},{"type":151,"tag":186,"props":931,"children":932},{"style":779},[933],{"type":156,"value":934}," height",{"type":151,"tag":186,"props":936,"children":937},{"style":216},[938],{"type":156,"value":234},{"type":151,"tag":186,"props":940,"children":941},{"style":216},[942],{"type":156,"value":284},{"type":151,"tag":186,"props":944,"children":945},{"style":287},[946],{"type":156,"value":697},{"type":151,"tag":186,"props":948,"children":949},{"style":216},[950],{"type":156,"value":295},{"type":151,"tag":186,"props":952,"children":953},{"style":216},[954],{"type":156,"value":505},{"type":151,"tag":186,"props":956,"children":957},{"style":779},[958],{"type":156,"value":782},{"type":151,"tag":186,"props":960,"children":961},{"style":216},[962],{"type":156,"value":234},{"type":151,"tag":186,"props":964,"children":965},{"style":216},[966],{"type":156,"value":284},{"type":151,"tag":186,"props":968,"children":969},{"style":287},[970],{"type":156,"value":462},{"type":151,"tag":186,"props":972,"children":973},{"style":216},[974],{"type":156,"value":295},{"type":151,"tag":186,"props":976,"children":977},{"style":216},[978],{"type":156,"value":505},{"type":151,"tag":186,"props":980,"children":981},{"style":779},[982],{"type":156,"value":983}," transforms",{"type":151,"tag":186,"props":985,"children":986},{"style":216},[987],{"type":156,"value":234},{"type":151,"tag":186,"props":989,"children":990},{"style":226},[991],{"type":156,"value":487},{"type":151,"tag":186,"props":993,"children":994},{"style":216},[995],{"type":156,"value":295},{"type":151,"tag":186,"props":997,"children":998},{"style":287},[999],{"type":156,"value":496},{"type":151,"tag":186,"props":1001,"children":1002},{"style":216},[1003],{"type":156,"value":295},{"type":151,"tag":186,"props":1005,"children":1006},{"style":216},[1007],{"type":156,"value":505},{"type":151,"tag":186,"props":1009,"children":1010},{"style":508},[1011],{"type":156,"value":511},{"type":151,"tag":186,"props":1013,"children":1014},{"style":226},[1015],{"type":156,"value":516},{"type":151,"tag":186,"props":1017,"children":1018},{"style":216},[1019],{"type":156,"value":505},{"type":151,"tag":186,"props":1021,"children":1022},{"style":226},[1023],{"type":156,"value":525},{"type":151,"tag":186,"props":1025,"children":1026},{"style":216},[1027],{"type":156,"value":295},{"type":151,"tag":186,"props":1029,"children":1030},{"style":287},[1031],{"type":156,"value":534},{"type":151,"tag":186,"props":1033,"children":1034},{"style":216},[1035],{"type":156,"value":295},{"type":151,"tag":186,"props":1037,"children":1038},{"style":226},[1039],{"type":156,"value":1040},"]] ",{"type":151,"tag":186,"props":1042,"children":1043},{"style":216},[1044],{"type":156,"value":327},{"type":151,"tag":186,"props":1046,"children":1047},{"style":216},[1048],{"type":156,"value":651},{"type":151,"tag":186,"props":1050,"children":1051},{"class":188,"line":269},[1052],{"type":151,"tag":186,"props":1053,"children":1054},{"style":210},[1055],{"type":156,"value":815},{"type":151,"tag":1057,"props":1058,"children":1059},"callout",{},[1060],{"type":151,"tag":152,"props":1061,"children":1062},{},[1063,1065,1069,1071,1077,1079,1089,1091,1096],{"type":156,"value":1064},"Note that the ",{"type":151,"tag":182,"props":1066,"children":1067},{"className":139},[1068],{"type":156,"value":834},{"type":156,"value":1070}," parameter, as stated in the ",{"type":151,"tag":159,"props":1072,"children":1075},{"href":1073,"rel":1074},"https://docs.directus.io/reference/files.html#advanced-transformations",[163],[1076],{"type":156,"value":598},{"type":156,"value":1078},", is basically a list of lists. This is to facilitate the use of those sharp functions, like ",{"type":151,"tag":159,"props":1080,"children":1083},{"href":1081,"rel":1082},"https://sharp.pixelplumbing.com/api-operation#normalise",[163],[1084],{"type":151,"tag":182,"props":1085,"children":1086},{"className":139},[1087],{"type":156,"value":1088},"normalise",{"type":156,"value":1090},", that would need multiple values in input: ",{"type":151,"tag":182,"props":1092,"children":1093},{"className":139},[1094],{"type":156,"value":1095},"transforms: [['normalise', 1, 99], ['blur', 4], ['negate']]",{"type":156,"value":1097},".",{"type":151,"tag":1099,"props":1100,"children":1101},"style",{},[1102],{"type":156,"value":1103},"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":139,"searchDepth":222,"depth":222,"links":1105},[1106],{"id":583,"depth":222,"text":586},"markdown","content:3.providers:directus.md","content","3.providers/directus.md","md",[1113,1224],{"_path":59,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":58,"description":1114,"links":1115,"body":1118,"_type":1107,"_id":1222,"_source":1109,"_file":1223,"_extension":1111},"Nuxt Image has first class integration with Contentful.",[1116],{"label":143,"icon":144,"to":1117,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/contentful.ts",{"type":148,"children":1119,"toc":1220},[1120,1131,1136,1216],{"type":151,"tag":152,"props":1121,"children":1122},{},[1123,1124,1130],{"type":156,"value":157},{"type":151,"tag":159,"props":1125,"children":1128},{"href":1126,"rel":1127},"https://www.contentful.com/",[163],[1129],{"type":156,"value":58},{"type":156,"value":167},{"type":151,"tag":152,"props":1132,"children":1133},{},[1134],{"type":156,"value":1135},"To use this provider you just need to specify the base url of your service in Contentful.",{"type":151,"tag":174,"props":1137,"children":1139},{"className":176,"code":1138,"filename":178,"language":179,"meta":139,"style":139},"export default defineNuxtConfig({\n  image: {\n    contentful: {}\n  }\n})\n",[1140],{"type":151,"tag":182,"props":1141,"children":1142},{"__ignoreMap":139},[1143,1166,1181,1198,1205],{"type":151,"tag":186,"props":1144,"children":1145},{"class":188,"line":189},[1146,1150,1154,1158,1162],{"type":151,"tag":186,"props":1147,"children":1148},{"style":193},[1149],{"type":156,"value":196},{"type":151,"tag":186,"props":1151,"children":1152},{"style":193},[1153],{"type":156,"value":201},{"type":151,"tag":186,"props":1155,"children":1156},{"style":204},[1157],{"type":156,"value":207},{"type":151,"tag":186,"props":1159,"children":1160},{"style":210},[1161],{"type":156,"value":213},{"type":151,"tag":186,"props":1163,"children":1164},{"style":216},[1165],{"type":156,"value":219},{"type":151,"tag":186,"props":1167,"children":1168},{"class":188,"line":222},[1169,1173,1177],{"type":151,"tag":186,"props":1170,"children":1171},{"style":226},[1172],{"type":156,"value":229},{"type":151,"tag":186,"props":1174,"children":1175},{"style":216},[1176],{"type":156,"value":234},{"type":151,"tag":186,"props":1178,"children":1179},{"style":216},[1180],{"type":156,"value":239},{"type":151,"tag":186,"props":1182,"children":1183},{"class":188,"line":242},[1184,1189,1193],{"type":151,"tag":186,"props":1185,"children":1186},{"style":226},[1187],{"type":156,"value":1188},"    contentful",{"type":151,"tag":186,"props":1190,"children":1191},{"style":216},[1192],{"type":156,"value":234},{"type":151,"tag":186,"props":1194,"children":1195},{"style":216},[1196],{"type":156,"value":1197}," {}\n",{"type":151,"tag":186,"props":1199,"children":1200},{"class":188,"line":259},[1201],{"type":151,"tag":186,"props":1202,"children":1203},{"style":216},[1204],{"type":156,"value":318},{"type":151,"tag":186,"props":1206,"children":1207},{"class":188,"line":269},[1208,1212],{"type":151,"tag":186,"props":1209,"children":1210},{"style":216},[1211],{"type":156,"value":327},{"type":151,"tag":186,"props":1213,"children":1214},{"style":210},[1215],{"type":156,"value":332},{"type":151,"tag":1099,"props":1217,"children":1218},{},[1219],{"type":156,"value":1103},{"title":139,"searchDepth":222,"depth":222,"links":1221},[],"content:3.providers:contentful.md","3.providers/contentful.md",{"_path":65,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":64,"description":1225,"links":1226,"body":1229,"_type":1107,"_id":1468,"_source":1109,"_file":1469,"_extension":1111},"Optimize images with Edgio (formerly Layer0)'s optimization service.",[1227],{"label":143,"icon":144,"to":1228,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/edgio.ts",{"type":148,"children":1230,"toc":1462},[1231,1236,1244,1258,1267,1399,1403,1427,1433,1443,1458],{"type":151,"tag":152,"props":1232,"children":1233},{},[1234],{"type":156,"value":1235},"Edgio provides a simple HTTP service for optimizing images.",{"type":151,"tag":1057,"props":1237,"children":1238},{},[1239],{"type":151,"tag":152,"props":1240,"children":1241},{},[1242],{"type":156,"value":1243},"The image optimizer will only return an optimized image for mobile browsers. Desktop browsers are served the original image.",{"type":151,"tag":152,"props":1245,"children":1246},{},[1247,1249,1256],{"type":156,"value":1248},"This integration works out of the box without need to configure!  See the ",{"type":151,"tag":159,"props":1250,"children":1253},{"href":1251,"rel":1252},"https://docs.edg.io/guides/image_optimization",[163],[1254],{"type":156,"value":1255},"Documentation",{"type":156,"value":1257}," for more information.",{"type":151,"tag":152,"props":1259,"children":1260},{},[1261],{"type":151,"tag":1262,"props":1263,"children":1264},"strong",{},[1265],{"type":156,"value":1266},"Example:",{"type":151,"tag":174,"props":1268,"children":1270},{"className":603,"code":1269,"language":605,"meta":139,"style":139},"\u003CNuxtImg provider=\"edgio\" src=\"https://i.imgur.com/LFtQeX2.jpeg\" width=\"200\" height=\"200\" quality=\"80\" />\n",[1271],{"type":151,"tag":182,"props":1272,"children":1273},{"__ignoreMap":139},[1274],{"type":151,"tag":186,"props":1275,"children":1276},{"class":188,"line":189},[1277,1281,1286,1291,1295,1299,1304,1308,1313,1317,1321,1326,1330,1335,1339,1343,1348,1352,1356,1360,1364,1368,1372,1377,1381,1385,1390,1394],{"type":151,"tag":186,"props":1278,"children":1279},{"style":216},[1280],{"type":156,"value":617},{"type":151,"tag":186,"props":1282,"children":1283},{"style":226},[1284],{"type":156,"value":1285},"NuxtImg",{"type":151,"tag":186,"props":1287,"children":1288},{"style":628},[1289],{"type":156,"value":1290}," provider",{"type":151,"tag":186,"props":1292,"children":1293},{"style":216},[1294],{"type":156,"value":636},{"type":151,"tag":186,"props":1296,"children":1297},{"style":216},[1298],{"type":156,"value":641},{"type":151,"tag":186,"props":1300,"children":1301},{"style":287},[1302],{"type":156,"value":1303},"edgio",{"type":151,"tag":186,"props":1305,"children":1306},{"style":216},[1307],{"type":156,"value":641},{"type":151,"tag":186,"props":1309,"children":1310},{"style":628},[1311],{"type":156,"value":1312}," src",{"type":151,"tag":186,"props":1314,"children":1315},{"style":216},[1316],{"type":156,"value":636},{"type":151,"tag":186,"props":1318,"children":1319},{"style":216},[1320],{"type":156,"value":641},{"type":151,"tag":186,"props":1322,"children":1323},{"style":287},[1324],{"type":156,"value":1325},"https://i.imgur.com/LFtQeX2.jpeg",{"type":151,"tag":186,"props":1327,"children":1328},{"style":216},[1329],{"type":156,"value":641},{"type":151,"tag":186,"props":1331,"children":1332},{"style":628},[1333],{"type":156,"value":1334}," width",{"type":151,"tag":186,"props":1336,"children":1337},{"style":216},[1338],{"type":156,"value":636},{"type":151,"tag":186,"props":1340,"children":1341},{"style":216},[1342],{"type":156,"value":641},{"type":151,"tag":186,"props":1344,"children":1345},{"style":287},[1346],{"type":156,"value":1347},"200",{"type":151,"tag":186,"props":1349,"children":1350},{"style":216},[1351],{"type":156,"value":641},{"type":151,"tag":186,"props":1353,"children":1354},{"style":628},[1355],{"type":156,"value":934},{"type":151,"tag":186,"props":1357,"children":1358},{"style":216},[1359],{"type":156,"value":636},{"type":151,"tag":186,"props":1361,"children":1362},{"style":216},[1363],{"type":156,"value":641},{"type":151,"tag":186,"props":1365,"children":1366},{"style":287},[1367],{"type":156,"value":1347},{"type":151,"tag":186,"props":1369,"children":1370},{"style":216},[1371],{"type":156,"value":641},{"type":151,"tag":186,"props":1373,"children":1374},{"style":628},[1375],{"type":156,"value":1376}," quality",{"type":151,"tag":186,"props":1378,"children":1379},{"style":216},[1380],{"type":156,"value":636},{"type":151,"tag":186,"props":1382,"children":1383},{"style":216},[1384],{"type":156,"value":641},{"type":151,"tag":186,"props":1386,"children":1387},{"style":287},[1388],{"type":156,"value":1389},"80",{"type":151,"tag":186,"props":1391,"children":1392},{"style":216},[1393],{"type":156,"value":641},{"type":151,"tag":186,"props":1395,"children":1396},{"style":216},[1397],{"type":156,"value":1398}," />\n",{"type":151,"tag":581,"props":1400,"children":1401},{"id":583},[1402],{"type":156,"value":586},{"type":151,"tag":152,"props":1404,"children":1405},{},[1406,1408,1413,1415,1420,1422],{"type":156,"value":1407},"Edgio supports the following modifiers: ",{"type":151,"tag":182,"props":1409,"children":1410},{"className":139},[1411],{"type":156,"value":1412},"height",{"type":156,"value":1414},", ",{"type":151,"tag":182,"props":1416,"children":1417},{"className":139},[1418],{"type":156,"value":1419},"width",{"type":156,"value":1421}," and ",{"type":151,"tag":182,"props":1423,"children":1424},{"className":139},[1425],{"type":156,"value":1426},"quality",{"type":151,"tag":581,"props":1428,"children":1430},{"id":1429},"options",[1431],{"type":156,"value":1432},"Options",{"type":151,"tag":1434,"props":1435,"children":1437},"h3",{"id":1436},"baseurl",[1438],{"type":151,"tag":182,"props":1439,"children":1440},{"className":139},[1441],{"type":156,"value":1442},"baseURL",{"type":151,"tag":1444,"props":1445,"children":1446},"ul",{},[1447],{"type":151,"tag":1448,"props":1449,"children":1450},"li",{},[1451,1453],{"type":156,"value":1452},"Default: ",{"type":151,"tag":182,"props":1454,"children":1455},{"className":139},[1456],{"type":156,"value":1457},"https://opt.moovweb.net",{"type":151,"tag":1099,"props":1459,"children":1460},{},[1461],{"type":156,"value":1103},{"title":139,"searchDepth":222,"depth":222,"links":1463},[1464,1465],{"id":583,"depth":222,"text":586},{"id":1429,"depth":222,"text":1432,"children":1466},[1467],{"id":1436,"depth":242,"text":1442},"content:3.providers:edgio.md","3.providers/edgio.md",1705491124619]