auth loader

src/components/Auth.vue

@@ -4,6 +4,10 @@ import 'firebase/compat/auth'
 import * as firebaseui from 'firebaseui'
 import 'firebaseui/dist/firebaseui.css'
 
+const props = defineProps<{
+  authenticating: boolean
+}>()
+
 const emit = defineEmits<{
   signedIn: [authResult: any]
 }>()
@@ -35,5 +39,6 @@ const uiConfig = {
 onMounted(() => ui.start('#auth', uiConfig))
 </script>
 <template>
-  <div id="auth"></div>
+  <div id="auth" v-show="!props.authenticating"></div>
+  <progress v-show="props.authenticating" class="progress progress-primary w-full"></progress>
 </template>