<template>
  <li class="example">
      <ul>
        <DefElement :body="body.quote" :class="'quote'" @article-click="article_link_click" />
        <DefElement :body="body.explanation" v-if="body.explanation" @article-click="article_link_click" />
      </ul>
  </li>
</template>

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

export default {
  name: 'Example',
  props: {
    body: Object
  },
  components: {
    DefElement
  },
  methods: {
    article_link_click: function(item) {
      this.$emit('article-click', item)
    }
  }
}

</script>
<style scoped>
ul {
    padding-left: 0px;
}
</style>