Fixed profile location interpolation. Generalizing ethnicity, hair color and eye color.

assets/components/actors/actor.vue

@@ -190,6 +190,22 @@
 						</span>
 					</li>
 
+					<li
+						v-if="actor.eyes"
+						class="bio-item eyes hideable"
+					>
+						<dfn class="bio-label"><Icon icon="eye" />Eyes</dfn>
+						<span>{{ actor.eyes }}</span>
+					</li>
+
+					<li
+						v-if="actor.hair"
+						class="bio-item hair hideable"
+					>
+						<dfn class="bio-label"><Icon icon="haircut" />Hair</dfn>
+						<span>{{ actor.hair }}</span>
+					</li>
+
 					<li
 						v-if="actor.hasTattoos"
 						class="bio-item tattoos hideable"
@@ -513,7 +529,9 @@ export default {
 	transform: scaleX(-1);
 }
 
-.ethnicity {
+.ethnicity,
+.hair,
+.eyes {
     text-transform: capitalize;
 }
 

assets/components/search/search.vue

@@ -5,30 +5,32 @@
 			class="summary"
 		>Searching...</span>
 
-		<div v-if="!loading && actors.length > 0">
-			<span
-				v-if="!loading"
-				class="summary"
-			>Found {{ actors.length }} actors for '{{ query }}'</span>
+		<span
+			v-if="!loading"
+			class="summary"
+		>Found {{ actors.length }} actors for '{{ query }}'</span>
 
-			<div class="tiles">
-				<Actor
-					v-for="actor in actors"
-					:key="`actor-${actor.id}`"
-					:actor="actor.aliasFor || actor"
-					:alias="actor.aliasFor && actor"
-				/>
-			</div>
+		<div
+			v-if="!loading && actors.length > 0"
+			class="tiles"
+		>
+			<Actor
+				v-for="actor in actors"
+				:key="`actor-${actor.id}`"
+				:actor="actor.aliasFor || actor"
+				:alias="actor.aliasFor && actor"
+			/>
 		</div>
 
-		<div v-if="!loading && actors.length > 0">
-			<span
-				v-if="!loading"
-				class="summary"
-			>Found {{ releases.length }} releases for '{{ query }}'</span>
+		<span
+			v-if="!loading"
+			class="summary"
+		>Found {{ releases.length }} releases for '{{ query }}'</span>
 
-			<Releases :releases="releases" />
-		</div>
+		<Releases
+			v-if="!loading && releases.length > 0"
+			:releases="releases"
+		/>
 	</div>
 </template>