i18n: improve

components/conversation/ConversationCard.vue

@@ -9,7 +9,7 @@ const props = defineProps<{
 <template>
   <article flex flex-col gap-2>
     <div flex gap-2 flex-wrap text-sm px-2>
-      with
+      {{ $t('conversation.with') }}
       <AccountInlineInfo v-for="account in conversation.accounts" :key="account.id" :account="account" />
     </div>
     <StatusCard v-if="conversation.lastStatus" :status="conversation.lastStatus" :actions="false" />

components/status/StatusNotFound.vue

@@ -17,12 +17,12 @@ const originalUrl = computed(() => {
 <template>
   <CommonNotFound>
     <div flex="~ col center gap2">
-      <div>Status not found</div>
+      <div>{{ $t('error.status_not_found') }}</div>
 
       <NuxtLink v-if="originalUrl" :to="originalUrl" target="_blank">
-        <button btn-solid flex="~ center gap-2" px2 py1>
+        <button btn-solid flex="~ center gap-2" text-sm px2 py1>
           <div i-ri:arrow-right-up-line />
-          Try original site
+          {{ $t('status.try_original_site') }}
         </button>
       </NuxtLink>
     </div>

components/status/edit/StatusEditHistory.vue

@@ -21,8 +21,9 @@ const showHistory = (edit: StatusEdit) => {
       @click="showHistory(edit)"
     >
       {{ getDisplayName(edit.account) }}
-      {{ idx === statusEdits.length - 1 ? 'created' : 'edited' }}
-      {{ useTimeAgo(edit.createdAt, { showSecond: true }).value }}
+      <i18n-t :keypath="`status_history.${idx === statusEdits.length - 1 ? 'created' : 'edited'}`">
+        {{ useTimeAgo(edit.createdAt, { showSecond: true }).value }}
+      </i18n-t>
     </CommonDropdownItem>
   </template>
   <template v-else>

components/status/edit/StatusEditIndicator.vue

@@ -27,7 +27,7 @@ const formatted = useFormattedDateTime(editedAt)
       <template #popper>
         <div text-sm p2>
           <div text-center mb1>
-            Edited {{ formatted }}
+            {{ $t('status.edited', [formatted]) }}
           </div>
           <StatusEditHistory :status="status" />
         </div>