refactor: change custom tooltips, charts and icons source

Author: woothu

package-lock.json

@@ -15,9 +15,8 @@
   },
   "dependencies": {
     "@coreui/coreui": "3.0.0-alpha.14",
-    "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.3.1",
-    "@coreui/coreui-vue-chartjs": "../coreui-vue-chartjs",
-    "@coreui/icons": "github:coreui/coreui-icons#v1-alpha",
+    "@coreui/coreui-chartjs": "../coreui-chartjs",
+    "@coreui/icons": "../coreui-icons",
     "@coreui/vue": "../coreui-vue",
     "vue": "^2.6.10",
     "vue-router": "^3.0.7"

package.json

@@ -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/assets/scss/style.scss

@@ -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/buttons/BrandButtons.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/CChartBarExample.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/CChartBarSimple.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/CChartDoughnutExample.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/CChartLineExample.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/CChartLineSimple.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',