title: Vuetify clickable card with button
body: <p>I have a clickable <code>v-card</code> that acts as a link due to its <code>to</code> prop. The card contains a button that is clickable as well. Something like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-card :to=&quot;{ name: 'MyView' }&quot;&gt;
    &lt;v-btn @click.stop=&quot;myAction&quot;&gt;&lt;/v-btn&gt;
    ... other elements ...
  &lt;/v-card&gt;
  </code></pre>
  <p>Now when clicking the button inside the card, the button's click handler (<code>myAction</code>) is executed but the link is followed as well. How can I change this to have only the click handler executed when the button is clicked?</p>