From 1d7e41a4a18e6d6c0ff8d405df223207dc2bcc7e Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sun, 15 Mar 2026 20:56:07 +0900
Subject: [PATCH] replace async component imports

---
 .../dialogs/AvatarDialog/AvatarDialog.vue     | 11 +++-----
 .../dialogs/UserDialog/UserDialog.vue         | 18 ++++++-------
 .../dialogs/UserDialog/UserDialogInfoTab.vue  |  4 +--
 .../dialogs/WorldDialog/WorldDialog.vue       |  8 +++---
 src/components/nav-menu/NavMenu.vue           |  4 +--
 src/views/PlayerList/PlayerList.vue           |  4 +--
 .../Tools/components/GlobalToolsDialogs.vue   | 26 +++++--------------
 7 files changed, 28 insertions(+), 47 deletions(-)

diff --git a/src/components/dialogs/AvatarDialog/AvatarDialog.vue b/src/components/dialogs/AvatarDialog/AvatarDialog.vue
index 6eb9e12b..b1d0ae96 100644
--- a/src/components/dialogs/AvatarDialog/AvatarDialog.vue
+++ b/src/components/dialogs/AvatarDialog/AvatarDialog.vue
@@ -575,7 +575,7 @@
         XCircle
     } from 'lucide-vue-next';
     import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/components/ui/carousel';
-    import { computed, defineAsyncComponent, nextTick, ref, watch } from 'vue';
+    import { computed, nextTick, ref, watch } from 'vue';
     import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
     import { Button } from '@/components/ui/button';
     import { InputGroupTextareaField } from '@/components/ui/input-group';
@@ -584,10 +584,8 @@
     import { toast } from 'vue-sonner';
     import { useI18n } from 'vue-i18n';
 
-    import VueJsonPretty from 'vue-json-pretty';
 
     import {
-        useAppearanceSettingsStore,
         useAuthStore,
         useAvatarStore,
         useFavoriteStore,
@@ -601,7 +599,6 @@
         commaNumber,
         compareUnityVersion,
         copyToClipboard,
-        downloadAndSaveJson,
         formatDateFilter,
         openFolderGeneric,
         timeToText
@@ -630,8 +627,8 @@
     import ImageCropDialog from '../ImageCropDialog.vue';
     import { showUserDialog } from '../../../coordinators/userCoordinator';
 
-    const SetAvatarStylesDialog = defineAsyncComponent(() => import('./SetAvatarStylesDialog.vue'));
-    const SetAvatarTagsDialog = defineAsyncComponent(() => import('./SetAvatarTagsDialog.vue'));
+    import SetAvatarStylesDialog from './SetAvatarStylesDialog.vue';
+    import SetAvatarTagsDialog from './SetAvatarTagsDialog.vue';
 
     const { sortUserDialogAvatars } = useUserStore();
     const { userDialog, currentUser } = storeToRefs(useUserStore());
@@ -642,7 +639,6 @@
     const { showFavoriteDialog } = useFavoriteStore();
     const { isGameRunning } = storeToRefs(useGameStore());
     const { showFullscreenImageDialog } = useGalleryStore();
-    const { isDarkMode } = storeToRefs(useAppearanceSettingsStore());
     const authStore = useAuthStore();
     const modalStore = useModalStore();
     const uiStore = useUiStore();
@@ -652,7 +648,6 @@
     const {
         cropDialogOpen,
         cropDialogFile,
-        changeAvatarImageLoading,
         avatarDialogCommand,
         onFileChangeAvatarImage,
         onCropConfirmAvatar,
diff --git a/src/components/dialogs/UserDialog/UserDialog.vue b/src/components/dialogs/UserDialog/UserDialog.vue
index b7b488dd..9c49851a 100644
--- a/src/components/dialogs/UserDialog/UserDialog.vue
+++ b/src/components/dialogs/UserDialog/UserDialog.vue
@@ -70,7 +70,7 @@
 </template>
 
 <script setup>
-    import { computed, defineAsyncComponent, ref, watch } from 'vue';
+    import { computed, ref, watch } from 'vue';
     import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
     import { TabsUnderline } from '@/components/ui/tabs';
     import { storeToRefs } from 'pinia';
@@ -78,7 +78,6 @@
     import { useI18n } from 'vue-i18n';
 
     import {
-        useAvatarStore,
         useFavoriteStore,
         useFriendStore,
         useGalleryStore,
@@ -91,7 +90,6 @@
         useNotificationStore,
         useUserStore
     } from '../../../stores';
-    import { showGroupDialog } from '../../../coordinators/groupCoordinator';
     import { copyToClipboard } from '../../../shared/utils';
     import { formatJsonVars } from '../../../shared/utils/base/ui';
     import { miscRequest } from '../../../api';
@@ -107,12 +105,12 @@
     import UserDialogWorldsTab from './UserDialogWorldsTab.vue';
     import UserSummaryHeader from './UserSummaryHeader.vue';
 
-    const BioDialog = defineAsyncComponent(() => import('./BioDialog.vue'));
-    const LanguageDialog = defineAsyncComponent(() => import('./LanguageDialog.vue'));
-    const PronounsDialog = defineAsyncComponent(() => import('./PronounsDialog.vue'));
-    const SendInviteRequestDialog = defineAsyncComponent(() => import('./SendInviteRequestDialog.vue'));
-    const SocialStatusDialog = defineAsyncComponent(() => import('./SocialStatusDialog.vue'));
-    const ModerateGroupDialog = defineAsyncComponent(() => import('../ModerateGroupDialog.vue'));
+    import BioDialog from './BioDialog.vue';
+    import LanguageDialog from './LanguageDialog.vue';
+    import ModerateGroupDialog from '../ModerateGroupDialog.vue';
+    import PronounsDialog from './PronounsDialog.vue';
+    import SendInviteRequestDialog from './SendInviteRequestDialog.vue';
+    import SocialStatusDialog from './SocialStatusDialog.vue';
 
     const { t } = useI18n();
     const userDialogTabs = computed(() => {
@@ -139,7 +137,7 @@
     const modalStore = useModalStore();
     const instanceStore = useInstanceStore();
 
-    const { userDialog, languageDialog, currentUser, isLocalUserVrcPlusSupporter } = storeToRefs(useUserStore());
+    const { userDialog, languageDialog, currentUser } = storeToRefs(useUserStore());
     const { cachedUsers, showSendBoopDialog } = useUserStore();
     const { showFavoriteDialog } = useFavoriteStore();
     import { showAvatarDialog, showAvatarAuthorDialog } from '../../../coordinators/avatarCoordinator';
diff --git a/src/components/dialogs/UserDialog/UserDialogInfoTab.vue b/src/components/dialogs/UserDialog/UserDialogInfoTab.vue
index 76493686..5f7dba78 100644
--- a/src/components/dialogs/UserDialog/UserDialogInfoTab.vue
+++ b/src/components/dialogs/UserDialog/UserDialogInfoTab.vue
@@ -478,7 +478,7 @@
         DropdownMenuTrigger
     } from '@/components/ui/dropdown-menu';
     import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
-    import { defineAsyncComponent, ref, watch } from 'vue';
+    import { ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
     import { Spinner } from '@/components/ui/spinner';
     import { storeToRefs } from 'pinia';
@@ -515,7 +515,7 @@
     import { showUserDialog } from '../../../coordinators/userCoordinator';
     import { showGroupDialog } from '../../../coordinators/groupCoordinator';
 
-    const EditNoteAndMemoDialog = defineAsyncComponent(() => import('./EditNoteAndMemoDialog.vue'));
+    import EditNoteAndMemoDialog from './EditNoteAndMemoDialog.vue';
 
     defineEmits(['showBioDialog']);
 
diff --git a/src/components/dialogs/WorldDialog/WorldDialog.vue b/src/components/dialogs/WorldDialog/WorldDialog.vue
index 2d26e7c4..9ff18457 100644
--- a/src/components/dialogs/WorldDialog/WorldDialog.vue
+++ b/src/components/dialogs/WorldDialog/WorldDialog.vue
@@ -381,7 +381,7 @@
         Upload,
         Wand2
     } from 'lucide-vue-next';
-    import { computed, defineAsyncComponent, ref, watch } from 'vue';
+    import { computed, ref, watch } from 'vue';
     import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
     import { Button } from '@/components/ui/button';
     import { Spinner } from '@/components/ui/spinner';
@@ -422,9 +422,9 @@
     import WorldDialogInstancesTab from './WorldDialogInstancesTab.vue';
     import { showUserDialog } from '../../../coordinators/userCoordinator';
 
-    const SetWorldTagsDialog = defineAsyncComponent(() => import('./SetWorldTagsDialog.vue'));
-    const WorldAllowedDomainsDialog = defineAsyncComponent(() => import('./WorldAllowedDomainsDialog.vue'));
-    const NewInstanceDialog = defineAsyncComponent(() => import('../NewInstanceDialog/NewInstanceDialog.vue'));
+    import NewInstanceDialog from '../NewInstanceDialog/NewInstanceDialog.vue';
+    import SetWorldTagsDialog from './SetWorldTagsDialog.vue';
+    import WorldAllowedDomainsDialog from './WorldAllowedDomainsDialog.vue';
 
     const { currentUser, userDialog } = storeToRefs(useUserStore());
     const { worldDialog } = storeToRefs(useWorldStore());
diff --git a/src/components/nav-menu/NavMenu.vue b/src/components/nav-menu/NavMenu.vue
index fa88cda3..c7fda002 100644
--- a/src/components/nav-menu/NavMenu.vue
+++ b/src/components/nav-menu/NavMenu.vue
@@ -159,7 +159,7 @@
 </template>
 
 <script setup>
-    import { computed, defineAsyncComponent, h, onMounted, ref, watch } from 'vue';
+    import { computed, h, onMounted, ref, watch } from 'vue';
 
     import { storeToRefs } from 'pinia';
     import { Plus } from 'lucide-vue-next';
@@ -205,7 +205,7 @@
     import NavMenuFolderItem from './NavMenuFolderItem.vue';
     import NavMenuFooter from './NavMenuFooter.vue';
 
-    const CustomNavDialog = defineAsyncComponent(() => import('../dialogs/CustomNavDialog.vue'));
+    import CustomNavDialog from '../dialogs/CustomNavDialog.vue';
 
     const { t, locale } = useI18n();
     const router = useRouter();
diff --git a/src/views/PlayerList/PlayerList.vue b/src/views/PlayerList/PlayerList.vue
index 2cb2eecf..ce1c0e07 100644
--- a/src/views/PlayerList/PlayerList.vue
+++ b/src/views/PlayerList/PlayerList.vue
@@ -181,7 +181,7 @@
 </template>
 
 <script setup>
-    import { computed, defineAsyncComponent, onActivated, onMounted, ref, watch } from 'vue';
+    import { computed, onActivated, onMounted, ref, watch } from 'vue';
     import { Apple, Home, Image, Monitor, Smartphone } from 'lucide-vue-next';
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
@@ -206,7 +206,7 @@
     import { showUserDialog, lookupUser } from '../../coordinators/userCoordinator';
     import { showWorldDialog } from '../../coordinators/worldCoordinator';
 
-    const PhotonEventTable = defineAsyncComponent(() => import('./components/PhotonEventTable.vue'));
+    import PhotonEventTable from './components/PhotonEventTable.vue';
 
     const { randomUserColours } = storeToRefs(useAppearanceSettingsStore());
     const photonStore = usePhotonStore();
diff --git a/src/views/Tools/components/GlobalToolsDialogs.vue b/src/views/Tools/components/GlobalToolsDialogs.vue
index f6fd664d..6753874c 100644
--- a/src/views/Tools/components/GlobalToolsDialogs.vue
+++ b/src/views/Tools/components/GlobalToolsDialogs.vue
@@ -23,7 +23,7 @@
 </template>
 
 <script setup>
-    import { defineAsyncComponent } from 'vue';
+
     import { storeToRefs } from 'pinia';
 
     import { useFriendStore, useToolsStore } from '../../../stores';
@@ -31,24 +31,12 @@
     import AutoChangeStatusDialog from '../dialogs/AutoChangeStatusDialog.vue';
     import RegistryBackupDialog from '../dialogs/RegistryBackupDialog.vue';
 
-    const GroupCalendarDialog = defineAsyncComponent(
-        () => import('../dialogs/GroupCalendarDialog.vue')
-    );
-    const NoteExportDialog = defineAsyncComponent(
-        () => import('../dialogs/NoteExportDialog.vue')
-    );
-    const EditInviteMessageDialog = defineAsyncComponent(
-        () => import('../dialogs/EditInviteMessagesDialog.vue')
-    );
-    const ExportDiscordNamesDialog = defineAsyncComponent(
-        () => import('../dialogs/ExportDiscordNamesDialog.vue')
-    );
-    const ExportFriendsListDialog = defineAsyncComponent(
-        () => import('../dialogs/ExportFriendsListDialog.vue')
-    );
-    const ExportAvatarsListDialog = defineAsyncComponent(
-        () => import('../dialogs/ExportAvatarsListDialog.vue')
-    );
+    import EditInviteMessageDialog from '../dialogs/EditInviteMessagesDialog.vue';
+    import ExportAvatarsListDialog from '../dialogs/ExportAvatarsListDialog.vue';
+    import ExportDiscordNamesDialog from '../dialogs/ExportDiscordNamesDialog.vue';
+    import ExportFriendsListDialog from '../dialogs/ExportFriendsListDialog.vue';
+    import GroupCalendarDialog from '../dialogs/GroupCalendarDialog.vue';
+    import NoteExportDialog from '../dialogs/NoteExportDialog.vue';
 
     const { friends } = storeToRefs(useFriendStore());
     const toolsStore = useToolsStore();