From 166eef6a93fe42e77adfe665d87e96591f852ee7 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Fri, 15 Apr 2022 19:57:17 +0200
Subject: [PATCH] composition: botstatus

---
 src/components/ftbot/BotStatus.vue | 33 +++++++++++++++++-------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/components/ftbot/BotStatus.vue b/src/components/ftbot/BotStatus.vue
index ac119ff9..bd00e8b0 100644
--- a/src/components/ftbot/BotStatus.vue
+++ b/src/components/ftbot/BotStatus.vue
@@ -39,25 +39,30 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-import { namespace } from 'vuex-class';
-import { BotState, ProfitInterface } from '@/types';
 import { BotStoreGetters } from '@/store/modules/ftbot';
 
 import { formatPercent } from '@/shared/formatters';
 import DateTimeTZ from '@/components/general/DateTimeTZ.vue';
 import StoreModules from '@/store/storeSubModules';
 
-const ftbot = namespace(StoreModules.ftbot);
+import { defineComponent } from '@vue/composition-api';
+import { useNamespacedGetters } from 'vuex-composition-helpers';
 
-@Component({ components: { DateTimeTZ } })
-export default class BotStatus extends Vue {
-  @ftbot.Getter [BotStoreGetters.version]: string;
-
-  @ftbot.Getter [BotStoreGetters.profit]: ProfitInterface | {};
-
-  @ftbot.Getter [BotStoreGetters.botState]?: BotState;
-
-  formatPercent = formatPercent;
-}
+export default defineComponent({
+  name: 'BotStatus',
+  components: { DateTimeTZ },
+  setup() {
+    const { version, profit, botState } = useNamespacedGetters(StoreModules.ftbot, [
+      BotStoreGetters.version,
+      BotStoreGetters.profit,
+      BotStoreGetters.botState,
+    ]);
+    return {
+      version,
+      profit,
+      botState,
+      formatPercent,
+    };
+  },
+});
 </script>