Added filter bar to all pages. Added 'upcoming' marker. Improved date tidbit.

assets/components/actor/actor.vue

@@ -3,6 +3,8 @@
         v-if="actor"
         class="content actor"
     >
+        <FilterBar :fetch-releases="fetchReleases" />
+
         <div class="header">
             <h2 class="title">{{ actor.name }}</h2>
         </div>
@@ -61,17 +63,25 @@
 </template>
 
 <script>
+import FilterBar from '../header/filter-bar.vue';
 import ReleaseTile from '../tile/release.vue';
 
-async function mounted() {
-    [this.actor] = await this.$store.dispatch('fetchActors', this.$route.params.actorSlug);
+async function fetchReleases() {
     this.releases = await this.$store.dispatch('fetchActorReleases', this.$route.params.actorSlug);
+}
+
+async function mounted() {
+    [[this.actor]] = await Promise.all([
+        this.$store.dispatch('fetchActors', this.$route.params.actorSlug),
+        this.fetchReleases(),
+    ]);
 
     this.pageTitle = this.actor.name;
 }
 
 export default {
     components: {
+        FilterBar,
         ReleaseTile,
     },
     data() {
@@ -82,6 +92,9 @@ export default {
         };
     },
     mounted,
+    methods: {
+        fetchReleases,
+    },
 };
 </script>