MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 14:53:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace async component imports

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/dialogs/AvatarDialog/AvatarDialog.vue
View File

@@ -575,7 +575,7 @@
XCircle XCircle
} from 'lucide-vue-next'; } from 'lucide-vue-next';
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/components/ui/carousel'; 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 { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { InputGroupTextareaField } from '@/components/ui/input-group'; import { InputGroupTextareaField } from '@/components/ui/input-group';
@@ -584,10 +584,8 @@
import { toast } from 'vue-sonner'; import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import VueJsonPretty from 'vue-json-pretty';
import { import {
useAppearanceSettingsStore,
useAuthStore, useAuthStore,
useAvatarStore, useAvatarStore,
useFavoriteStore, useFavoriteStore,
@@ -601,7 +599,6 @@
commaNumber, commaNumber,
compareUnityVersion, compareUnityVersion,
copyToClipboard, copyToClipboard,
downloadAndSaveJson,
formatDateFilter, formatDateFilter,
openFolderGeneric, openFolderGeneric,
timeToText timeToText
@@ -630,8 +627,8 @@
import ImageCropDialog from '../ImageCropDialog.vue'; import ImageCropDialog from '../ImageCropDialog.vue';
import { showUserDialog } from '../../../coordinators/userCoordinator'; import { showUserDialog } from '../../../coordinators/userCoordinator';
const SetAvatarStylesDialog = defineAsyncComponent(() => import('./SetAvatarStylesDialog.vue')); import SetAvatarStylesDialog from './SetAvatarStylesDialog.vue';
const SetAvatarTagsDialog = defineAsyncComponent(() => import('./SetAvatarTagsDialog.vue')); import SetAvatarTagsDialog from './SetAvatarTagsDialog.vue';
const { sortUserDialogAvatars } = useUserStore(); const { sortUserDialogAvatars } = useUserStore();
const { userDialog, currentUser } = storeToRefs(useUserStore()); const { userDialog, currentUser } = storeToRefs(useUserStore());
@@ -642,7 +639,6 @@
const { showFavoriteDialog } = useFavoriteStore(); const { showFavoriteDialog } = useFavoriteStore();
const { isGameRunning } = storeToRefs(useGameStore()); const { isGameRunning } = storeToRefs(useGameStore());
const { showFullscreenImageDialog } = useGalleryStore(); const { showFullscreenImageDialog } = useGalleryStore();
const { isDarkMode } = storeToRefs(useAppearanceSettingsStore());
const authStore = useAuthStore(); const authStore = useAuthStore();
const modalStore = useModalStore(); const modalStore = useModalStore();
const uiStore = useUiStore(); const uiStore = useUiStore();
@@ -652,7 +648,6 @@
const { const {
cropDialogOpen, cropDialogOpen,
cropDialogFile, cropDialogFile,
changeAvatarImageLoading,
avatarDialogCommand, avatarDialogCommand,
onFileChangeAvatarImage, onFileChangeAvatarImage,
onCropConfirmAvatar, onCropConfirmAvatar,

18
src/components/dialogs/UserDialog/UserDialog.vue
View File

@@ -70,7 +70,7 @@
</template> </template>
<script setup> <script setup>
import { computed, defineAsyncComponent, ref, watch } from 'vue'; import { computed, ref, watch } from 'vue';
import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog'; import { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { TabsUnderline } from '@/components/ui/tabs'; import { TabsUnderline } from '@/components/ui/tabs';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
@@ -78,7 +78,6 @@
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import { import {
useAvatarStore,
useFavoriteStore, useFavoriteStore,
useFriendStore, useFriendStore,
useGalleryStore, useGalleryStore,
@@ -91,7 +90,6 @@
useNotificationStore, useNotificationStore,
useUserStore useUserStore
} from '../../../stores'; } from '../../../stores';
import { showGroupDialog } from '../../../coordinators/groupCoordinator';
import { copyToClipboard } from '../../../shared/utils'; import { copyToClipboard } from '../../../shared/utils';
import { formatJsonVars } from '../../../shared/utils/base/ui'; import { formatJsonVars } from '../../../shared/utils/base/ui';
import { miscRequest } from '../../../api'; import { miscRequest } from '../../../api';
@@ -107,12 +105,12 @@
import UserDialogWorldsTab from './UserDialogWorldsTab.vue'; import UserDialogWorldsTab from './UserDialogWorldsTab.vue';
import UserSummaryHeader from './UserSummaryHeader.vue'; import UserSummaryHeader from './UserSummaryHeader.vue';
const BioDialog = defineAsyncComponent(() => import('./BioDialog.vue')); import BioDialog from './BioDialog.vue';
const LanguageDialog = defineAsyncComponent(() => import('./LanguageDialog.vue')); import LanguageDialog from './LanguageDialog.vue';
const PronounsDialog = defineAsyncComponent(() => import('./PronounsDialog.vue')); import ModerateGroupDialog from '../ModerateGroupDialog.vue';
const SendInviteRequestDialog = defineAsyncComponent(() => import('./SendInviteRequestDialog.vue')); import PronounsDialog from './PronounsDialog.vue';
const SocialStatusDialog = defineAsyncComponent(() => import('./SocialStatusDialog.vue')); import SendInviteRequestDialog from './SendInviteRequestDialog.vue';
const ModerateGroupDialog = defineAsyncComponent(() => import('../ModerateGroupDialog.vue')); import SocialStatusDialog from './SocialStatusDialog.vue';
const { t } = useI18n(); const { t } = useI18n();
const userDialogTabs = computed(() => { const userDialogTabs = computed(() => {
@@ -139,7 +137,7 @@
const modalStore = useModalStore(); const modalStore = useModalStore();
const instanceStore = useInstanceStore(); const instanceStore = useInstanceStore();
const { userDialog, languageDialog, currentUser, isLocalUserVrcPlusSupporter } = storeToRefs(useUserStore()); const { userDialog, languageDialog, currentUser } = storeToRefs(useUserStore());
const { cachedUsers, showSendBoopDialog } = useUserStore(); const { cachedUsers, showSendBoopDialog } = useUserStore();
const { showFavoriteDialog } = useFavoriteStore(); const { showFavoriteDialog } = useFavoriteStore();
import { showAvatarDialog, showAvatarAuthorDialog } from '../../../coordinators/avatarCoordinator'; import { showAvatarDialog, showAvatarAuthorDialog } from '../../../coordinators/avatarCoordinator';

4
src/components/dialogs/UserDialog/UserDialogInfoTab.vue
View File

@@ -478,7 +478,7 @@
DropdownMenuTrigger DropdownMenuTrigger
} from '@/components/ui/dropdown-menu'; } from '@/components/ui/dropdown-menu';
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; 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 { Button } from '@/components/ui/button';
import { Spinner } from '@/components/ui/spinner'; import { Spinner } from '@/components/ui/spinner';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
@@ -515,7 +515,7 @@
import { showUserDialog } from '../../../coordinators/userCoordinator'; import { showUserDialog } from '../../../coordinators/userCoordinator';
import { showGroupDialog } from '../../../coordinators/groupCoordinator'; import { showGroupDialog } from '../../../coordinators/groupCoordinator';
const EditNoteAndMemoDialog = defineAsyncComponent(() => import('./EditNoteAndMemoDialog.vue')); import EditNoteAndMemoDialog from './EditNoteAndMemoDialog.vue';
defineEmits(['showBioDialog']); defineEmits(['showBioDialog']);

8
src/components/dialogs/WorldDialog/WorldDialog.vue
View File

@@ -381,7 +381,7 @@
Upload, Upload,
Wand2 Wand2
} from 'lucide-vue-next'; } 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 { DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Spinner } from '@/components/ui/spinner'; import { Spinner } from '@/components/ui/spinner';
@@ -422,9 +422,9 @@
import WorldDialogInstancesTab from './WorldDialogInstancesTab.vue'; import WorldDialogInstancesTab from './WorldDialogInstancesTab.vue';
import { showUserDialog } from '../../../coordinators/userCoordinator'; import { showUserDialog } from '../../../coordinators/userCoordinator';
const SetWorldTagsDialog = defineAsyncComponent(() => import('./SetWorldTagsDialog.vue')); import NewInstanceDialog from '../NewInstanceDialog/NewInstanceDialog.vue';
const WorldAllowedDomainsDialog = defineAsyncComponent(() => import('./WorldAllowedDomainsDialog.vue')); import SetWorldTagsDialog from './SetWorldTagsDialog.vue';
const NewInstanceDialog = defineAsyncComponent(() => import('../NewInstanceDialog/NewInstanceDialog.vue')); import WorldAllowedDomainsDialog from './WorldAllowedDomainsDialog.vue';
const { currentUser, userDialog } = storeToRefs(useUserStore()); const { currentUser, userDialog } = storeToRefs(useUserStore());
const { worldDialog } = storeToRefs(useWorldStore()); const { worldDialog } = storeToRefs(useWorldStore());

4
src/components/nav-menu/NavMenu.vue
View File

@@ -159,7 +159,7 @@
</template> </template>
<script setup> <script setup>
import { computed, defineAsyncComponent, h, onMounted, ref, watch } from 'vue'; import { computed, h, onMounted, ref, watch } from 'vue';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import { Plus } from 'lucide-vue-next'; import { Plus } from 'lucide-vue-next';
@@ -205,7 +205,7 @@
import NavMenuFolderItem from './NavMenuFolderItem.vue'; import NavMenuFolderItem from './NavMenuFolderItem.vue';
import NavMenuFooter from './NavMenuFooter.vue'; import NavMenuFooter from './NavMenuFooter.vue';
const CustomNavDialog = defineAsyncComponent(() => import('../dialogs/CustomNavDialog.vue')); import CustomNavDialog from '../dialogs/CustomNavDialog.vue';
const { t, locale } = useI18n(); const { t, locale } = useI18n();
const router = useRouter(); const router = useRouter();

4
src/views/PlayerList/PlayerList.vue
View File

@@ -181,7 +181,7 @@
</template> </template>
<script setup> <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 { Apple, Home, Image, Monitor, Smartphone } from 'lucide-vue-next';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
@@ -206,7 +206,7 @@
import { showUserDialog, lookupUser } from '../../coordinators/userCoordinator'; import { showUserDialog, lookupUser } from '../../coordinators/userCoordinator';
import { showWorldDialog } from '../../coordinators/worldCoordinator'; import { showWorldDialog } from '../../coordinators/worldCoordinator';
const PhotonEventTable = defineAsyncComponent(() => import('./components/PhotonEventTable.vue')); import PhotonEventTable from './components/PhotonEventTable.vue';
const { randomUserColours } = storeToRefs(useAppearanceSettingsStore()); const { randomUserColours } = storeToRefs(useAppearanceSettingsStore());
const photonStore = usePhotonStore(); const photonStore = usePhotonStore();

26
src/views/Tools/components/GlobalToolsDialogs.vue
View File

@@ -23,7 +23,7 @@
</template> </template>
<script setup> <script setup>
import { defineAsyncComponent } from 'vue';
import { storeToRefs } from 'pinia'; import { storeToRefs } from 'pinia';
import { useFriendStore, useToolsStore } from '../../../stores'; import { useFriendStore, useToolsStore } from '../../../stores';
@@ -31,24 +31,12 @@
import AutoChangeStatusDialog from '../dialogs/AutoChangeStatusDialog.vue'; import AutoChangeStatusDialog from '../dialogs/AutoChangeStatusDialog.vue';
import RegistryBackupDialog from '../dialogs/RegistryBackupDialog.vue'; import RegistryBackupDialog from '../dialogs/RegistryBackupDialog.vue';
const GroupCalendarDialog = defineAsyncComponent( import EditInviteMessageDialog from '../dialogs/EditInviteMessagesDialog.vue';
() => import('../dialogs/GroupCalendarDialog.vue') import ExportAvatarsListDialog from '../dialogs/ExportAvatarsListDialog.vue';
); import ExportDiscordNamesDialog from '../dialogs/ExportDiscordNamesDialog.vue';
const NoteExportDialog = defineAsyncComponent( import ExportFriendsListDialog from '../dialogs/ExportFriendsListDialog.vue';
() => import('../dialogs/NoteExportDialog.vue') import GroupCalendarDialog from '../dialogs/GroupCalendarDialog.vue';
); import NoteExportDialog from '../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')
);
const { friends } = storeToRefs(useFriendStore()); const { friends } = storeToRefs(useFriendStore());
const toolsStore = useToolsStore(); const toolsStore = useToolsStore();