diff --git a/public/index.html b/public/index.html
index 21228ea..e50c1c9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,6 +8,7 @@
content="width=device-width,initial-scale=1.0,user-scalable=no"
/>
+
Binôme
diff --git a/src/hooks/useSpotify.ts b/src/hooks/useSpotify.ts
index 1c1825b..6414563 100644
--- a/src/hooks/useSpotify.ts
+++ b/src/hooks/useSpotify.ts
@@ -1,7 +1,6 @@
/* eslint-disable */
// @ts-ignore
// @ts-nocheck
-import '@/lib/spotify-player'
import { useGetters, useActions } from 'vuex-composition-helpers'
import { GetterTree } from 'vuex'
import { State, RootActions } from '@/store'
@@ -12,6 +11,8 @@ import {
} from '@/utils/spotify'
import { ref, reactive } from '@vue/composition-api'
+window.onSpotifyWebPlaybackSDKReady = () => {}
+
export const useSpotify = (onPlay: () => void, onPause: () => void) => {
const ready = ref(false)
const deviceId = ref(null)
@@ -41,6 +42,9 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => {
})
spotify.player.addListener('player_state_changed', (state) => {
console.log('player state changed', state)
+ if (!state) {
+ return
+ }
!state.paused ? onPlay() : onPause()
})
spotify.player.addListener('not_ready', () => {
@@ -48,6 +52,15 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => {
setTokenExpire(null)
setHasSpotify(false)
})
+ spotify.player.on('playback_error', (error) => {
+ console.error('Failed to perform playback', error)
+ })
+ spotify.player.on('account_error', (error) => {
+ console.error('account_error', error)
+ })
+ spotify.player.on('initialization_error', (error) => {
+ console.error('initialization_error', error)
+ })
await spotify.player.connect()
}