Move query get/set into mixin

1 files changed, 4 insertions, 10 deletions

diff --git a/src/HeroTalentTable.vue b/src/HeroTalentTable.vue
index 881d441..fee687e 100644
--- a/src/HeroTalentTable.vue
+++ b/src/HeroTalentTable.vue
@@ -29,22 +29,21 @@
 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-talent-table', {
   props: [ 'reportService' ],
+  mixins: [ RouterParamMixin ],
   data: function() {
     return {
-      totalPicks: this.reportService.getTotalPicks('casual_aral'),
       getHero: maps.getHero,
       getTalentName: maps.getTalentName,
     };
   },
   computed: {
-    selectedMode: {
-      get: function() {
-        return this.$route.query.mode;
-      },
+    totalPicks: function() {
+      return this.reportService.getTotalPicks(this.selectedMode);
     },
     heroReport: function() {
       return this.reportService.getReport(this.selectedMode)
@@ -55,11 +54,6 @@ export default Vue.component('hero-talent-table', {
         .map((entry) => entry.Count)
         .reduce((agg, cur) => agg + cur, 0);
     },
-    selectedActor: {
-      get: function() {
-        return this.$route.query.actor;
-      },
-    },
   },
   components: {
     TalentImage,