centralize init of authstore

Author: NiloCK

packages/standalone-ui/src/components/CourseHeader.vue

@@ -34,19 +34,10 @@ const props = defineProps<{
 
 const { mobile } = useDisplay();
 const isMobile = computed(() => mobile.value);
-const authStore = useAuthStore();
 
 const menuItems = ref([
   { text: 'Home', path: '/' },
   { text: 'Study', path: '/study' },
   { text: 'Progress', path: '/progress' },
 ]);
-
-onMounted(async () => {
-  // Initialize the auth store with the user database if not already done
-  if (!authStore.isInitialized) {
-    const userDB = getDataLayer().getUserDB();
-    await authStore.init();
-  }
-});
 </script>

packages/standalone-ui/src/main.ts

@@ -16,6 +16,9 @@ import { aliases, mdi } from 'vuetify/iconsets/mdi';
 // data layer
 import { initializeDataLayer } from '@vue-skuilder/db';
 
+// auth store
+import { useAuthStore } from '@vue-skuilder/common-ui';
+
 (async () => {
   await initializeDataLayer({
     type: 'pouch',
@@ -51,5 +54,7 @@ import { initializeDataLayer } from '@vue-skuilder/db';
   const { piniaPlugin } = await import('@vue-skuilder/common-ui');
   app.use(piniaPlugin, { pinia });
 
+  await useAuthStore().init();
+
   app.mount('#app');
 })();

packages/standalone-ui/src/views/HomeView.vue

@@ -32,12 +32,4 @@ const authStore = useAuthStore();
 const authDialogOpen = ref(false);
 
 const isLoggedIn = computed(() => authStore.isLoggedIn);
-
-onMounted(async () => {
-  // Initialize the auth store with the user database
-  if (!authStore.isInitialized) {
-    const userDB = getDataLayer().getUserDB();
-    await authStore.init(userDB);
-  }
-});
 </script>