wip

src/App.vue

@@ -1,28 +1,28 @@
 <template>
-  <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <div id="app" class="py-10">
+    <div class="max-w-6xl mx-auto px-4">
+      <TalksTable :data="data"/>
+    </div>
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import data from '@/data'
+import TalksTable from '@/components/TalksTable'
 
 export default {
   name: 'app',
+
   components: {
-    HelloWorld
+    TalksTable
+  },
+
+  data () {
+    return {
+      data
+    }
   }
 }
 </script>
 
-<style>
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>
+<style src="@/assets/css/tailwind.css"></style>