Component | <messages-conversation>

[space-dweeb]

This component represents the entire chat area in the messages page. This is a container to handle component structure and data, not any new UI.

Requirements:

1. Contains Component | <messages-subheader> #47, Component | <messages-message> #48, and Component | <messages-input> #50
2. Emits or passes props through to the above components to indicate which conversation is currently selected

Visual context:

Reminder: The mock-ups shown are not a representation of the desired appearance. They are only meant to give a general guide for the placement of components in relation to others on a page. CSS should be used as minimally as possible. Just use standards for the Quasar components you use to build our new components, and for any styling and positioning you need to do, be sure to follow Quasar's standards.