Join Table Name & formatted results with export

src/views/admin/club/query/Builder.vue

@@ -13,7 +13,7 @@
           @query:run="sendQuery"
           @query:save="triggerSave"
           @results:clear="clearResults"
-          @results:export=""
+          @results:export="exportData"
         />
         <p>Ergebnisse:</p>
         <div
@@ -47,7 +47,7 @@
           :indicateLoading="loadingData == 'loading'"
           @load-data="(offset, count) => sendQuery(offset, count)"
         >
-          <template #pageRow="{ row }: { row: { id: number; [key: string]: any } }">
+          <template #pageRow="{ row }: { row: { id: FieldType; [key: string]: FieldType } }">
             <p>{{ row }}</p>
           </template>
         </Pagination>
@@ -63,7 +63,7 @@ import MainTemplate from "@/templates/Main.vue";
 import Pagination from "@/components/Pagination.vue";
 import { useQueryBuilderStore } from "@/stores/admin/queryBuilder";
 import BuilderHost from "../../../../components/queryBuilder/BuilderHost.vue";
-import type { DynamicQueryStructure } from "@/types/dynamicQueries";
+import type { DynamicQueryStructure, FieldType } from "@/types/dynamicQueries";
 import { useQueryStoreStore } from "@/stores/admin/queryStore";
 </script>
 
@@ -77,7 +77,7 @@ export default defineComponent({
     this.fetchTableMetas();
   },
   methods: {
-    ...mapActions(useQueryBuilderStore, ["fetchTableMetas", "sendQuery", "clearResults"]),
+    ...mapActions(useQueryBuilderStore, ["fetchTableMetas", "sendQuery", "clearResults", "exportData"]),
     ...mapActions(useQueryStoreStore, ["triggerSave"]),
   },
 });