Azibai Chat Vue Component

I. Project setup

yarn add @azibai/chat

npm install @azibai/chat

II. Install In Javascript or TypeScript:

Import package plugin in your code.

import Vue from 'vue';
import {AzibaiChat} from '@azibai/chat';
import "@azibai/chat/dist/azibai-chat.css";

Vue.component('AzibaiChat', AzibaiChat);

III. With Nuxt

1. Create a file named 'azibai-chat.js' inside the 'plugins' directory

2. Inside this file put :

import Vue from 'vue';
import {AzibaiChat} from '@azibai/chat';
import "@azibai/chat/dist/azibai-chat.css";

Vue.component('AzibaiChat', AzibaiChat);

3. Add to nuxt.config.js:

plugins: [
    ...,
    { "@/plugins/azibai-chat.js", mode: 'client' }
]

4. Use In Component

<AzibaiChat :shop="0"/>

5. Open new popup message

this.$openMessage(userId, isShop);

• userId: target user id

• isShop: target is shop

6. Clear storage data logout

this.$flushStore();