vue-100vh

<template>
  <vue100vh :css="{height: '100rvh';}">
    <marquee>Your stuff goes here</marquee>
  </vue100vh>
</template>
 
<script>
import vue100vh from 'vue-100vh'
 
export default {
  components: { vue100vh },
}
</script>

  <vue100vh :style="{ minHeight: '50rvh' }">
    <marquee>This is inside a div that takes at least 50% of viewport height.</marquee>
  </vue100vh>