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

feat: add vue-router

Browse Source
This commit is contained in:
pa
2025-10-16 00:00:48 +09:00
committed by Natsumi
parent 9cba3dbce8
commit df04f1d449
24 changed files with 175 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/Tools/Tools.vue
View File

@@ -1,5 +1,5 @@
<template>
<div id="chart" class="x-container" v-show="isShowToolsTab">
<div id="chart" class="x-container">
<div class="options-container" style="margin-top: 0">
<span class="header">{{ t('view.tools.header') }}</span>
@@ -157,7 +157,7 @@
</div>
</div>
</div>
<template v-if="isShowToolsTab">
<template v-if="isToolsTabVisible">
<GroupCalendarDialog
:visible="isGroupCalendarDialogVisible"
@close="isGroupCalendarDialogVisible = false" />
@@ -180,13 +180,14 @@
</template>
<script setup>
import { computed, defineAsyncComponent, ref } from 'vue';
import { computed, defineAsyncComponent, ref, watch } from 'vue';
import { ArrowRight } from '@element-plus/icons-vue';
import { ElMessage } from 'element-plus';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import { useRoute } from 'vue-router';
import { useFriendStore, useGalleryStore, useUiStore } from '../../stores';
import { useFriendStore, useGalleryStore } from '../../stores';
const GroupCalendarDialog = defineAsyncComponent(() => import('./dialogs/GroupCalendarDialog.vue'));
const ScreenshotMetadataDialog = defineAsyncComponent(() => import('./dialogs/ScreenshotMetadataDialog.vue'));
@@ -199,9 +200,7 @@
const { t } = useI18n();
const uiStore = useUiStore();
const { showGalleryDialog } = useGalleryStore();
const { menuActiveIndex } = storeToRefs(uiStore);
const { friends } = storeToRefs(useFriendStore());
const categoryCollapsed = ref({
@@ -216,8 +215,9 @@
const isExportDiscordNamesDialogVisible = ref(false);
const isExportFriendsListDialogVisible = ref(false);
const isExportAvatarsListDialogVisible = ref(false);
const isShowToolsTab = computed(() => menuActiveIndex.value === 'tools');
const isToolsTabVisible = computed(() => {
return useRoute().name === 'tools';
});
const showGroupCalendarDialog = () => {
isGroupCalendarDialogVisible.value = true;