title: Why my vue Leave transition not working?
body: <p>I am using vee validate for form validation. i am using vue transition on displaying validations errors like this: </p>
  
  <pre><code> &lt;input type="text" name="name" v-validate="'required'"&gt;
  &lt;transition name="slide-fade"&gt;
    &lt;div v-show="errors.has('name')"&gt;{{ errors.first('name') }}&lt;/div&gt;
  &lt;/transition&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>    .slide-fade-enter-active {
    transition: all .3s ease;
  }
  .slide-fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
  }
  .slide-fade-enter, .slide-fade-leave-to
  /* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateX(10px);
    opacity: 0;
  }
  </code></pre>
  
  <p>Now, when an error is entering the transition is working but when the error is disappearing transition is not working.
  why is this happening?</p>