(docs) add web component build steps

Author: antoine92190

README.md

@@ -37,6 +37,7 @@ Enjoy :smile:
 - [Props data structure](#props-data-structure)
 - [Events API](#events-api)
 - [Using with Firestore](#using-with-firestore)
+- [Use as a Web Component](#use-as-a-web-component)
 
 ## Installation
 
@@ -462,6 +463,41 @@ messages: {
 }
 ```
 
+## Use as a Web Component
+
+### Clone vue-advance-chat project
+
+```bash
+git clone https://github.com/antoine92190/vue-advanced-chat.git
+```
+
+### Build it as a Web Component
+
+```bash
+npm i && npm run build:wc
+```
+
+### Add Vue.js to your application
+
+```html
+<!-- index.html -->
+<script src="https://unpkg.com/vue"></script>
+```
+
+### Import the built minified component in your application
+
+#### Add vue-advanced-chat.min.js in your application files
+
+```
+vue-advance-chat/dist/vue-advanced-chat.min.js
+```
+
+#### Import the vue-advanced-chat.min.js file you just added
+
+```javascript
+import './vue-advanced-chat.min.js'
+```
+
 ## License
 
 This project is licensed under [MIT License](http://en.wikipedia.org/wiki/MIT_License)

package.json

@@ -26,7 +26,7 @@
 		"serve": "vue-cli-service serve",
 		"build": "vue-cli-service build",
 		"build:lib": "vue-cli-service build --target lib --name vue-advanced-chat ./src/ChatWindow/index.js",
-		"build:wc": "vue-cli-service build --target wc --name vue-advanced-chat ./src/ChatWindow/index.js",
+		"build:wc": "vue-cli-service build --target wc --name vue-advanced-chat ./src/ChatWindow/ChatWindow.vue",
 		"prepublish": "npm run build:lib",
 		"publish-beta": "npm publish --tag beta",
 		"lint": "vue-cli-service lint"
@@ -48,7 +48,7 @@
 		"node-sass": "^4.13.0",
 		"sass": "^1.19.0",
 		"sass-loader": "^8.0.0",
-		"vue-template-compiler": "^2.6.10",
+		"vue-template-compiler": "^2.6.11",
 		"vue": "^2.6.10"
 	},
 	"dependencies": {