Move query get/set into mixin

1 files changed, 2 insertions, 11 deletions

diff --git a/src/HeroDraftGrid.vue b/src/HeroDraftGrid.vue
index a130218..48dd466 100644
--- a/src/HeroDraftGrid.vue
+++ b/src/HeroDraftGrid.vue
@@ -27,10 +27,12 @@
 import Vue from 'vue';
 import TalentImage from './TalentImage.vue';
 import HeroImage from './HeroImage.vue';
+import RouterParamMixin from './RouterParamMixin.js';
 import * as maps from './maps/maps';
 
 export default Vue.component('hero-draft-grid', {
   props: [ 'reportService' ],
+  mixins: [ RouterParamMixin ],
   data: function() {
     return {
       actors: this.reportService.getActors(),
@@ -38,17 +40,6 @@ export default Vue.component('hero-draft-grid', {
       getTalentName: maps.getTalentName,
     };
   },
-  computed: {
-    selectedActor: {
-      get: function() {
-        return this.$route.query.actor;
-      },
-      set: function(value) {
-        const query = Object.assign({}, this.$route.query, { actor: value });
-        this.$router.push({ query });
-      },
-    },
-  },
   components: {
     TalentImage,
     HeroImage,