From a5e2a476c9256dd7943a23543fd438ec82450925 Mon Sep 17 00:00:00 2001
From: Plumbiu <99574369+Plumbiu@users.noreply.github.com>
Date: Mon, 13 Feb 2023 13:02:32 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20defineProps=20=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ArticlesList/Item/Bar/Top.vue  | 24 +++++++------------
 frontend/types/IArticleItem.ts                |  1 +
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/frontend/components/ArticlesList/Item/Bar/Top.vue b/frontend/components/ArticlesList/Item/Bar/Top.vue
index 6de03fdd..36b5de70 100644
--- a/frontend/components/ArticlesList/Item/Bar/Top.vue
+++ b/frontend/components/ArticlesList/Item/Bar/Top.vue
@@ -1,23 +1,17 @@
 <script setup lang="ts">
-import type { ITagItem } from '~~/types/IArticleItem'
-defineProps({
-  duration: String,
-  tags: {
-    type: Array<ITagItem>,
-    default: [],
-  },
-  authorId: {
-    type: Object,
-    default: () => {},
-  },
-  adId: String,
-})
+import type { IAuthor, ITagItem } from '~~/types/IArticleItem'
+defineProps<{
+  duration: string
+  tags?: ITagItem[]
+  authorId?: IAuthor
+  adId?: string
+}>()
 </script>
 
 <template>
   <div class="topbar">
     <div class="author">
-      <span class="name">{{ adId ? adId : authorId.name }}</span>
+      <span class="name">{{ adId ? adId : authorId?.name }}</span>
       <ArticlesListItemAuthorCard
         v-if="authorId"
         :name="authorId.name"
@@ -27,7 +21,7 @@ defineProps({
         class="info"
       />
     </div>
-    <span :class="`duration ${tags.length ? 'b-r-1' : ''}`">{{ duration }}</span>
+    <span :class="`duration ${tags?.length ? 'b-r-1' : ''}`">{{ duration }}</span>
     <div class="flex px-3">
       <div v-for="(item, index) of tags" :key="item.tag" class="tag">
         <div v-if="index" class="icon" />
diff --git a/frontend/types/IArticleItem.ts b/frontend/types/IArticleItem.ts
index dcbeab69..87fb48c3 100644
--- a/frontend/types/IArticleItem.ts
+++ b/frontend/types/IArticleItem.ts
@@ -38,5 +38,6 @@ export {
   IArticleItem,
   ITagItem,
   IArticleAd,
+  IAuthor,
   ICatalogue,
 }