Vue method to set width and height based on component element size

setWidthAndHeight.js

    setWidthAndHeight() {
      const cs = getComputedStyle(this.$el)

      const paddingX = parseFloat(cs.paddingLeft) + parseFloat(cs.paddingRight)
      const paddingY = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom)

      const borderX =
        parseFloat(cs.borderLeftWidth) + parseFloat(cs.borderRightWidth)
      const borderY =
        parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth)

      // Element width and height minus padding and border
      this.width = this.$el.offsetWidth - paddingX - borderX
      this.height = this.$el.offsetHeight - paddingY - borderY
    },