fix: separate index and step settings for before and after hooks

fatihsolhan · Sep 24, 2023 · 66a94c0 · 66a94c0
1 parent 697e2f3
commit 66a94c0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/VOnboardingWrapper.vue b/src/components/VOnboardingWrapper.vue
@@ -44,8 +44,6 @@ export default defineComponent({
     watch(index, async (newIndex, oldIndex) => {
       const direction: number = newIndex < oldIndex ? Direction.BACKWARD : Direction.FORWARD
       const globalHookOptions = {
-        index: privateIndex.value,
-        step: activeStep.value,
         direction: direction,
         isForward: direction === Direction.FORWARD,
         isBackward: direction === Direction.BACKWARD,
@@ -55,6 +53,8 @@ export default defineComponent({
         const afterHookOptions: onAfterStepOptions = {
           ...globalHookOptions,
           // custom afterHookOptions here
+          index: oldIndex,
+          step: oldStep,
         }
         await afterHook(oldStep, afterHookOptions)
       }
@@ -63,6 +63,8 @@ export default defineComponent({
         const beforeHookOptions: onBeforeStepOptions = {
           ...globalHookOptions,
           // custom afterHookOptions here
+          index: newIndex,
+          step: newStep,
         }
         await beforeHook(newStep, beforeHookOptions)
       }