fix($default-theme): deep sidebar links rendenring (#1973)

vuejs · Oct 26, 2019 · 0e5519a · 0e5519a
1 parent 98977c9
commit 0e5519a
Showing 1 changed file with 9 additions and 4 deletions.
diff --git 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: {
+    }
+  }
+
+  if (level > 2) {
+    component.style = {
       'padding-left': level + 'rem'
     }
-  }, text)
+  }
+
+  return h('router-link', component, text)
 }
 
 function renderChildren (h, children, path, route, maxDepth, depth = 1) {