add title to every page

src/pages/EventsTable.vue

@@ -1,21 +1,11 @@
 <template>
   <q-page>
+    <h4 class="text-primary text-bold text-center">{{ $t('events') }}</h4>
+
     <EventsTable />
-    <DialogFrame ref="dialog" header-title="Test Frame">
-      <EventsTable ref="EventDialog" />
-    </DialogFrame>
-    <DialogFrame ref="uploadDialog" header-title="Test Frame">
-      <EventsTable ref="EventDialog" />
-    </DialogFrame>
   </q-page>
 </template>
 
 <script setup lang="ts">
 import EventsTable from 'src/vueLib/tables/events/EventsTable.vue';
-import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
-import { ref } from 'vue';
-import type { EventDialog } from 'src/vueLib/tables/events/EventsTable.vue';
-
-const dialog = ref();
-const EventDialog = ref<EventDialog>();
 </script>

src/pages/MembersTable.vue

@@ -1,5 +1,6 @@
 <template>
   <q-page>
+    <h4 class="text-primary text-bold text-center">{{ $t('members') }}</h4>
     <MembersTable />
   </q-page>
 </template>

src/pages/ResponsibleTable.vue

@@ -1,28 +1,11 @@
 <template>
   <q-page>
+    <h4 class="text-primary text-bold text-center">{{ $t('responsibles') }}</h4>
+
     <ResponsibleTable />
-    <DialogFrame ref="dialog" header-title="Test Frame">
-      <ResponsibleTable ref="memberDialog" />
-      <q-btn @click="getSelection">Get Selected</q-btn>
-    </DialogFrame>
-    <DialogFrame ref="uploadDialog" header-title="Test Frame">
-      <ResponsibleTable ref="memberDialog" />
-      <q-btn @click="getSelection">Get Selected</q-btn>
-    </DialogFrame>
   </q-page>
 </template>
 
 <script setup lang="ts">
 import ResponsibleTable from 'src/vueLib/tables/responsible/ResponsibleTable.vue';
-import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
-import { ref } from 'vue';
-import type { MemberDialog } from 'src/vueLib/tables/members/MembersTable.vue';
-import type { Members } from 'src/vueLib/models/member';
-
-const dialog = ref();
-const memberDialog = ref<MemberDialog>();
-
-function getSelection(): Members {
-  return memberDialog.value?.getSelected() || [];
-}
 </script>

src/pages/UserSettings.vue

@@ -1,4 +1,6 @@
 <template>
+  <h4 class="text-primary text-bold text-center">{{ $t('userSettings') }}</h4>
+
   <div class="q-pa-md">
     <div class="q-gutter-y-md">
       <q-card>

src/vueLib/tables/members/MembersTable.vue

@@ -403,7 +403,6 @@ function setColumnOptions(columnName: string) {
 
 async function filterMembers(field: string, ...keys: string[]) {
   setNewFilter(field, ...keys);
-  console.log(66, page.value);
   setLocalPageDefaults(page.value, field, keys);
   await updateMembers();
 }