single firebaseui import

src/App.vue

@@ -2,11 +2,16 @@
 import { activeNote, updateNote } from '@/composables/useNotes'
 import { viewModes, activeViewMode } from '@/composables/useViewMode'
 import { initialized } from '@/composables/useFirebase'
+import firebase from 'firebase/compat/app'
+import * as firebaseui from 'firebaseui'
 const sideBarCollapsed = ref(false)
 
 const Note = defineAsyncComponent(() => import('@/components/ViewModes/Note.vue'))
 const ListView = defineAsyncComponent(() => import('@/components/ViewModes/ListView.vue'))
 const Mindmap = defineAsyncComponent(() => import('@/components/ViewModes/Mindmap.vue'))
+
+const firebaseAuthUI = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebase.auth())
+provide('firebaseAuthUI', firebaseAuthUI)
 </script>
 
 <template>