重构 credits.vue 和 media.vue 组件，简化 API 路径处理，移除不必要的路由参数，同时优化 PersonCardListView 组件的样式。

src/pages/credits.vue

@@ -1,24 +1,28 @@
 <script setup lang="ts">
 import PersonCardListView from '@/views/discover/PersonCardListView.vue'
 
+// 输入参数
+const props = defineProps({
+  // API路径
+  paths: Array as PropType<string[]> | PropType<string>,
+})
+
 // 路由参数
 const route = useRoute()
-const id = route.query?.id?.toString()
+
-const title = route.query?.title?.toString()
+// 标题
-const source = route.query?.source?.toString()
+let title = route.query?.title?.toString()
-const type = route.query?.type?.toString()
+
-const apipath = route.query?.apipath?.toString()
+// 计算API路径
+function getApiPath(paths: string[] | string) {
+  if (Array.isArray(paths)) return paths.join('/')
+  else return paths
+}
 </script>
 
 <template>
   <div>
     <VPageContentTitle :title="title" />
-    <PersonCardListView
+    <PersonCardListView :apipath="getApiPath(props.paths || '')" />
-      :credits-id="id"
-      :credits-name="title"
-      :credits-source="source"
-      :credits-type="type"
-      :credits-apipath="apipath"
-    />
   </div>
 </template>

src/pages/media.vue

@@ -14,12 +14,6 @@ const mediaid = route.query?.mediaid?.toString()
 // 类型：电影、电视剧
 const type = route.query?.type?.toString()
 
-// 媒体信息来源：TMDB、豆瓣
-const source = route.query?.source?.toString() || 'themoviedb'
-
-// TMDB ID
-const page = route.query?.page?.toString() || '1'
-
 // 标题
 const title = route.query?.title?.toString()
 
@@ -29,6 +23,6 @@ const year = route.query?.year?.toString()
 
 <template>
   <div>
-    <MediaDetailView :mediaid="mediaid" :type="type" :source="source" :page="page" :title="title" :year="year" />
+    <MediaDetailView :mediaid="mediaid" :type="type" :title="title" :year="year" />
   </div>
 </template>

src/views/discover/PersonCardListView.vue

@@ -113,7 +113,7 @@ async function fetchData({ done }: { done: any }) {
 
 <template>
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
-  <VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible" @load="fetchData">
+  <VInfiniteScroll mode="intersect" side="end" :items="dataList" class="overflow-visible px-3" @load="fetchData">
     <template #loading />
     <template #empty />
     <div v-if="dataList.length > 0" class="grid gap-4 grid-media-card" tabindex="0">