[web] Add getters related Lastfm and Spotify in the services store

web-src/src/components/ModalDialogUpdate.vue

@@ -8,7 +8,7 @@
     <template #content>
       <div v-if="!libraryStore.updating">
         <div
-          v-if="servicesStore.isSpotifyEnabled || rss.tracks > 0"
+          v-if="servicesStore.isSpotifyActive || rss.tracks > 0"
           class="field"
         >
           <label class="label" v-text="$t('dialog.update.info')" />
@@ -18,7 +18,7 @@
                 <option value="" v-text="$t('dialog.update.all')" />
                 <option value="files" v-text="$t('dialog.update.local')" />
                 <option
-                  v-if="servicesStore.isSpotifyEnabled"
+                  v-if="servicesStore.isSpotifyActive"
                   value="spotify"
                   v-text="$t('dialog.update.spotify')"
                 />
@@ -38,7 +38,7 @@
         </control-switch>
       </div>
       <div v-else>
-        <p class="mb-3" v-text="$t('dialog.update.progress')" />
+        <div class="mb-3" v-text="$t('dialog.update.progress')" />
       </div>
     </template>
   </modal-dialog>

web-src/src/components/NavbarTop.vue

@@ -116,7 +116,7 @@ export default {
         {
           key: 'navigation.spotify',
           name: 'music-spotify',
-          show: this.servicesStore.spotify.webapi_token_valid,
+          show: this.servicesStore.isSpotifyActive,
           sub: true
         },
         {

web-src/src/components/TabsMusic.vue

@@ -41,7 +41,7 @@ export default {
           to: { name: 'music-composers' }
         }
       ]
-      if (this.servicesStore.spotify.webapi_token_valid) {
+      if (this.servicesStore.isSpotifyActive) {
         links.push({
           icon: 'spotify',
           key: 'page.music.tabs.spotify',

web-src/src/components/TabsSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <section v-if="servicesStore.isSpotifyEnabled">
+  <section v-if="servicesStore.isSpotifyActive">
     <div class="container">
       <div class="columns is-centered">
         <div class="column is-four-fifths">