Vue- display screen: Reactive media concerns - Vue.js Supplied #.\n\nPrecaution: Version 2.x simply assists Vue 3. v1 doctors are on call here.\n\n\n\n\nResponsive monitor measurements as well as media inquiry states for Vue. Supports your much-loved UI platform away from the box, and also can be configured along with any kind of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and also debounced display measurements.\nResponsive media inquiry states and also gadget positioning.\nSpot touch display functionality.\nBreakpoints for the majority of common ui frameworks given away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR appropriate along with Nuxt element included. Nuxt module growth is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUse along with structure API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \nmonitor,.\ngrid.\n\n\n\nFor advanced setups, have a look at the docs web site.\nUsage as a plugin.\nbring in createApp from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointHome window size is actually: $screen.widthWindow elevation is: $screen.height
v2 presents a few breaking changes both in the setup and also in the API.Find out more regarding all of them in the docs section.