Spinner still there even when setting messages-loaded to true

[bacca-chew]

Describe the bug

The UI doesn't display the messages. Instead, it shows a loading spinner.

Steps to reproduce

I used the code snippits provided in the documentation. Here's the code I tried:

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

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

export default {
  data() {
    return {
      currentUserId: '1234',
      rooms: [
        {
          roomId: '1',
          roomName: 'Room 1',
          unreadCount: 4,
          index: 3,
          lastMessage: {
            _id: 'xyz',
            content: 'Last message received',
            senderId: '1234',
            username: 'John Doe',
            timestamp: '10:20',
            saved: true,
            distributed: false,
            seen: false,
            new: true
          },
          users: [
            {
              _id: '1234',
              username: 'John Doe',
              status: {
                state: 'online',
                lastChanged: 'today, 14:30'
              }
            },
            {
              _id: '4321',
              username: 'John Snow',
              status: {
                state: 'offline',
                lastChanged: '14 July, 20:00'
              }
            }
          ],
          typingUsers: []
        }
      ],
      messages: [
        {
          _id: '7890',
          indexId: 12092,
          content: 'Message 1',
          senderId: '1234',
          username: 'John Doe',
          date: '13 November',
          timestamp: '10:20',
          system: false,
          saved: true,
          distributed: true,
          seen: true,
          deleted: false,
          failure: true,
          disableActions: false,
          disableReactions: false,
          replyMessage: {
            content: 'Reply Message',
            senderId: '4321',
          },
        }
      ],
      roomActions: [
        { name: 'inviteUser', title: 'Invite User' },
        { name: 'removeUser', title: 'Remove User' },
        { name: 'deleteRoom', title: 'Delete Room' }
      ]
    }
  }
}
</script>

[MkMarko]

你尝试在首次替换新的消息的时候把它的旧消息置空 我发现了这个问题 并且已经通过这种方式解决了