Add column to main view

src/components/Main.vue

@@ -1,18 +1,43 @@
 <template>
   <div id="main">
-    <!-- 仮置き -->
+    <!-- idを渡してそのIDのTL情報をとってきてもらうつもり -->
-    <p>Main View</p>
+    <Column v-for="id in timelines" :key="id" :id="id"/>
   </div>
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator'
+import { Component, Prop, Vue } from 'vue-property-decorator'
+
+// import Column from '@/components/Timeline/Column.vue'
+
+interface TimelineDoc {
+  _id: string
+  name: string
+  type: string
+}
 
 @Component({
   components: {
+    //Column,
   }
 })
 export default class Main extends Vue {
+  @Prop() public initTimeline?: TimelineDoc
+
+  public timelines: string[] = []
+
+  beforeDestroy() {
+    // this.timelines を LocalStorage とかに保持させる
+  }
+
+  created() {
+    if (this.initTimeline === undefined) {
+      // LocalStorage から this.timelines に順番を入れる
+      return
+    }
+
+    this.timelines.push(this.initTimeline._id)
+  }
 }
 </script>