Merge pull request #64 from mudin/master

closable option is added

Author: pexea12

README.md

@@ -155,6 +155,12 @@ How to use:
       <td>0</td>
       <td>Minimum length unto end to emit load more event</td>
     </tr>
+    <tr>
+      <td>closable</td>
+      <td>Boolean</td>
+      <td>true</td>
+      <td>Display the close button at the right top corner or not. ESC clicking-close will also be disabled if closable is set to false.</td>
+    </tr>
     <tr>
       <td>closeText</td>
       <td>String</td>

src/components/script.js

@@ -24,6 +24,11 @@ export default {
       default: true,
     },
 
+    closable: {
+      type: Boolean,
+      default: true,
+    },
+
     startAt: {
       type: Number,
       default: 0,
@@ -216,6 +221,7 @@ export default {
     },
 
     closeLightBox() {
+      if(!this.closable) return;
       this.$set(this, 'lightBoxOn', false)
     },
 

src/components/template.html

@@ -12,6 +12,7 @@
         type="button" 
         :title="closeText" 
         class="vue-lb-button-close" 
+        v-if="closable"
         >
           <slot name="close">
             <span>