Hiding empty search sections.

assets/components/search/search.vue

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