From 58af1f4127fe4f94c81a23d71916669c4a525277 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sun, 11 Aug 2024 02:20:39 +0800
Subject: [PATCH] :bug: Fix post item don't show thumbnail

---
 components/post/Item.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/post/Item.vue b/components/post/Item.vue
index 7f0e295..024c7a8 100644
--- a/components/post/Item.vue
+++ b/components/post/Item.vue
@@ -12,6 +12,15 @@
         </div>
       </div>
 
+      <div v-if="post.body?.thumbnail" class="mb-5">
+        <v-img
+          :src="`${config.public.solarNetworkApi}/cgi/files/attachments/${post.body?.thumbnail}`"
+          :aspect-ratio="16 / 9"
+          class="rounded-md"
+          cover
+        />
+      </div>
+
       <article v-if="post.type == 'story'" class="text-base prose mx-auto">
         <m-d-c :value="post.body?.content"></m-d-c>
       </article>
@@ -44,4 +53,5 @@
 
 <script setup lang="ts">
 const props = defineProps<{ post: any }>()
+const config = useRuntimeConfig()
 </script>