<template>
  <p>{{ currentUser.name }}</p>
</template>

<script>
import {mapGetters} from 'vuex';

export default {
  name: 'HeaderCustomContent',
  methods: {
    ...mapGetters([
      'getCurrentUser',
    ]),
  },
  computed: {
    currentUser() {
      return this.getCurrentUser();
    },
  },
};
</script>

<style lang="scss" scoped>
  p {
    margin-right: 30px;
    font-size: 12px;
    border-right: 1px solid #D5DCE0;
    padding: 10px 30px;
  }
</style>
