[web] Use named route for the "now playing" page

Switching to named routes in order to reduce future maintenance.
This commit is contained in:
Alain Nussbaumer 2023-07-10 12:19:34 +02:00
parent 87ccdf7723
commit f09647d754
2 changed files with 7 additions and 7 deletions

View File

@ -112,7 +112,7 @@
</navbar-item-link>
<navbar-item-link
v-if="!is_now_playing_page"
:to="{ path: '/now-playing' }"
:to="{ name: 'now-playing' }"
exact
class="navbar-item fd-is-text-clipped is-expanded is-clipped is-size-7"
>
@ -330,7 +330,7 @@ export default {
return this.$store.getters.now_playing
},
is_now_playing_page() {
return this.$route.path === '/now-playing'
return this.$route.name === 'now-playing'
},
outputs() {
return this.$store.state.outputs

View File

@ -55,11 +55,6 @@ export const router = createRouter({
name: 'audiobook',
path: '/audiobook/:id'
},
{
path: '/now-playing',
name: 'Now playing',
component: PageNowPlaying
},
{
path: '/music',
redirect: '/music/browse'
@ -148,6 +143,11 @@ export const router = createRouter({
component: PageComposerTracks,
meta: { show_progress: true, has_index: true }
},
{
component: PageNowPlaying,
name: 'now-playing',
path: '/now-playing',
},
{
component: PagePodcast,
meta: { show_progress: true },