diff --git a/README.md b/README.md
index 26de3ab..7f0b6f0 100644
--- a/README.md
+++ b/README.md
@@ -148,7 +148,7 @@ How to use:
siteLoading |
|
- null |
+ String |
default image when your image is error or loading |
diff --git a/package.json b/package.json
index 8a1d797..78b589a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "vue-image-lightbox",
"description": "A Vue.js package to display an image gallery lightbox",
- "version": "7.1.0",
+ "version": "7.1.1",
"author": "Nguyen P. Thien Dzung ",
"license": "MIT",
"main": "dist/vue-image-lightbox.min.js",
diff --git a/src/App.vue b/src/App.vue
index 939a6ec..7e01200 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,6 +24,7 @@
:media="media"
:show-caption="true"
:show-light-box="false"
+ :site-loading="siteLoading"
/>
diff --git a/src/components/LightBox.vue b/src/components/LightBox.vue
index 18582d6..2386195 100644
--- a/src/components/LightBox.vue
+++ b/src/components/LightBox.vue
@@ -31,7 +31,11 @@
@@ -220,8 +224,8 @@ export default {
},
siteLoading: {
- type: Object,
- default: null,
+ type: String,
+ default: '',
},
showCaption: {
@@ -300,7 +304,10 @@ export default {
}))
}
- return this.media.map(({ thumb, type }) => ({ thumb, type }))
+ return this.media.map(({ thumb, type }) => ({
+ src: thumb,
+ type,
+ }))
}
},