title: Vue transition works on router-view but not inside component
body: <p>When I setup a typical route transition everything works as expected</p>
  
  <pre><code>&lt;transition name="view" mode="out-in"&gt;
    &lt;router-view /&gt;
  &lt;/transition&gt;
  </code></pre>
  
  <p>But if I try to put the transition inside a view instead, the transition doesn't work</p>
  
  <pre><code>&lt;template&gt;
    &lt;transition name="view" mode="out-in"&gt;
      &lt;main&gt;
        &lt;...&gt;
      &lt;/main&gt;
    &lt;/transition&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Any ideas why this could be the case?</p>