biome format --write

src/components/timeago/timeago.vue

@@ -14,44 +14,55 @@ import localeService from 'src/services/locale/locale.service.js'
 export default {
   name: 'Timeago',
   props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold', 'templateKey'],
-  data () {
+  data() {
     return {
       relativeTimeMs: 0,
       relativeTime: { key: 'time.now', num: 0 },
-      interval: null
+      interval: null,
     }
   },
   computed: {
-    shouldUseAbsoluteTimeFormat () {
+    shouldUseAbsoluteTimeFormat() {
       if (!this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
         return false
       }
-      return DateUtils.durationStrToMs(this.$store.getters.mergedConfig.absoluteTimeFormatMinAge) <= this.relativeTimeMs
+      return (
+        DateUtils.durationStrToMs(
+          this.$store.getters.mergedConfig.absoluteTimeFormatMinAge,
+        ) <= this.relativeTimeMs
+      )
     },
-    time12hFormat () {
+    time12hFormat() {
       return this.$store.getters.mergedConfig.absoluteTimeFormat12h === '12h'
     },
-    browserLocale () {
+    browserLocale() {
       return localeService.internalToBrowserLocale(this.$i18n.locale)
     },
-    timeAsDate () {
+    timeAsDate() {
       return typeof this.time === 'string'
         ? new Date(Date.parse(this.time))
         : this.time
     },
-    localeDateString () {
+    localeDateString() {
       return this.timeAsDate.toLocaleString(this.browserLocale)
     },
-    relativeTimeString () {
-      const timeString = this.$i18n.t(this.relativeTime.key, [this.relativeTime.num], this.relativeTime.num)
+    relativeTimeString() {
+      const timeString = this.$i18n.t(
+        this.relativeTime.key,
+        [this.relativeTime.num],
+        this.relativeTime.num,
+      )
 
-      if (typeof this.templateKey === 'string' && this.relativeTime.key !== 'time.now') {
+      if (
+        typeof this.templateKey === 'string' &&
+        this.relativeTime.key !== 'time.now'
+      ) {
         return this.$i18n.t(this.templateKey, [timeString])
       }
 
       return timeString
     },
-    absoluteTimeString () {
+    absoluteTimeString() {
       if (this.longFormat) {
         return this.localeDateString
       }
@@ -61,52 +72,55 @@ export default {
           return new Intl.DateTimeFormat(this.browserLocale, {
             minute: 'numeric',
             hour: 'numeric',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         } else if (DateUtils.isSameMonth(this.timeAsDate, now)) {
           return new Intl.DateTimeFormat(this.browserLocale, {
             month: 'short',
             day: 'numeric',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         } else if (DateUtils.isSameYear(this.timeAsDate, now)) {
           return new Intl.DateTimeFormat(this.browserLocale, {
             month: 'short',
             day: 'numeric',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         } else {
           return new Intl.DateTimeFormat(this.browserLocale, {
             year: 'numeric',
             month: 'short',
-            hour12: this.time12hFormat
+            hour12: this.time12hFormat,
           })
         }
       })()
 
       return formatter.format(this.timeAsDate)
     },
-    relativeOrAbsoluteTimeString () {
-      return this.shouldUseAbsoluteTimeFormat ? this.absoluteTimeString : this.relativeTimeString
-    }
+    relativeOrAbsoluteTimeString() {
+      return this.shouldUseAbsoluteTimeFormat
+        ? this.absoluteTimeString
+        : this.relativeTimeString
+    },
   },
   watch: {
-    time (newVal, oldVal) {
+    time(newVal, oldVal) {
       if (oldVal !== newVal) {
         clearTimeout(this.interval)
         this.refreshRelativeTimeObject()
       }
-    }
+    },
   },
-  created () {
+  created() {
     this.refreshRelativeTimeObject()
   },
-  unmounted () {
+  unmounted() {
     clearTimeout(this.interval)
   },
   methods: {
-    refreshRelativeTimeObject () {
-      const nowThreshold = typeof this.nowThreshold === 'number' ? this.nowThreshold : 1
+    refreshRelativeTimeObject() {
+      const nowThreshold =
+        typeof this.nowThreshold === 'number' ? this.nowThreshold : 1
       this.relativeTimeMs = DateUtils.relativeTimeMs(this.time)
       this.relativeTime = this.longFormat
         ? DateUtils.relativeTime(this.time, nowThreshold)
@@ -115,10 +129,10 @@ export default {
       if (this.autoUpdate) {
         this.interval = setTimeout(
           this.refreshRelativeTimeObject,
-          1000 * this.autoUpdate
+          1000 * this.autoUpdate,
         )
       }
-    }
-  }
+    },
+  },
 }
 </script>