Reto Reactividad con ref y reactive

Crea un componente Vue que demuestre el uso de ref y reactive para manejar diferentes tipos de datos reactivos.

Debes implementar:

1. Una variable reactiva counter usando ref inicializada en 0
2. Un objeto reactivo userInfo usando reactive con las propiedades:
   • name: 'Usuario'
   • email: 'usuario@ejemplo.com'
   • isActive: true
3. Una función incrementCounter que aumente el contador en 1
4. Una función toggleUserStatus que cambie el estado isActive del usuario
5. Una función updateUserName que reciba un parámetro newName y actualice el nombre del usuario

En la plantilla, muestra:

• El valor del contador
• La información del usuario (nombre, email y estado activo/inactivo)
• Un botón para incrementar el contador
• Un botón para cambiar el estado del usuario
• Un botón para cambiar el nombre a 'Juan Pérez'