Close Button Event - OnClosed about v-onboarding HOT 4 CLOSED

Hi, @DominikGanic thanks a lot for your request and kind words.
That callback does make sense. There is already PR #48 which adds the exit event.
I will review and merge it asap. Having a super busy week, that's why couldn't find time and merge that.

v-onboarding will only emit the close/exit event. I think letting the users implement their own prompt makes more sense because that looks out of the v-onboarding's scope for me. I might be wrong, would love to hear your opinions as well.

from v-onboarding.

Thanks again for your answer and don't worry about me, just take your time and relax if you're really busy. :)

It would be awesome if we could listen to the close event (button click close event) and inject our own logic into it - either it should close or not like returning a boolean.

Something like this:

@close="CloseBoarding"

const CloseBoarding = () => {
     // any individual logic here like prompts / saving cookie states blabla..

     return true; // will close the boarding
     return false; // will continue the boarding
};

from v-onboarding.

I would suggest adding your own close listener to your custom UI button like this

<template>
<VOnboardingWrapper>
  <VOnboardingStep>
    // ...
    <button class="close" @click="onClickClose">X</button>
    // ...
  </VOnboardingStep>
</VOnboardingWrapper>

</template>
<script>
const { start, finish } = useVOnboarding()

const showPrompt = ref(false)

const onClickClose = () => {
    showPrompt.value = true

  // apply logic here
 
 // if decided to end onboarding:
 finish()

 // if decided to stay
 showPrompt.value = false
}
</script>

from v-onboarding.

🎉 This issue has been resolved in version 2.3.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

from v-onboarding.