Add support for subscriber counts

src/components/SubscriptionButton.vue

@@ -3,7 +3,7 @@
     v-if="showButtons" outlined color="primary" @click="subscribeHandler"
     class="ml-2"
   >
-    {{ subscribed ? 'Unsubscribe' : 'Subscribe' }}
+    {{ subscribed ? $t('actions.unsubscribe') : $t('actions.subscribe') }}
   </v-btn>
 </template>
 

src/routes/Channel.vue

@@ -8,7 +8,13 @@
                 <div>
                     <v-img :src="channel.avatarUrl" height="48" width="48" class="rounded-circle" />
                 </div>
-                <span class="text-h5 ml-4">{{ channel.name }}</span>
+                <span class="text-h5 ml-4">
+                    {{ channel.name }}
+                    <br />
+                    <span class="text-subtitle-1">
+                        {{ $tc('counts.subscribers', channel.subscriberCount, { formatted: $store.getters['i18n/fmtNumber'](channel.subscriberCount) }) }}
+                    </span>
+                </span>
                 <v-icon class="ml-2" v-if="channel.verified">{{ mdiCheckCircleOutline }}</v-icon>
                 <SubscriptionButton :channel-id="channel.id" />
             </div>

src/routes/WatchVideo.vue

@@ -76,6 +76,10 @@
                                 </div>
                                 <a :href="video.uploaderUrl" class="text-h5 ml-4 text-decoration-none">
                                     {{ video.uploader }}
+                                    <br />
+                                    <span class="text-subtitle-1">
+                                        {{ $tc('counts.subscribers', video.uploaderSubscriberCount, { formatted: $store.getters['i18n/fmtNumber'](video.uploaderSubscriberCount) }) }}
+                                    </span>
                                 </a>
                                 <div class="ml-4">
                                     <SubscriptionButton :channel-id="channelId" />

src/translations/bn-Beng.json

@@ -7,8 +7,9 @@
         "history": "দেখার ইতিহাস"
     },
     "counts": {
+        "subscribers": "কেউ এই channel এর সদস্যতা নায়নি | একজন মাত্র এই channel এর সদস্যতা নিয়েছেন | {formatted} জন সদস্যতা নিয়েছেন",
         "videos": "কোনো ভিডিও নেই | একটা ভিডিও | {count}টি ভিডিও",
-        "views": "কেউ দেখে নি এখন পর্যন্ত  | একবার মাত্র দেখা হয়েছে এই ভিডিওটি কে  | {n} বার দেখা হয়েছে এই ভিডিওটি কে"
+        "views": "কেউ দেখে নি এখন পর্যন্ত | একবার মাত্র দেখা হয়েছে এই ভিডিওটি কে  | {n} বার দেখা হয়েছে এই ভিডিওটি কে"
     },
     "errors": {
         "trendingFetchError": "জনপ্রিয় ভিডিও খুঁজে পাওয়া যায়নি। দেখুন আপনার নির্বাচিত দেশ কে ইউটুবে সাপোর্ট করে কি না।"
@@ -32,8 +33,8 @@
         "loadReplies": "মন্তব্য - খুজবো?",
         "hideReplies": "মন্তব্য - লোকাবো?",
         "showReplies": "মন্তব্য - দেখাবো?",
-        "subscribe": "সদস্যতা নিন",
-        "unsubscribe": "সদস্যতা পরিত্যাগ",
+        "subscribe": "সদস্যতা নেবেন?",
+        "unsubscribe": "সদস্যতা পরিত্যাগ করবেন?",
         "view_subscriptions": "channel এ সদস্যতার তালিকা",
         "rss_of_subscriptions": "আপনি জেজে channel এ সদস্যতা নিয়েছেন তাদের RSS ফিড",
         "sort_by": "কোন ক্রমানুযায়ী ভিডিও গুলো আসবে ",

src/translations/en.json

@@ -8,6 +8,7 @@
         "history": "Watch History"
     },
     "counts": {
+        "subscribers": "No subscribers | 1 subscriber | {formatted} subscribers",
         "videos": "No videos | One Video | {count} Videos",
         "views": "No views | One view | {n} views"
     },