Clean up treeData

src/components/dialogs/GroupDialog/GroupDialog.vue

@@ -1106,8 +1106,8 @@
                         <Download />
                     </Button>
                     <vue-json-pretty
-                        :key="groupDialog.treeData?.group?.id"
-                        :data="groupDialog.treeData"
+                        :key="treeData?.group?.id"
+                        :data="treeData"
                         :deep="2"
                         :theme="isDarkMode ? 'dark' : 'light'"
                         show-icon />
@@ -1242,6 +1242,7 @@
     const groupDialogGalleryCurrentName = ref('0');
     const groupDialogTabCurrentName = ref('0');
     const isGroupGalleryLoading = ref(false);
+    const treeData = ref({});
 
     const groupDialogMemberSortValue = computed({
         get() {
@@ -1817,17 +1818,13 @@
 
     function refreshGroupDialogTreeData() {
         const D = groupDialog.value;
-        const treeData = {
+        treeData.value = {
             group: formatJsonVars(D.ref),
             posts: D.posts,
             instances: D.instances,
             members: D.members,
             galleries: D.galleries
         };
-        updateGroupDialogData({
-            ...groupDialog.value,
-            treeData
-        });
     }
 
     async function loadAllGroupMembers() {

src/components/dialogs/UserDialog/UserDialog.vue

@@ -1191,8 +1191,8 @@
                     <Download />
                 </Button>
                 <vue-json-pretty
-                    :key="userDialog.treeData?.id"
-                    :data="userDialog.treeData"
+                    :key="treeData?.id"
+                    :data="treeData"
                     :deep="2"
                     :theme="isDarkMode ? 'dark' : 'light'"
                     show-icon />
@@ -1313,6 +1313,7 @@
     import InstanceActionBar from '../../InstanceActionBar.vue';
     import SendInviteDialog from '../InviteDialog/SendInviteDialog.vue';
     import UserSummaryHeader from './UserSummaryHeader.vue';
+    import { formatJsonVars } from '../../../shared/utils/base/ui';
 
     const BioDialog = defineAsyncComponent(() => import('./BioDialog.vue'));
     const LanguageDialog = defineAsyncComponent(() => import('./LanguageDialog.vue'));
@@ -1357,7 +1358,6 @@
         showUserDialog,
         sortUserDialogAvatars,
         refreshUserDialogAvatars,
-        refreshUserDialogTreeData,
         showSendBoopDialog,
         toggleSharedConnectionsOptOut
     } = useUserStore();
@@ -1466,6 +1466,7 @@
     const isEditNoteAndMemoDialogVisible = ref(false);
     const vrchatCredit = ref(null);
     const mutualFriendsError = ref(false);
+    const treeData = ref({});
 
     const userDialogAvatars = computed(() => {
         const { avatars, avatarReleaseStatus } = userDialog.value;
@@ -1518,6 +1519,18 @@
         return t('dialog.user.status.offline');
     }
 
+    function refreshUserDialogTreeData() {
+        const D = userDialog.value;
+        if (D.id === currentUser.value.id) {
+            treeData.value = formatJsonVars({
+                ...currentUser.value,
+                ...D.ref
+            });
+            return;
+        }
+        treeData.value = formatJsonVars(D.ref);
+    }
+
     function handleUserDialogTab(tabName) {
         userDialog.value.lastActiveTab = tabName;
         const userId = userDialog.value.id;