Installing into quasar 1.x

[joweste]

Hi, Does someone had success installing this component into quasar?

I trying to install into quasar, but I had an error:

[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <BeautifulChat>
       <App> at src/components/ChatComponent.vue
         <IndexContatos> at src/pages/contatos/Index.vue
           <QPage>
             <QPageContainer>
               <QLayout>
                 <MainLayout> at src/layouts/MainLayout.vue
                   <App> at src/App.vue
                     <Root>

Here is what I did. I created a boot file as:

// beautifulChat.js
import Chat from 'vue-beautiful-chat'
export default ({ Vue }) => {
Vue.component('beautiful-chat', Chat)
}
and I add it into quasar.conf boot session.

In my page I am using:

<script> import ChatComponent from 'src/components/ChatComponent.vue' export default { name: 'IndexContatos', components: { ChatComponent, }, } </script>

and the ChatComponent is:

<template>
  <div>
    <beautiful-chat
      :always-scroll-to-bottom="alwaysScrollToBottom"
      :close="closeChat"
      ....
    />
  </div>
</template>

<script>
export default {
  name: 'ChatComponent',
  components: {},
  data() {
    return {
      participants: [],
      titleImageUrl:
        'https://a.slack-edge.com/66f9/img/avatars-teams/ava_0001-34.png',
    }
    ....
  }
}
</script>
   

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.