fix: api documentation

Author: kurkle

docs/.vuepress/config.ts

@@ -21,7 +21,6 @@ export default defineConfig({
         {base: '/samples', alternative: ['basic']},
       ],
     }],
-    /*
     [
       'vuepress-plugin-typedoc',
       {
@@ -34,7 +33,6 @@ export default defineConfig({
         },
       },
     ],
-    */
     ['@simonbrunel/vuepress-plugin-versions', {
       filters: {
         suffix: (tag) => tag ? ` (${tag})` : '',
@@ -113,7 +111,7 @@ export default defineConfig({
     nav: [
       {text: 'Home', link: '/'},
       {text: 'Guide', link: '/guide/'},
-      // {text: 'API', link: '/api/'},
+      {text: 'API', link: '/api/'},
       {text: 'Samples', link: `/samples/`},
       {
         text: 'Ecosystem',

package-lock.json

@@ -85,10 +85,13 @@
     "rollup": "^4.27.4",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-istanbul": "^5.0.0",
-    "typescript": "5.6",
+    "typedoc": "^0.23.28",
+    "typedoc-plugin-markdown": "3.13",
+    "typescript": "5.0",
     "vuepress": "^1.8.2",
     "vuepress-plugin-flexsearch": "^0.3.0",
     "vuepress-plugin-redirect": "^1.2.5",
+    "vuepress-plugin-typedoc": "^0.10.3",
     "vuepress-theme-chartjs": "^0.2.0"
   },
   "peerDependencies": {

package.json

@@ -32,12 +32,12 @@ function addHandler<T extends Event>(
     return
   }
   removeHandler(chart, type)
-  handlers[type] = (event) => handler(chart, event as T, options)
+  const listener = (handlers[type] = (event) => handler(chart, event as T, options))
   targets[type] = target
 
   // `passive: false` for wheel events, to prevent chrome warnings. Use default value for other events.
   const passive = type === 'wheel' ? false : undefined
-  target.addEventListener(type, handlers[type], { passive })
+  target.addEventListener(type, listener, { passive })
 }
 
 export function mouseMove(chart: Chart, event: MouseEvent) {

src/handlers.ts

@@ -3,7 +3,7 @@ import plugin from './plugin'
 
 import type { ZoomPluginOptions } from './options'
 import type { ScaleRange } from './state'
-import type { DistributiveArray, PanAmount, ZoomAmount } from './types'
+import type { DistributiveArray, PanAmount, ZoomAmount } from './types.js'
 import type { ChartType, ChartTypeRegistry, Point, Scale, UpdateMode } from 'chart.js'
 
 declare module 'chart.js' {

src/index.ts

@@ -15,7 +15,7 @@
     "module": "ES2022",
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
-    "rootDir": "src",
+    "rootDir": ".",
 
     /* Emit */
     "declaration": true,
@@ -37,15 +37,14 @@
   },
   "typedocOptions": {
     "name": "chartjs-plugin-zoom",
-    "entryPoints": ["types/index.d.ts"],
+    "entryPoints": ["src/index.ts"],
     "readme": "none",
     "excludeExternals": true,
     "includeVersion": true,
     "out": "./dist/docs/typedoc"
   },
   "include": [
     "./src/**/*.ts",
-    "./types"
   ],
   "exclude": [
     "./src/**/*.spec.ts",