From abc35e736d60eb2e5fa3f90a351f0f46dc10ffd6 Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Wed, 19 Jul 2023 12:13:50 +0200
Subject: [PATCH] fix subsribers/subs on artist page

---
 src/components/Artist.vue | 17 +++++++++--------
 src/locales/de.json       |  3 ++-
 src/locales/en.json       |  3 ++-
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/Artist.vue b/src/components/Artist.vue
index 99287db..da8d5f9 100644
--- a/src/components/Artist.vue
+++ b/src/components/Artist.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { onMounted, onUpdated, ref } from 'vue';
 import Btn from './Btn.vue';
 
 import { useStore } from '@/scripts/util.js';
@@ -10,7 +10,8 @@ import { useI18n } from '@/stores/misc.js';
 const artist = useArtist(),
   results = useResults(),
   store = useStore(),
-  { t } = useI18n();
+  { t } = useI18n(),
+  windowWidth = window.innerWidth;
 
 const subs = JSON.parse(store.subs ? store.subs : '[]'),
   hash = artist.state.hash,
@@ -45,7 +46,12 @@ function Sub() {
             results.getAlbum('/playlist?list=' + artist.state.playlistId)
           " />
         <span class="us-box subs" :data-active="isSub" @click="Sub">
-          {{ artist.state.subscriberCount || 0 }} {{ t('artist.subscribers') }}
+          <template v-if="windowWidth > 400">
+            {{ artist.state.subscriberCount || 0 }} {{ t('artist.subscribers') }}
+          </template>
+          <template v-else>
+            {{ artist.state.subscriberCount || 0 }} {{ t('artist.subs') }}
+          </template>
         </span>
       </div>
     </div>
@@ -113,9 +119,4 @@ p.more {
   color: var(--color-background);
   background-clip: border-box;
 }
-@media (max-width: 400px) {
-  .subs::after {
-    content: ' Subs';
-  }
-}
 </style>
diff --git a/src/locales/de.json b/src/locales/de.json
index 591533a..82b18c6 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -38,7 +38,8 @@
         "select": "Hinzufügende Wiedergabeliste auswählen"
     },
     "artist": {
-        "subscribers": "Abonnenten"
+        "subscribers": "Abonnenten",
+        "subs": "Abos"
     },
     "pref": {
         "worst": "schlechteste",
diff --git a/src/locales/en.json b/src/locales/en.json
index c6d51f9..619b38c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -38,7 +38,8 @@
     "select": "Select Playlist to Add"
   },
   "artist": {
-    "subscribers": "Subscribers"
+    "subscribers": "Subscribers",
+    "subs": "Subs"
   },
   "pref": {
     "theme": "Theme",