Merge branch 'main' of https://github.com/geekhybrid/vue3-tree-vue

Author: geekhybrid

.github/workflows/main

@@ -0,0 +1,25 @@
+name: Run Tests
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '14'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Run Jest tests
+        run: npm test

README.md

@@ -29,32 +29,32 @@ import 'vue3-tree-vue/dist/style.css'; // remember to add this in your component
   setup() {
     const onItemChecked = (checkedItems: TreeViewItem[]) => console.log(checkedItems);
     const onItemSelected = (item: TreeViewItem) => console.log(item);
-    
+
     // How to handle drag and drop logic
     const onBeforeItemDropped = (droppedItem: TreeViewItem, destinationNode: TreeViewItem | undefined) => {
-      // destinationNode == undefined means dropping at the root of the tree.
-      
-      // Here you can specify any kind of drop validation you will like.
-      // this function should return true if the drop operation is valid.
-
-      return new Promise((resolve, _) => {
-        resolve(droppedItem !== destinationNode) // Replace this logic with your logic.
-      });
+          // destinationNode == undefined means dropping at the root of the tree.
+          
+          // Here you can specify any kind of drop validation you will like.
+          // this function should return true if the drop operation is valid.
+
+        return new Promise((resolve, _) => {
+          resolve(droppedItem !== destinationNode) // Replace this logic with your logic.
+        });
     }
     const onItemExpanded = (expandedItem: TreeViewItem) => {
-      //to use this feature properly you need to set lazyLoad property as true 
-      //fetch data
-      const lazyLoadedItems = fetchFromApi(...);
-      expandedItem.children.push(...lazyLoadedItems)
+          //to use this feature properly you need to set lazyLoad property as true 
+          //fetch data
+          const lazyLoadedItems = fetchFromApi(...);
+          expandedItem.children.push(...lazyLoadedItems)
     }
     const items = ref<TreeViewItem[]>([]); // define your tree items here.
 
     return {
-      onItemChecked,
-      onItemSelected,
-      onBeforeItemDropped,
-      onItemExpanded,
-      items
+          onItemChecked,
+          onItemSelected,
+          onBeforeItemDropped,
+          onItemExpanded,
+          items
     }
   }
 ```
@@ -125,4 +125,4 @@ export interface TreeViewItem {
 
 | Name | Description |
 | -------------|-------------
-| on-item-hover | Use in `child-append` and `item-append` slots to only show when the cursor is hovering on the node 
+| on-item-hover | Use in `child-append` and `item-append` slots to only show when the cursor is hovering on the node