show q-menu of another component

[thescript]

Hi guys, I have this scenario where in I need to separate q-menu implementation into another component which goes something like this.

In my other component:

<template>
<q-btn mouseenter=“showQmenu”>
<submenu> </submenu>
</q-btn>
</template>

Inside submenu component:

<template>
<q-menu anchor=“top right”
self=“top left”>
<q-list>
<q-item>
…
</q-item>
</q-list>
</q-menu>
</template>

How to show q-menu inside of submenu component triggered by mouseenter event of q-btn?

Thanks.