Environment

Vuetify Version: 2.5.10
Vue Version: 2.6.11
Browsers: Chrome 94.0.4606.81
OS: Windows 10

Steps to reproduce

1. add an element and apply hidden-md-only class to it
2. add another element and apply hidden-lg-only class to it
3. find a screen width when a lg device become an md device (947px in my case)

Expected Behavior

Only one of the elements is shown

Actual Behavior

Both elements are shown even though $vuetify.breakpoint.lg is already false at this point.

Reproduction Link

https://jsfiddle.net/MilenaMalysh/hc4n3tfu/30/show