feat: restore CommonJS bundle (#980)

package.json

@@ -42,8 +42,9 @@
   "exports": "./src/index.ts",
   "publishConfig": {
     "exports": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "directory": "package"
   },
@@ -71,7 +72,7 @@
     "updateGitHooks": "simple-git-hooks"
   },
   "peerDependencies": {
-    "chart.js": "^4.0.0",
+    "chart.js": "^4.1.1",
     "vue": "^3.0.0-0 || ^2.6.0"
   },
   "devDependencies": {
@@ -94,7 +95,7 @@
     "@vue/eslint-config-typescript": "^11.0.0",
     "@vue/test-utils": "^2.0.0-rc.17",
     "browserslist": "^4.19.1",
-    "chart.js": "^4.0.0",
+    "chart.js": "^4.1.1",
     "clean-publish": "^4.0.0",
     "commitizen": "^4.2.4",
     "cross-env": "^7.0.0",

rollup.config.js

@@ -24,9 +24,16 @@ export default {
   input: pkg.exports,
   plugins: plugins('defaults and supports es6-module'),
   external,
-  output: {
-    format: 'es',
-    file: pkg.publishConfig.exports.import,
-    sourcemap: true
-  }
+  output: [
+    {
+      file: pkg.publishConfig.exports.import,
+      format: 'es',
+      sourcemap: true
+    },
+    {
+      file: pkg.publishConfig.exports.require,
+      format: 'cjs',
+      sourcemap: true
+    }
+  ]
 }

src/props.ts

@@ -1,13 +1,19 @@
 import type { PropType } from 'vue'
-import type { ChartType, ChartData, Plugin, UpdateMode } from 'chart.js'
+import type {
+  ChartType,
+  ChartData,
+  ChartOptions,
+  Plugin,
+  UpdateMode
+} from 'chart.js'
 
 export const CommonProps = {
   data: {
     type: Object as PropType<ChartData>,
     required: true
   },
   options: {
-    type: Object, // as PropType<ChartOptions>, restore after Chart.js update
+    type: Object as PropType<ChartOptions>,
     default: () => ({})
   },
   plugins: {