butaminas / better-vue-breakpoints Goto Github PK

Using v-if="$breakpoint.mdAndUp" leads to false positives because the div will show on MD, not on LG, but will show on XL.

Inside main.js I have:

Vue.use(breakpoint, {
  xs: 576,
  sm: 768,
  md: 1024,
  lg: 1350,
  xl: 1920
})

Inside my component:

<div v-if="$breakpoint.mdAndUp">
</div>

Using Vue CLI 3.0 and better-vue-breakpoints": "^0.1.4"