Vue- monitor: Reactive media queries - Vue.js Nourished #.\n\nAlert: Variation 2.x simply sustains Vue 3. v1 docs are actually available here.\n\n\n\n\nSensitive display measurements and also media question conditions for Vue. Sustains your preferred UI platform out of the box, and also may be configured along with any sort of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and debounced screen size.\nSensitive media concern states as well as unit orientation.\nDetect touch screen capability.\nBreakpoints for the majority of popular ui frameworks delivered away from the box: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR suitable along with Nuxt module featured. Nuxt module growth is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nMake use of with make-up API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst screen = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \nscreen,.\nframework.\n\n\n\nFor sophisticated configurations, have a look at the doctors site.\nMake use of as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is actually: $screen.widthHome window elevation is: $screen.height
v2 introduces a couple of breaking modifications both in the arrangement and also in the API.Read more concerning them in the doctors section.