treetan-chat-widget v0.3.12

Chat Widget Vue Library for Nuxt Project

This project integrates a chat widget into a Nuxt application using the treetan-chat-widget library. The widget enables real-time messaging through a socket.io connection and offers various chat functionalities.

Installation

First, install the treetan-chat-widget and socket.io-client packages:

npm install treetan-chat-widget socket.io-client


Props
The Chat component accepts the following props:

isOpenChat (Boolean): Indicates whether the chat is open. Default is false.
chatListProp (Array): List of chats. Default is an empty array.
messageListProp (Array): List of messages. Default is an empty array.

Events

@sendMessage: Triggered when a message is sent.
@openChat: Triggered when the chat is opened.
@closeChat: Triggered when the chat is closed.