Disable swiping on viewer audio controls

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

Author: skjnldsv

src/components/Audios.vue

@@ -83,6 +83,17 @@ export default {
 		},
 	},
 
+	mounted() {
+		// Prevent swiping to the next/previous item when scrubbing the timeline or changing volume
+		[...this.$el.querySelectorAll('.plyr__controls__item')].forEach(control => {
+			if (!control?.addEventListener) {
+				return
+			}
+			control.addEventListener('mouseenter', this.disableSwipe)
+			control.addEventListener('mouseleave', this.enableSwipe)
+		})
+	},
+
 	methods: {
 		donePlaying() {
 			this.$refs.audio.autoplay = false