import { ref, onMounted, onBeforeUnmount } from 'vue';

export default class PopoverMenu {
  show = ref(false);
  top = ref('0px');
  left = ref('0px');
  bottom = ref('0px');
  index = ref(0);

  open = (idx, e) => {
    this.index.value = idx;
    this.left.value = e.x + 20 + 'px';
    this.top.value = e.y + -50 + 'px';
    this.show.value = true;
  };

  close = () => {
    this.show.value = false;
  };
}