Vue Router creates duplicate ion-content v-for divs

In a Ionic Vue tabs app I’m navigating vues, and when I go back Ionic Vue is creating two instances of a div, so I get two ID’s ← bad form in itself.
Issue is, I’m wanting to change the order of the child elements, and targeting by ID it targets the first ID in the nodelist therefore it appears nothing happens, the second time I run through the process it will make the first ID active and switch the content between the two elements, eventually one element becomes empty and I have no content on my page.

What and why would Ionic Vue be duplicating content?