Cleaned up README

euvl · euvl · commit 6e443d85c58b · 2017-09-25T10:47:14.000+01:00
diff --git a/README.md b/README.md
@@ -1,6 +1,10 @@
 ### vue-js-grid
 
-Fixed size grid for Vue.js
+#### Fixed size grid for Vue.js
+
+This is very a first version of the plugin. If you find any bugs and/or want to contribute, feel free to create issues, PRs or reach me out on twitter! 👍 🚀
+
+Thanks!
 
 ### Install
 ```
@@ -20,8 +24,8 @@ Vue.use(Grid)
 data () {
   return {
     items: [
-      'a', 
-      'b', 
+      'a',
+      'b',
       'c'
     ]
 }
@@ -35,7 +39,7 @@ data () {
   :height="100"
   :width="100">
   <template slot="cell" scope="props">
-    <div>{{props.item.value}}</div>
+    <div>{{props.item}}</div>
   </template>
 </grid>
 ```
diff --git a/demo/src/App.vue b/demo/src/App.vue
@@ -76,8 +76,10 @@ export default {
 
   methods: {
     click ({ items, index }) {
-      let item = items.find(v => v.index === index)
-      this.selected = item.color
+      let color = items.find(v => v.index === index)
+      this.selected = color
+
+      console.log(this.selected)
     },
 
     change (event) {
diff --git a/demo/src/Icon.vue b/demo/src/Icon.vue
@@ -3,7 +3,9 @@
     <div v-if="withButton"
          class="icon-delete-btn"
          @mousedown="remove"></div>
-    <slot/>
+    <slot>
+      {{index}}
+    </slot>
   </div>
 </template>
 
@@ -28,9 +30,8 @@ export default {
   computed: {
     brightness () {
       let { r, g, b } = this.color
-      let brightness = 0.299 * r + 0.587 * g + 0.114 * b
 
-      return brightness
+      return 0.299 * r + 0.587 * g + 0.114 * b
     },
     style () {
       if (this.color) {
@@ -81,7 +82,7 @@ export default {
   box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.07);
   color: #777;
 
-  font-weight: 900;
+  font-weight: 300;
   font-size: 12px;
 
   line-height: 52px;
diff --git a/src/Grid.vue b/src/Grid.vue
@@ -116,7 +116,7 @@ export default {
     /* Returns merged event object */
     wrapEvent (other = {}) {
       return {
-    //    datetime: Date.now(),
+        datetime: Date.now(),
         items: this.getListClone(),
         ...other
       }
@@ -128,9 +128,9 @@ export default {
         .sort((a, b) => {
           return a.sort - b.sort
         })
-        .map(v => {
-          return { ...v.item }
-        })
+      //  .map(v => {
+      //    return { ...v.item }
+      //  })
     },
 
     removeItem ({ index }) {
@@ -176,10 +176,14 @@ export default {
       let targetItem = this.list.find(item => item.index === itemIndex)
       let targetItemSort = targetItem.sort
 
-      // Normalizing new grid position
+      /*
+        Normalizing new grid position
+      */
       gridPosition = Math.max(gridPosition, 0)
-      // If you remove this line you can drag items to positions that
-      // are further than items array length
+      /*
+        If you remove this line you can drag items to positions that
+        are further than items array length
+      */
       gridPosition = Math.min(gridPosition, this.list.length - 1)
 
       if (targetItemSort !== gridPosition) {
