From 787ecc58a2b408eb7f128d2f01c1c7c5f1015b45 Mon Sep 17 00:00:00 2001 From: Franck Date: Wed, 23 Oct 2019 13:33:25 +0200 Subject: [PATCH 1/2] fix($default-theme): Fix deep sidebar links redenring --- .../theme-default/components/SidebarLink.vue | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/packages/@vuepress/theme-default/components/SidebarLink.vue b/packages/@vuepress/theme-default/components/SidebarLink.vue index 4efb0f2039..9e36419cf0 100644 --- a/packages/@vuepress/theme-default/components/SidebarLink.vue +++ b/packages/@vuepress/theme-default/components/SidebarLink.vue @@ -55,7 +55,7 @@ export default { } function renderLink (h, to, text, active, level) { - return h('router-link', { + const component = { props: { to, activeClass: '', @@ -64,11 +64,16 @@ function renderLink (h, to, text, active, level) { class: { active, 'sidebar-link': true - }, - style: { - 'padding-left': level + 'rem' } - }, text) + } + + if (level > 2) { + component.style = { + 'padding-left': level + 'rem' + } + } + + return h('router-link', component, text) } function renderChildren (h, children, path, route, maxDepth, depth = 1) { From 995bbfc4bfabbfdf1c7280c6c751f2d7a027cdb6 Mon Sep 17 00:00:00 2001 From: Franck Date: Wed, 23 Oct 2019 13:42:10 +0200 Subject: [PATCH 2/2] Fix: linter --- packages/@vuepress/theme-default/components/SidebarLink.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/@vuepress/theme-default/components/SidebarLink.vue b/packages/@vuepress/theme-default/components/SidebarLink.vue index 9e36419cf0..73fcd12e50 100644 --- a/packages/@vuepress/theme-default/components/SidebarLink.vue +++ b/packages/@vuepress/theme-default/components/SidebarLink.vue @@ -70,7 +70,7 @@ function renderLink (h, to, text, active, level) { if (level > 2) { component.style = { 'padding-left': level + 'rem' - } + } } return h('router-link', component, text)