change tab titles

locales/index.d.ts

@@ -10579,6 +10579,16 @@ export interface Locale extends ILocale {
          */
         "description3": ParameterizedString<"link">;
     };
+    "_followRequest": {
+        /**
+         * 受け取った申請
+         */
+        "recieved": string;
+        /**
+         * 送った申請
+         */
+        "sent": string;
+    };
 }
 declare const locales: {
     [lang: string]: Locale;

locales/ja-JP.yml

@@ -2819,3 +2819,7 @@ _selfXssPrevention:
   description1: "ここに何かを貼り付けると、悪意のあるユーザーにアカウントを乗っ取られたり、個人情報を盗まれたりする可能性があります。"
   description2: "貼り付けようとしているものが何なのかを正確に理解していない場合は、%c今すぐ作業を中止してこのウィンドウを閉じてください。"
   description3: "詳しくはこちらをご確認ください。 {link}"
+
+_followRequest:
+  recieved: "受け取った申請"
+  sent: "送った申請"

packages/frontend/src/pages/follow-requests.vue

@@ -46,7 +46,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import * as Misskey from 'misskey-js';
 import { shallowRef, computed, ref } from 'vue';
-import MkPagination from '@/components/MkPagination.vue';
+import MkPagination, { type Paging } from '@/components/MkPagination.vue';
 import MkButton from '@/components/MkButton.vue';
 import { userPage, acct } from '@/filters/user.js';
 import * as os from '@/os.js';
@@ -58,16 +58,13 @@ import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
 
 const paginationComponent = shallowRef<InstanceType<typeof MkPagination>>();
 
-const pagination = computed(() => tab.value === 'list'
+const pagination = computed<Paging>(() => tab.value === 'list' ? {
-	? {
+	endpoint: 'following/requests/list',
-		endpoint: 'following/requests/list' as const,
+	limit: 10,
-		limit: 10,
+} : {
-	}
+	endpoint: 'following/requests/sent',
-	: {
+	limit: 10,
-		endpoint: 'following/requests/sent' as const,
+});
-		limit: 10,
-	},
-);
 
 function accept(user: Misskey.entities.UserLite) {
 	os.apiWithDialog('following/requests/accept', { userId: user.id }).then(() => {
@@ -96,11 +93,11 @@ const headerActions = computed(() => []);
 const headerTabs = computed(() => [
 	{
 		key: 'list',
-		title: i18n.ts.followRequests,
+		title: i18n.ts._followRequest.recieved,
 		icon: 'ti ti-mail',
 	}, {
 		key: 'sent',
-		title: i18n.ts.followRequestPending,
+		title: i18n.ts._followRequest.sent,
 		icon: 'ti ti-send',
 	},
 ]);