From 85676f005d631c93cfab260656834c67f08cd518 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andrei=20Ioni=C8=9B=C4=83?= <hi@andrei.io>
Date: Thu, 14 Dec 2023 00:46:13 +0000
Subject: [PATCH] fix: article page ssr errors

---
 resources/js/Pages/Public/Articles/Show.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/resources/js/Pages/Public/Articles/Show.vue b/resources/js/Pages/Public/Articles/Show.vue
index b9ae52c0..ce93a723 100644
--- a/resources/js/Pages/Public/Articles/Show.vue
+++ b/resources/js/Pages/Public/Articles/Show.vue
@@ -55,7 +55,12 @@
                     role="list"
                     class="grid grid-cols-1 gap-8 mx-auto -mt-12 lg:mt-0 max-w-7xl sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3"
                 >
-                    <ArticleCard :article="article" class="relative z-50 lg:-mt-12" v-for="article in related.data" />
+                    <ArticleCard
+                        :article="article"
+                        class="relative z-50 lg:-mt-12"
+                        v-for="article in related.data"
+                        :key="article.id"
+                    />
                 </ul>
                 <LargeSquarePattern class="absolute top-0 right-0 z-10 hidden lg:block fill-primary-200" />
             </div>
@@ -78,8 +83,8 @@
             required: true,
         },
         related: {
-            type: Array,
-            default: () => [],
+            type: Object,
+            default: () => ({}),
         },
     });
 </script>