Vue- display: Reactive media questions - Vue.js Nourished #.\n\nAlert: Model 2.x only sustains Vue 3. v1 docs are actually on call listed below.\n\n\n\n\nResponsive screen dimension and media inquiry conditions for Vue. Supports your much-loved UI framework away from package, as well as can be configured with any type of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive as well as debounced display screen size.\nSensitive media concern conditions and unit alignment.\nSense touch monitor ability.\nBreakpoints for the majority of typical ui frameworks offered out of package: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic UI.\nSSR compatible along with Nuxt element consisted of. Nuxt module development is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUse with make-up API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst display screen = useScreen().\nconst grid = useGrid(' bulma').\n\nprofit \nscreen,.\ngrid.\n\n\n\nFor sophisticated configurations, visit the docs web site.\nMake use of as a plugin.\nimport createApp from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window width is: $screen.widthHome window height is actually: $screen.height
v2 introduces a handful of breaking modifications both in the arrangement as well as in the API.Learn more about all of them in the doctors section.