add new openDatabse function

src/vueLib/tables/responsible/ResponsibleTable.vue

@@ -108,12 +108,12 @@ import type { Members } from 'src/vueLib/models/member';
 import OkDialog from 'src/components/dialog/OkDialog.vue';
 import { useNotify } from 'src/vueLib/general/useNotify';
 import { useResponsibleTable } from './ResponsibleTable';
-import { databaseName } from 'src/vueLib/models/settings';
 import { useUserStore } from 'src/vueLib/login/userStore';
 import { i18n } from 'src/boot/lang';
 import type { Responsible, Responsibles } from 'src/vueLib/models/responsible';
 import SearchableInput from '../components/SearchableInput.vue';
 import TopButtonGroup from '../components/TopButtonGroup.vue';
+import { openDatabase } from 'src/vueLib/components/DatabaseCall';
 
 const { NotifyResponse } = useNotify();
 const responsibleDialog = ref();
@@ -129,11 +129,10 @@ const { responsibleMember, pagination, loading, columns, updateResponsibles } =
   useResponsibleTable();
 
 //load on mounting page
-onMounted(() => {
+onMounted(async () => {
   loading.value = true;
 
-  appApi
-    .post('database/open', { dbPath: databaseName.value, create: true })
+  await openDatabase()
     .then(() => {
       updateResponsibles().catch((err) => {
         NotifyResponse(err, 'error');