Azibai Chat Vue Component
I. Project setup
yarn add @azibai/chatnpm install @azibai/chatII. 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();