<template>
  <div :style="wrapperStyle">
      <slot></slot>
  </div>
</template>

<script>
import store from '@/store'
export default {
  name: 'WindowSize',
  setup() {
    const windowSize = store.state.app.windowSize
    const wrapperStyle = {
      position: 'absolute',
      top: 0, left:0, bottom: 0, right: 0,
      background: 'white',
      zIndex: 9999,
      width: windowSize.width,
      height: windowSize.height,
      overflowY: 'scroll',
    }
    return {
      wrapperStyle,
    }
  },
}
</script>