Allow chatbot header slot

.gitignore

@@ -7,6 +7,7 @@ dist/*.gz
 dist/.DS_Store
 coverage
 docs/.vuepress/dist
+demo/*
 
 # dist
 # local env files

README.md

@@ -1,12 +1,10 @@
 
-# Vue Bot UI
+# Vue Chat Bot
 
 #### For the one who is finding a customizable chatbot UI.
 
 I build for my private project, but I tried to bring as many options as I think someone need it, so feel free to use it.
 
-*Demo page is coming soon.*
-
 <p align="center">
 <img width="300" alt="vue bot UI" src="https://user-images.githubusercontent.com/5735071/71614782-52cc2280-2be0-11ea-8c1b-7af063401d3d.png">
 </p>
@@ -15,22 +13,23 @@ I build for my private project, but I tried to bring as many options as I think
 ## Install
 
 ```bash
-npm install vue-bot-ui
+npm i vue-chat-bot
 
 // or
-yarn add vue-bot-ui
+
+yarn add vue-chat-bot
 ```
 
 ## Usage
 
 Import & register the component
 
 ```javascript
-import { VueBotUI } from 'vue-bot-ui'
+import { VueChatBot } from 'vue-chat-bot'
 
 export default {
   components: {
-    VueBotUI,
+    VueChatBot,
   },
   ...
 }
@@ -39,7 +38,7 @@ export default {
 And use it:
 
 ```vue
-<VueBotUI
+<VueChatBot
   :messages="data"
   :options="botOptions"
   @msg-send="messageSendHandler"
@@ -193,7 +192,7 @@ You can overwrite the CSS by class name. Each type and state has separate class
 ## Developers / Build
 ```bash
 # Clone repo
-git clone https://github.com/JuzSer/vue-bot-ui
+git clone https://github.com/JuzSer/vue-chat-bot
 
 # Install packages
 yarn

package.json

@@ -57,5 +57,12 @@
     "url": "https://github.com/cuoool/vue-chat-bot.git/issues"
   },
   "homepage": "https://github.com/cuoool/vue-chat-bot.git#readme",
-  "license": "MIT"
+  "license": "MIT",
+  "volta": {
+    "node": "16.14.0",
+    "yarn": "1.22.19"
+  },
+  "dependencies": {
+    "release-please": "^15.9.1"
+  }
 }

src/App.vue

@@ -34,7 +34,7 @@ export default {
         botAvatarImg: BotIcon,
         boardContentBg: '#f4f4f4',
         msgBubbleBgBot: '#fff',
-        inputPlaceholder: 'Type hereeee...',
+        inputPlaceholder: 'Type here...',
         inputDisableBg: '#fff',
         inputDisablePlaceholder: 'Hit the buttons above to respond'
       }

src/components/BotUI.vue

@@ -8,6 +8,8 @@
         :bot-title="optionsMain.botTitle",
         @close-bot="botToggle"
       )
+        template(v-slot:header)
+          slot(name="header")
       BoardContent(
         :bot-typing="botTyping",
         :main-data="messages"