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
      })
   },
...