У меня есть список элементов, у каждого элемента есть кнопка, при нажатии на которую открывается небольшой блок с двумя кнопками, редактировать или удалить элемент
<li>
<p> Элемент 1 </p>
<div class="list__item-actions">
сама кнопка
<button @click="openHideBlock" class="show">Дейстие</button>
скрытый блок
<div v-show="opened" class="list__item-hideblock">
<button @click="editTemplate">Редактировать</button>
<button @click="deleteTemplate">Удалить</button>
</div>
</div>
</li>
Мне нужно чтобы после того как мы открыли этот небольшой блок, при клике вне этого блока или на кнопку повторно, он скрывался
