fix: fix optionsChanged watch and add more types

also bump some deps

package.json

@@ -37,10 +37,10 @@
     "release": "standard-version"
   },
   "peerDependencies": {
-    "apexcharts": "^3.8.5"
+    "apexcharts": "^3.10.0"
   },
   "devDependencies": {
-    "@stencil/core": "^1.3.2",
+    "@stencil/core": "^1.7.3",
     "standard-version": "^7.0.0"
   },
   "license": "MIT",

src/components.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /* tslint:disable */
 /**
  * This is an autogenerated file created by the Stencil compiler.
@@ -11,7 +12,7 @@ import {
   ApexChartType,
   ApexChartWidth,
   ApexOptionsSeries,
-} from './components/apex-chart/apex-charts';
+} from './components/apex-chart';
 import {
   ApexOptions,
 } from 'apexcharts';
@@ -57,7 +58,7 @@ declare global {
 
 
   interface HTMLApexChartElement extends Components.ApexChart, HTMLStencilElement {}
-  var HTMLApexChartElement: {
+  const HTMLApexChartElement: {
     prototype: HTMLApexChartElement;
     new (): HTMLApexChartElement;
   };
@@ -67,7 +68,7 @@ declare global {
 }
 
 declare namespace LocalJSX {
-  interface ApexChart extends JSXBase.HTMLAttributes<HTMLApexChartElement> {
+  interface ApexChart {
     /**
     * (optional) Height
     * @see https://apexcharts.com/docs/options/chart/height/
@@ -105,7 +106,9 @@ export { LocalJSX as JSX };
 
 declare module "@stencil/core" {
   export namespace JSX {
-    interface IntrinsicElements extends LocalJSX.IntrinsicElements {}
+    interface IntrinsicElements {
+      'apex-chart': LocalJSX.ApexChart & JSXBase.HTMLAttributes<HTMLApexChartElement>;
+    }
   }
 }
 

src/components/apex-chart/apex-chart.tsx

@@ -6,7 +6,7 @@ import {
   ApexChartHeight,
   ApexChartWidth,
   ApexOptionsSeries
-} from './apex-charts';
+} from '.';
 
 const config = (
   options: ApexOptions,
@@ -70,10 +70,10 @@ export class chart {
   @Prop({ mutable: true }) options?: ApexOptions;
 
   @Watch('options')
-  optionsChanged(options) {
+  optionsChanged(options: ApexOptions) {
     if (this.chartObj !== null) {
       return this.chartObj.updateOptions(
-        config(options, this.type, this.width, options, this.series)
+        config(options, this.type, this.width, this.height, this.series)
       );
     }
   }
@@ -85,7 +85,7 @@ export class chart {
   @Prop({ mutable: true }) series?: ApexOptionsSeries;
 
   @Watch('series')
-  seriesChanged(series) {
+  seriesChanged(series: ApexOptionsSeries) {
     if (this.chartObj !== null) {
       this.chartObj.updateSeries(series, true);
     }