<template>
  <v-layout
    column
    justify-center
    align-center
  >
    <v-flex
      xs12
      sm8
      md1
    >
      <div v-if="!me">
        Do login
      </div>
      <div v-else>
        {{me.username}}님 환영합니다
        <v-data-table
          :headers="headers"
          :items="files"
          :items-per-page="10"
          class="elevation-1"
        />
      </div>
    </v-flex>
  </v-layout>
</template>

<script>
  import Navbar from "../components/Navbar";

  export default {
    name: "home",
    components: {Navbar},
    data() {
      return {
        headers: [
          {
            text: '이름',
          }, {
            text: '수정한 날짜',
          }, {
            text: '공유',
          }, {
            text: '크기',
          }
        ],
        files: []
      }
    },
    computed: {
      me() {
        return this.$store.state.user.me;
      }
    }
  }
</script>