kharlamov-meet-chat v0.1.23

meet-chat

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Compiles and minifies for production - as a library

yarn build:lib

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Installation

# Using npm
npm install --save meet-chat

# Using yarn
yarn add meet-chat

Usage

You can import it as a custom component:

<template>
  <chat-container
    :is-open="isChatOpen"
    :room-id="chatRoomId"
    :user-id="userId"
    :username="username"
    :locale="currentLocale"
    @hide-chat="closeChatbox"
    @new-chat-message="updateNewChatMessages"
  />
</template>

<script>
  import ChatContainer from 'meet-chat'
  import 'meet-chat/dist/meet-chat.css'

  export default {
    components: {
      ChatContainer
    },
    data() {
      return {
        isChatOpen: false,
        userId: "123",
        username: "Test user",
        chatRoomId: "hostname_roomId",
        currentLocale: "en",
        numberOfNewMessages: 0,
      }
    },
  },
  methods: {
    closeChatbox() {
      this.isChatOpen = false;
    },
    updateNewChatMessages(numberOfNewMessages) {
      this.numberOfNewMessages = numberOfNewMessages
    }
  }
</script>

Props API

Events API