title: vue transition group animation stuck
body: <p>I've got a <code>&lt;transition-group&gt;</code> that used to work, but as soon as I began using <code>await</code> on a remote call in the component's <code>mounted()</code> hook, the <code>&lt;transition-group&gt;</code> stopped working. What happens is the transitioning elements in question get the <code>&lt;transition-name&gt;-enter-to</code> class but it never changes. Again, this only happens if I <code>await</code> that remote call in the component's <code>mounted</code> hook.</p>
  <p>This works:</p>
  <pre><code>&lt;transition-group name=&quot;file-list&quot; appear&gt;
    &lt;li v-for=&quot;file in files&quot; :key=&quot;file.id&quot;&gt;
      &lt;file :id=&quot;file.id&quot;/&gt;
    &lt;/li&gt;
  &lt;/transition-group&gt;
  
  ...
  
  export default {
    mounted() {
      this.remoteCallToGetFiles();
    }
  }
  </code></pre>
  <p>But when I await the remote call, the <code>&lt;file&gt;</code> component gets the <code>file-list-enter-to</code> class and it never changes, it just gets stuck there:</p>
  <pre><code>&lt;transition-group name=&quot;file-list&quot; appear&gt;
    &lt;li v-for=&quot;file in files&quot; :key=&quot;file.id&quot;&gt;
      &lt;file :id=&quot;file.id&quot;/&gt;
    &lt;/li&gt;
  &lt;/transition-group&gt;
  
  ...
  
  export default {
    async mounted() {
      await this.remoteCallToGetFiles();
    }
  }
  </code></pre>