Vue- monitor: Reactive media queries - Vue.js Nourished #.\n\nWarning: Version 2.x merely sustains Vue 3. v1 doctors are available here.\n\n\n\n\nReactive display measurements as well as media question states for Vue. Assists your favourite UI platform out of package, and can be set up with any kind of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display measurements.\nResponsive media question states and gadget orientation.\nLocate contact display screen capacity.\nBreakpoints for most popular ui structures supplied out of package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR suitable with Nuxt module included. Nuxt element development is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nMake use of with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \ndisplay screen,.\nframework.\n\n\n\nFor enhanced setups, look into the doctors site.\nUse as a plugin.\nimport createApp from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Existing breakpoint is actually: $grid.breakpointHome window distance is actually: $screen.widthHome window height is: $screen.height
v2 offers a few breaking modifications both in the configuration as well as in the API.Read more concerning them in the docs area.