Bad performance (esp. on mobile devices)

[Endebert]

Current version of SquadMC runs @5-10fps when mortar + target is placed and one of them is dragging:

Stripping template of most vuetify components (not using v-app, removing toolbar + navigation drawer, using div instead of v-content, etc.) gets me to ~20fps, but that's still far from ideal.

If there is anyone who knows how to fix this, or in general improve performance with Vue and/or Vuetify, please let me know.

This could also be related to leaflet, as the dragging handler for a marker sets everything in motion (updates PinHolder.pos, which triggers watcher, which calculates new bearing, etc.)

[Trikolon]

Maybe you could change the dragging handler so it fires less often?

[Endebert]

I tried and I can't really. The result is a major stutter that just happens less often. Also feels inconsistent that way. Even if I would offload the calculations into a background thread, it's the DOM update that takes so long. I think there is some kind of bug in vue or vuetify because of the multiple rerenders and updates per animation frame