Issue with Apex Charts rendering twice with Vue 3
Solution 1:
After doing some research I've found this is a known bug in apex charts with Vue3.
https://github.com/apexcharts/vue3-apexcharts/issues/3
The only solution that worked for me is this.
mounted() {
this.$nextTick(() => {
window.dispatchEvent(new Event('resize'));
});
}