From 4c91b3225eaf52dca4d90680632a403b52bbbd4f Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Mon, 14 Dec 2020 00:51:51 +0000
Subject: [PATCH] Fix player names in FollowTarget

---
 src/components/sidebar/FollowTarget.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/sidebar/FollowTarget.vue b/src/components/sidebar/FollowTarget.vue
index 98680c3..0ee74af 100644
--- a/src/components/sidebar/FollowTarget.vue
+++ b/src/components/sidebar/FollowTarget.vue
@@ -3,9 +3,9 @@
 		<h2>Following</h2>
 
 		<div class="following__target">
-			<img width="32" height="32" class="target__icon" src="images/player_face.png" alt="" />
-			<span class="target__name">{{ target.name }}</span>
-			<button class="target__unfollow" type="button" :title="`Unfollow ${target.name}`"
+			<img width="32" height="32" class="target__icon" :src="playerImage" alt="" />
+			<span class="target__name" v-html="target.name"></span>
+			<button class="target__unfollow" type="button" :title="`Stop following this player`"
 				@click.prevent="unfollow"
 				@keydown="onKeydown">Unfollow</button>
 		</div>
@@ -18,6 +18,8 @@ import {DynmapPlayer} from "@/dynmap";
 import {useStore} from "@/store";
 import {MutationTypes} from "@/store/mutation-types";
 
+const playerImage = require('@/assets/images/player_face.png');
+
 export default defineComponent({
 	name: 'FollowTarget',
 	props: {
@@ -26,6 +28,11 @@ export default defineComponent({
 			required: true
 		}
 	},
+	data() {
+		return {
+			playerImage,
+		}
+	},
 	methods: {
 		unfollow() {
 			useStore().commit(MutationTypes.CLEAR_FOLLOW, undefined);