From ca9d44f55fa38b06d2d733afead088120630d9b1 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 9 Sep 2024 08:34:32 +0800
Subject: [PATCH] refactor: Enable lazy loading for downloading tabs

---
 src/pages/downloading.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/downloading.vue b/src/pages/downloading.vue
index 482768d3..141b3a2c 100644
--- a/src/pages/downloading.vue
+++ b/src/pages/downloading.vue
@@ -10,6 +10,9 @@ const activeTab = ref(route.query.tab)
 // 下载器
 const downloaders = ref<DownloaderConf[]>([])
 
+// 获取启用的下载器
+const enabledDownloaders = computed(() => downloaders.value.filter(item => item.enabled))
+
 // 调用API查询下载器设置
 async function loadDownloaderSetting() {
   try {
@@ -35,13 +38,13 @@ onMounted(() => {
 <template>
   <div>
     <VTabs v-model="activeTab">
-      <VTab v-for="item in downloaders" :value="item.name" @to="jumpTab(item.name)">
+      <VTab v-for="item in enabledDownloaders" :value="item.name" @to="jumpTab(item.name)">
         <span class="mx-5">{{ item.name }}</span>
       </VTab>
     </VTabs>
 
     <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
-      <VWindowItem v-for="item in downloaders" :value="item.name">
+      <VWindowItem v-for="item in enabledDownloaders" :value="item.name">
         <transition name="fade-slide" appear>
           <DownloadingListView :name="item.name" />
         </transition>