Vue- screen: Sensitive media questions - Vue.js Nourished #.\n\nAlert: Version 2.x simply supports Vue 3. v1 doctors are actually readily available below.\n\n\n\n\nSensitive display screen measurements and also media query conditions for Vue. Sustains your favorite UI framework away from the box, and also may be set up with any kind of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced monitor dimension.\nReactive media inquiry states and unit positioning.\nSpot touch display screen functionality.\nBreakpoints for most common ui structures delivered away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR suitable along with Nuxt element featured. Nuxt module advancement is hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUse with make-up API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \nscreen,.\nframework.\n\n\n\nFor enhanced configurations, check out the docs internet site.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointWindow width is: $screen.widthWindow height is actually: $screen.height
v2 introduces a few breaking adjustments both in the setup and in the API.Read more concerning all of them in the doctors segment.