Vue-Chat-Engine
A Vue.js 2 Plugin
Build chat apps with Vue and Vuex using PubNub ChatEngine.
Install
npm install chat-engine --savenpm install vue-chat-engine --save
Use in a Vue.js app
Main.js
;;;;; const chatEngine = ChatEngineCore; // ChatEngine injected into every component instanceVue; /* eslint-disable no-new */ el: '#app' store components: App template: '<App/>' { const ChatEngine = this$chatEngine; const store = this$store; // ChatEngine.connect(me.uuid, me); // ... };
store.js
;; Vue; // root state object.// each Vuex instance is just a single state tree.const state = chats: {} chatMessages: {} me: {}; const mutations = { stateme = me; } { let channel = chatconfigchannel; if !statechatMessageschannel Vue; let myUuid = thisstatemeuuid; let message = data; if senderuuid === myUuid messagewho = 'me'; else messagewho = 'them'; statechatMessageschannel; statechatMessageschannel; };
Build
npm run build