Problem with Dynamic Dialog custom events (Vue3 Composition API)

[marcilio_junior]

Hi masters,

I'm facing problems with the component DynamicDialog in Vue Composition API. The custom event not firing.

Code: Select all

// Parent component
<script setup>
import {useDialog} from "primevue/usedialog";

const dialog = useDialog();

function userDialog()
    {
	dialog.open(UserDetail, {
                props: {
                    style: {
                        width: '50vw',
                    },
                    breakpoints:{
                        '960px': '75vw',
                        '640px': '90vw'
                    },
                    modal: true
                },
                emits: {
                    onDeactivate: (info) => {
                        console.log(info);
                    }
                }
            }); 
 }
</script>

<template>
	<button @click="userDialog">Open dialog</button>
</template>

... And the UserDetail children component code below:

Code: Select all

<script setup>
	const emit = defineEmits(['deactivate']);
	
	function deactivate(){
		emit('deactivate', {info: 'my info'});
	}
</script>

<template>
	<button @click="deactivate">Deactivate</button>
</template>

The Dialog it opens correctly with the UserDetail child component on it. The "onDeactivate" event is never fired and no errors showing on the console.
Anyone has a idea what I'm doing wrong?

PS: I'm using PrimeVue 3.23.0.

[mragrid]

Same problem, the emit does not fire the logic in the parent component

[mragrid]

An update to the version 3.26.1 solved my problem, give it a try