From 1b32bb9c51bd6fd1a71d07c61a165004dab63aa6 Mon Sep 17 00:00:00 2001
From: Tusooa Zhu <tusooa@kazv.moe>
Date: Mon, 21 Feb 2022 10:33:47 -0500
Subject: [PATCH 1/2] Make media modal counter go through i18n

---
 src/components/media_modal/media_modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index bfe7ee6a..8680267b 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -68,7 +68,7 @@
     <span
       class="counter"
     >
-      {{ currentIndex + 1 }} / {{ media.length }}
+      {{ $tc('media_modal.counter', currentIndex + 1, { current: currentIndex + 1, total: media.length }) }}
     </span>
     <span
       v-if="loading"

From c7690aecd024e3b709cf0c707eba41ef119ef1e0 Mon Sep 17 00:00:00 2001
From: Tusooa Zhu <tusooa@kazv.moe>
Date: Mon, 21 Feb 2022 10:34:20 -0500
Subject: [PATCH 2/2] Add English translation for media modal counter

---
 src/i18n/en.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/i18n/en.json b/src/i18n/en.json
index 716fff66..8eb7fcc6 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -118,7 +118,8 @@
   },
   "media_modal": {
     "previous": "Previous",
-    "next": "Next"
+    "next": "Next",
+    "counter": "{current} / {total}"
   },
   "nav": {
     "about": "About",