Fixed actor countries filter disappearing if no countries are found.

components/filters/country.vue

@@ -1,6 +1,5 @@
 <template>
 	<div
-		v-if="filteredCountries.length > 0"
 		class="countries-container"
 	>
 		<input
@@ -11,7 +10,10 @@
 			class="input input-inline countries-search"
 		>
 
-		<div class="countries-list">
+		<div
+			v-if="filteredCountries.length > 0"
+			class="countries-list"
+		>
 			<Countries
 				v-if="!countryQuery && !filters.country && topCountries.length < filteredCountries.length"
 				:countries="topCountries"
@@ -25,6 +27,10 @@
 				@country="(alpha2) => emit('update', 'country', alpha2, true)"
 			/>
 		</div>
+
+		<div class="empty">
+			No matching countries
+		</div>
 	</div>
 </template>
 
@@ -75,6 +81,12 @@ const filteredCountries = computed(() => allCountries.value.filter((country) =>
 	overflow-y: auto;
 }
 
+.empty {
+	padding: .5rem;
+	color: var(--glass);
+	font-style: italic;
+}
+
 :deep(.country.selected) .country-name {
 	padding: .5rem;
 }