GroupExportData Component

frontend/components/Domain/Group/GroupExportData.vue

@@ -20,18 +20,14 @@
   </v-data-table>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import { parseISO, formatDistanceToNow } from "date-fns";
 import type { GroupDataExport } from "~/lib/api/types/group";
 
-export default defineNuxtComponent({
-  props: {
-    exports: {
-      type: Array as () => GroupDataExport[],
-      required: true,
-    },
-  },
-  setup() {
+defineProps<{
+  exports: GroupDataExport[];
+}>();
+
 const i18n = useI18n();
 
 const headers = [
@@ -53,12 +49,4 @@ export default defineNuxtComponent({
 function downloadData(_: any) {
   console.log("Downloading data...");
 }
-
-    return {
-      downloadData,
-      headers,
-      getTimeToExpire,
-    };
-  },
-});
 </script>