title: On some pages don't show Menu Component but it is visible for a while
body: <p>I would like to don' show Menu component on login and register pages. I created two layouts. One with Menu and second without. next I added meta to link in vue router</p>
  <pre><code>{
   path: &quot;/login&quot;,
   name: &quot;Login&quot;,
   meta: {
    layout: &quot;NoMenu&quot;,
   },
   component: () =&gt;
     import(/* webpackChunkName: &quot;login&quot; */ &quot;../views/Login.vue&quot;),
   },
  </code></pre>
  <p>And Here is function in App</p>
  <pre><code>&lt;template&gt;
    &lt;Component :is=&quot;layout&quot;&gt;&lt;/Component&gt;
  &lt;/template&gt;
  [...]
  computed: {
  layout() {
    return (
      this.$route.meta.layout || &quot;Default&quot;) + &quot;-layout&quot;;
   },
  },
  </code></pre>
  <p>The problem is when I go to the login page Menu is visible for a while (less than one sec). I think this might happen, bcs vue-router loads synch and component is mounted before function gets this.$route. Any ideas to fix this showing menu for a while?</p>