masonry layout grid vue js

import { Vue, Component, Prop, Watch } from "vue-property-decorator";

@Component({
  name: "Masonry",
})
export default class GridLayout extends Vue {
  @Prop({ default: false })
  horizontal!: boolean;

  @Prop({ default: 200 })
  gutter!: number;

  @Prop({ default: 0 })
  column!: number;

  @Prop({ default: null })
  minWidth!: number | null;

  @Prop({ default: null })
  maxWidth!: number | null;

  @Prop({ default: null })
  breakpoint!: number | null;

  @Prop({ default: true })
  transition!: boolean;

  @Prop({ default: "fade" })
  transitionMode!: string;

  @Prop({ default: 300 })
  transitionDuration!: number;

  private $slots = this.$slots;
  private $props = this.$props;

  private currentWidth: number = 0;
  private currentGutterSize: number = 0;
  private transitionDurationStyle