add(ServerFinder): 最終更新日を表示するように

components/servers/Finder.vue

@@ -149,7 +149,7 @@ import ListIco from 'bi/view-stacked.svg';
 const { t, locale } = useI18n();
 const route = useRoute();
 const emits = defineEmits<{
-    (e: 'load', value?: InstancesStatsObj): void;
+    (e: 'load', value?: InstancesStatsObj, updatedAt?: string): void;
 }>();
 
 // ▼スマホ用ソート▼
@@ -215,7 +215,7 @@ if (data.value?.stats.usersCount) {
         notesCount: data.value.stats.notesCount,
         usersCount: data.value.stats.usersCount,
         instancesCount: data.value.stats.instancesCount,
-    });
+    }, data.value.date);
 }
 
 watch(data, (to) => {
@@ -224,7 +224,7 @@ watch(data, (to) => {
             notesCount: to.stats.notesCount,
             usersCount: to.stats.usersCount,
             instancesCount: to.stats.instancesCount,
-        });
+        }, to.date);
     }
 }, {
     deep: true,

locales/ja-JP.yml

@@ -14,6 +14,7 @@ settings: "設定"
 goToLegacyHub: "従来のMisskey Hub"
 contactUs: "お問い合わせ"
 detail: "詳細"
+lastUpdate: "最終更新"
 
 _error:
   notFound: "ページが見つかりませんでした"

locales/ja-KS.yml

@@ -13,6 +13,7 @@ browse: "参照"
 settings: "設定"
 goToLegacyHub: "前のMisskey Hub"
 contactUs: "お問い合わせ"
+lastUpdate: "最終更新"
 
 _error:
   notFound: "ページ食べた"

pages/servers/index.vue

@@ -7,6 +7,9 @@
                 <I18nT scope="global" keypath="_servers.addYourServer" tag="span">
                     <GNuxtLink class="font-bold hover:underline underline-offset-4" to="https://github.com/joinmisskey/api">{{ $t('_servers.addYourServerLink') }}</GNuxtLink>
                 </I18nT>
+                <div class="!mt-2 text-sm p-3 rounded-lg bg-white dark:bg-slate-800 border border-gray-300 dark:border-gray-950">
+                    {{ $t('lastUpdate') }}: {{ updatedAt ? $d(updatedAt) : $t('loading') }}
+                </div>
             </template>
             <template #icon>
                 <div class="relative px-6 py-8">
@@ -63,9 +66,11 @@ const localePath = useGLocalePath();
 const route = useRoute();
 
 const instancesStats = ref<InstancesStatsObj>();
+const updatedAt = shallowRef<Date>();
 
-function setServerStats(val?: InstancesStatsObj) {
+function setServerStats(val?: InstancesStatsObj, updated?: string) {
     instancesStats.value = val;
+    if (updated) updatedAt.value = new Date(updated);
 }
 
 route.meta.title = t('_servers.title');