FIX: FireStoreからしゅとくする

Author: NEKOYASAN

src/components/StudyCard.vue

@@ -49,8 +49,8 @@ export default {
   },
   props: {
     schooltime: {
-      type: String,
-      default: '1',
+      type: Number,
+      default: 1,
     },
     realtime: {
       type: String,

src/pages/index.vue

@@ -1,36 +1,17 @@
 <template>
   <div class="MainPage">
     <v-row class="DataBlock">
-      <v-col cols="12" md="6">
+      <v-col
+        v-for="(item, i) in classData.classData.Lessons['2020-04-04']"
+        :key="i"
+        cols="12"
+        md="6"
+      >
         <StudyCard
-          schooltime="1"
-          realtime="9:00 - 10:00"
-          :content="classData.classData.Lessons['2020-04-04'][0].Content"
-          subject="国語"
-        />
-      </v-col>
-      <v-col cols="12" md="6">
-        <StudyCard
-          schooltime="2"
-          realtime="10:00 - 11:00"
-          content="Stess"
-          subject="算数"
-        />
-      </v-col>
-      <v-col cols="12" md="6">
-        <StudyCard
-          schooltime="3"
-          realtime="12:00 - 13:00"
-          content="test"
-          subject="理科"
-        />
-      </v-col>
-      <v-col cols="12" md="6">
-        <StudyCard
-          schooltime="4"
-          realtime="14:00 - 15:00"
-          content="内容（4時間目！！！！！）"
-          subject="社会"
+          :schooltime="i + 1"
+          :realtime="item.realTime"
+          :content="item.Content"
+          :subject="item.Subject"
         />
       </v-col>
     </v-row>