JSON tab remove VRCX vars

src/components/dialogs/AvatarDialog/AvatarDialog.vue

@@ -579,10 +579,10 @@
         DropdownMenuTrigger
     } from '../../ui/dropdown-menu';
     import { avatarModerationRequest, avatarRequest, favoriteRequest, miscRequest } from '../../../api';
+    import { formatJsonVars, getNextDialogIndex } from '../../../shared/utils/base/ui';
     import { AppDebug } from '../../../service/appConfig.js';
     import { Badge } from '../../ui/badge';
     import { database } from '../../../service/database';
-    import { getNextDialogIndex } from '../../../shared/utils/base/ui';
     import { handleImageUploadInput } from '../../../shared/utils/imageUpload';
 
     const ChangeAvatarImageDialog = defineAsyncComponent(() => import('./ChangeAvatarImageDialog.vue'));
@@ -609,7 +609,7 @@
     const changeAvatarImageDialogVisible = ref(false);
     const previousImageUrl = ref('');
 
-    const treeData = ref([]);
+    const treeData = ref({});
     const timeSpent = ref(0);
     const memo = ref('');
     const setAvatarTagsDialog = ref({
@@ -703,7 +703,7 @@
     function handleDialogOpen() {
         setAvatarTagsDialog.value.visible = false;
         memo.value = '';
-        treeData.value = [];
+        treeData.value = {};
         getAvatarTimeSpent();
         getAvatarMemo();
     }
@@ -992,10 +992,7 @@
     }
 
     function refreshAvatarDialogTreeData() {
-        treeData.value = {
-            ...avatarDialog.value.ref,
-            _hexDisplayName: textToHex(avatarDialog.value.ref?.displayName)
-        };
+        treeData.value = formatJsonVars(avatarDialog.value.ref);
     }
 
     function showSetAvatarTagsDialog(avatarId) {

src/components/dialogs/GroupDialog/GroupDialog.vue

@@ -1189,9 +1189,9 @@
         useLocationStore,
         useUserStore
     } from '../../../stores';
+    import { formatJsonVars, getNextDialogIndex } from '../../../shared/utils/base/ui';
     import { groupDialogFilterOptions, groupDialogSortingOptions } from '../../../shared/constants';
     import { Badge } from '../../ui/badge';
-    import { getNextDialogIndex } from '../../../shared/utils/base/ui';
     import { groupRequest } from '../../../api';
 
     import GroupCalendarEventCard from '../../../views/Tools/components/GroupCalendarEventCard.vue';
@@ -1825,8 +1825,7 @@
     function refreshGroupDialogTreeData() {
         const D = groupDialog.value;
         const treeData = {
-            _hexDisplayName: textToHex(D.ref.displayName),
-            group: D.ref,
+            group: formatJsonVars(D.ref),
             posts: D.posts,
             instances: D.instances,
             members: D.members,

src/components/dialogs/WorldDialog/WorldDialog.vue

@@ -809,9 +809,9 @@
         DropdownMenuTrigger
     } from '../../ui/dropdown-menu';
     import { favoriteRequest, miscRequest, userRequest, worldRequest } from '../../../api';
+    import { formatJsonVars, getNextDialogIndex } from '../../../shared/utils/base/ui';
     import { Badge } from '../../ui/badge';
     import { database } from '../../../service/database.js';
-    import { getNextDialogIndex } from '../../../shared/utils/base/ui';
 
     const NewInstanceDialog = defineAsyncComponent(() => import('../NewInstanceDialog.vue'));
     const PreviousInstancesWorldDialog = defineAsyncComponent(
@@ -835,7 +835,7 @@
     const { showFullscreenImageDialog } = useGalleryStore();
     const { t } = useI18n();
 
-    const treeData = ref([]);
+    const treeData = ref({});
     const worldAllowedDomainsDialog = ref({
         visible: false,
         worldId: '',
@@ -963,7 +963,7 @@
     }
 
     function handleDialogOpen() {
-        treeData.value = [];
+        treeData.value = {};
     }
 
     function showChangeWorldImageDialog() {
@@ -1305,10 +1305,7 @@
         nextTick(() => (D.openFlg = false));
     }
     function refreshWorldDialogTreeData() {
-        treeData.value = {
-            ...worldDialog.value.ref,
-            _hexDisplayName: textToHex(worldDialog.value.ref?.displayName)
-        };
+        treeData.value = formatJsonVars(worldDialog.value.ref);
     }
     function copyWorldId() {
         navigator.clipboard