From 99c1c55ab8477b35c67a44efdd488346878b0182 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Wed, 10 Dec 2025 15:41:15 +0900
Subject: [PATCH] Clear node data on leaving the mutual friends chart view

---
 src/views/Charts/components/MutualFriends.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/Charts/components/MutualFriends.vue b/src/views/Charts/components/MutualFriends.vue
index 95b6eb40..6110238e 100644
--- a/src/views/Charts/components/MutualFriends.vue
+++ b/src/views/Charts/components/MutualFriends.vue
@@ -38,6 +38,7 @@
 <script setup>
     import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
     import { ElMessage, ElMessageBox } from 'element-plus';
+    import { onBeforeRouteLeave } from 'vue-router';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
 
@@ -204,7 +205,7 @@
                 const friendEntry = friends.value?.get ? friends.value.get(friendId) : undefined;
                 const fallbackRef = friendEntry?.ref || cachedUsers.get(friendId);
                 let normalizedMutuals = Array.isArray(mutualIds) ? mutualIds : [];
-                normalizedMutuals = normalizedMutuals.filter((id) => id != "usr_00000000-0000-0000-0000-000000000000");
+                normalizedMutuals = normalizedMutuals.filter((id) => id != 'usr_00000000-0000-0000-0000-000000000000');
                 mutualMap.set(friendId, {
                     friend: friendEntry || (fallbackRef ? { id: friendId, ref: fallbackRef } : { id: friendId }),
                     mutuals: normalizedMutuals.map((id) => ({ id }))
@@ -444,6 +445,10 @@
             showUserDialog(nodeId);
         }
     }
+
+    onBeforeRouteLeave(() => {
+        chartsStore.resetMutualGraphState();
+    });
 </script>
 
 <style scoped>