Привет, есть таблица записей, в каждой строке есть компонент с

Question

Привет, есть таблица записей, в каждой строке есть компонент с

кнопкой и меню

<template>
<div
v-click-outside="hideMenu"
class="tw-relative">
<button
class="tw-w-10 tw-h-10 tw-flex tw-items-center tw-justify-center"
type="button"
ref="button"
@click.prevent="toggleMenu">
<img
alt=""
class="tw-w-4"
src="@assets/icons/svg/new/menu-burger.svg?url" />
</button>
<teleport to="body">
<transition name="menu-table-row">
<div
v-if="isShowMenu"
class="menu-table"
:style="`left:${leftP}px;top:${top}px`"
>
<router-link
class="menu-table__item"
to="to"
>Редактировать
</router-link>
<button class="menu-table__item menu-table-__item-danger">
Перенести в черновик
</button>
</div>
</transition>
</teleport>
</div>
</template>

но при этом на каждую строку с таким меню в body от телепорта столько же if, как можно обыграть эту ситуацию?