1 files changed, 25 insertions, 0 deletions
diff --git a/app/assets/javascripts/content_editor/components/wrappers/table_of_contents_heading.vue b/app/assets/javascripts/content_editor/components/wrappers/table_of_contents_heading.vue
new file mode 100644
index 00000000000..edd75d232e8
--- /dev/null
+++ b/app/assets/javascripts/content_editor/components/wrappers/table_of_contents_heading.vue
@@ -0,0 +1,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>