docs: update docs

Author: Himenon

packages/vue/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Himenon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/vue/README.md

@@ -4,6 +4,8 @@
 
 ## Usage
 
+[DEMO](https://codesandbox.io/s/vue-path-tree-demo-72p76)
+
 ### Install
 
 ```bash
@@ -37,6 +39,39 @@ new Vue({
 }).$mount("#root");
 ```
 
+#### use `.vue`
+
+```vue
+<template>
+  <PathTree :pathItems="pathItems"></PathTree>
+</template>
+
+<script>
+import * as PathTree from "@path-tree/vue";
+
+export default {
+  name: "Tree",
+  components: {
+    PathTree: PathTree.Component,
+  },
+  data() {
+    return {
+      pathItems: [
+        {
+          type: "file",
+          path: "a/b/index.js",
+        },
+        {
+          type: "file",
+          path: "a/b/c/index.js",
+        },
+      ],
+    };
+  },
+};
+</script>
+```
+
 ### Define components
 
 ```tsx