From e99078b5c5de4834f5871ad778e957bca2f45e5e Mon Sep 17 00:00:00 2001
From: Leon Xu <dcwinfield362@gmail.com>
Date: Fri, 31 Dec 2021 12:11:09 -0800
Subject: [PATCH] doc: import ref, supabase, and store and set them up

---
 src/App.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6b72442..335c7ce 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-full font-Poppins box-border">
+  <div v-if="appReady" class="min-h-full font-Poppins box-border">
     <Navigation />
     <router-view />
   </div>
@@ -7,21 +7,32 @@
 
 <script>
 import Navigation from "./components/Navigation.vue";
+import { ref } from "vue";
+import { supabase } from "./supabase/init";
+import store from "./store/index";
 export default {
   components: {
     Navigation,
   },
   setup() {
     // Create data / vars
+    const appReady = ref(null);
 
     // Check to see if user is already logged in
+    const user = supabase.auth.user();
 
     // If user does not exist, need to make app ready
+    if (!user) {
+      appReady.value = true;
+    }
 
     // Runs when there is a auth state change
     // if user is logged in, this will fire
-
-    return {};
+    supabase.auth.onAuthStateChange((_, session) => {
+      store.methods.setUser(session);
+      appReady.value = true;
+    });
+    return { appReady };
   },
 };
 </script>