Chat Component

[JenuelDev]

Clear and concise description of the problem

It would be awesome to have a chat component. I saw this component in quasar https://quasar.dev/vue-components/chat#qchatmessage-api, and it would be awesome if naive ui also have something like this. Basically a chat for both sender and reciever.

Suggested solution

We could name it as NChart. The content can have something like this:

let data = [
 {
  sender: "james",
  datetime: "<datetime>",
  color: "" // can be optional for coloring a message. it can be like danger, success, or custom color code like `#fff`,
  type: "reciever" // this is important for knowing if its recieved or sent
 }
]


// and we can then use it like
<NChat :data="data" sender="sender" time="datetime" />

this code showed is just an idea but we can actually check how they made it in quasar as referrence.

Alternative

No response

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.