From c5a84a6db886ebf0ce56c30ceeefa1ac55ba306e Mon Sep 17 00:00:00 2001
From: Will Freeman <hohosanta@me.com>
Date: Fri, 27 Dec 2024 20:51:49 -0700
Subject: [PATCH] minor fixes to get it to build

---
 webapp/src/components/DFMarkerCluster.vue | 17 -----------------
 webapp/src/components/LeafletMap.vue      |  4 ++--
 2 files changed, 2 insertions(+), 19 deletions(-)
 delete mode 100644 webapp/src/components/DFMarkerCluster.vue

diff --git a/webapp/src/components/DFMarkerCluster.vue b/webapp/src/components/DFMarkerCluster.vue
deleted file mode 100644
index 8f3766f..0000000
--- a/webapp/src/components/DFMarkerCluster.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <l-circle-marker
-    :lat-lng="[props.lat, props.lon]"
-    :radius="26"
-    color="#3f54f3"
-  />
-</template>
-
-<script setup lang="ts">
-import { LCircleMarker } from '@vue-leaflet/vue-leaflet';
-import { defineProps } from 'vue';
-
-const props = defineProps({
-  lat: Number,
-  lon: Number,
-});
-</script>
diff --git a/webapp/src/components/LeafletMap.vue b/webapp/src/components/LeafletMap.vue
index 72149bf..5f2d715 100644
--- a/webapp/src/components/LeafletMap.vue
+++ b/webapp/src/components/LeafletMap.vue
@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import { onBeforeUnmount, onMounted, h, createApp, watch, ref, type PropType, type Ref } from 'vue';
-import L, { type LatLngExpression, type FeatureGroup, type MarkerClusterGroup, type Marker, type CircleMarker } from 'leaflet';
+import L, { type LatLngTuple, type FeatureGroup, type MarkerClusterGroup, type Marker, type CircleMarker } from 'leaflet';
 import type { ALPR } from '@/types';
 import DFMapPopup from './DFMapPopup.vue';
 import { createVuetify } from 'vuetify'
@@ -29,7 +29,7 @@ const isInternalUpdate = ref(false);
 
 const props = defineProps({
   center: {
-    type: Object,
+    type: Object as PropType<LatLngTuple>,
     required: true,
   },
   zoom: {