JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

<script>
export default {
  data: () => ({
    amountToHide: 3
  }),
  computed: {
    hideAfterThis() {
      if (this.mq('small') && this.mq('to-medium')) {
        this.amountToHide = 4
      } else if (this.mq('medium')) {
        this.amountToHide = 7
      }

      return this.amountToHide
    }
  }
}
</script>