0.1.3 • Published 5 years ago
ec-chat v0.1.3
ec-chat
Vue chat component
Install
npm i --save ec-chatUsage
Import the component
import ECChat from "ec-chat";Register the component
components: {
"ec-chat": ECChat
}Import style sheet
@import "~ec-chat/dist/ECChat.css";Use it
<ec-chat
:messages="messages"
:fetching-messages="fetchingMessages"
:user="user._id"
:send-message="sendMessage"
:get-user-by-id="getUserById"
/>| Name | Type | Description |
|---|---|---|
| messages | Message | Array of all messages, sorted by creation date |
| fetching-messages | Boolean | Is fetching messages |
| user | String | Logged user id |
| send-message | Function(message: Message) => Promise | Function for sending a new message |
| get-user-by-id | Function(userId: String) => User | Function for getting user object by user id |
Objects
Message
{
user: String, // user id
created: Date,
text: String
}User
{
_id: String,
name: String,
color: String // Hex
}Project setup
npm installCompiles and hot-reloads for development
npm run serveCompiles and minifies for production
npm run buildLints and fixes files
npm run lint