Better filter appearance and performance

src/stores/map.ts

@@ -2,18 +2,23 @@ import type { PointTuple } from 'leaflet'
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 
+export const SPOTS_MIN = 1
+export const SPOTS_MAX = 99
+
 export const useMap = defineStore('map', () => {
   const zoom = ref(10)
   const minZoom = 6
   const center = ref<PointTuple>([48.11180645878813, -1.6637869497745246])
 
-  const maxClusterRadius = 30
+  const maxClusterRadius = 28
   const disableClusteringAtZoom = 17
 
   const filterUncovered = ref(true)
   const filterCovered = ref(true)
   const filterKorrigo = ref(true)
 
+  const spotsRange = ref<[number, number]>([SPOTS_MIN, SPOTS_MAX])
+
   return {
     zoom,
     minZoom,
@@ -23,5 +28,6 @@ export const useMap = defineStore('map', () => {
     filterUncovered,
     filterCovered,
     filterKorrigo,
+    spotsRange,
   }
 })