manga table: show that mangaupdates relation has been "found" when series is not fetched yet instead of showing nothing

src/components/manga/MangaListTable.vue

@@ -124,11 +124,16 @@ export default class MangaListTable extends Vue {
         <div>{{ cd(data).item.media?.title.native }}</div>
         <div>{{ cd(data).item.media?.title.english }}</div>
       </div>
-      <div v-if="cd(data).item.relation" style="font-size: 0.5em">
+      <div v-if="cd(data).item.relation" class="d-flex flex-row" style="font-size: 0.5em">
-        MangaUpdates:
+        <span>
-        <a v-if="cd(data).item.series" :href="cd(data).item.series!.url" target="_blank">
+          MangaUpdates:&nbsp;
-          {{ cd(data).item.series!.title }}
+        </span>
-        </a>
+        <template v-if="cd(data).item.series">
+          <a :href="cd(data).item.series!.url" target="_blank">
+            {{ cd(data).item.series!.title }}
+          </a>
+        </template>
+        <span v-else>{{ $t('mangaupdates.relation.found') }}</span>
       </div>
     </template>
     <template #head(entry.score)="data">

src/locale/de.ts

@@ -38,6 +38,11 @@ export const messagesDe = {
     },
     title: 'Titel',
   },
+  mangaupdates: {
+    relation: {
+      found: 'gefunden',
+    },
+  },
   search: 'Suche',
   wakeLock: {
     notSupported: 'Wake lock wird nicht unterstützt! Das Gerät könnte Sync-Funktion unterbrechen.',

src/locale/en.ts

@@ -39,6 +39,11 @@ export const messagesEn = {
     },
     title: 'Title',
   },
+  mangaupdates: {
+    relation: {
+      found: 'found',
+    },
+  },
   search: 'Search',
   wakeLock: {
     notSupported: 'Wake lock is not supported! The device could pause the sync function.',