From c4af4a610e64cbdd2864eae710846aebff10dae6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Sun, 27 Nov 2022 16:48:04 +0800
Subject: [PATCH] fix: formatted edited time

---
 components/status/edit/StatusEditIndicator.vue | 4 ++--
 composables/time.ts                            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/status/edit/StatusEditIndicator.vue b/components/status/edit/StatusEditIndicator.vue
index 6c8f0bd4..fd7154ea 100644
--- a/components/status/edit/StatusEditIndicator.vue
+++ b/components/status/edit/StatusEditIndicator.vue
@@ -6,8 +6,8 @@ const { status } = defineProps<{
   inline: boolean
 }>()
 
-const editedAt = $computed(() => status.editedAt)
-const formatted = useFormattedDateTime(status.editedAt)
+const editedAt = computed(() => status.editedAt)
+const formatted = useFormattedDateTime(editedAt)
 </script>
 
 <template>
diff --git a/composables/time.ts b/composables/time.ts
index f99d022a..ce059cf3 100644
--- a/composables/time.ts
+++ b/composables/time.ts
@@ -1,7 +1,7 @@
 import type { MaybeComputedRef, UseTimeAgoOptions } from '@vueuse/core'
 
 export const useFormattedDateTime = (
-  value: MaybeComputedRef<string | Date | undefined>,
+  value: MaybeComputedRef<string | Date | undefined | null>,
   options: Intl.DateTimeFormatOptions = { dateStyle: 'long', timeStyle: 'medium' },
 ) => {
   const formatter = Intl.DateTimeFormat(undefined, options)