refactor: moved all track preview logic in its component

src/components/globals/PreviewControls.vue

@@ -10,16 +10,12 @@
 </template>
 
 <script>
-import EventBus from '@/utils/EventBus'
+import { previewMouseEnter, previewMouseLeave } from '@components/globals/TheTrackPreview.vue'
 
 export default {
 	methods: {
-		previewMouseEnter(e) {
-			EventBus.$emit('trackPreview:previewMouseEnter', e)
-		},
-		previewMouseLeave(e) {
-			EventBus.$emit('trackPreview:previewMouseLeave', e)
-		}
+		previewMouseEnter,
+		previewMouseLeave
 	}
 }
 </script>

src/components/globals/TheTrackPreview.vue

@@ -5,10 +5,22 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 import EventBus from '@/utils/EventBus'
 
 import { adjustVolume } from '@/utils/adjust-volume'
-import { mapGetters } from 'vuex'
+
+export function playPausePreview(event) {
+	EventBus.$emit('trackPreview:playPausePreview', event)
+}
+
+export function previewMouseEnter(event) {
+	EventBus.$emit('trackPreview:previewMouseEnter', event)
+}
+
+export function previewMouseLeave(event) {
+	EventBus.$emit('trackPreview:previewMouseLeave', event)
+}
 
 export default {
 	data: () => ({