DetailArea.vue

<template>
  <div>
    <div class="ui stackable grid">
      <div class="five wide column">
        <h3 class="ui header"><translate :translate-context="'Content/Library/Title'">Current library</translate></h3>
        <library-card :library="library" />
      </div>
    </div>
    <div class="ui hidden divider"></div>
    <slot></slot>
  </div>
</template>

<script>
import LibraryCard from './Card'

export default {
  props: ['library'],
  components: {
    LibraryCard
  },
  computed: {
    links () {
      let upload = this.$pgettext('Content/Library/Card.Button.Label/Verb', 'Upload')
      return [
        {
          name: 'libraries.detail.upload',
          label: upload
        }
      ]
    }
  }
}
</script>