replace async component imports

This commit is contained in:
pa
2026-03-15 20:56:07 +09:00
parent 91c056b5a3
commit 1d7e41a4a1
7 changed files with 28 additions and 47 deletions

View File

@@ -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,

View File

@@ -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';

View File

@@ -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']);

View File

@@ -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());

View File

@@ -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();

View File

@@ -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();

View File

@@ -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();