spelling

Author: berge472

README.md

@@ -91,7 +91,7 @@ export interface TreeViewItem {
   selected?: boolean;
   expanded?: boolean;
   disableDragAndDrop?: boolean; // Disable drag and drop for a specific node.
-  collapsable?: boolean; // When set to false, item can not be collapsed (children always visible)
+  collapsible?: boolean; // When set to false, item can not be collapsed (children always visible)
   disabled?: boolean;// When disabled, an item can neither be selected nor checked
   styles?: string[]; // Add the .css styles for a given item
   meta?: any;// provides meta-data of any type per node.

dev/tree.json

@@ -34,10 +34,10 @@
                 "type": ".playlist"
               },
               {
-                "name": "Decoding hieroglyphs (Not Collapsable)",
+                "name": "Decoding hieroglyphs (Not collapsible)",
                 "id": 8,
                 "type": ".playlist",
-                "collapsable": false,
+                "collapsible": false,
                 "expanded": true,
                 "children": [
                   {

src/tree-item.vue

@@ -2,7 +2,7 @@
   <div class="d-flex align-items-center" @contextmenu.prevent="$emit('onContextMenu', { item, event: $event })">
     <div class="guide-line" v-if="parent != null && !hideGuideLines"></div>
 
-    <div @click="toggleExpand()" v-if="(lazyLoad || (item.children && item.children.length > 0)) && (item.collapsable == undefined || item.collapsable == true)">
+    <div @click="toggleExpand()" v-if="(lazyLoad || (item.children && item.children.length > 0)) && (item.collapsible == undefined || item.collapsible == true)">
       <slot name="expander" v-bind="item">
         <span class="chevron-right" :class="{'rotate-90' : item.expanded }"></span>
       </slot>

src/types.ts

@@ -7,7 +7,7 @@ export interface TreeViewItem {
   expanded?: boolean;
   disabled?: boolean;
   disableDragAndDrop?: boolean;
-  collapsable?: boolean;
+  collapsible?: boolean;
   styles?: string[];
   meta?: any;
 }