Rename utils/format module to utils/dates

src/components/Post.vue

@@ -36,7 +36,7 @@
         :href="post.uri"
         @click.prevent="navigateTo(post.id)"
       >
-        {{ formatDate(post.created_at) }}
+        {{ humanizeDate(post.created_at) }}
       </a>
     </div>
     <div class="post-subheader" v-if="getReplyMentions().length > 0">
@@ -232,7 +232,7 @@ import { useInstanceInfo } from "@/store/instance"
 import { useCurrentUser } from "@/store/user"
 import { CRYPTOCURRENCIES } from "@/utils/cryptocurrencies"
 import { getWallet } from "@/utils/ethereum"
-import { formatDate } from "@/utils/format"
+import { humanizeDate } from "@/utils/dates"
 import { addGreentext } from "@/utils/greentext"
 
 interface PaymentOption {

src/utils/dates.ts

@@ -1,6 +1,6 @@
 import { DateTime } from "luxon"
 
-export function formatDate(isoDate: string): string {
+export function humanizeDate(isoDate: string): string {
   const date = DateTime.fromISO(isoDate)
   const now = DateTime.now()
   const diff = now.diff(date)
@@ -19,3 +19,8 @@ export function formatDate(isoDate: string): string {
     return date.toFormat("dd LLL y")
   }
 }
+
+export function formatDate(isoDate: string): string {
+  const date = DateTime.fromISO(isoDate)
+  return date.toLocaleString()
+}

src/views/NotificationList.vue

@@ -74,7 +74,7 @@
           </div>
           <div class="display-name">{{ getSenderName(notification) }}</div>
           <div class="actor-address">@{{ getActorAddress(notification.account) }}</div>
-          <div class="timestamp">{{ formatDate(notification.created_at) }}</div>
+          <div class="timestamp">{{ humanizeDate(notification.created_at) }}</div>
         </router-link>
       </div>
       <button
@@ -100,7 +100,7 @@ import SidebarLayout from "@/components/SidebarLayout.vue"
 import { useInstanceInfo } from "@/store/instance"
 import { useNotifications } from "@/store/notifications"
 import { useCurrentUser } from "@/store/user"
-import { formatDate } from "@/utils/format"
+import { humanizeDate } from "@/utils/dates"
 
 const { ensureAuthToken } = useCurrentUser()
 const { getActorAddress } = useInstanceInfo()

src/views/PostOverlay.vue

@@ -55,13 +55,12 @@ import { onMounted } from "vue"
 import { $, $ref, $computed } from "vue/macros"
 import { useRoute, useRouter } from "vue-router"
 
-import { DateTime } from "luxon"
-
 import { getTokenMetadata, TokenMetadata } from "@/api/nft"
 import { Post, getPost } from "@/api/posts"
 import Avatar from "@/components/Avatar.vue"
 import { useInstanceInfo } from "@/store/instance"
 import { useCurrentUser } from "@/store/user"
+import { formatDate } from "@/utils/dates"
 
 const route = useRoute()
 const router = useRouter()
@@ -119,11 +118,6 @@ const imageUrl = $computed<string | null>(() => {
   }
   return token.image.replace("ipfs://", `${gatewayUrl}/ipfs/`)
 })
-
-function formatDate(isoDate: string): string {
-  const date = DateTime.fromISO(isoDate)
-  return date.toLocaleString(DateTime.DATE_FULL)
-}
 </script>
 
 <style scoped lang="scss">