I'm having some trouble setting up a chatbot screen with the "botui" and "vue-cli".
Whenever I try to display the screen, I encounter an "Unknown custom element: " error.
Below is the code snippet that I am using. Can you please help me figure out what's causing the issue?
<template>
<div>
<div id="botui">
<bot-ui></bot-ui>
</div>
</div>
</template>
<script>
import vue from 'vue'
import Botui from 'botui'
export default {
data() {
return {
botui: ''
}
},
mounted() {
this.startBot
},
methods: {
startBot() {
this.botui = new Botui('botui', { vue })
this.botui.message.add({
content: {
text: 'Hello'
}
})
}
}
}
</script>