Chart Error when navigating between pages that have animations

[ivan-angjelkoski]

Environment

Nuxt 3

Reproduction

install apexcharts or any charting library and try to render a chart in a page different than index, when navigating to the page without animations, the chart renders fine, but when i add page transitions, especialy with the 'out-in' mode, the website crashes.

btw SSR is set to false.

Describe the bug

install apexcharts or any charting library and try to render a chart in a page different than index, when navigating to the page without animations, the chart renders fine, but when i add page transitions, especialy with the 'out-in' mode, the website crashes.

Additional context

Logs

No response

[danielroe]

The core issue here is this one: vuejs/core#5844, which is tracked in nuxt in #13471. It means that on client-side transition the mounted code runs before the dom is actually there. You can try some of the workarounds in that comment thread.