refactor: create ReportService, move tabs to component

1 files changed, 26 insertions, 0 deletions

diff --git a/src/BattleRoyaleTab.vue b/src/BattleRoyaleTab.vue
new file mode 100644
index 0000000..48d8b25
--- /dev/null
+++ b/src/BattleRoyaleTab.vue
@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <h2 class="title is-2">Battle Royale Hero Statistics</h2>
+    <report-table :report="report" :totalPicks="totalPicks"></report-table>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue';
+import ReportTable from './ReportTable.vue';
+
+export default Vue.component('battle-royale-tab', {
+  props: [ 'reportService' ],
+  data: function() {
+    return {
+      report: this.reportService.getReport('casual_aral'),
+      totalPicks: this.reportService.getTotalPicks('casual_aral'),
+    };
+  },
+  computed: {
+  },
+  components: {
+    ReportTable,
+  },
+});
+</script>