title: Unable to use multiple <v-app-bar > in vuetify
body: <p>I want to use multiple  for displaying logo and menus.
  [![enter image description here][1]][1]</p>
  <p>I want to show logo's only in one v-app-bar and menus in another  v-app-bar .My code is similar to like this. Please help me</p>
  <pre><code>&lt;v-app-bar app flat&gt;
          &lt;v-img
            :src=&quot;require('@/assets/test.png')&quot;
            class=&quot;mr-5&quot;
            contain
            height=&quot;170&quot;
            width=&quot;200&quot;
            max-width=&quot;170&quot;
            :to=&quot;{ name: 'home' }&quot;
          /&gt; 
          &lt;/v-col&gt;
          &lt;v-col cols=&quot;4&quot;&gt;
           &lt;v-img
            :src=&quot;require('@/assets/test.png')&quot;
            class=&quot;mr-5 ml-5&quot;
            contain
            height=&quot;170&quot;
            width=&quot;200&quot;
            max-width=&quot;170&quot;
            :to=&quot;{ name: 'dashboard' }&quot;
          /&gt;
        &lt;/v-col&gt;
         &lt;v-col cols=&quot;4&quot;&gt;
           &lt;v-img
            :src=&quot;require('@/assets/test.png')&quot;
            class=&quot;mr-5&quot;
            contain
            height=&quot;170&quot;
            width=&quot;200&quot;
            max-width=&quot;170&quot;
            :to=&quot;{ name: 'home' }&quot;
          /&gt; 
      &lt;v-container class=&quot;mx-auto py-0&quot;&gt;
      &lt;v-row width=&quot;100%&quot;&gt;  
            &lt;router-link :to=&quot;{ path: '/' }&quot; class=&quot;link&quot;&gt;Home&lt;/router-link&gt;     
          &lt;v-menu offset-y&gt;
            &lt;template v-slot:activator=&quot;{ on, attrs }&quot;&gt;     
                &lt;router-link :to=&quot;{ name: 'contact' }&quot; class=&quot;link&quot;&gt; Contact Us&lt;/router-link&gt;           
            &lt;/template&gt;
          &lt;/v-menu&gt;
        &lt;/v-row&gt;
      &lt;/v-container&gt;
    &lt;/v-app-bar&gt;
  </code></pre>