title: How can I expand on hover navigation drawer and use app bar icon on smaller screens?
body: <p>I'm trying to achieve to have my navigation drawer with <code>expand-on-hover</code> property true if i'm on desktop and show the classic <code>v-app-bar-nav-icon</code> if I'm on smaller screens or mobile.
  I have done this but the behaviour is kinda weird:</p>
  
  <pre><code>&lt;v-app-bar-nav-icon
      v-if="!drawer"
      @click="drawer = true"
  &gt;&lt;/v-app-bar-nav-icon&gt;
  
  &lt;v-navigation-drawer
    app
    dark
    :expand-on-hover="$vuetify.breakpoint.mdAndUp &amp;&amp; drawer"
    v-model="drawer"
    style="background-color: #374A67"
  &gt;&lt;/v-navigation-drawer&gt;
  </code></pre>
  
  <p>Works but in some situations just broke and if I resize the window the navigation drawer push the app bar when is hovered giving me an empty space. How can I do this the right way? Thank you</p>