vue-chatkit

Project setup

vue create vue-chatkit

mkdir src/assets/css

touch src/components/{ChatNavBar.vue,LoginForm.vue,MessageForm.vue,MessageList.vue,RoomList.vue,UserList.vue}
touch src/store/{actions.js,index.js,mutations.js}
touch src/views/{ChatDashboard.vue,Login.vue}
touch src/chatkit.js

rm src/components/HelloWorld.vue
rm src/views/{About.vue,Home.vue}
rm src/store.js

npm i @pusher/chatkit-client bootstrap-vue moment vue-chat-scroll vuex-persist

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

References

https://www.sitepoint.com/pusher-vue-real-time-chat-app/