title: How to navigate to different section in the same page using vuetify?
body: <p>I tried the HTML way of doing it using anchors:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#dashobard"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And my target is like: </p>
  
  <pre class="lang-vue prettyprint-override"><code>&lt;v-card id="dashboard"&gt;
    &lt;v-card-text class="document"&gt;
      Contract Details: lorem ipsum ...
    &lt;/v-card-text&gt;
  &lt;/v-card&gt;
  </code></pre>
  
  <p>But the problem is when I click on Dashboard link it goes to 2 lines after the title (in this case 'Contract Details'). </p>
  
  <p>I was wondering if there is a way of doing this using Vuetify. I could not find it in their documentation. I also tried <code>&lt;v-card name="dashboard"&gt;</code> but it was the same results. I am new to Vue and Vuetify, so any help would be appreciated.</p>