diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue index 5ce8a76ea..760c8d47e 100644 --- a/apps/app-frontend/src/App.vue +++ b/apps/app-frontend/src/App.vue @@ -19,7 +19,14 @@ import { WorldIcon, XIcon, } from '@modrinth/assets' -import { Avatar, Button, ButtonStyled, Notifications, OverflowMenu } from '@modrinth/ui' +import { + Avatar, + Button, + ButtonStyled, + Notifications, + OverflowMenu, + useRelativeTime, +} from '@modrinth/ui' import { useLoading, useTheming } from '@/store/state' import ModrinthAppLogo from '@/assets/modrinth_app.svg?component' import AccountsCard from '@/components/ui/AccountsCard.vue' @@ -62,6 +69,8 @@ import FriendsList from '@/components/ui/friends/FriendsList.vue' import { openUrl } from '@tauri-apps/plugin-opener' import QuickInstanceSwitcher from '@/components/ui/QuickInstanceSwitcher.vue' +const formatRelativeTime = useRelativeTime() + const themeStore = useTheming() const news = ref([]) @@ -590,7 +599,7 @@ function handleAuxClick(e) {
{{ item.summary }}
- {{ dayjs(item.date).fromNow() }} + {{ formatRelativeTime(dayjs(item.date).toISOString()) }}