Vue- monitor: Reactive media queries - Vue.js Supplied #.\n\nCaution: Version 2.x just assists Vue 3. v1 docs are actually readily available listed below.\n\n\n\n\nResponsive display screen size and also media concern conditions for Vue. Supports your favourite UI framework away from the box, as well as could be configured along with any customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display screen dimension.\nResponsive media inquiry states and unit positioning.\nIdentify contact monitor ability.\nBreakpoints for a lot of usual ui platforms offered away from the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR compatible with Nuxt module included. Nuxt component progression is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse with structure API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \ncreate() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \ndisplay,.\nframework.\n\n\n\nFor sophisticated configurations, take a look at the doctors site.\nMake use of as a plugin.\nimport 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.Present breakpoint is actually: $grid.breakpointWindow size is: $screen.widthHome window height is: $screen.height
v2 introduces a few breaking changes both in the setup and in the API.Find out more about them in the docs area.