From 514d46a7edd86cf91d55498c4735432dd0f74da5 Mon Sep 17 00:00:00 2001
From: AyHaski <19aylin96@gmx.de>
Date: Wed, 9 Sep 2020 14:06:54 +0200
Subject: [PATCH] removed divider code and updated readme

---
 README.md                                     |  1 -
 src/DraggableTreeview.vue                     |  5 ----
 src/DraggableTreeviewNode.vue                 | 15 ----------
 test/DraggableTreeview.spec.js                |  3 +-
 .../DraggableTreeview.spec.js.snap            | 28 ++-----------------
 5 files changed, 3 insertions(+), 49 deletions(-)

diff --git a/README.md b/README.md
index 82b777f9..f3157a0b 100644
--- a/README.md
+++ b/README.md
@@ -116,7 +116,6 @@ Name | Type | Default | Description
 value | Object | [] | items for treeview. `item-key`, `item-text`, `item-children` are not customizable currently.  `value` can be like `{ id: 1, name: "test", children: []}` .
 group | string | null | group name for vuedraggable. If this props not provided, drag and drop are enabled only in children.
 expand-icon | string | 'mdi-menu-down' |mdi string for the expand icon.
-show-divider | boolean | false |show a divider under each node.
 
 ### Events
 Name | Value  | Description
diff --git a/src/DraggableTreeview.vue b/src/DraggableTreeview.vue
index 5804a89a..36be8620 100644
--- a/src/DraggableTreeview.vue
+++ b/src/DraggableTreeview.vue
@@ -13,7 +13,6 @@
       :group="group"
       :value="item"
       :expand-icon="expandIcon"
-      :show-divider="showDivider"
       @input="updateItem"
     >
       <template v-slot:prepend="{ item, open }">
@@ -53,10 +52,6 @@ export default Vue.extend({
     expandIcon: {
       type: String,
       default: "mdi-menu-down"
-    },
-    showDivider: {
-      type: Boolean,
-      default: (): boolean => false
     }
   },
   data() {
diff --git a/src/DraggableTreeviewNode.vue b/src/DraggableTreeviewNode.vue
index 5a9acd4f..ca22b9d4 100644
--- a/src/DraggableTreeviewNode.vue
+++ b/src/DraggableTreeviewNode.vue
@@ -33,16 +33,6 @@
       </div>
       <slot name="append" v-bind="{ item: value }" />
     </div>
-    <hr
-      v-if="showDivider"
-      role="separator"
-      aria-orientation="horizontal"
-      class="v-divider"
-      :class="{
-        'theme--dark': isDark,
-        'theme--light': !isDark
-      }"
-    />
     <div
       v-if="open"
       class="v-treeview-node__children v-treeview-node__children__draggable"
@@ -60,7 +50,6 @@
           :value="child"
           :level="level + 1"
           :expand-icon="expandIcon"
-          :show-divider="showDivider"
           @input="updateChildValue"
         >
           <template v-slot:prepend="{ item, open }">
@@ -114,10 +103,6 @@ export default Vue.extend({
     expandIcon: {
       type: String,
       default: "mdi-menu-down"
-    },
-    showDivider: {
-      type: Boolean,
-      default: (): boolean => false
     }
   },
   data() {
diff --git a/test/DraggableTreeview.spec.js b/test/DraggableTreeview.spec.js
index c408011b..1c5c2870 100644
--- a/test/DraggableTreeview.spec.js
+++ b/test/DraggableTreeview.spec.js
@@ -38,7 +38,7 @@ describe("DraggableTreeview", () => {
     });
   });
 
-  test("renders correctly with divider and changed expand Icon", () => {
+  test("renders correctly with changed expand Icon", () => {
     const wrapper = mount(DraggableTreeview, {
       vuetify: new Vuetify({
         mocks: {
@@ -63,7 +63,6 @@ describe("DraggableTreeview", () => {
             ]
           }
         ],
-        showDivider: true,
         expandIcon: "mdi-chevron-down"
       }
     });
diff --git a/test/__snapshots__/DraggableTreeview.spec.js.snap b/test/__snapshots__/DraggableTreeview.spec.js.snap
index 0af65259..2a31258a 100644
--- a/test/__snapshots__/DraggableTreeview.spec.js.snap
+++ b/test/__snapshots__/DraggableTreeview.spec.js.snap
@@ -27,8 +27,6 @@ exports[`DraggableTreeview renders correctly 1`] = `
     </div>
      
     <!---->
-     
-    <!---->
   </div>
 </div>
 `;
@@ -59,8 +57,6 @@ exports[`DraggableTreeview renders correctly 2`] = `
        
     </div>
      
-    <!---->
-     
     <div
       class="v-treeview-node__children v-treeview-node__children__draggable"
     >
@@ -91,8 +87,6 @@ exports[`DraggableTreeview renders correctly 2`] = `
           </div>
            
           <!---->
-           
-          <!---->
         </div>
       </div>
     </div>
@@ -100,7 +94,7 @@ exports[`DraggableTreeview renders correctly 2`] = `
 </div>
 `;
 
-exports[`DraggableTreeview renders correctly with divider and changed expand Icon 1`] = `
+exports[`DraggableTreeview renders correctly with changed expand Icon 1`] = `
 <div
   class="v-treeview v-treeview-draggable theme--light"
 >
@@ -126,18 +120,12 @@ exports[`DraggableTreeview renders correctly with divider and changed expand Ico
        
     </div>
      
-    <hr
-      aria-orientation="horizontal"
-      class="v-divider theme--light"
-      role="separator"
-    />
-     
     <!---->
   </div>
 </div>
 `;
 
-exports[`DraggableTreeview renders correctly with divider and changed expand Icon 2`] = `
+exports[`DraggableTreeview renders correctly with changed expand Icon 2`] = `
 <div
   class="v-treeview v-treeview-draggable theme--light"
 >
@@ -163,12 +151,6 @@ exports[`DraggableTreeview renders correctly with divider and changed expand Ico
        
     </div>
      
-    <hr
-      aria-orientation="horizontal"
-      class="v-divider theme--light"
-      role="separator"
-    />
-     
     <div
       class="v-treeview-node__children v-treeview-node__children__draggable"
     >
@@ -198,12 +180,6 @@ exports[`DraggableTreeview renders correctly with divider and changed expand Ico
              
           </div>
            
-          <hr
-            aria-orientation="horizontal"
-            class="v-divider theme--light"
-            role="separator"
-          />
-           
           <!---->
         </div>
       </div>