pragmasphere · Toilal · Dec 14, 2017 · Dec 13, 2017
diff --git a/app/components/Docs.ts b/app/components/Docs.ts
@@ -2,7 +2,15 @@ import Vue from 'vue'
 
 import VueTree from '@/VueTree.vue'
 
+import examples from './examples'
+
 export default Vue.extend(
   {
-    components: {VueTree}
+    components: { VueTree },
+    data: function () {
+      return {
+        examples,
+        scope: { VueTree }
+      }
+    }
   })
diff --git a/app/components/Docs.vue b/app/components/Docs.vue
@@ -3,11 +3,7 @@
     <div class="content container">
       <div class="row">
         <div class="col-xs-12">
-          <vue-tree></vue-tree>
-          <vue-tree></vue-tree>
-          <vue-tree></vue-tree>
-          <vue-tree></vue-tree>
-          <vue-tree></vue-tree>
+          <vuep :template="examples.simple" :scope="scope"></vuep>
         </div>
       </div>
     </div>

diff --git a/app/components/examples/Simple.vue.raw b/app/components/examples/Simple.vue.raw
@@ -0,0 +1,11 @@
+<template>
+  <vue-tree></vue-tree>
+</template>
+
+<script>
+  export default {
+    components: {
+      VueTree
+    }
+  }
+</script>
diff --git a/app/components/examples/index.ts b/app/components/examples/index.ts
@@ -0,0 +1,3 @@
+const simple = require('raw-loader!./Simple.vue.raw')
+
+export default { simple }
diff --git a/app/dist/index.html b/app/dist/index.html
@@ -0,0 +1,25 @@
+<html>
+
+<head>
+  <script src="https://unpkg.com/vue"></script>
+  <script src="vue-tree.js"></script>
+  <link rel="stylesheet" type="text/css" href="vue-tree.css">
+</head>
+
+<body>
+<div id="app">
+  <vue-tree></vue-tree>
+</div>
+
+<script>
+  Vue.component('vue-tree', VueTree)
+
+  new Vue({
+    el: '#app',
+    data: {
+      message: 'Hello Vue.js!'
+    }
+  })
+</script>
+</body>
+</html>
diff --git a/app/dist/vue-tree.css b/app/dist/vue-tree.css
diff --git a/app/dist/vue-tree.css.map b/app/dist/vue-tree.css.map
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		const simple = require('raw-loader!./Simple.vue.raw')

		export default { simple }