botControls to typescript

src/components/ftbot/BotControls.vue

@@ -17,27 +17,30 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
-import { mapActions, mapState } from 'vuex';
+import { Component, Vue } from 'vue-property-decorator';
+import { namespace } from 'vuex-class';
+import { BotState } from '@/store/types';
 import ForceBuyForm from './ForceBuyForm.vue';
 
-export default {
+const ftbot = namespace('ftbot');
-  name: 'BotControls',
+
-  components: { ForceBuyForm },
+@Component({ components: { ForceBuyForm } })
-  computed: {
+export default class BotControls extends Vue {
-    ...mapState('ftbot', ['botState']),
+  forcebuyShow = false;
-  },
+
-  data() {
+  @ftbot.State botState: BotState;
-    return {
+
-      forcebuyShow: false,
+  @ftbot.Action startBot;
-    };
+
-  },
+  @ftbot.Action stopBot;
-  methods: {
+
-    ...mapActions('ftbot', ['startBot', 'stopBot', 'stopBuy', 'reloadConfig']),
+  @ftbot.Action stopBuy;
-    initiateForcebuy() {
+
-      console.log('Forcebuy started');
+  @ftbot.Action reloadConfig;
-      this.$bvModal.show('forcebuy-modal');
+
-    },
+  initiateForcebuy() {
-  },
+    this.$bvModal.show('forcebuy-modal');
-};
+  }
+}
 </script>

src/components/ftbot/BotStatus.vue

@@ -36,7 +36,7 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
 import { namespace } from 'vuex-class';
-import BotState from '@/store/types';
+import { BotState } from '@/store/types';
 
 const ftbot = namespace('ftbot');