Vue- display screen: Reactive media inquiries - Vue.js Supplied #.\n\nPrecaution: Model 2.x just supports Vue 3. v1 doctors are accessible below.\n\n\n\n\nSensitive display screen measurements and media concern conditions for Vue. Assists your preferred UI framework away from the box, as well as can be configured along with any kind of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive as well as debounced monitor measurements.\nResponsive media query conditions and unit alignment.\nRecognize touch screen capacity.\nBreakpoints for the majority of typical ui platforms delivered out of package: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic UI.\nSSR appropriate along with Nuxt element featured. Nuxt element advancement is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUsage along with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \ncreate() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \nmonitor,.\ngrid.\n\n\n\nFor state-of-the-art configurations, have a look at the doctors website.\nMake use of as a plugin.\nimport createApp from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window width is: $screen.widthWindow height is: $screen.height
v2 offers a couple of breaking modifications both in the configuration and also in the API.Find out more regarding all of them in the docs segment.