title: If Vue transition-group shows no impact, what am I doing wrong?
body: <p>I'm still pretty new to Vue but I'm trying to apply a transition-group wrapper to a v-for group of divs and there is no impact at all after adding the following.</p>
  <p>Is anyone able to see something wrong here?</p>
  <p>This is a simplified version of the template:</p>
  <pre><code>&lt;template&gt;
    &lt;main&gt;
        &lt;div class=&quot;notes&quot;&gt;
              &lt;transition-group name=&quot;sort&quot; tag=&quot;div&quot; appear&gt;
                &lt;div v-for=&quot;post in posts&quot; :key=&quot;post.id&quot;&gt;
                  &lt;SinglePost :post=&quot;post&quot; /&gt;
                &lt;/div&gt;
              &lt;/transition-group&gt;
        &lt;/div&gt;
    &lt;/main&gt;
  &lt;/template&gt;
  </code></pre>
  <p>And the styles tag:</p>
  <pre><code>&lt;style scoped&gt;
  
    /* TRANSITION  */
    .sort-enter-active, .sort-leave-active {
      transition: opacity .5s;
    }
  
    .sort-enter {
      transform: translateY(10px);
      opacity: 0;
    }
  
    .sort-move {
      transition: transform .5 ease-out;
    }
  &lt;/style&gt;
  </code></pre>