Issue with `no-room-selected` slot

[dynomind-dev]

Describe the bug

Slot no-room-selected does not work.

Steps to reproduce

<template>
    <div>
        <vue-advanced-chat>
            <div slot="rooms-empty">Replace the empty rooms template</div>
            <div slot="no-room-selected">Replace the no room selected template</div>
        </vue-advanced-chat>
    </div>
</template>

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

export default {}
</script>

<style lang="scss"></style>

Expected behavior

Slot content should be used for no room selected block.

Screenshots

Device (please complete the following information)

• OS: Windows 11
• Browser: Chrome 115.0.5790.110 (Official Build) (64-bit)
• Package version: 2.0.7

Additional context

I checked it in vue sandbox too. https://github.com/dynomind-dev/vue-advanced-chat-sandbox/tree/issue/no-room-selected

[edwinofsakh]

It looks like adding v-show will fix this problem.

...
   <vue-advanced-chat
      v-show="isReady"    
...   
   mounted() {
      setTimeout(() => {
         this.isReady = true
      })
   },
...