<!-- eslint-disable vue/valid-template-root -->
<template></template>
<script>
import { usePlayerControls } from '@/composables/usePlayerControls'

export default {
  name: 'AudioStateHandler',

  watch: {
    playing (newValue) {
      this.$logger.log('Global playing state changed', newValue)
    }
  },

  mounted () {
    // usePlayerControls().addSpaceListener()

    // Set up MediaSession API
    if ('mediaSession' in navigator) {
      // usePlayerControls().addMediaControls()
    }
  }
}
</script>
