release: @coreui/vue-chartjs v2.0.0

Author: mrholek

packages/coreui-vue-chartjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-chartjs",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0",
   "description": "Vue component wrapper for Chart.js",
   "keywords": [
     "coreui",

packages/coreui-vue-chartjs/rollup.config.js

@@ -9,7 +9,7 @@ const plugins = [
   external(),
   resolve({
     dedupe: ['vue'],
-    extensions: ['.ts', '.json', '.vue'],
+    extensions: ['.js', '.ts', '.json', '.vue'],
   }),
   typescript({
     exclude: ['**/__tests__/**'],

packages/coreui-vue-chartjs/src/CChart.ts

@@ -256,4 +256,4 @@ const CChart = defineComponent({
   },
 })
 
-export { CChart }
+export default CChart

packages/coreui-vue-chartjs/src/index.ts

@@ -1,111 +1,67 @@
-import { App, defineComponent, h, PropType } from 'vue'
-import { ChartData, ChartOptions, Plugin } from 'chart.js/auto'
-import { CChart } from './CChart'
-
-const CChartProps = {
-  customTooltips: {
-    type: Boolean,
-    default: true,
-    required: false,
-  },
-  data: {
-    type: [Object, Function] as PropType<ChartData | ((canvas: HTMLCanvasElement) => ChartData)>,
-    required: true,
-  },
-  height: {
-    type: Number,
-    default: 150,
-    required: false,
-  },
-  id: {
-    type: String,
-    default: undefined,
-    required: false,
-  },
-  options: {
-    type: Object as PropType<ChartOptions>,
-    default: undefined,
-    required: false,
-  },
-  plugins: {
-    type: Array as PropType<Plugin[]>,
-    default: undefined,
-    required: false,
-  },
-  redraw: Boolean,
-  width: {
-    type: Number,
-    default: 300,
-    required: false,
-  },
-  wrapper: {
-    type: Boolean,
-    default: true,
-    required: false,
-  },
-}
+import { App, defineComponent, h } from 'vue'
+import CChart from './CChart'
 
 const CChartBar = defineComponent({
+  extends: CChart,
   name: 'CChartBar',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'bar', ...props })
+    return () => h(CChart, { ...props, type: 'bar' })
   },
 })
 
 const CChartBubble = defineComponent({
+  extends: CChart,
   name: 'CChartBubble',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'bubble', ...props })
+    return () => h(CChart, { ...props, type: 'bubble' })
   },
 })
 
 const CChartDoughnut = defineComponent({
+  extends: CChart,
   name: 'CChartDoughnut',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'doughnut', ...props })
+    return () => h(CChart, { ...props, type: 'doughnut' })
   },
 })
 
 const CChartLine = defineComponent({
+  extends: CChart,
   name: 'CChartLine',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'line', ...props })
+    return () => h(CChart, { ...props, type: 'line' })
   },
 })
 
 const CChartPie = defineComponent({
+  extends: CChart,
   name: 'CChartPie',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'pie', ...props })
+    return () => h(CChart, { ...props, type: 'pie' })
   },
 })
 
 const CChartPolarArea = defineComponent({
+  extends: CChart,
   name: 'CChartPolarArea',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'polarArea', ...props })
+    return () => h(CChart, { ...props, type: 'polarArea' })
   },
 })
 
 const CChartRadar = defineComponent({
+  extends: CChart,
   name: 'CChartRadar',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'radar', ...props })
+    return () => h(CChart, { ...props, type: 'radar' })
   },
 })
 
 const CChartScatter = defineComponent({
+  extends: CChart,
   name: 'CChartScatter',
-  props: CChartProps,
   setup(props) {
-    return () => h(CChart, { type: 'scatter', ...props })
+    return () => h(CChart, { ...props, type: 'scatter' })
   },
 })