<template>
  <li class="sub_article">
    <span class="sub_article_header"><a :href="body.article_id">{{body.lemmas[0]}}</a></span>
    <ul>
      <DefElement :body="body.intro" v-if="body.intro" />
      <Definition :body="body.article.body.definitions[0]" />
    </ul>
  </li>
</template>

<script>
import DefElement from './DefElement.vue'

export default {
  name: 'SubArticle',
  props: {
    body: Object
  },
  components: {
    DefElement
  },
  beforeCreate: function () {
    this.$options.components.Definition = require('./Definition.vue').default
  }
}

</script>
<style scoped>
.sub_article_header {
  font-weight: bold;
}

li.sub_article {
  padding-top: 8px;
}

li.sub_article ul {
  padding-top: 0px;
}

li.sub_article ul li {
  list-style: none;
}

</style>