[v1.9.0]: Methods are now required props in VueApexCharts component

[Q16solver]

Hi,

My CI/CD was running auto-deps update, and newest ver broke the typechecking, after having a look it seems like the methods init, refresh etc, all of them are now required props on the VueApexCharts component, I don't think that was intended? so just raising an issue and double checking.

[unktir]

After the update, the following error appeared:

error TS2345: Argument of type '{ options: ApexOptions; series: number[]; type: "radialBar"; }' is not assignable to parameter of type 'Partial<{ series: any; }> & Omit<{ readonly chart?: ApexCharts | undefined; readonly options?: ApexOptions | undefined; readonly type?: "area" | "line" | ... 12 more ... | undefined; ... 22 more ...; readonly dataURI: (options?: { ...; } | undefined) => Promise<...>; } & VNodeProps & AllowedComponentProps & Componen...'.
  Type '{ options: ApexOptions; series: number[]; type: "radialBar"; }' is missing the following properties from type 'Omit<{ readonly chart?: ApexCharts | undefined; readonly options?: ApexOptions | undefined; readonly type?: "area" | "line" | "bar" | "pie" | "donut" | "radialBar" | ... 8 more ... | undefined; ... 22 more ...; readonly dataURI: (options?: { ...; } | undefined) => Promise<...>; } & VNodeProps & AllowedComponentProps...': init, refresh, destroy, updateOptions, and 16 more.

    <VueApexCharts
        ~~~~~~~~~~~~~


Found 1 error.

My component:

<script setup lang="ts">
import type { ApexOptions } from 'apexcharts'
import VueApexCharts from 'vue3-apexcharts'

const props = defineProps<{
  current: number
  max: number
}>()

const series = computed(() => Math.round((props.current / props.max) * 100))

const chartOptions: ApexOptions = {
  chart: {
    type: 'radialBar',
    sparkline: { enabled: true },
  },
  colors: ['#A241E3'],
  plotOptions: {
    radialBar: {
      startAngle: -90,
      endAngle: 90,
      hollow: {
        margin: 0,
        size: '45%',
      },
      track: {
        background: '#1A1A2314',
        strokeWidth: '100%',
        margin: 0,
      },
      dataLabels: {
        name: { show: false },
        value: {
          show: true,
          offsetY: -1,
          color: '#1A1A23',
          fontSize: '16',
          fontWeight: 500,
          formatter: () => {
            return formattingSize(props.current)
          },
        },
      },
    },
  },
  states: {
    hover: {
      filter: {
        type: 'none',
      },
    },
    active: {
      filter: {
        type: 'none',
      },
    },
  },
}
</script>

<template>
  <VueApexCharts
    :options="chartOptions"
    :series="[series]"
    type="radialBar"
  />
</template>

[junedchhipa]

released vue3-apexcharts@1.10.0 with the fix @victorkwok97 provided
thanks @victorkwok97