Vue 3 Modals

Hey guys, I'm quite new on Vue 3 and i'm trying to set up a modal plugin. In my Vue2 project, I was using vue-js-modal plugin which was really nice, but it doesn't work for Vue 3.

So I've been looking for plugin that works the same way and i'm not really sure about it. I've checked PrimeVue, Headless UI, Vue Final Modal.

Most of modal plugins demo show the modal opening whith a v-model="show" type, problem is my modal component is in the root component while my @click function is in child of child.

Example is better: Lets say I have this componenent tree : Root -> Home -> TicketList -> TicketRow My modal is within the Home component, but I want to display it from TicketRow with given params

I manage to make it work with vue-final-modal as it provides an API: $vfm which i can inject in any component and just call:

const vfm = inject('$vfm');
vfm.show('myModalName', {params});

I'd like to be able to perform this kind of thing with primeVue modal for example as it offers a lot more customization.

Am I missing something with Vue 3 ? Other solution I thought about is to use the store to setup the visiblity of my modals but it sounds really messy for me .