docs: add layout and default mdx components

Author: koca

website/package.json

@@ -30,7 +30,10 @@
     "@vueuse/head": "^0.5.1",
     "markdown-it-prism": "^2.1.6",
     "prismjs": "^1.23.0",
+    "remark-autolink-headings": "^6.0.1",
+    "remark-frontmatter": "^3.0.0",
     "remark-gfm": "^1.0.0",
+    "remark-slug": "^6.0.0",
     "typescript": "^4.1.3",
     "vite": "2.1.5",
     "vite-plugin-components": "^0.8.3",

website/src/config/blog-sidebar.json

@@ -0,0 +1,21 @@
+{
+  "routes": [
+    {
+      "title": "Recent Posts",
+      "heading": true,
+      "routes": [
+        {
+          "title": "2020",
+          "path": "/blog/2020",
+          "open": true,
+          "routes": [
+            {
+              "title": "Chakra v1 is here",
+              "path": "/blog/chakra-v1-just-landed"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}