diff --git a/docs/config.js b/docs/config.js
index daa22ad..b2948a1 100644
--- a/docs/config.js
+++ b/docs/config.js
@@ -1,12 +1,22 @@
-self.$config = {
+docute.init({
   title: 'vue-chartjs docs',
   plugins: [
     evanyou()
   ],
   landing: true,
-  // or custom path
   landing: '_landing.html',
   repo: 'apertureless/vue-chartjs',
   twitter: 'apertureless',
-  'edit-link': 'https://github.com/apertureless/vue-chartjs/blob/master/docs'
-}
+  tocVisibleDepth: 2,
+  'edit-link': 'https://github.com/apertureless/vue-chartjs/blob/master/docs',
+  nav: {
+    default: [
+      {
+        title: 'Home', path: '/home'
+      },
+      {
+        title: 'Changelog', path: '/changelog', source: 'https://raw.githubusercontent.com/apertureless/vue-chartjs/develop/CHANGELOG.md'
+      },
+    ]
+  }
+})
diff --git a/docs/index.html b/docs/index.html
index dc1215b..236c890 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -11,8 +11,8 @@
   <!-- don't remove this part start -->
   <div id="app"></div>
   <script src="https://unpkg.com/docute-evanyou"></script>
-  <script src="./config.js"></script>
   <script src="https://unpkg.com/docute@2/dist/docute.js"></script>
+  <script src="./config.js"></script>
   <!-- don't remove this part end -->
 
   <!-- Google Analytics -->