title: Vue.js : JS-Animation-Hooks with GSAP - leave animation not working
body: <p>I want to use <strong>enter/leave transitions</strong> in <strong>vue.js</strong>, using the built in javascript hooks for transitions:
  <a href="https://v2.vuejs.org/v2/guide/transitions.html#JavaScript-Hooks" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/transitions.html#JavaScript-Hooks</a></p>
  <p>My animation library of choice is <strong>GSAP</strong>: <a href="https://greensock.com/" rel="nofollow noreferrer">https://greensock.com/</a></p>
  <p>Both, my enter function <code>enter: function(el, done) {}</code> and my leave function <code>leave: function(el, done) {}</code> are called correctly.</p>
  <p>The enter animation works just fine — but the leave animation doesn't do anything.</p>
  <p>I guess it is a GSAP related thing I do not understand yet. I tried resetting the animation and clearing the inline styles of the animated element. Didn't help.</p>
  <p>Here is the codepen:
  <a href="https://codepen.io/Sixl/pen/oGwOKW?editors=0011" rel="nofollow noreferrer">https://codepen.io/Sixl/pen/oGwOKW?editors=0011</a></p>