♻️ (spotify) simplify hook

src/components/ZoneMusic.vue

@@ -22,7 +22,7 @@
           <span v-t="'chill'"></span>
           <SpotifyMusic
             v-if="hasSpotify"
-            :play="play"
+            :play="play && hasMusic"
             @play="onPlay"
             @pause="onPause"
           />

src/hooks/useSpotify.ts

@@ -20,9 +20,6 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => {
   const { accessToken, hasValidAccessToken } = useGetters<
     GetterTree<State, State>
   >(['accessToken', 'hasValidAccessToken'])
-  const { setAccessToken, setTokenExpire, setHasSpotify } = useActions<
-    RootActions
-  >(['setAccessToken', 'setTokenExpire', 'setHasSpotify'])
 
   onMounted(() => {
     window.onSpotifyWebPlaybackSDKReady = async () => {
@@ -40,26 +37,11 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => {
         ready.value = true
       })
       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', () => {
-        setAccessToken(null)
-        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()
     }
     import('@/lib/spotify-player')
@@ -69,7 +51,6 @@ export const useSpotify = (onPlay: () => void, onPause: () => void) => {
     try {
       if (spotify.player && ready.value) {
         const playerState = await spotify.player.getCurrentState()
-        console.log(playerState)
 
         if (!playerState) {
           playOnSpotify(accessToken.value, deviceId.value)

src/locales/en.json

@@ -11,6 +11,6 @@
   },
   "music": {
     "loading": "loading...",
-    "useSpotify": "For the best experience, use"
+    "useSpotify": "For a pure experience, connect to"
   }
 }

src/locales/fr.json

@@ -11,6 +11,6 @@
   },
   "music": {
     "loading": "loading...",
-    "useSpotify": "Ayez une meilleure expérience avec"
+    "useSpotify": "Pour une meilleure expérience, utilisez"
   }
 }