refacto: move hash to computed values

src/components/Discover/TopItem.vue

@@ -1,5 +1,5 @@
 <template>
-	<router-link :to="toUrl(link)">
+	<router-link :to="hash">
 		<img :src="imageUrl" :title="author">
 	</router-link>
 </template>
@@ -27,8 +27,10 @@ export default {
 			required: true,
 		},
 	},
-	methods: {
-		toUrl,
+	computed: {
+		hash() {
+			return toUrl(this.link)
+		},
 	},
 }
 </script>

src/components/Player/Infos.vue

@@ -3,7 +3,7 @@
 		<a :href="player.episode.link" target="_blank">
 			<strong>{{ player.episode.name }}</strong>
 		</a>
-		<router-link :to="toUrl(player.podcastUrl)">
+		<router-link :to="hash">
 			<i>{{ player.episode.podcast }}</i>
 		</router-link>
 	</div>
@@ -18,9 +18,9 @@ export default {
 		player() {
 			return this.$store.state.player
 		},
+		hash() {
+			return toUrl(this.player.podcastUrl)
 		},
-	methods: {
-		toUrl,
 	},
 }
 </script>

src/components/Sidebar/Item.vue

@@ -1,7 +1,7 @@
 <template>
 	<NcAppNavigationItem :loading="loading"
 		:name="feed ? feed.title : url"
-		:to="toUrl(url)">
+		:to="hash">
 		<template #icon>
 			<NcAvatar v-if="feed"
 				:display-name="feed.author || feed.title"
@@ -51,6 +51,11 @@ export default {
 			feed: null,
 		}
 	},
+	computed: {
+		hash() {
+			return toUrl(this.url)
+		},
+	},
 	async mounted() {
 		try {
 			const podcastData = await axios.get(generateUrl('/apps/gpoddersync/personal_settings/podcast_data?url={url}', { url: this.url }))
@@ -63,7 +68,6 @@ export default {
 		}
 	},
 	methods: {
-		toUrl,
 		async deleteSubscription() {
 			if (confirm(t('repod', 'Are you sure you want to delete this subscription?'))) {
 				try {