From 15b3c22a38d81a2d6498b4ab27d044d290881df0 Mon Sep 17 00:00:00 2001
From: Jakub Juszczak <netghost03@gmail.com>
Date: Sun, 26 Jun 2016 16:12:27 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20Add=20another=20example=20to=20r?=
 =?UTF-8?q?eadme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/README.md b/README.md
index f292c1c..69c5539 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,8 @@
 
 You need to import the base chart class and extend it. This gives much more flexibility when working with different data. You can pass the data over props or vue-resource.
 
+Just create your own component.
+
 ```javascript
 // CommitChart.js
 import BarChart from '../BaseCharts/Bar'
@@ -38,6 +40,7 @@ import CommitChart from 'path/to/component/CommitChart'
 You can overwrite the default chart options. Just pass the options object as a second paramenter to the render method
 
 ```javascript
+// MonthlyIncome.js
 import LineChart from '../BaseCharts/Line'
 
 export default LineChart.extend({
@@ -48,6 +51,23 @@ export default LineChart.extend({
 })
 ```
 
+Use it in your vue app
+
+```javascript
+import MonthlyIncome from 'path/to/component/MonthlyIncome'
+
+<template>
+  <monthly-income :data={....} />
+</template>
+
+<script>
+export default {
+  components: { MonthlyIncome },
+  ....
+}
+</script>
+```
+
 ## Available ChartJ
 
 ### Bar Chart