Vue js how to write directive to track screen sizes?

Question

Vue.js

We need a vue js directive that will help keep track of the screen size. What it is for: on the desktop, the leftbar should always be present, while on the tablet it should be initially hidden (when you press the button, it will smoothly exit) There are no problems with smooth floating, but there is a screen adjustment. The function for this is not suitable (changing the screen size can be done by simply minimizing). If you have any ideas how it can be implemented in other ways, then tell me.

Answer 1

use better ready module. https://github.com/AlexandreBonaventure/vue-mq