Pair summary -> script setup

src/components/ftbot/PairSummary.vue

@@ -25,12 +25,12 @@
   </b-list-group>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import { formatPercent, timestampms } from '@/shared/formatters';
 import { Lock, Trade } from '@/types';
 import TradeProfit from '@/components/ftbot/TradeProfit.vue';
 import ProfitPill from '@/components/general/ProfitPill.vue';
-import { defineComponent, computed } from 'vue';
+import { computed } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 
 interface CombinedPairList {
@@ -44,18 +44,14 @@ interface CombinedPairList {
   tradeCount: number;
 }
 
-export default defineComponent({
-  name: 'PairSummary',
-  components: { TradeProfit, ProfitPill },
-  props: {
+const props = defineProps({
   // TOOD: Should be string list
   pairlist: { required: true, type: Array as () => string[] },
   currentLocks: { required: false, type: Array as () => Lock[], default: () => [] },
   trades: { required: true, type: Array as () => Trade[] },
   sortMethod: { default: 'normal', type: String },
   backtestMode: { required: false, default: false, type: Boolean },
-  },
-  setup(props) {
+});
 const botStore = useBotStore();
 const combinedPairList = computed(() => {
   const comb: CombinedPairList[] = [];
@@ -133,13 +129,6 @@ export default defineComponent({
     },
   ];
 });
-    return {
-      combinedPairList,
-      tableFields,
-      botStore,
-    };
-  },
-});
 </script>
 
 <style scoped>