Vue- screen: Reactive media questions - Vue.js Feed #.\n\nPrecaution: Model 2.x only sustains Vue 3. v1 doctors are actually readily available listed here.\n\n\n\n\nReactive monitor measurements and media concern conditions for Vue. Supports your favorite UI structure away from package, and could be configured along with any kind of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced screen dimension.\nSensitive media question states and unit positioning.\nSpot touch screen ability.\nBreakpoints for the majority of common ui platforms delivered out of the box: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR compatible along with Nuxt module consisted of. Nuxt module progression is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUse along with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \nmonitor,.\nnetwork.\n\n\n\nFor advanced arrangements, look at 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. use( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointWindow size is: $screen.widthHome window elevation is: $screen.height
v2 launches a couple of breaking improvements both in the setup and in the API.Read more regarding them in the docs segment.