Guidance on beforeShowPromise and placing tour steps in Vuex Module ?

Hello,

Currently working on a scenario where I would like to take my tour steps our of the main App.vue code and place them in a separate file in order to make code easier to maintain/manage based on modular architecture.

I'm currently using VUEX for the project, so wanted to try and create a guidedtour module and add my steps in there, however I also use the beforeShowPromise in order to change up the UI for the tour steps, make sure options are Visible prior to guiding users through those steps.

Does anyone have any good guidance on best practices to be able to excise the tour steps, and yet still use the beforeShowPromise to reference the vue instance and be able to change variables / layout on the main apps variables ?

How can we get the promise to reference a this. / self of the vue app instance when defined in a separate module.
Appreciate any pointers, examples.

Start with App.vue and the Vuex guidedtour module described in the issue; trace how beforeShowPromise needs to reference the Vue instance and UI variables. Done means providing guidance or an example for keeping tour steps outside App.vue while still changing the application UI.