feat(i18n): plurals support (#278)

components/status/StatusCard.vue

@@ -41,6 +41,7 @@ function go(evt: MouseEvent | KeyboardEvent) {
 }
 
 const createdAt = useFormattedDateTime(status.createdAt)
+const timeAgoOptions = useTimeAgoOptions()
 const timeago = useTimeAgo(() => status.createdAt, timeAgoOptions)
 </script>
 

components/status/StatusPoll.vue

@@ -10,7 +10,8 @@ function toPercentage(num: number) {
   const percentage = 100 * num
   return `${percentage.toFixed(1).replace(/\.?0+$/, '')}%`
 }
-const expiredTimeAgo = useTimeAgo(poll.expiresAt!)
+const timeAgoOptions = useTimeAgoOptions()
+const expiredTimeAgo = useTimeAgo(poll.expiresAt!, timeAgoOptions)
 
 const masto = useMasto()
 async function vote(e: Event) {

components/status/edit/StatusEditHistory.vue

@@ -10,6 +10,7 @@ const { data: statusEdits } = useAsyncData(`status:history:${status.id}`, () =>
 const showHistory = (edit: StatusEdit) => {
   openEditHistoryDialog(edit)
 }
+const timeAgoOptions = useTimeAgoOptions()
 </script>
 
 <template>
@@ -22,7 +23,7 @@ const showHistory = (edit: StatusEdit) => {
     >
       {{ getDisplayName(edit.account) }}
       <i18n-t :keypath="`status_history.${idx === statusEdits.length - 1 ? 'created' : 'edited'}`">
-        {{ useTimeAgo(edit.createdAt, { showSecond: true }).value }}
+        {{ useTimeAgo(edit.createdAt, timeAgoOptions).value }}
       </i18n-t>
     </CommonDropdownItem>
   </template>