refactor: change custom tooltips, charts and icons source

src/assets/scss/style.scss

@@ -4,5 +4,8 @@
 // Import styles
 @import "~@coreui/coreui/scss/coreui";
 
+// Import custom tooltips styles
+@import "~@coreui/coreui-chartjs/custom-tooltips/dist/css/coreui-chartjs.css";
+
 // If you want to add something do it here
 @import "custom";

src/views/buttons/BrandButtons.vue

@@ -31,7 +31,7 @@
                 :key="key"
                 :color="brandName"
               >
-                <CIcon :name="brandName"/>
+                <CIcon size="sm" :name="brandName"/>
                 <span>{{brandName}}</span>
               </CButton>
             </template>
@@ -58,7 +58,7 @@
                 :key="key"
                 :color="brandName"
               >
-                <CIcon :name="brandName"/>
+                <CIcon size="lg" :name="brandName"/>
                 <span>{{brandName}}</span>
               </CButton>
             </template>
@@ -84,7 +84,7 @@
                 :key="key"
                 :color="brandName"
               >
-                <CIcon :name="brandName"/>
+                <CIcon size="sm" :name="brandName"/>
               </CButton>
             </template>
           </p>
@@ -109,7 +109,7 @@
                 :key="key"
                 :color="brandName"
               >
-                <CIcon :name="brandName"/>
+                <CIcon size="lg" :name="brandName"/>
               </CButton>
             </template>
           </p>

src/views/charts/CChartBarExample.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartBar } from '@coreui/coreui-vue-chartjs'
+import { CChartBar } from '@coreui/coreui-chartjs/vue'
 
 export default {
   name: 'CChartBarExample',

src/views/charts/CChartBarSimple.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { CChartBar } from '@coreui/coreui-vue-chartjs'
+import { CChartBar } from '@coreui/coreui-chartjs/vue'
 import { getColor, deepObjectsMerge } from '@coreui/coreui/dist/js/coreui-utilities'
 export default {
   name: 'CChartBarSimple',

src/views/charts/CChartDoughnutExample.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartDoughnut } from '@coreui/coreui-vue-chartjs'
+import { CChartDoughnut } from '@coreui/coreui-chartjs/vue'
 
 export default {
   name: 'CChartDoughnutExample',

src/views/charts/CChartLineExample.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartLine } from '@coreui/coreui-vue-chartjs'
+import { CChartLine } from '@coreui/coreui-chartjs/vue'
 
 export default {
   name: 'CChartLineExample',

src/views/charts/CChartLineSimple.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { CChartLine } from '@coreui/coreui-vue-chartjs'
+import { CChartLine } from '@coreui/coreui-chartjs/vue'
 import { getColor, deepObjectsMerge } from '@coreui/coreui/dist/js/coreui-utilities'
 export default {
   name: 'CChartLineSimple',

src/views/charts/CChartPieExample.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { CChartPie } from '@coreui/coreui-vue-chartjs'
+import { CChartPie } from '@coreui/coreui-chartjs/vue'
 
 export default {
   name: 'CChartPieExample',

src/views/charts/CChartPolarAreaExample.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { CChartPolarArea } from '@coreui/coreui-vue-chartjs'
+import { CChartPolarArea } from '@coreui/coreui-chartjs/vue'
 
 export default {
   name: 'CChartPolarAreaExample',

src/views/charts/CChartRadarExample.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { CChartRadar } from '@coreui/coreui-vue-chartjs'
+import { CChartRadar } from '@coreui/coreui-chartjs/vue'
 
 export default {
   name: 'CChartRadarExample',

src/views/charts/MainChartExample.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { CChartLine } from '@coreui/coreui-vue-chartjs'
+import { CChartLine } from '@coreui/coreui-chartjs/vue'
 import { getColor, hexToRgba } from '@coreui/coreui/dist/js/coreui-utilities'
 
 function random (min, max) {