From 002568caab0492e21e2fe5b398a1020f927f6ef5 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 30 Jan 2025 01:09:58 +0330
Subject: [PATCH] Update comment component

---
 .../components/global/product/Comment.vue     | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/frontend/components/global/product/Comment.vue b/frontend/components/global/product/Comment.vue
index a6da3de..cfb13c1 100644
--- a/frontend/components/global/product/Comment.vue
+++ b/frontend/components/global/product/Comment.vue
@@ -1,5 +1,23 @@
 <script setup lang="ts">
 
+// type
+
+type Props = {
+    title: string,
+    date: string,
+    username: string,
+    content: string,
+}
+
+// props
+
+const props = defineProps<Props>();
+const { date } = toRefs(props);
+
+// state
+
+const formattedDate = useDateFormat(date.value, "YYYY/MM/DD");
+
 </script>
 
 <template>
@@ -10,14 +28,15 @@
                     خیلی محصول خوبی بودددد
                 </span>
                 <span class="typo-p-sm text-slate-500">
-                    منصور مرزبان در ۱۴۰۳/۱۲/۲ ساعت ۱۲:۳۴
+                    {{ username }}
+                    در
+                    {{ formattedDate }}
                 </span>
             </div>
             <Rating />
         </div>
         <div class="typo-p-md">
-            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون
-            بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرد گذشته.
+            {{ content }}
         </div>
     </div>
 </template>
\ No newline at end of file