Restructured menu

Author: crup

docs/api.mdx

@@ -1,6 +1,7 @@
 ---
 name: API
 route: /api
+order: 2
 ---
 
 # API

docs/playground.mdx renamed to docs/examples.mdx

@@ -1,9 +1,10 @@
 ---
-name: Playground
-route: /playground
+name: Examples
+route: /examples
+order: 3
 ---
 
-# Playground
+# Examples
 
 import { Playground } from 'docz'
 import ReactTimer from '../src/index'

docs/getting-started/changelog.mdx

@@ -0,0 +1,8 @@
+---
+name: Changelog
+route: /changelog
+order: 3
+menu: Getting Started
+---
+
+# Changelog

docs/getting-started/installation.mdx

@@ -0,0 +1,8 @@
+---
+name: Installation
+route: /installation
+order: 2
+menu: Getting Started
+---
+
+# Installation

docs/introduction.mdx renamed to docs/getting-started/introduction.mdx

@@ -1,6 +1,8 @@
 ---
 name: Introduction
 route: /
+order: 1
+menu: Getting Started
 ---
 
 # Introduction

doczrc.js

@@ -2,6 +2,16 @@ module.exports = {
   base: '/react-timer/',
   title: 'React Timer',
   hashRouter: true,
-  ignore: ['readme.md'],
-  src: './docs'
+  ignore: ['README.md', 'example/README.md'],
+  src: './docs',
+  menu: [
+    {
+      name: 'Getting Started',
+      menu: [
+        { name: 'Introduction', route: '/' },
+        { name: 'Installation', route: '/installation' },
+        { name: 'Changelog', route: '/changelog' }
+      ]
+    }
+  ]
 }