title: How to add a custom function on click in v-slide-item?
body: <p>As what we can see in here <a href="https://vuetifyjs.com/en/components/slide-groups/" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/slide-groups/</a></p>
  
  <p>Vuetify already provide a slide groups with default v-slot inside the v-slide-item, such as:</p>
  
  <pre><code>v-slot:default="{ active, toggle }"
  </code></pre>
  
  <p>then inside the v-slide-item, we can add a component, example v-card, but we need to have the default @click="toggle" such as:</p>
  
  <pre><code>&lt;v-card @click="toggle"&gt; some contents &lt;/v-card&gt;
  </code></pre>
  
  <p>that toggle is used for the v-slot.</p>
  
  <p>My issue is when I want to call my own function, I tried to create another component inside the v-card, then add @click="myFunction". </p>
  
  <p>But that function is being called more than 1 time (as many times as the v-slide-item). If I have 10 items, that function is being called 10 times, although I only click once in that item.
  The same thing happens when I tried adding a component on top of that v-card.</p>
  
  <p>The weird thing is if I change the click function in v-card, it's only being called once. So I think I should call my function in v-card, but it's being used by toggle. Any suggestion what I can do to call my own function in that v-card?</p>