Padding should be considered when calculating columns

[sogehige]

In several cases I have 1 extra column when padding is used

I solved it with, but it is just workaround for me

diff --git a/node_modules/vue-masonry-wall/src/vue-masonry-wall.vue b/node_modules/vue-masonry-wall/src/vue-masonry-wall.vue
index 5400ef7..4a97dbd 100644
--- a/node_modules/vue-masonry-wall/src/vue-masonry-wall.vue
+++ b/node_modules/vue-masonry-wall/src/vue-masonry-wall.vue
@@ -185,7 +185,7 @@
        * @private internal component use
        */
       _columnSize() {
-        const length = Math.round(this.$refs.wall.scrollWidth / this._options.width)
+        const length = Math.round(this.$refs.wall.scrollWidth / (this._options.width + this._options.padding.default * 2))
         if (length < 1) return 1
         return length
       },

[DerYeger]

I created a Vue 3 component based on this repository.
You can find it at https://github.com/DerYeger/vue-masonry-wall.

It has been rewritten in TypeScript, does not rely on external dependencies, takes padding in regard when calculating the column count, and supports item removal.
A demo is available at https://vue-masonry-wall.yeger.eu/.