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