docs: update theme

Author: mrholek

packages/docs/.vuepress/client.ts

@@ -1,6 +1,6 @@
 import { defineClientConfig } from '@vuepress/client'
 import { CIcon } from '@coreui/icons-vue'
-import CChartPlugin from '@coreui/vue-chartjs/src/'
+import CChartPlugin from '@coreui/vue-chartjs'
 import CoreuiVue from '@coreui/vue/src/'
 import '@coreui/coreui/scss/coreui.scss'
 import '@coreui/chartjs/scss/coreui-chartjs.scss'

packages/docs/components/chart.md

@@ -27,30 +27,30 @@ A line chart is a way of plotting data points on a line. Often, it is used to sh
 [Line Chart properties](https://www.chartjs.org/docs/latest/charts/line.html#dataset-properties)
 
 ::: demo
-  <CChartLine
-    :wrapper="false"
-    :data="{
-      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
-      datasets: [
-        {
-          label: 'My First dataset',
-          backgroundColor: 'rgba(220, 220, 220, 0.2)',
-          borderColor: 'rgba(220, 220, 220, 1)',
-          pointBackgroundColor: 'rgba(220, 220, 220, 1)',
-          pointBorderColor: '#fff',
-          data: [40, 20, 12, 39, 10, 40, 39]
-        },
-        {
-          label: 'My Second dataset',
-          backgroundColor: 'rgba(151, 187, 205, 0.2)',
-          borderColor: 'rgba(151, 187, 205, 1)',
-          pointBackgroundColor: 'rgba(151, 187, 205, 1)',
-          pointBorderColor: '#fff',
-          data: [50, 12, 28, 29, 7, 25, 12]
-        }
-      ]
-    }"
-  />
+<CChartLine
+  :wrapper="false"
+  :data="{
+    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+    datasets: [
+      {
+        label: 'My First dataset',
+        backgroundColor: 'rgba(220, 220, 220, 0.2)',
+        borderColor: 'rgba(220, 220, 220, 1)',
+        pointBackgroundColor: 'rgba(220, 220, 220, 1)',
+        pointBorderColor: '#fff',
+        data: [40, 20, 12, 39, 10, 40, 39]
+      },
+      {
+        label: 'My Second dataset',
+        backgroundColor: 'rgba(151, 187, 205, 0.2)',
+        borderColor: 'rgba(151, 187, 205, 1)',
+        pointBackgroundColor: 'rgba(151, 187, 205, 1)',
+        pointBorderColor: '#fff',
+        data: [50, 12, 28, 29, 7, 25, 12]
+      }
+    ]
+  }"
+/>
 :::
 ```vue
 <!-- use <CChart type="line"> or <CChartLine> component -->

packages/docs/package.json

@@ -8,7 +8,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@coreui/chartjs": "^3.1.1",
+    "@coreui/chartjs": "^3.1.2",
     "@coreui/coreui": "^4.3.0-beta.0",
     "@coreui/icons": "^3.0.1",
     "@coreui/icons-vue": "^2.0.0",