[web] Use named route for composer pages

Switching to named routes in order to reduce future maintenance.

web-src/src/components/ListComposers.vue

@@ -61,8 +61,8 @@ export default {
     open_composer(composer) {
       this.selected_composer = composer
       this.$router.push({
-        name: 'ComposerAlbums',
-        params: { composer: composer.name }
+        name: 'music-composer-albums',
+        params: { name: composer.name }
       })
     },
 

web-src/src/components/ModalDialogComposer.vue

@@ -100,16 +100,16 @@ export default {
     open_albums() {
       this.$emit('close')
       this.$router.push({
-        name: 'ComposerAlbums',
-        params: { composer: this.composer.name }
+        name: 'music-composer-albums',
+        params: { name: this.composer.name }
       })
     },
 
     open_tracks() {
       this.show_details_modal = false
       this.$router.push({
-        name: 'ComposerTracks',
-        params: { composer: this.composer.name }
+        name: 'music-composer-tracks',
+        params: { name: this.composer.name }
       })
     }
   }

web-src/src/components/TabsMusic.vue

@@ -59,7 +59,7 @@
               </router-link>
               <router-link
                 v-slot="{ navigate, isActive }"
-                to="/music/composers"
+                :to="{ name: 'music-composers' }"
                 custom
               >
                 <li :class="{ 'is-active': isActive }">