Update comment component

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>