Transition options not working

[crazydrummer81]

Transition works great, transitionOptions not working. What am I doing wrong?

<vue-flux
  :options="vfOptions"
  :images="vfImages"
  :transitions="vfTransitions"
  :transitionOptions="vfTransitionOptions"
>
</vue-flux>

<script>
import { VueFlux } from "vue-flux";

export default {
  name: "Hero",
  components: {
    VueFlux,
  },
  data() {
    return {
      vfOptions: {
        autoplay: true,
        delay: 3000,
        aspectRatio: this.$store.getters.isMobile ? '2:3' : '16:9',
      },
      vfTransitionOptions: {
        transitionFade: {
          totalDuration: 200,
          easing: "ease",
        },
      },
      vfImages: [
        "/wp-content/themes/vue/assets/images/slider/home-slider-1.png",
        "/wp-content/themes/vue/assets/images/slider/home-slider-2.png",
        "/wp-content/themes/vue/assets/images/slider/home-slider-3.png",
      ],
      vfTransitions: ["fade"],
    };
  },
};
</script>

In DevTools Elements html looks like: <div class="vue-flux" transitionoptions="[object Object]" style="width: 406.467px; height: 609.701px;">

[ragnarlotus]

Hello and sorry for the delay, you can see the way to set the transition options here: https://ragnarlotus.github.io/vue-flux-docs/v6/components/vue-flux.html#transition-options

Regards