Un host en la raíz
UIApp
representa el contenido de su snippet y la pila de modales del manager. No genera un contenedor visual adicional. Úsalo una sola vez alrededor del outlet.
<!-- app/app.meeko -->
<template>
<UIApp>
<MeekoOutlet />
</UIApp>
</template>Contrato
No tiene props ni eventos públicos. Requiere el snippet
default. El plugin registrado por
@meekojs/ui
proporciona el contexto; no necesitas crear un plugin propio ni llamar a
provideModal.
useModal()
abre componentes cuyo nombre empieza por
Modal, con las props del registro de componentes de tu aplicación.
useModalInstance()
cierra la instancia actual con un resultado o la descarta.
const modal = useModal()
// Invoca esta función desde una acción del usuario.
async function confirm() {
const accepted = await modal.open<boolean>('ModalConfirm', {
message: '¿Quieres confirmar esta acción?',
})
// boolean | undefined: descartar devuelve undefined.
return accepted
}Consulta la guía de Modal para el componente de confirmación, los tamaños y los cierres protegidos.