diff --git a/src/views/charts/CChartBarExample.vue b/src/views/charts/CChartBarExample.vue
index ba0de302..f90c1ec9 100644
--- a/src/views/charts/CChartBarExample.vue
+++ b/src/views/charts/CChartBarExample.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartBar } from '@coreui/coreui-chartjs/vue'
+import { CChartBar } from '@coreui/coreui-vue-chartjs/src/index.js'
 
 export default {
   name: 'CChartBarExample',
diff --git a/src/views/charts/CChartBarSimple.vue b/src/views/charts/CChartBarSimple.vue
index 789ebc73..46ed1cfc 100644
--- a/src/views/charts/CChartBarSimple.vue
+++ b/src/views/charts/CChartBarSimple.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { CChartBar } from '@coreui/coreui-chartjs/vue'
+import { CChartBar } from '@coreui/coreui-vue-chartjs'
 import { getColor, deepObjectsMerge } from '@coreui/coreui/dist/js/coreui-utilities'
 export default {
   name: 'CChartBarSimple',
diff --git a/src/views/charts/CChartDoughnutExample.vue b/src/views/charts/CChartDoughnutExample.vue
index 682f8291..0e639a27 100644
--- a/src/views/charts/CChartDoughnutExample.vue
+++ b/src/views/charts/CChartDoughnutExample.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartDoughnut } from '@coreui/coreui-chartjs/vue'
+import { CChartDoughnut } from '@coreui/coreui-vue-chartjs'
 
 export default {
   name: 'CChartDoughnutExample',
diff --git a/src/views/charts/CChartLineExample.vue b/src/views/charts/CChartLineExample.vue
index 4cc0b279..52f26039 100644
--- a/src/views/charts/CChartLineExample.vue
+++ b/src/views/charts/CChartLineExample.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartLine } from '@coreui/coreui-chartjs/vue'
+import { CChartLine } from '@coreui/coreui-vue-chartjs'
 
 export default {
   name: 'CChartLineExample',
diff --git a/src/views/charts/CChartLineSimple.vue b/src/views/charts/CChartLineSimple.vue
index 360f4d70..9ad75aa0 100644
--- a/src/views/charts/CChartLineSimple.vue
+++ b/src/views/charts/CChartLineSimple.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { CChartLine } from '@coreui/coreui-chartjs/vue'
+import { CChartLine } from '@coreui/coreui-vue-chartjs'
 import { getColor, deepObjectsMerge } from '@coreui/coreui/dist/js/coreui-utilities'
 export default {
   name: 'CChartLineSimple',
diff --git a/src/views/charts/CChartPieExample.vue b/src/views/charts/CChartPieExample.vue
index eba147be..9da82091 100644
--- a/src/views/charts/CChartPieExample.vue
+++ b/src/views/charts/CChartPieExample.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartPie } from '@coreui/coreui-chartjs/vue'
+import { CChartPie } from '@coreui/coreui-vue-chartjs'
 
 export default {
   name: 'CChartPieExample',
diff --git a/src/views/charts/CChartPolarAreaExample.vue b/src/views/charts/CChartPolarAreaExample.vue
index 45624e9c..af960f6a 100644
--- a/src/views/charts/CChartPolarAreaExample.vue
+++ b/src/views/charts/CChartPolarAreaExample.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { CChartPolarArea } from '@coreui/coreui-chartjs/vue'
+import { CChartPolarArea } from '@coreui/coreui-vue-chartjs'
 
 export default {
   name: 'CChartPolarAreaExample',
diff --git a/src/views/charts/CChartRadarExample.vue b/src/views/charts/CChartRadarExample.vue
index 1c5e2834..39b1db33 100644
--- a/src/views/charts/CChartRadarExample.vue
+++ b/src/views/charts/CChartRadarExample.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { CChartRadar } from '@coreui/coreui-chartjs/vue'
+import { CChartRadar } from '@coreui/coreui-vue-chartjs'
 
 export default {
   name: 'CChartRadarExample',
diff --git a/src/views/charts/MainChartExample.vue b/src/views/charts/MainChartExample.vue
index 8aa1190e..8bc63ad3 100644
--- a/src/views/charts/MainChartExample.vue
+++ b/src/views/charts/MainChartExample.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { CChartLine } from '@coreui/coreui-chartjs/vue'
+import { CChartLine } from '@coreui/coreui-vue-chartjs'
 import { getColor, hexToRgba } from '@coreui/coreui/dist/js/coreui-utilities'
 
 function random (min, max) {