From 67cc06abdfff724659a6ebbf12ef84d2833c6d4f Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Fri, 25 Mar 2022 16:05:38 +0100
Subject: [PATCH] updated MatchesTable.vue

---
 src/components/MatchesTable.vue | 50 +++++++++------------------------
 1 file changed, 14 insertions(+), 36 deletions(-)

diff --git a/src/components/MatchesTable.vue b/src/components/MatchesTable.vue
index f499538..ed44933 100644
--- a/src/components/MatchesTable.vue
+++ b/src/components/MatchesTable.vue
@@ -226,7 +226,7 @@
   </div>
 </template>
 
-<script>
+<script setup lang="ts">
 import {
   DisplayRank,
   FixMapName,
@@ -238,42 +238,20 @@ import {
   GetWinLoss,
   GoToMatch,
   MatchNotParsedTime,
-} from "/src/utils";
+} from "@/utils";
+import { defineProps } from "vue";
+import type { Match } from "@/types";
 
-export default {
-  name: "MatchesTable",
-  props: {
-    colorFront: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    matches: {
-      type: Array,
-      required: false,
-    },
-    explore: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  setup(props) {
-    return {
-      props,
-      FormatDate,
-      FormatFullDate,
-      FormatDuration,
-      FormatFullDuration,
-      GetHLTV_1,
-      GetWinLoss,
-      GoToMatch,
-      MatchNotParsedTime,
-      DisplayRank,
-      FixMapName,
-    };
-  },
-};
+interface Props {
+  colorFront?: boolean;
+  matches?: Match[];
+  explore?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  colorFront: false,
+  explore: false,
+});
 </script>
 
 <style lang="scss" scoped>