Fix followers translation

client/src/components/ChannelResult.vue

@@ -19,7 +19,7 @@
 
       <div class="additional-information">
         <div class="followers-count">
-          <translate :translate-n="channel.followersCount" translate-plural="%{channel.followersCount} followers">%{ channel.followersCount } follower</translate>
+          {{ followersCountMessage }}
         </div>
       </div>
 
@@ -58,7 +58,6 @@
 </style>
 
 <script lang="ts">
-  import { useGettext } from '@jshmrtn/vue3-gettext'
   import { defineComponent, PropType } from 'vue'
   import { VideoChannel } from '../../../PeerTube/shared/models'
 
@@ -76,6 +75,12 @@
 
       discoverChannelMessage (): string {
         return this.$gettextInterpolate(this.$gettext('Discover this channel on %{host}'), { host: this.host })
+      },
+
+      followersCountMessage (): string {
+        const translated = this.$ngettext('%{ n } follower', '%{ n } followers', this.channel.followersCount)
+
+        return this.$gettextInterpolate(translated, { n: this.channel.followersCount })
       }
     }
   })