From 957f87537709e4f078e6e713cea884b3d1f1fad4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Mon, 9 Mar 2026 17:51:43 +0800
Subject: [PATCH] Destroy Chart.js instance on unmount in TimeframesFilter

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Discover/Map/Filter/TimeframesFilter.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Discover/Map/Filter/TimeframesFilter.vue b/src/components/Discover/Map/Filter/TimeframesFilter.vue
index 2de6494..d0f6afa 100644
--- a/src/components/Discover/Map/Filter/TimeframesFilter.vue
+++ b/src/components/Discover/Map/Filter/TimeframesFilter.vue
@@ -73,7 +73,7 @@
  *   duration range selectors.
  */
 
-import { ref, computed, watch, onMounted } from "vue";
+import { ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
 import { storeToRefs } from "pinia";
 import { useAllMapDataStore } from "@/stores/allMapData";
 import { Chart, registerables } from "chart.js";
@@ -409,4 +409,9 @@ onMounted(() => {
   startTime.value = startMinDate.value;
   endTime.value = startMaxDate.value;
 });
+
+onBeforeUnmount(() => {
+  chart.value?.destroy();
+  chart.value = null;
+});
 </script>