auto destroy

[mansurkhoja]

is it possible turn off auto destroy when unmount?

[hc-chumak]

@Mansurkhoja hi! Have you found a solution?

[hc-chumak]

my solution with destroy(), you can just remove onBeforeRouteLeave:

<template lang="pug">
div(:class='cls.wrapper')
  div(ref='container', :class='cls.container')
    div(
      v-for='(project, i) in projects',
      :key='i',
      data-slide
    )
      div {{ project.name }}
</template>

<script lang="ts" setup>
import KeenSlider from 'keen-slider'
import { KeenSliderInstance } from 'keen-slider/vue'

type TProps = {
  projects: IProject[]
}

defineProps<TProps>()

const container = ref<HTMLElement>()
const slider = ref<KeenSliderInstance>()

onMounted(() => {
  slider.value = new KeenSlider(container.value as HTMLElement, {
    selector: '[data-slide]'
  })
})

onBeforeRouteLeave(() => {
  setTimeout(() => slider.value?.destroy(), 500)
})
</script>