From 680f38bed9a7b0af102108aa1317fcbf0276f6aa Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Wed, 19 Mar 2025 18:01:27 +0330
Subject: [PATCH] Server log date component

---
 frontend/components/server-logs/LogDate.vue | 28 +++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 frontend/components/server-logs/LogDate.vue

diff --git a/frontend/components/server-logs/LogDate.vue b/frontend/components/server-logs/LogDate.vue
new file mode 100644
index 0000000..2026092
--- /dev/null
+++ b/frontend/components/server-logs/LogDate.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+
+// import
+
+import { usePersianTimeAgo } from "~/composables/global/usePersianTimeAgo";
+
+// type
+
+type Props = {
+    date: string
+}
+
+// props
+
+const props = defineProps<Props>();
+const { date } = toRefs(props);
+
+// state
+
+const timeAgo = usePersianTimeAgo(new Date(date.value));
+
+</script>
+
+<template>
+    <div class="px-3 pb-1 pt-1.5 rounded-lg bg-neutral-600 text-white" dir="rtl">
+        {{ timeAgo }}
+    </div>
+</template>
\ No newline at end of file