While using Vue Transition during page navigation, I encountered a problem. Involving a table with components, when transitioning to a new page, some components from the table disappear, causing the table to re-render and blink mid-transition. It took me some time to pinpoint the issue, but I managed to replicate it in the provided CodePen link: https://codepen.io/gleb-shalajkin/pen/PoGgejp. Navigate to the table page by clicking on the button, then return to the main page and observe the v-chip component disappearing during transition.
The root cause of this problem lies in using one template inside another within the table's template. Unfortunately, I haven't found a solution yet, so any assistance would be greatly appreciated.
Sample code snippet:
...