<form-wizard>
      <tab name="Step 1" info="Introduction" :selected="true">
       <!-- Step 1 of Form Goes Here-->
      </tab>
      <tab name="Step 2" info="More Details" :selected="true">
      <!-- Step 2 of Form Goes Here-->
     </tab>
     <tab name="Step 3" info="Finishing Up" :selected="true">
     <!-- Step 3 of Form Goes Here-->
    </tab>
</form-wizard>

<div class="field">
    <label class="label">Name</label>
    <div class="control">
    <input class="input" name="fullname" type="text" placeholder="Text input"  v-model="registration.name" data-vv-scope="step1" v-validate="'required'">
    <p class="help is-danger" v-show="errors.has('step1.fullname')">
         {{ errors.first('step1.fullname') }}
    </p>
   </div>
</div>