Ejercicio de programación con Vuejs: Uso de provide e inject

Crea un sistema de gestión de mensajes en Vuejs usando la Composition API, donde un componente padre proporciona una lista de mensajes que pueden ser manipulados por sus componentes hijos. La interacción entre los componentes debe realizarse utilizando provide e inject.

Requisitos

Componente padre:

• Proporciona una lista de mensajes inicialmente vacía.
• Proporciona una función para añadir mensajes a la lista.
• Proporciona una función para eliminar mensajes de la lista.

Componente hijo:

• Muestra la lista de mensajes.
• Permite añadir un nuevo mensaje a través de un campo de entrada y un botón.
• Permite eliminar mensajes de la lista.

Restricciones:

• El código debe escribirse en TypeScript.
• Todo el código debe estar en un solo archivo, simulado para un editor de texto simple.

Consejos

• Con escribir el script de cada componente separado por dos comentarios que contengan el nombre de cada uno de los componentes es suficiente
• Realiza el código del componente padre e hijo por separado, y luego une los scripts de cada uno de los componentes en un solo archivo TypeScript para que concuerde con uno de los requisitos del ejercicio