optimize open database calls

src/vueLib/tables/responsible/ResponsibleTable.vue

@@ -101,7 +101,7 @@
 
 <script setup lang="ts">
 import { appApi } from 'src/boot/axios';
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import DialogFrame from 'src/vueLib/dialog/DialogFrame.vue';
 import MembersTable from '../members/MembersTable.vue';
 import type { Members } from 'src/vueLib/models/member';
@@ -113,7 +113,6 @@ 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();
@@ -128,21 +127,8 @@ const user = useUserStore();
 const { responsibleMember, pagination, loading, columns, updateResponsibles } =
   useResponsibleTable();
 
-//load on mounting page
 onMounted(async () => {
-  loading.value = true;
-
-  await openDatabase()
-    .then(() => {
-      updateResponsibles().catch((err) => {
-        NotifyResponse(err, 'error');
-      });
-    })
-    .catch((err) => NotifyResponse(err, 'error'))
-
-    .finally(() => {
-      loading.value = false;
-    });
+  await updateResponsibles();
 });
 
 //opens dialog for one value