vue-chat-widget-drap

Descripcion

Chat widget to test

Steps

1- import

``js
import "vue-chat-widget";
`

2- Config widget

`html
.socketUrl="'url'"
.idAgent="'id'"
.api_key="'key'"
nameSpace="/"
.welcomeMessage="'welcome'"
.iconButton="'url-picture'"
welcomeBackgroundColor="#333"
welcomeTextColor="#fff"
welcomeButtonColor="#007bff"
welcomeButtonHoverColor="#0056b3"
chatPanelBackground="#ffffff"
chatHeaderBackground="#131844"
chatHeaderTextColor="#ffffff"
chatMessagesBackground="#f8f9fc"
chatInputBackground="#ffffff"
chatInputTextColor="#474747"
chatInputBorderColor="#ccc"
sendButtonBackground="#131844"
sendButtonHoverBackground="#1a205a"
userMessageBackground="#15be86"
userMessageTextColor="#ffffff"
botMessageBackground="#f5f5f5"
botMessageTextColor="#3f3f3f"
svgName="helloSpan || headPhoneSpan || handshakeSpan || personHiSpan || ''"
gaTrackingId="id"
soundName="sound1 | sound2 | sound3 | sound4 | sound5"
instanceName="my proyect"
>
``