import { useMainStore } from '@/store'
import { computed } from 'vue'

export const useMusic = () => {
  const store = useMainStore()
  const isIOS =
    navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform)

  const hasMusic = computed(() => store.hasMusic)
  const hasSpotify = computed(() => store.hasSpotify)

  return {
    isMusicAvailable: !isIOS,
    hasMusic,
    setHasMusic: store.setHasMusic,
    hasSpotify,
    setHasSpotify: store.setHasSpotify
  }
}