title: How to change the behavior of clicking an option item of v-autocomplete
body: <p><strong>Scenario</strong></p>
  <p>When clicking an option item, natively, the v-autocomplete (with multiple prop) active its respective checkbox and keeps with the menu open, allowing you to continue selecting other items until you click out of the menu</p>
  <p><a href="https://i.stack.imgur.com/FOYjw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FOYjw.png" alt="v-autocomplete multiple" /></a></p>
  <p><strong>Objective</strong></p>
  <p>What I would like is to change this behavior, when I clicked only in the checkbox, the native behavior is maintained, but when clicked specifically on the line, the menu is closed and trigger a function using the value of the selected item.</p>
  <p>I imagine that it is necessary to use the slots but I really don't know how to use it or if this is the best way to obtain this new behavior.</p>
  <p><a href="https://i.stack.imgur.com/VDWyW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VDWyW.png" alt="v-autocomplete multiple" /></a></p>
  <p><strong>Note</strong></p>
  <p>The vertical line is for concept demonstration purposes only, it is not necessary to include this line in the component.</p>