tree formats

Author: yyx990803

docs/guide/custom-themes.md

@@ -7,11 +7,11 @@ next: ./deploy
 
 VuePress uses Vue single file components for custom themes. To use a custom layout, create a `.vuepress/theme` directory in your docs root, and then create a `Layout.vue` file:
 
-``` bash
+```
 .
-└── .vuepress
-    └── theme
-        └── Layout.vue
+└─ .vuepress
+   └─ theme
+      └─ Layout.vue
 ```
 
 From there it's the same as developing a normal Vue application. It is entirely up to you how to organize your theme.

docs/guide/using-vue.md

@@ -79,10 +79,10 @@ Any `*.vue` file found in `.vuepress/components` are automatically registered as
 
 ```
 .
-└── .vuepress
-    └── components
-        ├── demo-1.vue
-        └── OtherComponent.vue
+└─ .vuepress
+   └─ components
+      ├─ demo-1.vue
+      └─ OtherComponent.vue
 ```
 
 Inside any markdown file you can then directly use the components (names are inferred from filenames):