mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-11-24 19:59:02 +08:00
docs: enable linkGroups to have links, too
This commit is contained in:
parent
3f3ce1d8d4
commit
85556fc428
4
docs/src/docPages/community.md
Normal file
4
docs/src/docPages/community.md
Normal file
@ -0,0 +1,4 @@
|
||||
# Community
|
||||
* GitHub https://github.com/ueberdosis/tiptap-next
|
||||
* Discord https://discord.gg/WtJ49jGshW
|
||||
* Twitter https://twitter.com/tiptap_editor
|
@ -57,42 +57,52 @@
|
||||
<portal :to="sidebarPortal" v-if="showSidebar">
|
||||
<nav class="app__sidebar-menu">
|
||||
<div class="app__link-group" v-for="(linkGroup, i) in linkGroups" :key="i">
|
||||
<div class="app__link-group-title">
|
||||
{{ linkGroup.title }}
|
||||
</div>
|
||||
<ul class="app__link-list">
|
||||
<li v-for="(item, j) in linkGroup.items" :key="j">
|
||||
<g-link
|
||||
:class="{
|
||||
'app__link': true,
|
||||
'app__link--exact': $router.currentRoute.path === item.link,
|
||||
'app__link--active': $router.currentRoute.path.startsWith(item.link),
|
||||
[`app__link--${item.type}`]: item.type !== null,
|
||||
'app__link--with-children': !!item.items
|
||||
}"
|
||||
:to="item.redirect || item.link"
|
||||
>
|
||||
{{ item.title }}
|
||||
</g-link>
|
||||
<template v-if="linkGroup.link && !linkGroup.items">
|
||||
<g-link
|
||||
class="app__link-group__link"
|
||||
:to="linkGroup.redirect || linkGroup.link"
|
||||
>
|
||||
{{ linkGroup.title }}
|
||||
</g-link>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="app__link-group-title">
|
||||
{{ linkGroup.title }}
|
||||
</div>
|
||||
<ul class="app__link-list">
|
||||
<li v-for="(item, j) in linkGroup.items" :key="j">
|
||||
<g-link
|
||||
:class="{
|
||||
'app__link': true,
|
||||
'app__link--exact': $router.currentRoute.path === item.link,
|
||||
'app__link--active': $router.currentRoute.path.startsWith(item.link),
|
||||
[`app__link--${item.type}`]: item.type !== null,
|
||||
'app__link--with-children': !!item.items
|
||||
}"
|
||||
:to="item.redirect || item.link"
|
||||
>
|
||||
{{ item.title }}
|
||||
</g-link>
|
||||
|
||||
<ul v-if="item.items" class="app__link-list">
|
||||
<li v-for="(item, k) in item.items" :key="k">
|
||||
<g-link
|
||||
:class="{
|
||||
'app__link': true,
|
||||
'app__link--exact': $router.currentRoute.path === item.link,
|
||||
'app__link--active': $router.currentRoute.path.startsWith(item.link),
|
||||
[`app__link--${item.type}`]: item.type !== null,
|
||||
}"
|
||||
:to="item.link"
|
||||
exact
|
||||
>
|
||||
{{ item.title }}
|
||||
</g-link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul v-if="item.items" class="app__link-list">
|
||||
<li v-for="(item, k) in item.items" :key="k">
|
||||
<g-link
|
||||
:class="{
|
||||
'app__link': true,
|
||||
'app__link--exact': $router.currentRoute.path === item.link,
|
||||
'app__link--active': $router.currentRoute.path.startsWith(item.link),
|
||||
[`app__link--${item.type}`]: item.type !== null,
|
||||
}"
|
||||
:to="item.link"
|
||||
exact
|
||||
>
|
||||
{{ item.title }}
|
||||
</g-link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
||||
</div>
|
||||
</nav>
|
||||
</portal>
|
||||
|
@ -1,3 +1,13 @@
|
||||
# - title: Documentation
|
||||
# link: introduction
|
||||
# - title: Examples
|
||||
# link: /examples
|
||||
# redirect: /examples/default
|
||||
# - title: Community
|
||||
# link: community
|
||||
# - title: Sponsor
|
||||
# link: https://github.com/ueberdosis/sponsor
|
||||
|
||||
- title: Overview
|
||||
items:
|
||||
- title: Installation
|
||||
|
Loading…
Reference in New Issue
Block a user