<template>
  <v-container>
    <v-flex mb-4>
      <h1 class="display-2 font-weight-bold mb-3">Hello World!</h1>
      <p class="subheading font-weight-regular">
        App under development, please don't submit any valuable data!
      </p>
    </v-flex>
    <p>user session: {{ sessionID }}</p>
  </v-container>
</template>

<script>
import * as Cookies from 'js-cookie'
import axios from '@/plugins/axios'

export default {
  name: 'About',

  data: () => ({
    sessionID: ''
  }),

  mounted() {
    axios
      .post('/user/login', {
        session: Cookies.get('session')
      })
      .then(response => {
        this.sessionID = response.data.message
      })
  }
}
</script>
