From fbbbd99d3d555d68294484287ac75558f551a101 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sat, 13 Feb 2021 00:30:49 +0100
Subject: [PATCH] Properly iterating through aliases in actor profile.

---
 assets/components/actors/actor.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue
index b9f98bd3..0eeea1a4 100644
--- a/assets/components/actors/actor.vue
+++ b/assets/components/actors/actor.vue
@@ -19,7 +19,13 @@
 				class="bio-item"
 			>
 				<dfn class="bio-label">Also known as</dfn>
-				<span>{{ actor.aliases.join(', ') }}</span>
+				<span class="bio-value">
+					<span
+						v-for="alias in actor.aliases"
+						:key="`alias-${alias.id}`"
+						class="alias"
+					>{{ alias.name }}</span>
+				</span>
 			</li>
 
 			<Social
@@ -643,6 +649,10 @@ export default {
     text-transform: capitalize;
 }
 
+.alias:not(:last-child)::after {
+	content: ',\00a0';
+}
+
 .scraped {
     color: var(--lighten-weak);
     font-size: .8rem;