Vue- screen: Responsive media queries - Vue.js Supplied #.\n\nAlert: Version 2.x merely sustains Vue 3. v1 doctors are on call listed here.\n\n\n\n\nReactive display screen dimension and media question states for Vue. Supports your favourite UI framework out of the box, and also can be configured with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and debounced screen measurements.\nSensitive media question states as well as unit orientation.\nFind contact screen capacity.\nBreakpoints for the majority of typical ui structures offered away from package: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR suitable with Nuxt component featured. Nuxt component growth is hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUsage along with make-up API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst screen = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \ndisplay,.\nframework.\n\n\n\nFor state-of-the-art configurations, look into the docs web site.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointWindow width is: $screen.widthHome window elevation is actually: $screen.height
v2 presents a couple of breaking changes both in the configuration as well as in the API.Learn more about all of them in the docs segment.