chore(examples): Update reactive prop examples

syshex · Jan 12, 2018 · ecae747 · ecae747
1 parent 75bfa5c
commit ecae747
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/examples/ReactiveExample.js b/src/examples/ReactiveExample.js
@@ -4,17 +4,19 @@ import reactiveData from '../mixins/reactiveData'
 export default {
   extends: Bar,
   mixins: [reactiveData],
-  data () {
-    return {
-      chartData: ''
+  data: () => ({
+    chartData: '',
+    options: {
+      responsive: true,
+      maintainAspectRatio: false
     }
-  },
+  }),
   created () {
     this.fillData()
   },
 
   mounted () {
-    this.renderChart(this.chartData, {responsive: true, maintainAspectRatio: false})
+    this.renderChart(this.chartData, this.options)
 
     setInterval(() => {
       this.fillData()

diff --git a/src/examples/ReactivePropExample.js b/src/examples/ReactivePropExample.js
@@ -4,8 +4,14 @@ import reactiveProp from '../mixins/reactiveProp'
 export default {
   extends: Bar,
   mixins: [reactiveProp],
+  data: () => ({
+    options: {
+      responsive: true,
+      maintainAspectRatio: false
+    }
+  }),
 
   mounted () {
-    this.renderChart(this.chartData, {responsive: true, maintainAspectRatio: false})
+    this.renderChart(this.chartData, this.options)
   }
 }