hugo-toha/assets/scripts/core/device.js

let deviceState = {
  isMobile: false,
  isTablet: false,
  isLaptop: false
}

function detectDeviceState () {
  if (window.innerWidth <= 425) {
    deviceState = {
      isMobile: true,
      isTablet: false,
      isLaptop: false
    }
  } else if (window.innerWidth <= 768) {
    deviceState = {
      isMobile: false,
      isTablet: true,
      isLaptop: false
    }
  } else {
    deviceState = {
      isMobile: false,
      isTablet: false,
      isLaptop: true
    }
  }
}

detectDeviceState()
window.addEventListener('resize', detectDeviceState)

// returns a copy of the device state
// so other parts of code can't override this.
export function getDeviceState () {
  return { ...deviceState }
}