Update cast button on fullscreen player

components/app/Appbar.vue

@@ -39,11 +39,18 @@ import { AbsAudioPlayer } from '@/plugins/capacitor'
 export default {
   data() {
     return {
-      onCastAvailableUpdateListener: null,
-      isCastAvailable: false
+      onCastAvailableUpdateListener: null
     }
   },
   computed: {
+    isCastAvailable: {
+      get() {
+        return this.$store.state.isCastAvailable
+      },
+      set(val) {
+        this.$store.commit('setCastAvailable', val)
+      }
+    },
     socketConnected() {
       return this.$store.state.socketConnected
     },

components/app/AudioPlayer.vue

@@ -109,7 +109,6 @@ export default {
     return {
       playbackSession: null,
       showChapterModal: false,
-      showCastBtn: true,
       showFullscreen: false,
       totalDuration: 0,
       currentPlaybackRate: 1,
@@ -159,6 +158,9 @@ export default {
       }
       return this.showFullscreen ? 200 : 60
     },
+    showCastBtn() {
+      return this.$store.state.isCastAvailable && !this.isLocalPlayMethod
+    },
     isCasting() {
       return this.mediaPlayer === 'cast-player'
     },

store/index.js

@@ -6,6 +6,7 @@ export const state = () => ({
   playerIsLocal: false,
   playerIsPlaying: false,
   isCasting: false,
+  isCastAvailable: false,
   appUpdateInfo: null,
   socketConnected: false,
   networkConnected: false,
@@ -76,6 +77,9 @@ export const mutations = {
   setMediaPlayer(state, mediaPlayer) {
     state.isCasting = mediaPlayer === 'cast-player'
   },
+  setCastAvailable(state, available) {
+    state.isCastAvailable = available
+  },
   setPlayerPlaying(state, val) {
     state.playerIsPlaying = val
   },