Vue- screen: Responsive media concerns - Vue.js Nourished #.\n\nWarning: Variation 2.x merely sustains Vue 3. v1 doctors are accessible right here.\n\n\n\n\nSensitive screen measurements and media inquiry conditions for Vue. Supports your favourite UI structure out of package, and also can be configured along with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced display dimension.\nReactive media concern states as well as unit orientation.\nFind touch display screen functionality.\nBreakpoints for many usual ui platforms offered away from package: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt module consisted of. Nuxt component growth is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUsage with structure API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\ngain \ndisplay,.\nnetwork.\n\n\n\nFor advanced configurations, check out the docs website.\nUsage as a plugin.\nimport createApp from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is: $screen.widthWindow height is actually: $screen.height
v2 presents a few breaking adjustments both in the configuration and in the API.Read more about all of them in the docs section.