From a188d79ee17838bdd17983ac3ae4767f93e1c0a2 Mon Sep 17 00:00:00 2001
From: Akshay Anand <aks9800@gmail.com>
Date: Sat, 4 Aug 2018 18:42:02 -0400
Subject: [PATCH] #16 fix slots re-using identical inputs

---
 dev/App.vue               | 23 ++++++++++++++---------
 src/components/Wizard.vue |  2 +-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/dev/App.vue b/dev/App.vue
index e79f296..f88bdbc 100644
--- a/dev/App.vue
+++ b/dev/App.vue
@@ -9,19 +9,22 @@
       :onBack="backClicked">
       <div slot="page1">
         <h4>Step 1</h4>
-        <p>This is step 1</p>
+        <input
+        id="step1"
+        v-model="step1"
+        rows="15"
+        >
+        </input>
       </div>
       <div slot="page2">
-        <h4>Step 2</h4>
-        <p>This is step 2</p>
+        <input
+        id="step2"
+        v-model="step2"
+        rows="15"
+        >
+        </input>
       </div>
       <div slot="page3">
-        <h4>Step 3</h4>
-        <p>This is step 3</p>
-      </div>
-      <div slot="page4">
-        <h4>Step 4</h4>
-        <p>This is step 4</p>
       </div>
     </vue-good-wizard>
   </div>
@@ -34,6 +37,8 @@ export default {
   name: 'demo',
   data(){
     return {
+      step1: '',
+      step2: '',
       cStep: 1,
       steps: [
         {
diff --git a/src/components/Wizard.vue b/src/components/Wizard.vue
index eadad7c..d619710 100644
--- a/src/components/Wizard.vue
+++ b/src/components/Wizard.vue
@@ -18,7 +18,7 @@
       :style="{ left: arrowPosition }">
     </span>
     <div ref="wizard-body" class="wizard__body" :class="{'vgw-mobile': isMobile}">
-      <div class="wizard__body__step">
+      <div :key="currentSlot" class="wizard__body__step">
         <slot :name="currentSlot"></slot>
       </div>
       <div class="wizard__body__actions clearfix">