Fix hydration issues caused by dayjs (#162)

modrinth · Nov 29, 2023 · 03967d4 · 03967d4
1 parent 4856a6a
commit 03967d4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss
@@ -38,7 +38,7 @@ body {
   --font-weight-title: var(--font-weight-extrabold);
 }
 
-a.uncolored {
+a {
   color: inherit;
   text-decoration: none;
 }

diff --git a/lib/components/base/ProjectCard.vue b/lib/components/base/ProjectCard.vue
@@ -45,7 +45,7 @@
         class="stat consumes-click"
       >
         <span class="label"><HistoryIcon /></span>
-        <span class="value">{{ dayjs(updatedAt).fromNow() }}</span>
+        <span class="value">{{ fromNow(updatedAt) }}</span>
       </span>
       <span
         v-else
@@ -57,7 +57,7 @@
         class="stat consumes-click"
       >
         <span class="label"><CalendarIcon /></span>
-        <span class="value">{{ dayjs(createdAt).fromNow() }}</span>
+        <span class="value">{{ fromNow(createdAt) }}</span>
       </span>
       <div class="tags">
         <TagIcon />
@@ -80,8 +80,6 @@ import {
 } from '@'
 import { useVIntl, defineMessages } from '@vintl/vintl'
 import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
-dayjs.extend(relativeTime)
 
 const vintl = useVIntl()
 const { formatMessage } = vintl
@@ -202,6 +200,11 @@ defineProps({
     required: false,
     default: null,
   },
+  fromNow: {
+    type: Function,
+    required: false,
+    default: (x) => x,
+  },
 })
 </script>
 

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "omorphia",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "files": [
     "dist",
     "locales"