From 06c3148897e9e439739337d0d3b7d7a3424b7cc5 Mon Sep 17 00:00:00 2001
From: Jakub Juszczak <netghost03@gmail.com>
Date: Sun, 2 Oct 2016 18:25:02 +0200
Subject: [PATCH] =?UTF-8?q?=E2=AC=86=EF=B8=8F=20Update=20examples?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/examples/App.vue                | 13 ++++++++++++-
 src/examples/ReactivePropExample.js | 10 ++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 src/examples/ReactivePropExample.js

diff --git a/src/examples/App.vue b/src/examples/App.vue
index 8f7abe7..0e63660 100644
--- a/src/examples/App.vue
+++ b/src/examples/App.vue
@@ -20,9 +20,20 @@
   import PolarAreaExample from './PolarAreaExample'
   import BubbleExample from './BubbleExample'
   import ReactiveExample from './ReactiveExample'
+  import ReactivePropExample from './ReactivePropExample'
 
   export default {
-    components: { BarExample, LineExample, DoughnutExample, PieExample, RadarExample, PolarAreaExample, BubbleExample, ReactiveExample }
+    components: {
+      BarExample,
+      LineExample,
+      DoughnutExample,
+      PieExample,
+      RadarExample,
+      PolarAreaExample,
+      BubbleExample,
+      ReactiveExample,
+      ReactivePropExample
+    }
   }
 </script>
 
diff --git a/src/examples/ReactivePropExample.js b/src/examples/ReactivePropExample.js
new file mode 100644
index 0000000..e5b9dea
--- /dev/null
+++ b/src/examples/ReactivePropExample.js
@@ -0,0 +1,10 @@
+import BarChart from '../BaseCharts/Bar'
+import reactiveData from '../mixins/reactiveProp'
+
+export default BarChart.extend({
+  mixins: [reactiveData],
+
+  mounted () {
+    this.renderChart(this.chartData)
+  }
+})