I need to delay more the fade or the animation from one slide to another

[DianyelaMaldonado]

I need the fade to be less fast, I need the time to change from one slide to another to be slower, so that the animation feels smooth

This is my code: ("speed" property does not work)

export default () => ({
  Slider: null,
  init() {
    this.Slider = new Splide(this.$refs.carousel, {
      type: "fade",
      perPage: 1,
      pagination: true,
      arrows: true,
      transition : 'ease-in-out',
    });

    this.Slider.mount();

    const fadeElements = document.querySelectorAll('.splide__slide');
    fadeElements.forEach(element => {
      element.style.transitionDuration = '4s';
    });
  },
});