@vbarbarosh/vue-sizemon

Monitoring size of a positioned ancestor

Usage no npm install needed!

<script type="module">
  import vbarbaroshVueSizemon from 'https://cdn.skypack.dev/@vbarbarosh/vue-sizemon';
</script>

Monitoring size of a positioned ancestor.

<div class="rel">
    <vue-sizemon v-model="size" />
    <div>
        width={{ size.w }}<br>
        height={{ size.h }}
    </div> 
</div>

npm i @vbarbarosh/vue-sizemon