From 387c92e3cb83f183d01864f1dd374c3c8f00d8f5 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Fri, 28 May 2021 19:50:08 +0100
Subject: [PATCH] Fix hot-reloading Map component

---
 src/components/Map.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/Map.vue b/src/components/Map.vue
index 77c6a0c..04f8df6 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -16,15 +16,17 @@
 
 <template>
 	<div class="map" :style="{backgroundColor: mapBackground }" v-bind="$attrs" :aria-label="mapTitle">
-		<MapLayer v-for="[name, map] in maps" :key="name" :map="map" :name="name" :leaflet="leaflet"></MapLayer>
-		<PlayersLayer v-if="playerMarkersEnabled" :leaflet="leaflet"></PlayersLayer>
-		<MarkerSetLayer v-for="[name, markerSet] in markerSets" :key="name" :markerSet="markerSet" :leaflet="leaflet"></MarkerSetLayer>
+		<template v-if="leaflet">
+			<MapLayer v-for="[name, map] in maps" :key="name" :map="map" :name="name" :leaflet="leaflet"></MapLayer>
+			<PlayersLayer v-if="playerMarkersEnabled" :leaflet="leaflet"></PlayersLayer>
+			<MarkerSetLayer v-for="[name, markerSet] in markerSets" :key="name" :markerSet="markerSet" :leaflet="leaflet"></MarkerSetLayer>
 
-		<LogoControl v-for="logo in logoControls" :key="JSON.stringify(logo)" :options="logo" :leaflet="leaflet"></LogoControl>
-		<CoordinatesControl v-if="coordinatesControlEnabled" :leaflet="leaflet"></CoordinatesControl>
-		<LinkControl v-if="linkControlEnabled" :leaflet="leaflet"></LinkControl>
-		<ClockControl v-if="clockControlEnabled" :leaflet="leaflet"></ClockControl>
-		<ChatControl v-if="chatBoxEnabled" :leaflet="leaflet"></ChatControl>
+			<LogoControl v-for="logo in logoControls" :key="JSON.stringify(logo)" :options="logo" :leaflet="leaflet"></LogoControl>
+			<CoordinatesControl v-if="coordinatesControlEnabled" :leaflet="leaflet"></CoordinatesControl>
+			<LinkControl v-if="linkControlEnabled" :leaflet="leaflet"></LinkControl>
+			<ClockControl v-if="clockControlEnabled" :leaflet="leaflet"></ClockControl>
+			<ChatControl v-if="chatBoxEnabled" :leaflet="leaflet"></ChatControl>
+		</template>
 	</div>
 	<MapContextMenu :leaflet="leaflet" v-if="leaflet"></MapContextMenu>
 </template>
@@ -225,6 +227,7 @@ export default defineComponent({
 
 	unmounted() {
 		window.removeEventListener('keydown', this.handleKeydown);
+		this.leaflet.remove();
 	},
 
 	methods: {