<template>
  <div class="h-8" />
</template>

<template>
  <div :class="heightClasses" />
</template>

<script>
export default {
  props: {
    height: {
      type: String,
      default: '10',
    },
    heightSm: {
      type: String,
      default: '10',
    },
  },
  computed: {
    heightClasses() {
      return `h-${this.height} sm:h-${this.heightSm}`;
    },
  },
};
</script>

Add dynamic height classes computed prop.
Add dynamic height classes computed prop.
