feat：支持探索扩展

src/pages/discover.vue

@@ -4,6 +4,9 @@ import router from '@/router'
 import TheMovieDbView from '@/views/discover/TheMovieDbView.vue'
 import DoubanView from '@/views/discover/DoubanView.vue'
 import BangumiView from '@/views/discover/BangumiView.vue'
+import ExtraSourceView from '@/views/discover/ExtraSourceView.vue'
+import { DiscoverSource } from '@/api/types'
+import api from '@/api'
 
 const route = useRoute()
 const activeTab = ref(route.query.tab)
@@ -11,6 +14,22 @@ const activeTab = ref(route.query.tab)
 function jumpTab(tab: string) {
   router.push('/subscribe/discover?tab=' + tab)
 }
+
+// 额外的数据源
+const extraDiscoverSources = ref<DiscoverSource[]>([])
+
+// 加载额外的发现数据源
+async function loadExtraDiscoverSources() {
+  try {
+    extraDiscoverSources.value = await api.get('discover/source')
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+onMounted(async () => {
+  await loadExtraDiscoverSources()
+})
 </script>
 
 <template>
@@ -21,6 +40,16 @@ function jumpTab(tab: string) {
           {{ item.title }}
         </div>
       </VTab>
+      <VTab
+        v-for="item in extraDiscoverSources"
+        :key="item.mediaid_prefix"
+        :value="item.mediaid_prefix"
+        @to="jumpTab(item.mediaid_prefix)"
+      >
+        <div class="min-w-24">
+          {{ item.name }}
+        </div>
+      </VTab>
     </VTabs>
 
     <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
@@ -45,6 +74,13 @@ function jumpTab(tab: string) {
           </div>
         </transition>
       </VWindowItem>
+      <VWindowItem v-for="item in extraDiscoverSources" :key="item.mediaid_prefix" :value="item.mediaid_prefix">
+        <transition name="fade-slide" appear>
+          <div>
+            <ExtraSourceView :source="item" />
+          </div>
+        </transition>
+      </VWindowItem>
     </VWindow>
   </div>
 </template>