Provide API for parent component to control the destroying of Flickity

[cbgesbocker]

To prevent the slideshow from collapsing when the parent component is destroyed

Parent.vue

<flickity @flickity:beforeDestroy="handleFlickityDestroy" ref="flickity" ... />


<script>
export default {
    methods: {
        handleFlickityDestroy() {
             this.$refs.flickity.destroy()
        }
    }
}
</script>

Flickity.vue

  beforeDestroy() {
    // provide event API for parent component to control 
    // destroying this component on beforeDestroy
    this.$emit('flickity:beforeDestroy', this.$flickity);
    if (this.options.destroyAutomatically) {
      this.$flickity.destroy();
    }
    this.$flickity = null;
  },

[hakimmazouz]

Did you end up finding a way to delay the destruction of the component?