only include direction on timestamps when required (#108)

Reviewed-on: AkkomaGang/pleroma-fe#108

src/components/notification/notification.vue

@@ -151,6 +151,7 @@
             >
               <Timeago
                 :time="notification.created_at"
+                :with-direction="true"
                 :auto-update="240"
               />
             </router-link>

src/components/status/status.vue

@@ -187,6 +187,7 @@
                 >
                   <Timeago
                     :time="status.created_at"
+                    :with-direction="true"
                     :auto-update="60"
                   />
                 </router-link>

src/components/timeago/timeago.vue

@@ -4,11 +4,18 @@
     :title="localeDateString"
     :class="{ warning: relativeTime.direction === 'time.in_future' }"
   >
-    {{
+    <template
-      relativeTime.direction === '' ?
+      v-if="withDirection"
-        $tc(relativeTime.key, relativeTime.num, [relativeTime.num]) :
+    >
-        $t(relativeTime.direction, [$tc(relativeTime.key, relativeTime.num, [relativeTime.num])])
+      {{
-    }}
+        relativeTime.direction === '' ?
+          $tc(relativeTime.key, relativeTime.num, [relativeTime.num]) :
+          $t(relativeTime.direction, [$tc(relativeTime.key, relativeTime.num, [relativeTime.num])])
+      }}
+    </template>
+    <template v-else>
+      {{ $tc(relativeTime.key, relativeTime.num, [relativeTime.num]) }}
+    </template>
   </time>
 </template>
 
@@ -18,7 +25,7 @@ import localeService from 'src/services/locale/locale.service.js'
 
 export default {
   name: 'Timeago',
-  props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold'],
+  props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold', 'withDirection'],
   data () {
     return {
       relativeTime: { key: 'time.now', num: 0 },