title: The "slot" component is not displayed
body: <p>I try to build a dynamic component with <code>slot</code>. To do that, I have this <code>layout</code>:</p>
  <pre><code>&lt;template&gt;
      &lt;div class=&quot;container-fluid&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
              LAYOUT NOT CONNECTED    
              &lt;slot /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>In which there is the <code>&lt;slot&gt;</code>.</p>
  <p>I have this component <code>login</code>:</p>
  <pre><code>&lt;template&gt;
      &lt;div&gt;bla bla&lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>My app is:</p>
  <pre><code>&lt;template&gt;
      &lt;component :is=&quot;layout&quot;&gt;
          &lt;router-view /&gt;
      &lt;/component&gt;
  &lt;/template&gt;
      
  &lt;script&gt;
  const default_layout = 'layout-not-connected'
      
  export default {
      computed: {
          layout() {
              console.log(this.$route.meta.layout || default_layout)
              return (this.$route.meta.layout || default_layout)
          }
      },
  ...
  </code></pre>
  <p>And at my route is:</p>
  <pre><code>{
      path: '/login',
      name: 'Login',
      meta: { layout : 'layout-not-connected' },
      component: Login
  },
  </code></pre>
  <p>The result is that only <code>LAYOUT NOT DISPLAYED</code> is displayed and not the login component.</p>
  <p>Where is my mistake?</p>