Event Handlers on v-for items with <UContextMenu> elements always reference the last item about ui HOT 2 CLOSED

<template>
  <UContainer class="min-h-screen flex items-center">
    <UCard
      @click="logClicked(item)"
      v-for="(item, i) in items" // get the index, so you can bind the components
      @contextmenu.prevent="() => onContextMenu(i)" // you can use the index to signal which ContextMenu triggered the event
      :key="item"
      class="flex-1"
      :ui="{
        background: 'bg-gray-50 dark:bg-gray-800/50',
        ring: 'ring-1 ring-gray-300 dark:ring-gray-700',
        divide: 'divide-y divide-gray-300 dark:divide-gray-700',
        header: { base: 'font-bold' },
      }"
    >
      <p>{{ item }}</p>
      <UContextMenu v-model="isOpen[i]" :virtual-element="virtualElements[i]"> // bind it to the correct objects
        <p class="hover:bg-gray-100 p-4" @click="logClicked(item)">Copy Link</p>
      </UContextMenu>
    </UCard>
  </UContainer>
  <UNotifications />
</template>

<script setup>
// Context Menu Setup

const { x, y } = useMouse();
const { y: windowY } = useWindowScroll();

const isOpen = ref([false, false, false]); // use an array to handle different ContextMenu open states
const virtualElements = ref([ // the same, just with the virtualElement attributes
  { getBoundingClientRect: () => ({}) },
  { getBoundingClientRect: () => ({}) },
  { getBoundingClientRect: () => ({}) },
]);

function onContextMenu(index) {
  const top = unref(y) - unref(windowY);
  const left = unref(x);

  // set the correct ContextMenu virtualElement data
  virtualElements.value[index].getBoundingClientRect = () => ({ 
    width: 0,
    height: 0,
    top,
    left,
  });

  isOpen.value[index] = true; // set the correct ContextMenus open state
}

// PoC Setup
const items = ['Item 1', 'Item 2', 'Item 3'];

const logClicked = (item) => {
  console.log('The item that was clicked is: ' + item);
  alert('The clicked item is: ' + item);
};
</script>

<style>
body {
  @apply antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900;
}
</style>