<template>
	<router-link :to="newMessageRoute"
				 exact
				 v-tooltip.bottom="label">{{ label }}
	</router-link>
</template>

<script>
	export default {
		name: "Address",
		props: [
			'email',
			'label',
		],
		computed: {
			newMessageRoute () {
				return {
					name: 'message',
					params: {
						accountId: this.$route.params.accountId,
						folderId: this.$route.params.folderId,
						messageUid: 'new'
					}, query: {
						to: this.email
					}
				}
			}
		}
	}
</script>

<template>
	<router-link :to="newMessageRoute"
				 exact
				 v-tooltip.bottom="email">{{ label }}
	</router-link>
</template>

<script>
	export default {
		name: "Address",
		props: [
			'email',
			'label',
		],
		computed: {
			newMessageRoute () {
				return {
					name: 'message',
					params: {
						accountId: this.$route.params.accountId,
						folderId: this.$route.params.folderId,
						messageUid: 'new'
					}, query: {
						to: this.email
					}
				}
			}
		}
	}
</script>

Fix address tooltip to show the actual address and not the label
Fix address tooltip to show the actual address and not the label

Signed-off-by: Christoph Wurst <7abde52c298496fa169fb750f91f213a282142af@winzerhof-wurst.at>
