feat person detail page

src/pages/credits.vue

@@ -0,0 +1,39 @@
+<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 title = route.query?.title?.toString()
+
+// 计算API路径
+function getApiPath(paths: string[] | string) {
+  if (Array.isArray(paths))
+    return paths.join('/')
+  else
+    return paths
+}
+</script>
+
+<template>
+  <div>
+    <div v-if="title" class="mt-8 md:flex md:items-center md:justify-between">
+      <div class="min-w-0 flex-1 mx-0">
+        <h2 class="mb-4 truncate text-2xl font-bold leading-7 text-gray-100 sm:overflow-visible sm:text-4xl sm:leading-9 md:mb-0" data-testid="page-header">
+          <span class="text-moviepilot">{{ title }}</span>
+        </h2>
+      </div>
+    </div>
+    <PersonCardListView
+      :apipath="getApiPath(props.paths || '')"
+      :params="route.query"
+    />
+  </div>
+</template>

src/pages/person.vue

@@ -1,39 +1,21 @@
 <script setup lang="ts">
-import PersonCardListView from '@/views/discover/PersonCardListView.vue'
-
-// 输入参数
-const props = defineProps({
-  // API路径
-  paths: Array as PropType<string[]> | PropType<string>,
-})
+import PersonDetailView from '@/views/discover/PersonDetailView.vue'
 
 // 路由参数
 const route = useRoute()
 
-// 标题
-const title = route.query?.title?.toString()
+// Person Id
+const personid = route.query?.personid?.toString()
 
-// 计算API路径
-function getApiPath(paths: string[] | string) {
-  if (Array.isArray(paths))
-    return paths.join('/')
-  else
-    return paths
-}
+// 类型
+const type = route.query?.type?.toString()
 </script>
 
 <template>
   <div>
-    <div v-if="title" class="mt-8 md:flex md:items-center md:justify-between">
-      <div class="min-w-0 flex-1 mx-0">
-        <h2 class="mb-4 truncate text-2xl font-bold leading-7 text-gray-100 sm:overflow-visible sm:text-4xl sm:leading-9 md:mb-0" data-testid="page-header">
-          <span class="text-moviepilot">{{ title }}</span>
-        </h2>
-      </div>
-    </div>
-    <PersonCardListView
-      :apipath="getApiPath(props.paths || '')"
-      :params="route.query"
+    <PersonDetailView
+      :personid="personid"
+      :type="type"
     />
   </div>
 </template>