add new openDatabse function

src/vueLib/tables/events/EventsTable.vue

@@ -123,13 +123,13 @@ import EditAllDialog from 'src/components/EventEditAllDialog.vue';
 import OkDialog from 'src/components/dialog/OkDialog.vue';
 import { useNotify } from 'src/vueLib/general/useNotify';
 import { useEventTable } from './EventsTable';
-import { databaseName } from 'src/vueLib/models/settings';
 import { useUserStore } from 'src/vueLib/login/userStore';
 import AttendeesTableDialog from '../attendees/AttendeesTableDialog.vue';
 import type { Members } from 'src/vueLib/models/member';
 import { i18n } from 'src/boot/lang';
 import SearchableInput from '../components/SearchableInput.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
+import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 export interface EventDialog {
   getSelected: () => Events;
@@ -150,11 +150,10 @@ const user = useUserStore();
 const { Events, pagination, loading, columns, updateEvents } = useEventTable();
 
 //load on mounting page
-onMounted(() => {
+onMounted(async () => {
   loading.value = true;
 
-  appApi
-    .post('database/open', { dbPath: databaseName.value, create: true })
+  await openDatabase()
     .then(() => {
       updateEvents();
     })