From dc823ac20b7f91b0585b804efddbbd7d42e36f7f Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 23 Aug 2022 14:33:53 +0800
Subject: [PATCH] feat: formatting Date

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 src/modules/dashboard/widgets/RecentPublishedWidget.vue  | 3 ++-
 src/modules/system/plugins/components/PluginListItem.vue | 8 +++-----
 src/modules/system/roles/RoleList.vue                    | 3 ++-
 src/modules/system/users/UserList.vue                    | 5 +++--
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/modules/dashboard/widgets/RecentPublishedWidget.vue b/src/modules/dashboard/widgets/RecentPublishedWidget.vue
index 3c67dc33..a9a96953 100644
--- a/src/modules/dashboard/widgets/RecentPublishedWidget.vue
+++ b/src/modules/dashboard/widgets/RecentPublishedWidget.vue
@@ -3,6 +3,7 @@ import { VCard, VSpace } from "@halo-dev/components";
 import { onMounted, ref } from "vue";
 import type { Post } from "@halo-dev/api-client";
 import { apiClient } from "@halo-dev/admin-shared";
+import { formatDatetime } from "@/utils/date";
 
 const posts = ref<Post[]>([] as Post[]);
 
@@ -46,7 +47,7 @@ onMounted(handleFetchPosts);
 
             <div>
               <time class="text-sm text-gray-500">
-                {{ post.metadata.creationTimestamp }}
+                {{ formatDatetime(post.metadata.creationTimestamp) }}
               </time>
             </div>
           </div>
diff --git a/src/modules/system/plugins/components/PluginListItem.vue b/src/modules/system/plugins/components/PluginListItem.vue
index d8886971..542f594b 100644
--- a/src/modules/system/plugins/components/PluginListItem.vue
+++ b/src/modules/system/plugins/components/PluginListItem.vue
@@ -9,6 +9,7 @@ import {
 import { toRefs } from "vue";
 import { usePluginLifeCycle } from "../composables/use-plugin";
 import type { Plugin } from "@halo-dev/api-client";
+import { formatDatetime } from "@/utils/date";
 
 const props = withDefaults(
   defineProps<{
@@ -101,11 +102,8 @@ const { isStarted, changeStatus, uninstall } = usePluginLifeCycle(plugin);
           <span class="hidden text-sm text-gray-500 sm:block">
             {{ plugin?.spec.version }}
           </span>
-          <time
-            class="hidden text-sm text-gray-500 sm:block"
-            datetime="2020-01-07"
-          >
-            {{ plugin?.metadata.creationTimestamp }}
+          <time class="hidden text-sm text-gray-500 sm:block">
+            {{ formatDatetime(plugin?.metadata.creationTimestamp) }}
           </time>
           <div
             v-permission="['system:plugins:manage']"
diff --git a/src/modules/system/roles/RoleList.vue b/src/modules/system/roles/RoleList.vue
index 07266cf1..98b9ce96 100644
--- a/src/modules/system/roles/RoleList.vue
+++ b/src/modules/system/roles/RoleList.vue
@@ -17,6 +17,7 @@ import type { Role } from "@halo-dev/api-client";
 import { apiClient } from "@halo-dev/admin-shared";
 import { roleLabels } from "@/constants/labels";
 import { rbacAnnotations } from "@/constants/annotations";
+import { formatDatetime } from "@/utils/date";
 
 const roles = ref<Role[]>([]);
 const editingModal = ref<boolean>(false);
@@ -217,7 +218,7 @@ onMounted(() => {
                   </a>
                   <VTag> 系统保留</VTag>
                   <time class="text-sm text-gray-500">
-                    {{ role.metadata.creationTimestamp }}
+                    {{ formatDatetime(role.metadata.creationTimestamp) }}
                   </time>
                   <span
                     v-permission="['system:roles:manage']"
diff --git a/src/modules/system/users/UserList.vue b/src/modules/system/users/UserList.vue
index 7890c274..ca73a4e3 100644
--- a/src/modules/system/users/UserList.vue
+++ b/src/modules/system/users/UserList.vue
@@ -18,6 +18,7 @@ import { onMounted, ref } from "vue";
 import { apiClient } from "@halo-dev/admin-shared";
 import type { User, UserList } from "@halo-dev/api-client";
 import { rbacAnnotations } from "@/constants/annotations";
+import { formatDatetime } from "@/utils/date";
 
 const checkAll = ref(false);
 const editingModal = ref<boolean>(false);
@@ -313,8 +314,8 @@ onMounted(() => {
                       {{ role }}
                     </VTag>
                   </div>
-                  <time class="text-sm text-gray-500" datetime="2020-01-07">
-                    {{ user.metadata.creationTimestamp }}
+                  <time class="text-sm text-gray-500">
+                    {{ formatDatetime(user.metadata.creationTimestamp) }}
                   </time>
                   <span
                     v-permission="['system:users:manage']"