<template>
  <div class="pageLoad"></div>
</template>

<script>
  export default {
    async mounted() {

      for (let i = 0; i < 50; i++) {
        $('.pageLoad').append(`<div class="cCol" data-col-n="${i}"></div>`)

        if (i === 49) {
          const cubeHeight = window.innerHeight / 50
          $('.pageLoad .cCol').css({height: `${cubeHeight}px`})
        }
      }

      window.addEventListener('resize', function () {
        const cubeHeight = window.innerHeight / 50
        $('.pageLoad .cCol').css({height: `${cubeHeight}px`})
      })

    }
  }
</script>
