Hiding empty search sections.

assets/components/search/search.vue

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