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