diff options
Diffstat (limited to 'content/frontend/default/components/table_of_contents_list.vue')
-rw-r--r-- | content/frontend/default/components/table_of_contents_list.vue | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/content/frontend/default/components/table_of_contents_list.vue b/content/frontend/default/components/table_of_contents_list.vue new file mode 100644 index 00000000..98fb8599 --- /dev/null +++ b/content/frontend/default/components/table_of_contents_list.vue @@ -0,0 +1,19 @@ +<script> +export default { + name: 'TableOfContentsList', + props: { + items: { + type: Array, + required: true, + }, + }, +}; +</script> +<template> + <ul class="nav nav-pills flex-column"> + <li v-for="(item, index) in items" :key="`${item.text}_${index}`"> + <a :id="item.id" class="nav-link" :href="item.href">{{ item.text }}</a> + <table-of-contents-list v-if="item.items && item.items.length" :items="item.items" /> + </li> + </ul> +</template> |