title: How to disable vuejs transitions
body: <p>I have made a custom transition component. I would like to disabled it depending on whether the user is on mobile or desktop. I cant seem to find any props to toggle the transition on or off?</p>
  
  <pre><code>&lt;template&gt;
    &lt;transition 
    v-bind:css="false"
    v-on:enter="expandAnimEnter"
    v-on:leave="expandAnimLeave"&gt;
      &lt;slot&gt;&lt;/slot&gt;
    &lt;/transition&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Velocity from 'velocity-animate'
  
  export default {
    methods: {
      expandAnimEnter: function (el, done) {
        Velocity(el, 'slideDown', { complete: done })
      },
      expandAnimLeave: function (el, done) {
        Velocity(el, 'slideUp', {complete: done})
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I have tried setting duration (although this is not ideal) in the parent component but that isn't working either </p>
  
  <pre><code>&lt;c-transition-expand :duration="$vuetify.breakpoint.xs ? 0 : 200"&gt;
  &lt;/c-transition-expand&gt;
  </code></pre>