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>