<template>
    <BbuContextmenu :menu-list="menuList" @onMenuClick="onMenuClick">
      <div class="context">
          bbu-contextmenu
      </div>
    </BbuContextmenu>
</template>

<script setup>
    import {BbuContextmenu} from 'bbu-contextmenu'
    import 'bbu-contextmenu/bbu-contextmenu/style.css'
    const menuList = [
        {
          name: 'COPY',
          disabled: false
        },
        {
          name: 'EDIT',
          disabled: true
        },
        {
          name: 'VUE3',
          disabled: false
        }
     ]
    const onMenuClick = menu => {
        // todo
        // { name: 'xxx', disabled: true }
    }
    
</script>