diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index d1a0ddaaf..7d9156775 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -47,7 +47,8 @@ module.exports = {
     nav: [
       { text: 'User Guide', link: '/user-guide/' },
       { text: 'Developer Guide', link: '/developer-guide/' },
-      { text: 'Rules', link: '/rules/' }
+      { text: 'Rules', link: '/rules/' },
+      { text: 'Demo', link: 'https://mysticatea.github.io/vue-eslint-demo' }
     ],
 
     sidebar: {