<template>
	<div>
		<a :href="player.episode.link" target="_blank">
			<strong>{{ player.episode.name }}</strong>
		</a>
		<router-link :to="toUrl(player.podcastUrl)">
			<i>{{ player.episode.podcast }}</i>
		</router-link>
	</div>
</template>

<script>
export default {
	name: 'Infos',
	computed: {
		player() {
			return this.$store.state.player
		},
	},
	methods: {
		toUrl(url) {
			return `/${btoa(url)}`
		},
	},
}
</script>

<style scoped>
    div {
        display: flex;
		flex-direction: column;
		justify-content: center;
		width: 40%;
    }
</style>
