Refactor some variable and method names

pages/courses/_course.vue

@@ -1,22 +1,11 @@
 <template>
-  <v-container>
+  <v-container fluid fill-height>
     <v-row>
       <v-col cols="12">
         <span class="text-h4">{{ title }}</span>
       </v-col>
-      <v-col cols="auto">
-        <v-btn depressed color="primary" @click="playVersus">Challenge Mode</v-btn>
-      </v-col>
-      <v-col cols="auto">
-        <v-btn depressed color="primary" @click="playCoop">Co-op Mode</v-btn>
-      </v-col>
-      <v-col cols="12">
-        <AddClosedEndedQuestion />
-      </v-col>
-      <v-col cols="12">
-        <AddOpenEndedQuestion />
-      </v-col>
     </v-row>
+    <NuxtChild />
   </v-container>
 </template>
 
@@ -35,16 +24,12 @@ export default {
   },
   created () {
     this.courseID = this.$route.params.course
-  },
-  methods: {
-    playVersus () {
-      // TODO
-      this.$toast({ content: 'Todo: Challenge Mode implementieren', color: 'info' })
-    },
-    playCoop () {
-      // TODO
-      this.$toast({ content: 'Todo: Co-op Mode implementieren', color: 'info' })
-    }
   }
 }
 </script>
+
+<style>
+.tete {
+  flex: 1 1 auto;
+}
+</style>

pages/index.vue

@@ -6,6 +6,8 @@
 
 <script>
 import { onAuthStateChanged } from 'firebase/auth'
+import { doc, getDoc } from 'firebase/firestore'
+import { UserConverter } from '~/plugins/user'
 
 export default {
   name: 'IndexPage',
@@ -17,15 +19,27 @@ export default {
     onAuthStateChanged(this.$auth, (user) => {
       this.$store.commit('initFirebase')
       if (user) {
-        // User is signed in; redirect to main page (dashboard)
-        this.$store.commit('setUserLoggedIn', true)
-        this.$router.push({ name: 'dashboard' })
+        // User is signed in; get user data from db, then redirect to main page (dashboard)
+        this.getUser()
       } else {
         // User is signed out; redirect to login page
-        this.$store.commit('setUserLoggedIn', false)
+        this.$store.commit('setUser', null)
         this.$router.push({ name: 'login' })
       }
     })
+  },
+  methods: {
+    getUser () {
+      const ref = doc(this.$db, `benutzer/${this.$auth.currentUser.uid}`).withConverter(UserConverter)
+      getDoc(ref).then((docSnap) => {
+        if (docSnap.exists()) {
+          this.$store.commit('setUser', docSnap.data())
+          this.$router.push({ name: 'dashboard' })
+        } else {
+          this.$toast({ content: 'Benutzer konnte in DB nicht gefunden werden!', color: 'error' })
+        }
+      })
+    }
   }
 }
 </script>