Added basic co-star actor filter to actor page.

assets/components/filters/filter-bar.vue

@@ -21,6 +21,12 @@
 		</div>
 
 		<div class="filters">
+			<ActorFilter
+				class="filters-filter"
+				:filter="filter"
+				:available-actors="availableActors"
+			/>
+
 			<ChannelFilter
 				class="filters-filter"
 				:filter="filter"
@@ -38,6 +44,8 @@
 
 <script>
 import { mapState } from 'vuex';
+
+import ActorFilter from './actor-filter.vue';
 import ChannelFilter from './channel-filter.vue';
 import TagFilter from './tag-filter.vue';
 
@@ -67,6 +75,7 @@ async function setBatch(newBatch) {
 
 export default {
 	components: {
+		ActorFilter,
 		ChannelFilter,
 		TagFilter,
 	},
@@ -95,6 +104,10 @@ export default {
 			type: Array,
 			default: () => [],
 		},
+		availableActors: {
+			type: Array,
+			default: () => [],
+		},
 	},
 	computed: {
 		...mapState({
@@ -253,7 +266,7 @@ export default {
 	background: var(--darken-hint);
 }
 
-@media(max-width: $breakpoint-micro) {
+@media(max-width: $breakpoint-small) {
 	.filter-applied {
 		display: none;
 	}