Skip to content

馃殌 [Feature] Frontend: Create a vue-advanced-chat component

Created by: Elweyn

馃殌 Feature

https://github.com/antoine92190/vue-advanced-chat

<template>
  <vue-advanced-chat
    :current-user-id="currentUserId"
    :rooms="JSON.stringify(rooms)"
    :messages="JSON.stringify(messages)"
    :room-actions="JSON.stringify(roomActions)"
  />
</template>

<script>
  import { register } from 'vue-advanced-chat'
  register()

  // Or if you used CDN import
  // window['vue-advanced-chat'].register()

  export default {
    data() {
      return {
        currentUserId: '1234',
        rooms: [],
        messages: [],
        roomActions: [
          { name: 'inviteUser', title: 'Invite User' },
          { name: 'removeUser', title: 'Remove User' },
          { name: 'deleteRoom', title: 'Delete Room' }
        ]
      }
    }
  }
</script>

馃 TODO

  • Implement the necessary functions
    • no roomActions in the first step
  • Add something to show that there is an unread/new message
  • Field to add a new message to the room