|
|
|
|
@ -94,17 +94,6 @@
|
|
|
|
|
)
|
|
|
|
|
v-card.page-toc-card.mb-5(v-if='tocDecoded.length')
|
|
|
|
|
.overline.pa-5.pb-0(:class='$vuetify.theme.dark ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
|
|
|
|
|
v-list.pb-3(dense, nav, :class='$vuetify.theme.dark ? `darken-3-d3` : ``')
|
|
|
|
|
template(v-for='(tocItem, tocIdx) in tocDecoded')
|
|
|
|
|
v-list-item(@click='$vuetify.goTo(tocItem.anchor, scrollOpts)')
|
|
|
|
|
v-icon(color='grey', small) {{ $vuetify.rtl ? `mdi-chevron-left` : `mdi-chevron-right` }}
|
|
|
|
|
v-list-item-title.px-3 {{tocItem.title}}
|
|
|
|
|
//- v-divider(v-if='tocIdx < toc.length - 1 || tocItem.children.length')
|
|
|
|
|
template(v-for='tocSubItem in tocItem.children')
|
|
|
|
|
v-list-item(@click='$vuetify.goTo(tocSubItem.anchor, scrollOpts)')
|
|
|
|
|
v-icon.px-3(color='grey lighten-1', small) {{ $vuetify.rtl ? `mdi-chevron-left` : `mdi-chevron-right` }}
|
|
|
|
|
v-list-item-title.px-3.caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`') {{tocSubItem.title}}
|
|
|
|
|
//- v-divider(inset, v-if='tocIdx < toc.length - 1')
|
|
|
|
|
v-list.py-2(dense, nav, :class='$vuetify.theme.dark ? `darken-3-d3` : ``')
|
|
|
|
|
page-toc-item(
|
|
|
|
|
v-for='(item, idx) in tocDecoded'
|
|
|
|
|
|