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