feat: hide reply count (#1439)

* feat: hide reply count

* fix(i18n): rearrange strings

* style: new line

components/status/StatusActions.vue

@@ -37,13 +37,13 @@ const reply = () => {
     <div flex-1>
       <StatusActionButton
         :content="$t('action.reply')"
-        :text="status.repliesCount || ''"
+        :text="!getPreferences(userSettings, 'hideReplyCount') && status.repliesCount || ''"
         color="text-blue" hover="text-blue" group-hover="bg-blue/10"
         icon="i-ri:chat-1-line"
         :command="command"
         @click="reply"
       >
-        <template v-if="status.repliesCount" #text>
+        <template v-if="status.repliesCount && !getPreferences(userSettings, 'hideReplyCount')" #text>
           <CommonLocalizedNumber
             keypath="action.reply_count"
             :count="status.repliesCount"

composables/settings/definition.ts

@@ -9,6 +9,7 @@ export type ColorMode = 'light' | 'dark' | 'system'
 
 export interface PreferencesSettings {
   hideBoostCount: boolean
+  hideReplyCount: boolean
   hideFavoriteCount: boolean
   hideFollowerCount: boolean
   hideTranslation: boolean
@@ -62,6 +63,7 @@ export function getDefaultUserSettings(locales: string[]): UserSettings {
 
 export const DEFAULT__PREFERENCES_SETTINGS: PreferencesSettings = {
   hideBoostCount: false,
+  hideReplyCount: false,
   hideFavoriteCount: false,
   hideFollowerCount: false,
   hideTranslation: false,

locales/en.json

@@ -368,6 +368,7 @@
       "hide_boost_count": "Hide boost count",
       "hide_favorite_count": "Hide favorite count",
       "hide_follower_count": "Hide follower count",
+      "hide_reply_count": "Hide reply count",
       "hide_translation": "Hide translation",
       "label": "Preferences",
       "title": "Experimental Features",

pages/settings/preferences/index.vue

@@ -27,6 +27,12 @@ const userSettings = useUserSettings()
     >
       {{ $t('settings.preferences.hide_favorite_count') }}
     </SettingsToggleItem>
+    <SettingsToggleItem
+      :checked="getPreferences(userSettings, 'hideReplyCount')"
+      @click="togglePreferences('hideReplyCount')"
+    >
+      {{ $t('settings.preferences.hide_reply_count') }}
+    </SettingsToggleItem>
     <SettingsToggleItem
       :checked="getPreferences(userSettings, 'hideFollowerCount')"
       @click="togglePreferences('hideFollowerCount')"