diff --git a/package.json b/package.json
index 58d578fc..f904a0bc 100644
--- a/package.json
+++ b/package.json
@@ -63,6 +63,9 @@
   "peerDependencies": {
     "chart.js": ">= 2.5"
   },
+  "dependencies": {
+    "@types/chart.js": "^2.7.55"
+  },
   "devDependencies": {
     "@babel/cli": "^7.0.0-beta.42",
     "@babel/core": "^7.0.0-beta.42",
diff --git a/types/components.d.ts b/types/components.d.ts
index 163cf5e8..fcc7b4ad 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -1,8 +1,8 @@
 import Vue from 'vue'
-import { ChartData, ChartOptions } from 'chart.js';
+import 'chart.js'
 
 /** vue-chartjs component common definition */
 export declare class BaseChart extends Vue {
   addPlugin (plugin?: object): void
-  renderChart (chartData: ChartData, options?: ChartOptions): void
+  renderChart (chartData: Chart.ChartData, options?: Chart.ChartOptions): void
 }
diff --git a/types/mixins.d.ts b/types/mixins.d.ts
index 1b0bae5e..3aec7595 100644
--- a/types/mixins.d.ts
+++ b/types/mixins.d.ts
@@ -1,10 +1,10 @@
 import Vue from 'vue';
-import { ChartData } from 'chart.js';
+import 'chart.js';
 
 export declare class ReactiveDataMixin extends Vue {
-  chartData: ChartData;
+  chartData: Chart.ChartData;
 }
 
 export declare class ReactivePropMixin extends Vue {
-  readonly chartData: ChartData;
+  readonly chartData: Chart.ChartData;
 }