Vue- display screen: Reactive media concerns - Vue.js Feed #.\n\nCaution: Variation 2.x simply sustains Vue 3. v1 docs are accessible below.\n\n\n\n\nReactive monitor measurements as well as media inquiry conditions for Vue. Supports your preferred UI framework away from package, and may be configured with any type of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced monitor measurements.\nSensitive media inquiry states and also tool orientation.\nLocate contact display screen capability.\nBreakpoints for many popular ui platforms offered away from the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR appropriate with Nuxt element featured. Nuxt element development is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nMake use of with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \ndisplay screen,.\nnetwork.\n\n\n\nFor advanced configurations, browse through the doctors web site.\nMake use of as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is actually: $screen.widthHome window elevation is: $screen.height
v2 offers a handful of breaking modifications both in the arrangement as well as in the API.Read more about all of them in the docs segment.