fix: typescript typing issue for Post

Ryaang · Jul 19, 2023 · 1c58e55 · 1c58e55
1 parent e85109a
commit 1c58e55
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 15 deletions.
diff --git a/src/models/Post.class.ts b/src/models/Post.class.ts
@@ -64,14 +64,15 @@ export class Post {
   categories: Category[] = []
   tags: Tag[] = []
   min_tags: Tag[] = []
-  count_time = {}
+  count_time: { symbolsTime?: string; symbolsCount?: number } = {}
   toc = ''
-  next_post = {}
-  prev_post = {}
+  next_post: { title?: string } = {}
+  prev_post: { title?: string } = {}
   author = {
     name: '',
     avatar: '',
-    link: ''
+    link: '',
+    slug: ''
   }
   feature = false
   pinned = false

diff --git a/src/views/Post.vue b/src/views/Post.vue
@@ -90,13 +90,13 @@
             v-if="post.count_time.symbolsTime && post.date"
           >
             <span>
-              <SvgIcon icon-class="clock-outline" style="stroke: white" />
+              <SvgIcon icon-class="clock-outline" stroke="var(--text-white)" />
               <span class="pl-2 opacity-70">
                 {{ post.count_time.symbolsTime }}
               </span>
             </span>
             <span>
-              <SvgIcon icon-class="text-outline" style="stroke: white" />
+              <SvgIcon icon-class="text-outline" stroke="var(--text-white)" />
               <span class="pl-2 opacity-70">
                 {{ post.count_time.symbolsCount }}
               </span>
@@ -131,15 +131,7 @@
         </template>
         <div
           v-else
-          class="
-            bg-ob-deep-800
-            px-14
-            py-16
-            rounded-2xl
-            shadow-xl
-            block
-            min-h-screen
-          "
+          class="bg-ob-deep-800 px-14 py-16 rounded-2xl shadow-xl block min-h-screen"
         >
           <ob-skeleton
             tag="div"