aboutsummaryrefslogtreecommitdiff
path: root/src/site/components/grid/waterfall
diff options
context:
space:
mode:
Diffstat (limited to 'src/site/components/grid/waterfall')
-rw-r--r--src/site/components/grid/waterfall/Waterfall.vue26
-rw-r--r--src/site/components/grid/waterfall/WaterfallItem.vue2
2 files changed, 14 insertions, 14 deletions
diff --git a/src/site/components/grid/waterfall/Waterfall.vue b/src/site/components/grid/waterfall/Waterfall.vue
index 762cbbd..af2af3f 100644
--- a/src/site/components/grid/waterfall/Waterfall.vue
+++ b/src/site/components/grid/waterfall/Waterfall.vue
@@ -20,29 +20,29 @@ const imagesloaded = isBrowser ? require('imagesloaded') : null;
export default {
name: 'Waterfall',
components: {
- WaterfallItem,
+ WaterfallItem
},
props: {
options: {
type: Object,
- default: () => {},
+ default: () => {}
},
items: {
type: Array,
- default: () => [],
+ default: () => []
},
itemWidth: {
type: Number,
- default: 150,
+ default: 150
},
gutterWidth: {
type: Number,
- default: 10,
+ default: 10
},
gutterHeight: {
type: Number,
- default: 4,
- },
+ default: 4
+ }
},
mounted() {
this.initializeMasonry();
@@ -62,7 +62,7 @@ export default {
node,
() => {
this.masonry.layout();
- },
+ }
);
},
performLayout() {
@@ -101,7 +101,7 @@ export default {
removed,
appended,
prepended,
- moved,
+ moved
};
},
initializeMasonry() {
@@ -111,8 +111,8 @@ export default {
{
columnWidth: this.itemWidth,
gutter: this.gutterWidth,
- ...this.options,
- },
+ ...this.options
+ }
);
this.domChildren = this.getNewDomChildren();
}
@@ -122,8 +122,8 @@ export default {
const children = this.options && this.options.itemSelector
? node.querySelectorAll(this.options.itemSelector) : node.children;
return Array.prototype.slice.call(children);
- },
- },
+ }
+ }
};
</script>
diff --git a/src/site/components/grid/waterfall/WaterfallItem.vue b/src/site/components/grid/waterfall/WaterfallItem.vue
index c5cade1..2a18606 100644
--- a/src/site/components/grid/waterfall/WaterfallItem.vue
+++ b/src/site/components/grid/waterfall/WaterfallItem.vue
@@ -5,6 +5,6 @@
</template>
<script>
export default {
- name: 'WaterfallItem',
+ name: 'WaterfallItem'
};
</script>