Apexchart Error when using :option from pinia store

[Gubaz311]

I have pinia store that include option for my apexchart and option from script setup

const store = StoreData();
const optionIpk = toRaw(store.chartsData["ipk"])
// add another option to compare
const anotherOption = {
  chart: { ... },
  plotOptions: { ... },
  legend: { ... },
  stroke: { ... },
  tooltip: { ... },
  // 
};

comparing 2 option using

console.log("option from script setup :", anotherOption, typeof anotherOption)
console.log("option from pinia :", optionIpk, typeof optionIpk)

result:

option from script setup : {chart: {…}, plotOptions: {…}, legend: {…}, stroke: {…}, tooltip: {…}, …} object
option from pinia : {chart: {…}, plotOptions: {…}, legend: {…}, stroke: {…}, tooltip: {…}, …} object

but when apply to apexchart:

<ApexCharts type="bar" :options="optionIpk" :series="ipk"></ApexCharts> //Error
<ApexCharts type="bar" :options="anotherOption" :series="ipk"></ApexCharts> //Succes

the error is from backend apexchart:

vue3-apexcharts.js?v=0d53ed40:2962 Uncaught (in promise) TypeError: e.push is not a function

I’m attempting to integrate all of my ApexCharts options into the Pinia store. I suspect the issue might be that the data from Pinia isn’t ready when the chart is initialized. However, when I try to access the data using

<div>{{optionIpk.chart}}</div> //shown