Exploreページに新規ユーザー一覧を追加 (#4295)

CHANGELOG.md

 ChangeLog
 =========
 
+unreleased
+----------
+* Exploreページに新規ユーザー一覧を追加
+
 10.86.2
 ----------
 * 別タブでルートより下を開いたときにはデッキにしないように

locales/ja-JP.yml

@@ -224,6 +224,7 @@ common/views/pages/explore.vue:
   verified-users: "公式アカウント"
   popular-users: "人気のユーザー"
   recently-updated-users: "最近投稿したユーザー"
+  recently-registered-users: "新規ユーザー"
 
 common/views/components/games/reversi/reversi.vue:
   matching:

src/client/app/common/views/pages/explore.vue

@@ -9,13 +9,16 @@
 	<mk-user-list :make-promise="recentlyUpdatedUsers">
 		<span><fa :icon="faCommentAlt"/> {{ $t('recently-updated-users') }}</span>
 	</mk-user-list>
+	<mk-user-list :make-promise="recentlyRegisteredUsers">
+		<span><fa :icon="faPlus"/> {{ $t('recently-registered-users') }}</span>
+	</mk-user-list>
 </div>
 </template>
 
 <script lang="ts">
 import Vue from 'vue';
 import i18n from '../../../i18n';
-import { faChartLine } from '@fortawesome/free-solid-svg-icons';
+import { faChartLine, faPlus } from '@fortawesome/free-solid-svg-icons';
 import { faBookmark, faCommentAlt } from '@fortawesome/free-regular-svg-icons';
 
 export default Vue.extend({
@@ -40,7 +43,13 @@ export default Vue.extend({
 				sort: '+updatedAt',
 				limit: 10
 			}),
-			faBookmark, faChartLine, faCommentAlt
+			recentlyRegisteredUsers: () => this.$root.api('users', {
+				origin: 'local',
+				state: 'alive',
+				sort: '+createdAt',
+				limit: 10
+			}),
+			faBookmark, faChartLine, faCommentAlt, faPlus
 		};
 	},
 });