Doesn't work when included in nested component

[robertperez-upc]

When I include beautiful-chat in a nested component the beautiful-chat isn't displayed.

Example:

Main Vue

<template>
  <a />
</template>

---

A Source

<template>
  <beautiful-chat.... />
</template>

[github-actions]

Thanks for opening up your first issue!

[Sitronik]

Hello, do you have errors in the browser console?

[jonasesser]

Same issue here. But it was my first try. See browser console attached.

[PedroCavaleiro]

I'm using the latest version of Vue 3 composition API and the code in PR #16 my structure looks like the following

<template>
  <div ...>
    <div ...>
      <beautiful-chat ...>
        <!-- beautiful chat templates here if needed -->
      </beautiful-chat>
    </div>
  </div>
</template>

However they are in the same file but I get no such warning maybe a more recent code has this sorted out