diff options
Diffstat (limited to 'src/site/components/grid/waterfall')
| -rw-r--r-- | src/site/components/grid/waterfall/Waterfall.vue | 26 | ||||
| -rw-r--r-- | src/site/components/grid/waterfall/WaterfallItem.vue | 2 |
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> |