Merge branch 'release/v2.0.8' into main

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 2.0.8 - 2021-04-07
+### Added
+- Added `smallerSidebarHeadings` and `widerSidebar` theme config settings that can be enabled to improve class reference sidebar menu headings. [#24](https://github.com/pixelandtonic/vuepress-theme-craftdocs/issues/24)
+
+### Changed
+- Updated dependencies to resolve security issues.
+
 ## 2.0.7 - 2020-09-18
 ### Changed
 - Updated package requirements to resolve security issues.

README.md

@@ -7,6 +7,7 @@ It makes the following changes over the default VuePress theme:
 - Adds support for [code language toggles](#code-toggles) and [split page views](#split-views).
 - Disables [interpolation](https://vuepress.vuejs.org/guide/using-vue.html#interpolation) for all inline `<code>` tags.
 - Improves `<table>` styling.
+- Adds `themeConfig` options to tweak sidebar sizing: `smallerSidebarHeadings` and `widerSidebar`. (Each `false` by default.)
 
 ## Setup
 

enhanceApp.js

@@ -30,6 +30,8 @@ export default ({ Vue, options, router, siteData }) => {
   Object.assign(options, {
     data: {
       codeLanguage: null,
+      smallerSidebarHeadings: false,
+      widerSidebar: false,
     },
 
     store: new Vuex.Store({

layouts/Layout.vue

@@ -83,6 +83,20 @@ export default {
       );
     },
 
+    hasSmallerSidebarHeadings() {
+      const { themeConfig } = this.$site;
+      return (
+        themeConfig.smallerSidebarHeadings === true
+      );
+    },
+
+    hasWiderSidebar() {
+      const { themeConfig } = this.$site;
+      return (
+        themeConfig.widerSidebar === true
+      );
+    },
+
     sidebarItems() {
       return resolveSidebarItems(
         this.$page,
@@ -99,6 +113,8 @@ export default {
           "no-navbar": !this.shouldShowNavbar,
           "sidebar-open": this.isSidebarOpen,
           "no-sidebar": !this.shouldShowSidebar,
+          "smaller-sidebar-headings": this.hasSmallerSidebarHeadings,
+          "wider-sidebar": this.hasWiderSidebar,
           split: this.$page.frontmatter.split,
         },
         userPageClass,