app/assets/javascripts/content_editor/components/wrappers/table_of_contents_heading.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<script>
export default {
  name: 'TableOfContentsHeading',
  props: {
    heading: {
      type: Object,
      required: true,
    },
  },
};
</script>
<template>
  <li>
    <a v-if="heading.text" href="#" @click.prevent>
      {{ heading.text }}
    </a>
    <ul v-if="heading.subHeadings.length">
      <table-of-contents-heading
        v-for="(child, index) in heading.subHeadings"
        :key="index"
        :heading="child"
      />
    </ul>
  </li>
</template>