title: Equal components that conflict with each other (VUETIFY)
body: <p>I have a calendar component that I need to repeat in 3 different tabs, the only different information passed to them is the props <a href="https://i.stack.imgur.com/ykWZj.png" rel="nofollow noreferrer">here is where they are being imported into the blade</a>.
  However, the menu of these components conflicts as the 3 are on the same screen, if I click on the last imported component it will always open in the first component, <a href="https://i.stack.imgur.com/obDuU.png" rel="nofollow noreferrer">here is my menu</a>, soon after, a print of how it looks on the front, each tabs is a menu, when the button is clicked, it opens only in Ciads One tabs <a href="https://i.stack.imgur.com/lnBLB.png" rel="nofollow noreferrer">front</a></p>
  <p>Is this a conflict between the variables because they are the same? I didn't use any class or id to open these menus, how can I solve this problem?</p>