ec-chat

Vue chat component

Install

npm i --save ec-chat

Usage

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 install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.