Vue- monitor: Sensitive media queries - Vue.js Supplied #.\n\nWarning: Version 2.x simply sustains Vue 3. v1 docs are actually accessible listed here.\n\n\n\n\nReactive screen measurements and also media inquiry conditions for Vue. Supports your much-loved UI platform away from the box, and also may be set up along with any sort of custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced display screen dimension.\nResponsive media concern conditions and tool positioning.\nFind contact screen functionality.\nBreakpoints for many popular ui platforms provided away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR appropriate along with Nuxt module included. Nuxt element development is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUsage with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \ndisplay,.\nframework.\n\n\n\nFor advanced setups, visit the doctors web site.\nUsage as a plugin.\nimport createApp from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Existing breakpoint is actually: $grid.breakpointWindow distance is actually: $screen.widthWindow height is actually: $screen.height
v2 presents a handful of breaking modifications both in the configuration as well as in the API.Read more about all of them in the docs area.