From 7e74cdce03bd95847f96495875c8d7bbb6e4b195 Mon Sep 17 00:00:00 2001
From: Jennifer Grange <jenny@prefect.io>
Date: Sat, 13 Apr 2024 08:05:18 -0400
Subject: [PATCH 1/2] add a footer slot to the wizard

---
 src/components/Wizard/PWizard.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Wizard/PWizard.vue b/src/components/Wizard/PWizard.vue
index b692f0343..ac38b16ea 100644
--- a/src/components/Wizard/PWizard.vue
+++ b/src/components/Wizard/PWizard.vue
@@ -21,7 +21,7 @@
 
       <slot name="after-steps" />
 
-      <div class="p-wizard__footer">
+      <div class="p-wizard__actions">
         <slot name="actions" :next-button-text="nextButtonText" :handle-next-button-click="handleNextButtonClick">
           <template v-if="showCancel">
             <p-button @click="emit('cancel')">
@@ -36,6 +36,7 @@
           </p-button>
         </slot>
       </div>
+      <slot name="footer" />
     </PCard>
   </div>
 </template>
@@ -134,7 +135,7 @@
   pb-6
 }
 
-.p-wizard__footer { @apply
+.p-wizard__actions { @apply
   flex
   flex-wrap
   gap-2

From 9b388c1e995d62e6ba430783d9d5df32f9e96ac3 Mon Sep 17 00:00:00 2001
From: Jennifer Grange <jenny@prefect.io>
Date: Sat, 13 Apr 2024 08:05:57 -0400
Subject: [PATCH 2/2] emit step at step change so parent component can check
 conditionally show info

---
 src/components/Wizard/PWizard.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/Wizard/PWizard.vue b/src/components/Wizard/PWizard.vue
index ac38b16ea..b008d1f14 100644
--- a/src/components/Wizard/PWizard.vue
+++ b/src/components/Wizard/PWizard.vue
@@ -61,6 +61,7 @@
 
   const emit = defineEmits<{
     (event: 'cancel' | 'next' | 'previous' | 'submit'): void,
+    (event: 'step', currentStepIndex: WizardStep | undefined): void,
   }>()
 
   const {
@@ -101,6 +102,7 @@
     const { success } = await previous()
 
     if (success) {
+      emit('step', currentStep.value)
       emit('previous')
     }
   }
@@ -110,9 +112,11 @@
     const { success } = await next()
 
     if (success) {
+      emit('step', currentStep.value)
       emit('next')
 
       if (last) {
+        emit('step', currentStep.value)
         emit('submit')
       }
     }