Moved filter sections to their own components.

components/filters/countries.vue

@@ -6,7 +6,7 @@
 			:title="country.name"
 			:class="{ selected: selectedCountry === country.alpha2 }"
 			class="country"
-			@click="updateValue('country', country.alpha2, true)"
+			@click="emit('country', country.alpha2)"
 		>
 			<img
 				:src="`/img/flags/${country.alpha2.toLowerCase()}.svg`"
@@ -18,7 +18,7 @@
 			<Icon
 				v-if="selectedCountry === country.alpha2"
 				icon="cross2"
-				@click.native.stop="updateValue('country', null, true)"
+				@click.native.stop="emit('country', null)"
 			/>
 		</li>
 	</ul>
@@ -34,11 +34,9 @@ defineProps({
 		type: String,
 		default: null,
 	},
-	updateValue: {
-		type: Function,
-		default: null,
-	},
 });
+
+const emit = defineEmits(['country']);
 </script>
 
 <style scoped>