From 642d222faa25c05c36b7f5ff92354d5fac208642 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sat, 24 Jan 2026 16:06:28 +0900
Subject: [PATCH] fix vue json pretty collapse issue

---
 src/components/NavMenu.vue                           | 2 +-
 src/components/dialogs/AvatarDialog/AvatarDialog.vue | 7 ++++++-
 src/components/dialogs/GroupDialog/GroupDialog.vue   | 1 +
 src/components/dialogs/UserDialog/UserDialog.vue     | 1 +
 src/components/dialogs/WorldDialog/WorldDialog.vue   | 7 ++++++-
 5 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/NavMenu.vue b/src/components/NavMenu.vue
index de48f2cd..6ade418a 100644
--- a/src/components/NavMenu.vue
+++ b/src/components/NavMenu.vue
@@ -811,7 +811,7 @@
     .notify-dot {
         position: absolute;
         top: 6px;
-        right: 0;
+        right: 2px;
         width: 4px;
         height: 4px;
         background-color: #ef4444;
diff --git a/src/components/dialogs/AvatarDialog/AvatarDialog.vue b/src/components/dialogs/AvatarDialog/AvatarDialog.vue
index e5dc7721..9fcaaba5 100644
--- a/src/components/dialogs/AvatarDialog/AvatarDialog.vue
+++ b/src/components/dialogs/AvatarDialog/AvatarDialog.vue
@@ -496,7 +496,12 @@
                         @click="downloadAndSaveJson(avatarDialog.id, avatarDialog.ref)">
                         <Download />
                     </Button>
-                    <vue-json-pretty :data="treeData" :deep="2" :theme="isDarkMode ? 'dark' : 'light'" show-icon />
+                    <vue-json-pretty
+                        :key="treeData?.id"
+                        :data="treeData"
+                        :deep="2"
+                        :theme="isDarkMode ? 'dark' : 'light'"
+                        show-icon />
                     <br />
                     <vue-json-pretty
                         v-if="Object.keys(avatarDialog.fileAnalysis).length > 0"
diff --git a/src/components/dialogs/GroupDialog/GroupDialog.vue b/src/components/dialogs/GroupDialog/GroupDialog.vue
index 66cdb20e..c9bcb670 100644
--- a/src/components/dialogs/GroupDialog/GroupDialog.vue
+++ b/src/components/dialogs/GroupDialog/GroupDialog.vue
@@ -1106,6 +1106,7 @@
                         <Download />
                     </Button>
                     <vue-json-pretty
+                        :key="groupDialog.treeData?.group?.id"
                         :data="groupDialog.treeData"
                         :deep="2"
                         :theme="isDarkMode ? 'dark' : 'light'"
diff --git a/src/components/dialogs/UserDialog/UserDialog.vue b/src/components/dialogs/UserDialog/UserDialog.vue
index 07af96f9..6ebb2334 100644
--- a/src/components/dialogs/UserDialog/UserDialog.vue
+++ b/src/components/dialogs/UserDialog/UserDialog.vue
@@ -1191,6 +1191,7 @@
                     <Download />
                 </Button>
                 <vue-json-pretty
+                    :key="userDialog.treeData?.id"
                     :data="userDialog.treeData"
                     :deep="2"
                     :theme="isDarkMode ? 'dark' : 'light'"
diff --git a/src/components/dialogs/WorldDialog/WorldDialog.vue b/src/components/dialogs/WorldDialog/WorldDialog.vue
index a9af3e82..3e14cf37 100644
--- a/src/components/dialogs/WorldDialog/WorldDialog.vue
+++ b/src/components/dialogs/WorldDialog/WorldDialog.vue
@@ -688,7 +688,12 @@
                         @click="downloadAndSaveJson(worldDialog.id, worldDialog.ref)">
                         <Download />
                     </Button>
-                    <vue-json-pretty :data="treeData" :deep="2" :theme="isDarkMode ? 'dark' : 'light'" show-icon />
+                    <vue-json-pretty
+                        :key="treeData?.id"
+                        :data="treeData"
+                        :deep="2"
+                        :theme="isDarkMode ? 'dark' : 'light'"
+                        show-icon />
                     <br />
                     <vue-json-pretty
                         v-if="Object.keys(worldDialog.fileAnalysis).length > 0"