Extra features - Githubissues

GlobalHive / vuejs-tour

VueJS Tour is a lightweight, simple and customizable tour plugin. It provides a quick and easy way to guide your users through your application.

https://globalhive.github.io/vuejs-tour/

MIT License

79 stars 6 forks source link

Extra features #42

Closed Ktsirakos closed 8 months ago

Ktsirakos commented 8 months ago

Hello @GlobalHive

Just came across this plugin trying to make vue-tours work with Vue3. Happy that I found yours work as a charm.

I aim to use this plugin for creating multi-page onboarding tutorials for my webapp, therefore I need some more utility functions to possibly achieve that.

Requirements:

Being able to run a tour over and over again (I got around that by sending save-to-local-storage="nope" to not store in the local-storage that the tour was completed)
Being able to jump to a certain step (maybe a function called goToStep)
Being able to NOT show neither Next or Finish (this is to prompt the user to do an action like press a button that will lead him to another page and thus continue the tour from there)

Thank you very much in advance :)

GlobalHive commented 8 months ago

Hi @Ktsirakos,

If you don't want to save the tour state, use saveToLocalStorage="custom" or any value other than "step" or "end"

To hide "Back / Next / Finish," customize the "action slot" and leave it empty. Check this link for more details.

I'll add the goToStep as soon as possible. (Might be added in 1-2 days) Else you could use the nextStep() function to go to the next step tour.value.nextStep();

Sincerely, Sascha Global Hive

GlobalHive commented 8 months ago

Feature request has been added.

To use it create a ref to the VTour component. Then call the goToStep() function

vTour.value.goToStep(2)