[Bug]: Read only issue while using vue-query about vue-chartjs HOT 3 CLOSED

Feel free to make a fix pr :)

from vue-chartjs.

Well I guess this is because if you change the filter, you modify the whole data object. You should try to make a copy and then after replacing it, manually updating the chart with update()

from vue-chartjs.

I'm not sure why this is closed. The documentation says:

Since v4 charts have data change watcher and options change watcher by default. Wrapper will update or re-render the chart if new data or new options is passed

computed: {
      chartData() { return /* mutable chart data */ },
      chartOptions() { return /* mutable chart options */ }
    }

It says mutable chart data, and so I feel like I should be able to just mutate it.
However, using computed without creating a setter, vue will throw the warning about read-only, correct?
Vue Chartjs documentation also doesn't mention updating the chart manually with vanilla chart js update() method.

Sorry to be nit-picky, but this is an annoying warning that shouldn't be there or updating charts should be documented clearly.

I was able to work around it by doing this:

<Line
  id="my-chart-id"
  :options="lineOptions"
  :data="JSON.parse(JSON.stringify(chartData))"
/>

from vue-chartjs.