Navigation on page

[asvae]

All of our competitors have some sort of navigation on the page and I can see a lot of value from it going forward.

• [ ] Implement right panel navigation
• [ ] subtitles should have indentation (or whatever's in design)
• [ ] If page doesn't have multiple titles/subtitles - we can hide the panel. (DO WE WANT THIS?)

Refs

• vuetify
• quasar
• naiveui

[asvae]

We thought to do a separate component for this, it's unclear implementation wise though.

Maybe we can do this data driven way. If not - we can always retort to direct dom checking. Also please check refs (all frameworks are doing that) as to not to reinvent a wheel.

[aluarius]

After research i suggest the following:

• user-end component is redundant (because dom parsing looks doubtful but without it this component makes no sense);
• other ui frameworks don't have it as well (seems to have low value).

Implementation notes:

• we can implement user-end directive intersection observer which will be useful to track current active toc item (https://quasar.dev/vue-directives/intersection & https://vuetifyjs.com/en/directives/intersect/);
• the rest of implementation will consist of design, data forming (via docs-headline components) and rendering via v-for + intersection observer (docs pages are already contain anchors for transition);
• just in case table of contents will be hiding on pages without subtitles (but, honestly, we haven't got such pages).

Code refs:

• https://davidparks.dev/blog/nuxt-table-of-contents-with-active-states/
• https://github.com/vuetifyjs/vuetify/blob/545b38cd332ed9d9cd094b258c57aef1201def3c/packages/docs/src/layouts/default/Toc.vue
• https://github.com/quasarframework/quasar/blob/78df1f4939936fdbf591d90addf950a8f42e665b/docs/src/layouts/doc-layout/use-toc.js

@xx13 we need design for this (including mobile begaviour).

Refs:

• https://vuetifyjs.com/en/getting-started/installation/#vue-cli-install
• https://quasar.dev/layout/layout#qlayout-api
• https://www.naiveui.com/en-US/os-theme/docs/umd
• https://www.antdv.com/components/divider