From 92982ef2ac7dd80d31672fc59e4ae9971e729727 Mon Sep 17 00:00:00 2001
From: Jakub Juszczak <netghost03@gmail.com>
Date: Tue, 23 Aug 2016 20:06:50 +0200
Subject: [PATCH] Change deprecated v-el to ref

Signed-off-by: Jakub Juszczak <netghost03@gmail.com>
---
 src/BaseCharts/Bar.js       | 4 ++--
 src/BaseCharts/Doughnut.js  | 4 ++--
 src/BaseCharts/Line.js      | 4 ++--
 src/BaseCharts/Pie.js       | 4 ++--
 src/BaseCharts/PolarArea.js | 4 ++--
 src/BaseCharts/Radar.js     | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/BaseCharts/Bar.js b/src/BaseCharts/Bar.js
index de2975b..2730e68 100644
--- a/src/BaseCharts/Bar.js
+++ b/src/BaseCharts/Bar.js
@@ -5,7 +5,7 @@ import { mergeOptions } from '../helpers/options'
 export default Vue.extend({
   template: `
     <div>
-      <canvas id="bar-chart" width=width height=height v-el:canvas></canvas>
+      <canvas id="bar-chart" width=width height=height ref="canvas"></canvas>
     </div>
   `,
 
@@ -49,7 +49,7 @@ export default Vue.extend({
       let chartOptions = mergeOptions(this.defaultOptions, options)
 
       this._chart = new Chart(
-        this.$els.canvas.getContext('2d'), {
+        this.$refs.canvas.getContext('2d'), {
           type: 'bar',
           data: data,
           options: chartOptions
diff --git a/src/BaseCharts/Doughnut.js b/src/BaseCharts/Doughnut.js
index a3c5093..3f60a8a 100644
--- a/src/BaseCharts/Doughnut.js
+++ b/src/BaseCharts/Doughnut.js
@@ -5,7 +5,7 @@ import { mergeOptions } from '../helpers/options'
 export default Vue.extend({
   template: `
     <div>
-      <canvas id="doughnut-chart" width=width height=height v-el:canvas></canvas>
+      <canvas id="doughnut-chart" width=width height=height ref="canvas"></canvas>
     </div>
   `,
 
@@ -32,7 +32,7 @@ export default Vue.extend({
       let chartOptions = mergeOptions(this.defaultOptions, options)
 
       this._chart = new Chart(
-        this.$els.canvas.getContext('2d'), {
+        this.$refs.canvas.getContext('2d'), {
           type: 'doughnut',
           data: data,
           options: chartOptions
diff --git a/src/BaseCharts/Line.js b/src/BaseCharts/Line.js
index 923fcfc..a3f9db9 100644
--- a/src/BaseCharts/Line.js
+++ b/src/BaseCharts/Line.js
@@ -5,7 +5,7 @@ import { mergeOptions } from '../helpers/options'
 export default Vue.extend({
   template: `
     <div>
-      <canvas id="line-chart" width=width height=height v-el:canvas></canvas>
+      <canvas id="line-chart" width=width height=height ref="canvas"></canvas>
     </div>
   `,
 
@@ -47,7 +47,7 @@ export default Vue.extend({
       let chartOptions = mergeOptions(this.defaultOptions, options)
 
       this._chart = new Chart(
-        this.$els.canvas.getContext('2d'), {
+        this.$refs.canvas.getContext('2d'), {
           type: 'line',
           data: data,
           options: chartOptions
diff --git a/src/BaseCharts/Pie.js b/src/BaseCharts/Pie.js
index 3427128..763ed92 100644
--- a/src/BaseCharts/Pie.js
+++ b/src/BaseCharts/Pie.js
@@ -5,7 +5,7 @@ import { mergeOptions } from '../helpers/options'
 export default Vue.extend({
   template: `
     <div>
-      <canvas id="pie-chart" width=width height=height v-el:canvas></canvas>
+      <canvas id="pie-chart" width=width height=height ref="canvas"></canvas>
     </div>
   `,
 
@@ -32,7 +32,7 @@ export default Vue.extend({
       let chartOptions = mergeOptions(this.defaultOptions, options)
 
       this._chart = new Chart(
-        this.$els.canvas.getContext('2d'), {
+        this.$refs.canvas.getContext('2d'), {
           type: 'pie',
           data: data,
           options: chartOptions
diff --git a/src/BaseCharts/PolarArea.js b/src/BaseCharts/PolarArea.js
index 6c9f22f..5713df4 100644
--- a/src/BaseCharts/PolarArea.js
+++ b/src/BaseCharts/PolarArea.js
@@ -5,7 +5,7 @@ import { mergeOptions } from '../helpers/options'
 export default Vue.extend({
   template: `
     <div>
-      <canvas id="polar-chart" width=width height=height v-el:canvas></canvas>
+      <canvas id="polar-chart" width=width height=height ref="canvas"></canvas>
     </div>
   `,
 
@@ -32,7 +32,7 @@ export default Vue.extend({
       let chartOptions = mergeOptions(this.defaultOptions, options)
 
       this._chart = new Chart(
-        this.$els.canvas.getContext('2d'), {
+        this.$refs.canvas.getContext('2d'), {
           type: 'polarArea',
           data: data,
           options: chartOptions
diff --git a/src/BaseCharts/Radar.js b/src/BaseCharts/Radar.js
index a5564ba..6e388cc 100644
--- a/src/BaseCharts/Radar.js
+++ b/src/BaseCharts/Radar.js
@@ -5,7 +5,7 @@ import { mergeOptions } from '../helpers/options'
 export default Vue.extend({
   template: `
     <div>
-      <canvas id="radar-chart" width=width height=height v-el:canvas></canvas>
+      <canvas id="radar-chart" width=width height=height ref="canvas"></canvas>
     </div>
   `,
 
@@ -32,7 +32,7 @@ export default Vue.extend({
       let chartOptions = mergeOptions(this.defaultOptions, options)
 
       this._chart = new Chart(
-        this.$els.canvas.getContext('2d'), {
+        this.$refs.canvas.getContext('2d'), {
           type: 'radar',
           data: data,
           options: chartOptions