ver 0.4

Author: megafetis

.babelrc

@@ -1,6 +1,7 @@
 {
   "presets": [
     "@babel/env",
-    "@babel/typescript"
+    "@babel/typescript",
+    "@vue/cli-plugin-babel/preset"
   ]
 }

README.md

@@ -112,7 +112,12 @@ import {createApp} from 'vue';
 import VueBlocksTree from 'vue3-blocks-tree';
 import 'vue3-blocks-tree/dist/vue3-blocks-tree.css';
 // or import 'vue3-blocks-tree/src/styles/blocks-tree.less';
-createApp(App).component('blocks-tree',VueBlocksTree)
+
+let defaultoptions = {treeName:'blocks-tree'}
+
+createApp(App)
+    .use(VueBlocksTree,defaultoptions)
+    // or .component('blocks-tree',VueBlocksTree)
 
 // ...
 ```

demo-dist/app.css

@@ -1,11 +1,14 @@
 import {createApp } from 'vue';
-import VueBlocksTree from '../src';
-import '../src/styles/blocks-tree.less';
+
+import VueBlocksTree from '../dist/vue3-blocks-tree.common';
+import '../dist/vue3-blocks-tree.css';
+
 
 import App from './demo-app.vue';
 
 
 
 createApp(App)
-    .component('blocks-tree',VueBlocksTree)
+    // .component('blocks-tree',VueBlocksTree)
+    .use(VueBlocksTree)
     .mount('#app');

demo-dist/app.min.js

@@ -0,0 +1,10 @@
+<meta charset="utf-8">
+<title>vue3-blocks-tree demo</title>
+<script src="./vue3-blocks-tree.umd.js"></script>
+
+<link rel="stylesheet" href="./vue3-blocks-tree.css">
+
+
+<script>
+console.log(vue3-blocks-tree)
+</script>